/*--------------------------------------------------------------
 Theme Name     : Total
 Version        : 2.0.0
 Description    : Visual Composer Extensions for Total
 Author         : WPExplorer
 Theme URI      : http://www.wpexplorer.com
 Author URI     : http://www.wpexplorer.com
 License        : Custom
 License URI    : http://themeforest.net/licenses

/*--------------------------------------------------------------
- Commons
--------------------------------------------------------------*/
.vcex-isotope-grid { overflow: hidden; }
.vcex-readmore { font-size: 0.923em; }
.vcex-icon-wrap { display: inline; display: inline-block; text-align: center; }
.vcex-icon-wrap.left { margin-right: 10px; }
.vcex-icon-wrap.right { margin-left: 10px; }

/*Visual Composer Extension Filter buttons*/
ul.vcex-filter-links { list-style: none; margin: 0 0 20px; }
ul.vcex-filter-links li { float: left; margin-right: 5px; margin-bottom: 5px; }
ul.vcex-filter-links li:last-child { margin-right: 0 }
.vcex-filter-links a { color: #888; font-size: 0.923em; display: block; padding: 0.2em 0.9em; margin: 0; display: inline-block; font-size: 1em; font-weight: normal; outline: none; cursor: pointer; outline: none; border: 1px solid #ddd; transition: background 0.25s ease-in-out, color 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out, color 0.25s ease-in-out; -webkit-transition: background 0.25s ease-in-out, color 0.25s ease-in-out; }
.vcex-filter-links a:hover,
.vcex-filter-links li.active a { text-decoration: none; background: #f7f7f7; color: #000; }
.vcex-filter-links li.hidden { display: none !important; }

/*center filter links*/
ul.vcex-filter-links.center { text-align: center }
ul.vcex-filter-links.center li { display: inline-block; float: none; }

/*clear floats*/
.vcex-clear-floats { clear: both }
.vcex-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.vcex-clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }

/*image styles*/
.vcex-rounded-images img { border-radius: 9999px }

/*text align*/
.vcex-text-align-center { text-align: center }
.vcex-text-align-left { text-align: left }
.vcex-text-align-right { text-align: right }

/*single image caption*/
.wpb_single_image a { position: relative; max-width: 100%; }
.wpb_single_image_caption { position: absolute; z-index: 2; bottom: 20px; left: 0; color: #fff; padding: 4px 10px; background: #000; opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; }

/*--------------------------------------------------------------
- Background Styles
--------------------------------------------------------------*/
.vcex-background-stretch { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.vcex-background-fixed { background-repeat: no-repeat; background-attachment: fixed; background-position: center center; }
.vcex-background-repeat { background-repeat: repeat }
.vcex-background-parallax { background-attachment: fixed; background-position: 50% 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }
@media only screen and (max-width: 959px) {
    .vcex-background-parallax { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50% !important }
}
body.vc-editor .vcex-background-parallax { background-position: 50% 50% !important }
.vcex-background p:last-child { margin: 0 }
.vcex-background.style-centered { background-image-repeat: repeat }
.vcex-background.style-fixed,
.vcex-background.style-parallax { background-attachment: fixed !important }

/*--------------------------------------------------------------
- Parallax Backgrounds
--------------------------------------------------------------*/
.vcex-background-parallax-advanced { position: relative; background-image: none !important; }
.vcex-background-parallax-advanced .container { position: relative; z-index: 1; }
.vcex-background-parallax-advanced .wpb_column { z-index: 1; position: relative; }
.vcex-background-parallax-advanced .center-row-inner { z-index: 1; position: relative; }
.vcex-parallax-div { width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; z-index: 0; background-repeat: repeat; background-attachment: fixed; }
.vcex-parallax-div.fixed-repeat { background-attachment: fixed; background-repeat: repeat; }
.vcex-parallax-div.fixed-no-repeat { background-attachment: fixed; background-repeat: no-repeat; }
.vcex-parallax-div.stretched { background-attachment: fixed; background-position: 50% 0px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; }

/*--------------------------------------------------------------
- Video Background
--------------------------------------------------------------*/
.vcex-video-bg-wrap { position: relative; overflow: hidden; position: relative; z-index: 3; }
.vcex-video-bg { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; }
.vcex-video-bg-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -999; }
.vcex-video-bg-overlay.dark-overlay { background: #000; opacity: 0.65; -moz-opacity: 0.65; -webkit-opacity: 0.65; }
.vcex-video-bg-overlay.dotted-overlay { background: rgba(0,0,0,0.3) url("../images/visual-composer/dotted-overlay.png") repeat }
.vcex-video-bg-overlay.dashed-overlay { background: rgba(0,0,0,0.3) url("../images/visual-composer/dashed-overlay.png") repeat }

/*--------------------------------------------------------------
- Spacing
--------------------------------------------------------------*/
.vcex-spacing { clear: both; display: block; width: 100%; height: auto; margin: 0; padding: 0; background: none; border: none; outline: none; }

/*--------------------------------------------------------------
- Bullets
--------------------------------------------------------------*/
.vcex-bullets ul { margin-left: 0 !important; padding-left: 0 !important; list-style: none !important; list-style-image: none !important; }
.vcex-bullets ul li { padding-left: 25px !important; margin-bottom: 6px; }
.vcex-bullets-check ul li { background: url('../images/visual-composer/check.png') left center no-repeat }
.vcex-bullets-gray ul li { background: url('../images/visual-composer/bullets-gray.png') left center no-repeat }
.vcex-bullets-black ul li { background: url('../images/visual-composer/bullets-black.png') left center no-repeat }
.vcex-bullets-blue ul li { background: url('../images/visual-composer/bullets-blue.png') left center no-repeat }
.vcex-bullets-red ul li { background: url('../images/visual-composer/bullets-red.png') left center no-repeat }
.vcex-bullets-purple ul li { background: url('../images/visual-composer/bullets-purple.png') left center no-repeat }

/*--------------------------------------------------------------
- Dividers
--------------------------------------------------------------*/
.vcex-divider { display: block; width: 100%; height: 0; margin: 0 auto; background: none; }
.vcex-divider.solid { border-top: 1px solid #e8e8e8; }
.vcex-divider.dashed { border-top: 2px dashed #e8e8e8; }
.vcex-divider.dotted { height: 3px; background: url('../images/visual-composer/dotted.png') center center repeat-x; border: none; }
.vcex-divider.dotted.repeat-bg { background-repeat: repeat; }
.vcex-divider.double { height: 1px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }

/* divider with icons */
.vcex-divider.has-icon { display: block; height: auto; margin: 0 auto; text-align: center; border: none; overflow: hidden; }
.vcex-divider.has-icon .vcex-divider-icon { display: inline-block; position: relative; }
.vcex-divider.has-icon .vcex-icon-wrap { display: inline-block; padding: 10px 20px; background: #fff; font-size: 1.231em; color: #999; }
.vcex-divider.has-icon .vcex-divider-ico