/*
Theme Name: CMDX
Theme URI: http://themeforest.net/user/codemydesign
Description: Elegant Onepage Wordpress Theme
Author: Codemydesign
Author URI: http://themeforest.net/user/codemydesign
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
*/

/*
|--------------------------------------------------------------------------
|
| CMDX CSS file structure
|
|--------------------------------------------------------------------------
|
| 1.  HTML5 older browsers
|
| 2.  CUSTOM REVSLIDER CONTROLS
|
| 3.  BODY 
|
| 4.  REVSLIDER
|
| 5.  CUSTOM PRETTYPHOTO 
|
| 6.  CUSTOM CAROUSEL 
|
| 7.  SERVICES 
|
| 8.  LAYOUT  
|
| 9.  TYPOGRAPHY
|
| 10. DROPCAP 
|
| 11  HIGHLIGHT 
|
| 12. Pre, Code, Blockquote 
|
| 13. HEADER
|
| 14. MAIN 
|
| 15. SLIDER 
|
| 16. SIDEBAR WIDGETS
|
| 17. PORTFOLIO 
|
| 18. BLOG 
|
| 19. COMMENTS 
|
| 20. PAGINATION
|
| 21. CONTACT 
|
| 22. FOOTER 
|
| 23. TWITTER
|
| 24. FLICKR 
|
| 25. BUTTONS 
|
| 26. PRICING 
|
| 27. COUNTERS  
|
| 28. TEXT BLOCK WITH ICON 
|
|--------------------------------------------------------------------------
*/ 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*
|--------------------------------------------------------------------------
| 1. HTML5 older browsers
|--------------------------------------------------------------------------
*/ 

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}
	
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,textarea {	
	font:inherit;
	resize:none;
	vertical-align: bottom;
}

video {
	max-width: 100%;
	height: auto;
}

iframe,
embed,
object {
	max-width: 100%;
}

.clean {
	position:relative;
	display: block;
	clear: both;
}

/*
|--------------------------------------------------------------------------
| 2. CUSTOM REVSLIDER CONTROLS
|--------------------------------------------------------------------------
*/ 

* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}

html .tp-bullets {
	opacity: 0.7;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

html .tp-bullets:hover {
	opacity: 1;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;	
}

html .tp-bullets.simplebullets.round .bullet {
    background: rgba(0, 0, 0, 0) !important;
    border: 1px solid #fff !important;
    width: 10px !important;
    height: 10px !important;
    margin: 0 3px;
	text-indent: -9999px;
	margin-bottom: 0 !important;
	border-radius: 0px!important;
	-webkit-border-radius:0px!important;
	-moz-border-radius:0px!important;
}



html .tp-bullets {
	height: 18px;
}

html .tp-bullets.simplebullets.round .bullet:hover,
html .tp-bullets.simplebullets.round .bullet.selected,
html .tp-bullets.simplebullets.navbar .bullet:hover,
html .tp-bullets.simplebullets.navbar .bullet.selected {	
	background:#fff !important; 
	opacity: 0.7;
}	

html .tp-leftarrow.default {
	background: url(inc/images/controls/slider-navi.png) no-repeat 0 0 !important;
	width: 47px !important;
	height: 47px !important;
}

html .tp-leftarrow.default:before, html .tp-rightarrow.default:before { 
	content: none;
}

html .tp-rightarrow.default {
	background: url(inc/images/controls/slider-navi.png) no-repeat -47px 0 !important;
	width: 47px !important;
	height: 47px !important;
}

html .tp-arrows.default:before {
	content: none;
}

/*
|--------------------------------------------------------------------------
| 3. BODY
|--------------------------------------------------------------------------
*/ 

#qLoverlay {
	background-color: #FFF;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 20000;
	top: 0;
	left: 0;
}

/*
|--------------------------------------------------------------------------
| 4. REVSLIDER
|--------------------------------------------------------------------------
*/ 


.rev_slider_wrapper .fullwidthabanner, .rev_slider_wrapper .fullwidthabanner ul {
	height: 500px;
}

.wpb_revslider_element > p {
	margin: 0;
}

html .single-portfolio #header {
display: none!important;
}

html .error404 #header {
display: none!important;
}

html .single-portfolio #cmd-main-body-container .empty-space {
display: none!important;
}

html .single-portfolio #footer {
display: none!important;
}

html .error404 #footer {
display: none!important;
}

.wpb_single_image img {
height: auto!important;
max-width: 100%!important;
margin-bottom: -7px!important;
}

.default {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;	
}

.cmd-page-subtitle {
padding: 60px 0;
margin-bottom: 50px;
overflow: hidden;
text-align: center;
}

.blog #main {
	height: 50px;
}

.parallax-padding {
	padding: 80px 0;
}

.cmd-page-subtitle h2 {
margin-bottom: 0;
font-size: 43px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 5px;
margin: 0;
}

.cmd-page-subtitle h3 {
font-weight: 400;
font-size: 21px;
text-align: center;
margin: 0;
clear: both;
color: #999;
line-height: 21px;
text-transform: capitalize;
margin-bottom: 25px;
font-style: italic;
letter-spacing: 0.7px;
font-family: serif;
}

#qLbar {
	top: 0 !important;
}

#spinner {
	position: absolute;
	height:41px;
	width:41px;
	top: 50%;
	border: 3px solid rgba(226, 226, 226, 0.75);
	border-radius:100%;
	-webkit-animation: rotation 1s infinite linear;
	-moz-animation: rotation 1s infinite linear;
	-o-animation: rotation 1s infinite linear;
	animation: rotation 1s infinite linear;
	left: 50%;
	margin-left: -17px;
	margin-top: -17px;
}

.no-css #spinner {
	background:url(inc/images/preloader/preloader.gif) no-repeat scroll 0 0;
	width: 38px;
	height: 38px;
	border: 0;
	margin-left: -19px;
	margin-top: -19px;	
}

.no-css #spinner:before {
	border: 0;
}	

#spinner:before {
   content:"";
   display:block;
   position:absolute;
   left:-3px;
   top:-3px;
   height:100%;
   width:100%;
   border-top:3px solid rgba(0,0,0,1);
   border-left: 3px solid #000;
   border-bottom:3px solid transparent;
   border-right: 3px solid #000;
   border-radius:100%;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

.empty-space {
display: block;
width: 100%;
}

.disable-margin-bottom {
margin-bottom: 0px!important;
}

.black-background-overlay {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.white-background-overlay {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.black-background-overlay {
	color: #ffffff;
}
.black-background-overlay h1, 
.black-background-overlay h2, 
.black-background-overlay h3, 
.black-background-overlay h4, 
.black-background-overlay h5, 
.black-background-overlay h6 {
	color: #fff;
}

.black-background-overlay a:hover {
	color: #fff;
}

.white-background-overlay:before,
.white-background-overlay:after {
  display: table;
  content: "";
}
.white-background-overlay:after {
  clear: both;
}

.black-background-overlay:before,
.black-background-overlay:after {
  display: table;
  content: "";
}
.black-background-overlay:after {
  clear: both;
}

h2.cmd-parallax-quote-title-text {
font-size: 41px;
font-weight: 400;
line-height: 48px;
text-align: center;
font-family: serif;
text-transform: capitalize;
font-style: italic;
letter-spacing: 1px;
}

.parallax-padding {
	margin-bottom: 50px;
}

.black-background-overlay .cmd-quote-author {
	color:#ffffff;
}

.cmd-quote-author {
display: block;
text-transform: capitalize;
margin-top: 20px;
text-align: center;
font-weight: 400;
font-size: 21px;
color: #222222;
letter-spacing: 1px;
font-family: serif;
font-style: italic;
}

.cmd-quote-author:before {
content: "";
background: #fff;
height: 1px;
width: 150px;
display: block;
opacity: 0.8;
margin: 0 auto;
margin-bottom: 10px;
}

.cmd-quote-author:after {
content: "";
background: #fff;
height: 1px;
width: 150px;
display: block;
opacity: 0.8;
margin: 0 auto;
margin-top: 10px;
}


/*
|--------------------------------------------------------------------------
| 5. CUSTOM PRETTYPHOTO
|--------------------------------------------------------------------------
*/ 

div.light_rounded .pp_top .pp_middle, 
div.light_rounded .pp_content_container .pp_left, 
div.light_rounded .pp_content_container .pp_right, 
div.light_rounded .pp_bottom .pp_middle, 
div.light_square .pp_left, 
div.light_square .pp_middle, 
div.light_square .pp_right, 
div.light_square .pp_content, 
div.facebook .pp_content {
background: transparent!important;
}

div.light_rounded .pp_description,
div.light_square .pp_description {
margin-right: 85px!important;
text-transform: uppercase!important;
color: #fff!important;
}

div.light_square .pp_close {
height: 23px!important;
}

.pp_nav {
color: #fff!important;
}

/*
|--------------------------------------------------------------------------
| 6. CUSTOM CAROUSEL
|--------------------------------------------------------------------------
*/ 

.cmd-testimonials, 
.cmd-twitter, 
.cmd-clients {
  width: 80%;
  position: relative;
  height: auto;
  margin: 0 auto;
}

.cmd-testimonials .owl-pagination, 
.cmd-twitter .owl-pagination {
	margin-top: 20px;
}

.cmd-testimonials .owl-prev, 
.cmd-testimonials .owl-next {
	display: none;
}

.cmd-single-slider-item a {
	display: block;
}
	
.cmd-portfolio-slider-container {
	position: relative;
}

.portfolio-slider {
	position: relative;
}

.portfolio-slider img {
	height: auto;
	display: block;
	width: 100%;
}

.portfolio-slider .owl-prev{
width: 50px;
height: 50px;
float: left;
opacity: 0.4;
position: absolute;
bottom: 0;
left: 10px;
border-radius: 5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
top: 45%;
}

.portfolio-slider .owl-next {
height: 50px;	
width: 50px;
float: left;
opacity: 0.4;
position: absolute;
bottom: 0;
right: 10px;
border-radius: 5px!important;
-webkit-border-radius:5px!important;
-moz-border-radius:5px!important;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
top: 45%;
}

.portfolio-slider .owl-prev