/*

Theme Name: Victor Pera

Author: Sabii

Description: Victor Pera is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Victor Pera will make your WordPress look beautiful everywhere.

Version: 1.2

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

Text Domain: victorpera



Use it to make something cool, have fun, and share what you've learned with others.

*/





/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */





/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */



.header .phn a {

  color: #ff8ab0;

  text-decoration: none;

}

.header .phn a:hover {

  color: #ff8ab0;

  text-decoration: underline;

}

.top-footer a {

  color: #fff;

}

.vc_row.centerr {

  margin: 0 auto ;

}

.singleG .bx-wrapper .bx-viewport {

  background: transparent none repeat scroll 0 0;

  border: medium none;

  box-shadow: none;

  left: 0;

  transform: translateZ(0px);

}

.singleG2 .bx-wrapper .bx-viewport {

  background: transparent none repeat scroll 0 0;

  border: medium none;

  box-shadow: none;

  left: 0;

  transform: translateZ(0px);

}

.singleG2 .sliderpreloader {

  display: none;

}

.navigation ul li:last-child {

  border-right: none;

}



.singleG h2 {

  margin-top: 0;

}



.form-bg label {

  color: #fff;

}

div.wpcf7 img.ajax-loader {

  border: medium none;

  margin-left: 4px;

  vertical-align: middle;

  display: none;

}

.form-bg button {

  width: 100%;

  border: none;

  border-radius: 0px;

  background: transparent;

}

div.wpcf7-response-output {

  margin: 0;

  padding: 0;

  font-size: small;

  color: #fff;

}

div.wpcf7-validation-errors {

  border: 2px solid #D20D05;

  padding: 0 10px;

  background-color: #FD3830;

}







form.invalid input.wpcf7-not-valid{

  border:1px solid red;

  background:#f0e3e3;

}



.carousel-control.left,.carousel-control.right  {background:none;width:25px;top:45%;margin:0!important;padding:0!important;}

.carousel-control.left {left:-40px;}

.carousel-control.right {right:-40px;}

.broun-block {

    padding-bottom: 34px;

}

.owl-slide .carousel-control .fa-lg {

  font-size: 4em;

}

.carousel-reviews a.carousel-control:hover{ background:none!important; text-decoration:none;}

.block-text {

  color: #626262;

  font-size: 14px;

  margin-top: 0px;

  padding: 0 18px 15px;

}

.block-text ins {

    bottom: -44px;

    left: 50%;

    margin-left: -60px;

}

.form-bg {

  border-radius: 10px;

}



.block {

    display: block;

}

.zmin {

    z-index: 1;

}



.rel {

    position: relative;

}

.inner-content-area h1 {

  border-bottom: 1px solid #f5d9d8;

  color: #6a7aaf;

  font-size: 35px;

  font-style: italic;

  font-weight: lighter;

  margin: 0 0 10px;

  padding: 0 0 10px;

}



.inner-content-area h2 {

  border-bottom: 1px solid #f5d9d8;

  color: #6a7aaf;

  font-size: 35px;

  font-style: italic;

  font-weight: lighter;

  margin: 0 0 10px;

  padding: 0 0 10px;

}



.col-md-9 .content-area h2 {

  border-bottom: 1px solid #f5d9d8;

  color: #6a7aaf;

  font-size: 35px;

  font-style: italic;

  font-weight: lighter;

  margin: 0 0 10px;

  padding: 0 0 10px;

}



.inner-content-area p {

  color: #4f4f4f;

}



.owl-slide a.image-style {

  background: none !important;

  border-radius: 0px !important;

  padding: 0!important;

}

#text-5 div.wpcf7-validation-errors {

  border: 2px solid #fb3832;

  bottom: -2px !important;

  left: 0;

  padding: 0 10px;

  position: absolute;

}

.widget-style {

margin-bottom:20px;

}

.singleG {

  text-align: center;

}

#text-6 .singleG{

text-align:center;

}

#text-6 .singleG h2 {

  color: #fff;

  font-size: 16px;

  font-style: italic;

  text-align: center;

  line-height: 22px;

}

#text-6 .galeria {

  background-color: #fff;

  text-align: center;

  padding: 5px 20px;

  border-radius: 20px;

  font-weight: 600;

  font-style: italic;

  font-size: 18px;

  color:#8986BF;

}

.galeria {

  background-color: #fff;

  border-radius: 20px;

  color: #8986bf;

  font-size: 26px;

  font-style: italic;

  font-weight: 600;

  padding: 5px 60px;

  text-align: center;

  white-space: nowrap;

}



.singleG .sliderpreloader {

  display: none;

}



.centerr-img {

  margin: 0 auto 20px;

  text-align: center;

}



.navigation.post-navigation h2{

  color: #6a7aaf;

  font-size: 35px;

  font-style: italic;

  font-weight: lighter;

  margin: 0;

  padding: 0 0 5px;

  font-weight: 600;

}

nav.navigation.post-navigation {

  margin: 2em 0;

}

nav.navigation.post-navigation .meta-nav {

  display: none;

}

.content-form-page {

  padding: 20px;

  background: #EEECF8;

  border: 2px solid #795599;

  border-radius: 5px;

}

.content-form-page .control-label {

  color: #795599;

}

.content-form-page button {

  border: medium none;

}

.content-form-page textarea {

  height: 100px;

}

.content-form-page .wpcf7-form-control.wpcf7-submit

{

width:100%; border-radius:3px; padding:5px 10px; border:none; font-size:20px; text-transform:uppercase; background:#6f6caf; color:#fff; height:auto;font-weight:600;

}

.post-content-area h1 {

  color: #6a7aaf;

  font-size: 35px;

  font-style: italic;

  font-weight: lighter;

  margin: 0;

  padding: 0 0 5px;

  font-weight: 600;

}

.list-inline .fa {

  color: #8986BF;

}

.single-meta .list-inline {

  list-style: outside none none;

  margin-left: 0px;

  padding-left: 0;

}

.single-meta {

  margin: 0 0 20px;

}



.error404 h1.page-title {

  color: #8986bf;

}

.error404 .page-header {

  border-bottom: 1px solid #8986bf;

  margin: 0 auto 20px;

  padding-bottom: 9px;

  width: 50%;

}

.pagination > ul li {

  display: inline-block;

}

.pagination ul li a {

  background-color: #8986BF;

  padding: 5px 10px;

  color: #fff;

  border-radius: 5px;

}

.pagination ul li.active a {

  background-color: #606060;

}

.navigation {



}

.navigation ul li {

  position:relative;

}

.navigation li:hover > ul{

display:block;

transition: all 0.5s ease 0s, visibility 0s linear 0.5s;

}

.navigation li ul {

  display: none;

  height: auto;

  left: 0;

  position: absolute;

  width: 192px;

  z-index: 10;

  background-color: #8986BF;

  

}

.navigation ul li ul li {

    border-right: 0px;

    width: 100% !important;

    border-top: 1px solid #b5b4e0;

}

.navigation ul li ul li a {

  padding: 6px 10px;

  font-size: 13px;

  font-weight: normal;

}

.navigation ul li ul li a:hover {

    background: transparent;

    text-decoration: none;

}

.navigation ul li ul li:hover {

    background: #b5b4e0 none repeat scroll 0 0;

	width:100%;

}



.pull-rightt {

  float: right;

}

.carousel-indicators .active {

  background-color: #8986bf !important;

  height: 10px !important;

  margin: 0;

  width: 10px!important;

  border: none;

}

.carousel-indicators li {

  background-color: #bbb9db !important;

  border: none !important;

  border-radius: 10px;

  cursor: pointer;

  display: inline-block;

  height: 10px !important;

  margin: 0px !important;

  text-indent: -999px;

  width: 10px !important;

}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {

  color: #795599;

  font-size: 19px;

  padding: 0 10px;

  text-align: center;

  margin: 10px 0;

  border: 2px solid #795599;

}



.carousel-inner a.more-link {

  display: none;

}



.col-md-9.content-area h1 {

    border-bottom: 1px solid #f5d9d8;

    color: #6a7aaf;

    font-size: 35px;

    font-style: italic;

    font-weight: lighter;

    margin: 0 0 10px;

    padding: 30px 0 10px;

    text-transform:uppercase;	

}


/*Lipoescultura Page*/
.df-slider-content h1 {
  color: #fff !important;
  font-size: 28px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  border-bottom: none !important;
}
.df-slider-content h1 span {
  color: #f6cf46 !important;
  font-size: 30px !important;
  font-style: normal;
  font-weight: 600;
  text-shadow: none !important;
}
.df-slider-content p {
  color: #fff;
  padding-right: 20px;
}

.df-slider-content-left p{
  color: #fff;
  text-align:center;
}

.lipoescultura-middle-content h2 {
	color: #8986bf;
	margin: 0 auto !important;
	text-align: center;
	width: 70%;
}

.quien-img {
  float: left;
  margin-right: 14px;
}
.lipo-bg-video {
 background-size: cover !important;
 background-image:url(http://doctorpera.com.mx/wp-content/uploads/2016/08/Video-BG-Cirujano-Plastico-Cirugia-Estetica-y-Cirugia-Reconstructiva-DF-Dr-Pera-Gálvez-México.png) !important;
 background-repeat:no-repeat;
 background-position:center center;
}

.tits-resaltar {
    width: 70%;
    margin: 0 auto;
}
.tits-resaltar h2 {
    font-size: 34px;
    text-transform: uppercase;
}
.tits-resaltar p {
    line-height: 24px;
}







.vc_carousel-indicators > li {
  background-image: none !important;
}