divi child theme css

gistfile1.txt

/*
Theme Name: DemoChild
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 1.0.0
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi 
*/

@import url("//hello.myfonts.net/count/304209");
/*! bootstrap-progressbar v0.9.0 | Copyright (c) 2012-2015 Stephan Groß | MIT license | http://www.minddust.com */
@-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }
@keyframes progress-bar-stripes { from { background-position: 40px 0; }
  to { background-position: 0 0; } }
.progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }

.progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; }

.progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success { background-color: #5cb85c; }

.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info { background-color: #5bc0de; }

.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning { background-color: #f0ad4e; }

.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger { background-color: #d9534f; }

.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress { position: relative; }

.progress .progress-bar { position: absolute; overflow: hidden; line-height: 20px; }

.progress .progressbar-back-text { position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center; }

.progress .progressbar-front-text { display: block; width: 100%; font-size: 12px; line-height: 20px; text-align: center; }

.progress.right .progress-bar { right: 0; }

.progress.right .progressbar-front-text { position: absolute; right: 0; }

.progress.vertical { width: 20px; height: 100%; float: left; margin-right: 20px; }

.progress.vertical.bottom { position: relative; }

.progress.vertical.bottom .progressbar-front-text { position: absolute; bottom: 0; }

.progress.vertical .progress-bar { width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease; }

.progress.vertical.bottom .progress-bar { position: absolute; bottom: 0; }

.speed-test { margin-top: 20px; margin-bottom: 50px; }
.speed-test h3 { margin-bottom: 60px; font-family: 'Kelson'; font-weight: normal; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li { padding: 10px; font-size: 16px; outline: none !important; cursor: pointer; border: 1px solid transparent; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li:focus { outline: none !important; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li a { color: #159BD7; outline: none !important; display: block; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li a:focus { outline: none !important; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li:hover { border: 1px solid #159BD7; border-radius: 14px; }
.speed-test .speed-result { padding: 40px; height: 160px; }
@media (max-width: 767px) { .speed-test .speed-result { height: 260px; } }
.speed-test .speed-result .speed-show .progress-section { margin-bottom: 20px; }
.speed-test .speed-result .speed-show .progress-section .progress { margin-top: 20px; }
.speed-test .speed-result .speed-show .progress-section .progress .progress-bar { -webkit-transition: none !important; transition: none !important; }
.speed-test .speed-result .speed-show .progress-section .progress .progress-bar.slow { background-color: #85BADD; }
.speed-test .bootstrap-select.btn-group .dropdown-toggle .filter-option { overflow: visible; text-align: center; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li a span.text { outline: none !important; }
.speed-test .bootstrap-select.btn-group .dropdown-menu li a span.text:focus { outline: none !important; }
.speed-test .dropdown-toggle::after { margin-left: 0; left: -40px; position: relative; }
.speed-test .dropdown-button { border: 1px solid #159BD7; color: #159BD7; font-size: 16px; font-family: 'Kelson'; border-radius: 14px; transition: .1s all; text-align: center; background-color: #fff; padding: 10px; }
.speed-test .dropdown-button:hover { background-color: #159BD7; color: #fff; }
.speed-test .dropdown-button:hover:focus { outline: none !important; }
.speed-test .dropdown-button:focus { outline: none !important; }
.speed-test .bootstrap-select.btn-group { outline: none !important; }
.speed-test .bootstrap-select.btn-group:focus { outline: none !important; }
.speed-test .bootstrap-select.btn-group .dropdown-menu { text-align: center; background-color: #fff; border-color: #159BD7; border-radius: 14px; }
.speed-test .bootstrap-select.btn-group .dropdown-menu:focus { outline: none !important; }
.speed-test .test-button { padding: 10px; padding-left: 15px; padding-right: 15px; width: 200px; text-align: center; border-radius: 14px; border: 1px solid #159BD7; color: #159BD7; font-size: 18px; font-family: 'Kelson'; cursor: pointer; transition: .1s all; margin: 0 auto; }
.speed-test .test-button:hover { background-color: #159BD7; color: #fff; }