API tools faq
paste
Advertisement
salmancreation

Best CSS for Themeforst Style CSS

salmancreation
Jun 17th, 2015
265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 44.57 KB | None | 0 0
raw download clone embed print report
  1. /* --------------------------------------------------------
  2. Theme Name: EDUCAMPUS
  3. Theme URI:
  4. Author:
  5. Author URI:
  6. Version: 1.0
  7. Description: This theme is create for educational web site.
  8.  
  9. Table of Index
  10. --------------
  11.  
  12. 1. Base CSS
  13. 2. Preloader CSS
  14. 3. Breadcrumb CSS
  15. 4. Header CSS
  16. 5. Key To Success CSS
  17. 6. Our Courses CSS
  18. 7. Search Couses CSS
  19. 8. Why Choose Us CSS
  20. 9. Latest Courses CSS
  21. 10. Our Faculties CSS
  22. 11. Our Students Say CSS
  23. 12. Our Partners CSS
  24. 14. Footer CSS
  25. 15. Second Home Page CSS
  26. 16. Our Degrees CSS
  27. 17. Upcoming Events CSS
  28. 18. Latest From Our Blog CSS
  29. 19. Second Homepage Testimonial CSS
  30. 20. Our Principles and Practices CSS
  31. 21. Call to Action CSS
  32. 22. Courses Page CSS
  33. 23. 404 Not Found Page CSS
  34. 24. Contact Page CSS
  35. 25. Latest News Page CSS
  36. 26. Single Post Page CSS
  37. 27. Right Sidebar CSS
  38. 28. Single Event Page CSS
  39. 29. Stay Connect CSS
  40. 30. About Alumni CSS
  41. 31. Only For IE CSS
  42. ____________________________________________________________
  43. This Template Is Fully Coded By Linkon Miyan from rexord.com
  44. ------------------------------------------------------------
  45. -----------------------------------------------------------*/
  46.  
  47.  
  48. /* ---------------------------------------------------------
  49. Base CSS
  50. ------------------------------------------------------------*/
  51. .floatleft {
  52.     float: left;
  53. }
  54. .floatright {
  55.     float: right;
  56. }
  57. .alignleft {
  58.     float: left;
  59.     margin-right: 15px;
  60. }
  61. .alignright {
  62.     float: right;
  63.     margin-left: 15px;
  64. }
  65. .aligncenter {
  66.     display: block;
  67.     margin: 0 auto 15px;
  68. }
  69. a:focus {
  70.     outline: 0px solid;
  71. }
  72. img {
  73.     max-width: 100%;
  74.     height: auto;
  75. }
  76. .fix {
  77.     overflow: hidden;
  78. }
  79. h1, h2, h3, h4, h5, h6 {
  80.     margin: 0 0 15px;
  81.     font-family: 'LatoMedium', sans-serif;
  82. }
  83. p{
  84.     color: #777777;
  85.     font-size: 15px;
  86. }
  87. html, body {
  88.     height: 100%;
  89.     font-family: 'LatoMedium', sans-serif;
  90. }
  91. body {  }
  92. .fix_p{
  93.     padding:0;
  94. }
  95. .fix_p_l{
  96.     padding-left:0;
  97. }
  98. .fix_p_r{
  99.     padding-right:0;
  100. }
  101. .fix_m{
  102.     margin:0;
  103. }
  104. .fix_m_l{
  105.     margin-left: -15px;
  106. }
  107. .fix_m_r{
  108.     margin-right: -15px;
  109. }
  110. a {
  111.     color:#333333;
  112. }
  113. a:hover {
  114.     text-decoration: none;
  115. }
  116. a, .header_search input{
  117.     -webkit-transition: .5s;
  118.     -moz-transition: .5s;
  119.     -ms-transition: .5s;
  120.     -o-transition: .5s;
  121.     transition: .5s;
  122. }
  123. ul{
  124.     list-style: none;
  125.     padding: 0;
  126. }
  127. #scrollUp {
  128.     bottom: 20px;
  129.     right: 20px;
  130.     color: #fff;
  131.     font-size: 30px;
  132.     text-align: center;
  133.     line-height: 52px;
  134.     width: 52px;
  135.     background: #00BD4A;
  136.     border-radius: 10px;
  137. }
  138. .section-padding {
  139.     padding: 90px 0;
  140. }
  141. .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
  142.     background-color: transparent;
  143. }
  144. .nav > li > a:focus, .nav > li > a:hover {
  145.   background-color: transparent;
  146.   text-decoration: none;
  147. }
  148. ul.nav.navbar-nav li > a:hover, ul.nav.navbar-nav li.current_page_item a{
  149.     color: #fff;
  150. }
  151. ul.nav.navbar-nav li.current_page_item a, ul.nav.navbar-nav li:hover > a {
  152.     background-color: #ff3d00;
  153. }
  154. a.rm_btn{
  155.     border: 1px solid;
  156.     border-radius: 5px;
  157.     line-height: 42px;
  158.     padding: 0 28px;
  159.     display: inline-block;
  160.     text-transform: uppercase;
  161.     font-family: 'LatoHeavy', sans-serif;
  162.     height: 42px;
  163. }
  164. .key_to_success_area, .key_to_success_area .container, .key_to_success_area .container .row, .key_to_success_area .container .row .key_to_success {
  165.     height: 100%;
  166. }
  167. .key_to_success_area .container .row .key_to_success .col-md-7,.key_to_success_area .container .row .key_to_success .col-md-5{
  168.     height: 100%;
  169. }
  170. .section_heading{
  171.     text-align: center;
  172. }
  173. .section_heading h1{
  174.     font-family: 'Libre Baskerville', serif;
  175.     font-size: 42px;
  176.     font-weight: 700;
  177.     margin: 0;
  178. }
  179. .section_heading p{
  180.     color: #c0b48b;
  181.     font-size: 21px;
  182. }
  183. /* --------------------------------------------------------
  184. Preloader CSS
  185. -----------------------------------------------------------*/
  186.  
  187. #preloader {
  188.     height: 100%;
  189.     position: fixed;
  190.     width: 100%;
  191.     z-index: 9999;
  192.     background: #fff;
  193.     display: none;
  194. }
  195. #preloader i {
  196.     left: 50%;
  197.     margin-left: -15px;
  198.     margin-top: -15px;
  199.     position: absolute;
  200.     top: 50%;
  201. }
  202.  
  203.  
  204. /* --------------------------------------------------------
  205. Breadcrumb CSS
  206. -----------------------------------------------------------*/
  207. .breadcrumb_area {
  208.     margin-top: -123px;
  209.     overflow: hidden;
  210. }
  211. .breadcrumb_top{
  212.     background: url(img/bg_breadcrumb.jpg);
  213.     background-size: 100%;
  214.     background-repeat: no-repeat;
  215.     background-attachment: fixed;
  216. }
  217. .breadcrumb_title {
  218.   margin-top: 123px;
  219.   text-align: center;
  220. }
  221. .breadcrumb_title h2{
  222.   color: #fff;
  223.   font-family: "Libre Baskerville",serif;
  224.   font-size: 42px;
  225.   font-weight: 700;
  226. }
  227. .breadcrumb_bottom{
  228.     background: url(img/bg_breadcrumb_bottom.png);
  229.     background-color: #ff3d00;
  230.     background-attachment: fixed;
  231. }
  232. .breadcrumb_nav{
  233.     color: #fff;
  234.     overflow: hidden;
  235. }
  236. .breadcrumb_nav h2{
  237.     line-height: 70px;
  238.     margin: 0;
  239.     font-size: 24px;
  240.     font-family: "Libre Baskerville",serif;
  241.     font-weight: 700;
  242. }
  243. .breadcrumb_nav ul{
  244.     text-align: right;
  245.     margin: 0;
  246. }
  247. .breadcrumb_nav ul li {
  248.   display: inline-block;
  249.   font-family: "Libre Baskerville",serif;
  250.   font-size: 18px;
  251.   font-weight: 700;
  252.   line-height: 70px;
  253.   margin: 0 15px;
  254. }
  255. .breadcrumb_nav ul li a{
  256.     color: #fff;
  257.     position: relative;
  258. }
  259. .breadcrumb_nav ul li a::after {
  260.   content: "\f105";
  261.   font-family: 'fontawesome';
  262.   font-size: 20px;
  263.   position: absolute;
  264.   right: -18px;
  265.   top: -23px;
  266. }
  267.  
  268.  
  269. /* --------------------------------------------------------
  270. Header CSS
  271. -----------------------------------------------------------*/
  272. .header_area{
  273.     margin-top: 47px;
  274.     overflow: hidden;
  275. }
  276. .header_content{
  277.     background: #fff;
  278.     border-bottom: 3px solid #e4e4e4;
  279.     font-family: 'Libre Baskerville', serif;
  280.     position: relative;
  281.     z-index: 9;
  282. }
  283. .logo {
  284.   padding-left: 30px;
  285. }
  286. .logo a{
  287.     font-size: 18px;
  288.     font-weight: 700;
  289.     text-transform: uppercase;
  290.     line-height: 73px;
  291. }
  292. .logo a span{
  293.     color: #85784b;
  294. }
  295. .logo a img{
  296.     margin-right: 10px;
  297. }
  298. .nav_area{
  299.     padding-right: 88px;
  300. }
  301. ul.nav.navbar-nav li > a{
  302.     position: relative;
  303.     padding: 0 20px;
  304.     line-height: 73px;
  305.     font-size: 16px;
  306.     font-weight: 700;
  307. }
  308. ul.nav.navbar-nav > li > a:after{
  309.     position: absolute;
  310.     bottom: -3px;
  311.     left: 0;
  312.     width: 100%;
  313.     height: 3px;
  314.     content: "";
  315.     background: #b82d01;
  316.     opacity: 0;
  317. }
  318. ul.nav.navbar-nav li > a:hover:after, ul.nav.navbar-nav li.current_page_item a:after{
  319.     opacity: 1;
  320. }
  321. .header_search{
  322.     position: absolute;
  323.     right: 15px;
  324.     top: 0;
  325. }
  326. .header_search input[type="text"]{
  327.     width: 73px;
  328.     line-height: 73px;
  329.     padding: 0;
  330.     border: 0px;
  331.     background-color: #c0b48b;
  332.     background-image: url(img/icon_search.png);
  333.     background-position: center;
  334.     background-repeat: no-repeat;
  335.     text-indent: -999px;
  336.     height: 73px;
  337.     color: #fff;
  338. }
  339. .header_search:after{
  340.     background: #b6aa7f;
  341.     position: absolute;
  342.     width: 100%;
  343.     height: 3px;
  344.     bottom: -3px;
  345.     left: 0;
  346.     content: "";
  347. }
  348. .header_search input[type="text"]:focus{
  349.     width: 220px;
  350.     text-indent: 10px;
  351.     background-image: none;
  352. }
  353. .header_search input[type="submit"]{
  354.     display: none;
  355. }
  356.  
  357.  
  358. /* --------------------------------------------------------
  359. Key To Success CSS
  360. -----------------------------------------------------------*/
  361. .key_to_success_area{
  362.     background: url(img/bg_header_bottom.jpg);
  363.     background-size: cover;
  364.     background-repeat: no-repeat;
  365.     height: 100%;
  366.     margin-top: -123px;
  367. }
  368. .key_to_success{
  369.     overflow: hidden;
  370. }
  371. .key2seccess_txt{
  372.     padding: 0 50px;
  373.     position: absolute;
  374.     top: calc(50% + 61.5px - 116px);
  375. }
  376. .key2seccess_txt h2{
  377.     color: #ffffff;
  378.     font-size: 30px;
  379.     font-weight: 700;
  380.     font-family: 'Libre Baskerville', serif;
  381.     text-transform: uppercase;
  382.     text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
  383. }
  384. .key2seccess_txt p{
  385.     color: #ffffff;
  386.     font-size: 17px;
  387.     line-height: 32px;
  388. }
  389. .key2seccess_txt a{
  390.     color: #fff;
  391.     margin-right: 20px;
  392. }
  393. .key2seccess_txt a:hover{
  394.     background: #ff3d00;
  395.     box-shadow: 0 2px 0 #b92c00;
  396.     border: 1px solid #ff3d00;
  397. }
  398. .key2seccess_photo{
  399.     height: 100%;
  400.     position: relative;
  401. }
  402. .key2seccess_photo img{
  403.     max-height: calc(97% - 123px);
  404.     position: absolute;
  405.     bottom: 0;
  406.     right: 75px;
  407. }
  408.  
  409.  
  410. /* --------------------------------------------------------
  411. Our Courses CSS
  412. -----------------------------------------------------------*/
  413. .all_our_courses{
  414.     padding-top: 20px;
  415. }
  416. .single_our_course{
  417.     background: #f8f8f8;
  418.     border: 1px solid #ececec;
  419.     margin-top: 30px;
  420. }
  421. .sing_course_thumb > img {
  422.   position: relative;
  423.   z-index: 1;
  424. }
  425. .sing_course_txt{
  426.     margin: 20px 29px 30px;
  427.     position: relative;
  428.     z-index: 0;
  429. }
  430. .sing_course_txt .course_icon {
  431.   position: absolute;
  432.   right: 0;
  433.   bottom: 115px;
  434.   z-index: -1;
  435. }
  436. .sing_course_txt h2{
  437.     font-size: 18px;
  438.     font-family: 'LatoHeavy', sans-serif;
  439.     text-transform: uppercase;
  440.     margin-bottom: 20px;
  441. }
  442. .sing_course_txt p{
  443.     margin-bottom: 20px;
  444.     line-height: 25px;
  445. }
  446. .sing_course_txt a{
  447.     text-transform: uppercase;
  448.     color: #ff3d00;
  449.     font-size: 12px;
  450.     font-weight: 700;
  451. }
  452.  
  453.  
  454.  
  455. /* --------------------------------------------------------
  456. Search Couses CSS
  457. -----------------------------------------------------------*/
  458. .search_courses_area{
  459.     background: url(img/bg_course_search.jpg);
  460.     background-attachment: fixed;
  461.     background-size: cover;
  462. }
  463. .search_courses_area .section_heading h1, .search_courses_area .section_heading p{
  464.     color: #fff;
  465. }
  466. .course_search{
  467.     padding-top: 60px;
  468. }
  469. .course_search select, .course_search input[type="text"]{
  470.   background-color: #fff;
  471.   background-position: 10px center;
  472.   background-repeat: no-repeat;
  473.   height: 50px;
  474.   margin-right: .8%;
  475.   border: 0px;
  476.   border-radius: 5px;
  477.   padding-left: 40px;
  478.   width: 19%;
  479. }
  480. .course_search select option{
  481.     padding: 10px 0;
  482.     text-indent: 10px;
  483. }
  484. .course_search input[type="submit"] {
  485.     background: #ff3d00;
  486.     color: #fff;
  487.     height: 40px;
  488.     padding: 0 33px;
  489.     margin: 35px auto 0;
  490.     text-transform: uppercase;
  491.     display: block;
  492.     border: 0px;
  493.     border-radius: 5px;
  494. }
  495. .course_search select:nth-child(1){
  496.     background-image: url("img/icon_select_1.png");
  497. }
  498. .course_search select:nth-child(2){
  499.     background-image: url("img/icon_select_2.png");
  500. }
  501. .course_search select:nth-child(3){
  502.     background-image: url("img/icon_select_3.png");
  503. }
  504. .course_search select:nth-child(4){
  505.     background-image: url("img/icon_select_4.png");
  506. }
  507. .course_search input[type="text"]{
  508.     background-image: url("img/icon_select_5.png");
  509.     margin-right: 0;
  510. }
  511.  
  512.  
  513.  
  514. /* --------------------------------------------------------
  515. Why Choose Us CSS
  516. -----------------------------------------------------------*/
  517. .why_choose_us_txt h1{
  518.     font-size: 32px;
  519.     font-family: 'Libre Baskerville', serif;
  520.     font-weight: 700;
  521.     margin: 20px 0 25px;
  522. }
  523. .why_choose_us_txt p{
  524.     line-height: 29px;
  525.     font-size: 18px;
  526. }
  527. .single_why_choose{
  528.     text-align: center;
  529.     padding-top: 30px;
  530. }
  531. .single_why_choose_icon{
  532.     background: #ff3d00;
  533.     border-radius: 50%;
  534.     line-height: 75px;
  535.     width: 75px;
  536.     margin: 0 auto;
  537. }
  538. .single_why_choose h3{
  539.     font-size: 18px;
  540.     margin-top: 15px;
  541. }
  542.  
  543.  
  544.  
  545. /* --------------------------------------------------------
  546. Latest Courses CSS
  547. -----------------------------------------------------------*/
  548. .latest_courses_area{
  549.     background: url(img/bg_latest_course.jpg);
  550.     background-position: 0 -60px;
  551.     background-attachment: fixed;
  552. }
  553. .all_latest_course{
  554.     padding-top: 50px;
  555. }
  556. .single_latest_courses{
  557.     border: 1px solid #ececec;
  558.     background: #fff;
  559.     border-radius: 7px;
  560. }
  561. .sing_lat_course_photo > img {
  562.       border-top-left-radius: 7px;
  563.       border-top-right-radius: 7px;
  564. }
  565. .sing_lat_course_txt{
  566.     padding: 20px 20px 30px;
  567. }
  568. .sing_lat_course_txt h3{
  569.     font-size: 13px;
  570.     color: #ff3d00;
  571.     text-transform: uppercase;
  572. }
  573. .sing_lat_course_txt h2{
  574.     font-size: 20px;
  575.     font-family: 'Libre Baskerville', serif;
  576. }
  577. .sing_lat_course_txt p{
  578.     line-height: 26px;
  579. }
  580. .sing_lat_course_txt ul li{
  581.     font-weight: 700;
  582. }
  583. .sing_lat_course_txt ul li i{
  584.     color: #ff3d00;
  585.     width: 25px;
  586. }
  587. .sing_lat_course_txt ul li span{
  588.     color: #666666;
  589. }
  590. .all_latest_course .owl-nav {
  591.     position: absolute;
  592.     right: 0;
  593.     top: 0;
  594. }
  595. .all_latest_course .owl-nav .owl-prev, .all_latest_course .owl-nav .owl-next {
  596.     display: inline-block;
  597.     line-height: 35px;
  598.     text-align: center;
  599.     width: 35px;
  600.     border: 1px solid;
  601.     border-radius: 5px;
  602.     color: #666666;
  603.     font-size: 20px;
  604. }
  605. .all_latest_course .owl-nav .owl-next {
  606.     margin-left: 5px;
  607. }
  608.  
  609.  
  610.  
  611. /* --------------------------------------------------------
  612. Our Faculties CSS
  613. -----------------------------------------------------------*/
  614. .our_faculties_area .section_heading{
  615.     padding-bottom: 40px;
  616. }
  617. .single_our_facult{
  618.     text-align: center;
  619.     margin-top: 50px;
  620. }
  621. .all_our_faculties .col-md-3:nth-child(1) .single_our_facult ,.all_our_faculties .col-md-3:nth-child(2) .single_our_facult ,.all_our_faculties .col-md-3:nth-child(3) .single_our_facult ,.all_our_faculties .col-md-3:nth-child(4) .single_our_facult {
  622.     margin-top: 0;
  623. }
  624. .sing_our_facult_photo{
  625.     position: relative;
  626.     min-height: 400px;
  627. }
  628. .sing_our_facult_photo img{
  629.     position: absolute;
  630.     max-height: 100%;
  631.     bottom: 0;
  632.     left: 0;
  633. }
  634. .sing_our_facult_txt{
  635.     padding: 20px 0;
  636.     background: #f8f8f8;
  637.     border-bottom: 1px solid #ff3d00;
  638. }
  639. .sing_our_facult_txt h3{
  640.     font-size: 16px;
  641.     font-weight: 700;
  642.     margin-bottom: 5px;
  643.     text-transform: uppercase;
  644. }
  645. .sing_our_facult_txt p{
  646.     color: #ff3d00;
  647.     font-size: 16px;
  648.     margin: 0;
  649. }
  650.  
  651.  
  652.  
  653. /* --------------------------------------------------------
  654. Our Students Say CSS
  655. -----------------------------------------------------------*/
  656. .testimonial_area{
  657.     background: #f8f8f8;
  658.     position: relative;
  659. }
  660. .testimonial_area .section_heading{
  661.     margin-bottom: 60px;
  662. }
  663. .single_testi_slider{
  664.     text-align: center;
  665. }
  666. .testi_student_photo{
  667.     border-radius: 50%;
  668.     height: 77px;
  669.     width: 77px;
  670.     border: 5px solid #e3dbdb;
  671.     margin: 0 auto;
  672.     position: relative;
  673.     margin-bottom: 50px;
  674. }
  675. .testi_student_photo img{
  676.     border-radius: 50%;
  677. }
  678. .testi_student_photo i{
  679.     position: absolute;
  680.     bottom: -12px;
  681.     right: -12px;
  682.     background: #fff;
  683.     line-height: 30px;
  684.     width: 30px;
  685.     border-radius: 50%;
  686.     color: #ff3d00;
  687. }
  688. .testi_studient_txt p{
  689.     font-size: 19px;
  690.     line-height: 32px;
  691.     margin-bottom: 35px;
  692. }
  693. .testi_studient_txt h3{
  694.     font-size: 16px;
  695.     font-family: 'Libre Baskerville', serif;
  696. }
  697. .testi_studient_txt h3 span{
  698.     color: #ff3d00;
  699. }
  700. .testi_slider_nav{
  701.     position: absolute;
  702.     top: 50%;
  703.     left: 0;
  704.     width: 100%;
  705.     z-index: 99;
  706. }
  707. .testi_slider_nav .testi_prev, .testi_slider_nav .testi_next{
  708.     background: #7c7c7c;
  709.     line-height: 51px;
  710.     width: 51px;
  711.     text-align: center;
  712.     color: #fff;
  713.     font-size: 26px;
  714.     cursor: pointer;
  715. }
  716. .testi_slider_nav .testi_next{
  717.     float: right;
  718. }
  719.  
  720.  
  721.  
  722. /* --------------------------------------------------------
  723. Our Partners CSS
  724. -----------------------------------------------------------*/
  725. .all_partners{
  726.     padding-top: 50px;
  727. }
  728. .single_partner{
  729.     text-align: center;
  730. }
  731. .single_partner img {
  732.   border: 1px solid #f1f1f1;
  733. }
  734.  
  735.  
  736.  
  737. /* --------------------------------------------------------
  738. Footer CSS
  739. -----------------------------------------------------------*/
  740. .footer_top{
  741.     background: #222222;
  742.     background-image: url(img/bg_footer_top.png);
  743.     background-position: bottom left;
  744.     background-repeat: no-repeat;
  745.     padding: 60px 0;
  746. }
  747. .newslatter input[type="email"], .newslatter input[type="text"]{
  748.     background: url(img/icon_newslatter.png);
  749.     background-position: right center;
  750.     background-repeat: no-repeat;
  751.     border:0px;
  752.     border-bottom: 2px solid #555555;
  753.     width: 100%;
  754.     font-size: 53px;
  755.     color: #555555;
  756.     font-family: 'Libre Baskerville', serif;
  757.     line-height: 65px;
  758.     height: 65px;
  759. }
  760. .newslatter input[type="email"]:focus{
  761.     outline: 0px;
  762. }
  763. .newslatter input[type="submit"]{
  764.     display: none;
  765. }
  766. .newslatter p{
  767.     margin-top: 10px;
  768. }
  769. .footer_widgets{
  770.     padding-top: 40px;
  771.     color: #efefef;
  772. }
  773. .widget_title{
  774.     font-size: 15px;
  775.     font-family: 'Libre Baskerville', serif;
  776.     color: #fff;
  777.     background: url(img/bg_widget_title.png);
  778.     background-position: right bottom;
  779.     background-repeat: no-repeat;
  780.     display: inline-block;
  781.     padding: 0 30px 15px 0;
  782.     text-transform: uppercase;
  783.     margin-bottom: 25px;
  784. }
  785. .single_footer_widget p{
  786.     color: #efefef;
  787.     line-height: 22px;
  788.     font-size: 14px;
  789.     text-align: justify;
  790. }
  791. .footer_social{
  792.     padding-top: 15px;
  793. }
  794. .footer_social li{
  795.     display: inline-block;
  796.     margin-right: 5px;
  797. }
  798. .footer_social li a{
  799.     display: block;
  800.     line-height: 35px;
  801.     height: 35px;
  802.     width: 35px;
  803.     text-align: center;
  804.     color: #fff;
  805.     border-radius: 50px;
  806.     border: 1px solid;
  807. }
  808. .footer_social li a:hover{
  809.     background: #ff3d00;
  810.     border: 1px solid #ff3d00;
  811. }
  812. .latest_post li:first-child{
  813.     padding-top: 0;
  814. }
  815. .latest_post li:last-child{
  816.     padding-bottom: 0;
  817.     border-bottom: 0px;
  818. }
  819. .latest_post li{
  820.     border-bottom: 1px solid #373737;
  821.     padding: 20px 0;
  822.     overflow: hidden;
  823. }
  824. .latest_post li img{
  825.     float: left;
  826.     margin-right: 18px;
  827. }
  828. .latest_post_txt {
  829.   float: left;
  830.   width: 182px;
  831. }
  832. .latest_post li .latest_post_txt h4{
  833.     margin: 0;
  834.     line-height: 18px;
  835.     font-size: 12px;
  836.     font-weight: 600;
  837.     text-transform: uppercase;
  838. }
  839. .latest_post li .latest_post_txt h4 a{
  840.     color: #efefef;
  841. }
  842. .latest_post li .latest_post_txt h4 a:hover{
  843.     color: #ff3d00;
  844. }
  845. .latest_post li .latest_post_txt p{
  846.     color: #ff3d00;
  847.     font-size: 13px;
  848.     font-style: italic;
  849.     margin: 0;
  850. }
  851. .latest_tweet li:last-child{
  852.     margin-bottom: 0;
  853. }
  854. .latest_tweet li{
  855.     line-height: 24px;
  856.     color: #efefef;
  857.     font-weight: 600;
  858.     margin-bottom: 25px;
  859.     padding-left: 30px;
  860.     background: url(img/bg_latest_tweet.png);
  861.     background-position: left 10px;
  862.     background-repeat: no-repeat;
  863. }
  864. .latest_tweet li a{
  865.     color: #00aced;
  866.     display: block;
  867. }
  868. .latest_tweet li span{
  869.     font-size: 10px;
  870.     text-transform: uppercase;
  871. }
  872.  
  873. .footer_contact li{
  874.     color: #efefef;
  875.     font-size: 13px;
  876.     margin-bottom: 15px;
  877.     text-transform: uppercase;
  878.     background-repeat: no-repeat;
  879.     background-position: left center;
  880.     padding-left: 35px;
  881.     line-height: 25px;
  882. }
  883. .footer_contact li:nth-child(1){
  884.     background-image: url(img/icon_footer_contact_1.png);
  885. }
  886. .footer_contact li:nth-child(2){
  887.     background-image: url(img/icon_footer_contact_2.png);
  888. }
  889. .footer_contact li:nth-child(3){
  890.     background-image: url(img/icon_footer_contact_3.png);
  891. }
  892. .footer_contact li:nth-child(4){
  893.     background-image: url(img/icon_footer_contact_4.png);
  894. }
  895. .footer_bottom{
  896.     background: #101010;
  897.     padding: 15px 0;
  898. }
  899. .footer_bottom p{
  900.     margin: 0;
  901.     font-size: 11px;
  902.     color: #f2f0f0;
  903.     line-height: 20px;
  904.     text-transform: uppercase;
  905. }
  906. .footer_menu ul{
  907.     margin: 0;
  908.     text-align: right;
  909. }
  910. .footer_menu ul li:last-child{
  911.     border-right: 0px;
  912. }
  913. .footer_menu ul li{
  914.     display: inline-block;
  915.     border-right: 1px solid #f2f0f0;
  916.     line-height: 10px;
  917. }
  918. .footer_menu ul li a{
  919.     display: block;
  920.     text-transform: uppercase;
  921.     color: #f2f0f0;
  922.     font-size: 11px;
  923.     margin: 0 15px;
  924. }
  925. .footer_menu ul li a:hover{
  926.     color: #ff3d00;
  927. }
  928.  
  929.  
  930.  
  931. /* --------------------------------------------------------
  932. Second Home Page CSS
  933. -----------------------------------------------------------*/
  934. .index2 .key_to_success_area .container .row .key_to_success .col-md-6{
  935.     height: 100%;
  936. }
  937. .index2 .key_to_success_area{
  938.     background: url(img/bg_index2_header_bottom.jpg);
  939.     background-size: cover;
  940.     background-repeat: no-repeat;
  941. }
  942. .index2 .key2seccess_txt h2{
  943.     color: #333333;
  944. }
  945. .index2 .key2seccess_txt p{
  946.     color: #555555;
  947. }
  948. .index2 .key2seccess_txt h2 span{
  949.     color: #ff3d00;
  950. }
  951. .index2 .key2seccess_txt a{
  952.     color: #ff3d00;
  953. }
  954. .index2 .key2seccess_txt a:hover{
  955.     color: #fff;
  956. }
  957. .index2 .single_partner img {
  958.   border: 0px;
  959. }
  960.  
  961.  
  962.  
  963. /* --------------------------------------------------------
  964. Our Degrees CSS
  965. -----------------------------------------------------------*/
  966. .our_degrees_area {
  967.     overflow: hidden;
  968. }
  969. .od_bg1, .od_bg2{
  970.     min-height: 530px;
  971.     position: relative;
  972. }
  973. .od_bg1{
  974.     background: #f8f8f8;
  975. }
  976. .od_bg2{
  977.     background: #fdf5da;
  978. }
  979. .od_bg1:after, .od_bg2:after{
  980.     position: absolute;
  981.     height: 100%;
  982.     width: 1000%;
  983.     content: "";
  984.     top: 0;
  985. }
  986. .od_bg1:after{
  987.     right: 100%;
  988.     background: #f8f8f8;
  989. }
  990. .od_bg2:after{
  991.     left: 100%;
  992.     background: #fdf5da;
  993. }
  994. .our_degrees_txt {
  995.   margin-right: 70px;
  996.   margin-top: 116px;
  997. }
  998. .our_degrees_txt h2{
  999.     font-size: 32px;
  1000.     font-family: 'Libre Baskerville', serif;
  1001.     font-weight: 700;
  1002. }
  1003. .single_our_degree {
  1004.     overflow: hidden;
  1005.     padding-bottom: 31px;
  1006. }
  1007. .sing_degree_icon {
  1008.   border: 2px solid #a39976;
  1009.   border-radius: 50%;
  1010.   box-sizing: content-box;
  1011.   line-height: 65px;
  1012.   text-align: center;
  1013.   width: 65px;
  1014.   position: relative;
  1015.   margin: 0 auto;
  1016. }
  1017. .sing_degree_icon:after {
  1018.   content: "";
  1019.   height: 55px;
  1020.   left: 50%;
  1021.   position: absolute;
  1022.   top: calc(100% + 3px);
  1023.   width: 1px;
  1024.   background: url(img/degree_icon_after.png);
  1025. }
  1026. .single_our_degree:last-child{
  1027.     padding-bottom: 0;
  1028. }
  1029. .single_our_degree:last-child .sing_degree_icon:after{
  1030.     display: none;
  1031. }
  1032. .sing_degree_txt h2 {
  1033.   font-family: 'LatoHeavy', sans-serif;
  1034.   font-size: 16px;
  1035.     text-transform: uppercase;
  1036. }
  1037. .sing_degree_txt p {
  1038.     font-size: 16px;
  1039.     line-height: 26px;
  1040. }
  1041.  
  1042.  
  1043.  
  1044.  
  1045.  
  1046. /* --------------------------------------------------------
  1047. Upcoming Events CSS
  1048. -----------------------------------------------------------*/
  1049. .upcoming_events_area .section_heading {
  1050.     padding-bottom: 50px;
  1051. }
  1052. .all_events_box{
  1053.     text-align: center;
  1054. }
  1055. .single_events_box{
  1056.     position: relative;
  1057.     color: #fff;
  1058.     margin-bottom: 50px;
  1059. }
  1060. .single_events_box .sing_event_caption{
  1061.     position: absolute;
  1062.     top: 0;
  1063.     left: 0;
  1064.     height: 100%;
  1065.     width: 100%;
  1066.     background: rgba(0,0,0, .6);
  1067.     text-align: center;
  1068.     padding: 10px;
  1069. }
  1070. .event_date{
  1071.     border: 2px solid #fff;
  1072.     width: 62px;
  1073.     padding: 10px 0;
  1074.     margin: 50px auto 0;
  1075. }
  1076. .event_date span{
  1077.     font-size: 19px;
  1078.     font-family: 'LatoHeavy', sans-serif;
  1079.     display: inline-block;
  1080.     line-height: 20px;
  1081. }
  1082. .event_time{
  1083.     background: #ff3d00;
  1084.     line-height: 28px;
  1085.     width: 94px;
  1086.     margin: 35px auto 50px;
  1087. }
  1088. .event_time span{
  1089.     font-size: 14px;
  1090.     text-transform: uppercase;
  1091.     font-weight: 700;
  1092. }
  1093. .sing_event_caption a{
  1094.     color: #fff;
  1095.     font-size: 16px;
  1096.     line-height: 24px;
  1097.     font-family: 'Libre Baskerville', serif;
  1098.     font-weight: 700;
  1099. }
  1100. .sing_event_caption a:hover{
  1101.     color: #ff3d00;
  1102. }
  1103. .all_events_link > a{
  1104.     display: inline-block;
  1105.     padding: 0 35px;
  1106.     border: 2px solid;
  1107.     color: #333333;
  1108.     line-height: 44px;
  1109.     text-transform: uppercase;
  1110. }
  1111. .all_events_link > a:hover{
  1112.     color: #ff3d00;
  1113. }
  1114.  
  1115.  
  1116.  
  1117.  
  1118. /* --------------------------------------------------------
  1119. Latest From Our Blog CSS
  1120. -----------------------------------------------------------*/
  1121. .single_blog_post_box{
  1122.     border: 1px solid #ededed;
  1123.     box-shadow: -5px 5px 0 #f0f0f0;
  1124.     padding: 6px;
  1125.     margin-top: 50px;
  1126. }
  1127. .blog_post_photo{
  1128.     position: relative;
  1129. }
  1130. .blog_post_date_caption{
  1131.     position: absolute;
  1132.     top: 0;
  1133.     right: 0;
  1134.     width: 67px;
  1135.     height: 67px;
  1136.     background: #ff3d00;
  1137.     padding: 5px;
  1138.     text-align: center;
  1139. }
  1140. .blog_post_date_caption span{
  1141.     font-size: 20px;
  1142.     font-style: italic;
  1143.     color: #fff;
  1144.     line-height: 27px;
  1145. }
  1146. .blog_post_heading{
  1147.     padding: 15px 5px 0;
  1148.     border-bottom: 1px solid #dddddd;
  1149. }
  1150. .blog_post_heading h2{
  1151.     margin-bottom: 10px;
  1152. }
  1153. .blog_post_heading h2 a{
  1154.     font-size: 16px;
  1155.     font-family: 'LatoHeavy', sans-serif;
  1156.     text-transform: uppercase;
  1157.     color: #333333;
  1158. }
  1159. .blog_post_heading h2 a:hover{
  1160.     color: #ff3d00;
  1161. }
  1162. .blog_post_heading p{
  1163.     font-size: 14px;
  1164.     color: #666666;
  1165.     font-style: italic;
  1166.     margin-bottom: 15px;
  1167. }
  1168. .blog_post_content{
  1169.     padding: 25px 5px 15px;
  1170. }
  1171. .blog_post_content p{
  1172.     font-size: 16px;
  1173.     line-height: 27px;
  1174. }
  1175. .blog_post_content ul li {
  1176.   color: #888888;
  1177.   display: inline-block;
  1178.   margin-right: 20px;
  1179.   font-size: 13px;
  1180. }
  1181. .blog_post_content ul li i {
  1182.   color: #ff3d00;
  1183.   font-size: 20px;
  1184.   margin-right: 5px;
  1185.   vertical-align: middle;
  1186. }
  1187.  
  1188.  
  1189. /* --------------------------------------------------------
  1190. Second Homepage Testimonial CSS
  1191. -----------------------------------------------------------*/
  1192. .index2 .testimonial_area{
  1193.     padding-bottom: 0;
  1194.     background-image: url(img/bg_index2_tesimonial.png);
  1195. }
  1196. .index2 .testimonial_area .section_heading {
  1197.   margin-bottom: 0;
  1198. }
  1199. .index2 .single_testi_slider{
  1200.     overflow: hidden;
  1201.     text-align: left;
  1202. }
  1203. .index2 .testi_studient_txt {
  1204.   margin-top: 65px;
  1205.     position: relative;
  1206. }
  1207. .index2 .testi_studient_txt i {
  1208.   color: #e4e3e3;
  1209.   font-size: 52px;
  1210.   left: -26px;
  1211.   position: absolute;
  1212.   top: -26px;
  1213.   z-index: -1;
  1214. }
  1215.  
  1216.  
  1217.  
  1218.  
  1219. /* --------------------------------------------------------
  1220. Our Principles and Practices CSS
  1221. -----------------------------------------------------------*/
  1222. .priciples_and_practices_area{
  1223.     background: #f8f8f8;
  1224. }
  1225. .all_practice_box{
  1226.     padding-top: 50px;
  1227. }
  1228. .sing_practice_box{
  1229.     background: url(img/bg_sing_practice.png);
  1230.     padding: 10px;
  1231.     margin-bottom: 40px;
  1232. }
  1233. .sing_prac_content{
  1234.     background: #fff;
  1235.     text-align: center;
  1236.     padding-bottom: 80px;
  1237. }
  1238. .sing_prac_content img{
  1239.     margin: 50px 0;
  1240. }
  1241. .sing_prac_content h2{
  1242.     margin:0;
  1243.     font-size: 33px;
  1244.     font-family: 'Libre Baskerville', serif;
  1245.     font-weight: 700;
  1246. }
  1247.  
  1248.  
  1249. /* --------------------------------------------------------
  1250. Call to Action CSS
  1251. -----------------------------------------------------------*/
  1252. .call_to_action_area{
  1253.     background-image: url(img/bg_call_to_action.jpg);
  1254.     background-repeat: no-repeat;
  1255.     background-size: cover;
  1256.     background-attachment: fixed;
  1257. }
  1258. .call_to_action_area.section-padding{
  1259.     padding: 43px 0;
  1260. }
  1261. .call2action_txt h2{
  1262.     font-size: 27px;
  1263.     font-family: 'Libre Baskerville', serif;
  1264.     font-weight: 700;
  1265.     color: #fff;
  1266. }
  1267. .call2action_txt p{
  1268.     font-size: 18px;
  1269.     color: #fff;
  1270. }
  1271. .call2action_btn{
  1272.     margin-top: 30px;
  1273. }
  1274. .call2action_btn a{
  1275.     color: #fff;
  1276.     padding: 0 35px;
  1277.     border: 2px solid;
  1278.     font-size: 15px;
  1279. }
  1280.  
  1281.  
  1282.  
  1283. /* --------------------------------------------------------
  1284. Courses Page CSS
  1285. -----------------------------------------------------------*/
  1286. .course-page.section-padding{
  1287.     padding-top: 40px;
  1288. }
  1289. .view_all_course{
  1290.     text-align: center;
  1291.     padding-top: 50px;
  1292. }
  1293. .view_all_course a{
  1294.     background: #ff3d00;
  1295.     color: #fff;
  1296.     border-bottom: 2px solid #b52b00;
  1297. }
  1298. .call_to_action2{
  1299.     background: #f8f8f8;
  1300.     overflow: hidden;
  1301.     margin-top: 90px;
  1302.     border: 1px solid #ececec;
  1303. }
  1304. .call2action2_photo {
  1305.     min-height: 240px;
  1306.     position: relative;
  1307. }
  1308. .call2action2_photo > img {
  1309.     bottom: 0;
  1310.     left: 0;
  1311.     position: absolute;
  1312. }
  1313. .call2action_apply{
  1314.     padding-top: 70px;
  1315. }
  1316. .call2action_apply h2{
  1317.     font-size: 26px;
  1318.     font-weight: 700;
  1319.     font-family: 'Libre Baskerville', serif;
  1320. }
  1321. .call2action_apply p{
  1322.     color: #222222;
  1323.     font-size: 16px;
  1324.     margin-bottom: 0;
  1325. }
  1326. .call2action_apply h3 a{
  1327.     color: #ff3d00;
  1328.     font-size: 12px;
  1329.     text-transform: uppercase;
  1330.     font-weight: 600;
  1331. }
  1332. .call2action_help {
  1333.     background: #313131;
  1334.     padding: 65px 28px 0;
  1335.     overflow: hidden;
  1336.     min-height: 240px;
  1337.     margin-left: 30px;
  1338. }
  1339. .call2action_help h2{
  1340.     color: #fff;
  1341.     font-size: 19px;
  1342.     font-weight: 700;
  1343.     font-family: 'Libre Baskerville', serif;
  1344. }
  1345. .call2action_help p{
  1346.     color: #fff;
  1347. }
  1348. .call2action_help a{
  1349.     color: #fff;
  1350.     font-size: 15px;
  1351.     margin-top: 20px;
  1352. }
  1353.  
  1354.  
  1355.  
  1356.  
  1357. /* --------------------------------------------------------
  1358. 404 Not Found Page CSS
  1359. -----------------------------------------------------------*/
  1360. .not_found404{
  1361.     text-align: center;
  1362. }
  1363. .not_found404 h1{
  1364.     font-size: 206px;
  1365.     font-family: 'Libre Baskerville', serif;
  1366.     font-weight: 700;
  1367. }
  1368. .not_found404 h2{
  1369.     font-size: 43px;
  1370.     color: #ff3d00;
  1371.     font-weight: 700;
  1372.     font-family: 'Libre Baskerville', serif;
  1373. }
  1374. .not_found404 h3{
  1375.     color: #555555;
  1376.     font-size: 32px;
  1377.     line-height: 43px;
  1378. }
  1379.  
  1380.  
  1381.  
  1382.  
  1383.  
  1384.  
  1385. /* --------------------------------------------------------
  1386. Contact Page CSS
  1387. -----------------------------------------------------------*/
  1388. #map_area{
  1389.     min-height: 475px;
  1390. }
  1391. .google_map{
  1392.     position: relative;
  1393. }
  1394. .map_caption{
  1395.     padding: 45px 70px;
  1396.     position: absolute;
  1397.     top: calc(50% - 249px/2);
  1398.     left:calc(50% - 695px/2);
  1399.     background: #fff;
  1400.     width: 695px;
  1401.     z-index: 9;
  1402. }
  1403. .map_caption h2{
  1404.     font-size: 28px;
  1405.     font-weight: 700;
  1406.     text-align: center;
  1407.     font-family: 'Libre Baskerville', serif;
  1408.     margin-bottom: 25px;
  1409. }
  1410. .contact_info .col-sm-4:nth-child(2) ul {
  1411.     padding-top: 10px;
  1412. }
  1413. .contact_info .col-sm-4:nth-child(3) ul {
  1414.     padding-top: 15px;
  1415. }
  1416. .contact_info ul li{
  1417.     color: #666666;
  1418.     font-size: 12px;
  1419.     text-transform: uppercase;
  1420.     line-height: 24px;
  1421. }
  1422. .contact_info ul li a{
  1423.     color: #666666;
  1424. }
  1425. .map_caption a{
  1426.     color: #ff3d00;
  1427.     font-size: 12px;
  1428.     text-transform: uppercase;
  1429. }
  1430. .contact_info ul li i {
  1431.   font-size: 20px;
  1432.   margin-right: 5px;
  1433.   vertical-align: middle;
  1434.   margin-left: -25px;
  1435. }
  1436. .map_caption > a i {
  1437.   margin-right: 5px;
  1438.   margin-left: -20px;
  1439. }
  1440. .send_us_email_area {
  1441.     background: url("img/bg_contact_page.jpg") no-repeat scroll left center / cover  rgba(0, 0, 0, 0);
  1442.     overflow: hidden;
  1443. }
  1444. .send_email{
  1445.     background: #f8f8f8;
  1446.     padding-left: 35px;
  1447.     position: relative;
  1448. }
  1449. .send_email .section-padding{
  1450.     overflow: hidden;
  1451.     padding: 110px 0;
  1452. }
  1453. .send_email:after{
  1454.     position: absolute;
  1455.     top: 0;
  1456.     left: 100%;
  1457.     height: 100%;
  1458.     width: 1000%;
  1459.     background: #f8f8f8;
  1460.     content: "";
  1461. }
  1462. .send_email h2{
  1463.     color: #222222;
  1464.     font-size: 28px;
  1465.     font-weight: 700;
  1466.     text-align: center;
  1467.     font-family: 'Libre Baskerville', serif;
  1468. }
  1469. .email_form{
  1470.     padding-top: 50px;
  1471. }
  1472. .email_form label{
  1473.     display: block;
  1474.     font-size: 13px;
  1475.     color: #777777;
  1476.     margin-bottom: 10px;
  1477. }
  1478. .email_form label span{
  1479.     color: #ff3d00;
  1480. }
  1481. .email_form input{
  1482.     width: 100%;
  1483.     border: 1px solid #e5e4e4;
  1484.     line-height: 43px;
  1485.     height: 43px;
  1486.     margin-bottom: 20px;
  1487.     text-indent: 10px;
  1488. }
  1489. .email_form textarea{
  1490.     width: 100%;
  1491.     border: 1px solid #e5e4e4;
  1492.     height: 180px;
  1493.     margin-bottom: 35px;
  1494.     text-indent: 10px;
  1495. }
  1496. .email_form input[type="submit"]{
  1497.     background: #ff3d00;
  1498.     color: #fff;
  1499.     border: 0px;
  1500.     width: 175px;
  1501.     text-transform: uppercase;
  1502.     font-family: 'LatoHeavy', sans-serif;
  1503.     border-bottom: 2px solid #bd2d00;
  1504.     margin-bottom: 0;
  1505. }
  1506.  
  1507.  
  1508.  
  1509. /* --------------------------------------------------------
  1510. Latest News Page CSS
  1511. -----------------------------------------------------------*/
  1512. .latest_news_area .single_blog_post_box, .single_post_area .single_blog_post_box{
  1513.     margin-top: 55px;
  1514. }
  1515. .latest_news_area .single_blog_post_box:first-child, .single_post_area .single_blog_post_box:first-child{
  1516.     margin-top: 0;
  1517. }
  1518. .latest_news_area .blog_post_content p, .single_post_area .blog_post_content p{
  1519.     font-size: 15px;
  1520.     line-height: 32px;
  1521. }
  1522. .latest_news_area .blog_post_heading, .single_post_area .blog_post_heading{
  1523.   padding: 15px 10px 0;
  1524. }
  1525. .latest_news_area .blog_post_content, .single_post_area .blog_post_content{
  1526.   padding: 15px 15px 0;
  1527. }
  1528.  
  1529.  
  1530.  
  1531.  
  1532. /* --------------------------------------------------------
  1533. Single Post Page CSS
  1534. -----------------------------------------------------------*/
  1535. .blog_post_footer{
  1536.     background: #f8f8f8;
  1537.     margin: -6px;
  1538.     border: 1px solid #ececec;
  1539.     line-height: 54px;
  1540. }
  1541. .blog_post_footer ul{
  1542.     margin: 0;
  1543.     padding: 0 50px;
  1544.     overflow: hidden;
  1545. }
  1546. .blog_post_footer ul li {
  1547.   color: #888888;
  1548.   display: inline-block;
  1549.   margin-right: 20px;
  1550.   font-size: 13px;
  1551. }
  1552. .blog_post_footer ul li i {
  1553.   color: #ff3d00;
  1554.   font-size: 20px;
  1555.   margin-right: 5px;
  1556.   vertical-align: middle;
  1557. }
  1558. .blog_post_footer_right_item {
  1559.   float: right;
  1560.   text-transform: uppercase;
  1561. }
  1562. .blog_post_content blockquote{
  1563.     background: #efefef;
  1564.     padding: 35px 35px 35px 85px;
  1565.     position: relative;
  1566.     color: #555555;
  1567.     font-weight: 700;
  1568.     font-family: 'Libre Baskerville', serif;
  1569.     font-size: 16px;
  1570.     line-height: 34px;
  1571.     border-left: 0px;
  1572. }
  1573. .blog_post_content blockquote:before{
  1574.     content: "\f10d";
  1575.     font-family: "fontawesome";
  1576.     font-size: 30px;
  1577.     color: #ff3d00;
  1578.     position: absolute;
  1579.     left: 43px;
  1580.     top: 37px;
  1581. }
  1582. .blog_post_content blockquote:after{
  1583.     content: "";
  1584.     position: absolute;
  1585.     border-bottom: 22px solid #fff;
  1586.     border-left: 20px solid transparent;
  1587.     right: 0;
  1588.     bottom: 0;
  1589. }
  1590.  
  1591. .single_post_author_area{
  1592.     border: 1px solid #ededed;
  1593.     box-shadow: -5px 5px 0 #f0f0f0;
  1594.     margin-top: 38px;
  1595.     overflow: hidden;
  1596.     padding: 30px 0;
  1597. }
  1598. .author_photo{
  1599.     border-radius: 50%;
  1600.     text-align: center;
  1601. }
  1602. .author_photo img{
  1603.     border-radius: 50%;
  1604. }
  1605. .author_details h2{
  1606.     font-size: 18px;
  1607.     font-weight: 700;
  1608.     font-family: 'Libre Baskerville', serif;
  1609.     margin-bottom: 20px;
  1610. }
  1611. .author_details p{
  1612.     font-size: 16px;
  1613.     line-height: 28px;
  1614. }
  1615. .author_details ul{
  1616.     padding-top: 5px;
  1617.     margin: 0;
  1618. }
  1619. .author_details ul li{
  1620.     display: inline-block;
  1621.     margin: 0 10px;
  1622. }
  1623. .author_details ul li a{
  1624.     display: block;
  1625.     font-size: 16px;
  1626. }
  1627. .author_details ul li a:hover{
  1628.     color: #ff3d00;
  1629. }
  1630.  
  1631. .single_post_comment_area{
  1632.     border: 1px solid #ededed;
  1633.     box-shadow: -5px 5px 0 #f0f0f0;
  1634.     margin-top: 40px;
  1635.     padding: 25px 20px 50px;
  1636. }
  1637. .single_post_comment_area > h2, .comment_form > h2{
  1638.     font-size: 22px;
  1639.     font-weight: 700;
  1640.     font-family: 'Libre Baskerville', serif;
  1641. }
  1642. ul.coments li{
  1643.     overflow: hidden;
  1644.     clear: both;
  1645.     padding: 30px 0;
  1646.     border-bottom: 1px solid #dddddd;
  1647. }
  1648. ul.coments > li:last-child{
  1649.     border-bottom: 0px;
  1650. }
  1651. ul.coments li ul {
  1652.   clear: both;
  1653.   margin-bottom: -30px;
  1654.   padding-top: 30px;
  1655. }
  1656. ul.coments li ul li {
  1657.   border-bottom: 0 none;
  1658.   border-top: 1px solid #dddddd;
  1659.   padding-left: 50px;
  1660. }
  1661. .comment_details h3{
  1662.     font-size: 17px;
  1663.     font-family: 'Libre Baskerville', serif;
  1664.     font-weight: 700;
  1665. }
  1666. .comment_details h4{
  1667.     font-size: 14px;
  1668.     color: #777777;
  1669.     font-style: italic;
  1670. }
  1671. .comment_details p{
  1672.     line-height: 25px;
  1673. }
  1674. .comment_details a.reply{
  1675.     line-height: 28px;
  1676.     background: #ff3d00;
  1677.     color: #fff;
  1678.     padding: 0 20px;
  1679.     display: inline-block;
  1680. }
  1681. .comment_form{
  1682.     margin-right: 45px;
  1683. }
  1684. .comment_form form{
  1685.     padding-top: 30px;
  1686. }
  1687. .comment_form input, .comment_form textarea{
  1688.     width: 100%;
  1689.     border: 1px solid #ececec;
  1690.     line-height: 40px;
  1691.     height: 40px;
  1692.     text-indent: 20px;
  1693.     margin-bottom: 20px;
  1694. }
  1695. .comment_form textarea{
  1696.     height: 190px;
  1697.     margin-bottom: 30px;
  1698. }
  1699. .comment_form input[type="submit"]{
  1700.     background: #ff3d00;
  1701.     color: #fff;
  1702.     text-transform: uppercase;
  1703.     width: 160px;
  1704.     border: 0px;
  1705.     border-bottom: 2px solid #cd3202;
  1706.     text-indent: inherit;
  1707.     margin-bottom: 0;
  1708. }
  1709.  
  1710.  
  1711. /* --------------------------------------------------------
  1712. Right Sidebar CSS
  1713. -----------------------------------------------------------*/
  1714. .right_sidebar{
  1715.     background: url(img/bg_sing_practice.png);
  1716.     padding: 10px;
  1717. }
  1718. .all_right_widgets{
  1719.     background: #fff;
  1720.     padding: 50px 30px;
  1721. }
  1722. .sing_right_widget{
  1723.     margin-top: 50px;
  1724. }
  1725. .sing_right_widget:first-child{
  1726.     margin-top: 0;
  1727. }
  1728. .sing_right_widg_content form input{
  1729.     line-height: 42px;
  1730.     height: 42px;
  1731.     border: 1px solid #ececec;
  1732.     width: 100%;
  1733.     text-indent: 20px;
  1734.     background: url(img/icon_search_black.png) no-repeat scroll 90% center;
  1735. }
  1736. .sing_right_widg_content form input[type="submit"]{
  1737.     display: none;
  1738. }
  1739. .sing_right_widget > h2{
  1740.     font-size: 18px;
  1741.     font-weight: 700;
  1742.     font-family: 'Libre Baskerville', serif;
  1743.     margin-bottom: 27px;
  1744. }
  1745. .lat_news_right > li {
  1746.     overflow: hidden;
  1747. }
  1748. .lat_news_right img {
  1749.     float: left;
  1750.     margin-right: 20px;
  1751. }
  1752. .lat_news_right_con {
  1753.     float: left;
  1754.     width: 200px;
  1755. }
  1756. .lat_news_right_con h3{
  1757.     font-size: 13px;
  1758.     text-transform: uppercase;
  1759.     line-height: 18px;
  1760.     margin-bottom: 10px;
  1761. }
  1762. .lat_news_right_con h3 a{
  1763.     color: #222222;
  1764. }
  1765. .lat_news_right_con h3 a:hover{
  1766.     color: #ff3d00;
  1767. }
  1768. .lat_news_right_con h4{
  1769.     color: #ff5722;
  1770.     font-size: 13px;
  1771.     font-style: italic;
  1772.     margin-bottom: 0;
  1773. }
  1774. .lat_news_right li{
  1775.     border-bottom: 1px solid #e8e8e8;
  1776.     padding: 20px 0;
  1777. }
  1778. .lat_news_right li:first-child{
  1779.     padding-top: 0;
  1780. }
  1781. .lat_news_right li:last-child{
  1782.     padding-bottom: 0px;
  1783.     border-bottom: 0px;
  1784. }
  1785. .upcoming_events_right{
  1786.     overflow: hidden;
  1787. }
  1788. .upcoming_events_right img{
  1789.     margin: 7.5px 0;
  1790. }
  1791. .single_social_share{
  1792.     padding: 15px 0;
  1793.     text-align: center;
  1794.     color: #fff;
  1795. }
  1796. .single_social_share a{
  1797.     color: #fff;
  1798.     font-size: 20px;
  1799.     width: 47px;
  1800.     line-height: 47px;
  1801.     background: rgba(255,255,255,.1);
  1802.     display: block;
  1803.     border-radius: 50%;
  1804.     margin: 0 auto;
  1805. }
  1806. .single_social_share a:hover{
  1807.     background: rgba(255,255,255,.2);
  1808. }
  1809. .social_share_logo_right{
  1810.     overflow: hidden;
  1811. }
  1812. .social_share_logo_right .col-md-4:nth-child(1) .single_social_share{
  1813.     background: #3b59a1;
  1814. }
  1815. .social_share_logo_right .col-md-4:nth-child(2) .single_social_share{
  1816.     background: #46b0e4;
  1817. }
  1818. .social_share_logo_right .col-md-4:nth-child(3) .single_social_share{
  1819.     background: #dd4c39;
  1820. }
  1821. .single_social_share span{
  1822.     margin-top: 20px;
  1823.     font-size: 15px;
  1824.     display: block;
  1825. }
  1826. .category_right li{
  1827.     margin-bottom: 20px;
  1828. }
  1829. .category_right li a{
  1830.     color: #666666;
  1831.     font-size: 15px;
  1832. }
  1833. .category_right li a:hover, .category_right li.current-cat a{
  1834.     color: #ff3d00;
  1835. }
  1836. .category_right li a i{
  1837.     margin-right: 15px;
  1838. }
  1839. .popular_tag_right{
  1840.     overflow: hidden;
  1841. }
  1842. .popular_tag_right li{
  1843.     float: left;
  1844.     margin: 4px;
  1845. }
  1846. .popular_tag_right li a{
  1847.     display: block;
  1848.     color: #777777;
  1849.     padding: 0 13px;
  1850.     line-height: 30px;
  1851.     font-size: 13px;
  1852.     border: 1px solid #dbdbdb;
  1853. }
  1854. .popular_tag_right li a:hover{
  1855.     background: #ff3d00;
  1856.     color: #fff;
  1857.     border: 1px solid #ff3d00;
  1858. }
  1859.  
  1860.  
  1861.  
  1862. /* --------------------------------------------------------
  1863. Single Event Page CSS
  1864. -----------------------------------------------------------*/
  1865. .single_event_post_box {
  1866.   border: 1px solid #ededed;
  1867.   box-shadow: -5px 5px 0 #f0f0f0;
  1868.   padding: 6px 6px 50px;
  1869. }
  1870. .event_post_info{
  1871.     background: #ff3d00;
  1872.     margin: 3px 0 35px;
  1873.     padding: 15px 0;
  1874. }
  1875. .event_post_info ul{
  1876.     text-align: center;
  1877.     margin: 0;
  1878. }
  1879. .event_post_info ul li {
  1880.   color: #fff;
  1881.   display: inline-block;
  1882.   margin: 0 45px;
  1883. }
  1884. .event_post_info ul li i {
  1885.   font-size: 28px;
  1886.   font-weight: bold;
  1887.   vertical-align: middle;
  1888.   margin-right: 15px;
  1889. }
  1890. .event_post_txt{
  1891.     padding: 0 13px;
  1892. }
  1893. .event_post_content > h2{
  1894.     font-size: 16px;
  1895.     font-family: 'LatoHeavy', sans-serif;
  1896.     margin-bottom: 25px;
  1897.     text-transform: uppercase;
  1898. }
  1899. .event_post_content > p{
  1900.     line-height: 32px;
  1901. }
  1902. .event_post_content blockquote {
  1903.     margin-left: 50px;
  1904.     padding: 15px 30px;
  1905.     border-left: 3px solid #ff3d00;
  1906.     font-size: 16px;
  1907.     line-height: 32px;
  1908.     font-family: 'Libre Baskerville', serif;
  1909.     font-weight: 700;
  1910. }
  1911. .event_post_footer ul{
  1912.     margin: 0;
  1913. }
  1914. .event_post_footer ul li{
  1915.     display: inline-block;
  1916. }
  1917. .event_post_footer ul li a{
  1918.     display: block;
  1919.     background: #ff3d00;
  1920.     color: #fff;
  1921.     font-size: 13px;
  1922.     text-transform: uppercase;
  1923.     font-family: 'LatoHeavy', sans-serif;
  1924.     line-height: 42px;
  1925.     border-bottom: 2px solid #b52b00;
  1926.     padding: 0 40px;
  1927.     margin-right: 11px;
  1928. }
  1929. .event_location{
  1930.     border: 1px solid #ededed;
  1931.     box-shadow: -5px 5px 0 #f0f0f0;
  1932.     padding: 30px;
  1933.     margin-top: 38px;
  1934. }
  1935. .event_location h2{
  1936.     font-size: 22px;
  1937.     font-family: 'Libre Baskerville', serif;
  1938.     font-weight: 700;
  1939.     margin-bottom: 25px;
  1940. }
  1941. #event-map{
  1942.     height: 405px;
  1943. }
  1944.  
  1945.  
  1946.  
  1947.  
  1948. /* --------------------------------------------------------
  1949. Stay Connect CSS
  1950. -----------------------------------------------------------*/
  1951. .stay_connected_area{
  1952.     margin-top: 100px;
  1953. }
  1954. .stay_con_border{
  1955.     background: url(img/bg_sing_practice.png);
  1956.     padding: 10px;
  1957. }
  1958. .stay_connect{
  1959.     background: #fff;
  1960.     padding: 10px;
  1961. }
  1962. .stay_con_txt{
  1963.     padding-top: 20px;
  1964. }
  1965. .stay_con_txt h2{
  1966.     font-size: 22px;
  1967.     font-weight: 700;
  1968.     font-family: 'Libre Baskerville', serif;
  1969.     margin-bottom: 20px;
  1970. }
  1971. .stay_con_txt p{
  1972.     font-size: 16px;
  1973.     line-height: 30px;
  1974. }
  1975. .stay_con_txt a{
  1976.     font-size: 13px;
  1977.     color: #fff;
  1978.     background: #ff3d00;
  1979.     border-bottom: 2px solid #a42700;
  1980.     margin-top: 30px;
  1981. }
  1982.  
  1983.  
  1984. /* --------------------------------------------------------
  1985. About Alumni CSS
  1986. -----------------------------------------------------------*/
  1987. .all_alumni_item{
  1988.     padding-top: 50px;
  1989. }
  1990. .single_alumni_box{
  1991.     border: 1px solid #ededed;
  1992.     box-shadow: -5px 5px 0 #f0f0f0;
  1993.     overflow: hidden;
  1994.     padding: 9px;
  1995.     margin-top: 35px;
  1996. }
  1997. .all_alumni_item .col-md-6:nth-child(1) .single_alumni_box, .all_alumni_item .col-md-6:nth-child(2) .single_alumni_box{
  1998.     margin-top: 0px;
  1999. }
  2000. .sing_alumni_txt {
  2001.   padding-top: 9px;
  2002. }
  2003. .sing_alumni_txt h2{
  2004.     font-size: 20px;
  2005.     font-weight: 700;
  2006.     font-family: 'Libre Baskerville', serif;
  2007. }
  2008. .sing_alumni_txt p{
  2009.     line-height: 26px;
  2010. }
  2011. .sing_alumni_txt a{
  2012.     font-size: 12px;
  2013.     font-family: 'LatoHeavy', sans-serif;
  2014.     color: #ff3d00;
  2015.     text-decoration: underline;
  2016.     text-transform: uppercase;
  2017. }
  2018.  
  2019.  
  2020.  
  2021. /* --------------------------------------------------------
  2022. Only For IE CSS
  2023. -----------------------------------------------------------*/
  2024. .ie8 .key2seccess_photo img {
  2025.   max-height: 70%;
  2026. }
  2027. .ie8 .key2seccess_txt {
  2028.   top: 40%;
  2029. }
  2030. .ie8 .course_search select {
  2031.   padding: 4px 0 16px 0;
  2032.   margin-right: 0.5%;
  2033. }
  2034. .ie8 .course_search input[type="submit"] {
  2035.   margin-top: 35px;
  2036.   margin-left: auto;
  2037.   margin-right: auto;
  2038. }
  2039. .ie8 .od_bg1, .ie8 .od_bg2 {
  2040.   min-height: 560px;
  2041. }
  2042. .ie8 .sing_degree_icon:after {
  2043.   top: 100%;
  2044. }
  2045. .ie8 .breadcrumb_area {
  2046.   overflow: visible;
  2047. }
  2048. .ie8 .map_caption {
  2049.     left: 50%;
  2050.     top: 50%;
  2051.     margin-left: -347.5px;
  2052.     margin-top: -129.5px;
  2053. }
  2054. .ie8 .send_us_email_area {
  2055.     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/bg_contact_page.jpg', sizingMethod='scale');
  2056.     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_contact_page.jpg', sizingMethod='scale')";
  2057. }
  2058. .ie8 .breadcrumb_top {
  2059.     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/bg_breadcrumb.jpg', sizingMethod='scale');
  2060.     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_breadcrumb.jpg', sizingMethod='scale')";
  2061. }
  2062. .ie8 .call_to_action_area{
  2063.     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.img/bg_call_to_action.jpg', sizingMethod='scale');
  2064.     -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg_call_to_action.jpg', sizingMethod='scale')";
  2065. }
  2066. .ie8 .single_events_box .sing_event_caption{
  2067.     background:transparent;
  2068.     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  2069. }
  2070. .ie8 ul.nav.navbar-nav > li > a:after {
  2071.     display: none;
  2072. }
  2073. .ie8 ul.nav.navbar-nav > li > a:hover:after, ul.nav.navbar-nav > li.current_page_item > a:after {
  2074.     display: block;
  2075. }
  2076. .ie8 .single_our_degree:last-child .sing_degree_icon{
  2077.     overflow: hidden;
  2078. }
  2079. .ie8 .breadcrumb_nav ul li a:after{
  2080.     content: ">";
  2081. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!