/* Template Name: LearnMate Template URI: http://pixxett.com/htmldemos/learnmate/index.html Author: http://www.pixxett.com Author URI: http://www.pixxett.com Description: An Ultra Responsive Multi-Purpose Template. ------------------------------------------------------------------------- 1. Browser Reset + Font Face 2. Globally Applied Styles 3. Header Style 4. About Us Style 5. Features Style 6. Overview Style 7. Courses Style 8. Course Listing & grid Style 9. Course Categories Style 10. Countsown Timer Style 11. Count Style 12. Testimonial Style 13. Blog Style 14. Blog Detail Style 15. Team Style 16. Faculty Style 17. Course Slider Style 18. Newsletter Style 19. Contact Style 20. Footer Style 21. Mob Menu Style 22. Responsive Style -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* 1. Browser Reset + Font Face /*-------------------------------------------------------------------------*/ body {font-size: 15px; font-family: 'Open Sans',"Helvetica Neue","Helvetica",'Roboto','Arial',sans-serif; line-height: 25px; letter-spacing: 0.5px;} /*-------------------------------------------------------------------------*/ /* 2. Globally Applied Styles /*-------------------------------------------------------------------------*/ body {max-width: 100%; color: #696969;} h1, h2, h3, h4, h5, h6 {font-family: 'Lato',"Helvetica Neue","Helvetica",'Roboto','Arial',sans-serif; color: #3b4351; font-size: 1em; line-height: 1.2; margin: 0 0 0.75em;} h1 {font-size: 2em; margin: 0.67em 0;} h2 {font-size: 32px; line-height: 40px; margin: 0px auto 10px; color: #3b4351; font-weight: 700; text-align: center;} h3 {font-size: 16px; font-weight: 700; letter-spacing: 0.05em; line-height: 1; margin-bottom: 60px; text-transform: uppercase;} h3:after {background-color: rgba(255, 255, 255, 0.5); content: ""; display: block; height: 3px; margin: 10px 0px 15px; width: 55px;} h4, h5, h6 {margin-bottom: 10px; margin-top: 10px;} p {font-size: 15px; font-weight: 400; letter-spacing: 1px; line-height: 25px; margin: 0px 0px 10px;} a {color:#098be2; -webkit-transition: color 150ms ease; transition: color 150ms ease;} a:active, a:focus, a:hover {color: #0768aa;} p>a:active, p>a:focus, p>a:hover {border-bottom-color: #098be2;} hr {border-bottom: 1px solid WhiteSmoke; border-left: 0; border-right: 0; border-top: 0; margin: 1.5em 0;} button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #098be2; border: 0; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 1em; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; padding: 0.75em 1.5em; text-decoration: none; -webkit-transition: background-color 150ms ease; transition: background-color 150ms ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap;} button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #076fb5; color: #fff;} button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {cursor: not-allowed; opacity: 0.5;} button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {background-color: #098be2;} fieldset {background-color: transparent; border: 0; margin: 0; padding: 0;} legend {font-weight: 600; margin-bottom: 0.375em; padding: 0;} label {display: block; font-weight: 600; margin-bottom: 0.375em;} input, select {display: block; font-size: 1em;} input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select[multiple] {background-color: #fff; border: 1px solid WhiteSmoke; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-size: 1em; margin-bottom: 0.75em; padding: 0.5em; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease; width: 100%;} input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, select[multiple]:hover {border-color: #c4c4c4;} input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, select[multiple]:focus {border-color: #098be2; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(106, 121, 146, 0.7); outline: none;} input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled, select[multiple]:disabled {background-color: #f2f2f2; cursor: not-allowed;} input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover {border: 1px solid WhiteSmoke;} textarea {resize: vertical; min-height: 100px;} [type="search"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;} [type="checkbox"], [type="radio"] {display: inline; margin-right: 0.375em;} [type="file"] {margin-bottom: 0.75em; width: 100%;} select {margin-bottom: 1.5em; max-width: 100%; width: auto;} .dropdown-menu > li > a {padding: 6px 20px;} .even_div {background: #1f8ceb; color: #b9dcfa;} button {transition: all ease 0.3s; -webkit-transition: all ease 0.3s;} .btn {background: #2fbee1; border-radius: 4px; padding: 12px 30px; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #fff; letter-spacing: 1.5px; border: 0;} .btn:hover, .btn:focus {background: #2e97ba; color: #fff;} section, .header, .footer {display: block; margin: 0; padding: 0px; position: relative; width: 100%;} .container {width: 1270px;} .content_wrapper {position: relative; background-color: #fff; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; z-index: 100;} body {padding-bottom: 504px;} /*-------------------------------------------------------------------------*/ /* 3. Header Style /*-------------------------------------------------------------------------*/ header {position: relative; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); background: #fff; height: 102px;} header nav {position: relative; width: 100%; background-color: transparent; padding: 0px; z-index: 99;} .navbar-default {background: 0 0; border: 0; padding: 0; min-height: auto; margin: 0;} .navbar-header {padding-left: 0px;} .navbar-default .navbar-brand {padding: 15px 0px 15px; margin-top: 0px; height: auto;} .navbar-default .navbar-brand img {height: auto;} .main_menu_wrap {float: right; padding: 0px 0px 0px 0px;} .main_menu > li {float: left; position: relative;} .pull-xs-right {padding-right: 0px;} .main_menu > li > a {padding: 44px 0 44px; margin: 0px 8px; font-size: 14px; color: #3b4351; letter-spacing: 1px; text-transform: uppercase; line-height: 15px; font-weight: 500; display: block;} .main_menu > li > a i {font-size: 15px; color: #3b4351; font-weight: 500; padding-left: 10px;} .main_menu > li:hover > a, .main_menu > li:focus > a, .main_menu > li:hover > a i, .main_menu > li:focus > a i {color: #10b1d2;} .main_menu > li.active > a, .main_menu > li.active > a i {color: #10b1d2;} .main_menu > li > ul.submenu {float: left; padding: 15px 20px; background-clip: padding-box; background-color: rgba(64, 77, 92, 0.96); border-left: 5px solid #2fbee1; left: 0; opacity: 0; position: absolute; top: 100%; transform: perspective(600px) rotateX(-90deg); -webkit-transform: perspective(600px) rotateX(-90deg); transform-origin: 0 0 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; vertical-align: top; visibility: hidden; width: 215px; z-index: 99999;} .main_menu > li:hover > ul.submenu {opacity: 1; overflow: visible; top: 100%; transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); visibility: visible; z-index: 9999999;} .main_menu > li > ul.submenu > li {float: left; display: inline-block; width: 100%; padding-bottom: 7px; position: relative;} .main_menu > li > ul.submenu > li > a {font-size: 15px; color: #fff; letter-spacing: 1px; line-height: 15px; font-weight: 500;} .main_menu > li > ul.submenu > li > a i {font-size: 15px; color: #fff; font-weight: 500; padding-left: 10px;} .main_menu > li > ul.submenu > li:hover > a, .main_menu > li > ul.submenu > li:focus > a, .main_menu > li > ul.submenu > li:hover > a i, .main_menu > li > ul.submenu > li:focus > a i {opacity: 0.5;} .main_menu > li > ul.submenu > li > ul.sub_menu {float: left; padding: 15px 20px; background-clip: padding-box; background-color: rgba(64, 77, 92, 0.96); border-left: 5px solid #0991eb; left: 190px; opacity: 0; position: absolute; top: 0;transform: perspective(600px) rotateX(-90deg); -webkit-transform: perspective(600px) rotateX(-90deg); transform-origin: 0 0 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; vertical-align: top; visibility: hidden; width: 225px; z-index: -9;} .main_menu > li:hover > ul.submenu > li:hover > ul.sub_menu {opacity: 1; overflow: visible; transform: perspective(600px) rotateX(0deg); -webkit-transform: perspective(600px) rotateX(0deg); visibility: visible; z-index: 9999999;} .main_menu > li > ul.submenu > li > ul.sub_menu > li {float: left; display: inline-block; width: 100%; padding-bottom: 7px;} .main_menu > li > ul.submenu > li > ul.sub_menu > li > a {font-size: 15px; color: #fff; letter-spacing: 1px; line-height: 15px; font-weight: 500;} .main_menu > li > ul.submenu > li > ul.sub_menu > li > a i {font-size: 15px; color: #fff; font-weight: 500; padding-left: 10px;} .main_menu > li > ul.submenu > li > ul.sub_menu > li:hover > a, .main_menu > li > ul.submenu > li > ul.sub_menu > li:focus > a {opacity: 0.5;} /*----- Sticky -----*/ .sticky {position: fixed; width: 100%; height: 55px; background-color: #fff; top: 0px; z-index: 99999; padding: 0px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);} .sticky .navbar-default .navbar-brand img {height: 25px;} .sticky .main_menu > li > a {padding: 20px 0 20px;} .sticky .main_menu > li > a, .sticky .main_menu > li > ul.submenu > li > a, .sticky .main_menu > li > ul.submenu > li > ul.sub_menu > li > a {font-size: 14px;} .main_slider {background-color: #098be2; height:600px; color: #fff; position: relative;} /*----- Index 2 -----*/ .header_top {background-color: #353535; padding: 12px 0px; display: inline-block; width: 100%; color: #979797; line-height: 15px;} .header_top a {color: #f3f3f3;} .header_top .top_info {display: inline-block; float: left; font-size: 13px;} .header_top .top_info .cont_no {font-size: 12px; line-height: 12px;} .header_top .top_info i {padding: 0px 7px 0px 10px;} .header_top .top_info i.fa-phone {-webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); font-size: 11px;} .header_top .top_menu {float: right; display: inline-block;} .header_top .top_menu > li {float: left; font-size: 12px; line-height: 17px;} .header_top .top_menu > li:last-child {margin-right: 0px;} .header_top .top_menu > li.special {color: #f3f3f3; text-transform: uppercase;} .header_top .top_menu > li > a {font-size: 12px; color: #f3f3f3; padding: 0px 10px; letter-spacing: 1px; text-transform: uppercase; font-weight: 500;} .header_top .top_menu > li:hover > a, .header_top .top_menu > li:hover > a:focus, .header_top a:hover, .header_top a:focus {color: #bbbbbb;} body.cms_index2 header {height: 121px; padding: 0px;} body.cms_index2 header nav {height: 80px; position: relative; width: 100%; background-color: transparent; padding: 0px; z-index: 99;} body.cms_index2 .sticky {position: fixed; width: 100%; height: 55px; background-color: #fff !important; top: 0px; z-index: 99999; padding: 0px; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);} /*----- Index 3 -----*/ body.cms_index3 header {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px; height: 80px; background-color: transparent;} body.cms_index3 .main_menu > li > a {font-size: 15px; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: 500;} body.cms_index3 .main_menu > li > a i {color: #fff;} body.cms_index3 .main_menu > li:hover > a, body.index3 .main_menu > li:focus > a, body.index3 .main_menu > li:hover > a i, body.index3 .main_menu > li:focus > a {opacity: 0.7;} .stk_logo {display: none;} body.cms_index3 .sticky .menu_logo {display: none;} body.cms_index3 .sticky .stk_logo {display: block;} body.cms_index3 .sticky .main_menu > li > a, body.cms_index3 .sticky .main_menu > li > a i {color: #3b4351;} body.cms_index3 .sticky .main_menu > li:hover > a, body.cms_index3 .sticky .main_menu > li:focus > a {color: #717e91;} body.cms_index3 .main_slider {background-color: rgba(0, 0, 0, 0.93);} /*----- Index 5 -----*/ body.cms_index5 {padding-bottom: 0px;} body.cms_index5 header {position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0px; height: 80px; background-color: transparent;} body.cms_index5 .main_menu > li > a {font-size: 15px; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: 500;} body.cms_index5 .main_menu > li > a i {color: #fff;} body.cms_index5 .main_menu > li:hover > a, body.index5 .main_menu > li:focus > a, body.index5 .main_menu > li:hover > a i, body.index5 .main_menu > li:focus > a {opacity: 0.7;} body.cms_index5 .sticky .menu_logo {display: none;} body.cms_index5 .sticky .stk_logo {display: block;} body.cms_index5 .sticky .main_menu > li > a, body.cms_index5 .sticky .main_menu > li > a i {color: #3b4351;} body.cms_index5 .sticky .main_menu > li:hover > a, body.cms_index5 .sticky .main_menu > li:focus > a {color: #717e91;} body.cms_index5 .main_slider {background-color: rgba(0, 0, 0, 0.93);} /*----------*/ body.cms_index, body.cms_index2, body.cms_index3, body.cms_index4 {overflow-x: hidden !important;} body.cms_index5 {overflow-y: hidden !important;} .home_middle_search {background-color: rgba(0, 0, 0, 0.85); border-radius: 2px; margin: auto; padding: 50px 60px; text-align: center; width: 840px; position: absolute; top: 31%; left: 28%; z-index: 9999;} .home_middle_search h1 {color: #ffffff; font-size: 35px; font-weight: 400; letter-spacing: 2.3px; line-height: 1; margin: 0; padding-bottom: 15px;} .home_middle_search h5 {color: #ffffff; font-size: 24px; font-weight: 300; line-height: 1; margin: 0px auto 30px;} .home_middle_search .search_wrap {display: inline-block; width: 100%; margin: 0px auto 50px; padding: 0px;} .home_middle_search .search_wrap form {position: relative; display: inline-block; width: 100%; overflow: hidden;} .home_middle_search .search_wrap form input {border-radius: 8px; height: 60px; font-size: 20px; padding: 15px 70px 15px 20px; margin: 0px; width: 97%;} .home_middle_search .search_wrap form .btn_home_mid_search {position: absolute; top: 0; right: 0; border-radius: 0px 8px 8px 0px; padding: 20px 20px; height: 60px;} .home_middle_search .search_wrap form .btn_home_mid_search i {font-size: 22px;} .home_middle_search .home_mid_features {display: inline-block; color: #fff; width: 100%;} .home_middle_search .home_mid_features i {font-size: 30px; padding: 8px 20px 0px 0px; display: table-cell; vertical-align: top;} .home_middle_search .home_mid_features span {font-size: 15px; font-weight: 400; text-align: left; display: table-cell;} /*-------------------------------------------------------------------------*/ /* 4. About Us Style /*-------------------------------------------------------------------------*/ .find_course {padding: 0px 0px 80px; border-top: 15px solid #10b1d2; position: relative; background-color: #dddddd;} .find_course_inner .head_part {text-align: center;} .find_course .container {display: table; table-layout: fixed;} .find_course_inner {background-color: #fff; display: inline-block; position: relative;} .find_course_txt_wrap {vertical-align: bottom;} .find_course_txt {padding: 54px 55px 15px;} .head_part {text-align: center;} .head_part p {font-size: 17px; font-weight: 400; line-height: 32px; margin-bottom: 50px; letter-spacing: 1px;} .course_list {display: inline-block; width: 100%; text-align: left;} .course_list li {padding: 15px 20px; width: 48.5%; float: left; display: inline-block; margin: 0px 15px 15px 0px; overflow: hidden; vertical-align: top; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .course_list li.even {margin: 0px 0px 15px 0px;} .course_list li .icon {float: left; font-size: 40px;} .course_list li.fundamentals .icon {color: #62ade0;} .course_list li.expert .icon {color: #ef79e7;} .course_list li.online .icon i {color: #96ca4a;} .course_list li.event .icon i {color: #f1594f;} .course_list li .course_info {margin: 0px 0px 0px 50px; padding: 0px 0px 0px 15px;} .course_list li .course_info h4 {color: #222222; font-size: 16px; font-weight: 800; line-height: 25px; letter-spacing: 1px; margin: -5px auto 15px; text-transform: uppercase;} .course_list li .course_info h4:after {border-top: 1px solid #959595; content: ""; display: block; margin: 10px 0px 10px; width: 70px;} .course_list li .course_info p {overflow: hidden; margin: 0px;} .course_list li:hover .course_info h4, .course_list li:hover .course_info p, .course_list li:hover .icon i {color: #fff; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .course_list li:hover .course_info h4:after {border-color: #fff; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;} .course_list li.fundamentals:hover {background-color: #62ade0;} .course_list li.expert:hover {background-color: #ef79e7;} .course_list li.online:hover {background-color: #96ca4a;} .course_list li.event:hover {background-color: #f1594f;} .find_course_form_inner {background-color: #56677b; text-align: center;} .find_course_form_inner h2 {background-color: #10b1d2; padding: 55px 60px 31px; color: #fff; text-transform: uppercase; font-size: 35px; line-height: 45px; font-weight: 700; margin: 0px; position: relative;} .find_course_form_inner h2 img {margin: 0px 10px 0px 0px; height: 20px; vertical-align: middle;} .find_course_form_inner h2:after {border-left: 208px solid rgba(0, 0, 0, 0); border-right: 208px solid rgba(0, 0, 0, 0); border-top: 30px solid #10b1d2; bottom: -30px; left: 39.4%; margin-left: -165px; content: ""; display: block; position: absolute;} #form_find_course {padding: 35px 0px 0px; position: relative;} .find_course_form {background-color: #56677b; padding: 55px 60px 31px; position: relative;} .find_course_form_btn_wrap {padding: 0px 60px 55px;} .find_course_form p {font-size: 24px; font-weight: 300; line-height: 42px;} .find_course_form input {height: 45px; border-radius: 4px; padding-left: 15px; margin-bottom: 25px; color: #555555; font-size: 14px; font-weight: 700;} .bootstrap-select > .btn {padding-left: 15px;} .find_course_form .selectpicker {background-color: #fff; color: #555555;} .find_course_form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%; margin-bottom: 25px;} .find_course_form .form-control::-moz-placeholder {color: #555555; opacity: 1;} .cms_index4 .find_course_form_inner h2:after {left: 40%;} /*-------------------------------------------------------------------------*/ /* 5. Features Style /*-------------------------------------------------------------------------*/ .features {display: inline-block; width: 100%; padding: 0px 0px 0px; margin: -158px auto 0px;} .features .col-lg-3, .features .col-md-3, .features .col-sm-6, .features .col-xs-12 {padding: 0px;} .features .teacher, .features .library, .features .courses, .features .certificate {padding: 25px 25px 30px 25px; position: relative; top: 0px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .features .teacher:hover, .features .library:hover, .features .courses:hover, .features .certificate:hover {top: -35px;} .features .teacher:hover:after, .features .library:hover:after, .features .courses:hover:after, .features .certificate:hover:after {content: ''; display: block; position: absolute; width: 100%; height: 25px; z-index: 10; top: 100%; left: 0;} .features .teacher {background-color: #62ade0;} .features .library {background-color: #f1594f;} .features .courses {background-color: #96ca4a;} .features .certificate {background-color: #e91e63;} .features .feature_block {color: #fff; display: inline-block; width: 100%; padding: 0px; text-align: left;} .features .feature_block:hover {top: -25px;} .features .feature_icon, .features .feature_txt {display: inline-block; width: 100%;} .features .feature_icon {margin: 0px auto 20px; text-align: center;} .features .feature_icon i {width: 85px; height: 85px; font-size: 65px; line-height: 85px; text-align: left; color: rgba(225, 225, 225, 0.7);} .features .feature_txt h4, .features .feature_txt p {color: #fff;} .features .feature_txt h4 {font-size: 20px; font-weight: 700; margin: 0 auto 20px; text-transform: uppercase; letter-spacing: 1px;} .features .feature_txt p {margin: 0 auto; line-height: 28px; letter-spacing: 1px;} /*-------------------------------------------------------------------------*/ /* 6. Overview Style /*-------------------------------------------------------------------------*/ .overview {padding: 0px 0px 0px; min-height: 530px; width: 100%; display: inline-block; position: relative;} .overview_img:before {content: ""; left: 0; width: 100%; min-height: 580px; top: 0px; bottom: 0; background-image: url(../images/slider_img.jpg); background-size: cover; background-position: center center; position: absolute;} .overview_img {height: 580px; overflow: hidden;} .overview h2 {margin-bottom: 53px; line-height: 25px;} .overview_info {padding: 0px; text-align: center;} .overview_inner {padding-top: 50px;} .overview h2 {margin-bottom: 53px; line-height: 25px;} .overview_info .icon {display: inline-block; width: 85px; height: 85px; border-radius: 100%; font-size: 32px; background-color: #fff; color: #666666; margin: 0 0 20px 0; border: solid 1px #ddd;} .overview_info .icon i {line-height: 85px;} .overview_info.instructor .icon {color: #62ade0; border-color: #62ade0;} .overview_info.course .icon {color: #96ca4a; border-color: #96ca4a;} .overview_info.book .icon {color: #f1594f; border-color: #f1594f;} .overview_info p {height: 75px; overflow: hidden;} .overview_info h5 {font-weight: 600; font-size: 19px; color: #3b4351; margin: 6px auto 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .overview_info a {display: inline-block; font-weight: bold; color: #3b4351; text-transform: capitalize; margin-bottom: 25px; font-size: 14px;} .overview_info .icon, .overview_info h5 {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} .overview_info figure {float: left; width: 100%; position: relative; overflow: hidden;} .overview_info figure:before {background-color: #098be2; content: ""; left: 20%; right: 20%; top: 20%; bottom: 20%; position: absolute; opacity: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} .overview_info:hover figure:before {left: 0; right: 0; top: 0; bottom: 0; opacity: 0.50;} .overview_info:hover .icon {box-shadow: 0 9px 9px rgba(0, 0, 0, 0.2);} .overview_info.instructor:hover .icon {color: #fff; background-color: #62ade0;} .overview_info.course:hover .icon {color: #fff; background-color: #96ca4a;} .overview_info.book:hover .icon {color: #fff; background-color: #f1594f;} .overview_info.instructor:hover h5, .overview_info.instructor a:hover {color: #62ade0;} .overview_info.course:hover h5, .overview_info.course a:hover {color: #96ca4a;} .overview_info.book:hover h5, .overview_info.book a:hover {color: #f1594f;} /*-------------------------------------------------------------------------*/ /* 7. Courses Style /*-------------------------------------------------------------------------*/ .courses {padding: 80px 0px 80px;} .course_wrapper {display: inline-block; width: 100%; position: relative; margin: 0px; padding: 0px;} .course_block {box-shadow: 0 0px 4px 2px #e5e5e5; margin-bottom: 30px; padding: 40px; float: left; width: 100%; position: relative; background-color: #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .course_block .img_wrap {transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; margin-bottom: 10px; z-index:9;} .course_block:hover .img_wrap {-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform: rotateY(180deg); transform-style: preserve-3d;} .course_block:hover .img_wrap img {filter: brightness(50%);} .course_img_hoverlay_btn {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transform: translateY(-60px) scale(0.5); transform: translateY(-60px) scale(0.5); transition: all .45s; z-index: 999;} .course_img_hoverlay_btn .fa {position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; font-size: 26px; color: #fff; cursor: pointer;} .course_block:hover .course_img_hoverlay {opacity: .5; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);} .course_block:hover .course_img_hoverlay_btn {opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1); z-index: 9;} .course_block .icon {float: left; font-size: 30px; margin: auto 0; padding: 10px; vertical-align: top; line-height: 30px;} .course_info {float: none; overflow: hidden; text-align: left;} .course_info h4 {text-align: left; color: #3b4351; font-size: 14px; font-weight: 600; margin: 0px auto 10px; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .course_info p {text-align: left; margin: 0px; overflow: hidden;} .course_block .science, .course_block .accounts, .course_block .business, .course_block .psychology, .course_block .food, .course_block .arts, .course_block .icon, .course_block .course_count span, .course_block .course_price span {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; padding: 10px;} .course_block .science .icon i {color: #e91e63;} .course_block .accounts .icon i {color: #f8c331;} .course_block .business .icon i {color: #45aef4;} .course_block .psychology .icon i {color: #10c45c;} .course_block .food .icon i {color: #00bfa5;} .course_block .arts .icon i {color: #fc5f42;} .course_block:hover .icon i {color: #fff;} .course_block:hover .science .icon {background-color: #e91e63;} .course_block:hover .accounts .icon {background-color: #f8c331;} .course_block:hover .business .icon {background-color: #45aef4;} .course_block:hover .psychology .icon {background-color: #10c45c;} .course_block:hover .food .icon {background-color: #00bfa5;} .course_block:hover .arts .icon {background-color: #fc5f42;} .course_block .course_count_wrap {border-top: 1px solid #e5e5e5; margin: 5px auto -5px; padding: 15px 0px 0px; display: inline-block; width: 100%;} .course_block .course_count, .course_block .course_price {color: #bfc5ca; text-transform: uppercase;} .course_block:hover .science .course_count, .course_block:hover .science .course_price {color: #e91e63;} .course_block:hover .accounts .course_count, .course_block:hover .accounts .course_price {color: #f8c331;} .course_block:hover .business .course_count, .course_block:hover .business .course_price {color: #45aef4;} .course_block:hover .psychology .course_count, .course_block:hover .psychology .course_price {color: #10c45c;} .course_block:hover .food .course_count, .course_block:hover .food .course_price {color: #00bfa5;} .course_block:hover .arts .course_count, .course_block:hover .arts .course_price {color: #fc5f42;} .course_block .course_count span, .course_block .course_price span {color: #f1594f;font-size:12px;} .course_block .course_count {float: left;} .course_block .course_price {float: right;} /*-------------------------------------------------------------------------*/ /* 8. Course Listing & grid Style /*-------------------------------------------------------------------------*/ .courses_wrapper {display: inline-block; width: 100%; padding: 80px 0px 80px;} .course_wrapp {margin: 0 auto; padding: 0px 30px 0px 0px;} .course_to_search_wrapp {display: inline-block; width: 100%; margin: 0px auto 40px; padding: 0px;} .course_to_search_inner {display: block; width: 100%; margin: 0px auto; padding: 20px 15px; border: 1px solid #dedde1; border-bottom: 5px solid #dedde1;} .course_to_search {display: block; width: 70%; margin: 0px auto} .course_to_search.width_90 {display: block; width: 90%; margin: 0px auto} .course_swicher {display: inline-block; float: left; margin: 0px 0px 0px 10px; padding: 7px 0px 0px;} .course_swicher a {font-size: 24px; color: #3b4351; margin: 0px 10px 0px 0px;} .course_swicher a.fa-th-list {margin: 0px 3px 0px 0px;} .course_swicher a:hover, .course_swicher a:focus, .course_swicher a.active {color: #f1594f;} .search_pannel {display: inline-block;} .search_pannel .btn {padding: 8px 30px; color: #3b4351; background-color: transparent; border: 1px solid #dedde1;} .search_pannel .bootstrap-select {margin-left: 25px !important;} .cms_course .img_wrap {position: relative;} .cms_course .img_wrap img {filter: brightness(60%); -moz-filter: brightness(60%); -ms-filter: brightness(60%);} .cms_course .img_wrap h4 {color: #fff; font-size: 17px; font-weight: 600; margin: 0 auto 10px; overflow: hidden; text-align: left; text-overflow: ellipsis; text-transform: uppercase; white-space: normal; position: absolute; bottom: 15px; left: 15px; width: 92%;} .cms_course .course_block .img_wrap img {transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;} .cms_course .course_block:hover .img_wrap {-webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform: rotateY(0deg); transform-style: preserve-3d;} .cms_course .course_block:hover .img_wrap img {-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform: rotateY(180deg); transform-style: preserve-3d;} .cms_course .course_info {padding: 0px;} .cms_course .course_info p {height: 125px;} .cms_course .course_block:hover .science .course_count, .cms_course .course_block:hover .science .course_price, .cms_course_list .course_block:hover .science .course_count, .cms_course_list .course_block:hover .science .course_price, .cms_course .course_block:hover .accounts .course_count, .cms_course .course_block:hover .accounts .course_price, .cms_course_list .course_block:hover .accounts .course_count, .cms_course_list .course_block:hover .accounts .course_price, .cms_course .course_block:hover .business .course_count, .cms_course .course_block:hover .business .course_price, .cms_course_list .course_block:hover .business .course_count, .cms_course_list .course_block:hover .business .course_price, .cms_course .course_block:hover .psychology .course_count, .cms_course .course_block:hover .psychology .course_price, .cms_course_list .course_block:hover .psychology .course_count, .cms_course_list .course_block:hover .psychology .course_price, .cms_course .course_block:hover .food .course_count, .cms_course .course_block:hover .food .course_price, .cms_course_list .course_block:hover .food .course_count, .cms_course_list .course_block:hover .food .course_price, .cms_course .course_block:hover .arts .course_count, .cms_course .course_block:hover .arts .course_price, .cms_course_list .course_block:hover .arts .course_count, .cms_course_list .course_block:hover .arts .course_price {color: #45aef4;} /** List View **/ .cms_course_list .img_wrap {width: 42.4%; float: left; margin: 0px;} .cms_course_list .info_wrap {width: 55%; float: right;} .cms_course_list .course_block .science, .cms_course_list .course_block .accounts, .cms_course_list .course_block .business, .cms_course_list .course_block .psychology, .cms_course_list .course_block .food, .cms_course_list .course_block .arts {padding: 0px 0px 20px;} .cms_course_list .course_block .course_count_wrap {margin: 5px auto 0; padding: 15px 0px 0px;} /*-------------------------------------------------------------------------*/ /* 9. Course Categories Style /*-------------------------------------------------------------------------*/ .course_categories {display: inline-block; width: 100%; padding: 80px 0px 50px; margin: 0px auto;} .course_categories h2, .course_categories p {color: #fff;} .tabpanel_list li {color: #fff; padding: 5px 5px 5px 35px; line-height: 25px; margin-bottom: 25px;} .tabpanel_txtblock {width: 100%; display: block; float: left; font-weight: 600;} .tabpanel_txtblock h2 {text-align: left; color: #fff; margin: 0px auto 35px; float: left; display: block; width: 100%;} .tabpanel_txtblock h2 small {color: #45aef4; font-size: 16px; font-weight: 400; margin: 10px auto 0px; float: left; display: block; width: 100%;} .tabpanel_txtblock h2 small span {color: #ffbf43;} .tabpanel_txtblock p {text-align: left; color: #fff; margin: 0px auto 15px;} .tabpanel_txtblock a {margin: 20px auto 0px;} .tab-content > .tab-pane {margin: 0px auto; width: 100%;} .nav_tabs_wrap {padding: 0px;} .nav-tabs {display: inline-block; width: 100%; border: none;} .nav-tabs > li {padding: 0px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0px 30px 30px 0px; vertical-align: middle; border: 7px solid transparent; text-align: center;} .nav-tabs > li, .nav-tabs > li > a .nav_tab_inner i, .nav-tabs > li > a .nav_tab_inner span {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;} .nav-tabs > li > a {padding: 30px 10px 20px; color: #fff; font-weight: 700; display: block; border: none; width: 145px; height: 145px;} .nav-tabs > li > a .nav_tab_inner {display: inline-block; width: 100%;} .nav-tabs > li > a .nav_tab_inner i {color: #fff; font-size: 35px; height: 35px; line-height: 35px; text-align: left; width: 43px;} .nav-tabs > li > a .nav_tab_inner span {display: block; margin-top: 15px; font-size: 15px; letter-spacing: 1px; line-height: 20px; font-weight: 700; text-transform: uppercase;} .nav-tabs > li.edu {background-color: #ffbf43; border-color: #ffbf43;} .nav-tabs > li.sci {background-color: #96ca4a; border-color: #96ca4a;} .nav-tabs > li.hel {background-color: #e91e63; border-color: #e91e63;} .nav-tabs > li.bus {background-color: #45aef4; border-color: #45aef4;} .nav-tabs > li.art {background-color: #f1594f; border-color: #f1594f;} .nav-tabs > li.foo {background-color: #00bfa5; border-color: #00bfa5;} .nav-tabs > li:hover:hover, .nav-tabs > li:active, .nav-tabs > li:focus {background-color: transparent;} .nav-tabs > li:hover:hover > a .nav_tab_inner i, .nav-tabs > li:active > a .nav_tab_inner i, .nav-tabs > li:focus > a .nav_tab_inner i {font-size: 55px; line-height: 90px; height: 100%; width: 60px;} .nav-tabs > li:hover:hover > a .nav_tab_inner span, .nav-tabs > li:active > a .nav_tab_inner span, .nav-tabs > li:focus > a .nav_tab_inner span {opacity: 0; font-size: 1px;} .nav-tabs > li.active {background-color: transparent;} .nav-tabs > li.active:hover > a .nav_tab_inner i {font-size: 55px; line-height: 90px; height: 100%; width: 60px;} ..nav-tabs > li.active > a .nav_tab_inner span {opacity: 0; font-size: 1px;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border: none; color: #fff; cursor: pointer; background-color: transparent;} .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {border: none; color: #2a2a2a;} .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav > li > a:hover, .nav > li > a:focus {color: #fff; background-color: transparent; border: none; border-radius: 0px;} /*-------------------------------------------------------------------------*/ /* 10. Countsown Timer Style /*-------------------------------------------------------------------------*/ .cms_index4 .find_course {background-color: #3b9fe2; border-top: 15px solid #f1594f;} .cms_index4 .find_course_inner {background-color: transparent;} .cms_index4 .find_course h2, .cms_index4 .find_course p {color: #fff;} .cms_index4 .find_course_form_inner h2 {background-color: #f1594f;} .cms_index4 .find_course_form_inner, .cms_index4 .find_course_form {background-color: transparent;} .cms_index4 .find_course_txt_wrap {background-color: #3b9fe2; height: 100%;} .cms_index4 .find_course_form_inner, .cms_index4 .find_course_txt {min-height: 630px;} .cms_index4 .find_course_form_inner {background-color: rgba(71, 85, 102, 1); border-radius: 0px 0px 15px 15px;} .cms_index4 .count {padding: 0px;} .cms_index4 .count_wrapper {background-color: rgba(0, 0, 0, 0.7); padding: 70px 0px 80px;} .cms_index4 .find_course_form_inner h2:after {border-color: rgba(71, 85, 102, 0.5); border-top-color: #f1594f;} .cms_index4 #form_find_course {padding: 30px 0px 0px 0px;} .cms_index4 .find_course_form {padding: 45px 60px 20px; position: relative; background-color: rgba(71, 85, 102, 0.5);} .cms_index4 .find_course_form_btn_wrap, .cms_index3 .find_course_form_btn_wrap, .find_course_form_btn_wrap {padding: 3px 60px 45px; border-radius: 0px 0px 15px 15px;} .find_course_form_btn {padding: 12px 80px; width: 100%} .time_circles {position: relative; width: 100%; height: 193px;} .time_circles > div {position: absolute; text-align: center;} .time_circles > div > h4 {margin: 0px 0px 15px 0px; padding: 0px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 600;} .time_circles > div > span {display: block; width: 100%; text-align: center; margin-top: 10px; line-height: 40px !important; color: rgba(255, 255, 255, 0.8); font-weight: 700;} /*-------------------------------------------------------------------------*/ /* 11. Count Style /*-------------------------------------------------------------------------*/ .count {z-index: 99; padding: 70px 0px 80px; position: relative;} .count h2, .count p {color: #fff;} .count .icon {float: left; font-size: 65px; line-height: 65px; margin: 0px 20px 0px 0px;} .count .counts {float: left;} .funfact .animate-number, .funfact .title {font-size: 17px; font-weight: 600; margin: 0px auto; text-transform: uppercase;} .funfact .animate-number {font-size: 35px; font-weight: bold; line-height: 25px; margin: 0px auto 20px; letter-spacing: 2px;} .funfact.expert, .funfact.expert .animate-number, .funfact.expert .title {color: #fff;} .funfact.online, .funfact.online .animate-number, .funfact.online .title {color: #fff;} .funfact.student, .funfact.student .animate-number, .funfact.student .title {color: #fff;} .funfact.placed, .funfact.placed .animate-number, .funfact.placed .title {color: #fff;} /*-------------------------------------------------------------------------*/ /* 12. Testimonial Style /*-------------------------------------------------------------------------*/ .testimonial {padding: 0px 0px;} .testimonial_wrapper {background-color: #2e3742; color: #ffffff;} .testimonial_wrapper .flickity-viewport {height: 470px !important;} .testimonial_wrapper .slide {width: 100%; display: block;} .testimonial_wrapper .slide:after {clear: both; content: ""; display: block;} .testimonial_wrapper .slide .container {min-height: 555px;} .testimonial_txt_wrap {float: left; display: block; margin-right: 4.00654%; width: 47.99673%; padding: 45px 20px 40px 50px;} .testimonial_txt_wrap:last-child {margin-right: 0;} .testimonial_txt_wrap .client_name {font-size: 24px; font-weight: 600; line-height: 32px; margin-bottom: 5px;} .testimonial_txt_wrap .client_role {color: #d1d9e7; font-size: 17px; font-weight: 300; line-height: 32px; margin-bottom: 35px;} .testimonial_txt_wrap .client_message {color: white; position: relative;} .testimonial_txt_wrap .client_message:before {display: block; position: absolute; top: 5px; left: -60px; width: 38px; height: 30px; background-size: 38px auto; background-repeat: no-repeat; background-position: center; background-image: url(../images/qoutes_left.png); content: "";} .testimonial_txt_wrap .client_message p {color: white; font-size: 20px; font-style: italic; line-height: 35px; margin: 0px;} .testimonials-nav__wrap {background-color: #252c35; padding: 15px 0px; text-align: left; position: relative;} .testimonials-nav__wrap .testimonials-nav {float: left; display: block; margin-right: 4.00654%; width: 51%; padding: 0 70px; position: relative;} .testimonials-nav__wrap .testimonials-nav:last-child {margin-right: 0;} .testimonials-nav__wrap .flickity-prev-next-button {background: transparent!important;} .testimonials-nav__wrap .flickity-prev-next-button .arrow {fill: #9ea8ba!important;} .testimonials-nav__wrap .is-nav-selected img {filter: brightness(35%);} .slide_s {display: inline-block; width: 70px; height: 70px; border-radius: 100%; overflow: hidden; margin: 0 13px; position: relative;} .slide_s: last-of-type {margin-right: 0;} .slide_s img {display: block;} .client_video {float: left; display: block; margin-right: 4.00654%; width: 47.99673%; position: absolute; height: 335px; margin: auto; top: 0; right: 0; bottom: 0; left: 50%;} .client_video:last-child {margin-right: 0;} .client_video iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 32px 100px rgba(0, 0, 0, 0.2);} .client_photo {float: left; display: block; margin: 0% 4.00654% 0% 8.66721%; width: 26%; height: 470px; text-align: center; position: relative; top: 0%;} .client_photo:last-child {margin-right: 0;} .client_photo img {margin: auto; max-width: 100%;} .flickity-viewport {-webkit-transition: height 0.2s; transition: height 0.2s;} .subsection__title {font-size: 16px; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 60px; letter-spacing: 0.05em;} .subsection__title:after {margin-top: 25px; width: 55px; height: 3px; display: block; content: ""; background-color: rgba(255, 255, 255, 0.5);} .links {background-color: white; padding-top: 80px; padding-bottom: 105px;} .flickity-enabled {position: relative;} .flickity-enabled:focus {outline: none;} .flickity-viewport {overflow: hidden; position: relative; height: 100%;} .flickity-slider {position: absolute; width: 100%; height: 100%;} .flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;} .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;} .flickity-prev-next-button {position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .flickity-prev-next-button:hover {background: white;} .flickity-prev-next-button:focus {outline: none; box-shadow: 0 0 0 5px #09F;} .flickity-prev-next-button:active {filter: alpha(opacity=60); opacity: 0.6;} .flickity-prev-next-button.previous {left: 10px;} .flickity-prev-next-button.next {right: 10px;} .flickity-rtl .flickity-prev-next-button.previous {left: auto; right: 10px;} .flickity-rtl .flickity-prev-next-button.next {right: auto; left: 10px;} .flickity-prev-next-button: disabled {filter: alpha(opacity=30); opacity: 0.3; cursor: auto;} .flickity-prev-next-button svg {position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;} .flickity-prev-next-button .arrow {fill: #333;} .flickity-prev-next-button.no-svg {color: #333; font-size: 26px;} .flickity-page-dots {position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;} .flickity-rtl .flickity-page-dots {direction: rtl;} .flickity-page-dots .dot {display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; filter: alpha(opacity=25); opacity: 0.25; cursor: pointer;} .flickity-page-dots .dot.is-selected {filter: alpha(opacity=100); opacity: 1;} /*-------------------------------------------------------------------------*/ /* 13. Blog Style /*-------------------------------------------------------------------------*/ .blog {padding: 80px 0px;} .blog .dtl_wrapper {margin: 0px auto 0 auto;} .blog .dtl_block {background: #fff; float: left; border: 1px solid #e4e4e4; width: 100%; -webkit-transition: all ease-in 0.25s; transition: all ease-in 0.25s;} .dtl_img {position: relative; overflow: hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden;} .dtl_img, .dtl_img a {display: block; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; perspective: 1000;} .dtl_img img {width: 100%; height: auto; transition: all .4s; backface-visibility: hidden; -webkit-backface-visibility: hidden;} .dtl_block:hover img {filter: brightness(80%); -ms-filter: brightness(80%); -webkit-transform: scale(1.1); transform: scale(1.1); backface-visibility: hidden; -webkit-backface-visibility: hidden;} .dtl_img_hoverlay {background: rgba(9, 139, 226, 0.4); position: absolute; top: 0; bottom: -1px; left: 0; right: 0; opacity: 0; transition: all .4s; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: rotateX(115deg); -moz-transform: rotateX(115deg); -o-transform: rotateX(115deg); transform: rotateX(115deg);} .dtl_block:hover .dtl_img_hoverlay {opacity: .5; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);} .dtl_img_overflow {position: absolute; top: 0; left: -68px; width: 68px;} .dtl_img_hoverlay_icon {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transform: translateY(60px) scale(1.5); transform: translateY(60px) scale(1.5); transition: all .45s;} .dtl_img_hoverlay_icon .sco_icon {position: absolute; top: 45%; left: 37%; display: block;} .dtl_img_hoverlay_icon .sco_icon a {margin: 0px 15px 0px 0px; float: left; position: relative; display: block; font-size: 26px; color: #fff; cursor: pointer;} .dtl_img_hoverlay_icon .sco_icon a:hover {color: #3ed281;} .dtl_block:hover .dtl_img_hoverlay_icon {opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .blog .blog_auther_info {display: inline-block; width: 100%; background-color: #098be2; color: #fff;} .blog .blog_auther_info .blog_auther {float: left; color: #fff; font-style: italic; padding: 17px 20px 18px;} .blog .blog_auther_info .blog_auther a {color: #fff;} .blog .blog_auther_info .blog_auther a:hover {text-decoration: underline !important;} .blog .blog_auther_info .blog_date {float: right; background: #242424; color: #fff; line-height: 1.3; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 10px 15px 11px; text-align: center;} .blog .blog_info {width: 100%; margin: 0px; padding: 25px 20px 20px; text-align: center; display: inline-block; letter-spacing: 0.5px; min-height: 210px;} .blog .blog_info h3 {font-size: 19px; font-weight: 600; line-height: 25px; margin: 0px 0px 15px; padding: 0px; color: #232323; letter-spacing: 0px; text-transform: uppercase; overflow: hidden; line-height: 30px;} .blog .blog_info h3:after {content: none; margin: 0px;} .blog .blog_info h3 a {color: #232323;} .blog .blog_info p {display: block; margin-bottom: 0px; height: 125px; overflow: hidden; text-align: left;} .blog .blog_info span {font-size: 13px; line-height: 20px; margin-bottom: 15px; color: #fff; text-align: left; display: inline-block;} .blog .blog_info span span {color: #fff; font-style: italic; margin: 0px;} .blog .blog_info span.year {font-size: 13px; line-height: 20px; color: #fff; font-weight: 500; margin: 0px; padding-top: 6px;} .blog .blog_info .btn_glob {background-color: #56677b; border-color: #4a596a; color: #fff; float: left; font-weight: 600; border-radius: 5px; margin: 15px auto 0px; padding: 0px 23px; line-height: 34px; font-size: 15px; height: 35px; display: inline-block;} .blog .blog_info .btn_glob:hover {background-color: #4a596a; color: #fff; border-color: #56677b;} /*-------------------------------------------------------------------------*/ /* 14. Blog Detail Style /*-------------------------------------------------------------------------*/ .breadcrumb_wrap_inner {background-color: none; min-height: 50px; padding: 40px 0px; display: inline-block; width: 100%;} .breadcrumb_wrap_inner h2 {font-size: 45px; line-height: 60px; font-weight: 700; color: #fff; text-align: center; letter-spacing: 1px; text-transform: uppercase; padding: 0px 0px 0px; margin: 0 auto 20px;} ul.breadcrumbs {margin: 0px auto; font-size: 14px; font-weight: 400; display: inline-block; width: 100%;} ul.breadcrumbs li {display: inline; color: rgba(255, 255, 255, 0.7); float: left; margin-right: 10px;} ul.breadcrumbs li a {color: #fff; padding: 0px 10px 0px 0px;} ul.breadcrumbs li a:hover, ul.breadcrumbs li a:focus {opacity: 0.7;} .dtl_wrap {display: inline-block; width: 100%; padding: 80px 0px 80px;} .dtl_wrapper {padding: 0px 30px 0px 0px;} .txt_inner_wrap {border: 1px solid #dedde1; padding: 10px 0px;} .dtl_inner_wrap {border: 1px solid #dedde1; padding: 20px 0px;} .dtl_inner {border-bottom: 1px solid #dedde1; padding: 0px 0px 30px; margin-bottom: 50px; display: inline-block;} .dtl_inner.last {border-bottom: 0px; padding: 0px 0px 10px; margin-bottom: 0px;} .aside_wrapper {display: inline-block; padding: 0px;} .dtl_wrapper .dtl_head {display: inline-block; width: 100%; padding: 0px 30px;} .dtl_wrapper .dtl_head h2 {font-size: 29px; font-weight: 700; margin: 0px auto 15px; text-align: left;} .dtl_wrapper .dtl_head h2:before {content: "\f02e"; display: inline-block; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #10b1d2; font-size: 28px; margin: 0 13px 0 0;} .dtl_wrapper h5, .dtl_wrapper h5 a {font-size: 14px; line-height: 15px; font-weight: 400; color: #f1594f; letter-spacing: 1px; text-transform: uppercase; margin: 0 auto;} .dtl_wrapper h5 {margin: 10px auto 20px;} .dtl_meta_info {margin: 0px 0px 20px 0px; font-size: 11px; line-height: 1; min-height: 17px;} .dtl_meta_info .post_author_name {color: #848484; font-weight: 400; display: inline-block; font-weight: bold;} .dtl_meta_info a {color: #848484; font-weight: 800; margin-right: 3px;} .dtl_meta_info a:hover {color: #141414;} .dtl_meta_info .post_date {margin-left: 4px; display: inline-block;} .dtl_meta_info .post_comments {float: right; margin-left: 22px;} .dtl_meta_info .post_views {float: right; margin-right: 0px;} .dtl_meta_info i {margin-right: 5px;} .dtl_meta_info p {margin: 0px auto 0px;} .dtl_inner_block {display: flex; width: 100%; padding: 25px 25px 0px;} .dtl_inner_block .post_date {float: left; margin: 8px 25px 0px 0px; text-align: center; display: inline-block;} .dtl_inner_block .post_date span.day, .dtl_inner_block .post_date span.month {color: #ffffff; display: block; font-size: 16px; letter-spacing: 1px; font-weight: bold; padding: 10px;} .dtl_inner_block .post_date span.day {background-color: #f1594f;} .dtl_inner_block .post_date span.month {background-color: #098be2; padding: 5px 10px 7px;} .dtl_inner_block .blog_info {float: left; display: inline-block; text-align: left; padding: 0px 20px; height: auto; min-height: 130px; width: 86%;} .dtl_inner_block .blog_info p {margin: 0px auto 20px; height: auto;} .dtl_inner_block .blog_info .btn_glob {background-color: transparent; color: #56677b; float: left; font-weight: 700; margin: 0px auto 0px; padding: 0px; line-height: 34px; font-size: 17px; height: 35px; display: inline-block; letter-spacing: 1px; text-transform: uppercase;} .dtl_inner_block .blog_info .btn_glob:hover {color: #f1594f; background-color: transparent;} .pager {text-align: center; padding-top: 20px; margin: 25px auto 0px; color: #0288d1; font-size: 20px;} .pagination {margin: 0 auto; width: 100%; border-radius: 4px; display: inline-block; float: left;} .pager .pages li {display: inline-block;} .pager .pages li a {border: 2px solid #dedde1; color: #333333; border-radius: 5px; display: inline-block; font-size: 14px; padding: 10px 15px;} .pagination > li > a, .pagination > li > span {margin-left: 3px;} .pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {background-color: #10b1d2; border: 2px solid #10b1d2; color: #ffffff; cursor: default; z-index: -1;} .pager .pages li a:hover {background-color: #10b1d2; border: 2px solid #10b1d2; color: #ffffff;} .arr_menu {display: inline-block; width: 100%;} .arr_menu li {list-style-type: none !important;} .arr_menu li:before {font-family: FontAwesome; content: "\f178"; color: #f1594f; position: relative; left: -10px;} .info_wrapper {display: inline-block; width: 100%; padding: 40px 0px 0px;} .info_head h4 {font-size: 18px; font-weight: 800; margin-bottom: 20px; margin-top: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .info_head h4:after {background-color: #f1594f; margin: 15px 0 0; width: 35px; height: 3px; content: ""; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .info_wrapper:hover .info_head h4:after {width: 130px;} .panel-title a {display: block;} .panel-title a:hover, .panel-title a:focus {color: #f1594f;} .panel-title a i {font-size: 15px; color: #f1594f;} .panel-title a span {margin: 0px 15px;} .collapse {position: relative;} .panel-title a[aria-expanded="false"] i.fa-plus, .panel-title a i.fa-plus {font-size: 14px; float: right; color: #aaa; font-style: normal; font-weight: 100; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .panel-title a[aria-expanded="true"] i.fa-plus {color: #aaa; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .detail_text_wrap .panel-body {padding: 35px 35px;} .detail_text_wrap .panel-body ul {padding: 0px;} .detail_text_wrap .panel-body ul li {list-style-type: none;} .detail_text_wrap .panel-body li ul {list-style-type: none; counter-reset: item; display: inline-block; width: 100%; margin: 0px auto; padding: 0px;} .detail_text_wrap .panel-body li ul > li {counter-increment: item; display: inline-block; width: 100%; float: left; padding: 0px; font-size: 15px; font-weight: 400; line-height: 30px; letter-spacing: 1px;} .detail_text_wrap .panel-body li ul > li:before {content: counters(item, ".") ". "; padding-right: 5px;} .detail_text_wrap .panel-body li ul > li ul > li {margin: 0;} .detail_text_wrap .panel-body li ul > li ul > li:before {content: counters(item, ".") " ";} .detail_text_wrap .panel-body ul li span {margin: 30px auto 0px; display: inline-block; width: 100%;} .detail_text_wrap .panel-body ul li:first-child span {margin: 0px auto 0px;} .info_wrapper h5 {font-size: 15px; font-weight: 800; letter-spacing: 1px; word-spacing: 2px; text-transform: uppercase; margin: 20px auto 15px; padding: 0px 0px 10px 0px; display: inline-block; width: 100%; border-bottom: 2px solid #f1594f;} .hookup_wrap {padding: 0px; margin-bottom: 40px;} .hookup_btn {width: 100%; height: 60px; padding: 17px 20px; font-size: 17px; margin-bottom: 20px; border-radius: 0px; border: 1px solid #f1594f; border-bottom: 5px solid #f1594f;} .hookup_btn i {margin-left: 10px;} .hookup_wrap ul {padding: 0px; margin: 0 auto; display: inline-block; width: 100%;} .hookup_wrap ul li {padding: 25px 10px 15px; float: left; display: inline-block; font-size: 14px; line-height: 12px; color: #3b4351; width: 100%; border-bottom: 1px solid #eae9ed;} .hookup_wrap ul li .hookup_tag {float: left; display: inline-block; padding-right: 10px; font-weight: 300;} .hookup_wrap ul li .hookup_tag i {color: #f1594f; margin-right: 12px; float: left;} .hookup_wrap ul li .hookup_duration {font-weight: 600; float: right; text-align: right; display: block; padding-left: 10px;} .hookup_wrap.tutor_info_wrap ul li {line-height: 25px;} .hookup_wrap ul li .tutor_info {font-size: 18px; line-height: 25px; color: #3b4351;} .hookup_wrap ul li .tutor_info i {font-size: 25px; line-height: 30px; color: #f1594f; margin-right: 20px; float: left;} .course_tutor {border: 1px solid #dedde1; border-bottom: 5px solid #dedde1; padding: 20px 25px; margin-bottom: 40px;} .course_tutor:hover h4 {color: #f1594f;} .course_tutor:hover h4:after {width: 85px;} .course_tutor ul {display: inline-block; width: 100%;} .course_tutor ul li {display: inline-block; width: 100%; float: left; padding: 7px 0px;} .course_tutor ul li .tutor_img {float: left; width: 65px; height: 65px;} .course_tutor ul li .tutor_info {float: left; display: inline-block; padding-left: 10px; width: 74%;} .course_tutor ul li .tutor_info h5 {margin: 0px auto 7px; font-size: 16px; display: inline-block; width: 100%;} .course_tutor ul li .tutor_info h5 a {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .course_tutor ul li .tutor_info h5 a:after {background-color: #696969; margin: 3px 0 0; width: 35px; height: 1px; content: ""; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .course_tutor ul li:hover .tutor_info h5 a:after {width: 100px;} .course_tutor ul li .tutor_info h5 a {color: #363a47; display: block;} .course_tutor ul li .tutor_info h5 em {font-size: 13px; float: right; text-align: right; color: #696969;} .course_tutor ul li .tutor_info p {margin: 0px auto 0px; font-size: 13px;} .course_subscribe textarea {height: 120px; resize: none;} /*** Blog Aside ***/ .search_course {border: 1px solid #dedde1; border-bottom: 5px solid #dedde1; padding: 20px 25px; margin-bottom: 40px;} .search_course input {border: 1px solid #ddd; background: #fff; font-weight: 400; font-size: 15px; height: 40px; margin: 0px; padding: 6px 12px; width: 100%; color: #555; font-style: italic;} .search_course .btn_search {border-radius: 0px 4px 4px 0px; height: 40px; padding: 12px 15px; line-height: 13px; position: absolute; top: 21px; right: 25px;} .aside_wrapper h4 {font-size: 18px; font-weight: 600; margin-bottom: 20px; margin-top: 0; padding: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;color:#10b1d2} .aside_wrapper h4:after {background-color: #10b1d2; margin: 15px 0 0; width: 35px; height: 3px; content: ""; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .category_course {border: 1px solid #dedde1; border-bottom: 5px solid #dedde1; padding: 20px 25px; margin-bottom: 40px;} .category_course:hover h4 {color: #10b1d2;} .category_course:hover h4:after {width: 95px;} .category_course ul {display: inline-block; width: 100%;} .category_course ul li {display: inline-block; width: 100%; float: left; padding: 7px 0px;} .category_course ul li a {font-size: 16px; font-weight: 500; color: #3b4351;} .category_course ul li a:hover, .category_course ul li a:focus {color: #10b1d2;} .category_events {border: 1px solid #dedde1; border-bottom: 5px solid #dedde1; padding: 20px 25px; margin-bottom: 40px;} .category_events:hover h4 {color: #10b1d2;} .category_events:hover h4:after {width: 60px;} .category_events ul {display: inline-block; width: 100%;} .category_events ul li {display: inline-block; width: 100%; float: left; padding: 7px 0px;} .category_events ul li .date {float: left; width: 70px; height: 72px; background: #56677b; margin-top: 5px; color: #fff; padding: 13px; border-radius: 2px; text-align: center;} .category_events ul li .event_txt {text-align: left; width: 67%; float: right;} .category_events ul li .event_txt h5 {margin: 0px auto 7px; font-size: 15px;} .category_events ul li .event_txt h5 a {color: #363a47;} .category_events ul li .event_txt h5 a:hover, .category_events ul li .event_txt h5 a:focus {opacity: 0.7;} .category_events ul li .event_txt p {margin: 0px auto; font-size: 12px; line-height: 17px;} .course_subscribe {border: 1px solid #dedde1; border-bottom: 5px solid #dedde1; padding: 20px 25px; margin-bottom: 40px;} .course_subscribe:hover h4 {color: #10b1d2;} .course_subscribe:hover h4:after {width: 112px;} .course_subscribe input {border: 1px solid #ddd; background: #fff; font-weight: 400; font-size: 15px; height: 40px; padding: 6px 12px; margin: 10px auto; width: 100%; color: #555; font-style: italic;} .course_subscribe .btn_subscribe {border-radius: 4px; height: 40px; padding: 12px 45px; line-height: 13px; width: 100%;} .course_subscribe .btn_subscribe i {padding: 0px 0px 0px 10px;} .course_tags {border: 1px solid #dedde1; border-bottom: 5px solid #dedde1; padding: 20px 25px; margin-bottom: 40px;} .course_tags:hover h4 {color: #10b1d2;} .course_tags:hover h4:after {width: 40px;} .course_tags ul {display: inline-block; width: 100%;} .course_tags ul li {display: inline-block; width: 100%; float: left; padding: 7px 0px;} .course_tags ul li a {font-size: 12px; font-weight: 500; color: #3b4351; margin: 3px 1px; padding: 4px 7px; display: inline-block; border: 1px solid #ddd; text-transform: uppercase;} .course_tags ul li a:hover, .course_tags ul li a:focus {background-color: #363a47; color: #fff; opacity: 0.7;} /*** Blog Detaail ***/ .dtl_wrap .dtl_head h1 {font-size: 40px; font-weight: 700; margin: 0px auto 15px; text-align: left;} .dtl_wrap .dtl_head h1:before {content: "\f02e"; display: inline-block; font-family: FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); color: #f1594f; font-size: 39px; margin: 0 20px 0 0;} .detail_text_wrap {padding: 0px 25px;} .detail_text_wrap p {margin: 20px 0; line-height: 30px; letter-spacing: 1px;} .detail_text_wrap blockquote {font-size: 25px; line-height: 35px; font-weight: 500; font-style: italic; border-left: 5px solid #dedde1; padding: 10px 20px; margin: 0px 0px 20px;} .detail_text_wrap ul, .detail_text_wrap ol {padding: 0px 0px 0px 30px;} .detail_text_wrap ul li {list-style: disc;} .detail_text_wrap .heading_style h2, .detail_text_wrap .heading_style h3, .detail_text_wrap .heading_style h4, .detail_text_wrap .heading_style h5, .detail_text_wrap .heading_style h6 {text-align: left !important; font-weight: bold !important; margin: 10px 0px; color: #343434; text-transform: none; line-height: 1.1;} .heading_style h2 {font-size: 30px !important;} .heading_style h3 {font-size: 28px !important;} .heading_style h3:after {content: none; margin: 0px;} .heading_style h4 {font-size: 26px !important;} .heading_style h5 {font-size: 24px !important;} .heading_style h6 {font-size: 22px !important;} .dtl_related_article {display: inline-block; width: 100%; padding: 25px 25px 0px;} .dtl_related_article h4 {background-color: #f1594f; font-size: 17px; display: inline-block; height: 35px; line-height: 20px; margin: 0px; padding: 7px 15px; color: #fff;} .head_underline {width: 100%; height: 2px; display: block; border-bottom: 2px solid #f1594f;} .dtl_related_article_list {display: inline-block; padding: 20px 0px;} .dtl_related_article_list li {float: left; width: 32.15%; margin-right: 14px;} .dtl_related_article_list li:nth-child(3) {margin-right: 0px;} .dtl_related_article_list li .text {font-size: 15px; margin: 10px 0px; font-weight: bold; color: #5b5b5b; height: 80px; overflow: hidden; transition: color 300ms ease-in-out 0s;} .dtl_related_article_list li .text:hover {color: #f1594f;} .dtl_related_article_list li .dtl_imgwrap {overflow: hidden;} .dtl_related_article_list li .dtl_imgwrap .img_wrap {width: 100%;} .dtl_related_article_list li .dtl_imgwrap img {transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; filter: brightness(100%); -moz-filter: brightness(100%); -ms-filter: brightness(100%);} .dtl_related_article_list li:hover img {backface-visibility: hidden; filter: brightness(80%); transform: scale(1.1);} .commentlist {padding-bottom: 40px;} .commentlist li .comment-wrapper {position: relative; padding: 15px 0px 15px 80px; margin-bottom: 0px; border-bottom: 1px dotted #c9c8c5;} .comments-form-wrapper {background-color: #FFFFFF; border: 0px solid #E3E3E3; padding: 0px 25px; margin: 0px auto;} .comment-wrapper .ratings {font-size: 11px; line-height: normal; margin: 10px 0 0 0; text-align: left;} .comment-wrapper .rating-box {width: 80px; height: 15px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden;} .comment-wrapper .rating-box .rating {float: left; height: 15px; background: url(../images/bkg_rating.png) 0 100% repeat-x;} .comment-wrapper .ratings .rating-box {margin-right: 8px; display: inline-block;} .commentlist li .gravatar {display: block; position: absolute; left: 0;} .commentlist li .gravatar img {float: left; width: 60px; height: 70px; padding: 3px 0px 0px 0px;} .commentlist li .comment-author {font-size: 14px; color: #282828;} .commentlist li .comment-meta {color: #999; margin: 0px 0 10px 0; font-style: italic; font-size: 11.5px;} .commentlist li .comment-reply {text-align: right; padding-top: 5px;} .commentlist li .comment-reply a {color: #EB593C; font-style: italic;} .commentlist li .comment-reply a:hover {color: #eb593c;} .commentlist .children {margin: 0; padding: 0 0 0 80px;} .comment-form {margin-top: 10px;} .comment-form label {display: block; margin-bottom: 7px;} .comment-form input {padding: 6px 12px;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea {width: 70%; border: 1px solid #ddd; background: #fff; font-weight: 400; font-size: 15px; height: 40px; color: #555; font-style: italic; margin-bottom: 20px;} .comment-form textarea {height: 190px; resize: none;} .comment-meta .reply {width: 40px; display: inline-block; float: right; text-align: center;} .comment-meta .comment_reply {display: block; background-color: transparent; color: #f1594f;} .comment-meta .comment_reply:hover {background-color: #f1594f; color: #fff !important;} .child_commentlist {padding: 0px 0px 0px 20px; margin: 0px 0px 15px 20px; border-left: 1px dotted #c9c8c5;} .has_parent {border-bottom: 1px dotted #c9c8c5; margin: 0px 0px 30px 0px;} .has_child {border: none !important;} em {color: #f1594f;} .cms_blog_left .dtl_block, .cms_blog_right .dtl_block {border: none;} .cms_blog_right .dtl_wrapper {padding: 0px 0px 0px 30px;} .cms_blog_left .dtl_img, .cms_blog_right .dtl_img {border-top: 1px solid #dedde1; border-bottom: 1px solid #dedde1;} /*-------------------------------------------------------------------------*/ /* 15. Team Style /*-------------------------------------------------------------------------*/ .team {margin: 0px auto; padding: 80px 0px;} .o-lecturers {padding: 100px 0 0; position: relative;} .o-lecturers-bg {height: 750px; width: 100%;} .o-teacher-img {border-radius: 100%; overflow: hidden; transform: scale(0.7); border: 20px solid #f3f3f3; display: inline-block;} .o-teacher-img img {border-radius: 100%;} .o-lecturers-teacher.style-2 {left: 185px;} .o-lecturers-teacher.style-2, .o-lecturers-teacher.style-4 {top: 16%; -webkit-transform: translate(0, -17%); -moz-transform: translate(0, -17%); -ms-transform: translate(0, -17%); transform: translate(0, -17%);} .o-lecturers-teacher.style-4 {right: 185px;} .o-lecturers-teacher.style-5 {right: -85px;} .o-lecturers-teacher.style-3 {top: 8px;} .o-lecturers-teacher.active .o-teacher-img {transform: scale(1); border: 15px solid #098be2;} .o-teacher-detail {position: absolute; bottom: 0; width: 60%;} .detail-teacher-img {float: left; width: 45%; margin: 0 50px 0 0;} .teacher-detail {float: left; width: 45%; padding: 109px 0 0 0;} .teacher-detail h3 {font-size: 25px; color: #3b4351; margin: 0px auto 20px; text-transform: uppercase;} .teacher-detail h3 span {display: block; font-size: 14px; font-style: italic; color: #252525; margin: 20px 0 0;} .teacher-detail .social-icons {margin: 0 0 30px; display: inline-block;} .teacher-detail .social-icons ul li {float: left; margin: 0 0 0 20px;} .teacher-detail .social-icons ul li:first-child {margin: 0;} .teacher-detail .social-icons ul li a {border: 1px solid #098be2; border-radius: 100%; color: #098be2; height: 34px; line-height: 34px; text-align: center; width: 34px;} .teacher-detail .social-icons ul li a:hover {background: #098be2; border-color: #098be2; color: #ffffff;} .teacher-detail p {line-height: 25px; margin: 0px auto 25px; height: 77px; overflow: hidden;} .position-center-center {left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .position-center-x {position: absolute; top: 50%; -webkit-transform: translate(-42px, -23%); -moz-transform: translate(-42px, -23%); -ms-transform: translate(-42px, -23%); transform: translate(-42px, -23%);} .position-center-y {left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0);} .owl-carousel {display: block;} .owl-carousel .owl-stage-outer {overflow: hidden; position: relative; transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-stage:after {clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden;} .owl-carousel .owl-item {-moz-user-select: none; backface-visibility: hidden; float: left; min-height: 1px; position: relative;} .owl-carousel .owl-item img {border-radius: 90px; transform-style: preserve-3d;} /*-------------------------------------------------------------------------*/ /* 16. Faculty Style /*-------------------------------------------------------------------------*/ .faculty_wrapper {display: inline-block; width: 100%; padding: 80px 0px 80px;} .faculty_wrapp {margin: 0 auto; padding: 0px 30px 0px 0px;} .wrapper_faculty, .wrapper_course {display: inline-block; width: 100%;} .faculty_block {border: 2px solid #e5e5e5; margin-bottom: 40px; padding: 10px 10px; width: 100%; text-align: center; position: relative; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .faculty_block:before, .faculty_block:after {background-color: #098be2; height: 2px; width: 0; content: ""; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .faculty_block:before {top: -2px; right: -1px;} .faculty_block:after {bottom: -2px; left: -1px;} .faculty_block:hover:after, .faculty_block:hover:before {width: 101%; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .faculty_block:hover {border-color: transparent; border-left-color: #098be2; border-right-color: #098be2;} .faculty_block .img_wrap {margin-bottom: 10px; z-index: 9; position: relative; overflow: hidden;} .faculty_block .img_wrap img {filter: brightness(60%); -moz-filter: brightness(60%); -ms-filter: brightness(60%); transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;} .faculty_block:hover .img_wrap img {-webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform: rotateY(180deg); transform-style: preserve-3d;} .faculty_block .img_wrap .social_links {margin: 0 auto 10px; overflow: hidden; text-align: left; position: absolute; bottom: 13%; left: 15px; width: 20%; z-index: 999;} .faculty_block .img_wrap .social_links li {padding: 4px 0px 7px;} .faculty_block .img_wrap .social_links a {color: #fff; font-size: 18px; padding: 0px; height: 35px; width: 35px; line-height: 35px; border-radius: 100%; text-align: center; border: 1px solid #fff;} .faculty_block .img_wrap .social_links a.fa-google-plus {font-size: 15px;} .faculty_block .img_wrap .social_links a:hover {background-color: #098be2; border-color: #098be2;} .faculty_img_hoverlay {background: rgba(9, 139, 226, 0.7); position: absolute; top: 0; left: 0px; width: 100%; height: 100%; opacity: 0; transition: all .4s; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform: rotateY(180deg); transform-style: preserve-3d; z-index: 99;} .faculty_img_hoverlay_btn {position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; -webkit-transform: translateY(-60px) scale(0.5); transform: translateY(-60px) scale(0.5); transition: all .45s; z-index: 999;} .faculty_img_hoverlay_btn .btn_glob {position: absolute; bottom: -50px; left: 23%; font-size: 13px; padding: 6px 15px; color: #fff; cursor: pointer; z-index: 999; background-color: #098be2;} .faculty_img_hoverlay_btn .btn_glob:hover {background-color: #0773bb;} .faculty_block:hover .faculty_img_hoverlay {opacity: .5; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);} .faculty_block:hover .faculty_img_hoverlay_btn {opacity: 1; -webkit-transform: translateY(0) scale(1); transform: translateY(0) scale(1);} .faculty_block:hover .faculty_img_hoverlay_btn .btn_glob {bottom: 13px;} .faculty_info {padding: 0px 10px 10px;} .faculty_info h4 a {font-size: 18px; font-weight: 700; margin: 10px auto 0px; color: #3b4351; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; display: inline-block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .faculty_info p {height: 125px; overflow: hidden; margin: 10px auto 0px;} .faculty_block:hover h4 a {color: #098be2;} /** Faculty Single **/ .teach_sin_block:hover img {transform: scale(1);} .teach_sin_img .col-md-5, .teach_sin_img .col-md-7, .teach_sin_img .col-xs-12 {padding: 0px;} .teach_sin_img {padding: 0px 25px; width: auto; height: auto; display: inline-block; width: 100%;} .teach_sin_img img {width: auto; float: left;} .teach_sin_img .teacher_info {display: inline-block; float: left; text-align: left; padding: 0px 0px 0px 25px;} .teach_sin_img .teacher_info h4 {font-size: 30px; font-weight: 600; margin: 0 auto 20px; text-transform: uppercase; letter-spacing: 1px;} .teach_sin_img .teacher_info h4 em {font-size: 15px; font-weight: 400; margin: 20px auto 0px; line-height: 25px; color: #098be2; text-transform: uppercase; letter-spacing: 1px; display: block;} .teach_sin_img .teacher_info h5 {font-size: 17px; font-weight: 800; margin: 0px auto 15px; color: #3b4351;} .teach_sin_img .teacher_info h5:after {background-color: #0991eb; content: ""; display: block; height: 2px; margin: 9px 0 0; width: 35px;} .teach_sin_img .teach_profession {display: inline-block; width: 100%; margin: 0px auto 20px;} .teach_sin_img .teach_profession em {font-size: 15px; font-weight: 400; margin: 0px auto 0px; color: #696969; line-height: 25px; letter-spacing: 1px; display: block;} .teach_sin_img .teach_sumarry {display: inline-block; width: 100%; margin: 0px auto 20px;} .teach_sin_img .link_social {display: inline-block; width: 100%; margin: 0px auto 0px;} .teach_sin_img .link_social li {display: inline-block; float: left; padding: 0px 20px 0px 0px;} .teach_sin_img .link_social li:last-child {padding: 0px;} .teach_sin_img .link_social li a {border: 1px solid #098be2; border-radius: 100%; color: #098be2; font-size: 18px; height: 35px; line-height: 35px; padding: 0; text-align: center; width: 35px;} .teach_sin_img .link_social li a:hover, .teach_sin_img .link_social li a:focus {background-color: #098be2; color: #fff;} /*-------------------------------------------------------------------------*/ /* 17. Course Slider Style /*-------------------------------------------------------------------------*/ .related_course {padding: 10px 0px 80px;} .course_slider_wrapp {margin: 45px auto 0px;} .course_slider_wrapp .owl-item .course_block {border: 1px solid #e5e5e5; border-right: 0px; box-shadow: none;} .course_slider_wrapp .owl-item:last-child .course_block {border-right: 1px solid #e5e5e5;} .course_slider_wrapp .img_wrap {width: 100%; margin-bottom: 10px;} .course_slider_wrapp .img_wrap img {border-radius: 0px;} .course_slider_wrapp .course_info {padding-left: 20px;} .course_slider_wrapp .course_info p {height: 50px;} .course_slider_wrapp .course_block .img_wrap img {filter: brightness(60%); transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;} .course_slider_wrapp .course_block:hover .img_wrap {-webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform: rotateY(0deg); transform-style: preserve-3d;} .course_slider_wrapp .course_block:hover .img_wrap img {-webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform: rotateY(0deg); transform-style: preserve-3d;} /*-------------------------------------------------------------------------*/ /* 18. Newsletter Style /*-------------------------------------------------------------------------*/ .newsletter {display: inline-block; width: 100%; margin: 0px; padding: 80px 0px 80px; position: relative;} .newsletter h2 {font-size: 35px; line-height: 40px; font-weight: 600; margin-bottom: 20px; color: #fff; text-align: center; text-transform: uppercase;} .newsletter p {font-size: 22px; line-height: 25px; color: #fff; text-align: center; margin-bottom: 50px; font-weight: 500;} .newsletter form {margin: 0 auto; display: block; width: 600px; position: relative; overflow: hidden;} .newsletter input {background: #fff; border-radius: 5px; padding: 10px 170px 10px 15px; height: 50px; line-height: 50px; font-size: 16px; text-transform: capitalize; border: 0; color: #161719; width: 100%; margin: 0px; float: left;} .newsletter .btn_getstart {padding: 9px 35px; margin-top: 0px; font-weight: 600; height: 50px; position: absolute; right: 0px; border-radius: 0px 5px 5px 0px;} .newsletter .btn_getstart i {margin-left: 10px; position: relative; top: -3px;} ::-webkit-input-placeholder {color: #262626;} :-moz-placeholder {color: #262626;} ::-moz-placeholder {color: #262626;} :-ms-input-placeholder {color: #262626;} /*-------------------------------------------------------------------------*/ /* 19. Contact Style /*-------------------------------------------------------------------------*/ .contact_wrap {padding: 80px 0px;} .contact_wrap h3 {font-size: 25px; letter-spacing: 2px; margin: 0px auto 30px; text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .contact_wrap h3:after {background-color: #10b1d2; margin: 15px 0 0; width: 35px; height: 3px; content: ""; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .contact_info {display: inline-block; width: 100%; margin: 50px auto 0px;} .contact_form {display: inline-block; width: 100%; margin: 50px auto 0px;} .contact_info_inner {border-top: 1px solid #eae9ed; border-bottom: 1px solid #eae9ed; display: inline-block; width: 100%; padding: 30px 0px 30px 0px;} .contact_info_inner:last-child {border-top: 0px;} .contact_info_inner .icon_box {float: left; margin-right: 15px; line-height: 19px;} .contact_info_inner .info_txt {width: calc( 100% - 30px - 15px); float: left;} .contact_info_inner .info_txt h4 {margin: 0px auto 5px; font-size: 19px; font-weight: 700; letter-spacing: 1px;} .contact_info_inner .info_txt p, .contact_info_inner .info_txt a, .contact_info_inner .info_txt i {color: #3b4351;} .contact_form input, .contact_form textarea {background: #fff; border-radius: 5px; margin: 0px auto 15px; padding: 6px 12px; height: 40px; line-height: 40px; font-size: 15px; border: 1px solid #eae9ed; width: 100%; float: left;} .contact_form textarea {height: 141px; resize: none;} .contact_form .btn_contact {margin: 20px auto 0px;} .contact_form .btn_contact i {font-size: 15px; margin: 0px 0px 0px 10px; position: relative; top: -3px;} .map iframe {border: 0 none; min-height: 650px; pointer-events: none; width: 100%;} /*-------------------------------------------------------------------------*/ /* 20. Footer Style /*-------------------------------------------------------------------------*/ .footer {background-color: #2e3742; padding: 50px 0px 0px; position: fixed; z-index: 99; font-weight: 400; font-style: normal; bottom: 0px; width: 100%; font-size: 15px; line-height: 25px; color: #fff;} .footer_logo, .footer_txt {margin-bottom: 30px;} .footer_logo img {width: 135px;} .footer_txt p {margin: 0px auto;} .footer li a, .footer a {color: #fff; display: inline-block;} .footer a:hover, .footer li a:hover, .footer .social_links a:hover i {color: rgba(255, 255, 255, 0.6);} .footer img {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;} .footer_link_wrapper {display: inline-block; width: 100%; padding: 0px 0px 40px;} .footer .social_links {overflow: hidden; margin-top: 20px;} .footer .social_links a {border: 1px solid rgba(255, 255, 255, 1); height: 30px; width: 30px; text-align: center; margin: 0px 5px 0px 0px; border-radius: 50px; line-height: 22px; font-size: 15px;} .footer .social_links a:hover {border-color: rgba(255, 255, 255, 0.6);} .footer_email a {color: #fff;} .footer_email i, .footer_phone i {display: inline-block; width: 20px; line-height: 25px;} .footer_phone {margin-top: 10px;} .footer h3 {color: #fff; display: block; margin: 0px auto 40px; font-size: 20px; font-weight: 700; letter-spacing: .5px;} .footer h3:after {content: none;} .foot_letnews_list li {display: inline-block; width: 100%; margin-bottom: 20px;} .foot_letnews_list li:last-child {margin-bottom: 0px;} .foot_letnews_list li:hover .foot_letnews_info h4 a {color: rgba(255, 255, 255, 0.6);} .foot_letnews_list li:hover .foot_letnews_info em {color: rgba(255, 255, 255, 0.3);} .foot_letnews_list li:hover .foot_letnews_img img {filter: brightness(40%);} .foot_letnews_img {display: inline-block; float: left; width: 80px; height: 80px; margin: 0px 20px 0px 0px;} .foot_letnews_img img {width: 80px;} .foot_letnews_info {display: inline-block; float: left; width: 72%; vertical-align: top;} .foot_letnews_info h4 {font-size: 17px; font-weight: 500; line-height: 25px; margin: -5px auto 10px;} .foot_letnews_info em {font-size: 15px; color: rgba(255, 255, 255, 0.6); font-style: italic; display: block;} .footer_sublist li {padding: 3px 0 5px; line-height: 20px;} .footer_sublist li:first-child {padding: 0px 0px 5px;} .foot_gallery {display: inline-block; width: 100%;} .foot_gallery > div {padding: 0px;} .foot_gallery > div img {width: 91px; margin: 0px 10px 10px 0px; display: inline-block;} .foot_gallery > div:hover img {filter: brightness(40%);} .copyright {display: inline-block; width: 100%; margin: 0px auto 0px; padding: 13px 0px; font-size: 13px; background-color: #252c35;} .copyright a {color: #fff;} .copyright li {margin: 0px 10px 0px 0px; float: left;} .coppyright_txt a:hover, .coppyright_txt a:focus {color: #fff; text-decoration: underline !important;} .time_available {text-align: left;} .time_available i {font-size: 16px; line-height: 24px; padding: 0px 5px 0px 0px;} /* toTop */ #toTop {color: #fff; text-align: center; bottom: 60px; display: none; height: 45px; line-height: 45px; overflow: hidden; position: fixed; right: 10px; text-decoration: none; width: 50px; background: url(../images/to-top-arrow.png) no-repeat center; background-color: #2fbee1; text-transform: uppercase; z-index: 99999; border-radius: 3px;} #toTop:hover {color: #fff; background-color: #186375;} /*-------------------------------------------------------------------------*/ /* 21. Mob Menu Style /*-------------------------------------------------------------------------*/ .mobile_menu_werap {position: relative;} .offcanvas_overlay {opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;} body.offcanvas .offcanvas_overlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.85); opacity: 1; z-index: 998;} .close_offcanvas {position: absolute; top: 25px; right: 15px; z-index: 1; color: #fff; border-radius: 100%; width: 22px; height: 22px; line-height: 13px !important; text-align: center; font-size: 12px !important; background: rgba(0, 0, 0, 0.3); padding: 5px 3px 5px 2px !important;} .close_offcanvas:hover {background: rgba(0, 0, 0, 0.5); color: #fff;} .dl-menu {width: 280px; position: fixed; right: -10px; top: 0px; background-color: #464646; z-index: 99999;} .offcanvas_menu .offcanvas_inner {padding: 20px;} .dl-menu .sp_module_title {font-size: 30px; font-weight: 800; line-height: 1; padding: 20px 20px 25px; margin: 0px auto; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.2); width: 100%} .offcanvas {width: 100%; height: 100%; position: relative;} .bodycanvas {right: 0px;} .dl-menuwrapper li:first-child a:after {content: none;} /*-------------------------------------------------------------------------*/ /* 22. Responsive Style /*-------------------------------------------------------------------------*/ @media (min-width: 1280px) and (max-width: 1368px) { } @media (max-width: 1366px) { p {font-size: 15px; line-height: 24px;} .head_part p {line-height: 29px;} .home_middle_search {top: 26.3%; left: 19.3%;} .course_list li .course_info h4:after {margin: 10px 0px 0px;} .course_list li .course_info p {} .find_course_form, .cms_index4 .find_course_form {padding: 55px 60px 33px;} .find_course_form_btn_wrap {padding: 0px 0px 55px;} .overview_img, .overview_img:before {min-height: 554px;} .overview_info p {font-size: 14px; height: 100px; letter-spacing: 0.5px;} .overview_m_padd {padding: 0px;} .overview_info h5 {font-size: 15px;} .map iframe {min-height: 375px;} } @media only screen and (max-width: 1366px) and (min-height: 768px) { } @media (max-width: 1348px) { .home_middle_search {left: 18.9%;} } @media (max-width: 1280px) { .container {width: 1247px;} .home_middle_search {top: 26.3%; left: 17.15%;} .search_pannel .bootstrap-select {margin-left: 22px !important;} .overview_img, .overview_img:before {height: 546px;} .find_course_form_inner h2:after {margin-left: -161px; border-left: 202px solid rgba(0, 0, 0, 0); border-right: 202px solid rgba(0, 0, 0, 0);} .testimonial_txt_wrap {padding: 45px 20px 40px 80px; width: 50.997%;} } @media only screen and (max-width: 1280px) and (min-height: 700px) { .home_middle_search {top: 24.5%;} } @media only screen and (max-width: 1280px) and (min-height: 800px) { .home_middle_search {top: 27.2%;} } @media (max-width: 1024px) { .container {width: 1004px;} .features .feature_txt h4 {font-size: 17px;} h2 {font-size: 28px;} p {font-size: 14px;} .head_part p {font-size: 16px; line-height: 27px;} .blog .blog_info p {height: auto;} .dtl_wrapper .dtl_head h2 {line-height: 35px;} .find_course_txt {padding: 110px 0 15px;} .find_course_form_inner h2 {font-size: 29px; padding: 55px 30px 31px;} .find_course_form_inner h2:after {border-left: 160px solid rgba(0, 0, 0, 0); border-right: 160px solid rgba(0, 0, 0, 0); margin-left: -128px;} .find_course_form, .cms_index4 .find_course_form {padding: 55px 25px 33px;} .find_course_form_btn_wrap {padding: 0 25px 55px;} .find_course_form_btn {padding: 12px 20px;} .overview_img, .overview_img:before {height: 593px;} .overview h2 {line-height: 35px; margin-bottom: 30px;} .overview_info p {height: auto;} .course_block .icon {font-size: 25px; line-height: 25px;} .course_list li .course_info p, .course_info p {height: auto;} .course_block .science, .course_block .accounts, .course_block .business, .course_block .psychology, .course_block .food, .course_block .arts {padding: 10px 0px;} .testimonial_txt_wrap {margin: 0px; width: 59%;} .o-lecturers-teacher.style-2, .o-lecturers-teacher.style-4 {top: 11%;} .position-center-x {top: 33%; transform: translate(17px, -23%);} .o-lecturers-teacher.style-5 {right: 34px;} .teacher-detail {padding: 20px 0 0;} .home_middle_search {left: 9%;} .client_photo {top: 53px;} .count .icon {font-size: 55px; line-height: 55px;} .funfact .animate-number {font-size: 30px; margin: 0 auto 15px;} .funfact .title {font-size: 15px;} .course_slider_wrapp {width: 100.2%;} .course_wrapp, .faculty_wrapp {padding: 0px;} .course_to_search {width: 98%;} .course_block {padding: 10px;} .cms_course .img_wrap h4 {font-size: 15px;} .course_slider_wrapp .owl-item .course_block {border: 1px solid #e5e5e5;} .cms_course .course_info p {height: auto;} .cms_course_list .course_info p {height: 123px;} .course_block .course_count_wrap {font-size: 12px;} .course_to_search.width_90 {width: 100%;} .cms_teacher .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 165px;} .cms_teacher .search_pannel .bootstrap-select {margin-left: 15px !important;} .cms_teacher .search_pannel .btn {padding: 8px 10px;} .cms_teacher .wrapper_faculty .col-md-4 {width: 50%;} .faculty_info p {height: auto;} .aside_wrapper h4 {font-size: 17px; margin-bottom: 15px;} .aside_wrapper h4:after {margin: 10px 0px 0px;} .category_course ul li {padding: 5px 0px;} .category_course ul li a {font-size: 14px;} .pager .pages li a {font-size: 13px; padding: 7px 12px;} .blog .blog_info h3 {font-size: 17px; line-height: 27px;} .blog .blog_auther_info .blog_auther {font-size: 13px;} .blog .blog_auther_info .blog_date {padding: 13px 15px 14px; font-size: 13px;} .dtl_related_article_list li {width: 31.55%;} .teach_sin_img .teacher_info h4 {font-size: 26px;} .teach_sin_img .teacher_info h4 em {margin: 10px auto 0px} .hookup_wrap ul li .tutor_info {font-size: 17px;} .newsletter h2 {font-size: 30px; line-height: 30px;} body {padding-bottom: 460px;} .footer {height: 460px;} .footer h3 {font-size: 18px;} .foot_letnews_img {height: 65px; width: 65px;} .foot_letnews_info h4 {font-size: 14px; line-height: 22px;} .foot_gallery > div img {width: 70px;} } @media (max-width: 800px) { body.cms_index5 {overflow-y: auto !important;} .count {padding: 40px 0 50px;} .blog, .dtl_wrap, .contact_wrap, .newsletter, .courses, .team {padding: 50px 0;} .cms_index4 .count_wrapper {padding: 40px 0 50px;} .course_categories {padding: 50px 0px 20px;} .cms_course .course_info p, .cms_course_list .course_info p, .blog .blog_info p, .faculty_info p {height: auto;} .related_course .course_info p {min-height: 75px;} .header_top .top_info {font-size: 11px;} .header_top .top_menu > li {font-size: 10px;} .header_top .top_menu > li > a {font-size: 10px; padding: 0 6px;} .home_middle_search {width: 705px; left: 4%; top: 31.9%; padding: 50px 35px;} .home_middle_search h1 {font-size: 29px;} .home_middle_search h5 {font-size: 18px; line-height: 30px;} .home_middle_search .search_wrap {margin: 0 auto 30px;} .home_middle_search .search_wrap form input {height: 50px; padding: 15px 60px 15px 20px;} .home_middle_search .search_wrap form .btn_home_mid_search {height: 50px; padding: 10px 20px;} .container {width: auto;} .main_menu_wrap {display: none;} header, body.cms_index2 header nav {height: 55px;} body.cms_index2 header {height: auto;} .navbar-default .navbar-brand img {height: 25px;} .breadcrumb_wrap_inner h1 {font-size: 30px; line-height: 35px;} .course_swicher {margin: 0px;} .find_course {background-color: #fff; padding: 0 0 50px;} .find_course_txt {padding: 35px 0 15px;} .head_part p {margin-bottom: 25px;} .find_course_form_inner {margin: 0 auto; width: 65%;} .find_course_form, .cms_index4 .find_course_form {padding: 55px 65px 33px;} .find_course_form_btn_wrap, .cms_index4 .find_course_form_btn_wrap {padding: 0 65px 55px;} .find_course_form_btn {padding: 12px 70px;} .find_course_form_inner h2:after {border-left: 225px solid rgba(0, 0, 0, 0); border-right: 225px solid rgba(0, 0, 0, 0); margin-left: -180px;} .cms_index4 .find_course_form_inner, .cms_index4 .find_course_txt {min-height: auto;} .overview {padding: 0px 0px 20px;} .overview_img, .overview_img:before {height: 545px;} .overview_info {padding: 0px 15px; margin-bottom: 30px;} .count .icon {font-size: 46px; line-height: 50px; margin-right: 15px;} .funfact .animate-number {font-size: 25px; margin: 0 auto 10px;} .funfact .title {font-size: 10px;} .course_to_search {width: 85%;} .pager {margin: 0 auto 40px;} .courses_wrapper {padding: 50px 0 10px;} .course_block .course_count_wrap {padding: 5px 0 0;} .course_count, .course_price {padding: 5px;} .course_info p {height: 75px;} .course_categories .tab-content {margin-bottom: 35px; display: inline-block; width: 100%;} .course_categories .nav_tabs_wrap {width: 82%; margin: 0 auto; float: none;} .cms_course_list .img_wrap {width: 100%; margin-bottom: 10px;} .cms_course_list .info_wrap {width: 100%;} .blog .dtl_block {margin-bottom: 30px;} .blog .dtl_wrapper, .dtl_wrapper {padding: 0px;} .blog .dtl_block {margin-bottom: 30px;} .blog .dtl_wrapper .col-md-4:last-child .dtl_block {margin-bottom: 0px;} .dtl_wrapper .dtl_head h2 {font-size: 26px; line-height: 35px;} .dtl_wrap .dtl_head h1 {font-size: 33px;} .dtl_wrap .dtl_head h1:before {font-size: 32px; margin: 0 10px 0 0;} .dtl_related_article_list li .text {height: auto;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea {width: 100%;} .course_tutor ul li .tutor_info {width: 89%;} .cms_teacher .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 195px;} .cms_teacher .search_pannel .btn {padding: 8px 20px;} .teach_sin_img img {margin: 0 auto 20px; float: none;} .teach_sin_img .teacher_info {padding: 0 0 20px;} .course_tutor ul li .tutor_info {width: 86%;} .nav-tabs > li > a {width: 140px; height: 140px;} .testimonial_txt_wrap {width: 100%;} .client_photo {display: none;} .testimonial_wrapper .slide .container, .testimonial_wrapper .flickity-viewport {min-height: auto !important; height: 405px !important;} .testimonials-nav__wrap .testimonials-nav {width: 100%;} .o-lecturers {padding: 35px 0 0; display: inline-block; width: 100%;} .o-lecturers-bg {background: none !important; height: auto;} .o-lecturers-teacher.style-1, .o-lecturers-teacher.style-5 {top: 40%;} .o-lecturers-teacher {float: left; position: static; transform: translate(0px, 0px) !important; width: 20%;} .o-lecturers-teacher.style-2, .o-lecturers-teacher.style-4 {top: 15%;} .o-lecturers-teacher.style-2 {left: 126px;} .o-lecturers-teacher.style-3 {top: 42px;} .o-lecturers-teacher.style-2, .o-lecturers-teacher.style-4 {top: 15%;} .o-lecturers-teacher.style-4 {right: 124px;} .o-lecturers-teacher.style-1, .o-lecturers-teacher.style-5 {top: 40%;} .o-lecturers-teacher.style-5 {right: 0;} .o-teacher-detail {float: left; padding: 45px 0 0; position: static; transform: translate(0px, 0px) !important; width: 100%;} .teacher-detail h3 {font-size: 20px;} .teacher-detail h3 span {font-size: 13px;} .contact_info {margin: 25px auto 40px;} body {padding-bottom: 0px;} .footer {height: auto; position: relative;} .footer_list {margin-bottom: 30px;} .foot_gallery > div img {width: 84px;} .coppyright_txt {text-align: center; margin-bottom: 10px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .find_course_form_inner h2:after {border-left: 220px solid rgba(0, 0, 0, 0); border-right: 220px solid rgba(0, 0, 0, 0); margin-left: -175px;} } } @media (max-width: 768px) {} @media only screen and (min-width: 480px) and (max-width: 767px) { .course_info p {height: auto;} @media screen and (-webkit-min-device-pixel-ratio:0) { } } @media (max-width: 640px) { .course_to_search {width: 100%;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 205px;} .related_course .course_info p, .course_list li .course_info p {min-height: auto; height: auto;} .header_top {text-align: center;} .header_top .top_info {font-size: 11px; margin-bottom: 10px; text-align: center; width: 100%;} .header_top .top_menu {display: inline-block; float: none;} .home_middle_search {left: 4%; padding: 50px 35px; top: 14%; width: 92%;} .home_middle_search h1 {font-size: 23px; line-height: 40px;} .home_middle_search h5 {font-size: 17px;} .home_middle_search .search_wrap form input {height: 45px; padding: 10px 60px 10px 15px; font-size: 17px;} .home_middle_search .search_wrap form .btn_home_mid_search {height: 45px;} .home_mid_features .col-md-4 {margin-bottom: 15px;} .home_mid_features .col-md-4:last-child {margin-bottom: 0px;} .find_course_form_inner {width: 78%;} .find_course_form_inner h2:after {border-left: 220px solid rgba(0, 0, 0, 0); border-right: 220px solid rgba(0, 0, 0, 0); margin-left: -175px;} .overview_info:last-child {margin-bottom: 0px;} .search_pannel .btn {padding: 8px 15px;} .dtl_inner {margin-bottom: 30px; padding: 0 0 20px;} .dtl_wrapper .dtl_head h2 {font-size: 23px;} .dtl_wrapper .dtl_head h2:before {font-size: 22px; margin: 0px 9px 0px 0px;} .dtl_wrap .dtl_head h1 {font-size: 33px;} .dtl_wrap .dtl_head h1:before {font-size: 32px; margin: 0 13px 0 0;} .info_wrapper {padding: 20px 0 0;} .detail_text_wrap blockquote {font-size: 22px; line-height: 33px;} .info_head h4 {font-size: 17px; font-size: 17px;} .dtl_wrapper {margin-bottom: 30px;} .dtl_related_article_list li {width: 47%; margin: 0px 15px 20px 0px;} .course_wrapper .col-md-4:last-child .course_block {margin-bottom: 0px;} .course_categories .nav_tabs_wrap {width: 100%;} .find_course_txt_wrap {padding: 0px;} .course_list li {margin: 0 10px 10px 0; padding: 10px;} .course_list li .icon {font-size: 30px;} .course_list li .course_info {margin: 0 0 0 33px;} .course_list li .course_info h4 {font-size: 13px;} .course_list li .course_info h4:after {margin: 4px 0 0;} .cms_teacher .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 46%;} .cms_teacher .search_pannel .bootstrap-select {margin: 0px 0px 15px 15px !important;} .cms_teacher .search_pannel .bootstrap-select:last-child {margin: 0px 0px 0px 15px !important;} .count .icon {font-size: 63px; line-height: 60px; margin-right: 15px;} .funfact .animate-number {font-size: 40px; margin: 0 auto 20px;} .funfact .title {font-size: 11px;} .funfact {display: inline-block; text-align: center;} .funfact.expert, .funfact.online {margin-bottom: 30px;} .testimonial_wrapper .slide .container, .testimonial_wrapper .flickity-viewport {height: 460px !important;} .contact_wrap h3 {font-size: 20px; letter-spacing: 1px;} .contact_form {margin: 20px auto 0;} .newsletter h2 {font-size: 25px; line-height: 30px; margin-bottom: 10px;} .newsletter p {font-size: 19px; line-height: 25px; margin-bottom: 35px;} .newsletter form {width: 90%;} .newsletter .btn_getstart {padding: 9px 18px;} .map iframe {min-height: 265px;} .footer h3 {margin: 10px auto 25px;} .foot_gallery > div {width: 15%;} .cms_index3 .find_course_form_btn_wrap, .cms_index4 .find_course_form_btn_wrap, .find_course_form_btn_wrap {padding: 3px 65px 45px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .nav-tabs > li > a {width: 140px; height: 140px;} .find_course_form_inner h2:after {border-left: 213px solid rgba(0, 0, 0, 0); border-right: 213px solid rgba(0, 0, 0, 0); margin-left: -165px;} } } @media (max-width: 629px) { } @media (max-width: 578px) { h2 {line-height: 37px; margin: 0px 0px 15px;} .find_course_form_inner {width: 86%;} .find_course_form_inner h2:after {border-left: 220px solid rgba(0, 0, 0, 0); border-right: 220px solid rgba(0, 0, 0, 0); margin-left: -175px;} .find_course_form_btn {padding: 12px 93px;} .dtl_related_article_list li {width: 46%; margin: 0px 15px 20px 0px;} .dtl_related_article_list li .text {min-height: 103px;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 175px;} .foot_gallery > div {width: 17%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .find_course_form_inner h2:after {border-left: 220px solid rgba(0, 0, 0, 0); border-right: 220px solid rgba(0, 0, 0, 0); margin-left: -175px;} } } @media (max-width: 480px) { h2 {font-size: 20px; line-height: 35px;} h3 {font-size: 25px;} .head_part p {font-size: 15px; line-height: 25px;} .breadcrumb_wrap_inner h1 {font-size: 27px; line-height: 27px;} .course_to_search_inner {padding: 10px;} .course_swicher {margin: 0px;} .course_swicher a {margin: 0px 5px 0px 0px;} .course_list li {width: 100%; margin: 0 auto 15px;} .find_course_form_inner {width: 100%; margin-left: -3px;} .find_course_form_inner h2:after {border-left: 210px solid rgba(0, 0, 0, 0); border-right: 210px solid rgba(0, 0, 0, 0); margin-left: -167px;} .find_course_form_btn {padding: 12px 84px;} .testimonial_txt_wrap .client_message p {font-size: 15px; line-height: 27px;} .testimonial_txt_wrap .client_role {font-size: 13px; line-height: 30px; margin-bottom: 25px;} .testimonial_wrapper .slide .container, .testimonial_wrapper .flickity-viewport {height: 420px !important;} .detail-teacher-img {margin: 0 25px 0 0; width: 40%;} .owl-carousel .owl-item img {border-radius: 20px;} .related_course .owl-carousel .owl-item img {border-radius: 0px;} .teacher-detail {width: 50%; padding: 0;} .teacher-detail h3 {font-size: 18px;} .teacher-detail h3:after {margin: 0px;} .teacher-detail h3 span {margin: 13px 0 0;} .teacher-detail .social-icons {margin: 0 0 15px;} .teacher-detail p {height: auto; margin: 0 auto 20px;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 149px;} .search_pannel .btn {padding: 8px; font-size: 12px;} .search_pannel .bootstrap-select {margin-left: 10px !important;} .count .icon {font-size: 50px; line-height: 50px; margin-right: 15px;} .funfact .animate-number {font-size: 30px; margin: 0 auto 14px;} .funfact .title {font-size: 11px;} .dtl_wrapper .dtl_head h2 {font-size: 19px; line-height: 27px;} .dtl_wrapper .dtl_head h2:before {font-size: 18px;} .dtl_inner_block {padding: 15px 15px 0;} .dtl_inner_block .post_date {margin: 8px 0px 0px;} .dtl_inner_block .blog_info {padding: 0px 0px 0px 15px;} .dtl_inner_block .blog_info .btn_glob {font-size: 15px; height: 25px; line-height: 25px;} .dtl_related_article_list li {width: 100%; margin: 0px auto 20px;} .dtl_related_article_list li .text {min-height: auto;} .cms_teacher .search_pannel {text-align: center;} .cms_teacher .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 92%;} .cms_teacher .search_pannel .bootstrap-select {margin: 5px auto 10px !important;} .cms_teacher .search_pannel .bootstrap-select:last-child {margin: 0px auto 5px !important;} .cms_teacher .wrapper_faculty .col-md-4 {float: none; margin: 0 auto; width: 80%;} .teach_sin_img .teacher_info h4 {font-size: 22px;} .hookup_wrap ul li .tutor_info i {font-size: 22px; line-height: 25px; margin-right: 13px;} .hookup_wrap ul li .tutor_info {font-size: 16px;} .course_tutor ul li .tutor_info {width: 80%;} .contact_wrap h3 {font-size: 18px; margin: 0 auto 20px;} .contact_info_inner {padding: 20px 0px 10px;} .contact_info_inner .info_txt h4 {font-size: 17px;} .newsletter h2 {font-size: 19px; letter-spacing: 1px;} .newsletter p {font-size: 15px; margin-bottom: 30px;} .foot_gallery > div {width: 20%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .find_course_form_inner {width: 100%; margin-left: -10px;} .find_course_form_inner h2:after {border-left: 210px solid rgba(0, 0, 0, 0); border-right: 210px solid rgba(0, 0, 0, 0); margin-left: -165px;} .cms_index4 .find_course_form_inner h2:after {border-left: 207px solid rgba(0, 0, 0, 0); border-right: 207px solid rgba(0, 0, 0, 0); margin-left: -165px;} } } @media only screen and (min-width: 320px) and (max-width: 478px) { p {font-size: 13px; line-height: 22px;} h2 {font-size: 25px; line-height: 35px;} .head_part p {margin-bottom: 30px;} .find_course_form_inner h2:after {bottom: -29px;} .home_middle_search {padding: 20px;} .home_middle_search h1 {line-height: 35px;} .breadcrumb_wrap_inner {padding: 30px 0px;} .breadcrumb_wrap_inner h1 {font-size: 25px; line-height: 35px;} ul.breadcrumbs {font-size: 12px;} .find_course_form_inner {width: 100%; margin-left: 0px;} .cms_course .img_wrap h4 {font-size: 13px;} .pager .pages li a {font-size: 12px; padding: 5px 10px;} .count .icon {font-size: 37px; line-height: 40px; margin-right: 9px;} .funfact .animate-number {font-size: 20px; margin: 0 auto 10px;} .funfact .title {font-size: 8px;} .nav-tabs > li {border: 6px solid rgba(0, 0, 0, 0); margin: 0 14px 15px 0;} .nav-tabs > li.even {margin: 0 0px 15px 0;} .nav-tabs > li > a {height: 100px; padding: 15px 9px; width: 100px;} .nav-tabs > li > a .nav_tab_inner i {font-size: 25px; height: 25px; line-height: 25px; text-align: center;} .nav-tabs > li > a .nav_tab_inner span {font-size: 11px;} .nav-tabs > li:hover:hover > a .nav_tab_inner i, .nav-tabs > li:active > a .nav_tab_inner i, .nav-tabs > li:focus > a .nav_tab_inner i {font-size: 55px; line-height: 65px;} .o-lecturers-teacher {z-index: 99;} .o-lecturers-teacher.active {z-index: 999;} .o-teacher-img {border: 8px solid #f3f3f3; transform: scale(1.2);} .o-lecturers-teacher.active .o-teacher-img {border: 8px solid #098be2; transform: scale(1.6);} .teacher-detail {padding: 25px 0px 0px; width: 100%; text-align: center;} .detail-teacher-img {margin: 0 auto; float: none;} .teacher-detail h3 {font-size: 15px;} .teacher-detail .social-icons ul li {margin: 0 0 0 5px;} .teacher-detail .social-icons ul li a {height: 30px; line-height: 30px; width: 30px;} .course_to_search {text-align: center;} .course_swicher {float: none; padding: 0px; width: 100%;} .search_pannel .bootstrap-select {margin: 10px auto 0px !important;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;} .dtl_wrap .dtl_head h1 {font-size: 22px;} .dtl_wrap .dtl_head h1:before {font-size: 21px;} .blog .blog_info h3 {font-size: 13px; line-height: 25px;} .dtl_wrapper .dtl_head {padding: 0px 15px;} .dtl_meta_info .post_comments {margin-left: 10px;} .cms_teacher .wrapper_faculty .col-md-4 {width: auto;} .teach_sin_img .teacher_info h4 {font-size: 18px;} .teach_sin_img .teacher_info h5, .info_head h4 {font-size: 15px;} .info_head h4 {letter-spacing: 1px; word-spacing: 0px; line-height: 25px;} .info_head h4:after {margin: 10px 0px 0px;} .course_tutor ul li .tutor_info {width: 71%;} .testimonial_wrapper .slide .container, .testimonial_wrapper .flickity-viewport {height: 500px !important;} .testimonial_txt_wrap {padding: 45px 20px 40px 52px;} .newsletter h2 {line-height: 20px;} .newsletter p {line-height: 23px;} .newsletter form {width: 97%;} .newsletter input {font-size: 13px; height: 40px; line-height: 40px; padding: 10px 145px 10px 10px;} .newsletter .btn_getstart {height: 40px; padding: 9px 15px; font-size: 13px;} .newsletter .btn_getstart i {margin-left: 4px;} .copyright .time_available, .copyright .social {width: 100%; margin-bottom: 10px; text-align: center;} .copyright .social {margin: 0px;} .copyright .social .pull-right {float: none !important; display: inline-block;} .cms_index3 .find_course_form_btn_wrap, .cms_index4 .find_course_form_btn_wrap, .find_course_form_btn_wrap {padding: 0px 25px 55px;} @media screen and (-webkit-min-device-pixel-ratio:0) { } } @media (max-width: 360px) { .find_course_inner .col-xs-12 {padding: 0px; width: 89%; float: none; margin: 0 auto;} .find_course_form_inner h2:after {border-left: 146px solid rgba(0, 0, 0, 0); border-right: 146px solid rgba(0, 0, 0, 0); margin-left: -115px;} .find_course_form, .cms_index4 .find_course_form, .cms_index3 .find_course_form {padding: 45px 25px 20px;} .find_course_form_btn {padding: 12px 55px;} .course_block .course_count_wrap {font-size: 10px;} .foot_gallery > div {width: 28%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .find_course_form_inner h2:after {border-left: 137px solid rgba(0, 0, 0, 0); border-right: 137px solid rgba(0, 0, 0, 0); margin-left: -105px;} } } @media (max-width: 320px) { .header_top .top_info .cont_no {margin-bottom: 7px; display: inline-block;} .course_block .course_count_wrap {font-size: 9px;} .find_course_inner .col-xs-12 {padding: 0px; width: 100%; float: none; margin: 0 auto;} .find_course_form_inner h2:after {border-left: 142px solid rgba(0, 0, 0, 0); border-right: 142px solid rgba(0, 0, 0, 0); margin-left: -115px;} .find_course_form, .cms_index4 .find_course_form, .cms_index3 .find_course_form {padding: 45px 25px 20px;} .find_course_form_btn {padding: 12px 5px; text-align: center;} .testimonial_wrapper .slide .container, .testimonial_wrapper .flickity-viewport {height: 610px !important;} .newsletter h2 {line-height: 30px;} .course_info {padding-left: 10px;} .course_info p {height: 90px;} .foot_letnews_img {margin: 0px 15px 0px 0px;} .foot_letnews_info {width: 70%;} .foot_gallery > div {width: 30%;} @media screen and (-webkit-min-device-pixel-ratio:0) { .find_course_form_inner h2:after, .cms_index4 .find_course_form_inner h2:after {border-left: 135px solid rgba(0, 0, 0, 0); border-right: 135px solid rgba(0, 0, 0, 0); margin-left: -105px;} .find_course_inner {display: block; width: 100%;} .cms_index4 .find_course_form_inner h2:after, .cms_index3 .find_course_form_inner h2:after {left: 39.5%;} } } /********************************* * Preloader Gif **********************************/ div.preloader-gif { position: fixed; z-index: 9999; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0, 0, 0, 0.7); display: none; } div.preloader-gif div.preloader-bg { width: 125px; height: 125px; background-color: #ffffff; border-radius: 6px; line-height: 125px; text-align: center; position: relative; top: 50%; left: 50%; margin-left: -62.5px; margin-top: -62.5px; } .whatsapp-contact { display: inline-block; padding: 10px 21px; background-color: #f1594f; color:#fff; font-weight: 800; position: fixed; border-top-right-radius: 10px; border-bottom-right-radius: 10px; left: 0px; top: 50%; transform: translateY(-50%); z-index: 15; text-align: center; transition: .33s; box-shadow: 0px 1px 1px 1px #c43a31; }