/*M-PLAY - Mobile Video Template*/


/*Table of Content
-------
fonts
general
button
navbar
sidebar
slider
new video
video single
channel
categories
categories page
portfolio
team
blog
blog single
collapse
calendar
card
list
pagination
table
tabs
about
settings
pricing table
form
sign in
sign up
contact us
page not found
*/


/*font*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Yellowtail');
@import url('https://fonts.googleapis.com/css?family=Vidaloka');

/*general*/

body {
    font-family: 'Roboto', sans-serif;
    color: #888;
    font-size: 13px;
    background: #fff;
     /* Ruta relativa o completa a la imagen */
     background-image: url(bg.jpg);
     /* Centramos el fondo horizontal y verticalmente */
     background-position: center center;
     /* El fonde no se repite */
     background-repeat: no-repeat;
     /* Fijamos la imagen a la ventana para que no supere el alto de la ventana */
     background-attachment: fixed;
     /* El fonde se re-escala automáticamente */
     background-size: cover;
     /* Color de fondo si la imagen no se encuentra o mientras se está cargando */
     background-color: #000;
     /* Fuente para el texto */
     text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 110%;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    color: #333;
}

h1 {
   
}

h2 {
    font-size: 1.2em;
    display:inline;
}
h2 a{
    font-size: 1em;
    color:#3b98d3;
    display:inline;
}

h3 {
   font-weight: 600;
   line-height: 150%;
}

h4 {
}

h5 {
    font-family: Vidaloka;
    font-size: 3.2vmin;
    display:inline;
    color:#e6f3ff;
    text-decoration:none;
}

h6 {
     font-size: 3.2vmin;
    font-family:Yellowtail;
    font-weight: 500;
    color:#3b98d3;
    display:inline;
}


p {
    margin: 0px 0;
}

a {
    color: #333;
}

a:hover {
    color: #333;
}

a.link-color {
    color: #ff0000;
}

a.link-color:hover {
    color: #ff0000;
}

.segments {
    padding: 35px 0;
}

.segments-page {
    padding: 70px 0 25px;
}

.section-title {
    margin-bottom: 15px;
}

.section-title h3 {
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 17px;
}

.section-title .line {
    background-color: #ff0000;
    width: 30px;
    height: 2px;
    margin-top: 5px;
}

.pages-title {
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pages-title h3 {
    text-transform: uppercase;
    font-size: 18px;
}

.pages-title .line {
    width: 26px;
    height: 2px;
    background: #ff0000;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 8px;
}

.text-bold {
    font-weight: bold;
    font-size: 14px;
}

.date {
    color: #888;
    font-size: 13px;
    margin-top: 5px;
}

.date i {
    margin-right: 5px;
}

.bg-second {
    background-color: #f7f7f7;
}


/*button default*/

.button {
    background-color: #ff0000;
    color: #fff;
    border: 0;
    padding: 3px 8px;
    border-radius: 1px;
    cursor: pointer;
    font-size: 12px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.button-full {
    width: 100%;
    background-color: #ff0000;
    color: #fff;
    border: 0;
    padding: 7px 16px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 13px;
}

.button i,
.button-full i {
    margin-right: 6px;
}

.button:focus {
    background-color: #ff0000;
}


/*button variants*/

.button-white {
    background-color: #fff;
    color: #333;
}

.button-black {
    background-color: #000;
}

.floating-button {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.section-title.button-page {
    text-align: left;
}


/*navbar*/

.navbar {
    padding: 15px 0 11px;
    box-shadow: 0 0 6px rgba(140, 132, 132, 0.41);
    background-color: #000;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.navbar a {
    color: #fff;
}

.navbar i {
    font-size: 2em;
    margin-top: 3px;
    margin-right: 20px;
    margin-left: 20px;
}

.navbar .content-center {
    text-align: center;
}

.navbar .content-center h1 {
    font-size: 24px;
    padding: 0;
    margin: 0;
    font-weight: 900;
    letter-spacing: 1px;
    color: #fff;
}

.navbar .content-center h1 span {
    color: #ff0000;
}

.navbar .content-right {
    text-align: right;
}

.navbar .row {
    margin-bottom: 0;
}


/*sidebar*/

.sidebar-panel .side-nav {
    width: 260px;
    height: 100%;
}

.sidebar-panel .side-nav .user-view {
    padding: 60px 20px 20px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
}

.sidebar-panel .side-nav .user-view>img {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
}

.sidebar-panel .side-nav .user-view span {
    margin-top: 12px;
    display: block;
}

.sidebar-panel .side-nav .user-view .background img {
    width: 100%;
    height: 100%;
}

.sidebar-panel .side-nav li>a:hover {
    background: transparent;
}

.sidebar-panel .side-nav li>a {
    padding: 0 16px;
    font-weight: 500;
}

.sidebar-panel .side-nav li a i {
    margin-right: 1rem;
    width: auto;
    font-size: 15px;
    color: rgba(0, 0, 0, 0.87);
}

.sidebar-panel .side-nav li a>i {
    width: 30px;
    font-size: 16px;
}

.sidebar-panel .collapsible {
    border: 0;
}

.sidebar-panel .side-nav .collapsible-header {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    overflow: hidden;
}

.sidebar-panel .side-nav .collapsible-header:hover {
    background: transparent;
}

.sidebar-panel .side-nav .collapsible-header>i {
    font-size: 16px;
    width: 30px;
    text-align: left;
}

.sidebar-panel .side-nav .collapsible-header span i {
    float: right;
    margin: 0;
    width: auto;
    font-size: 15px;
}

.sidebar-panel .side-nav .active .collapsible-header span i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sidebar-panel .side-nav .collapsible-body li a {
    padding: 0 23.5px 0 61px;
}

.sidebar-panel .side-nav li.active {
    background: transparent;
}


/*sidebar search*/

.sidebar-search .collapsible {
    padding: 15px
}

.sidebar-search .form input[type="search"] {
    width: calc(100% - 55px);
    height: 33px;
    border-radius: 2px;
    border: 1px solid #ccc;
    margin-bottom: 0;
    padding: 0 5px;
    float: left;
}

.sidebar-search .clear {
    clear: both;
}

.sidebar-search .form input[type="search"]:focus {
    border-bottom: 1px solid #ccc;
    box-shadow: none;
}

.sidebar-search .side-nav li>a {
    padding: 0;
    height: 32px;
}

.sidebar-search .button {
    float: right;
    width: 37px;
    height: 35px;
    padding: 7px 12px;
    text-align: center;
    line-height: 12px;
    border-radius: 2px;
    box-shadow: none;
}

.sidebar-search .button:focus {
    background-color: #f44336;
}

.sidebar-search h5 {
    margin-top: 20px;
    margin-bottom: 4px;
    color: #aaa;
    font-size: 14px;
}


/*slide*/

.slide {
    height: 230px;
    margin-top: 50px;
}

.slide .slide-content {
    height: 230px;
    background: #fff;
}

.slide .slide-content .mask {
    background-color: rgba(0, 0, 0, 0.30);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.slide .slide-content .mask2 {
    background-color: rgba(0, 0, 0, 0.61);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.slide .slide-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide .slide-content .caption {
    position: absolute;
    top: 24%;
    left: 0;
    right: 0;
    padding: 15px;
    text-align: center;
}

.slide .slide-content .caption.text-left {
    text-align: left;
}

.slide .slide-content .caption.text-right {
    text-align: right;
}

.slide .slide-content .caption.text-right h2 {
    margin-left: 25%;
}

.slide .slide-content .caption h2 {
    font-size: 18px;
}

.slide .slide-content .caption h2,
.slide .slide-content .caption p {
    color: #fff;
}

.slide .slide-content .caption button {
    padding: 3px 8px;
    font-size: 12px;
    margin-top: 5px;
}

.slide .owl-theme .owl-nav.disabled+.owl-dots {
    position: relative;
    top: -35px;
    margin-bottom: -36px;
}

.slide .owl-theme .owl-dots .owl-dot span {
    width: 7px;
    height: 7px;
    background-color: #fff;
}

.slide .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #ff0000;
}


/*new video*/

.new-video .content .image {
    position: relative;
}

.new-video .content .time {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px;
    background-color: rgba(0, 0, 0, 0.60);
    color: #fff;
    border-radius: 2px;
    padding: 0 3px;
}

.new-video .content img {
    width: 100%;
}

.new-video .content p.date span {
    border-right: 1px solid #ccc;
    padding-right: 3px;
}

.new-video h5 {
    margin: 10px 0 5px;
    font-size: 15px;
    font-weight: 500;
}

.new-video p a {
    color: #888;
}

.new-video p {
    margin: 3px 0 0;
}

.new-video .row {
    margin-bottom: 25px;
}

.new-video .row:last-child {
    margin-bottom: 0;
}

.trending-video {
    padding-bottom: 35px;
}

.new-video.layout-third {
    padding: 35px 0 24px;
}


/*new video list*/

.new-video-list .image img {
    width: 100%;
}

.new-video-list .image {
    position: relative;
}

.new-video-list .image .time {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px;
    background-color: rgba(0, 0, 0, 0.60);
    color: #fff;
    border-radius: 2px;
    padding: 0 3px;
}

.new-video-list .row:last-child {
    margin-bottom: 0;
}

.new-video-list .text h5 {
    margin: 0 0 8px
}

.new-video-list .text p {
    margin: 3px 0 0;
}


/*full width*/

.full-width .content img {
    width: 100%;
}


/*video single*/

.video-single .content-image {
    position: relative;
}

.video-single .content-image iframe {
    display: block;
}

.video-single .content-image img {
    width: 100%;
    display: block;
}

.video-single .content-image .mask {
    background-color: rgba(0, 0, 0, 0.30);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.video-single .content-image .icon {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.video-single .content-image .icon i {
    color: #fff;
    font-size: 20px;
    background-color: #ff0000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding-left: 4px;
    line-height: 40px;
}

.lb-data .lb-details {
    margin-top: 5px;
}

.lightbox .lb-image {
    border: 3px solid #fff;
    border-radius: 0;
}

.lb-data .lb-details span {
    color: #fff;
    font-size: 14px;
}

.video-single .content-text .video-title {
    margin: 20px 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #ddd;
}

.video-single .content-text .video-title p {
    margin: 8px 0 0;
}

.video-single .content-text .video-title p span {
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #ccc;
}

.video-single .content-text .video-author img {
    width: 50px;
    float: left;
    margin-right: 10px;
}

.video-single .content-text .video-author h6 {
    overflow: hidden;
}

.video-single .content-text .video-desc {
    display: inline-block;
    margin-top: 5px;
}

.video-single .video-comment {
    margin-top: 20px;
}

.video-single .video-comment h5 {
    margin-bottom: 15px;
}

.video-single .video-comment .image img {
    float: left;
    width: 40px;
    margin-right: 10px;
}

.video-single .video-comment .text {
    overflow: hidden;
}

.video-single .video-comment .text .comment {
    color: #333;
    font-size: 14px;
    margin: 8px 0 0;
}

.video-single .video-comment .reply {
    margin-left: 50px;
    margin-top: 10px;
}

.video-single .video-comment .collapsible {
    box-shadow: none;
    border: 0;
    margin: 0 0 24px;
}

.video-single .video-comment .collapsible .collapsible-header i {
    vertical-align: middle;
    margin-right: 0;
    font-size: 20px;
}

.video-single .video-comment .collapsible .collapsible-header {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.video-single .video-comment .collapsible .collapsible-body {
    border: 0;
    padding: 0;
    margin-top: 10px;
}

.video-single .video-comment .collapsible .collapsible-body .image img {
    width: 30px;
}

.video-single .video-comment .content .text .date {
    margin-bottom: 0;
}

.video-single .video-comment .content .text .date span a {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #ddd;
    color: #ff0000;
}

.video-single .comment-post {
    margin-top: 30px;
}

.video-single .comment-post .button {
    margin-bottom: 0;
}

.video-single .comment-post .comment-title {
    margin-bottom: 15px;
}


/*channel*/

.channel {
    margin-top: 50px;
}

.channel .channel-user {
    position: relative;
    height: 210px;
}

.channel .channel-user .mask {
    background-color: rgba(0, 0, 0, 0.58);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.channel .channel-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.channel .channel-user .user {
    position: absolute;
    top: 35%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
}

.channel .channel-user .user img {
    width: 70px;
}

.channel .channel-user .user h6 {
    margin-top: 10px;
    color: #fff;
}

.channel .content-head {
    margin-bottom: 15px;
}

.channel .content-head .section-title {
    margin-bottom: 0;
}

.channel .content-head .sort {
	float: right;
}

.channel .content-head .sort a {
    color: #333;
    font-size: 14px;
    font-weight: normal;
}

.channel .content-head .sort a i {
    margin-left: 5px;
}

.channel .dropdown-content li {
    min-height: 0;
}

.channel .content-head ul li a {
    font-size: 14px;
    padding: 10px;
}

.channel .image {
    position: relative;
}

.channel .image .time {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px;
    background-color: rgba(0, 0, 0, 0.60);
    color: #fff;
    border-radius: 2px;
    padding: 0 3px;
}

.channel .image img {
    width: 100%;
}

.channel .text h5 {
    margin-bottom: 10px;
}

.channel .text p {
    margin: 0;
}

.channel .text .date {
    margin-bottom: 3px;
}

.channel .row:last-child {
    margin-bottom: 0;
}

.channel .pagination ul {
    padding: 0;
    margin: 0;
}


/*categories*/

.categories .collapsible .collapsible-header {
    color: #555;
}

.categories .collapsible .collapsible-header i {
    font-size: 16px;
    margin-right: 10px;
    margin-top: 3px;
    color: #ff0000;
}

.categories .collapsible .collapsible-body {
    padding: 10px 18px;
}

.categories .collapsible .collapsible-body ul {
    padding: 0;
    margin: 0;
}

.categories .collapsible .collapsible-body ul li {
    list-style: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.categories .collapsible .collapsible-body ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.categories .collapsible .collapsible-body ul li a {
    color: #333;
}

.categories-page .content img {
    width: 100%;
}

.categories-page .content .image {
    position: relative;
}

.categories-page .content .image .time {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 10px 10px;
    background-color: rgba(0, 0, 0, 0.60);
    color: #fff;
    border-radius: 2px;
    padding: 0 3px;
}

.categories-page .section-title {
    margin-bottom: 15px;
    margin-top: 10px;
}

.categories-page .content h5 {
    margin: 10px 0 5px;
    font-size: 15px;
    font-weight: 500;
}

.categories-page .content p {
    margin: 3px 0 0;
}

.categories-page .content p a {
    color: #888;
}

.categories-page .row {
    margin-bottom: 25px;
}

.categories-page .row:last-child {
    margin-bottom: 0;
}

.categories-page .pagination ul {
    margin-bottom: 0;
}


/*portfolio*/

.portfolio .row {
    margin: 0;
}

.portfolio .row .col {
    padding: 1px;
}

.portfolio .contents .text {
    padding: 13px 10px;
}

.portfolio .contents .text h4 span {
    float: right;
}

.portfolio .contents img {
    width: 100%;
    display: block;
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
}

.portfolio .contents h4 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 11px;
}


/*team*/

.team .section-title h3 {
    top: -8px;
}

.team .section-title .line {
    margin-top: 1px;
}

.team .row:last-child {
    margin-bottom: 0;
}

.team .contents {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(224, 224, 224, 0.3);
}

.team .contents .text {
    padding: 13px 10px;
}

.team .contents .text h4 span {
    float: right;
}

.team .contents img {
    width: 100%;
    display: block;
}

.team .contents h4 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 8px;
}

.team .contents .social-link ul {
    padding: 0;
    margin: 0;
}

.team .contents .social-link ul li {
    list-style: none;
    display: inline-block;
    margin-right: 8px;
}

.team .contents .social-link ul li:last-child {
    margin-right: 0;
}

.team-pages .contents {
    background-color: #fff;
}

.team-pages .contents .text {
    padding: 13px 10px;
}

.team-pages .contents .text h4 span {
    float: right;
}

.team-pages .contents .text p {
    padding: 0;
    margin: 0;
}

.team-pages .contents img {
    width: 100%;
}

.team-pages .contents h4 {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
}


/*blog*/

.blog .contents {
    background: #ffffff;
    margin-bottom: 20px;
}

.blog .contents img {
    width: 100%;
}

.blog .contents .text {
    padding: 10px 0 0;
}

.blog .contents .text i {
    margin-right: 8px;
}

.blog .pagination ul {
    margin-bottom: 0;
}


/*blog single*/

.blog-single .contents {
    background: #ffffff;
    margin-bottom: 20px;
}

.blog-single .contents img {
    width: 100%;
}

.blog-single .contents .text {
    padding: 10px 0 0;
}

.blog-single .contents .text i {
    margin-right: 8px;
}

.blog-single .share-button {
    padding: 17px 0;
    background-color: #fff;
    margin-bottom: 20px;
    padding-top: 0;
}

.blog-single .share-button ul {
    padding: 0;
    margin: 0;
}

.blog-single .share-button ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.blog-single .share-button ul li:last-child {
    margin-right: 0;
}

.blog-single .share-button ul li a i {
    font-size: 16px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    line-height: 30px;
    color: #fff;
    padding: 0 8px;
}

.blog-single .share-button ul li a .fa-facebook {
    background: #3b5999;
}

.blog-single .share-button ul li a .fa-twitter {
    background: #55acee;
}

.blog-single .share-button ul li a .fa-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.blog-single .share-button ul li a .fa-google {
    background: #dd4b39;
}

.blog-single .author {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.blog-single .author .image img {
    width: 60px;
    float: left;
    margin-right: 10px;
}

.blog-single .author .text {
    overflow: hidden;
}

.blog-single .author .text .social-link ul {
    padding: 0;
    margin: 0;
}

.blog-single .author .text .social-link ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.blog-single .author .text .social-link ul li:last-child {
    margin-right: 0;
}

.blog-single .author .text .social-link ul li a {
    color: #333;
}

.blog-single .blog-comment {
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-single .blog-comment h5 {
    margin-bottom: 15px;
}

.blog-single .blog-comment .image img {
    float: left;
    width: 40px;
    margin-right: 10px;
}

.blog-single .blog-comment .text {
    overflow: hidden;
}

.blog-single .blog-comment .text .comment {
    color: #333;
    font-size: 14px;
}

.blog-single .blog-comment .reply {
    margin-left: 50px;
    margin-top: 10px;
}

.blog-single .blog-comment .collapsible {
    box-shadow: none;
    border: 0;
}

.blog-single .blog-comment .collapsible .collapsible-header i {
    vertical-align: middle;
    margin-right: 0;
    font-size: 20px;
}

.blog-single .blog-comment .collapsible .collapsible-header {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.blog-single .blog-comment .collapsible .collapsible-body {
    border: 0;
    padding: 0;
    margin-top: 10px;
}

.blog-single .blog-comment .collapsible .collapsible-body .image img {
    width: 30px;
}

.blog-single .blog-comment .content .text .date {
    margin-bottom: 0;
}

.blog-single .blog-comment .content .text .date span a {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #ddd;
    color: #ff0000;
}

.blog-single .comment-post {
    margin-top: 20px;
}

.blog-single .comment-post .button {
    margin-bottom: 0;
}

.blog-single .comment-post .comment-title {
    margin-bottom: 15px;
}


/*collapse*/

.collapse .collapsible-header i {
    margin-top: 4px;
    font-size: 1rem;
    margin-right: 0;
}

.collapse .collapse .collapsible-body {
    background-color: #fff;
    padding: 1rem;
}


/*calendar*/

.calendar-head {
    text-align: center;
    background: #ff0000;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 20px;
}

.calendar-head i {
    cursor: pointer;
}

.calendar-head h5 {
    color: #fff;
}

.calendar-head .row {
    margin-bottom: 0;
}

.calendar th,
.calendar td {
    text-align: center;
}

.calendar .active {
    background: #ff0000;
    color: #fff;
}

.calendar table {
    background: #fff;
}


/*card*/

.card .card-content {
    padding: 13px 15px;
}

.card .card-content h5 {
    margin-bottom: 8px;
}

.card .card-content i {
    font-size: 17px;
    cursor: pointer;
}

.card .card-reveal {
    padding: 13px 15px;
}

.card .card-title {
    font-size: 16px;
}

.card .card-reveal i {
    font-size: 17px;
    position: relative;
    top: 0;
}


/*list*/

.list .contents {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.list-img {
    float: left;
    margin-right: 10px;
}

.list-img img {
    width: 60px;
    height: auto;
    border-radius: 50%;
}

.list-text {
    overflow: hidden;
}


/*pagination*/

.pagination li.disabled a {
    color: #fff;
    background: #ff0000;
}


/*pagination variants*/

.basic-pagination ul li {
    margin-right: 6px;
    background-color: #fff;
}

.basic-pagination ul li:last-child {
    margin-right: 6px;
}

.pagination-circle ul li {
    margin-right: 6px;
}

.pagination-circle ul li:last-child {
    margin-right: 0;
}

.pagination-circle ul li a {
    border-radius: 50%;
    background-color: #fff;
}

.section-title.pagination-page {
    text-align: left;
}


/*table*/

.table-contents {
    background: #fff;
    padding: 0 15px 15px;
}


/*tabs*/

.contents-tabs img {
    width: 100%;
    margin-top: 20px;
}

.contents-tabs h4 {
    margin-top: 10px;
}

.tabs .tab a {
    color: #ff0000;
}

.tabs .tab a:hover {
    color: #ff0000;
}

.tabs .tab a.active {
    color: #ff0000;
}

.tabs .indicator {
    background-color: #ff0000;
}


/*about*/

.about .content img {
    width: 100%;
}

.about .content h3 {
    margin: 10px 0 5px;
}

.about .social-link {
    border-top: 1px solid #ddd;
    padding-top: 11px;
    margin-bottom: 13px;
}

.about .social-link i {
    margin-right: 5px;
}


/*settings*/

.settings .profile-photo .contents {
    margin-bottom: 14px;
    border-radius: 0.28571429rem;
}

.settings .profile-photo span {
    display: block;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .87);
    font-size: .92857143em;
    font-weight: 700;
}

.settings .profile-photo img {
    width: 80px;
    height: 80px;
}

.settings .profile-banner .contents {
    margin-bottom: 14px;
    border-radius: 0.28571429rem;
}

.settings .no-mb {
    margin-bottom: 0;
    margin-top: 20px;
}

.settings .profile-banner span {
    display: block;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, .87);
    font-size: .92857143em;
    font-weight: 700;
}

.settings .profile-banner img {
    width: 100%;
}

.settings .button {
    margin-bottom: 15px;
}

.settings input[type="file"]:focus {
    border-color: transparent !important;
}


/*pricing table*/

.pricing-table .row:last-child {
    margin-bottom: 0;
}

.pricing-table .contents {
    padding: 15px 15px 20px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 30px rgba(224, 224, 224, 0.3);
}

.pricing-table .contents h4 {
    color: #ff0000;
    margin-top: 5px;
}

.pricing-table .contents h4 span {
    font-size: 14px;
    color: #333;
}


/*comment-form*/

.comment-form {
    padding: 0;
}

.comment-form h4 {
    margin-bottom: 15px;
}


/*form*/

form label.active {
    color: #ff0000 !important;
}

form input {
    border: 1px solid #ccc !important;
    height: 2.5rem !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}

form input[type="file"] {
    border: 0 !important;
    padding: 0 !important;
    display: block;
}

form textarea {
    border: 1px solid #ccc !important;
    padding: 10px;
    box-sizing: border-box !important;
    height: 7rem !important;
    font-size: 1rem;
}

form input:focus {
    border: 1px solid #ff0000 !important;
    box-shadow: none !important;
}

form textarea:focus {
    border: 1px solid #ff0000 !important;
    box-shadow: none !important;
}

form select {
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 20px;
}

form .button {
    margin-top: 20px;
    text-align: center;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #555;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #555;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #555;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #555;
}


/*sign in*/

.sign-in .social-login {
    margin-top: 20px;
}

.sign-in .social-login h5 {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
}

.sign-in .button-facebook {
    background-color: #3b5999;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button-twitter {
    background-color: #55acee;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button-linkedin {
    background-color: #0077B5;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .button-google {
    background-color: #dd4b39;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-in .signin-contents form .button {
    margin-top: 0;
}


/*sign up*/

.sign-up .social-login {
    margin-top: 20px;
}

.sign-up .social-login h5 {
    text-align: center;
    margin-bottom: 10px;
    font-weight: 400;
}

.sign-up .button-facebook {
    background-color: #3b5999;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button-twitter {
    background-color: #55acee;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button-linkedin {
    background-color: #0077B5;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .button-google {
    background-color: #dd4b39;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.sign-up .signup-contents form .button {
    margin-top: 0;
}


/*contact*/

.contact .contact-contents form textarea {
    margin-bottom: 0;
}

.contact .contact-contents .button {
    margin-bottom: 15px;
}


/*page not found*/

.page-not-found {
    text-align: center;
    padding: 15px;
    background-color: #fff;
}

.page-not-found a {
    color: #333;
}

.page-not-found h2 {
    font-size: 120px;
}

.page-not-found h4 {
    font-size: 30px;
    margin-bottom: 18px;
}

.page-not-found ul {
    padding: 0;
    margin: 0;
}

.page-not-found ul li {
    list-style: none;
    display: inline-block;
    margin: 0 6px;
}

.page-not-found ul li a i {
    margin-right: 3px;
}


/*footer*/

footer {
    padding: 15px 0 8px;
    text-align: center;
}

footer img {
    margin-bottom: 20px;
}

footer ul {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

footer ul li {
    display: inline-block;
    margin: 2px 4px;
}

footer ul li a i {
    width: 35px;
    height: 35px;
    line-height: 35px !important;
    border-radius: 2px;
    color: #fff;
    background-color: #aaa;
}