/*--------------------------------------------------------------------------------
   SUMMARY
/*--------------------------------------------------------------------------------

	00. CSS Reset 
	01. Document Setup
	02. Blog accordion
	03. 404 Page 
	04. fullWidth
	05. button
	06. Colors
	07. Forms & contact form 7 style
	08. Search Form
	09. Grid
	10. header Image And text Rotor
	11. Header &  Navigation 
	12. vertical menu - Left & Right Position	
	13. loader
	14. Social icons
	15. socail Share
	16. image shortcode
	17. textbox shortcode
    18. Custom title
    19. Custom textbox
    20. image & text shortcode Animation
    21. Intro Video
    22. Widgets
    23. Footer
    24. custom Icon Box 
	25. Icon Box 
	26. Horizontal separator with title
	27. team member shortcode
	28. Accordion shortcode
	29. Tabs and Toggle shorcode
	30. counter box
	31. piechart
    32. Blog listing/Archive
    33. Blog Single
    34. Respond form
    35. social Share Btns
    36. Parallax And Video section
    37. portfolio and portfolio detial / load more btns 
    38. WP Classes
	39. Search Page
    40. Pagination
    41. preloader
    42. Top button
    43. classic blog 
    44. Notification
    45. Image carousel
    46. Custom imagebox    
    47. Showcase  
    48. Price table
    49. WPML
    50. Retina displays styles
	51. Gallery

/*-----------------------------------------------------------------------------------*/
/* 00. CSS Reset 
/*-----------------------------------------------------------------------------------*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

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 {
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
margin:0;
padding:0;
}

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

/*-----------------------------------------------------------------------------------*/
/* 01. Document Setup
/*-----------------------------------------------------------------------------------*/

body {
    color: #464646;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    font-weight:300;
    line-height:22px;
    overflow-x:hidden;
}

img {
    height: auto;
    max-width: 100%;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
     backface-visibility: hidden;
}

/* Paragraph */
p{
    margin: 0.85em 0;
}

/* hr */

hr{
    display: block;
    height:1px;
    background-color: #bdbdbd;
    border: 0;
    margin: 30px 0;
}

ol,ul {
    list-style:none;
}

/* For theme-unit-test-data  */
.singlePost ol {
    padding-left: 25px;
    list-style:decimal;
}

.singlePost ul{
list-style: square;
}

.post ul {
    padding-left: 16px;
}

.post p em {
   font-style: italic;
}

.singlePost .comments-list {
list-style: none;
}

.singlePost table,
.singlePost th,
.singlePost td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.singlePost table {
    border-collapse: separate; 
    border-spacing: 0; 
    border-width: 1px 0 0 1px; 
    margin-bottom: 24px;
    width: 100%; 
}

.singlePost caption,
.singlePost th,
.singlePost td {
	font-weight: normal;
	text-align: left;
}

.singlePost th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
    padding:5px;
}

.singlePost td {
	border-width: 0 1px 1px 0;
    padding:5px;
}

.singlePost ul li ul, .singlePost ol li ol {
    margin-left: 15px;
}

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}

blockquote {
    color: #767676;
    font-size: 15px;
    font-style: italic;
    line-height: 1.2631578947;
    margin-bottom: 24px !important;
    quotes: "\201C""\201D""\2018""\2019";
    font-weight: 400;
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 3.5em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote:after {
    color: #ccc;
    content: close-quote;
    font-size: 3.5em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.6em;
}

blockquote p {
    display: inline;
}
/* End */

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

strong {
font-weight:700;
}

/* Anchor */
a{
    color:#cbcbcb;
    text-decoration:none;
}

a:hover{
    color:#d02d48;
    text-decoration: underline;

	-moz-transition:color 500ms ease 0s;
	-o-transition:color 500ms ease 0s;
	-webkit-transition:color 500ms ease 0s;
	transition:color 500ms ease 0s;
}

a:focus {
	outline: 0; 
}

/* Headings */
h1, h2, h3, h4, h5, h6{ 
    margin:0 0 10px;
    color: #2e2e2e
}

h1{ font-family:Dosis, sans-serif; font-size: 60px; font-weight: 300;  line-height: 1.25em;}

h2{ font-family:Dosis, sans-serif; font-size: 48px; font-weight: 300;  line-height: 1.25em;}

h3{ font-family:Dosis, sans-serif; font-size: 40px; font-weight: 300;  line-height: 1.25em;}

h4{ font-family:Dosis, sans-serif; font-size: 32px; font-weight: 300;  line-height: 1.25em;}

h5{ font-family:Dosis, sans-serif; font-size: 24px; font-weight: 300;  line-height: 1.25em;}
 
h6{ font-family:Dosis, sans-serif; font-size: 20px; font-weight: 300;  line-height: 1.25em;}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Sections Title And Subtitle */
.titleSpace .title h3 ,.exPageTitleSpace .title h3  {
	color:#101010;
    font-family: Dosis, sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height:61px;
    margin:0;
}

.titleSpace .subtitle , .exPageTitleSpace .subtitle {
	font-size: 14px;
	color:#363636;
    font-weight: 400;
    letter-spacing:1px;
}

.titleSpace {
	margin-top:30px;
	margin-bottom:26px;
    margin-right:15px;
    margin-left:15px;
}

.portfolioSection .title_container:not(.portfolio_height) .titleSpace {
    margin:0 !important;
}

/* Widgetized Bar Title */
.footer-widgetized-wrap .titleSpace {
    margin-bottom:65px;
}

/* webkit, opera, IE9 */
::selection {
    background:#d7c3a8;
    color: #fff; 
}

/* mozilla firefox */
::-moz-selection  { 
    background:#d02d48; 
    color: #fff;
}

/* Forms */
input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus { -moz-outline: 0; outline:0; }

.wpb_content_element {
    font-family:'Open Sans',sans-serif;
    line-height:1.8em;
    font-weight:400;
}

/*-----------------------------------------------------------------------------------*/
/* 02. Blog accordion
/*-----------------------------------------------------------------------------------*/

.togglePost {
	margin-bottom:5px;
}

.togglePost .container {
    overflow:hidden;
}

.blogAccordion {
    position:relative;
    height:160px;
    margin-right:15px;
    margin-left:15px;

    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -moz-transition:height 350ms ease-in-out;
	-o-transition:height 350ms ease-in-out;
	-webkit-transition:height 350ms ease-in-out;
	transition:height 350ms ease-in-out;

}

.tabletBlog  .moretag  , .desktopBlog .moretag {
    display:inline-block;
    opacity: 1;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 33px;
    z-index: 5;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight:500;
    position:relative;
    -moz-transition:opacity 350ms ease-in-out;
	-o-transition:opacity 350ms ease-in-out;
	-webkit-transition:opacity 350ms ease-in-out;
	transition:opacity 350ms ease-in-out;
}

.tabletBlog .moretag:hover, .desktopBlog .moretag:hover {
    opacity:.8;
}

.blogAccordion .leftBorder {
    border-left-color:#fff;
    border-left-style:solid;
    border-left-width:1px;
    opacity:1;
	height:75px;
    margin:40px 0;
    padding-left:21px;
    padding-top:8px;
    position:relative;
    left:-110px;

    -moz-transition:border-left-color 200ms linear, left 200ms ease-in-out;
    -o-transition:border-left-color 200ms linear, left 200ms ease-in-out;
    -webkit-transition:border-left-color 200ms linear, left 200ms ease-in-out;
    transition:border-left-color 200ms linear, left 200ms ease-in-out;

}

.blogAccordion.accordionClosed .leftBorder {
    border-left:1px solid #fff;
    left:0px;

    -moz-transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;
	-o-transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;
	-webkit-transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;
	transition:border-left-color 800ms ease .3s,opacity 800ms , left 200ms ease-in-out;

}

.blogAccordion.accordionClosed:hover .leftBorder {
    opacity:1;

    -moz-transition:opacity 700ms , left 300ms linear;
    -o-transition:opacity 700ms , left 300ms linear;
    -webkit-transition:opacity 700ms , left 300ms linear;
    transition:opacity 700ms , left 300ms linear;
}

.blogAccordion .leftBorder .monthYear {
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    position:relative;
    left: 0;
    font-family:Dosis,sans-serif;
    line-height:35px;
    opacity:.7;

    -moz-transition:left 300ms ease .1s, opacity 300ms ease;
	-o-transition:left 300ms ease .1s, opacity 300ms ease;
	-webkit-transition:left 300ms ease .1s, opacity 300ms ease;
	transition:left 300ms ease .1s, opacity 300ms ease;
}

.blogAccordion.accordionClosed .leftBorder .monthYear {
    -moz-transition:opacity 200ms ease;
    -o-transition:opacity 200ms ease;
    -webkit-transition:opacity 200ms ease;
    transition:opacity 200ms ease;

    opacity:1;
}

.blogAccordion.accordionClosed .leftBorder .monthYear , .blogAccordion.accordionClosed .accordion_box10 .blogTitle{
    left:0 !important;
}

.blogAccordion .grayOverlay {
   height:100%;
   width:100%;
   min-height:140px;
   background-color:rgba(0,0,0,.5);
   z-index:1;
}

.blogAccordion.accordionClosed .grayOverlay {
   background-color:rgba(0,0,0,.15);

    -moz-transition:background-color 300ms ease;
    -o-transition:background-color 300ms ease;
    -webkit-transition:background-color 300ms ease;
    transition:background-color 300ms ease;
}

.blogAccordion.accordionClosed:hover .grayOverlay{
    background-color:rgba(0,0,0,.4);

    -moz-transition:background-color 400ms ease;
	-o-transition:background-color 400ms ease;
	-webkit-transition:background-color 400ms ease;
	transition:background-color 400ms ease;
}

.blogAccordion .accordion_title {
    color: #101010;
    font-size: 50px;
    height: 135px;
    padding: 25px 0 0;
    display: block;
    text-decoration: none;
    font-family: Dosis, sans-serif;
    font-weight: 400;
    opacity: 0;
    overflow: hidden;
    width: 0;

    -moz-transition: opacity 400ms linear, width 200ms linear;
    -o-transition: opacity 400ms linear, width 200ms linear;
    -webkit-transition: opacity 400ms linear, width 200ms linear;
    transition: opacity 400ms linear, width 200ms linear;
}

.blogAccordion.accordionClosed .accordion_title {
    opacity: 1;
    width: 130px;

    -moz-transition: opacity 400ms ease, width 500ms ease;
    -o-transition: opacity 400ms ease, width 500ms ease;
    -webkit-transition: opacity 400ms ease, width 500ms ease;
    transition: opacity 400ms ease, width 500ms ease;
}
		
.blogAccordion .accordion_title .day {	
    display: block;
    font-size: 90px;
    line-height: 108px;
    float: left;
    position: relative;
    left: 40px;
    color: #fff;
    font-family: Dosis,sans-serif;
    font-weight: 400;
}



.blogAccordion .accordion_title .month  {	
	text-transform:capitalize;
}

.blogAccordion .accordion_title .month, .blogAccordion .accordion_title .year {
	font-size:12px;
	display:block;
}

.blogAccordion .accordion_title .year {
	line-height:10px;
}

.blogAccordion .accordion_title .monthYear {
	float:left;
	padding:11px 0 0 12px;
}

.accordion_box10 .image {
	width:76%; 
	float:right;
}

.desktopBlog .blogAccordion .accordion_box10 .blogTitle {
	color:#fff;
	font-size:48px;
	line-height:35px;
	position:relative;
    left:0;
	z-index:1;
    font-family:Dosis,sans-serif;
    text-transform:uppercase;
    font-weight:400;

    -moz-transition:left 500ms ease-in-out;
	-o-transition:left 500ms ease-in-out;
	-webkit-transition:left 500ms ease-in-out;
	transition:left 500ms ease-in-out;
}

.desktopBlog .blogAccordion.accordionClosed .accordion_box10 .leftBorder .blogTitle {
    left:0;

    -moz-transition:left 500ms ease-in-out;
	-o-transition:left 500ms ease-in-out;
	-webkit-transition:left 500ms ease-in-out;
	transition:left 500ms ease-in-out;
}

.tabletBlog .blogAccordion {
    overflow:hidden;
}


.tabletBlog .container {
    padding-left:0;
    padding-right:0;
    width:auto;
}

.tabletBlog .blogAccordion .accordionBox {
    min-height:85px;
}


.tabletBlog .blogAccordion .accordion_title {
    float:left;
	width:115px;
}
	
.tabletBlog .image {
    position:absolute;
    width:100%;
	top:0;
	left:0;
}

.tabletBlog  .blogAccordion  .blogTitle {
	color:#101010;
	Font-size:31px;
	line-height:43px;
	padding:21px 0 21px 15px;
	z-index:2;
    float:left;
              
	-moz-transition:color 300ms ease 0s;
	-o-transition:color 300ms ease 0s;
	-webkit-transition:color 300ms ease 0s;
	transition:color 300ms ease 0s;
}
				
.tabletBlog .frameOverlayTablet{
    position:absolute;
    width:100%;
	height:100%;
	background-color:#f0f0f0;
	top:0;
	left:0;
	z-index:1;
	opacity:0.4;
}

.frameTitle {
	position:absolute;
    width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}

.tabletBlog  .centerTitle {
	display:table;
	margin-left:20px;
	z-index:1;
	height:85px;
}

.tabletBlog .blogAccordion.accordionClosed .accordion_title ,.tabletBlog .blogAccordion.accordionClosed .blogTitle {
	color:#101010;
}

.tabletBlog .blogAccordion .rightBorder {
	border-right: 2px solid #101010;
}
									
.blogAccordion.accordionClosed .blogTitle {
	color:#b1b5b7;
}
									
.blogAccordion .image img {
    width:100%;
}	
																	
.blogAccordion:hover .plus {	
	height:140px;
	width:100%;
	position:absolute;
	right:0;
	top: 0px;
	z-index:4;
}

.blogAccordion .plus {	
    cursor: url(../img/cursor/blog_plus.png) 32 32,
            url(../img/cursor/blog_plus.cur),
            pointer;
    min-height: 0px;
}

.blogAccordion:hover .minus {	
	height:520px;
	width:100%;
	position:absolute;
	right:0;
	top: 0px;
	z-index:4;
}

.blogAccordion .minus {	
    cursor: url(../img/cursor/blog_minus.png) 32 32,
            url(../img/cursor/blog_minus.cur),
            pointer;
    min-height: 0px;
}

.blogAccordion.accordionClosed .accordion_content {
	opacity:0;
							
	-moz-transition:opacity 500ms ease .2s;
	-o-transition:opacity 500ms ease .2s;
	-webkit-transition:opacity 500ms ease .2s;
	transition:opacity 500ms ease .2s;
}
						
.desktopBlog .accordion_content {
    position:absolute;
	bottom:92px;
    left:0;
    margin:0 3%;
    width:94%;
    opacity:0;

    -moz-transition:opacity 500ms ease .3s;
    -o-transition:opacity 500ms ease .3s;
    -webkit-transition:opacity 500ms ease .3s;
    transition:opacity 500ms ease .3s;
}

.desktopBlog .accordion_content p {
    font-size:14px;
    line-height:28px;
    float:left;
    width:100%;
    display:block;
    margin-bottom:1px;
    font-family:'Open Sans',sans-serif;
}

.tabletBlog .accordion_content {
    margin:0 auto;
    position:relative;
    max-width:80%;
    padding:25px 5px 25px 0;
}

.tabletBlog .accordion_content , .desktopBlog .accordion_content  {
	opacity:1;
	color:#fff;
}


/* read more line */
.tabletBlog .accordion_content .more-link-arrowLine, .desktopBlog .accordion_content .more-link-arrowLine {
    height:1px;
    background-color:#fff;
    width:85%;
    position:absolute;
    left:0;
    bottom:-18px;
}

.accordion_box2 {
    width:140px;
    float:left;		
}

.accordion_box10 {
    width:auto;
    float:left;
    position:relative;
    height:85px;
    overflow: visible !important;
}

.accordion_closed {
    overflow:hidden;
}

.desktopBlog .blogClose {
    bottom:10px;
}

.tabletBlog .blogClose {
    bottom:-28px;
}

.tabletBlog .blogClose , .desktopBlog .blogClose {
	position:absolute;
	height:29px;
	width:29px;
	right:10px;
	background-image: url("../img/blogClose.png");
	z-index:1;
	opacity:1;
	cursor:pointer;
	
	-webkit-transition:opacity 3s;
	-moz-transition:opacity 3s;
	-o-transition:opacity 3s;
	transition:opacity 3s .5s;
}

.blogAccordion.accordionClosed  .blogClose {
	opacity:0;
	
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s ;
	
}

.pageNavigation .more-link-arrow {

	font-size:16px;
    letter-spacing:10px;
    margin:0 auto;
    display:table;
    color:#000;
    text-transform:uppercase;
    font-weight:500;
    padding:20px 0;
    cursor:pointer;

	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	-webkit-transition: color 300ms ease;
	transition: color 300ms ease;
}

.pageNavigation .more-link-arrow:hover {
   color:#d02d48;

	-moz-transition: color 250ms ease;
	-o-transition: color 250ms ease;
	-webkit-transition: color 250ms ease;
	transition: color 250ms ease;
}

.tabletBlog .accordion_content .readmoreLine, .desktopBlog .accordion_content .readmoreLine {
    height: 1px;
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -18px;
}

.blog_social_share {
    height: 25px;
    float: right;
    z-index: 5;
    position: relative;
    bottom:-65px;
    right: 0;
}

.blog_social_share .social_share_toggle > i:first-child {
    margin-top: 2px;
    background-color:#fff;
    color:#000;
    height:24px;
    width:24px;
    text-align:center;
    line-height:24px;
}

.blog_social_share .social_links {
    position: static;
    padding: 0;
    cursor: default;
    z-index: 5;
    display: inline-block;
    margin-top:10px;
}

.blog_social_share .social_links .social_links_list li , .bd_socail_share .social_share_toggle .social_links li {
    margin-right: 15px;
    font-size: 14px;
    opacity:1;
    visibility: visible;
}

.blog_social_share .social_share_toggle .social_links , .bd_socail_share .social_share_toggle .social_links {
    width:160px;
}

.blog_social_share .social_links .social_links_list li  , .bd_socail_share .social_links .social_links_list li {
    -moz-transform: translateX(0px) !important;
    -ms-transform: translateX(0px) !important;
    -o-transform: translateX(0px) !important;
    -webkit-transform: translateX(0px) !important;
    transform: translateX(0px) !important;
}

/* Load more Button */
.readmore {
    height: 80px;
    overflow: hidden;
}

.cblog .readmore ,.page-template-default .readmore {
    margin:0 0 200px;
}


.readmore .loadMore {
  font-size: 16px;
  letter-spacing: 5px;
  margin: 0 auto;
  display: table;
  color: #000;
  text-transform: uppercase;
  font-weight: 500;
  padding: 20px 0;
  cursor: pointer;
  text-align: center;
  overflow-y: hidden;
  position: relative;
  -moz-transition: color 300ms ease;
  -o-transition: color 300ms ease;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
}

.readmore .loadMore .text:before {
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    border-top: 1px solid #000;
    left: 0;
    margin-left: -10px;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.5s ease;
}

.readmore .loadMore:hover .text:before {
    width:115%;
}

.readmore .loadMore .load-more-text,
.readmore .loadMore .loading-text,
.readmore .loadMore .no-more-text {
    display: table;
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 0;
    height: 100%;
    line-height: 40px;
    opacity: 1;
    -webkit-transition: transform .4s ease, opacity .4s ease;
    -moz-transition: transform .4s ease, opacity .4s ease;
    -ms-transition: transform .4s ease, opacity .4s ease;
    -o-transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
}

/*load more*/
.readmore .loadMore.loadmoreactive .load-more-text {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.readmore .loadMore.loadmoreactive .loading-text {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
}

.readmore .loadMore.loadmoreactive .no-more-text {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
}

/* loading */
.readmore .loadMore.loadingactive .loading-text {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 1;
}

.readmore .loadMore.loadingactive .load-more-text {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
}

.readmore .loadMore.loadingactive .no-more-text {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
}

/* No more active */
.readmore .loadMore.nomoreactive .no-more-text {
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 1;
}

.readmore .loadMore.nomoreactive .loading-text {
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
}

.readmore .loadMore.nomoreactive .load-more-text {
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    transform: translateY(-80px);
    opacity: 0;
}


/*-----------------------------------------------------------------------------------*/
/* 03. 404 Page 
/*-----------------------------------------------------------------------------------*/

.not_found_page strong {
    font-size:50px;
    line-height:100px;
}

.not_found_page p {
    font-family: Dosis,sans-serif;
    letter-spacing: 1px;
    font-size:15px;
}

.not_found_page .search-form form {
    border: 1px solid #929292;
    padding: 5px 5px 5px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    min-width:470px;
    width:40%;
}

.not_found_page .search-form form input {
    border:none;
}

.not_found_page .search-form form input[type="text"] {
    min-width: 430px;
}

/*-----------------------------------------------------------------------------------*/
/* 04. fullWidth
/*-----------------------------------------------------------------------------------*/

.fullWidth {
    padding:0; 
    width: 100%; 
}

.fullWidth .container {
    width:100%;
}

.fullWidth .vc_column_container>.vc_column-inner {
    padding:0;
}

/*-----------------------------------------------------------------------------------*/
/* 05. button
/*-----------------------------------------------------------------------------------*/

.button,form input[type="submit"]
{	
	font-family: Dosis, sans-serif;
	cursor:pointer;
	margin:0;
    padding: 3px 26px;
	min-height:34px;
	line-height:34px;
	font-size: 14px;
    font-weight:300;
    color:#a1a1a1;
	-webkit-transition: color .7s ease;
	-moz-transition: color .7s  ease;
	-o-transition:color .7s  ease;
	transition: color .7s  ease;
    text-decoration: none;
}

.button {
    font-weight:400;
    letter-spacing:2px;
	display: inline-block;
    position:relative;
    margin: 0 2px;
	font-family: Dosis, sans-serif;
    -webkit-transition: color 2s ease;
    -moz-transition: color 200ms  ease;
    -o-transition:color 200ms  ease;
    transition: color 200ms  ease;
}

.button:hover {
    text-decoration: none;
    -webkit-transition: color 200ms ease;
    -moz-transition: color 200ms  ease;
    -o-transition:color 200ms  ease;
    transition: color 200ms  ease;
}

form input[type="submit"] {
	background-color:transparent;
	border:1px solid #cacaca;
	color:#acacac;
}

.button.right {
    float:right;
}

.button.left {
    float:left;
}

.centeralignment {
    display:table;
    margin:0 auto;
}

.button-small
{
    height:26px;
    line-height:35px;
    padding:5px 17px;
    font-size: 13px;
}

.button-large
{
	height: 44px;
    line-height: 44px;
    padding: 0 45px;
	font-size: 16px;
}

/* button border animation */
.button .frame {
background-color: #acacac;
}

.button .frame,
.button .frame div {
    position: absolute;
}

.button .frame.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}

.button .frame.right {
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
}

.button .frame.bottom {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}

.button .frame.left {
    left: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
}

.button .frame div {
    background-color:#272626;
    width:0;
    height:2px;
}

.button .frame.top div,
.button .frame.bottom div {
    -webkit-transition: width 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: width 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: width 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: width 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.button .frame.left div,
.button .frame.right div {
    -webkit-transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
    transition: height 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.button .frame.top div {
    width:0;
    height:2px;
    left:0;
}

.button .frame.bottom div {
    width:0;
    height:2px;
    right:0;
}

.button .frame.left div {
    width:2px;
    height:0;
    top:0;
}

.button .frame.right div {
    width:2px;
    height:0;
    bottom:0;
}

.button:hover .frame.top div,
.button:hover .frame.bottom div {
    width:100%;
}

.button:hover .frame.left div,
.button:hover .frame.right div {
    height:100%;
}

/*-----------------------------------------------------------------------------------*/
/* 06. Colors
/*-----------------------------------------------------------------------------------*/

.color-accent-background
{
	background-color:#101010;
}

/* Alternate BG Section */
.color-alt-main-background
{
	background-color: #ededed;
}

/*Used to pad content container*/
.container-vspace{
	padding-bottom:50px;
	padding-top:50px
}

/* Responsive video container */
.video-frame
{
	height:0;
	margin-bottom:20px;
	padding-bottom:50%;
	position:relative;
}

.footer-widgetized .video-frame {
    overflow:visible;
}

.video-frame iframe
{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%
}

/* Float */
.float-right{
	float:right !important;
}
							
/* Visibility */
.visible-phone,.visible-tablet,.hidden-desktop,.visible-h-tablet  {
    display:none!important;
}

.hidden
{
    display:none
}

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
}

/*-----------------------------------------------------------------------------------*/
/* 07. Forms & contact form 7 style
/*-----------------------------------------------------------------------------------*/

.input-text,
.input-textarea {
    border:none;
    background-color: transparent;
}

#respond-wrap {
    margin-bottom: 150px;
}

#respond-wrap .input-text input,
#respond-wrap .input-textarea textarea ,
#respond .input-text input,
#respond .input-textarea textarea ,  
#review_form input,
#review_form textarea {
    border-bottom: 1px solid #3D1D1D;
    -moz-transition: border-bottom 100ms ease-in-out;
    -o-transition: border-bottom 100ms ease-in-out;
    -webkit-transition: border-bottom 100ms ease-in-out;
    transition: border-bottom 100ms ease-in-out;

}

#respond-wrap .input-text input:focus,
#respond-wrap .input-textarea textarea:focus ,
#respond .input-text input:focus,
#respond .input-textarea textarea:focus ,
#review_form input:focus,
#review_form  textarea:focus {
    border-bottom:  4px solid #d02d48;
}


.input-text input[type="text"]{
	background-color:transparent !important;
	border:0;
	color: #000;
	height:38px;
	width:98%;
	padding:0 2%;
}



.wpcf7-form-control-wrap {
    display: block !important;
    height:41px;
}

.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"],
.input-text input[type="text"]{
    background-color:transparent !important;
    font-family:'Open Sans',sans-serif;
    border:0;
    color: #000;
    height:38px;
    width:98%;
    padding:0 2%;
    line-height:17px;
    font-size:17px;
}

.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"]{
    font-size:17px;
    line-height:17px;
}

.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="text"] ,
.wpcf7-form-control-wrap textarea {

    border-bottom:1px solid #171717;

    -moz-transition: border-bottom 100ms ease-in-out ;
    -o-transition: border-bottom 100ms ease-in-out ;
    -webkit-transition: border-bottom 100ms ease-in-out ;
    transition: border-bottom 100ms ease-in-out ; 
}

.wpcf7-form-control-wrap input[type="email"]:focus,
.wpcf7-form-control-wrap input[type="text"]:focus ,
.wpcf7-form-control-wrap textarea:focus {
    border-bottom:4px solid #d02d48;
}

.wpcf7-form .label , #respond-wrap  .label , #respond .label , #review_form  .label  {
    font-size:16px;
    line-height:16px;
    color:#171717;
    position:relative;
    text-transform:uppercase;
    top: 5px;
    opacity:0;
    font-weight:400;

    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; 
}

.wpcf7-form .label.inputfocus , #respond-wrap .label.inputfocus , #respond .label.inputfocus , #review_form  .label.inputfocus {
    top:-13px;
    opacity: 1;
    color: #d02d48;
}


.wpcf7-form .graylabel , #respond-wrap .graylabel , #respond .graylabel , #review_form  .graylabel {
    font-size:16px;
    line-height:16px;
    color:#171717;
    position:relative;
    text-transform:uppercase;
    top:-30px;
    opacity:1;
    font-weight:500;
    font-family:dosis,sans-serif;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out; 
}

.wpcf7-form .graylabel.inputfocus {
    top:-45px;
    opacity: 0;
    color: #d02d48;
}

#respond-wrap  .graylabel.inputfocus , #respond .graylabel.inputfocus , #review_form .graylabel.inputfocus {
    top:-18px;
    opacity: 0;
    color: #d02d48;
}

#respond-wrap .label , #respond-wrap .graylabel , #respond .label , #respond .graylabel , #review_form .graylabel {
    text-align:left;
    display:block;
    width:100%;
}

.wpcf7-form #comment-text .label , .wpcf7-form #comment-text .graylabel {
    display:block;
    text-align:center;
    width:100%;
}

.vc_col-sm-6 .wpcf7-form #comment-text .label, .vc_col-sm-6  .wpcf7-form #comment-text .graylabel ,
.vc_col-sm-8 .wpcf7-form #comment-text .label, .vc_col-sm-8  .wpcf7-form #comment-text .graylabel {
    text-align:left;
}

.vc_col-sm-6  .wpcf7-form .button_wrap  , .vc_col-sm-8 .wpcf7-form .button_wrap {
    display: table;
    margin: 60px auto 0;
}

.wpcf7-form #comment-text .graylabel {
    top:15px;
}

#respond-wrap .graylabel , #respond .graylabel  {
    top:-5px;
}

.wpcf7-form #comment-text .label {
    top:65px;
}

#respond-wrap .label , #respond .label {
    top:26px;
}

.wpcf7-form #comment-text .label.inputfocus , #respond-wrap .label.inputfocus  , #respond .label.inputfocus {
    top:50px;
}

.wpcf7-form #comment-text .graylabel.inputfocus {
    top:0;
}

#comment-text .button-large p {
    margin: 0;
}

#respond-wrap .label.inputfocus , #respond .label.inputfocus {
    top:11px;
}

.wpcf7-form .button_wrap {
    display: table;
    margin: 90px auto 0;
}

.wpcf7-form-control-wrap textarea,
.input-textarea textarea{
	background-color:transparent !important;
    font-family:'Open Sans',sans-serif;
	border-top:0;
    border-left:0;
    border-right:0;
    border-bottom: 1px solid #000;
	padding:10px 1%;
	color:#000;
	width:98%;
	max-width: 98%;
	min-width: 98%;
}

.wpcf7-form-control-wrap textarea {
    text-align:center;
    height:75px;
    font-size:17px;
    line-height:17px;
}

#comment-text .button.button-large {
    padding:0;
    margin:0;
}

#comment-text .button.button-large input[type="submit"] {
    border:none;
    margin:0;
}

/* Footer CF7 Style */
#mail , #name , #subject {
    width: 32%;
    float: left;
}

#mail, #subject {
	margin-left:2%;
}

#comment-text {
	float:left;
	width:100%;
	margin-top:10px;
}

#comment-text input[type="submit"] {
    margin:0 auto;
    display:table;
    height:44px;
    line-height:20px;
    padding:13px 50px;
    color:#000;
    border-radius:5px;
    border:2px solid #000;
    font-size:17px;
    font-weight:300;
    text-transform:uppercase;
    margin-top:40px;
}

div.wpcf7-mail-sent-ok {
    border: none;
    text-align: center;
}

/* content form 7Place holder  */
#comment-text textarea::-webkit-input-placeholder  , #comment-text textarea:-moz-placeholder ,#comment-text textarea:-ms-input-placeholder  {
   color:#d02d48;
   opacity:  1;
}

#name input::-webkit-input-placeholder ,#name input:-moz-placeholder , #name input:-ms-input-placeholder {
    color:#bfbfbf !important;
}

.wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
    color:#000 !important;
}

.wpcf7-form-control-wrap input::-webkit-input-placeholder {
    color:#000 !important;
}

.wpcf7-form-control-wrap textarea:-moz-placeholder {
    color:#000;
    opacity:1;
}

span.wpcf7-not-valid-tip-no-ajax {
	position: absolute;
	top:50%;
	right:1%;
	color: #ff4c2f;
	width:13px;
	height:20px;
	display: block;
	overflow: hidden;
	margin-top:-10px;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 10px;
	right: 12px;
	left:auto;
	text-indent: -9999px;
	z-index: 5;
	background: transparent url(../img/form_error.png) no-repeat center center;
	height:14px;
	width:14px;
	border: none !important;
	font-size: 10pt;
	padding: 2px;
}

.wpcf7-not-valid-tip-no-ajax:before{
	font-family: 'icomoon';
	content:"\e0c5";
}

div.wpcf7-validation-errors{
	color: #ff4c2f;
	border: none !important;
	font-size: 14px;
	font-weight: 400;
	text-indent: -9999px;
}

div.wpcf7-response-output{
	margin:0;
	padding:10px 0;
}

div.wpcf7-mail-sent-ng {
	border: none;
    color:#000;
    font-weight:700;
}

div.wpcf7 img.ajax-loader{
    content:url('../img/light_loader.gif') !important;
    left: calc( 50% - 15px);
    padding-bottom: 2px;
    position: relative;
}

/*-----------------------------------------------------------------------------------*/
/* 08. Search Form
/*-----------------------------------------------------------------------------------*/

.search-form a {
    opacity: 0;
    visibility: hidden;
    pointer-events:none;
}

.search-button {
    width: 56px;
    height: 56px !important;
    text-align: center;
    margin-top: 0;
    margin-right: 2px;
    float: right;
    font-weight: 300!important;
    display: table;
    color:#000;
    font-size: 18px;
    line-height: 56px!important;
    cursor: pointer;
}

.search-button.light-icon {
    color:#fff;
}

/* Wave menu*/
#epHeader.wave-menu-header .search-button {
    position: fixed;
    width: 60px;
    height: 60px !important;;
    text-align: center;
    background-color: #F5F5F5;
    top: 60px;
    right: 120px;
    z-index: 9999;
    line-height: 57px;
}

/* has on of cart button or wishlist */
#epHeader.wave-menu-header .search-button.has_dropdown_cart,
#epHeader.wave-menu-header .search-button.has_wishlist {
    right:182px;
}

/* has both of cart button and wishlist */
#epHeader.wave-menu-header .search-button.has_dropdown_cart.has_wishlist{
    right:122px; 
}

#epHeader.wave-menu-header .widget.widget_woocommerce-dropdown-cart + .search-button.has_dropdown_cart.has_wishlist{
    right:182px; 
}

#epHeader.wave-menu-header .widget.widget_woocommerce-wishlist + .search-button.has_dropdown_cart.has_wishlist {
    right:244px;
}


/* left/right menu*/
aside.vertical_menu_area .search-button {
    position: relative;
    width: 40px;
    height: 40px !important;
    line-height: 40px;
    margin-top: 0px;
    margin-right: -21px;
    clear: both;
}

.right_menu_enabled aside.vertical_menu_area .search-button {
    margin-right: auto;
    margin-left: -18px;
    float: left;
}

#search-form{
  position: fixed;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: rgba(245, 245, 245, 0.9);
  z-index: 99995 !important;
  opacity: 0;
  visibility: hidden;
    cursor: url(../img/cursor/search-close.png) 32 32,
            url(../img/cursor/search-close.cur),
            auto;
  -webkit-transition:opacity .4s ease, visibility .3s ease-in;
  -moz-transition:opacity .4s ease, visibility .3s ease;
  -ms-transition:opacity .4s ease, visibility .3s ease;
  transition:opacity .4s ease, visibility .3s ease-in;
}

#search-form.showing {
    opacity: 1;
    visibility: visible;
}

.search-form fieldset{
	border:0;
	margin:0;
	padding: 0;
}

.search-form form{
	padding: 10px 52px 10px 10px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	position: relative;
}

#search-form #search-caption {
    top: 50%;
    left: 15%;
    margin-top: 50px;
    position: absolute;
    margin-left: 62px;
    opacity: 0;
    text-transform:uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 400;
}

body:not(.right_menu_enabled) aside.vertical_menu_area.left_menu + #search-form #search-caption {
    left:300px;
}

#search-form.showing #search-caption {
    opacity: 1;
    -webkit-transition: opacity .3s ease 0.3s;
    -moz-transition:  opacity .3s ease 0.3s;
    -ms-transition: opacity .3s ease 0.3s;
    -o-transition: opacity .3s ease 0.3s;
    transition: opacity .3s ease 0.3s;
}

#search-form input[type="text"]{
	width:40%;
	min-width: 150px;
    top:50%;
    left:15% !important;
    margin-top:-50px !important;
	background: none;
	border:0;
	color:#818181;
	font-weight: 500;
    font-size:80px;
    line-height:80px;
    min-height:80px;
    letter-spacing: 4px;
    opacity: 0;
    padding-left:30px;
    text-transform: uppercase;
    position: fixed;
    font-family:Dosis,sans-serif;
    -webkit-transform:translateY(30px);
    -moz-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px);
    -webkit-transition: -webkit-transform .3s ease 0s, opacity .3s ease 0s;
    -moz-transition: -moz-transform .3s ease 0s, opacity .3s ease 0s;
    -ms-transition: -ms-transform .3s ease 0s, opacity .3s ease 0s;
    transition: transform .3s ease 0s, opacity .3s ease 0s;
}

#search-form.showing .search-form input[type="text"] {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    line-height:82px;
    min-height:80px;
    -webkit-transition: -webkit-transform .3s ease 0.3s, opacity .3s ease 0.3s;
    -moz-transition: -moz-transform .3s ease 0.3s, opacity .3s ease 0.3s;
    -ms-transition: -ms-transform .3s ease 0.3s, opacity .3s ease 0.3s;
    -o-transition: transform .3s ease 0.3s, opacity .3s ease 0.3s;
    transition: transform .3s ease 0.3s, opacity .3s ease 0.3s;
}

body:not(.right_menu_enabled) aside.vertical_menu_area.left_menu + #search-form input[type="text"] {
    left:300px !important;
}

#search-form .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    opacity: .6;
    padding-left:30px;
    padding-top:9px;
}
#search-form .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity: .6;
    padding-left:30px;
    padding-top:9px;
}
#search-form .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity: .6;
    padding-left:30px;
    padding-top:9px;
}
#search-form .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity: .6;
    padding-left:30px;
    padding-top:9px;
}

.search-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    padding: 0;
    height: 100%;
    background: transparent url(../img/search.png) no-repeat center center;
    -moz-background-size: 18px 18px;
    background-size: 18px 18px;
    border: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#search-form .search-form input[type="submit"] {
    display: none;
}

.search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
	color:    #838383;
}
.search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #838383;
	opacity: 1;
}
.search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #838383;
	opacity: 1;
}
.search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #838383;
}

/* Navigation Button inside header */
header .navigation-button{
	display: block;
	width: 32px;
	height:34px;
	color: #3f3f3f;
	text-align: center;
	text-decoration: none;
	position: relative;
	top:50%;
	margin-top: 13px;
	float:right;
}

header .navigation-button:hover{
	color: #d02d48;
}

header .navigation-button span{
    line-height: 28px;
    font-size: 24px;
}

/* Mobile Navigation */
#phoneNavItems {
    display:none;
}

.navigation-mobile {
	background-color: #1e1e20 !important;
    position:relative;
    width:100%;
	overflow: hidden;
	padding: 0 40px;
	z-index: 10;
    top:0;
}

.navigation-mobile ul{
	list-style: none;
	margin:0;
}

.navigation-mobile li:last-child {
    padding-bottom:100px;
}

.navigation-mobile li li:last-child , .navigation-mobile li li li:last-child {
    padding-bottom:10px;
}

.navigation-mobile li  {
	font-size: 15px;
	font-weight: 400;
	line-height: 45px;
	border-bottom:1px solid #4a4a4a;
    margin-right:80px;
}

.navigation-mobile li:last-child {
	border-bottom:none;
}

.navigation-mobile ul ul li{
	font-size: 14px;
    letter-spacing:1px;
	font-weight: 400;
	line-height: 30px;
	border-bottom:none;
}

.navigation-mobile ul ul{
	padding-left: 15px;
}

.navigation-mobile > ul{
	padding:0;
	margin: 20px 0;
}

.navigation-mobile a{
	color: #fff;
    display:block;
    width:100%;
    height:100%;
	text-decoration: none;
}

.navigation-mobile a:hover{
	color: #d02d48;
}

.phone_menu_container {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

#phoneNavItems , .phone_menu_container {
    width:100%;
}

/*-----------------------------------------------------------------------------------*/
/* 09. Grid
/*-----------------------------------------------------------------------------------*/

[class*="span"]
{
    float:left;
}

.clearfix
{
    zoom:1
}

.clearfix:before,.clearfix:after,.row:before,.row:after,.container:before,.container:after {
    display:table;
    content:"";
}

.clearfix:after,.row:after,.container:after {
    clear:both;
}

.container
{
	zoom:1;
	width:940px;
	margin:0 auto;
}

.fullWidth .portfolioSection .container.title_container {
    margin:0 auto;
}

.container.title_container {
    margin-left:-15px;
}

/* Set Fill Portfolio in Container - in Portfolio Gutter */
.container .portfolio_wrap{
    margin-left:-13px;
}


.fullWidth .portfolio_wrap {
    width:100%;
    margin:auto;
}

.fullWidth .container.title_container  , .portfolio_wrap {
    width:940px;
}

.ve.fullWidth .container.title_container  , .portfolio_wrap {
    width:940px;
}


.wrap {
	width:100%;
	position:relative;
	min-width:940px;
    overflow:hidden;
}

.cblog .wrap {
    overflow:visible;
}

.wrapGoogleMap {
	width:100%;
	height:100%;
	position:relative;
}

.homeWrap {
	width:100%;
	height:100%;
	position:relative;
}

body.left_menu_enabled .homeWrap {
    width: calc(100% - 255px);
    margin-left:255px;
}

body.right_menu_enabled .homeWrap {
    width: calc(100% - 255px);
    margin-right:255px;
}

.wrap.headerWrap , .wrap.portfoliowrap {
    overflow:inherit;
}

.wrap.headerWrap , .wrap.gallerywrap {
    overflow:inherit;
}

/*-----------------------------------------------------------------------------------*/
/* 10. header Image And text Rotor 
/*-----------------------------------------------------------------------------------*/

#fullScreenSlider {
    overflow: hidden;
}

#fullScreenSlider .swiper-container {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    z-index:10;
}

#fullScreenSlider.epico .swiper-wrapper {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -ms-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}

#fullScreenSlider.epico .swiper-slide {
    position: absolute;   
    display: block;
    top:0;
    left:0;
    border: none;
    margin: 0;
    overflow:hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective:1000;
    -webkit-transition-property : -webkit-transform;
    -moz-transition-property : -moz-transform;
    -ms-transition-property : -ms-transform;
    -o-transition-property : -o-transform;
    -moz-transform-style: flat;
    transition-property: transform;
    -webkit-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0 !important;
    transform-origin : 0 0;
    -moz-transform-origin : 0 0;
    -o-transform-origin : 0 0;
}

#fullScreenSlider.epico .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active):not(.swiper-slide-prev2):not(.swiper-slide-next2) {
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-prev {
    -webkit-transition-property : -webkit-transform;
    -moz-transition-property : -moz-transform;
    -ms-transition-property : -ms-transform;
    -o-transition-property : -o-transform;
    transition-property: transform;
    -webkit-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index:2 !important;
    opacity: 1 !important;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-next {
    -webkit-transition-property : -webkit-transform;
    -moz-transition-property : -moz-transform;
    -ms-transition-property : -ms-transform;
    -o-transition-property : -o-transform;
    transition-property: transform;
    -webkit-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-timing-function : cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index:2 !important;
    opacity: 1 !important;
 }

#fullScreenSlider.epico .swiper-slide.swiper-slide-prev2 {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    -ms-transition:none !important;
    transition:none !important;
    opacity: 0 !important;
    z-index:0 !important;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-next2 {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    -ms-transition:none !important;
    transition:none !important;
    opacity: 0 !important;
    z-index:0 !important;
 }
 #fullScreenSlider.epico .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
    z-index:3 !important;
}

 #fullScreenSlider.epico .swiper-slide.swiper-slide-active.fake-active:not(.have-transition) {
    z-index:1 !important;
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    -ms-transition:none !important;
    transition:none !important;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-active.fake-active:not(.have-transition):not(.has-duplicate-video) {
    opacity: 0 !important;
}

#fullScreenSlider.epico .swiper-slide-duplicate.has-duplicate-video {
    visibility: hidden !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-duplicate {
    opacity: 1 !important;
}

#fullScreenSlider.slide .swiper-wrapper {
    position: absolute;
}

#fullScreenSlider.slide .swiper-slide {
    -webkit-transform:rotate(0.1deg);
    -moz-transform:rotate(0.1deg);
    -ms-transform:rotate(0.1deg);
    -o-transform:rotate(0.1deg);
    transform:rotate(0.1deg);
}

#fullScreenSlider.slide .swiper-slide:not(.has-duplicate-video) {
    margin:-2px 0 !important;
}

#fullScreenSlider.slide .swiper-slide:not(.has-duplicate-video) .swiper-slide-image {
    padding: 4px 0;
}

#fullScreenSlider.slide .swiper-slide-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
}

#fullScreenSlider.epico .swiper-slide-image {
    position: absolute;
    top:-3px;
    left:0;
    right:0;
    bottom:0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective:1000;
    -moz-perspective:1000;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    transform-origin : 0 0;
    -moz-transform-origin : 0 0;
    -webkit-transform-origin : 0 0;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position:center !important;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-prev .swiper-slide-image {
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: -ms-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-prev2 .swiper-slide-image {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    -ms-transition:none !important;
    transition:none !important;
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-next .swiper-slide-image {
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: -ms-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-active .swiper-slide-image {
    -webkit-transition: -webkit-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: -moz-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: -ms-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: -o-transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

#fullScreenSlider.epico .swiper-slide.swiper-slide-next2 .swiper-slide-image {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -o-transition:none !important;
    -ms-transition:none !important;
    transition:none !important;
}

#fullScreenSlider .swiper-slide .videoWrap {
    position: absolute;
    z-index:5;
}

#fullScreenSlider .mejs-controls {
    display: none !important;
}

#fullScreenSlider .mejs-overlay.mejs-layer {
    width:100% !important;
    height:100% !important;
}

.mejs-overlay {
    width: 100% !important;
}

.mejs-overlay-loading {
    background: none !important;
}

.mejs-overlay-loading span {
    background: transparent url(../img/loading.gif) 50% 50% no-repeat !important;
}

#fullScreenSlider .swiper-slide .videoHomePreload {
    position: absolute;
}

#fullScreenSlider.epico .swiper-button-next,
#fullScreenSlider.epico .swiper-button-prev {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index:6;
    margin-top:0;
    display: inline-block;
    background: none;
}

#fullScreenSlider.epico .swiper-button-prev {
    cursor: url(../img/cursor/prev.png) 50 3,
            url(../img/cursor/prev.cur),
            auto;
    left:0;
}

#fullScreenSlider.epico .swiper-button-next {
    left:50%;
    cursor: url(../img/cursor/next.png) 0 3,
            url(../img/cursor/next.cur),
            auto;
}

#fullScreenSlider.epico .light .swiper-button-prev {
    cursor: url(../img/cursor/prev-light.png) 50 3,
            url(../img/cursor/prev-light.cur),
            auto;
}

#fullScreenSlider.epico .light .swiper-button-next {
    cursor: url(../img/cursor/next-light.png) 0 3,
            url(../img/cursor/next-light.cur),
            auto;
}

.homeTexture {
    top: 0;
    position: absolute !important;
    z-index: 7;
    width: 100%;
    height: 100%;
    opacity: .5;
    -webkit-transform: translate3d(0px, 0px, 0px);/* trick to prevent flash on transitions */
}

.fake-active:not(.has-duplicate-video) .homeTexture {
    opacity: 0 !important;
}

.homeTexture:after {
    opacity: 1 !important;
}

/* slide effect */

#fullScreenSlider.slide .swiper-wrapper {
    -webkit-transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function : cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}

#fullScreenSlider.slide .swiper-slide {
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;
}

#fullScreenSlider.slide .swiper-slide-duplicate.has-duplicate-video {
    visibility: hidden !important;
}

/* FullScreenSlider arrows */
#fullScreenSlider .arrows-button-next ,#fullScreenSlider .arrows-button-prev {
    background-color:rgba(255,255,255,.3);
    position:absolute;
    width:81px;
    height:38px;
    top:50%;
    z-index:2;
    cursor:pointer;
    margin-top:-19px;
    text-align: center;
    -moz-transition: background-color 300ms ease-in-out;
    -o-transition: background-color 300ms ease-in-out;
    -webkit-transition: background-color 300ms ease-in-out;
    transition: background-color 300ms ease-in-out;
}

#fullScreenSlider .arrows-button-next:hover ,#fullScreenSlider .arrows-button-prev:hover {
    background-color:rgba(255,255,255,.8);
}

#fullScreenSlider .arrows-button-next {
    right:30px;
}

#fullScreenSlider .arrows-button-next:after {
    left:42px !important;
    right:auto;
}

#fullScreenSlider .arrows-button-next:hover:after {
    left:-4px !important;
}

#fullScreenSlider .arrows-button-prev {
    left:30px;
}

#fullScreenSlider .arrows-button-prev .text, #fullScreenSlider .arrows-button-next .text {
    opacity: 0;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    color:#000;
    font-size:12px;
    line-height:38px;
    text-align:center;
    font-family: Dosis, sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

#fullScreenSlider .arrows-button-prev:hover .text, #fullScreenSlider .arrows-button-next:hover .text {
    opacity:1;
}

#fullScreenSlider .arrows-button-next:before, #fullScreenSlider .arrows-button-prev:before {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 36px;
    height: 1px;
    border-top: 1px solid #000;
    right: 23px;
    margin-left: 5px;
    -webkit-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -moz-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -o-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
}

#fullScreenSlider .arrows-button-next:hover:before {
    width:55px;
    right:65px;
}

#fullScreenSlider .arrows-button-next:hover:after {
    left:25px;
}

#fullScreenSlider .arrows-button-prev:hover:before {
    width:60px;
    right:-40px;
}

#fullScreenSlider .arrows-button-prev:hover:after {
    left:53px;
    margin-left:1px;
}

#fullScreenSlider .arrows-button-next:after,#fullScreenSlider .arrows-button-prev:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    left: 0;
    margin-left: 16px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#fullScreenSlider .arrows-button-prev:after {
    border-color:rgba(000, 000, 000, 0) rgb(000, 000, 000) rgba(000, 000, 000, 0) rgba(0, 0, 0 , 0);
}

#fullScreenSlider .arrows-button-next:after {
    border-color:rgba(000, 000, 000, 0) rgba(000, 000, 000 ,0) rgba(000, 000, 000, 0) rgb(000, 000, 000);
}

/* homeslider captions */
.caption {
    position: absolute;
    width:100%;
    height: 100%;
    left:0;
    z-index:8;
}

.vertical_menu_enabled .fullScreenImage  .caption{
    width:calc( 100% - 255px );
}

.vertical_menu_enabled #caption-start {
    left:calc( 50% - 127px);
}

.caption-container {
    width:70%;
    margin-left:15%;
}

.swiper-slide .caption-icon,
#fullScreenImage .caption-icon {
    width:80px;
    height:80px;
    line-height: 90px;
    margin: 0 auto 7px;
    z-index:5;
    font-size:60px;
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}

.swiper-slide .caption-icon.animated ,
#fullScreenImage .caption-icon.animated,
.swiper-slide .caption-image.animated,
#fullScreenImage .caption-image.animated {
    -webkit-animation: iconFloat 1.5s infinite ease;
    -moz-animation: iconFloat 1.5s infinite ease;
    -ms-animation: iconFloat 1.5s infinite ease;
    -o-animation: iconFloat 1.5s infinite ease;
    animation: iconFloat 1.5s infinite ease;
}

@-webkit-keyframes iconFloat{0%{top:0}50%{top:10px}100%{top:0}}
@-moz-keyframes iconFloat{0%{top:0}50%{top:10px}100%{top:0}}
@-o-keyframes iconFloat{0%{top:0}50%{top:10px}100%{top:0}}
@keyframes iconFloat{0%{top:0}50%{top:10px}100%{top:0}}

#fullScreenImage .caption-icon{
    opacity: 1;
}

.swiper-slide.swiper-slide-active .caption-icon {
    opacity: 1;
    -webkit-transition: opacity 700ms ease 750ms;
    -moz-transition: opacity 700ms ease 750ms;
    -ms-transition: opacity 700ms ease 750ms;
    -o-transition: opacity 700ms ease 750ms;
    transition: opacity 700ms ease 750ms;
}

.caption.light .caption-icon {
    color:#fff;
}

.caption.dark .caption-icon {
    color:#333;
}

.swiper-slide .caption-image,
#fullScreenImage .caption-image {
    max-width:80px;
    max-height:80px;
    margin-bottom:30px;
    margin-right: auto;
    margin-left: auto;
    z-index:5;
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}

#fullScreenImage .caption-image {
    opacity: 1;
}

.swiper-slide.swiper-slide-active .caption-image {
    opacity: 1;
    -webkit-transition: opacity 700ms ease 750ms;
    -moz-transition: opacity 700ms ease 750ms;
    -ms-transition: opacity 700ms ease 750ms;
    -o-transition: opacity 700ms ease 750ms;
    transition: opacity 700ms ease 750ms;
}

.swiper-slide .caption-title,
#fullScreenImage .caption-title {
    font-family:Dosis, sans-serif;
    font-size:50px;
    font-weight: 500;
    line-height: 1.08em;
    letter-spacing: 4px;
    z-index:5;
    position: relative;
    display: inline-block;
    opacity: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-animation: caption-fadeOut 400ms ease;
    -moz-animation: caption-fadeOut 400ms ease;
    -ms-animation: caption-fadeOut 400ms ease;
    -o-animation: caption-fadeOut 400ms ease;
    animation: caption-fadeOut 400ms ease;

}

#fullScreenImage .caption-title {
    opacity: 1;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
}

.swiper-slide.swiper-slide-active .caption-title {
    -webkit-animation: caption-fadeIn 600ms ease .75s forwards;
    -moz-animation: caption-fadeIn 600ms ease .75s forwards;
    -ms-animation: caption-fadeIn 600ms ease .75s forwards;
    -o-animation: caption-fadeIn 600ms ease .75s forwards;
    animation: caption-fadeIn 600ms ease .75s forwards;
        animation-fill-mode : forwards !important;
    -ms-animation-fill-mode : forwards !important;
}

@-webkit-keyframes caption-fadeIn {
  0%{ 
        opacity: 0;
        -webkit-transform: translate3d(0,10px,0);
    }
  100% { 
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
    }
}
@-moz-keyframes caption-fadeIn{
  0%{ 
        opacity: 0;
        -moz-transform: translate3d(0,10px,0);
    }
  100% { 
        opacity: 1;
        -moz-transform: translate3d(0,0,0);
    }
}
@-o-keyframes caption-fadeIn {
  0%{ 
        opacity: 0;
        -o-transform: translate3d(0,10px,0);
    }
  100% { 
        opacity: 1;
        -o-transform: translate3d(0,0,0);
    }
}
@keyframes caption-fadeIn {
  0% { 
        opacity: 0;
        transform: translate3d(0,10px,0);

    }
  100% { 
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

@-webkit-keyframes caption-fadeOut {
  0%{ 
        opacity: 1;
    }
  100% { 
        opacity: 0;
    }
}

@-moz-keyframes caption-fadeOut {
  0% { 
        opacity: 1;
    }
  100% { 
        opacity: 0;
    }
}
@-o-keyframes caption-fadeOut {
  0% { 
        opacity: 1;
    }
  100% { 
        opacity: 0;
    }
}
@keyframes caption-fadeOut {
  0% { 
        opacity: 1;
    }
  100% { 
        opacity: 0;
    }
}

.swiper-slide .caption-subtitle,
#fullScreenImage .caption-subtitle {
    font-size:15px;
    font-weight: 400;
    line-height: 1.1em;
    padding:10px;
    letter-spacing: 3px;
    z-index:5;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

#fullScreenImage .caption-subtitle {
    opacity: 1;
}

.swiper-slide.swiper-slide-active  .caption-subtitle {
    opacity: 1;
    -webkit-transition: opacity 600ms ease .75s;
    -moz-transition: opacity 600ms ease .75s;
    -ms-transition: opacity 600ms ease .75s;
    -o-transition: opacity 600ms ease .75s;
    transition: opacity 600ms ease .75s;
}

.caption.light .caption-title ,
.caption.light .caption-subtitle {
    color:#fff;
}

.caption.dark .caption-title ,
.caption.dark .caption-subtitle {
    color:#333;
}

.swiper-slide .caption .button,
#fullScreenImage .caption .button {
    z-index:7;
    opacity: 0;
    display: inline-block;
    padding: 4px 17px;
    transform: translateZ(0);
    -webkit-transition: opacity 400ms ease, color 400ms ease;
    -moz-transition: opacity 400ms ease, color 400ms ease;
    -ms-transition: opacity 400ms ease, color 400ms ease;
    -o-transition: opacity 400ms ease, color 400ms ease;
    transition: opacity 400ms ease, color 400ms ease;
}

#fullScreenImage .caption .button {
    opacity: 1;
}

.swiper-slide.swiper-slide-active .caption .button {
    opacity: 1;
    -webkit-transition: opacity 600ms ease .75s, color 500ms ease 0s;
    -moz-transition: opacity 600ms ease .75s, color 500ms ease 0s;
    -ms-transition: opacity 600ms ease .75s, color 500ms ease 0s;
    -o-transition: opacity 600ms ease .75s, color 500ms ease 0s;
    transition: opacity 600ms ease .75s, color 500ms ease 0s;
}

.caption.light .button {
    color: #fff;
}

.caption.light .button:hover {
    color: #aaa;
}

.caption.dark .button {
    color: #333;
}

.caption.dark .button:hover {
    color: #404040;
}

.caption.light .button .frame {
    background: #fff;
}

.caption.light .button .frame div {
    background: #aaa;
}

.caption.dark .button .frame {
    background: #333;
}

.caption.dark .button .frame div {
    background: #646464;
}

.caption .button .frame.top div ,
.caption .button .frame.bottom div {
    height: 2px;
}

.caption .button .frame.left div ,
.caption .button .frame.right div {
    width: 2px;
}

.caption .caption-scroll{
    text-align: right;
}

#caption-start{
    position: absolute;
    top:100%;
    margin-top:-120px;
    width: 40px;
    height: 60px;
    left:50%;
    margin-left:-20px;
    z-index:10;
    cursor: pointer;
    -webkit-animation: caption-start 1.5s ease .2s infinite;
    -moz-animation: caption-start 1.5s ease .2s infinite;
    -ms-animation: caption-start 1.5s ease .2s infinite;
    -o-animation: caption-start 1.5s ease .2s infinite;
    animation: caption-start 1.5s ease .2s infinite;
}

@-webkit-keyframes caption-start {
  0%{ 
        -webkit-transform: translate3d(0,0,0);
    }
  50% { 
        -webkit-transform: translate3d(0,10px,0);
    }
  100% { 
        -webkit-transform: translate3d(0,0,0);
    }
}
@-moz-keyframes caption-start{
  0%{ 
        -moz-transform: translate3d(0,0,0);
    }
  50% { 
        -moz-transform: translate3d(0,10px,0);
    }
  100% { 
        -moz-transform: translate3d(0,0,0);
    }
}
@-o-keyframes caption-start {
  0%{ 
        -o-transform: translate3d(0,0,0);
    }
  50% { 
        -o-transform: translate3d(0,10px,0);
    }
  100% { 
        -o-transform: translate3d(0,0,0);
    }
}
@keyframes caption-start {
  0%{ 
        transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
    }
  50% { 
        transform: translate3d(0,10px,0);
        -ms-transform: translate3d(0,10px,0);
    }
  100% { 
        transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
    }
}

/*start button styles*/

#caption-start.style-2 {
    width: 25px;
    height: 46px;
    border: 2px solid #fff;
    border-radius: 18px;
    margin-left:-13px;
}

#caption-start.style-2 .dot {
    background: none repeat scroll 0 0 white;
    border-radius: 50%;
    height: 5px;
    left: 10px;
    opacity: 1;
    position: absolute;
    top: 9px;
    width: 5px;
}
#caption-start.style-2 .dot:after {
    content:" ";
    background:none;
    border:2px solid #FFF;
    border-radius: 50%;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-animation:2000ms ease-in 0ms normal none infinite circle-border-scale;
    -moz-animation:2000ms ease-in 0ms normal none infinite circle-border-scale;
    -o-animation:2000ms ease-in 0ms normal none infinite circle-border-scale;
    animation:2000ms ease-in 0ms normal none infinite circle-border-scale;

}

@keyframes circle-border-scale{
    0% {
        width:100%;
        height:100%;
        left:0;
        top:0;
        opacity:1
    }
    30% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
    100% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
    
}
@-webkit-keyframes circle-border-scale{
    0% {
        width:100%;
        height:100%;
        left:0;
        top:0;
        opacity:1
    }
    30% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
    100% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
}

@-moz-keyframes circle-border-scale{
    0% {
        width:100%;
        height:100%;
        left:0;
        top:0;
        opacity:1
    }
    30% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
    100% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
}

@-o-keyframes circle-border-scale{
    0% {
        width:100%;
        height:100%;
        left:0;
        top:0;
        opacity:1
    }
    30% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
    100% {
        width:21px;
        height:21px;
        left:-8px;
        top:-8px;
        opacity:0;
    }
}



#caption-start.style-1:before {
    position:absolute;
    top:80%;
    content:"";
    width: 45px;
    height:1px;
    border-top: 1px solid #fff;
    left: 0;
    margin-left: -26px;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#caption-start.style-1:after {
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin:100% 100%;
    position:absolute;
    top:53px;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-left:10px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* caption Alignment*/
.caption.left{
    text-align: left;
}

.caption.center{
    text-align: center;
}

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

.right .caption-icon {
    margin: 0 0 7px auto !important;
}

.right .caption-box .caption-icon {
    margin:0 0 7px auto;
}

.left .caption-icon {
    margin: 0 auto 7px 0 !important;
}

/* Style1 */
.caption.style1 .caption-title {
    margin-bottom:45px;
    margin-left:-8px;
    margin-right:-8px;
}

.caption.style1 .caption-subtitle {
    margin-bottom:5px;
    padding-right:0;
    padding-left:0;
}

/* Style2 */
.caption.style2 .caption-image {
    margin-bottom:20px;
}

.caption.style2 .caption-icon {
    margin-bottom:20px !important;
}

.caption.style2 .caption-title {
    border-top:2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 14px 0;
    margin-bottom: 45px;

}

.caption.dark.style2 .caption-title {
    border-top:2px solid #333;
    border-bottom: 2px solid #333;
}


.caption.style2 .caption-subtitle {
    margin-bottom: 40px;
    padding-right:0 !important;
    padding-left:0 !important;
}

.caption.style2 .caption-title + .caption-subtitle {
    margin-top: -40px;
}

/* Style3 */
.caption.style3 .caption-image {
    margin-bottom:20px;
}

.caption.style3 .caption-icon {
    margin-bottom:20px !important;
}

.caption.style3 .caption-title {
    border-left:2px solid #fff;
    border-right: 2px solid #fff;
    padding: 2px 14px;
    margin-bottom: 45px;

}

.caption.dark.style3 .caption-title {
    border-right:2px solid #333;
    border-left: 2px solid #333;
}

.caption.style3 .caption-subtitle {
    margin-bottom: 40px;
    padding-right:0 !important;
    padding-left:0 !important;
}

.caption.style3 .caption-title + .caption-subtitle {
    margin-top: -40px;
}

/* Style4 */
.swiper-slide .caption.style4 .caption-box,
#fullScreenImage .caption.style4 .caption-box {
    display: inline-block;
    width:360px;
    min-height: 360px;
    border:10px solid #fff;
    box-sizing: border-box;
    padding: 45px;
    margin-bottom: 40px;
    z-index:5;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.swiper-slide .caption.dark.style4 .caption-box,
#fullScreenImage .caption.dark.style4 .caption-box {
    border:10px solid #333;
}

#fullScreenImage .caption.style4 .caption-box {
    opacity: 1;
}

.swiper-slide.swiper-slide-active  .caption.style4 .caption-box {
    opacity: 1;
    -webkit-transition: opacity 600ms ease 750ms;
    -moz-transition: opacity 600ms ease 750ms;
    -ms-transition: opacity 600ms ease 750ms;
    -o-transition: opacity 600ms ease 750ms;
    transition: opacity 600ms ease 750ms;

}

.caption-box .caption-icon {
    margin: 9px auto 25px;
}

.caption.style4 .caption-title {
    width: 100%;
    word-break: break-all;
}

.caption.style4 .caption-subtitle {
    margin-bottom: 40px;
    padding-right:0 !important;
    padding-left:0 !important;
}

.caption.style4 .caption-box + .caption-subtitle {
    margin-bottom: 40px;
    margin-top:-20px;
    padding-right:0 !important;
    padding-left:0 !important;
}

/* Style5 */
.swiper-slide .caption.style5 .caption-box-top,
#fullScreenImage .caption.style5 .caption-box-top {
    background:url(../img/slider-captions/caption-bg-style5.png) 50% 40px no-repeat;
    margin-bottom: 10px;
    z-index:5;
    position: relative;
    opacity: 0;
    height: 95px;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.swiper-slide .caption.dark.style5 .caption-box-top,
#fullScreenImage .caption.dark.style5 .caption-box-top {
    background:url(../img/slider-captions/caption-bg-style5-dark.png) 50% 40px no-repeat;
}

#fullScreenImage .caption.style5 .caption-box-top {
    opacity: 1;
}

.swiper-slide.swiper-slide-active  .caption.style5 .caption-box-top {
    opacity: 1;
    -webkit-transition: opacity 600ms ease 750ms;
    -moz-transition: opacity 600ms ease 750ms;
    -ms-transition: opacity 600ms ease 750ms;
    -o-transition: opacity 600ms ease 750ms;
    transition: opacity 600ms ease 750ms;

}

.swiper-slide .caption.style5 .caption-box-bottom,
#fullScreenImage .caption.style5 .caption-box-bottom {
    background:url(../img/slider-captions/caption-bg-style5.png) 50% -139px no-repeat;
    margin-bottom: 60px;
    height: 100px;
    z-index:5;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.swiper-slide .caption.dark.style5 .caption-box-bottom,
#fullScreenImage .caption.dark.style5 .caption-box-bottom {
    background:url(../img/slider-captions/caption-bg-style5-dark.png) 50% -139px no-repeat;
}

#fullScreenImage .caption.style5 .caption-box-bottom {
    opacity: 1;
}

.swiper-slide.swiper-slide-active  .caption.style5 .caption-box-bottom {
    opacity: 1;
    -webkit-transition: opacity 600ms ease 750ms;
    -moz-transition: opacity 600ms ease 750ms;
    -ms-transition: opacity 600ms ease 750ms;
    -o-transition: opacity 600ms ease 750ms;
    transition: opacity 600ms ease 750ms;

}

.caption.style5 .caption-subtitle {
    margin-bottom: 9px;
    padding-top: 2px;
}

.caption.style5 .caption-title {
    font-family: Arvo, sans-serif !important; 
}

/* End of caption */

#main {	
	background-color:#FFF;
	position:relative;
    overflow-x:hidden;
}

#googleMap {
	height:470px;
	width:100%;
}

.gm-style {
    background-color:#4b4b4b;
}

#home .gmnoprint {
    display:none;
}

#homeGoogleMap {
	height:100%;
	width:100%;
}

#home {
	position:fixed;
	top:0;
	left:0;
	
	height:100%;
	width:100%;
	
	z-index:-2;
	overflow:hidden
}

#home.home-rev-slider {
    height: auto !important;
}

#home.hidehome{
    height: 0;
}

#home .homeWrap .fullScreenImage {
    -moz-background-size: cover !important;
    background-size: cover !important;
    width: 100%;
    position: fixed;
    background-position:center !important;
}

.pert {
background-color:transparent;
}

.relative
{
	position:relative
}

/* 960 Grid System */

.span12 {
    width: 100%;
    margin-right: 0;
}

.span11 {
    width: 91.66666667%;
}

.span10 {
    width: 83.33333333%;
}

.span9 {
    width: 75%;
}

.span8 {
    width: 66.66666667%;
}

.span7 {
    width: 58.33333333%;
}

.span6 {
    width: 50%;
}

.span5 {
    width: 41.66666667%;
}

.span4 {
    width: 33.33333333%;
}

.span3 {
    width: 25%;
}

.span2 {
    width: 16.66666667%;
}

.span1 {
    width: 8.33333333%;
}

.span1, .span2, .span3 , .span4, .span5 , .span6 , .span7 , .span8 , .span9 , .span10 , .span11 , .span12 { 
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.offset12 {
    margin-left: 100%;
}

.offset11 {
    margin-left: 91.66666667%;
}

.offset10 {
    margin-left: 83.33333333%;
}

.offset9 {
    margin-left: 75%;
}

.offset8 {
    margin-left: 66.66666667%;
}

.offset7 {
    margin-left: 58.33333333%;
}

.offset6 {
    margin-left: 50%;
}

.offset5 {
    margin-left: 41.66666667%;
}

.offset4 {
    margin-left: 33.33333333%;
}

.offset3 {
    margin-left: 16.66666667%;
}

.offset2 {
    margin-left: 16.66666667%;
}

.offset1 {
    margin-left: 8.33333333%;
}


/*-----------------------------------------------------------------------------------*/
/*	11. Header &  Navigation 
/*-----------------------------------------------------------------------------------*/

#epHeader {
	width:100%;
	position:fixed;
	top:0;
	z-index:99999 !important;
    height:58px;
    box-shadow:none;

    -webkit-transform: translateZ(0);

    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -webkit-transition:opacity .3s ease, visibility .3s ease, top .3s ease;
    -moz-transition:opacity .3s ease, visibility .3s ease, top .3s ease;
    -ms-transition:opacity .3s ease, visibility .3s ease, top .3s ease;
    transition:opacity .3s ease, visibility .3s ease, top .3s ease;
}

#menuBgColor , .menuBgColor {
    position:absolute;
    height:58px;
    top:0;
    left:0;
    width:100%;
    z-index:-1;
    opacity:1;
    background-color: #fff;
}

header .logo
{
	float:left;
    padding-top:2px;
    padding-bottom:2px;
}
													
header .logo img
{
	width: auto;
	display: block;
    max-height:53px;
}

header.wave-menu-header .logo img {
    margin: 35px auto 0;
    padding-bottom: 15px;
}

header.wave-menu-header .res-logo {
    display: none !important;
}

header .container
{
    max-height: 70px;
}

/* Epico menu ( 2 state menu) */
#epHeader.hideHeaderShadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#epHeader.epico-menu .secoundLogo {
    display:block;
}

#epHeader.epico-menu #headerFirstState , #epHeader.epico-menu #headerSecondState {
    position:absolute;
    top:0;
    width:100%;
    left:0;
    height:58px!important;
}

#epHeader.epico-menu #headerSecondState {
    z-index:4;
    top:0px;
    opacity:1; /* Display in all Pages expect main page  */
    display:block;  

    -moz-transition: top ease 300ms,opacity ease 300ms;
    -o-transition: top ease 300ms,opacity ease 300ms;
    -webkit-transition: top ease 300ms,opacity ease 300ms;
    transition: top ease 300ms,opacity ease 300ms;
}

.page-template-main-page #epHeader.epico-menu #headerSecondState.disabletransition {
    top:0 !important;
    transition:none !important;
    opacity: 1 !important;
}

.page-template-main-page #epHeader.epico-menu #headerFirstState.disabletransition {
    transition:none !important;
    opacity: 0 !important;
}


body:not(.page-template-main-page) #epHeader.epico-menu #headerSecondState {
    top:0px !important;
    opacity:1 !important;
}

.page-template-main-page #epHeader.epico-menu #headerSecondState {
    top:25px;
}

#epHeader.epico-menu #headerFirstState {
    z-index: 5;
    top: 25px;
    display:none; /* hide in all Pages expect main page  */

    -moz-transition: top ease 300ms,opacity ease 300ms;
    -o-transition: top ease 300ms,opacity ease 300ms;
    -webkit-transition: top ease 300ms,opacity ease 300ms;
    transition: top ease 300ms,opacity ease 300ms;
}

.page-template-main-page #epHeader.epico-menu #headerFirstState {
    display:block;
}			
				
/* Navigation */
header .navigation
{
	float:right;
	font-weight: 300;
	display: table;
	height: 100%;
}

header .navigation ul{
	padding:0;
	list-style: none;
}

header .navigation > ul{
	display: table-cell;
	vertical-align: middle;
}

header .navigation li
{
	float:left;
	position:relative
}

header .navigation li a
{
	color:#000;
	display:block;
	padding:5px 5px;
    margin:0 8px;
	text-decoration:none
}

header .wave-menu .navigation li > a {
    padding:33px 5px;
}

header .wave-menu .navigation li ul.sub-menu li a {
    padding:5px 5px;
}

#epHeader.wave-menu-header {
    box-shadow:none;
    height:auto;
}

.single-portfolio header.borderhover .navigation ul li li:hover a {
    background-color:transparent !important;
    color:#272727 !important;
}

.single-gallery header.borderhover .navigation ul li li:hover a {
    background-color:transparent !important;
    color:#272727 !important;
}

header .navigation > ul > li{
	font-size:16px;
	margin-left: 25px;

    -moz-transition: background-color 400ms ease, border 200ms ease-out;
	-o-transition: background-color 400ms ease, border 200ms ease-out;
	-webkit-transition: background-color 400ms ease, border 200ms ease-out;
	transition: background-color 400ms ease, border 200ms ease-out;
}

header.borderhover .navigation > ul > li:hover , header.borderhover .navigation > ul > li.active  , header.borderhover .navigation:hover > ul > li:hover {
    -moz-transition: border-color 300ms linear;
	-o-transition: border-color 300ms linear;
	-webkit-transition: border-color 300ms linear;
	transition: border-color 300ms linear;
}

header.borderhover .navigation li a {
    -moz-transition: color 150ms linear;
	-o-transition: color 150ms linear;
	-webkit-transition: color 150ms linear;
	transition: color 150ms linear;
}

header.borderhover .navigation li:hover a , header.borderhover .navigation li.active a , header.borderhover .navigation > ul > li.current_page_item a {
    color: #fff;
    background-color: #000;

    -moz-transition: color 150ms linear , background-color .1s ease-in-out;
	-o-transition: color 150ms linear , background-color .1s ease-in-out;
	-webkit-transition: color 150ms linear , background-color .1s ease-in-out;
	transition: color 150ms linear , background-color .1s ease-in-out;
}

#headerFirstState .navigation > li:hover a {
    color: #fff !important;
}

header #headerFirstState  .navigation li li > a {
    color: #686868 !important;
}

.single-portfolio header.borderhover .navigation li:hover a ,.single-portfolio header.borderhover .navigation li.active a ,.single-portfolio header.borderhover .navigation > ul > li.current_page_item a {
    background-color: transparent !important;
}
.single-gallery header.borderhover .navigation li:hover a ,.single-gallery header.borderhover .navigation li.active a ,.single-gallery header.borderhover .navigation > ul > li.current_page_item a {
    background-color: transparent !important;
}

header .navigation > ul > li:first-child{
	margin-left: 0;
}

header .navigation > ul > li > a{
	position: relative;
	z-index: 10;
	line-height: 14px;
	border-bottom:4px solid transparent;
    font-size:14px;
    letter-spacing:1px;
    font-family: Dosis, sans-serif;
    font-weight:600;
    padding:6px 5px 2px;
    margin:15px 0;

	-moz-transition: border 300ms ease 0s , color 300ms ease 0s;
	-o-transition: border 300ms ease 0s , color 300ms ease 0s;
	-webkit-transition: border 300ms ease 0s , color 300ms ease 0s;
	transition: border 300ms ease 0s , color 300ms ease 0s;
}

header.fillhover .navigation > ul > li  ul .spanHover {
    display:none;
}

header.fillhover .navigation > ul > li > a {
    padding-top:23px;
    padding-bottom:16px;
    margin:0 9px;
}

header .navigation > ul > li > a > span , .navigation-mobile a span {
    text-transform:capitalize !important;
}

header.borderhover .navigation > ul > li.current_page_item a {
    color:#fff;
    background-color:#000;
}

header .navigation > ul > li .spanHover {
   height:0;
   position:absolute;
   top:13px;
   right: calc(50% - 23px);
   background-color:#f83333;
   width:46px;
   overflow:hidden;

   -moz-transition:height 100ms ease-in-out;
	-o-transition:height 100ms ease-in-out;
	-webkit-transition:height 200ms ease-in-out;
	transition:height 100ms ease-in-out;
}

.single-portfolio header .navigation > ul > li .spanHover,.single-portfolio .vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li .verticalspanHover {
    background-color: transparent !important;
}

.single-gallery header .navigation > ul > li .spanHover,.single-gallery .vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li .verticalspanHover {
    background-color: transparent !important;
}

header.fillhover .navigation > ul > li:hover .spanHover  ,
header.fillhover .navigation li.active .spanHover  ,
header.fillhover .navigation > ul > li.current_page_item .spanHover{
   height:52px;

   -moz-transition:height 200ms ease-in-out;
	-o-transition:height 200ms ease-in-out;
	-webkit-transition:height 200ms ease-in-out;
	transition:height 200ms ease-in-out;
}

header .navigation li ul {
	font-size: 14px;
	left:0;
	top: 59px;
	position:absolute;
	z-index:100;
	background-color:#e2e2e2;
    display: none;

    -moz-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.01);
}

header .wave-menu .navigation li ul {
    left:20px;
	top: 88px;
    text-align:left;
}

header .wave-menu .navigation li ul ul {
    left:100%;
    top: 0;
}

header .navigation li:hover > ul{
	display:block
}

header .navigation li li {	
	display:block;
	float:none;
	margin:0;
	min-width:143px;
	border-bottom: 1px solid #c9c9c9;
}

header .navigation li li > a {	
	color:#686868 !important;
    background-color:#f1f1f1 !important;
    font-weight:500;
	line-height:38px;
	margin:0;
	padding:0 15px;
	white-space: nowrap;
    letter-spacing:1px;
    font-size:14px;
    font-family:Dosis,sans-serif;
}

header .navigation li li li > a {
    background-color:#eaeaea !important;
}

header .navigation li li:hover > a {
    -moz-transition:color 150ms ease;
	-o-transition:color 150ms ease;
	-webkit-transition:opacity 150ms ease;
	transition:color 150ms ease;
    color:#000 !important;
}

header .navigation li li ul {
	padding-top:0;
	left:100%;
	top:0;
}

header .sf-sub-indicator {
	display:none
}
	
/* wave Menu */
.wave-menu .container {
	background: #B4BAD2;
}

.menu-wrap a {
	color: #b8b7ad;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
	color: #c94e50;
}

.wave-menu .content-wrap {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.wave-menu .content {
	position: relative;
	background: #b4bad2;
}

.wave-menu .content::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
	transition: opacity 0.4s, transform 0s 0.4s;
}

/* Menu Button */
.menu-button {
	position: fixed;
	top: 0;
	right:0;
	z-index: 1000;
	margin: 1em;
	padding: 0;
	width: 2.5em;
	height: 2.25em;
	border: none;
	text-indent: 2.5em;
	font-size: 1.5em;
	color: transparent;
	background: transparent;
}

.menu-button::before {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	bottom: 0.5em;
	left: 0.5em;
	background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
	content: '';
}

.menu-button:hover {
	opacity: 0.6;
}

/* Close Button */
.close-button {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 1em;
	top: 1em;
	overflow: hidden;
	text-indent: 16px;
	border: none;
	z-index: 1001;
	background: transparent;
	color: transparent;
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	background: #888;
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
	position: fixed;
	top: -5px;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 230px;
	font-size: 1.15em;
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
	-ms-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.wave-menu .menu {
	position: relative;
	width: auto;
	z-index: 1000;
	text-align: center;	
	top: 0%;
	padding: 0 1.5em;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);

    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    float:none;
    margin:0 auto;
}

.show-wave-menu .wave-menu .menu {
    top: 50%;
}

.wave-menu .menu-list > ul {
    top:-20px;
    position:relative;
}

.menu-list a,
.close-button {
	opacity: 0;
	-webkit-transform: translate3d(0,-200px,0);
	transform: translate3d(0,-200px,0);
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
}

.menu-list li:nth-child(1) a {
    -moz-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
}


.menu-list li:nth-child(2) a {
    -moz-transition: transform .5s;
    -o-transition: transform .5s;
    -webkit-transition: transform .5s;
    transition: transform .5s;
}

.menu-list li:nth-child(3) a {
    -moz-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
}

.menu-list li:nth-child(4) a {
    -moz-transition: transform .7s;
    -o-transition: transform .7s;
    -webkit-transition: transform .7s;
    transition: transform .7s;
}

.menu-list li:nth-child(5) a {
    -moz-transition: transform .8s;
    -o-transition: transform .8s;
    -webkit-transition: transform .8s;
    transition: transform .8s;
}

.menu-list li:nth-child(6) a {
    -moz-transition: transform .9s;
    -o-transition: transform .9s;
    -webkit-transition: transform .9s;
    transition: transform .9s;
}

.menu-list li:nth-child(7) a {
    -moz-transition: transform 1s;
    -o-transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: transform 1s;
}
.menu-list li:nth-child(8) a {
    -moz-transition: transform 1.1s;
    -o-transition: transform 1.1s;
    -webkit-transition: transform 1.1s;
    transition: transform 1.1s;
}

.menu-list li {
    display:block;
    float:left;
}


.menu-list a {
	display: inline-block;
	padding: 0.8em;
}

.menu-list a i {
	vertical-align: middle;
}

.menu-list a span {
    font-family:Dosis, sans-serif;
	display: inline-block;
	margin-left: 10px;
	font-size: 0.75em;
	vertical-align: middle;
	font-weight: 600;
	letter-spacing: 1px;
}

/* Morph Shape */
.morph-shape {
	position: absolute;
	width: 100%;
	width: calc(100% + 400px);
	height: 100%;
	top: -14px;
	left: 0;
	fill: #f5f5f5;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translate3d(0,-55px,0);
	transform: translate3d(0,-55px,0);
}

/* Shown menu */
.show-wave-menu .menu-wrap,
.show-wave-menu .menu-list a,
.show-wave-menu .close-button,
.show-wave-menu .morph-shape,
.show-wave-menu .content::before {
	-webkit-transform: translate3d(0,-2px,0);
	transform: translate3d(0,-2px,0);
}

.show-wave-menu .menu-wrap,
.show-wave-menu .content::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.show-wave-menu .menu-list a,
.show-wave-menu .close-button,
.show-wave-menu .content::before {
	opacity: 1;
}

#menu-main-menu li:nth-child(2) a {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

#menu-main-menu li:nth-child(3) a {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

#menu-main-menu li:nth-child(4) a {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

#menu-main-menu li:nth-child(5) a {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

#menu-main-menu li:nth-child(6) a {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

#menu-main-menu li:nth-child(7) a {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}

#menu-main-menu li:nth-child(8) a {
	-webkit-transition-delay: 0.30s;
	transition-delay: 0.30s;
}

#menu-main-menu li:nth-child(9) a {
	-webkit-transition-delay: 0.32s;
	transition-delay: 0.32s;
}

.show-wave-menu .close-button {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.show-wave-menu .content::before {
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}

header a.link-menu {
  position: fixed;
  display: block;
  z-index: 9999;
  right: 0;
  top:0;
}

header a.trigger {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  display: block;
  width: 60px;
  height: 60px;
  text-align: center;
  background-color:#F5F5F5;
  margin-top:60px;
  margin-right:60px;
}

.trigger {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  z-index: 1030;
}

.trigger span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 22px;
  height: 2px;
  margin-top: -2px;
  margin-left: -11px;
  background-color: transparent;
  font-size: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.link-menu span {
    background-color: #383838;
}

.link-menu.light span,
.link-menu.light span:before,
.link-menu.light span:after {
    background-color: #fff;
}

.wavemenu_active span,
.wavemenu_active.light span {
    background-color:transparent;
}

.trigger span:before,
.trigger span:after {
  -webkit-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99);
  -o-transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99);
  transition: all 0.2s cubic-bezier(0, 0.985, 0.17, 0.99);
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: #383838;
  content: '';
}


.trigger-menu span:after {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.trigger-menu:hover span:before,
.trigger-menu:hover span:after {
    -webkit-transform: translateY(0) rotate(180deg);
    -moz-transform: translateY(0) rotate(180deg);
    -ms-transform: translateY(0) rotate(180deg);
    -o-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
}

.wavemenu_active.link-menu span:before {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.wavemenu_active.link-menu span:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}


.wavemenu_active.link-menu:hover span:before,
.wavemenu_active.link-menu:hover span:after {
  -webkit-transform: translateY(0) rotate(180deg);
  -moz-transform: translateY(0) rotate(180deg);
  -ms-transform: translateY(0) rotate(180deg);
  -o-transform: translateY(0) rotate(180deg);
  transform: translateY(0) rotate(180deg);
}

.link-menu span:before {
    -webkit-transform: translateY(-250%);
    -moz-transform: translateY(-250%);
    -ms-transform: translateY(-250%);
    -o-transform: translateY(-250%);
    transform: translateY(-250%);
}

.link-menu span:after {
  -webkit-transform: translateY(250%);
  -moz-transform: translateY(250%);
  -ms-transform: translateY(250%);
  -o-transform: translateY(250%);
  transform: translateY(250%);
}

.link-menu:hover span:before {
  -webkit-transform: translateY(0) rotate(90deg);
  -moz-transform: translateY(0) rotate(90deg);
  -ms-transform: translateY(0) rotate(90deg);
  -o-transform: translateY(0) rotate(90deg);
  transform: translateY(0) rotate(90deg);
}

.link-menu:hover span:after {
  -webkit-transform: translateY(0) rotate(-90deg);
  -moz-transform: translateY(0) rotate(-90deg);
  -ms-transform: translateY(0) rotate(-90deg);
  -o-transform: translateY(0) rotate(-90deg);
  transform: translateY(0) rotate(-90deg);
}


.wave-menu .logo {
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;

    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;

    width:100%;
    opacity: 0;
}

.wave-menu .logo.show_wave_menu_logo {
   opacity:1;
}

.wave-menu .menu-list a span {
    -webkit-transition: background-color .1s ease-in-out , color .05s ease-in-out ;
    -moz-transition: background-color .1s ease-in-out , color .05s ease-in-out ;
    -o-transition: background-color .1s ease-in-out , color .05s ease-in-out ;
    transition: background-color .1s ease-in-out , color .05s ease-in-out ;
    opacity:1; 
    font-size:14px;  
    color:#000;
    padding: 3px 6px;
}

.wave-menu .menu-list a span.verticalspanHover {
    display:none;
}

.wave-menu .menu-list ul ul a span {
    color:#000;
    -webkit-transition: color .1s ease-in-out ;
    -moz-transition: color .1s ease-in-out ;
    -o-transition: color .1s ease-in-out ;
    transition: color .1s ease-in-out ;
}

.wave-menu .menu-list  ul.sub-menu a span {
    font-size:14px;
    font-weight:400;
}

.wave-menu .menu-list li:hover > a span, .wave-menu .menu-list li.active > a span, .wave-menu .menu-list li.current_page_item > a span {
    color:#fff;
    background-color:#000;
    -moz-transition: color 150ms linear , background-color .1s ease-in-out;
    -o-transition: color 150ms linear , background-color .1s ease-in-out;
    -webkit-transition: color 150ms linear , background-color .1s ease-in-out;
    transition: color 150ms linear , background-color .1s ease-in-out;
}
.wave-menu .menu-list li:hover li a span {
   background-color:transparent !important;
   color:#545454;
}

.wave-menu .menu-list li li:hover a span {
   background-color:transparent !important;
}

.wave-menu .menu-list li li a:hover span {
   color:#939393;
}

/*-----------------------------------------------------------------------------------*/
/*	12. vertical menu - Left & Right Position
/*-----------------------------------------------------------------------------------*/

aside.vertical_menu_area {
    position:fixed;
    width: 255px;
    top: 0;
    left: 0;
    padding:45px 40px 25px 25px;
    background-color: #292929;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99998;
    opacity: 1;
    overflow:hidden;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -webkit-transition:opacity .3s ease, visibility .3s ease;
    -moz-transition:opacity .3s ease, visibility .3s ease;
    -ms-transition:opacity .3s ease, visibility .3s ease;
    transition:opacity .3s ease, visibility .3s ease;

}

aside.vertical_menu_area.hide_menu,
#epHeader.hide_menu {
    opacity: 0;
    visibility: hidden;
}

body.removePadding #main-content {
    padding-left: 0;
    padding-right: 0;
}

.right_menu_enabled aside.vertical_menu_area {
    padding:45px 25px 25px 40px;
}

aside.vertical_menu_area .logo {
    display:block;
    margin-bottom:40px;
    margin-left:25px;
    margin-top:15px;
    z-index:6;

    position: absolute;
    height: 125px;
    width: calc(100% - 90px);

}

aside.vertical_menu_area .set_nav_center {
    margin-top: 150px;
    height: calc( 100% - 250px );
    display: table;
    width: 190px;
}

aside.vertical_menu_area .nav_tablecell_elemnt {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.right_menu_enabled aside.vertical_menu_area .logo {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right:25px;
    margin-top: 15px; 
}

.right_menu_enabled aside.vertical_menu_area {
    right: 0;
    left:auto;
}

.vertical_menu_enabled.left_menu_enabled .main-content , .vertical_menu_enabled.left_menu_enabled .footer-bottom {
	padding-left: 255px;
}

.vertical_menu_enabled.right_menu_enabled  .main-content , .vertical_menu_enabled.right_menu_enabled .footer-bottom {
	padding-right: 255px;
}

.vertical_menu_enabled.right_menu_enabled .footer-bottom,
.vertical_menu_enabled.left_menu_enabled .footer-bottom {
    width: calc( 100% - 255px )
}

.vertical_menu_enabled .container.title_container {
    padding-left:0;
    padding-right:0;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation {
    text-align:right;
    padding:5px 0 10px 0;
    position:relative;
    z-index:6;
}

.vertical_menu_enabled.left_menu_enabled .vertical_menu_area .vertical_menu_navigation {
    float: right;
}

.vertical_menu_enabled.right_menu_enabled .vertical_menu_area .vertical_menu_navigation {
    float: left;
}

.right_menu_enabled.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation {
    padding:5px 0 10px 10px;
}

.vertical_menu_enabled.right_menu_enabled  .vertical_menu_area .vertical_menu_navigation {
    text-align:left;
}

.nav_border {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    bottom:0;
    border-right:1px solid #acacac;
    width:100%;
    z-index:-1;
}

.vertical_menu_enabled.right_menu_enabled .vertical_menu_area .nav_border { 
    border-left:1px solid #acacac;
    border-right:none;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation  ul ul li a {
    font-size:13px;
    line-height:25px;
    color:#8c8c8c;
}
 
.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation a {
    color:#ffffff;
    text-decoration:none;
    font-size:16px;
    line-height:40px;
    padding:3px 30px 3px 12px;
    font-family:Dosis,sans-serif;
    font-weight:400;
    display:inline-block;
}

.right_menu_enabled.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation a {
    float:left;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li a {
    position:relative;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li {
    display:block;
}

.verticalspanHover {
    display:none;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li .verticalspanHover {
    position: absolute;
    height: 25px;
    width:0;
    background-color:#d02d48;
    margin-left: 0;
    z-index:-1;
    right:-35px;
    margin:7px 30px 3px 0;
    display:block;
    
    -moz-transition:width 200ms ease-in-out;
    -o-transition:width 200ms ease-in-out;
    -webkit-transition:width 200ms ease-in-out;
    transition:width 200ms ease-in-out;
}

.right_menu_enabled.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li .verticalspanHover {
    left:-24px;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li:hover .verticalspanHover,
.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li.active .verticalspanHover {
    width: 100%;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li ul .verticalspanHover {
    width: 0;
    display:none;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li ul li a {
    opacity: 1;
    -moz-transition: opacity ease-in-out 300ms;
    -o-transition: opacity ease-in-out 300ms;
    -webkit-transition: opacity ease-in-out 300ms;
    transition: opacity ease-in-out 300ms;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation li ul li:hover a {
    opacity:.5;
}

.vertical_menu_enabled .vertical_background_image {
    position: fixed;
    width: 255px;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index:-1;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity:.9;
    background-color:#000;
}

.right_menu_enabled.vertical_menu_enabled .vertical_background_image {
    right:0;
    left:auto;
}

.vertical_menu_enabled .vertical_menu_social {
    position: absolute;
    bottom: 25px;
    right: 45px;
}

.right_menu_enabled.vertical_menu_enabled .vertical_menu_social {
    left: 45px;
    left:auto;
}


header .navigation li a.locallink , .locallink  , .vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation a.locallink ,.navigation-mobile a.locallink , aside.vertical_menu_area .logo.locallink {
    display:none;
}

header .navigation li a.externalLink , .externalLink , .navigation-mobile a.externalLink {
    display:block;
}

.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation a.externalLink  {
    display:inline-block;
}

.page-template-main-page .locallink , .page-template-main-page header .navigation li a.locallink , .page-template-main-page aside.vertical_menu_area .logo.locallink ,.page-template-main-page .navigation-mobile a.locallink {
    display:block;
}

.page-template-main-page.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation a.locallink  { 
    display:inline-block;
}

.page-template-main-page .externalLink , .page-template-main-page header .navigation li a.externalLink  , .page-template-main-page aside.vertical_menu_area .logo.externalLink , .page-template-main-page.vertical_menu_enabled .vertical_menu_area .vertical_menu_navigation a.externalLink, .page-template-main-page .navigation-mobile a.externalLink{
    display:none;
}

/*-----------------------------------------------------------------------------------*/
/*	13. loader
/*-----------------------------------------------------------------------------------*/

#startLoader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background:#fff url(../img/white_loader.gif) no-repeat center center;
}

/*-----------------------------------------------------------------------------------*/
/* 14. Social icons 
/*-----------------------------------------------------------------------------------*/

.socialLinkShortcode a {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.socialLinkShortcode.iconstyle a:hover {
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
}

.socialLinkShortcode a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a7a7a7;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateY(100%) translateY(-2px);
    -moz-transform: translateY(100%) translateY(-2px);
    -ms-transform: translateY(100%) translateY(-2px);
    -o-transform: translateY(100%) translateY(-2px);
    transform: translateY(100%) translateY(-2px);
}

.socialLinkShortcode a:hover::before {
    -webkit-transform: translateY(-100%) translateY(2px);
    -moz-transform: translateY(-100%) translateY(2px);
    -ms-transform: translateY(-100%) translateY(2px);
    -o-transform: translateY(-100%) translateY(2px);
    transform: translateY(-100%) translateY(2px);
}

    .social-icons li , .socialLinkShortcode {
	    float:left;
	    display: block;
	    margin-left:2px;
        margin-bottom :5px;
	    width:25px;
	    height:35px;
    }

.socialLinkShortcode.textstyle {
    padding:0 15px 0  0;
}

.socialLinkShortcode.textstyle  a {
    padding:0 2px;
}

.socialLinkShortcode.textstyle , .socialLinkShortcode.textstyle a {
    width:auto;
}

.socialLinkShortcode.textstyle a span {
    text-transform:uppercase;
    line-height:30px;
    font-size:12px;
    font-weight: 600;
    letter-spacing: 1px;
    display:block;
    height:100%;
    width:100%;
}

.socialLinkShortcode.light.textstyle a span , .footer-bottom.dark .socialLinkShortcode.textstyle a span {
    color:#eee;
}

.social-icons li:first-child {
	margin-left:0;
}

.social-icons a , .socialLinkShortcode a {
	text-align: center;
	display:block;
	height:30px;
	width:25px;
	text-decoration: none;
    position:relative;
    overflow:hidden;
    border-radius:0px;
}

.footer-bottom .social-icons a {
    border:none;
}

.footer-bottom .social-icons li {
    margin-left: 0;
}

.social-icons span , .socialLinkShortcode span {
	color:#3c3c3c;
	font-size: 16px;
	background-color:transparent;
	line-height: 30px;
}

.footer-bottom  .social-icons span {
    font-size: 21px;
}

.social-icons span.icon, .socialLinkShortcode span.icon {
    border:none !important;
    background-color:transparent;
    height:25px;
    width:25px;
    color:#fff;
}

.socialLinkShortcode span.icon{
	background-size: contain; 
	display: block;
}

.social-icons.dark span.icon, .socialLinkShortcode.dark span.icon {
    color:#313131;
}

.socialLinkShortcode span.icon.icon-custom2 , .socialLinkShortcode span.icon.icon-custom2 {
    display: block;
	background-repeat: no-repeat;
    background-size: contain;
}

.socialLinkShortcode.light span.icon {
    color:#fff;
}

.socialLinkShortcode.twitter a::before, .socialLinkShortcode.twitter2 a::before {
    background-color:#55ACEE;
}

.socialLinkShortcode.twitter:hover span.icon {
    color:#55ACEE;
}

.socialLinkShortcode.facebook3 a::before, .socialLinkShortcode.facebook a::before {
    background-color:#3B5998;
}

.socialLinkShortcode.facebook3:hover span.icon {
    color:#3B5998;
}

.socialLinkShortcode.dribbble2 a::before, .socialLinkShortcode.dribbble2 a::before {
    background-color:#EA4C89;
}

.socialLinkShortcode.dribbble2:hover span.icon {
    color:#EA4C89;
}

.socialLinkShortcode.youtube a::before, .socialLinkShortcode.youtube a::before {
    background-color:#CD201F;
}

.socialLinkShortcode.youtube:hover span.icon {
    color:#CD201F;
}

.socialLinkShortcode.googleplus2 a::before, .socialLinkShortcode.googleplus2  a::before {
    background-color:#CC3732;
}

.socialLinkShortcode.googleplus2:hover span.icon {
    color:#CC3732;
}

.socialLinkShortcode.digg a::before, .socialLinkShortcode.digg a::before {
    background-color:#b2b2b2;
}

.socialLinkShortcode.digg:hover span.icon {
    color:#b2b2b2;
}

.socialLinkShortcode.tumblr2 a::before, .socialLinkShortcode.tumblr2 a::before {
    background-color:#385a75;
}

.socialLinkShortcode.tumblr2:hover span.icon {
    color:#385a75;
}

.socialLinkShortcode.linkedin2 a::before, .socialLinkShortcode.linkedin2 a::before {
    background-color:#5874b7;
}

.socialLinkShortcode.linkedin2:hover span.icon {
    color:#5874b7;
}

.socialLinkShortcode.forrst a::before, .socialLinkShortcode.forrst a::before {
    background-color:#1c8328;
}

.socialLinkShortcode.forrst:hover span.icon {
    color:#1c8328;
}

.socialLinkShortcode.feed2 a::before, .socialLinkShortcode.feed2 a::before {
    background-color:#f8852e;
}

.socialLinkShortcode.feed2:hover span.icon {
    color:#f8852e;
}

.socialLinkShortcode.flickr2 a::before, .socialLinkShortcode.flickr2 a::before {
    background-color:#ff0084;
}

.socialLinkShortcode.flickr2:hover span.icon {
    color:#ff0084;
}

.socialLinkShortcode.myspace a::before, .socialLinkShortcode.myspace a::before {
    background-color:#008dde;
}

.socialLinkShortcode.myspace:hover span.icon {
    color:#008dde;
}

.socialLinkShortcode.vimeo a::before, .socialLinkShortcode.vimeo a::before {
    background-color:#4bf;
}

.socialLinkShortcode.vimeo:hover span.icon {
    color:#4bf;
}

.socialLinkShortcode.github5 a::before, .socialLinkShortcode.github5 a::before {
    background-color:#d0d2d4;
}

.socialLinkShortcode.github5:hover span.icon {
    color:#d0d2d4;
}

.socialLinkShortcode.lastfm a::before, .socialLinkShortcode.lastfm a::before {
    background-color:#d51007;
}

.socialLinkShortcode.lastfm:hover span.icon {
    color:#d51007;
}

.socialLinkShortcode.reddit a::before, .socialLinkShortcode.reddit a::before {
    background-color:#ff4500;
}

.socialLinkShortcode.reddit:hover span.icon {
    color:#ff4500;
}

.socialLinkShortcode.deviantart a::before, .socialLinkShortcode.deviantart a::before {
    background-color:#4b5d50;
}

.socialLinkShortcode.deviantart:hover span.icon {
    color:#4b5d50;
}

.socialLinkShortcode.pinterest a::before, .socialLinkShortcode.pinterest a::before {
    background-color:#CC2127;
}

.socialLinkShortcode.pinterest:hover span.icon {
    color:#CC2127;
}

.socialLinkShortcode.blogger a::before, .socialLinkShortcode.blogger a::before {
    background-color:#f57d00;
}

.socialLinkShortcode.blogger:hover span.icon {
    color:#f57d00;
}

.socialLinkShortcode.xing a::before, .socialLinkShortcode.xing a::before {
    background-color:#006567;
}

.socialLinkShortcode.xing:hover span.icon {
    color:#006567;
}

.socialLinkShortcode.soundcloud a::before, .socialLinkShortcode.soundcloud a::before {
    background-color:#f60;
}

.socialLinkShortcode.soundcloud:hover span.icon {
    color:#f60;
}

.socialLinkShortcode.delicious a::before, .socialLinkShortcode.delicious a::before {
    background-color:#3274d1;
}

.socialLinkShortcode.delicious:hover span.icon {
    color:#3274d1;
}

.socialLinkShortcode.foursquare a::before, .socialLinkShortcode.foursquare a::before {
    background-color:#2398c9;
}

.socialLinkShortcode.foursquare:hover span.icon {
    color:#2398c9;
}

.socialLinkShortcode.instagram a::before, .socialLinkShortcode.instagram a::before {
    background-color:#3f729b;
}

.socialLinkShortcode.instagram:hover span.icon {
    color:#3f729b;
}

.socialLinkShortcode.yahoo a::before, .socialLinkShortcode.yahoo a::before {
    background-color:#731a8b;
}

.socialLinkShortcode.yahoo:hover span.icon {
    color:#731a8b;
}

.socialLinkShortcode.steam a::before, .socialLinkShortcode.steam a::before {
    background-color:#000;
}

.socialLinkShortcode.steam:hover span.icon {
    color:#000;
}

.socialLinkShortcode.stumbleupon a::before, .socialLinkShortcode.stumbleupon a::before {
    background-color:#eb4924;
}

.socialLinkShortcode.stumbleupon:hover span.icon {
    color:#eb4924;
}

.socialLinkShortcode.wordpress a::before, .socialLinkShortcode.wordpress a::before {
    background-color:#21759b;
}

.socialLinkShortcode.wordpress:hover span.icon {
    color:#21759b;
}

.socialLinkShortcode.skype a::before, .socialLinkShortcode.skype a::before {
    background-color:#00aff0;
}

.socialLinkShortcode.skype:hover span.icon {
    color:#00aff0;
}

.socialLinkShortcode.paypal a::before, .socialLinkShortcode.paypal a::before {
    background-color:#22bcee;
}

.socialLinkShortcode.paypal:hover span.icon {
    color:#22bcee;
}


/*-----------------------------------------------------------------------------------*/
/*  15. socail Share
/*-----------------------------------------------------------------------------------*/

.socailshare {
    padding-top:5px;
}

.share-item {
    float:left;
    width: 90px;
}

.share-item.google {
    float:left;
    width: 70px;
}

.share-item > a {
    float:left !important;
}

.share-item.pin{
    width:60px;
}

/*-----------------------------------------------------------------------------------*/
/*  16. image shortcode
/*-----------------------------------------------------------------------------------*/

.imageBox .title {
    font-size:25px;
    line-height:23px;
    font-weight: 500;
    color:#282828;
    text-decoration:none;
    float:left;
    border-left:solid #000 1px;
    padding-left:16px;
}

.imageBox .content .title a {
    color:inherit;
    text-decoration:none;

    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.imageBox .content .title a:hover {
    opacity:.6;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.imageBox .title .subtitle {
    display:block;
    color:#363636;
    letter-spacing:0;
    font-size:13px;
    font-family:'Open Sans',sans-serif;
}

.imageBox .content .text {
    padding-top:17px;
    color:#252525;
    font-size:13px;
    font-family: 'Open Sans' , sans-serif;
}


.imageBox .image {
    line-height:0;
    text-align:center;
    width:100%
}

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

.imageBox.imageBoxleft .content {
    text-align:left;
}

.imageBox.imageBoxRight .content{
    text-align:right;
}

.imageBox.imageBoxCenter .content{
    text-align:center;
}

.imageBox .content {
    padding: 38px 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #000;
}

.imageBox .image , .imageBox {
    overflow:hidden;
    position:relative;
}

.imageBox.imgBoxHover img , .imageBox.imgBoxHover {

    -webkit-transition: transform .3s linear; 
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear;
}

.imageBox.imgBoxHover:hover img {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    
    -webkit-transition: transform .2s linear;
    -moz-transition: transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
}

.imageBox .imagebox-hover {

    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:#000;
    opacity:0;

    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;

}

.imageBox:hover .imagebox-hover {
    opacity:0.2;

    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

/*-----------------------------------------------------------------------------------*/
/*  17. textbox shortcode
/*-----------------------------------------------------------------------------------*/

.textBox .title {
    font-size:26px;
    line-height:34px;
    font-family: Dosis, sans-serif;
    font-weight: 500;
    color:#101010;
    text-decoration:none;
    float:left;
    letter-spacing:1px;
}

.textBox .title a {
    color:inherit;
    text-decoration:none;

    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.textBox .title a:hover {
    opacity:.6;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.textBox .subtitle {
    display:block;
    color:#363636;
    font-family:'Open Sans',sans-serif;
}

.textLeftBorder .title {
    border-left:solid #d02d48 8px;
    padding-left:16px;
}

.textBox .text {
    color:#363636;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
}
    
.textBox.textRightBorder .title {
    border-right:2px solid #000;
    text-align:right;
    float:right;
}

.textBox.textRightBorder .title.no-subtitle,
.textBox.textLeftBorder .title.no-subtitle {
padding-bottom: 12px;
}

.textBox.textLeftBorder .title {
    border-left:2px solid #000;
}

.textBox.textTopBorder hr {
    width:50%;
    height:2px;
    background-color:#000;
    margin:0 0 20px;
}

.textBox.textBottomBorder hr {
    width:50%;
    height:2px;
    background-color:#000;
    margin:14px 0 0px;
}

/* Alignment for text box description */
.textBox.imageBoxleft .text {
    text-align:left;
}

.textBox.textBoxRight .text {
    text-align:right;
}

.textBox.textBoxCenter .text {
    text-align:center;
}

/* undeline Align - top and Bottom */
.textBox.textBoxUnderCenter .title hr {
    margin-right:auto;
    margin-left:auto;
    max-width:140px;
}

.textBox.textBoxUnderCenter .title  {
    width:100%;
    text-align:center;
}

.textBox.textBoxUnderRight .title hr {
    margin:20px 0 0 auto;
}

.textBox.textBoxUnderRight .title  {
    float:right;
    text-align:right;
}

/* text box - size 20 */
.textBox.fontSize20 .title {
    font-size:20px;
    line-height:25px;
}

.textBox.textRightBorder.fontSize20 .title {
    padding-right:21px;
    padding-top:12px;
    padding-bottom:5px;
}

.textBox.textLeftBorder.fontSize20 .title {
    padding-left:20px;
    padding-top:9px;
    padding-bottom:5px;
}

.textBox.textRightBorder.fontSize20.nosubtitle .title ,
.textBox.textLeftBorder.fontSize20.nosubtitle .title {
    padding-bottom:9px;
}

.textBox.fontSize20 .text {
    padding-top:15px;
}

.textBox.fontSize20 .subtitle {
  line-height:21px;
  font-size:13px;
}

.textBox.textTopBorder.fontSize20 .text {
    padding-top:24px;
}

.textBox.fontSize20.textBottomBorder .text {
    padding-top:23px;
}  

/* text box - size 24 */
.textBox.fontSize24 .title {
    font-size:24px;
    line-height:31px;
}

.textBox.textRightBorder.fontSize24 .title {
    padding-right:23px;
    padding-top:7px;
}

.textBox.textLeftBorder.fontSize24 .title {
    padding-left:22px;
    padding-top:7px;
}

.textBox.textRightBorder.fontSize24.nosubtitle .title ,
.textBox.textLeftBorder.fontSize24.nosubtitle .title {
    padding-bottom:8px;
}

.textBox.fontSize24 .text {
    padding-top:15px;
}

.textBox.fontSize24 .subtitle {
  line-height:30px;
  font-size:14px;
}

.textBox.fontSize24.textBottomBorder .text {
    padding-top:18px;
}  

/* text box - size 32 */
.textBox.fontSize32 .title {
    font-size:32px;
    line-height:32px;
}

.textBox.textRightBorder.fontSize32 .title {
    padding-right:23px;
    padding-top:14px;
}

.textBox.textLeftBorder.fontSize32 .title {
    padding-left:22px;
    padding-top:10px;
}

.textBox.textRightBorder.fontSize32.nosubtitle .title ,
.textBox.textLeftBorder.fontSize32.nosubtitle .title {
    padding-bottom:11px;
}

.textBox.fontSize32 .text {
    padding-top:15px;
}

.textBox.fontSize32 .subtitle {
  line-height:33px;
  font-size:15px;
}

.textBox.fontSize32.textBottomBorder .text {
    padding-top:23px;
}  

/* text box - size 40 */
.textBox.fontSize40 .title {
    font-size:40px;
    line-height:48px;
}

.textBox.textRightBorder.fontSize40 .title {
    padding-right:23px;
    padding-top:16px;
}

.textBox.textLeftBorder.fontSize40 .title {
    padding-left:22px;
    padding-top:8px;
}

.textBox.textRightBorder.fontSize40.nosubtitle .title ,
.textBox.textLeftBorder.fontSize40.nosubtitle .title {
    padding-bottom:10px;
}

.textBox.fontSize40 .text {
    padding-top:16px;
}

.textBox.fontSize40 .subtitle {
  line-height:30px;
  padding-left:4px;
  padding-right:4px;
  font-size:16px;
}

.textBox.fontSize48.textBottomBorder .text {
    padding-top:23px;
}

.textBox.textTopBorder.fontSize40 .text {
     padding-top:15px;
}

/* text box - size 48 */
.textBox.fontSize48 .title {
    font-size:48px;
    line-height:54px;
}

.textBox.textRightBorder.fontSize48 .title {
    padding-right:23px;
    padding-top:22px;
}

.textBox.textLeftBorder.fontSize48 .title {
    padding-left:22px;
    padding-top:8px;
}

.textBox.textRightBorder.fontSize48.nosubtitle .title ,
.textBox.textLeftBorder.fontSize48.nosubtitle .title {
    padding-bottom:7px;
}

.textBox.fontSize48 .text {
    padding-top:18px;
}

.textBox.textTopBorder.fontSize48 .text {
     padding-top:15px;
}

.textBox.fontSize48 .subtitle {
  line-height:40px;
  padding-left:4px;
  padding-right:4px;
  font-size:18px;
}

/* text box - size 60 */
.textBox.fontSize60 .title {
    font-size:60px;
    line-height:70px;
}

.textBox.fontSize60 .text {
    padding-top:20px;
}

.textBox.textRightBorder.fontSize60 .title {
    padding-right:23px;
    padding-top:27px;
}

.textBox.textLeftBorder.fontSize60 .title {
    padding-left:23px;
    padding-top:15px;
}

.textBox.textRightBorder.fontSize60.nosubtitle .title ,
.textBox.textLeftBorder.fontSize60.nosubtitle .title {
    padding-bottom:19px;
}

.textBox.fontSize60 .subtitle {
  line-height:40px;
  padding-left:4px;
  padding-right:4px;
  font-size:20px;
}

/* text box - size 80 */
.textBox.fontSize80 .title {
    font-size:80px;
    line-height:90px;
}

.textBox.textRightBorder.fontSize80 .title {
    padding-right:23px;
    padding-top:20px;
}

.textBox.textLeftBorder.fontSize80 .title {
    padding-left:23px;
    padding-top:10px;
}

.textBox.textRightBorder.fontSize80.nosubtitle .title ,
.textBox.textLeftBorder.fontSize80.nosubtitle .title {
    padding-bottom:11px;
}

.textBox.fontSize80 .subtitle {
  font-size:22px;
  line-height:50px;
}

.textBox.fontSize80 .text {
    padding-top:20px;
}

.textBox.textBoxNoStyle .title   {
    margin-bottom:10px;
}

.textBox.textBoxUnderline .title  hr  {
    height:6px;
    width:15%;
    background-color:#101010;
    margin:3px 0 0 0;
}

.textBox.fontSize32.textBoxUnderline .title hr  , .textBox.fontSize45.textBoxUnderline .title hr {
    margin:15px 0 0;
}

.textBox.fontSize32.textBoxUnderline .title hr  , .textBox.fontSize38.textBoxUnderline .title hr  , .textBox.fontSize45.textBoxUnderline .title hr {
    margin-top:15px;
}

.textBox.fontSize25.textBoxUnderline .title hr {
    margin-top:10px;
}

.textBox.textBoxNoStyle .title hr {
    display:none;
}

.textBox .text.contentfs12 {
    font-size:12px;
}

.textBox .text.contentfs13 {
    font-size:13px;
    line-height:22px;
}

.textBox .text.contentfs14 {
    font-size:14px;
    line-height:23px;
}

.textBox .text.contentfs16 {
    font-size:16px;
    line-height:25px;
}

.textRightBorder.textBox .text {
    text-align:right;
}

/*-----------------------------------------------------------------------------------*/
/*  18. Custom title
/*-----------------------------------------------------------------------------------*/

.custom-title {
    text-align: center;
}

.custom-title .title {
    font-family: Dosis, sans-serif;
    font-weight: 400;
    color:#101010;
    text-decoration:none;
    display: inline-block;
    position: relative;
}

.custom-title .title span {
    z-index: 1;
    position: relative;
}

.custom-title.fontSize20 .title {
    font-size:20px;
    line-height:20px;
}

.custom-title.fontSize24 .title {
    font-size:24px;
    line-height:24px;
     margin-top: 24px;
}

.custom-title.fontSize32 .title {
    font-size:32px;
    line-height:32px;
     margin-top: 32px;
}

.custom-title.fontSize40 .title {
    font-size:40px;
    line-height:40px;
     margin-top: 40px;
     margin-bottom:20px;
}

.custom-title.fontSize48 .title {
    font-size:48px;
    line-height:40px;
     margin-top: 40px;
}

.custom-title.fontSize60 .title {
    font-size:60px;
    line-height:50px;
    margin-top: 50px;
}

.custom-title.fontSize80 .title {
    font-size:80px;
    line-height:80px;
    margin-top: 100px;
}


.letterspacing1 {
    letter-spacing: 2px;
}

.letterspacing2 {
    letter-spacing: 5px;
}

.letterspacing3 {
    letter-spacing: 8px;
}

.letterspacing4 {
    letter-spacing: 12px;
}

/* shapes */
.custom-title .shape-container{
    position: absolute;
    left: 50%;
    bottom:100%;
}

.custom-title .shape-container .shape-line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
}

/* Sizes */

.custom-title.fontSize80 .shape-container{
    width: 100px;
    height: 100px;
    margin-bottom:50px;
    margin-left: -50px;
}

.custom-title.fontSize60 .shape-container {
    width: 90px;
    height: 90px;
    margin-bottom:40px;
    margin-left: -45px;
}

.custom-title.fontSize48 .shape-container {
    width: 80px;
    height: 80px;
    margin-bottom:30px;
    margin-left: -40px;
}

.custom-title.fontSize40 .shape-container {
    width: 70px;
    height: 70px;
    margin-bottom:25px;
    margin-left: -35px;
}

.custom-title.fontSize32 .shape-container {
    width: 60px;
    height: 60px;
    margin-bottom:20px;
    margin-left: -30px;
}

.custom-title.fontSize24 .shape-container {
    width: 56px;
    height: 56px;
    margin-bottom:16px;
    margin-left: -28px;
}

.custom-title.fontSize20 .shape-container {
    width: 44px;
    height: 44px;
    margin-bottom:12px;
    margin-left: -22px;
}

/* line */
.custom-title .shape-container.line {
    width: 3px;
    margin-left: 0;
    bottom:100%;
}

.custom-title .shape-container .back-line{
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    opacity: .6;
    background-color: #101010; 
}

.custom-title .shape-container .hover-line{
    position: absolute;
    width: 3px;
    height: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
    z-index:1;
    background-color: #d02d48;
    -webkit-transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: height 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.custom-title .title span:hover + .shape-container .hover-line{
    height: 100%;
}

.custom-title.fontSize80 .shape-container.line {
    height: 160px;
}

.custom-title.fontSize60 .shape-container.line {
    height: 140px;
}

.custom-title.fontSize48 .shape-container.line {
    height: 125px;
}

.custom-title.fontSize40 .shape-container.line {
    height: 110px;
}

.custom-title.fontSize32 .shape-container.line {
    height: 95px;
}

.custom-title.fontSize24 .shape-container.line {
    height: 75px;
}

.custom-title.fontSize20 .shape-container.line {
    height: 60px;
}


/* Square */
.custom-title .shape-container.square .shape-line {
    border: 4px solid #d02d48;
    box-sizing: border-box;
    width:100%;
    height: 100%;
}

/* Rptated square */
.custom-title .shape-container.rotated_square .shape-line {
    border: 4px solid #d02d48;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* Circle */
.custom-title .shape-container.circle .shape-line {
    border: 4px solid #d02d48;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

/* Triangle */
.custom-title .shape-container.triangle .shape-line {
    border-bottom: 4px solid #d02d48;
    box-sizing: border-box;
    width:100%;
    height: 100%;
    z-index: 1;
}

.custom-title .shape-container.triangle .shape-line:after {
    content: "";
    border-bottom: 4px solid #d02d48;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    transform: rotate(-120deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    left: 100%;
}

.custom-title .shape-container.triangle .shape-line:before {
    content: "";
    position: absolute;
    border-bottom: 4px solid #d02d48;
    width: 100%;
    height: 100%;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    left: 0;
}

.custom-title .shape-container.triangle .shape-fill {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    bottom: 0;
    position: absolute;
    left: 0px;
}

.custom-title.fontSize80 .shape-container.triangle .shape-fill {
    border-width: 100px 50px 87px 50px
}

.custom-title.fontSize60 .shape-container.triangle .shape-fill {
    border-width: 90px 45px 78px 45px
}

.custom-title.fontSize48 .shape-container.triangle .shape-fill {
    border-width: 80px 40px 70px 40px;
}

.custom-title.fontSize40 .shape-container.triangle .shape-fill {
    border-width: 70px 35px 62px 35px;
}

.custom-title.fontSize32 .shape-container.triangle .shape-fill {
    border-width: 60px 30px 53px 30px;
}

.custom-title.fontSize24 .shape-container.triangle .shape-fill {
    border-width: 56px 28px 50px 28px;
}

.custom-title.fontSize20 .shape-container.triangle .shape-fill {
    border-width: 44px 22px 40px 22px;
}


/*-----------------------------------------------------------------------------------*/
/*  19. Custom textbox
/*-----------------------------------------------------------------------------------*/

.custom-textbox .textBox {
    padding: 27px;
    width: 100%;
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-textbox {
    padding:10px;
    position: relative;
    margin-bottom:10px;
}

.custom-textbox .custom-textbox-bg {
    content:"";
    position: absolute;
    height: 100%;
    width: 0;
    background-color:#fff;
    top:0;
    left:0;
    z-index: 0;
    -webkit-transition: width .7s ease-in-out 0s;
    -moz-transition: width .7s ease-in-out 0s;
    -o-transition: width .7s ease-in-out 0s;
    transition: width .7s ease-in-out 0s;
}

.custom-textbox.bg-animated .custom-textbox-bg {
    width: 100%;
}

.custom-textbox .textBox .text {
    opacity:0;
    -webkit-transition: opacity .4s ease-in-out 1s;
    -moz-transition: opacity .4s ease-in-out 1s;
    -o-transition: opacity .4s ease-in-out 1s;
    transition: opacity .4s ease-in-out 1s;
}

.custom-textbox.active .textBox .text {
    opacity:1;
}

.custom-textbox .textBox .title {
    opacity:0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    -moz-transition: -moz-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    -o-transition: -o-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
}

.custom-textbox.active .textBox .title {
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    word-wrap: break-word;
    box-sizing: border-box;
    width: 100%;
}

.custom-textbox .textBox .subtitle {
    opacity:0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    -moz-transition: -moz-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    -o-transition: -o-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    transition: transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
}
.custom-textbox.active .textBox .subtitle {
    opacity:1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

/* border animation - custom text box */
.custom-textbox .frame,
.custom-textbox .frame div {
    position: absolute;
}

.custom-textbox .frame.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}

.custom-textbox .frame.right {
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
}

.custom-textbox .frame.bottom {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}

.custom-textbox .frame.left {
  left: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
}

.custom-textbox .frame div {
    background-color:#000;
    width:0;
    height:2px;
}

.custom-textbox .frame.top div,
.custom-textbox .frame.bottom div {
    -webkit-transition: width 1s ease-in-out .35s;
    -moz-transition: width 1s ease-in-out .35s;
    -o-transition: width 1s ease-in-out .35s;
    transition: width 1s ease-in-out .35s;
}

.custom-textbox .frame.left div,
.custom-textbox .frame.right div {
    -webkit-transition: height 1s ease-in-out .35s;
    -moz-transition: height 1s ease-in-out .35s;
    -o-transition: height 1s ease-in-out .35s;
    transition: height 1s ease-in-out .35s;
}

.custom-textbox .frame.top div {
    width:0;
    height:2px;
    left:0;
}

.custom-textbox .frame.bottom div {
    width:0;
    height:2px;
    right:0;
}

.custom-textbox .frame.left div {
    width:2px;
    height:0;
    bottom:0;
}

.custom-textbox .frame.right div {
    width:2px;
    height:0;
    top:0;
}

.custom-textbox.active .frame.top div,
.custom-textbox.active .frame.bottom div {
    width:100%;
}

.custom-textbox.active .frame.left div,
.custom-textbox.active .frame.right div {
    height:100%;
}

/*-----------------------------------------------------------------------------------*/
/*  20. image & text shortcode Animation
/*-----------------------------------------------------------------------------------*/

.imgWithAnimation , .iconWithAnimation  , .textWithAnimation  , .teamWithAnimation  , .counterWithAnimation , .pieChartWithAnimation , .progressbarWithAnimation , .testimonialWithAnimation  {
    opacity:0;
    position:relative;
    max-width: 100%; 
    width: auto;
    height: auto;
   -webkit-transform: scale(1, 1);
}

.imgWithAnimation[data-animation="fade-in-left"] ,
.textWithAnimation[data-animation="fade-in-left"]  ,
.iconWithAnimation[data-animation="fade-in-left"] , 
.teamWithAnimation[data-animation="fade-in-left"] , 
.counterWithAnimation[data-animation="fade-in-left"] ,
.progressbarWithAnimation[data-animation="fade-in-left"] ,
.testimonialWithAnimation[data-animation="fade-in-left"] ,
.pieChartWithAnimation[data-animation="fade-in-left"] {
    left:-80px;
}


.imgWithAnimation[data-animation="fade-in-right"] , 
.textWithAnimation[data-animation="fade-in-right"], 
.iconWithAnimation[data-animation="fade-in-right"] , 
.teamWithAnimation[data-animation="fade-in-right"]  , 
.counterWithAnimation[data-animation="fade-in-right"] ,
.progressbarWithAnimation[data-animation="fade-in-right"] ,
.testimonialWithAnimation[data-animation="fade-in-right"] ,
.pieChartWithAnimation[data-animation="fade-in-right"] {
    right:-80px;
}

.imgWithAnimation[data-animation="fade-in-top"] , 
.textWithAnimation[data-animation="fade-in-top"] , 
.iconWithAnimation[data-animation="fade-in-top"] , 
.teamWithAnimation[data-animation="fade-in-top"]  , 
.pieChartWithAnimation[data-animation="fade-in-top"]  , 
.progressbarWithAnimation[data-animation="fade-in-top"]  , 
.testimonialWithAnimation[data-animation="fade-in-top"]  , 
.counterWithAnimation[data-animation="fade-in-top"]  {
    top:-100px;
}

.imgWithAnimation[data-animation="fade-in-bottom"] , 
.textWithAnimation[data-animation="fade-in-bottom"]  , 
.iconWithAnimation[data-animation="fade-in-bottom"] , 
.teamWithAnimation[data-animation="fade-in-bottom"] , 
.pieChartWithAnimation[data-animation="fade-in-bottom"] , 
.progressbarWithAnimation[data-animation="fade-in-bottom"] , 
.testimonialWithAnimation[data-animation="fade-in-bottom"] ,
.counterWithAnimation[data-animation="fade-in-bottom"] {
    bottom:-70px;
}

.imgWithAnimation[data-animation="none"]  , 
.textWithAnimation[data-animation="none"] , 
.iconWithAnimation[data-animation="none"] , 
.teamWithAnimation[data-animation="none"] , 
.pieChartWithAnimation[data-animation="none"] ,
.progressbarWithAnimation[data-animation="none"] ,
.testimonialWithAnimation[data-animation="none"] ,  
.counterWithAnimation[data-animation="none"] {
   opacity:1;
}

.imgWithAnimation[data-animation="grow-in"] ,
.textWithAnimation[data-animation="grow-in"] , 
.iconWithAnimation[data-animation="grow-in"] , 
.teamWithAnimation[data-animation="grow-in"] , 
.pieChartWithAnimation[data-animation="grow-in"] , 
.progressbarWithAnimation[data-animation="grow-in"] ,
.testimonialWithAnimation[data-animation="grow-in"] ,
.counterWithAnimation[data-animation="grow-in"] {
    -webkit-transform: scale(0.4);
    -o-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);

    -webkit-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -moz-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    -o-transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
    transition: opacity 0.6s cubic-bezier(0.15, 0.84, 0.35, 1.25);
}

.notransitionleft {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
    left:0 !important;
}

/*-----------------------------------------------------------------------------------*/
/*	21. Intro Video
/*-----------------------------------------------------------------------------------*/

/* Video FullWidth */																				
.videoColorMask {
    opacity: .4;
}	

.videoMask, .videoColorMask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
}				

.videoHome {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: 100%;
}	

.videoHome  video{
	width:100%;
	height:auto;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.videoHomePreload {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.vc_videowrap .wpb_column {
   z-index:1; 
}
													
/*-----------------------------------------------------------------------------------*/
/*	22. Widgets
/*-----------------------------------------------------------------------------------*/

.sidebar{
    padding: 15px 0 15px 0;
	margin-bottom:20px;
}

.sidebar.no-widgets {
    padding: 0;
}

.widget-area {
    color:#737373;
}

.widget-area .widget-title {
    color:#171717;
    font-size:18px;
    margin-bottom:0;
    line-height:27px;
    border-left:1px solid #171717;
    text-transform:uppercase;
    padding-left:19px;
    margin-bottom:18px;
    font-family: Dosis,sans-serif;
    letter-spacing:2px;
    font-weight:500;
}

.widget-area .widget {
    margin-bottom:60px
}

.widget-area .widget:last-child{
    margin-bottom:0
}

.widget-area a{
    font-size:14px;
    font-weight:400;
    color:#737373;
    text-decoration: none;
    line-height:26px;
    font-family:'Open Sans',sans-serif;
}

.widget-area a:hover{
    color:#d02d48;
}

.widget_pages li ul , .widget_nav_menu  li ul 
{
  margin-left: 20px;
}

.widget_px_facebook iframe {
    max-width:100%;
}

/* Calendar */
#wp-calendar,
#wp-calendar td {
  background-color: rgba(55,58,65,0.04);
}

#wp-calendar,
#wp-calendar caption,
#wp-calendar td {
  border-color: rgba(218,222,225,0.8);
}
.old-ie #wp-calendar,
.old-ie #wp-calendar caption,
.old-ie #wp-calendar td {
  border-color: #dadee1;
}

#wp-calendar td:hover {
  background-color: rgba(55,58,65,0.08);
}
#wp-calendar th,
#wp-calendar caption,
#wp-calendar tfoot td,
#wp-calendar tfoot td a {
  color: #373a41;
}

#wp-calendar td.act {
  background-color: #2a83ed;
  color: #ffffff;
}

#wp-calendar {
	border-style: solid;
	border-width:  1px;
	margin: 25px 0 15px 0;
}

#wp-calendar caption {
    padding: 5px 0 5px 0;
    height: auto;
    border-style: solid;
    border-width:  1px;
    border-bottom: none;
    font-weight:bold;
}

#wp-calendar th{
	height: 25px;
}

#wp-calendar td {
	width: 34px;
	height: 25px;
	border-style: solid;
	border-width:  1px;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	cursor: default;
}

#wp-calendar td a {
	display: block;
	width: 100%;
	text-decoration: none;
}

#wp-calendar td.pad,
.footer #wp-calendar td.pad {
	background: none !important;
	border: none;
}

#wp-calendar tfoot td {
	width: auto;
}

#wp-calendar tfoot td#prev {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar tfoot td#next {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar tfoot td a:hover {
	background: none;
	text-decoration: none;
}


/* Search */
.widget-area .search-form {
	padding: 5px 5px 5px 10px;
    border:1px solid #929292;
}

.widget-area .search-form form{
	padding: 5px 42px 5px 10px;
}

.widget-area .search-form input[type="text"]{
	color: #111111;
    border:none;
    background-color:transparent;
}

.widget-area .search-form input[type="submit"]{
	width:32px;
	background-color:transparent;
}

.widget-area .search-form input[type="submit"]:focus , .widget-area .search-form input[type="submit"]:hover {
    outline: none
}

.widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
	color:    #a6a6a6;
}
.widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #a6a6a6;
}
.widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #a6a6a6;
}
.widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #a6a6a6;
}

/* Lists */

.widget-area ul{
	margin:0;
	list-style: none;
}

.widget-area li{
	padding:0;
}

.widget-area li:first-child{
	padding-top: 0;
}

.widget-area li:last-child{
	margin-bottom: 0;
}

.widget-area li a{
	display: inline-block;
}

.widget-area li ul{
	margin-top:10px;
	padding-left:10px;
}

.widget-area li ul li:last-child{
	border-bottom: none;
	padding-bottom:0;
}

/* Select Element */

.widget-area select{
	width: 95%;
}

/* Tag Cloud */
.tagcloud {
    margin-left: -4px;
}

.post-content .tagcloud {
    margin-left: -4px;
    margin-top: 21px;
    float: right;
}

.tagcloud a{
	padding: 3px 7px;
	border:2px solid #e6e6e6;
	font-size: 13px !important;
	color:#aeaeae;
	text-decoration:none;
	margin-left: 4px;
	margin-bottom: 4px;
	display: inline-block;

	-webkit-transition: color 0.3s, background-color 0.3s;
	-moz-transition: color 0.3s, background-color 0.3s;
	-ms-transition: color 0.3s, background-color 0.3s;
	-o-transition: color 0.3s, background-color 0.3s;
	transition: color 0.3s, background-color 0.3s;
}

.tagcloud a:hover {
    background-color: #fff;
    color:#BEBEBE !important;
    -moz-transition: color ease 400ms, border 500ms ease;
    -o-transition: color ease 400ms, border 500ms ease;
    -webkit-transition: color ease 400ms, border 500ms ease;
    transition: color ease 400ms, border 500ms ease;
    border: 2px solid #BEBEBE;
}

.widget-area .tagcloud a,
.widget-area .tagcloud{
	margin-left: 0;
}

.widget_recent_entries .post-date{
	font-size: 12px;
}

/* Flickr Badge */
.flickr-container{
	margin-left: -5px;
}

.flickr-container:after
{
	clear:both;
	content:"";
	display:table
}

.flickr-container .flickr_badge_image {
	float:left;
	height:50px;
	margin:5px;
	position:relative;
	width:50px
}

.flickr-container .flickr_badge_image img {
	-moz-transition:opacity .2s;
	-o-transition:opacity .2s;
	-webkit-transition:opacity .2s;
	transition:opacity .2s;
}

.flickr-container .flickr_badge_image img:hover {
	opacity:.8;
}

/* Instagram */
.jr-insta-thumb ul.thumbnails.jr_col_4 li a img {
    width: 100%;
    height: 100%;
}
		
/*-----------------------------------------------------------------------------------*/
/*  23. Footer
/*-----------------------------------------------------------------------------------*/

.footer-bottom {
	position:relative;
	width:100%;
	background-color:#f5f5f5;
}

.footer-bottom.dark {
	background-color:#3A3A3A;
}

.ffooter-bottom {
    position: fixed;
    height: 115px;
    z-index: -1;
    bottom: 0 !important;
    left: 0;

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.footer-bottom .copyright {
	line-height:1.8em;
	font-size: 12px;
	font-weight: 400;
    text-align:right;
    color:#838383;
    letter-spacing:1px;
}

.footer-bottom.dark .copyright {
    color:#E5E3E3;
}

.footer-bottom .social-icons {
    padding-top: 15px;
    padding-bottom: 23px; 
    padding-left:34px;
    width:100%;
    float:left;
}


.footer-bottom .nologo .social-icons {
    padding-top: 11px;
    padding-bottom: 0; 
}

.footer-widgetized {
	padding:100px 0;
}

.footer-widgetized.footer-has-banner {
    padding:0 0 175px;
}

.footer-widgetized-gradient {
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.92) 20%, rgba(255,255,255,0.92) 21%, rgba(255,255,255,0.86) 40%, rgba(255,255,255,0.76) 60%, rgba(255,255,255,0.48) 79%, rgba(255,255,255,0.46) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,0.92)), color-stop(21%,rgba(255,255,255,0.92)), color-stop(40%,rgba(255,255,255,0.86)), color-stop(60%,rgba(255,255,255,0.76)), color-stop(79%,rgba(255,255,255,0.48)), color-stop(80%,rgba(255,255,255,0.46)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 20%,rgba(255,255,255,0.92) 21%,rgba(255,255,255,0.86) 40%,rgba(255,255,255,0.76) 60%,rgba(255,255,255,0.48) 79%,rgba(255,255,255,0.46) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 20%,rgba(255,255,255,0.92) 21%,rgba(255,255,255,0.86) 40%,rgba(255,255,255,0.76) 60%,rgba(255,255,255,0.48) 79%,rgba(255,255,255,0.46) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 20%,rgba(255,255,255,0.92) 21%,rgba(255,255,255,0.86) 40%,rgba(255,255,255,0.76) 60%,rgba(255,255,255,0.48) 79%,rgba(255,255,255,0.46) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.92) 20%,rgba(255,255,255,0.92) 21%,rgba(255,255,255,0.86) 40%,rgba(255,255,255,0.76) 60%,rgba(255,255,255,0.48) 79%,rgba(255,255,255,0.46) 80%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.footer_content {
    padding:30px 0 25px 0;
    min-height:95px;
}

.nologo.footer_content {
    min-height:60px;
}

.footer_content_right , .footer_content_left {
    width:49%;
    float:left;
}

.footer_content_left .copyright_logo {
    margin-right:35px;
    height:66px;
}

.nologo .footer_content_left .copyright_logo {
    height: 30px;
}

.footer_content_left {
    border-right:1px solid #000;
}

.footer-bottom.dark .footer_content_left {
    border-right:1px solid #5c5c5c;
}

.nologo .footer_content_left {
    padding: 18px 0;
}

/* footer logo */
.footerlogo {
    text-align:right;
}

.footerlogo img {
    max-height:43px;
}

.nocopyRight .footerlogo {
    height:65px;
    padding:10px 0;
}

/* Widgets */
footer .widget-area {
    padding:35px 0;
    position:relative
}

footer .widget-area .widget-title{
    color: #656565;
    text-transform: uppercase;
}

footer .widget-area a{
    color:#8d8d8d;
}

/* Lists */
footer .widget-area li{
    border-bottom: 1px solid #aeaeae;
}

/* Recent Tweets */
footer .widget_px_twitter li {
    border-bottom: none;
}

footer .widget_px_twitter li a {
    display: inline;
}

footer .widget_px_twitter .link {
    color:#939393;
}

footer .widget_px_twitter hr.hr-twitter{
    background-color: #4b4b4b;
}

/* Progress bar */
footer .widget_px_progress .progress{
    background-color: #c8eafc;
}

/* Search */
footer .widget-area .search-form input[type="text"]{
    color:#949494;
}

footer .widget-area .search-form input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:#949494;
}
footer .widget-area .search-form input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#949494;
}
footer .widget-area .search-form input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#949494;
}
footer .widget-area .search-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#949494;
}

/* Custom Menu */
footer .widget_nav_menu .sub-menu{
    margin: 8px 0 0 10px;
}

footer .widget_nav_menu a{
    display: block;
    padding: 3px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -moz-transition:background-color 200ms;
    -o-transition:background-color 200ms ;
    -webkit-transition:background-color 200ms;
    transition:background-color 200ms;
}

footer .widget_nav_menu a:hover{
    background-color: #b3b3b3;
    padding-left: 10px;
}

.footer-widgetized .progressbar .progress {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.footer-widgetized .progressbar .progress {
    height:21px;
}

.footer-widgetized .progressbar .title {
    position:absolute;
    color:#fff;
    top:5px;
    left:8px;

    font-weight:400;
    font-family: Dosis,sans-serif;
    line-height: 11px;
    font-size:11px;
}

.footer-widgetized .progressbar {
    position:relative;
}

.footer-widgetized  .flickr-container .flickr_badge_image {
    height:70px;
    width:70px;
}

.footer-widgetized  .hr-medium {
    margin: 0px 0 23px 0;
    height: 2px;
    background-color:#4b4b4b;
    width:70px;
}

.footer-widgetized .widget-title {
    margin: 0px;
    font-family: Dosis , sans-serif;
    color:#363636 !important;
    font-size: 18px; 
    line-height: 28px;
    border-left:1px solid #363636;
    display:inline-block;
    padding-left:15px;
    margin-bottom:38px;
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:1px;
}

.footer-widgetized .widget  {
    margin-bottom:65px;
}

.footer-widgetized .wpcf7-form-control-wrap textarea, .footer-widgetized .input-textarea textarea{
    height:75px;
}

/*search input footer*/ 

.footer-widgetized-wrap .search-form {
    border: 1px solid #929292;
}

.footer-widgetized-wrap .search-form  input[type="text"] {
    border:none;
    width:100%;
    background-color:transparent;
}

.footer-widgetized-wrap li a {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    text-decoration: none;
    line-height: 26px;
}

.vertical_menu_enabled .footer_content_left {
    border-right: none !important;
    width: 100%;
}

.vertical_menu_enabled .footer_content_right {
    display:none;
}

.vertical_menu_enabled .footer-bottom .copyright {
    text-align:center;
}

.vertical_menu_enabled .footer_content_left .copyright_logo {
    margin-right:0;
}

.vertical_menu_enabled .footerlogo {
    height:20px;
}

.vertical_menu_enabled .footerlogo img {
    display:none;
}

/*-----------------------------------------------------------------------------------*/
/*  24. custom Icon Box 
/*-----------------------------------------------------------------------------------*/

.custom-iconbox {
    background-color: #fff;
    border:2px solid transparent;
    height:234px;
    position: relative;
    opacity: 1;
    -webkit-transition: border 0.4s ease,background-color 0.3s ease;
    -moz-transition: border 0.4s ease,background-color 0.3s ease;
    transition: border 0.4s ease,background-color 0.3s ease;
}

.custom-iconbox:hover {
    background-color: transparent;
    border:2px solid #ccc;
    -webkit-transition: border 0.3s ease 0s;
    -moz-transition: border 0.3s ease 0s;
    transition: border 0.3s ease 0s;
}

.custom-iconbox >.icon {
    padding: 10px;
    opacity: 1;
    -webkit-transition: opacity 0.7s ease .2s;
    -moz-transition: opacity 0.7s ease .2s;
    transition: opacity 0.7s ease .2s;
}

.custom-iconbox:hover >.icon {
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.custom-iconbox >.icon .glyph {
    width: 100%;
    height: 100%;
    line-height: 210px;
    text-align: center;
    border: 2px solid #252525;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

.custom-iconbox:hover .hover-content {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.custom-iconbox .hover-content {
    width:100%;
    text-align: left;
    opacity: 0;
    position: absolute;
    left: -20px;
    top: -20px;
    width: 100%;
    height: 100%;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    padding:25px;
    -webkit-transform: translate(20px, 20px);
    -moz-transform: translate(20px, 20px);
    -ms-transform: translate(20px, 20px);
    -o-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}

.custom-iconbox .icon{
    padding-bottom: 20px;
}

.custom-iconbox .glyph{
    font-size: 48px;
    z-index: 1;
    position: relative;
}

.custom-iconbox .hover-content .glyph {
    color: #fff;
    padding-left:1px;
}

.custom-iconbox .title{
    font-size: 16px;
    line-height:18px;
    font-weight: 600;
    padding-bottom:5px;
    color:#fff;
    letter-spacing: 2px;
    margin: 0;
}

.custom-iconbox .content {
    color:#fff;
    max-height: 65px;
    overflow: hidden;
    font-family:'Open Sans', sans-serif;
}

.custom-iconbox .more-link {
    display: inline-block;
}

.custom-iconbox .more-link a {
    text-decoration: none;
    color:#fff;
    padding: 10px 10px 10px 0;
    letter-spacing:0;
    -webkit-transition: letter-spacing .2s ease;
    -moz-transition: letter-spacing .2s ease;
    -ms-transition: letter-spacing .2s ease;
    transition: letter-spacing .2s ease;
}

.custom-iconbox .more-link:hover a{
    letter-spacing:1px;
}

.custom-iconbox:hover .hover-content .icon {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.05s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .05s;
    -moz-transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.05s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .05s;
    -ms-transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.05s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .05s;
    transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) 0.05s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .05s;
}

.custom-iconbox:hover .title {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s;
    -moz-transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s;
    -ms-transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s, transform .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s;
    transition: opacity .5s cubic-bezier(0.39, 0.575, 0.565, 1) .15s, transform .5s ecubic-bezier(0.39, 0.575, 0.565, 1) .15s;
}

.custom-iconbox:hover .content-wrap {
    opacity: 1;
    transform: translateX(0px);
    -webkit-transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s, transform .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s;
    -moz-transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s, transform .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s;
    -ms-transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s, transform .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s;
    transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s, transform .4s cubic-bezier(0.39, 0.575, 0.565, 1) .3s;
}

.custom-iconbox .content-wrap ,
.custom-iconbox .hover-content .icon,
.custom-iconbox .title {
    opacity: 0;
    transform: translateX(15px);
    -webkit-transition: opacity .3s ease 0s, transform .1s ease-in-out 0s;
    -moz-transition: opacity .3s ease 0s, transform .1s ease-in-out 0s;
    -ms-transition: opacity .3s ease 0s, transform .1s ease-in-out 0s;
    transition: opacity .3s ease 0s, transform .1s ease-in-out 0s;
}

/*-----------------------------------------------------------------------------------*/
/*	25. Icon Box 
/*-----------------------------------------------------------------------------------*/
										
.iconbox.iconbox-top {
    text-align: center;
}

.iconbox.iconbox-top.right_alignment ,.iconbox.iconbox-top.right_alignment .icon {
    text-align:right;
}

.iconbox.iconbox-top.left_alignment, .iconbox.iconbox-top.left_alignment .icon {
    text-align:left;
}

.iconbox.iconbox-top .icon {
	padding-bottom: 23px;
	text-align: center;
}

.iconbox .glyph {
	color: #d02d48;
	font-size: 48px;
	z-index: 1;
	position: relative;
}

.iconbox .title{
	font-size: 16px;
	font-weight: 600;
	color:#252525;
    letter-spacing: 2px;
    margin: 0;
}

.iconbox .content {
    color:#555;
    font-family:'Open Sans',sans-serif;
    font-weight:400;
}

.iconbox.iconbox-top .title {
    line-height:25px;
    margin-bottom:5px;
}

.iconbox .more-link {
    padding-top: 10px;
}

.iconbox .more-link a {
    font-family:'Open Sans',sans-serif;
	text-decoration: none;
    color:#787878;
    padding: 10px;
    letter-spacing:0;
    -webkit-transition: letter-spacing .2s ease;
    -moz-transition: letter-spacing .2s ease;
    -ms-transition: letter-spacing .2s ease;
    transition: letter-spacing .2s ease;
}

.iconbox .more-link:hover a{
    color:#444;
    letter-spacing:1px;
}

.iconbox .more-link-arrow {
    position: relative;
    width:25px;
    display: inline-block;
    vertical-align: top;
    height: 18px;
    top:2px;
    left:5px;
}
.iconbox a .more-link-arrow:before {
    position:absolute;
    top:50%;
    content:"";
    width: 22px;
    height:1px;
    border-top: 1px solid #787878;
    left: 0;
    -webkit-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-top .6s ease;
    -moz-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-top .6s ease;
    -o-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-top .6s ease;
    transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-top .6s ease;
}

.iconbox a .more-link-arrow:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3px;
    height: 1px;
    left:0;
    margin-left: 21px;
    margin-top: -2px;
    border-style: solid;
    border-width: 2px 1px 2px 4px;
    border-color: rgba(120, 120, 120, 0) rgba(120, 120, 120, 0) rgba(120, 120, 120, 0) rgb(120, 120, 120);
    -webkit-transition: margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color .6s ease;
    -moz-transition:  margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color .6s ease;
    -o-transition: margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color .6s ease;
    transition: margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1), border-color .6s ease;

}

.iconbox a:hover .more-link-arrow:after {
    margin-left: 38px;
    border-color: rgba(120, 120, 120, 0) rgba(120, 120, 120, 0) rgba(120, 120, 120, 0) rgb(68, 68, 68);
}

.iconbox a:hover .more-link-arrow:before{
    width:38px;
    border-top: 1px solid #444;
}

/* iconbox rectangle */

.iconbox.rectangle .icon span.glyph {
    height: 75px;
    width: 75px;
    display: block;
    margin: 0 auto;
    background-color: #d02d48;
    border:2px solid #d02d48;
    line-height: 75px;
    color: #FFFFFF;
    font-size: 28px;
}

/* iconbox circle*/

.iconbox.circle .icon span.glyph {
    height: 95px;
    width: 95px;
    display: block;
    margin: 0 auto;
    background-color: #d02d48;
    border: 2px solid #d02d48;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 95px;
    font-size: 28px;
}

.iconbox.transparentbackground .icon span.glyph {
    background-color: transparent !important;
    color: #d02d48;
}

/* iconbox left*/
.iconbox.iconbox-left .icon{
    width: 70px;
    float: left;
    padding:7px 0 0 0;
    padding-bottom:10px;
}

.iconbox.iconbox-left .title {
    padding-bottom:2px;
        line-height:25px;
}

.iconbox.iconbox-left .more-link{
    text-align: right;
    float:right;
}

.iconbox.iconbox-left .content {
    padding-left:70px;
}

.vc_col-sm-3 .iconbox.iconbox-left .content {
    padding-left:0;
}

.iconbox.iconbox-left .icon span.glyph {
     background-color: transparent !important;
     border:transparent !important;
}

.span3 .iconbox.iconbox-left .icon {
    width: 100%;
}

.span3 .iconbox.iconbox-left .content-wrap{
    float:left;
    width:100%;
}

.vc_col-sm-3 .iconbox.iconbox-left .icon{
    width: 100%;
}

.vc_col-sm-6 .iconbox.iconbox-left .icon , .vc_col-sm-8 .iconbox.iconbox-left .icon , .vc_col-sm-9 .iconbox.iconbox-left .icon,.vc_col-sm-12 .iconbox.iconbox-left .icon  {
    width:110px;
    text-align:center;
    padding-top: 11px;
}

.vc_col-sm-6 .iconbox.iconbox-left .content-wrap , .vc_col-sm-8 .iconbox.iconbox-left .content-wrap , .vc_col-sm-9 .iconbox.iconbox-left .content-wrap, .vc_col-sm-12 .iconbox.iconbox-left .content-wrap {
    width: 100%;
    padding-top: 10px;
}


.vc_col-sm-6 .iconbox.iconbox-left .icon .glyph , .vc_col-sm-8 .iconbox.iconbox-left .icon .glyph , .vc_col-sm-9 .iconbox.iconbox-left .icon .glyph , .vc_col-sm-12 .iconbox.iconbox-left .icon .glyph {
    font-size:70px;
}

.vc_col-sm-6 .iconbox.iconbox-left .content-wrap .content , .vc_col-sm-8 .iconbox.iconbox-left .content-wrap .content , .vc_col-sm-9 .iconbox.iconbox-left .content-wrap .content , .vc_col-sm-12 .iconbox.iconbox-left .content-wrap  .content {
   padding-left:120px;
}

.vc_col-sm-6 .iconbox.iconbox-left .content-wrap .title , .vc_col-sm-8 .iconbox.iconbox-left .content-wrap .title , .vc_col-sm-9 .iconbox.iconbox-left .content-wrap .title , .vc_col-sm-12 .iconbox.iconbox-left .content-wrap  .title {
   padding-left:120px;
}

/*-----------------------------------------------------------------------------------*/
/* 26. Horizontal separator with title
/*-----------------------------------------------------------------------------------*/

.hr-center {
	margin-left:  auto;
	margin-right: auto;
	width: 75%;
}

.hr-medium {
	width:35%;
}

.hr-small {
	width:17%;
}

.hr-extra-small {
	width:5%;
}

.hr-margin-medium {
	margin-top:17px;
	margin-bottom:17px;
}

.hr-margin-small {
	margin-top:10px;
	margin-bottom:10px;
}

.hr-thick {
	height:2px;
}
											
/*-----------------------------------------------------------------------------------*/
/*  27. team member shortcode
/*-----------------------------------------------------------------------------------*/

.team-member {
    width:100%;
    position: relative;
    overflow: visible;
}

.member-pic-container {
    width:100%;
    position: relative;
}

.member-pic {
    overflow: hidden;
    width:100%;
}

.team-member .member-line {
    position:absolute;
    width: 100%;
    height:2px;
    top:0;
    left:0;
    background-color: #d02d48;
    z-index:2;
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -o-transition:height .2s ease-in-out;
    transition: height .2s ease-in-out;
}

.team-member:hover .member-line{
    height:6px;
}

.team-member .bg-image{
    display: block;
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    -moz-transition: opacity 0.5s, -moz-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate3d(10px,10px,0);
    -moz-transform: translate3d(10px,10px,0);
    transform: translate3d(10px,10px,0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.team-member:hover .bg-image{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.team-member .overlay {
    position:absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    background-color: #000;
    opacity:0;
    z-index:1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition:opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.team-member:hover .overlay{
opacity:0.3;
}

.team-member .member-plus {
    position:absolute;
    width: 37px;
    height:37px;
    bottom:-17px;
    right:-17px;
    background-color: #ececec;
    z-index:2;
    -webkit-transition: background-color .4s ease;
    -moz-transition: background-color .4s ease;
    -o-transition:background-color .4s ease;
    transition: background-color .4s ease;
}

.team-member:hover .member-plus {
    background-color: #d02d48;
}

.team-member .member-plus-line {
    position: relative;
    display: block;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: -moz-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: -o-transform .3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform .3s ease;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform:  rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin:  50% 50%;
    -ms-transform-origin:  50% 50%;
    -o-transform-origin:  50% 50%;
    transform-origin:   50% 50%;
}

.team-member:hover .member-plus-line {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform:  rotate(-135deg);
}

.team-member .member-plus-line:after,
.team-member .member-plus-line:before {
    content:"";
    position:absolute;
    width: 15px;
    height:1px;
    top: 18px;
    left: 11px;
    background-color: #252525;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.team-member:hover .member-plus-line:after,
.team-member:hover .member-plus-line:before {
background-color: #fff;
}

.team-member .member-plus-line:after {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform:  rotate(-90deg);
}

.team-member .member-info .member-name {
    display: block;
    margin: 18px 0 0;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.25em;
    color: #2e2e2e;
    font-family:Dosis,sans-serif;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}

.vc_col-sm-6 .team-member .member-info .member-name {
    font-size:32px;
}

.span3 .team-member .member-info .member-name {
    font-size: 25px;
}

.team-member.light .member-info .member-name {
    color:#fff;
}


.team-member .member-info cite {
    font-family:'Open Sans',sans-serif;
    position: relative;
    color: #555;
    font-size: 16px;
    -webkit-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -ms-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
}

.team-member.light .member-info cite {
    color:#ddd;
}

.team-member .member-info p {
    color: #999;
    display: inline;
    overflow: hidden;
    max-height: 80px;
    font-weight:400;
    font-size:14px;
    font-family:'Open Sans',sans-serif;
}

.team-member.light .member-info p {
    color:#aaa;
}

.team-member .member-info .member-description {
    font-size:14px;
    opacity: 0;
    margin-top:10px;
    -ms-transform: translateY(-20px); 
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.35s ease-in, opacity 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.35s ease-in, opacity 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.35s ease-in, opacity 0.3s ease-in-out;
    -o-transition: -o-transform 0.35s ease-in, opacity 0.3s ease-in-out;
    transition: transform 0.35s ease-in, opacity 0.3s ease-in-out;
}


.team-member:hover .member-info .member-description {
    opacity: 1;
    -ms-transform: translateY(0px); 
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.team-member .icons {
    list-style: none;
    padding: 0;
    display: table;
    position: absolute;
    bottom: 3px;
    right: 25px;
    z-index: 2;
}

.team-member .icons li {
    opacity: 0;
    -ms-transform: translate3d(10px,10px,0); 
    -webkit-transform: translate3d(10px,10px,0); 
    transform: translate3d(10px,10px,0); 
    -webkit-transition: -webkit-transform 0.4s ease, opacity 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease, opacity 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease, opacity 0.4s ease;
    -o-transition: -o-transform 0.4s ease, opacity 0.4s ease;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.team-member .icons li:nth-child(1) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.team-member .icons li:nth-child(2) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.team-member .icons li:nth-child(3) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.team-member .icons li:nth-child(4) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25;
    -ms-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s;
}

.team-member .icons li:nth-child(5) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.team-member:hover .icons li {
    opacity: 1;
    -ms-transform: translate3d(0,0,0); 
    -webkit-transform: translate3d(0,0,0); 
    transform: translate3d(0,0,0); 
}

.team-member .icons li a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    line-height: 1em;
    color: #fff;
    -ms-transform: translateY(0); 
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.2s ease, color 0.3s ease;
    -moz-transition: -moz-transform 0.2s ease, color 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease, color 0.2s ease;
    -o-transition: -o-transform 0.2s ease, color 0.2s ease;
    transition: transform 0.2s ease, color 0.2s ease;
}

.team-member .icons li:hover a {
    -ms-transform: translateY(-5px); 
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #d02d48;
}

.team-member .icons a span {
  font-size: 15px!important;
}

.team-member .icons li {
  float: left;
  padding-left: 13px;
  padding: 5px 10px;
}

.team-member .signature {
    width:100%;
    padding-top:15px;
    margin-right: -17px;
    opacity:0;
    text-align: right;
    padding-bottom:5px;
    max-width:160px;
    float:right;
    -webkit-transition: opacity 0.8s ease .2s;
    -moz-transition: opacity 0.8s ease .2s;
    -ms-transition: opacity 0.8s ease .2s;
    -o-transition: opacity 0.8s ease .2s;
    transition: opacity 0.8s ease .2s;
}

.team-member:hover .signature {
opacity:1;
}

.team-member .more-link-arrow {
    color:#9f9f9f;
    display: inline-block;
    margin-left: 2px;
    text-decoration: none;
    font-size:12px;
    -webkit-transition: color 0.4s ease;
    -moz-transition: color 0.4s ease;
    -ms-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

/*trick to counting the height of signature( because it has float:right; ) */
.team-member .member-info .member-description:after {
    content: "";
    clear: both;
    display: table;
}

.team-member .more-link-arrow:hover {
    color:#333;
}
 
.team-member.light .more-link-arrow:hover{
    color:#fff;
}                                                               

/*-----------------------------------------------------------------------------------*/
/* 28. Accordion shortcode
/*-----------------------------------------------------------------------------------*/

.wpb_accordion_section {
    margin-top:10px;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
    background: transparent !important;
    border:1px solid #d7d7d7;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    font-family:'Open Sans',sans-serif;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:focus {
    outline: 0;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    font-size:14px;
}

.wpb_content_element .wpb_accordion_header a {
    color:#000;
    padding: 9px 10px 9px 55px !important;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
    background-image: none !important;
    left: 20px;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #000;
    top: 9px;
}



.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
  padding: 5px 10px 10px 26px !important;
}


.wpb_tabs_nav .wpb_tab p ,.wpb_accordion_section .wpb_text_column p ,.wpb_tab .wpb_content_element p  {
    font-family:'Open Sans',sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
}

.vc_tta-title-text{
	font-family:Open Sans, Sans-Serif;
	color: #000;
	font-weight: normal;
	display: inherit;
}
 .vc_tta-panel .vc_tta-panel-body,  .vc_tta-panel .vc_tta-panel-body::before,  .vc_tta-panel .vc_tta-panel-body::after {
    border-color: transparent !important;
}
.vc_tta-panel .vc_tta-panel-body {
    background-color: transparent !important;
	-webkit-transition: background-color .3s ease, color .3s ease;
    -moz-transition: background-color .3s ease, color .3s ease;
    -ms-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
}
.vc_tta-panel-heading {
    background-color: transparent !important;
    border: 1px solid #d7d7d7 !important;
	text-align:left;
}

.vc_tta.vc_general .vc_tta-panel-title {
    font-size: 14px;
}


.vc_tta-panel-body div .wpb_wrapper p {
    color: #464646;
    font-weight: normal;
}

.vc_tta span.vc_tta-title-text:before{
    content: '';
    margin-right: 20px;
    margin-bottom: 4px;
    display: -webkit-inline-box;
    background-color: #000;
    width: 15px;
    height: 1px;
}
.vc_tta span.vc_tta-title-text:after {
    content: '';
    margin-left: 7px;
    margin-top: -14px;
    background-color: #000;
    width: 1px;
    height: 15px;
    display: block;
}

.vc_active  span:after {
    transform: rotate(90deg) !important;
	-webkit-transform: rotate(90deg) !important;
	-moz-transform: rotate(90deg) !important;
	-ms-transform: rotate(90deg) !important;
	transition: transform .3s ease-in-out!important;
    -moz-transition: transform .3s ease-in-out!important;
    -webkit-transition: transform .3s ease-in-out!important;
	-o-transition: transform .3s ease-in-out!important;
}

.vc_tta.vc_tta-shape-rounded .vc_tta-panel-body, .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading, .vc_tta.vc_tta-shape-rounded .vc_tta-tab>a {
    border-radius: 0px !important;
}

.vc_general.vc_tta.vc_tta-accordion .vc_tta-panel {
    display: block;
    padding-bottom: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  29. Tabs and Toggle shorcode
/*-----------------------------------------------------------------------------------*/

.tabs {
	border: 1px solid #e7e7e7;
}

.tabs .head{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: -1px;
    margin-top: 3px;
}

.tabs .head li{
	display: block;
	float:left;
	padding: 13px 20px 15px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	text-transform: uppercase;

	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.tabs .head .current,
.tabs .head li:hover{
	color:#101010;
}

.tabs .head .current{
	border-bottom: 2px solid #fff;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}

.tabs .head li:first-child{
    border-left: none;
}

.tabs .content{
	border-top:1px solid #e7e7e7;
	padding: 15px;
}


.vc_tta-controls-align-left.vc_tta-tabs.vc_tta-tabs-position-top:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill) .vc_tta-panels {
    background-color: transparent;
    border-radius: 0 !important;
	border-color: transparent;
}

.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after {
    border-color: #aeaeae;
}

.vc_tta-tab.vc_active a span {
    color: #fff;
    background-color: #000;
	text-align: center;
}
.vc_tta-tab a span {
    color: #ababab;
	text-align: center;
	padding-top:5px;
	line-height: 18px;
    background-color: transparent;
	padding: 5px 40px!important;
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
	webkit-transition: background-color .3s ease, color .3s ease;
    -moz-transition: background-color .3s ease, color .3s ease;
    -ms-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
}
.vc_tta-tab a span:hover {
    color: #fff;
	padding: 5px 40px!important;
    background-color: #ababab;
	webkit-transition: background-color .3s ease, color .3s ease;
    -moz-transition: background-color .3s ease, color .3s ease;
    -ms-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
}
.vc_tta-tab.vc_active a span:hover{
    color: #fff;
    background-color: #000;
	padding: 5px 40px!important;
}

 .vc_tta-tab.vc_active>a {
    border-color: transparent!important;
    background-color: transparent!important;
    color: transparent!important;
	width:auto;
	padding: 0;
}
 .vc_tta-tab>a {
    border-color: transparent!important;
    background-color: transparent!important;
    color: transparent!important;
	width:auto;
	height: 22px;
	padding-right: 0px !important;
    padding-left: 0px !important;
	margin: 0px !important;
}

 .vc_tta.vc_general .vc_tta-tab>a{
     border-top-width:0 !important;
}

.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::after {
    display:none!important;
}

.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::before {
    display:none!important;
}

.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin: -1px !important;
}

.vc_tta-tabs div div div .vc_tta-panel-body {
    padding: 0!important;
}

ul.vc_tta-tabs-list {
    border-bottom: 1px solid #ababab;
}
.vc_tta-tabs-position-top .vc_tta-panel-body, .vc_tta-tabs-position-bottom .vc_tta-panel-body {
	opacity:0;
	transition-property :opacity , height !important;
    transition-duration: .5s, .01s!important;
	transition-delay: 0,0.5s !important;
    transition-timing-function: ease-in-out,linear!important;

}
.vc_tta-tabs-position-top .vc_active .vc_tta-panel-body, .vc_tta-tabs-position-bottom .vc_active .vc_tta-panel-body {

	transition-property :opacity , height !important;
    transition-duration: .5s,.01s!important;
	transition-delay: .01s,0 !important;
    transition-timing-function: ease-in-out,linear!important;
	opacity: 1;
	
}
li.vc_active a {
    padding: 0px!important;
    border: 0px!important;
	height:28px;
}
li.vc_tta-tab a{
    padding: 0px!important;
    border: 0px!important;
	height:28px;
}
/* Toggle */
.wpb_toggle, #content h4.wpb_toggle {
    background: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wpb_toggle:before, #content h4.wpb_toggle:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #000;
    top: 20px;
    left: 20px;
}

.wpb_toggle:after, #content h4.wpb_toggle:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #000;
    top: 20px;
    left:20px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform .15s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: -moz-transform .2s cubic-bezier(0.86, 0, 0.07, 1);
    -ms-transition: -ms-transform .2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform .15s cubic-bezier(0.86, 0, 0.07, 1);
}

.wpb_toggle_title_active:after, #content h4.wpb_toggle_title_active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wpb_toggle {
    position:relative;
    background-image:none !important;
    border:1px solid #d7d7d7;
    margin:0;
    padding-left:0 !important;
    margin-bottom:15px;
}

.wpb_toggle .border-bottom {
    padding:0;
}

.wpb_toggle_content {
    margin:0 !important;
    padding:16px 26px !important;
}

.wpb_toggle .icon.icon-plus {
    display:none;
}

.wpb_toggle .icon.icon-minus {
    display: none
}

.wpb_toggle .title {
    padding-left:55px;
    font-size: 14px;
    color: #000;
}

.vc_tta-tabs-position-left div ul.vc_tta-tabs-list {
    border-bottom: 0px;
}
.vc_tta-panels {
    background-color: transparent !important;
	border-radius: 0 !important;
}

.vc_tta-tabs-position-left div .vc_tta-panels {
    border-color: transparent !important;
	border-left: 1px solid #aeaeae !important;
	margin-left: 1px !important;
	padding: 0px 25px !important;
}
.vc_tta-tabs-position-left .vc_tta-tabs-container {
    width: auto !important;
    float: left !important;
}

.vc_tta-tabs-position-left div ul li a {
    border-top: 4px transparent solid !important;
}
.vc_tta-panel-body {
	opacity:0;
	transition-property :opacity , height !important;
    transition-duration: .5s, .1s!important;
	transition-delay: 0,0.5s !important;
    transition-timing-function: ease-in-out,ease-in-out!important;

}
.vc_active .vc_tta-panel-body {

	transition-property :opacity , height !important;
    transition-duration: .5s, .1s!important;
	transition-delay: .1s,0 !important;
    transition-timing-function: ease-in-out,ease-in-out!important;
	opacity: 1;
	
}

.vc_tta-tab a span:before {
    display:none !important;
}
.vc_tta-tab a span:after {
    display:none !important;
}

/*-----------------------------------------------------------------------------------*/
/* 30. counter box
/*-----------------------------------------------------------------------------------*/

.counterBox {
    text-align:center;
}

.counterBox  .counterBoxNumber {
    font-size:75px;
    font-family: Dosis, sans-serif;
    font-weight:600;
    line-height: 78px;
    color:#404040;
    display: block;
    margin-bottom: 17px;
    letter-spacing: 3px;
}

.counterBoxDetails {
    font-family: 'Open Sans' , sans-serif;
    font-size:17px;
    color:#404040;
    border-left:1px solid #404040;
    border-right:1px solid #404040;
    padding:0 10px;
    display: inline-block;
    letter-spacing:1px;
    line-height: 11px;
    font-weight:400;
}

/*-----------------------------------------------------------------------------------*/
/*  31. piechart
/*-----------------------------------------------------------------------------------*/

.easyPieChart {
    position: relative;
    text-align: center;

    height:145px;
    width:145px;
    line-height:145px;
    display:block;
    margin:0 auto;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.pieChart span
{
    color:#101010;
}


.pieChart .perecent {
    font-family: Dosis , sans-serif;
	font-weight:600;
    font-size:32px;
    color: #d02d48;
}

.pieChartBox
{
    margin:5px 25px 25px 25px;
	display:block;
}

.pieChartBox p
{
    margin:0;
	font-weight:700;
	text-align:center;
	text-transform:capitalize;
}

.pieChartBox .title {
    font-family: Dosis , sans-serif;
    margin-top: 25px;
    font-size: 16px;
    color: #252525;
    font-weight: 600;
    letter-spacing:1px;
}

.pieChartBox .subtitle {
    font-family: 'Open Sans' , sans-serif;
    margin-top:12px;
	font-size:13px;
	color:#787878;
    font-weight:400;
}

.iconPchart span{
    display:block;
    position:absolute;
}

.iconPchart .icon {
    font-size:22px;
    top: 43px;
    left: 0;
    color: #d02d48;
    width:100%;
    text-align: center;
}

.disablepercent .iconPchart .icon {
    font-size: 41px;
    top: 55px;
}

.iconPchart .perecent {
    line-height: 0;
    top: 95px;
    left: 0px;
    font-size:32px;
    width: 100%;
    text-align: center;
}

.pieChart .dot-container {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
}

.pieChart .dot-container .dot {
    width: 6px;
    height: 6px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #d02d48;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    margin-top: -1px;
}

/*-----------------------------------------------------------------------------------*/
/*  32. Testimonials // Blockquotes
/*-----------------------------------------------------------------------------------*/

blockquote
{
	position:relative;
}

blockquote p
{
    margin:0;
}

blockquote .end
{
    background:url(assets/img/blockquote-end-dark.png) no-repeat;
    position:absolute;
    bottom:16px;
    right:20px;
    height:11px;
    width:16px;
    display: block;
}

blockquote .name
{
    position:absolute;
    bottom:12px;
    right:50px;
    font-size: 14px;
    line-height: 20px;
}

.testimonial{
    position: relative;
    padding-bottom: 0px;
    padding-left: 20px;
    box-sizing:border-box;
}

.testimonials .swiper-container {
    overflow: visible;
}

.testimonial blockquote{
    padding: 25px 0px 10px;
    float: left;
    background: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color:#616161;
    text-align:center;
    font-family: 'Opens Sans', sans-serif;
    text-align:left;
    height:70px;
    overflow-y:hidden;
    quotes : none;
    font-style: normal;
    margin-bottom: 0 !important;
}

.testimonial .name {
    text-align:center;
    font-size: 25px;
    color: #565656;
    text-transform:capitalize;
    margin:0;
    font-family: Dosis, sans-serif;
    font-weight: 400;
}  
                        
.testimonials.skin-light .quote .name {
    color:#FFF;
}

.testimonials.skin-light blockquote {
    color:#FFF;
}

.testimonials.skin-light .arrows-button-next:before, .testimonials.skin-light .arrows-button-prev:before {
    border-top: 1px solid #fff;
}

.testimonials.skin-light .arrows-button-prev:after {
    border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
}

.testimonials.skin-light .arrows-button-next:after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
}

.testimonials:before {
    position: absolute;
    border-top: 3px solid #d02d48;
    width:20px;
    height:0px;
    left:0px;
    top:73px;
    content: "";
}

.testimonials:after {
    position: absolute;
    border-top: 3px solid #d02d48;
    width: calc(100% - 170px);
    left: 170px;
    height:0px;
    top:73px;
    content: "";
}

.testimonials .quot-icon-container {
    left: calc(100% - 47px);
    top:38px;
    position: absolute;
}

.testimonials .quot-icon {
    width:12px;
    height: 10px;
    background-color: #d02d48;
    position: relative;
    display: inline-block;
    margin-left: 0px;
}

.testimonials .quot-icon:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 0px;
    left: 0;
    top: 10px;
    border-style: solid;
    border-width: 14px 7px 0px 2px;
    border-top-color:#d02d48;
    border-right-color:transparent;
    border-bottom-color:#d02d48;
    border-left-color:#d02d48;
}

.testimonials .quot-icon:after {
    position: absolute;
    content: "";
    width: 3px;
    height: 0px;
    left: -4px;
    top: 10px;
    border-style: solid;
    border-width: 0px 0px 14px 4px;
    border-bottom-color: #d02d48;
    border-left-color:transparent;
}


.testimonials .arrow-button-divider {
    width: 2px;
    height: 7px;
    position: relative;
    float: right;
    right:3px;
    top: 14px;
    background-color: #0e0e0e;
}

.testimonials.skin-light .arrow-button-divider {
    background-color: #ffffff;
}

.testimonials .arrows-button-next,
.testimonials .arrows-button-prev {
    opacity: 1;
    cursor: pointer;
    position: relative;
    width: 45px;
    border: none;
    height: 33px;
    overflow: visible;
    right:0;
    z-index: 5;
    margin-right:0px;
    top:0
}
.testimonials .arrows-button-next:before,
.testimonials .arrows-button-prev:before {
    position:absolute;
    top:50%;
    content:"";
    width: 30px;
    height:1px;
    border-top: 1px solid #0e0e0e;
    left: 0;
    -webkit-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.testimonials .arrows-button-prev:before {
    left:auto;
    right:0;
}

.testimonials .arrows-button-next:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3px;
    height: 1px;
    left:0;
    margin-left: 30px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 1px 3px 5px;
    border-color: rgba(14, 14, 14, 0) rgba(14, 14, 14, 0) rgba(14, 14, 14, 0) rgb(14, 14, 14);
    -webkit-transition: margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition:  margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: margin-left 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);

}

.testimonials .arrows-button-prev:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 3px;
    height: 1px;
    margin-top: -3px;
    border-style: solid;
    margin-right: 30px;
    right:0;
    border-width: 3px 5px 3px 1px;
    border-color: rgba(14, 14, 14, 0) rgb(14, 14, 14) rgba(14, 14, 14, 0) rgba(14, 14, 14, 0);
    -webkit-transition: margin-right 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition:  margin-right 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: margin-right 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: margin-right 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.testimonials .arrows-button-next:hover:after {
    margin-left: 40px;
}

.testimonials .arrows-button-prev:hover:after {
    margin-right: 40px;
}

.testimonials .arrows-button-next:hover:before,
.testimonials .arrows-button-prev:hover:before{
    width:40px;
}

.testimonials .arrows-button-prev ,.testimonials .arrows-button-prev:hover {
    opacity:1;
    right:6px !important;
    background:none;
    float: right;
}

.testimonials .arrows-button-next ,.testimonials .arrows-button-next:hover{
    opacity:1;
    background:none;
    float: right;
}

.testimonials {
    position: relative;
    padding:0 0 50px;
}

.testimonials .quote .author-image {
    background-position:center;
    background-size:cover;
    height:150px;
    width: 150px;
    display: inline-block;
    margin-right: 40px;
    float: left;
}

.testimonials .author {
    float: right;
    width: 160px;
    margin-top: 83px;
}


.testimonial .quote .author-image {
    -webkit-animation: fadeOut 1s  ease forwards;
    -moz-animation: fadeOut .3s ease 1.1s forwards;
    -ms-animation: fadeOut .4s ease 0.1s forwards;
    animation: fadeOut .4s ease 0.1s forwards;
}

.testimonial.swiper-slide-active .quote .author-image {
    opacity: 0;
    -webkit-animation: fadeIn 1s ease forwards;
    -moz-animation:  fadeIn 1s ease forwards;
    -ms-animation:  fadeIn 1s ease forwards;
    animation:  fadeIn 1s ease forwards;
}

.testimonial .quote .name {
    -webkit-animation: fadeOutToRight 1.2s ease forwards;
    -moz-animation: fadeOutToRight 1.2s ease forwards;
    -ms-animation: fadeOutToRight 1.2s ease forwards;
    animation: fadeOutToRight 1.2s ease forwards;
}

.testimonial.swiper-slide-active .quote .name {
    opacity: 0;
    -webkit-animation: fadeInFromLeft 1.2s ease forwards;
    -moz-animation: fadeInFromLeft 1.2s ease forwards;
    -ms-animation: fadeInFromLeft 1.2s ease forwards;
    animation: fadeInFromLeft 1.2s ease forwards;
}

.testimonial .quote .job {
    -webkit-animation: fadeOut 1s ease forwards;
    -moz-animation: fadeOut 1s ease forwards;
    -ms-animation: fadeOut 1s ease forwards;
    animation: fadeOut 1s ease forwards;
}

.testimonial.swiper-slide-active .quote .job {
    opacity: 0;
    -webkit-animation: fadeIn 1s ease forwards;
    -moz-animation: fadeIn 1s ease forwards;
    -ms-animation: fadeIn 1s ease forwards;
    animation: fadeIn 1s ease forwards;
}

.testimonial .quote blockquote {
    -webkit-animation: fadeOut 1s forwards;
    -moz-animation: fadeOut 1s forwards;
    -ms-animation: fadeOut 1s forwards;
    animation: fadeOut 1s forwards;
}

.testimonial.swiper-slide-active .quote blockquote {
    opacity: 0;
    -webkit-animation: fadeInFromLeft 1s forwards;
    -moz-animation: fadeInFromLeft 1s forwards;
    -ms-animation: fadeInFromLeft 1s forwards;
    animation: fadeInFromLeft 1s forwards;
}


.testimonials .quote .head {
    width:100%;
    float:left;
}

.testimonials .quote .name  {
    margin-top:78px;
    text-align:right;
    font-size:22px;
    font-family:Dosis,sans-serif;
    font-weight: 400;
    text-transform:uppercase;
    color: #2b2b2b;
    margin:auto 0;
}

.testimonials .quote .job  {
    margin-top:0px;
    text-align:right;
    font-size:14px;
    font-family:Dosis,sans-serif;
    font-weight: 400;
    color: #333;
    display: block;
    letter-spacing: 2px;
}

.testimonials.skin-light .quote .job  {
    color: #fff;
}

.testimonials .quote .name,
.testimonials .quote .job {
    width:160px;
    vertical-align: top;
    display: block;
}

.vc_col-sm-6 .testimonials .quote .name,
.vc_col-sm-6 .testimonials .quote .job {
    text-align:left;
}

.vc_col-sm-6 .testimonials .author {
    float:left;
}

.testimonials .quote .head .headimg {
    display:block;
    width:130px;
    height:130px;
}

/* Span12 / Span10 view */
.vc_col-sm-12 .testimonials,
.vc_col-sm-10 .testimonials {
    padding:  0 100px 50px 100px;
}

.vc_col-sm-12 .testimonials:before,
.vc_col-sm-10 .testimonials:before {
    left:100px;
}

.vc_col-sm-12 .testimonials:after,
.vc_col-sm-10 .testimonials:after {
    width: 190px;
    left:270px;
}
        
.vc_col-sm-12 .testimonials .quot-icon-container,
.vc_col-sm-10 .testimonials .quot-icon-container {
    left:430px;
}

.vc_col-sm-12 .testimonials .quote .head,
.vc_col-sm-10 .testimonials .quote .head {
    width: 340px;
}

.vc_col-sm-12 .testimonial .quote .name ,
.vc_col-sm-10 .testimonial .quote .name {
    -webkit-animation: fadeOutToLeft 1.2s ease forwards;
    -moz-animation: fadeOutToLeft 1.2s ease forwards;
    -ms-animation: fadeOutToLeft 1.2s ease forwards;
    animation: fadeOutToLeft 1.2s ease forwards;
}

.vc_col-sm-12 .testimonial.swiper-slide-active .quote .name,
.vc_col-sm-10 .testimonial.swiper-slide-active .quote .name {
    opacity: 0;
    -webkit-animation: fadeInFromRight 1.2s ease forwards;
    -moz-animation: fadeInFromRight 1.2s ease forwards;
    -ms-animation: fadeInFromRight 1.2s ease forwards;
    animation: fadeInFromRight 1.2s ease forwards;
}

.vc_col-sm-12 .testimonial blockquote,
.vc_col-sm-10 .testimonial blockquote {
    padding: 50px 0 10px 27px;
    float: none;
}

.vc_col-sm-12 .testimonials .quote .author-image,
.vc_col-sm-10 .testimonials .quote .author-image {
    margin-right: 10px;
}

.vc_col-sm-12 .testimonials .arrows-button-prev,
.vc_col-sm-10 .testimonials .arrows-button-prev,
.vc_col-sm-12 .testimonials .arrows-button-next,
.vc_col-sm-10 .testimonials .arrows-button-next {
    margin-right:auto;
    top: -20px;
}

.vc_col-sm-12 .testimonials .arrow-button-divider,
.vc_col-sm-10 .testimonials .arrow-button-divider {
    top:-6px;;
}

/* animations*/

@-webkit-keyframes fadeInFromLeft {
    0%   {-webkit-transform: translateX(-30px); opacity: 0;}
    100% {-webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes fadeInFromLeft {
    0%   {-moz-transform: translateX(-30px); opacity: 0;}
    100% {-moz-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes fadeInFromLeft {
    0%   {-ms-transform: translateX(-30px); opacity: 0;}
    100% {-ms-transform: translateX(0px); opacity: 1;}
}
@keyframes fadeInFromLeft {
    0%   {transform: translateX(-30px); opacity: 0;}
    100% {transform: translateX(0px); opacity: 1;}
}


@-webkit-keyframes fadeOutToLeft {
    0%   {-webkit-transform: translateX(0px); opacity: 1;}
    100% {-webkit-transform: translateX(-30px); opacity: 0;}
}
@-moz-keyframes fadeOutToLeft {
    0%   {-moz-transform: translateX(0px); opacity: 1;}
    100% {-moz-transform: translateX(-30px); opacity: 0;}
}
@-ms-keyframes fadeOutToLeft {
    0%   {-ms-transform: translateX(0px); opacity: 1;}
    100% {-ms-transform: translateX(-30px); opacity: 0;}
}
@keyframes fadeOutToLeft {
    0%   {transform: translateX(0px); opacity: 1;}
    100% {transform: translateX(-30px); opacity: 0;}
}

@-webkit-keyframes fadeOutToRight {
    0%   {-webkit-transform: translateX(0px); opacity: 1;}
    100% {-webkit-transform: translateX(30px); opacity: 0;}
}
@-moz-keyframes fadeOutToRight {
    0%   {-moz-transform: translateX(0px); opacity: 1;}
    100% {-moz-transform: translateX(30px); opacity: 0;}
}
@-ms-keyframes fadeOutToRight {
    0%   {-ms-transform: translateX(0px); opacity: 1;}
    100% {-ms-transform: translateX(30px); opacity: 0;}
}
@keyframes fadeOutToRight {
    0%   {transform: translateX(0px); opacity: 1;}
    100% {transform: translateX(30px); opacity: 0;}
}


@-webkit-keyframes fadeInFromRight {
    0% {-webkit-transform: translateX(30px); opacity: 0;}
    100%   {-webkit-transform: translateX(0px); opacity: 1;}
}
@-moz-keyframes fadeInFromRight {
    0% {-webkit-transform: translateX(30px); opacity: 0;}
    100%   {-webkit-transform: translateX(0px); opacity: 1;}
}
@-ms-keyframes fadeInFromRight {
    0% {-webkit-transform: translateX(30px); opacity: 0;}
    100%   {-webkit-transform: translateX(0px); opacity: 1;}
}
@keyframes fadeInFromRight {
    0% {-webkit-transform: translateX(30px); opacity: 0;}
    100%   {-webkit-transform: translateX(0px); opacity: 1;}
}


@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100%   {opacity: 0;}
}
@-moz-keyframes fadeOut {
    0% {opacity: 1;}
    100%   {opacity: 0;}
}
@-ms-keyframes fadeOut {
    0% {opacity: 1;}
    100%   {opacity: 0;}
}
@keyframes fadeOut {
    0% {opacity: 1;}
    100%   {opacity: 0;}
}


@-webkit-keyframes fadeIn {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

/*-----------------------------------------------------------------------------------*/
/* 32. Blog listing/Archive
/*-----------------------------------------------------------------------------------*/

.singlePost {
	padding-bottom:50px;
}
                                                
.pageSpace{
	padding-top:70px;
	padding-bottom:50px;
}

.pageBottomSpace {
    padding-bottom:50px;
}

.pageTopSpace, .customPageTopSpace {
    padding-top:58px;
}

.wave-menu_enabled .pageTopSpace,.wave-menu_enabled .customPageTopSpace {
    padding-top:0px;
}

.vertical_menu_enabled .pageTopSpace  , .customPageTopSpace {
    padding-top:0;
}

.page-template-main-page .customPageTopSpace{  
    padding-top:0;
}
										
.singlePost .post{
    font-size:13px;
    line-height:23px;
}

.post-media
{
    margin-top:30px;
	margin-bottom: 55px;
}

.post-media.video-frame {
    margin-bottom: 90px;
}

.post-media img {
    width:100%;
}

.post .post-title {
	text-align:left;
    float:left;
    color:#111111;
    font-size: 30px;
    line-height: 35px;
    font-weight:500;
    font-family:Dosis,sans-serif;
    width:calc(100% - 80px);
    margin:0;
}

.cblog .post .post-title {
    float:none;
    text-align:right;
    width:100%;
    padding-left: 60px;
    box-sizing: border-box;
}

.post-meta {
    padding-bottom:35px;
}

.post-date {
    float:left;
    width:50px;
    color:#111111;
    border-right:1px #111 solid;
    margin-right:25px;
    padding:3px 0;
    font-family:Dosis,sans-serif;
}

.cblog .post-date {
    border:none;
    width:auto;
    margin-right:0;
    float:none;
}

.post-date .day {
    font-size:25px;
    line-height:23px;
    display:block;
    padding-top:2px;
    letter-spacing:2px;
}

.post-date .month {
    font-size:16px;
    line-height:18px;
    text-transform:uppercase;
    display:block;
    letter-spacing:1px;
    padding-top:4px;
}

.post-info {
    display:inline;
    margin-top:-5px;
    text-transform:uppercase;
    font-size:13px;
    font-family:Dosis,sans-serif;
}

.post-info a {
   color: #bdbdbd;
   text-decoration: none;
   letter-spacing:1px;
}

.post-meta .hr-extra-small.hr-margin-small {
    background-color:#d02d48;
    height:5px;
}

.singlePost .flex-control-paging {
    visibility:hidden;
}

.page-title 
{
	text-align:left;
    color:#101010;
    font-size: 38px;
    line-height: 35px;
    font-weight:500;
    font-family:Dosis,sans-serif;
}

.post-media .flex-direction-nav .flex-prev, .post-media .flex-direction-nav .flex-next {
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* blog detail Button */
.nav_box .button {
    padding:3px 41px;
}

.nav_box .button .txt {
    color:#111;
}

.nav_box {
	margin-bottom:34px;
    min-height:40px;
    position:relative;
    margin:85px -16px 20px 0;
    padding-bottom:20px;
    border-bottom:1px solid #dbdbdb;
} 

.nav_box a {
	float:right;
	display:block;
    margin-right:16px;

}

.bpSwiper {
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;
}	
						
/*-----------------------------------------------------------------------------------*/
/*	33. Blog Single
/*-----------------------------------------------------------------------------------*/

#blogSingle .arrows-button-next ,#blogSingle .arrows-button-prev {
    background-color:rgba(255,255,255,.8);
    position:absolute;
    width:81px;
    height:38px;
    top:50%;
    z-index:3;
    cursor:pointer;
    margin-top:-19px;
    text-align: center;
    opacity:0;
}

#blogSingle .arrows-button-next {
    right:30px;
}

#blogSingle .arrows-button-next:after {
    left:37px !important;
    right:auto;
    border-color:rgba(000, 000, 000, 0) rgba(000, 000, 000 ,0) rgba(000, 000, 000, 0) rgb(000, 000, 000);
}

#blogSingle .arrows-button-next:hover:after {
    left: -7px !important;
}

#blogSingle .arrows-button-prev {
    left:30px;
}

#blogSingle .arrows-button-prev .text, #blogSingle .arrows-button-next .text {
    opacity: 0;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
    color:#000;
    font-size:12px;
    line-height:38px;
    text-align:center;
    font-family: Dosis, sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
}

#blogSingle .arrows-button-prev:hover .text, #blogSingle .arrows-button-next:hover .text {
    opacity:1;
}

#blogSingle .arrows-button-next:before, #blogSingle .arrows-button-prev:before {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 36px;
    height: 1px;
    border-top: 1px solid #000;
    right: 20px;
    margin-left: 5px;
    -webkit-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -moz-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -o-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
}

#blogSingle .arrows-button-next:before {
    left: 16px;
    right: auto;
}

#blogSingle .arrows-button-next:hover:before {
    width:55px;
    left:-45px;
} 

#blogSingle .arrows-button-prev:hover:before {
    width:60px;
    right:-40px;
}

#blogSingle .arrows-button-prev:hover:after {
    left:53px;
    margin-left:1px;
}

#blogSingle .arrows-button-next:after,#blogSingle  .arrows-button-prev:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    left: 0;
    margin-left: 20px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 4px 3px 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#blogSingle .arrows-button-prev:after {
    border-color:rgba(000, 000, 000, 0) rgb(000, 000, 000) rgba(000, 000, 000, 0) rgba(0, 0, 0 , 0);
}

.comment-reply-title {
    color:#000;
    text-transform:uppercase;
    font-size:25px;
    line-height:25px;
    font-weight:400;
}	
			
.comment-reply-title small a {
    font-family: 'Open Sans', sans-serif;
    text-decoration:none;
    position:absolute;
    right:75px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px;
    color: #d02d48;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    font-size: 13px;
}		
	
.comments-wrap {
	margin-bottom:100px;
}

.commentWrap .commentTitle {
    padding:30px 0;
}


.commentWrap .commentTitle h3 , .commentWrap .commentTitle .comment_count a {
    color:#101010;
    text-decoration:none;
}

.commentWrap .commentTitle h3 {
    font-size:25px;
    line-height:25px;
}

.commentWrap .commentTitle .comment_count a {
    font-size:16px;
    background:transparent url(../img/comments-count.png) no-repeat;
    display: inline-block;
    width: 43px;
    height: 37px;
    line-height: 30px;
    text-align: center;
}

/* List */
.comments-list{
	list-style: none;
	padding:0;
	margin:0;
	font-weight: 400;
	font-size: 12px;
}

.comments-list:before {
    height:200px;
    width:300px;
    background-color:green;

}

.comments-list {
    position:relative;
}

.comment_list_border {
    height:100%;
    width:1px;
    background-color:#c5c5c5;
    display:block;
    position:absolute;
    left: 48px;
    top: 25px;
}

.comments-list .comment {
	padding:10px 10px;
	color:#9c9c9c;
	margin-bottom:17px;
	
	position:relative;
}

.comments-list .comment-image {
	float:left;
	margin:4px 14px 4px 4px;
	background-color: #FFF;
	border:1px solid #e5e5e5;
    width:68px;
	min-height:68px;
}

.comments-list .comment-image img {
	display:block;
    width:100%;
}

.comments-list .comment-reply-link {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    color: #7e7e7e;
    font-weight:700;
    text-transform: uppercase;
    line-height: 25px;
    text-decoration: none;
    color: #d02d48;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    font-size:13px;
}

.comments-list .comment-reply-link:hover
{
	color:#363636;
}

.comments-list cite{
	font-style: normal;
}

.comment-meta {
    color: #111;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    margin-top:15px;
}

.comment-meta cite {
    margin-right:15px;
}

.comment-meta .author-tag {
    margin-left:-15px;
    margin-right:15px;
}

.comments-list cite a{
    color: #565656;
    text-decoration: none;
}

.comments-list .comment-date
{
	font-size: 12px;
	color:#363636;
	text-decoration: none;
    font-weight:400;
}

.comments-list .comment-text {
	color:#7e7e7e;
    font-size:14px;
    line-height:20px;
    margin-left:88px;
}

.comments-list .children .comment-text {
    margin-left:0px;
}

/* Comment reply style  */
.comments-list .line {
	display: none;
	width:57px;
	height:1px;
	background-color: #d6d6d6;
	position: absolute;
	left:-42px;
	top:58px;
}

.comments-list ul {
	list-style: none;
	padding:0;
}

.comments-list .children {
	margin:10px 0;
	padding:0 0 0 90px;
}

.comments-list .children .line {
	display: block;
}

.comments-list .children .children .line {
    width: 144px;
    left: -130px;
}

/*-----------------------------------------------------------------------------------*/
/*	34. Respond form
/*-----------------------------------------------------------------------------------*/

.comments-list #respond {
    margin: 40px 30px 40px 80px;
    padding: 35px 20px 120px 20px;
}

.comments-list .children #respond {
    margin: 40px 30px 40px 0px;
}

#commentform .input-text {
	float:left;
	width:31.7%;
	margin-left: 2%;
    height:41px;
}

#commentform .input-text:first-child{
	margin-left: 0;
}

.comments-list .children #commentform .input-text:first-child {
	margin-left:0%;
}

.comments-list .children #commentform .input-text {
	margin-left:1.95%;
}

#commentform p:first-child {
	font-size:13px;
	font-weight: 400;
	color:#9c9c9c;
}

#commentform .input-textarea,
#commentform p:first-child,
#commentform .form-fields
{
	margin-bottom:18px;
}

.form-fields.clearfix {
  margin-top: 50px;
}

#commentform .input-textarea {
	width:100%;
    height:150px;
    margin-bottom:90px;
}

#commentform .input-textarea textarea {
    height:90px;
    margin-top:40px;
    color: #111;
    line-height: 30px;
    font-size: 17px;
}

#commentform .input-text input[type="text"]{
	padding:0;
	width:100%
}

#commentform input[type="submit"]{
	background-color:transparent;
	border:none;
	color:#555;
    text-transform:uppercase;
    padding:0;
    height:100%;
    outline:none;
	
	-webkit-transition:border .3s , color .3s , background-color .3s ;
	-moz-transition:border .3s , color .3s , background-color .3s ;
	-o-transition:border .3s , color .3s , background-color .3s ;
	transition:border .3s , color .3s , background-color .3s ;
}


#commentform .button.button-large {
    position: absolute;
    display: block;
    bottom: 0;
    margin: 0;.comments-list #respond
}

.comment-respond .form-submit .submit {
    display:none;
}
					
/* Prevent Menu Cover the Layout */
.singlePost, .pageSpace .layout , .woocommerce-page {
	margin-top:70px;
}

.page-template-main-page-php  .layout {
	margin-top:0px;
}

.menuSpace {
    display :block;
    height:70px;
}

.page-template-default .menuSpace {
    height:0px;
    padding-top:4px;
}

/*-----------------------------------------------------------------------------------*/
/* 35. social Share Btns 
/*-----------------------------------------------------------------------------------*/

.social_links {
    position:absolute;
    bottom:-90px;
    left:0;
    padding:25px 0;
    cursor:default;
    z-index:5;
}

.social_links a {
    background-color:transparent;
    position:relative;
    text-decoration:none;
    color:#fff;
}

.social_links a:hover {
    opacity:.8;
    color:#fff;
}

.social_links .social_links_list li {
    display: block;
    float: left;
    margin-right: 27px;
    font-size: 19px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    -o-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px);

    -webkit-transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .4s cubic-bezier(0.645, 0.045, 0.355, 1) , -moz-transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .4s cubic-bezier(0.645, 0.045, 0.355, 1) , transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity .4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .4s cubic-bezier(0.645, 0.045, 0.355, 1) ,transform .4s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.social_links .social_links_list.openToggle li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

/* cascade hiding */
.social_links .social_links_list li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.social_links .social_links_list li:nth-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.social_links .social_links_list li:nth-child(3) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.social_links .social_links_list li:nth-child(4) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.social_links .social_links_list li:nth-child(5) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}


/* cascade visibility */
.social_links .social_links_list.openToggle li:nth-last-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.social_links .social_links_list.openToggle li:nth-last-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.social_links .social_links_list.openToggle li:nth-last-child(3) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.social_links .social_links_list.openToggle li:nth-last-child(4) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.social_links .social_links_list.openToggle li:nth-last-child(5) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.portfolio_detail_creative .project-subtitle {
    text-align: right;
    padding-right: 85px;
    margin-top:15px;
}

.portfolio_detail_creative .project-subtitle a {
    font-size:13px;
    color:#080808;
    text-transform: capitalize;
    padding-right:3px;
}

.pd-arrows-button-next,
.pd-arrows-button-prev 
{
    display: none;
}

/* portfolio Detail Ajax Social Share Btns */
.portfolio_social_share .social_links , .post_social_share .social_links {
    position:static;
    padding:0;
    cursor:default;
    z-index:5;
    display: inline-block;
}

.socialShareContainer {
    float: right;
}

.portfolio_detail_creative .social_links .social_links_list li {
    margin-right:20px;
}

.portfolio_detail_creative .social_share_toggle .social_links {
    bottom: auto;
    top: 15px;
    left: auto;
    color: #000;
    padding:0;
    right: 15px;
}

.portfolio_detail_creative .social_links a {
    color:#000;
    font-size:15px;
}

.social_share_toggle {
    display: inline-block;
    float: right;
    cursor: pointer;
    height: 54px;
    overflow: hidden;
}

.social_share_toggle > i:first-child {
    background-color: #000;
    color: #FFF;
    padding: 3px;
    font-size: 15px;
    float: right;
    margin-top: 15px;
}

.social_share_toggle .social_links_list {
    float: right;
}

.social_share_toggle .social_links {
    width:0;
    -webkit-transition: width .01s cubic-bezier(0.645, 0.045, 0.355, 1) .6s;
    -moz-transition: width .01s cubic-bezier(0.645, 0.045, 0.355, 1) .6s;
    -ms-transition: width .01s cubic-bezier(0.645, 0.045, 0.355, 1) .6s;
    transition: width .01s cubic-bezier(0.645, 0.045, 0.355, 1) .6s;
}

.social_share_toggle:hover .social_links,
.social_share_toggle.opened .social_links{
    width:170px;
    -webkit-transition: width .01s linear 0s;
    -moz-transition: width .01s linear 0s;
    -ms-transition: width .01s linear 0s;
    transition: width .01s linear 0s;

}

.portfolio_social_share .social_links a , .post_social_share  .social_links a , .bd_socail_share .social_links a {
    color:#000;
    -webkit-transition: color .6s ease 0s;
    -moz-transition: color .6s ease 0s;
    -ms-transition: color .6s ease 0s;
    transition: color .6s ease 0s;
}

.portfolio_social_share .social_links a:hover , .post_social_share .social_links a:hover , .bd_socail_share .social_links a:hover {
    color:#555;
}

.portfolio_social_share .social_links_list li:first-child , .post_social_share .social_links_list li:first-child , .bd_socail_share .social_links_list li:first-child {
    border:none;
}

.portfolio_social_share .social_links .social_links_list li , .post_social_share .social_links .social_links_list li  , .bd_socail_share .social_links .social_links_list li {
    margin-right:15px;
    font-size:14px;
}

.blog_social_share_title {
    font-size: 14px;
    float: left;
    font-weight: 700;
    font-family: open sans;
    padding-right: 10px;
    text-transform: uppercase;
}

.bd_socail_share {
    height:50px;
    position:relative;
}

.bd_socail_share .social_share_toggle .social_links {
    top: -7px;
    right: 18px;
    left: auto;  
}

/*-----------------------------------------------------------------------------------*/
/*	36. parallax And Video section / texture hover
/*-----------------------------------------------------------------------------------*/

.parallax {
    position: relative;
    width: 100%;
    max-height:1100px;
    overflow:hidden;
    min-height:550px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.parallax .parallax-img {
    width: 100%;
    height: 200%;
    max-height:1600px;
    position: absolute;
    top: -50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat:no-repeat !important;
    -webkit-perspective:1000;
}

.parallax:after {
    opacity:.9;
    background-color:inherit;
}

/* Parallax Content  */
.parallax .container {
    position:relative;
    z-index:1;
}

.parallax.noParallaxImage .parallax-img {
    background-image:url(../img/placeholders/parallaxImg.jpg) !important;
}

/* parallax texture  */
.sectionOverlay {
    position:relative;
}

.videoHome.sectionOverlay {
    position:absolute;
}

.sectionOverlay:after {
    position:absolute;
    top:0;
    left:0;
    opacity:0.5;
    content:'';
    height:100%;
    width:100%;
    z-index:0 !important;
}

#home .sectionOverlay:after {
    z-index:2!important;
}

.texture2:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture2.png);
}

.texture3:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture3.png);
}
.texture4:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture4.png);
}
.texture5:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture5.png);
}
.texture6:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture6.png);
}
.texture7:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture7.png);
}
.texture8:after {
    background-repeat: repeat;
    background-image:url(../img/texture/texture8.png);
}

.videoSection .videoContent {
	overflow:hidden;
    z-index:1;
    position:relative;
}

.videoSection .videoContent > .page {
    min-height:500px;
}

.videoMask.texture2 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture2.png);
}

.videoMask.texture3 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture3.png);
}
.videoMask.texture4 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture4.png);
}
.videoMask.texture5 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture5.png);
}
.videoMask.texture6 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture6.png);
}
.videoMask.texture7 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture7.png);
}
.videoMask.texture8 {
    background-repeat: repeat;
    background-image:url(../img/texture/texture8.png);
}

.videoSection .videoHomePreload {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-position:center;
}

.videoWrap {
	top: 0px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	width: 100% !important;
    min-height:100%;
}

.videoWrap .mejs-container.mejs-video {
    width:100% !important;
    height:100% !important;
}

.videoHomePreload {
    position: absolute;
}

/*-----------------------------------------------------------------------------------*/
/*	37. portfolio and portfolio detial / load more btns 
/*-----------------------------------------------------------------------------------*/

.isotope-item.noimages {
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:center;
}

.isotope-item.noimages.wide .pSlide {
    background-image: url("../img/placeholders/noImageWide.jpg");
}

.isotope-item.noimages.big .pSlide {
    background-image: url("../img/placeholders/noImage.jpg");
}

.isotope-item.noimages.square .pSlide {
    background-image: url("../img/placeholders/noImageSquare.jpg");
}

.isotope-item.noimages.slim .pSlide {
    background-image: url("../img/placeholders/noImageSlim.jpg");
}

.isotope-item.noimages.hslim .pSlide {
    background-image: url("../img/placeholders/noImageHslim.jpg");
}

.postphoto img {
  display:none;
}

.postphoto .featured-image {
  margin:0;
}

.postphoto {
  padding:0;
  position:relative;
  overflow:hidden;
  width:310px;
  display:block;
  min-height:100px;
}

.postphoto .title ,.postphoto .skills  {
    opacity:0;
    z-index:4;
    position: absolute;
    color:#fff;
    bottom: 5px;
    left: 23px;
}

.postphoto .title {

    font-size:22px;
    font-family: Dosis, sans-serif;
    font-weight:400;
    text-transform:uppercase;
    line-height:22px;

    -moz-transition:  bottom 1000ms , opacity 500ms;
	-o-transition:  bottom 1000ms , opacity 500ms;
	-webkit-transition:  bottom 1000ms , opacity 500ms;
	transition:  bottom 1000ms , opacity 500ms;
}

.postphoto:hover .title {
    opacity:1;
    bottom: 44px;

    -moz-transition:  bottom 500ms , opacity 1000ms;
	-o-transition:  bottom 500ms , opacity 1000ms;
	-webkit-transition:  bottom 500ms , opacity 1000ms;
	transition:  bottom 500ms , opacity 1000ms;
}

.postphoto .skills {
    bottom: 0px;
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    text-transform:capitalize;

    -moz-transition:  bottom 400ms , opacity 500ms;
	-o-transition:  bottom 400ms , opacity 500ms;
	-webkit-transition:  bottom 400ms , opacity 500ms;
	transition:  bottom 400ms , opacity 500ms;
}

.postphoto:hover .skills {
    -moz-transition:  bottom 800ms , opacity 1000ms;
	-o-transition:  bottom 800ms , opacity 1000ms;
	-webkit-transition:  bottom 800ms , opacity 1000ms;
	transition:  bottom 800ms , opacity 1000ms;

   opacity:.7;
   bottom: 23px;
}

.postphoto .overlay {
    position:absolute;
    height:100%;
    width:100%;
    bottom:0;
    left:0;
    z-index:3;
    text-decoration:none;
    background-color:rgba(0, 0, 0, 0);
    visibility: hidden;
    -webkit-transition: background-color .4s ease-in-out, visibility .4s ease-out;
   -moz-transition: background-color .4s ease-in-out, visibility .4s ease-out;
    -o-transition: background-color .4s ease-in-out, visibility .4s ease-out;
    transition: background-color .4s ease-in-out, visibility .4s ease-out;
}

.isotope.borderType .postphoto .overlay {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    visibility: hidden;
}

.isotope.borderType .postphoto:hover .overlay {
    visibility: visible;
}

.isotope.simpleType .postphoto .frame {
    display:none;
}

.postphoto:hover .overlay {
    background-color:rgba(0, 0, 0, 0.7);
    visibility: visible;
}

.isotope.lightStyle .postphoto .overlay {
    background-color:rgba(255, 255, 255, 0);
}

.isotope.lightStyle .postphoto:hover .overlay {
    background-color:rgba(255, 255, 255, 0.8);
    visibility: visible;
}


a.postlink {
  display:block;
  width: 100%;
  height: 100%;
}

.isotope-item {
  float:left;
  margin:0;
  display:table;
}

.portfolioSection .title h3 {
	color:#101010;
    font-family: Dosis, sans-serif;
    font-weight: 400;
    font-size: 40px;
    line-height:61px;
    margin:0;
}

.portfolioSection .titleSpace {
    margin-left:0px;
    margin-top:19px;
}

.portfolio_text.portfolioSection .titleSpace ,.portfolio_space.portfolioSection .titleSpace {
    margin-left:5px;
}

.portfolio_text .subnavigation ,.portfolio_space .subnavigation {
    right:10px;
}

.fullWidth .portfolio_space .isotope,
.fullWidth .portfolio_text .isotope {
    margin-left:8px;
}

.portfolioSection .container.title_container {
    margin-left: -15px;
}

.portfolioSection .subtitle {
	font-size: 14px;
	color:#363636;
    font-weight: 400;
    letter-spacing:1px;
}

/* Gutter Portfolio */
.gridspace .isotope-item {
    margin:9px;
}
/* text portfolio */
.portfolio_text .postphoto , .portfolio_space .postphoto {
    margin:0 7px;
}

.portfolio_text .portfolio_text_meta {
    margin-left:7px;
    height:68px;
    padding-top:17px;
    display:table-caption;
    caption-side:bottom;
}

.portfolio_text .portfolio_text_meta .right_meta {
    padding-left:5px;
    padding-right:10px;
    float:left;
    font-family:Dosis,sans-serif;
    background-color:white;
    position:fixed;
    margin-left:40px;
}

.portfolio_text .portfolio_text_meta .right_meta .title {
    font-size:18px;
    line-height:23px;
    color:#2b2b2b;
    font-family:Dosis,sans-serif;
    font-weight:600;
    letter-spacing:1px;
}

.portfolio_text .portfolio_text_meta .right_meta .category a {
    font-size:13px;
    line-height:23px;
    color:#868686;
    text-transform:capitalize;
    letter-spacing:1px;
   
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

.portfolio_text .portfolio_text_meta .right_meta .category a:hover {
    color:#000;
    text-decoration:none;
}

.portfolio_text .portfolio_text_meta .like  {
    height:50px;
    width:32px;
    float:left;
    border-right:1px solid #d6d6d6;

}

.portfolio_text .portfolio_text_meta .like a {
    text-decoration:none;
    font-family:Dosis,sans-serif;
    width:30px;
    height:50px;
    display:inline-block;
}
/*
.portfolio_text .portfolio_text_meta .like a .no_like {
    font-family: Dosis,sans-serif;
    letter-spacing: 1px;
    display:block;
    font-size: 12px;
    padding-left:4px;
}*/

.portfolio_text .portfolio_text_meta .like  a .count {
    color: #868686;
    display:block;
    text-align: center;
    font-size: 14px;
    line-height:25px;
    margin-left: -12px;

    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.portfolio_text .portfolio_text_meta .like .jm-post-like.icon-heart5:before {
    font-family: 'icomoon';
    font-size: 16px;
    color: #C8C8C8;
    padding-top: 6px;
    padding-left: 1px;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}  


.portfolio_text .portfolio_text_meta .like .jm-post-like.liked.icon-heart5:before {
    color:#d02d48;
}

.postphoto .pSlide {
    height: 100%;
    width: 100% !important;

     background-position:center;

    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolioswiper , .portfolioswiper .swiper-container  {
    height:100% !important;
    width:100%  !important;
}

.postphoto .hoverContent {
    position:relative;
    height:100%;
    width:100%;
}

.postphoto .overlay .center-line {
    height:1px; 
    background-color:#fff;
    width:0;
    top:50%;
    margin:0 auto;
    position:relative;
    opacity:0;

    -moz-transition:width .3s cubic-bezier(.175,.885,.32,0.8), opacity .3s cubic-bezier(.175,.885,.32,0.8);
    -o-transition:width .3s cubic-bezier(.175,.885,.32,0.8), opacity .3s cubic-bezier(.175,.885,.32,0.8);
    -webkit-transition:width .3s cubic-bezier(.175,.885,.32,0.8), opacity .3s cubic-bezier(.175,.885,.32,0.8);
    transition:width .3s cubic-bezier(.175,.885,.32,0.8), opacity .3s cubic-bezier(.175,.885,.32,0.8);
}

.isotope.lightStyle .postphoto .overlay .center-line {
    background-color:#000;
}

.postphoto:hover .overlay .center-line {
    width:50%;
    opacity:1;
}

.wide .postphoto:hover .overlay .center-line {
    width:300px;
}

.big .postphoto:hover .overlay .center-line,
.hslim .postphoto:hover .overlay .center-line {
    width:200px;
}

.title-wrap {
    height: 50%;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: 2px;
}

.postphoto .overlay .titleContainer {
    top: -8px;
    position:absolute;
    width:100%;

    -webkit-transition:top .3s cubic-bezier(.175,.885,.32,0.8);
    -moz-transition:top .3s cubic-bezier(.175,.885,.32,0.8);
    -o-transition:top .3s cubic-bezier(.175,.885,.32,0.8);
    transition:top .3s cubic-bezier(.175,.885,.32,0.8);
}

.postphoto:hover .overlay .titleContainer {
    top: 8px;
    
    -webkit-transition:top .2s cubic-bezier(.175,.885,.32,0.8);
    -moz-transition:top .2s cubic-bezier(.175,.885,.32,0.8);
    -o-transition:top .2s cubic-bezier(.175,.885,.32,0.8);
    transition:top .3s cubic-bezier(.175,.885,.32,0.8);
}

.postphoto .overlay .hover-title {
    margin:0 auto;
    opacity:0;
    color:#fff;
    font-size:26px;
    line-height:32px;
    text-align:center;
    text-transform: uppercase;
    font-weight:400;
    padding:0 5%;
    font-family:Dosis,sans-serif;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s cubic-bezier(0.165, 0.84, 0.44, .9);
}

.wide .overlay .hover-title,
.big .overlay .hover-title,
.hslim .overlay .hover-title {
    font-size: 34px;
    line-height:38px;
}

.isotope.lightStyle .postphoto .overlay .hover-title {
    color:#000;
}

.postphoto:hover .overlay .hover-title{
    opacity:1;
    -moz-transition: opacity 300ms .3s cubic-bezier(.175,.885,.32,0.8);
    -o-transition: opacity 300ms .3s cubic-bezier(.175,.885,.32,0.8);
    -webkit-transition: opacity .3s cubic-bezier(.175,.885,.32,0.8);
    transition: opacity .3s cubic-bezier(.175,.885,.32,0.8);
}

.postphoto .overlay .hover-subtitle {
    letter-spacing:1px;
    text-transform:capitalize;
    margin:0 auto;
    opacity:0;
    color:#BEBEBE;
    font-size:13px;
    line-height:21px;
    text-align:center;
    font-weight:400;
    -moz-transition: opacity .3s cubic-bezier(.175,.885,.32,0.8);
    -o-transition: opacity .3s cubic-bezier(.175,.885,.32,0.8);
    -webkit-transition: opacity .3s cubic-bezier(.175,.885,.32,0.8);
    transition: opacity .3s cubic-bezier(.175,.885,.32,0.8);
}

.wide .overlay .hover-subtitle,
.big .overlay .hover-subtitle,
.hslim .overlay .hover-subtitle {
    font-size: 14px;
    line-height:24px;
}

.isotope.lightStyle .postphoto .overlay .hover-subtitle {
    color:#5e5e5e;
}


.postphoto:hover .overlay .hover-subtitle {
    opacity:1;
}

.icon-wrap {
    height: 50%;
    width: 100%;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
}

.icon-wrap {
    top:0;
}

.postphoto .overlay .icon-type {
    position:absolute;
    opacity:0;
    bottom:-3px;
    display:block;
    height:28px;
    width:40px;
    left:calc(50% - 20px);
    background-size:contain;
    background-repeat:no-repeat;
    -moz-transition:bottom .25s cubic-bezier(.175,.885,.32,0.8), opacity .25s cubic-bezier(.175,.885,.32,0.8);
    -o-transition:bottom .25s cubic-bezier(.175,.885,.32,0.8), opacity .25s cubic-bezier(.175,.885,.32,0.8);
    -webkit-transition:bottom .25s cubic-bezier(.175,.885,.32,0.8), opacity .25s cubic-bezier(.175,.885,.32,0.8);
    transition:bottom .3s cubic-bezier(.175,.885,.32,0.8), opacity .3s cubic-bezier(.175,.885,.32,0.8);
}

.postphoto:hover .overlay .icon-type {
    bottom: 15px;
    opacity:1;
}

.format-standard .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-quote.png);
}

.format-gallery .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-gallery.png);
}

.format-video .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-video.png);
}

.format-audio .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-audio.png);
}

.format-link .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-link.png);
}

.isotope.lightStyle .format-standard .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-quote-black.png);
}

.isotope.lightStyle .format-gallery .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-gallery-black.png);
}

.isotope.lightStyle .format-video .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-video-black.png);
}

.isotope.lightStyle .format-audio .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-audio-black.png);
}

.isotope.lightStyle .format-link .postphoto .overlay .icon-type {
    background-image:url(../img/gallery-format/icon-link-black.png);
}

.project-skill a:hover {
    text-decoration:none;
}

/* portfolio hover like*/
.postphoto .like  {
    height:50px;
    width:32px;
    float:left;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -16px;
    opacity: 0;
    z-index: 3;
    -moz-transition: opacity .3s ease .1s, bottom .3s ease;
    -o-transition: opacity .3s ease .1s, bottom .3s ease;
    -webkit-transition: opacity .3s ease .1s, bottom .3s ease;
    transition: opacity .3s cubic-bezier(.175,.885,.32,0.8), bottom .3s cubic-bezier(.175,.885,.32,0.8);
}

.hideLikeBtn .postphoto .like {
    display:none;
}

.postphoto:hover .like  {
    opacity: 1;
    bottom: 0px;
}

.postphoto .like a {
    text-decoration:none;
    font-family:Dosis,sans-serif;
    display: block;
}
/*
.postphoto .like a .no_like {
    font-family: Dosis,sans-serif;
    letter-spacing: 1px;
    display:block;
    font-size: 12px;
    padding-left:4px;
}
*/
.postphoto .like  a .count {
    color: #1e1e1e;
    display:block;
    text-align: center;
    font-size: 14px;
    line-height:25px;
    margin-left: -12px;
    display: none;

    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

.postphoto .like .jm-post-like.icon-heart5:before {
    font-family: 'icomoon';
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    display: block;
    padding-left: 1px;

    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}  

.isotope.lightStyle .postphoto .like .jm-post-like.icon-heart5:before {
    color: #1e1e1e;
}


.postphoto .like .jm-post-like.liked.icon-heart5:before,
.isotope.lightStyle .postphoto .like .jm-post-like.liked.icon-heart5:before {
    color:#d02d48;
}

/* portfolio hover:borders */
.postphoto .overlay .frame,
.postphoto .overlay .frame div {
    position: absolute;
}

.postphoto .overlay .frame.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}

.postphoto .overlay .frame.right {
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
}

.postphoto .overlay .frame.bottom {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}

.postphoto .overlay .frame.left {
  left: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
}

.postphoto .overlay .frame div {
    background-color:#fff;
    width:0;
    opacity: 0;
    height:2px;
}

.isotope.lightStyle .postphoto .overlay .frame div {
    background-color: rgba(0, 0, 0, 0.5);
}

.postphoto .overlay .frame.top div,
.postphoto .overlay .frame.bottom div {
    -webkit-transition: width .2s cubic-bezier(.175,.885,.32,0.8);
    -moz-transition: width .3s cubic-bezier(.175,.885,.32,0.8);
    -o-transition: width .3s cubic-bezier(.175,.885,.32,0.8);
    transition: width .4s cubic-bezier(.175,.885,.32,0.8), opacity .4s cubic-bezier(.175,.885,.32,0.8);
}

.postphoto .overlay .frame.left div,
.postphoto .overlay .frame.right div {
    -webkit-transition: height .2s cubic-bezier(.175,.885,.32,0.8);
    -moz-transition: height .3s cubic-bezier(.175,.885,.32,0.8);
    -o-transition: height .3s cubic-bezier(.175,.885,.32,0.8);
    transition: height .4s cubic-bezier(.175,.885,.32,0.8), opacity .4s cubic-bezier(.175,.885,.32,0.8);
}

.postphoto .overlay .frame.top div {
    width:0;
    height:2px;
    left:0;
}

.postphoto .overlay .frame.bottom div {
    width:0;
    height:2px;
    right:0;
}

.postphoto .overlay .frame.left div {
    width:2px;
    height:0;
    bottom:0;
}

.postphoto .overlay .frame.right div {
    width:2px;
    height:0;
    top:0;
}

.postphoto:hover .overlay .frame.top div,
.postphoto:hover .overlay .frame.bottom div{
    width:100%;
    opacity: 1;
    -webkit-transition: width .3s cubic-bezier(.175,.885,.32,0.9), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: width .3s cubic-bezier(.175,.885,.32,0.9), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: width .3s cubic-bezier(.175,.885,.32,0.9), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: width .3s cubic-bezier(.175,.885,.32,0.9), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.postphoto:hover .overlay .frame.left div,
.postphoto:hover .overlay .frame.right div {
    height:100%;
    opacity: 1;
    -webkit-transition: height .3s cubic-bezier(.175,.885,.32,0.8), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: height .3s cubic-bezier(.175,.885,.32,0.8), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: height .3s cubic-bezier(.175,.885,.32,0.8), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: height .3s cubic-bezier(.175,.885,.32,0.8), opacity .15s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.big .postphoto:hover .overlay .frame.top div,
.hslim .postphoto:hover .overlay .frame.bottom div {
    -webkit-transition: width .35s cubic-bezier(.175,.885,.32,0.9), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: width .35s cubic-bezier(.175,.885,.32,0.9), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: width .35s cubic-bezier(.175,.885,.32,0.9), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: width .35s cubic-bezier(.175,.885,.32,0.9), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.big .postphoto:hover .overlay .frame.left div,
.hslim .postphoto:hover .overlay .frame.right div {
    -webkit-transition: height .35s cubic-bezier(.175,.885,.32,0.8), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: height .35s cubic-bezier(.175,.885,.32,0.8), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: height .35s cubic-bezier(.175,.885,.32,0.8), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: height .35s cubic-bezier(.175,.885,.32,0.8), opacity .2s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}


.wide .postphoto:hover .overlay .frame.top div,
.wide .postphoto:hover .overlay .frame.bottom div {
    -webkit-transition: width .4s cubic-bezier(.175,.885,.32,0.9), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: width .4s cubic-bezier(.175,.885,.32,0.9), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: width .4s cubic-bezier(.175,.885,.32,0.9), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: width .4s cubic-bezier(.175,.885,.32,0.9), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}


/* portfolio hover:creative */
.isotope.creativeType .postphoto {
    cursor: pointer;
}

.isotope.creativeType .postphoto .overlay {
    width: calc(100% - 34px);
    height:calc(100% - 34px);
    bottom:17px;
    left:17px;
    visibility: hidden;
}

.isotope.creativeType .postphoto:hover .overlay {
    background-color:rgba(0, 0, 0, 0.85);
    visibility:  visible;
}

.isotope.creativeType.lightStyle .postphoto .overlay {
    background-color:rgba(255, 255, 255, 0);
}

.isotope.creativeType.lightStyle .postphoto:hover .overlay {
    background-color:rgba(255, 255, 255, 0.85);
    visibility:  visible
}

.isotope.creativeType .title-wrap {
    overflow: hidden;
}

.isotope.creativeType .postphoto .overlay .titleContainer {
    top: -100px;
    -webkit-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: top 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.isotope.creativeType .postphoto:hover .overlay .titleContainer {
    top: 8px;
    -webkit-transition: top .4s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -moz-transition: top .4s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -o-transition: top .4s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    transition: top .4s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
}

.isotope.creativeType .postphoto .overlay .icon-type {
    bottom: -36px;
    opacity: 1;
    -webkit-transition: bottom .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: bottom .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: bottom .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: bottom .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.isotope.creativeType .postphoto:hover .overlay .icon-type {
    bottom: 12px;
    -webkit-transition: bottom .5s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -moz-transition: bottom .5s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -o-transition: bottom .5s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    transition: bottom .5s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
}

.isotope.creativeType .postphoto .overlay .hover-title,
.isotope.creativeType .postphoto .overlay .hover-subtitle  {
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.isotope.creativeType .postphoto .overlay .center-line {
    position:absolute;
    left:-17px;
    opacity:1;
    height: 2px;
    -moz-transition:width .25s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    -o-transition:width .25s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    -webkit-transition:width .25s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
    transition:width .25s cubic-bezier(0.215, 0.61, 0.355, 1) .2s;
}

.isotope.creativeType .postphoto:hover .overlay .center-line {
    width: calc(100% - 17px);
    -moz-transition:width .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition:width .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition:width .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition:width .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.isotope.creativeType .wide .postphoto:hover .overlay .center-line {
    width: calc(50% - 17px);
}

.isotope.creativeType .wide .icon-wrap,
.isotope.creativeType .wide .title-wrap {
    width: 50%;
}

.portfolio_text .icon-wrap , .portfolio_text .title-wrap ,  .portfolio_text .center-line , .portfolio_text  .postphoto .like {
    display:none;
}

.isotope.creativeType .postphoto .overlay .hover-title {
    padding:0 0 0 5%;
    text-align: right;
    margin-right: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.isotope.creativeType .postphoto .overlay .hover-subtitle {
    padding:0 0 0 5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right;
    margin-right: 34px;
}

.isotope.creativeType .postphoto .overlay .icon-type {
    left:auto;
    right:34px;
}

.isotope.creativeType .postphoto .overlay .frame,
.isotope.creativeType .postphoto .overlay .frame div {
    display: none;
}

.isotope.creativeType .postphoto .like  {
    bottom: -10px;
}

.isotope.creativeType .postphoto:hover .like {
    bottom: 0px;
}

.isotope.creativeType .wide .postphoto .like  {
    margin-left: -58px;
}

/* portfolio filter styles */

.portfolio_height  {
    min-height:124px;
}

.portfolio-header {
    position:relative;
}

.subnavigation
{
    font-size:13px;
    position:absolute;
    top:-88px;
    right:0px;
    display:table;
    margin:0 auto 32px;
    z-index:2;
}

.subnavigation li
{
    display:block;
    height: 57px;
	float:left;
	margin:0;
	cursor: pointer;
}

.subnavigation .filter_item {   
    position: relative;
    text-decoration: none;
    color: #000;
    letter-spacing: 1px;
    display: block;
    padding: 0 29px 0 15px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 21px;
    height: 100%;
    overflow: hidden;
    font-family: Dosis, sans-serif;
    font-weight: 500;
    -moz-transition: color .7s ease;
    -o-transition: color .7s ease;
    -webkit-transition: color .7s ease;
    transition: color .7s ease;

}

.subnavigation li:last-child .filter_item {
    padding-right:0px;
}

.toggle-style .subnavigation li:last-child .filter_item {
    padding-right:29px;
}

.subnavigation .filter_item:focus 
{ 
    -moz-outline: 0;
     outline:0; 
}

.subnavigation .filter_item.active {
    color:#000;
    display:block;
}

.subnavigation li:hover {
     color:#d02d48;
}


.subnavigation .filterline {
    height: 24px;
    width: 1px;
    background-color: #000;
    position: absolute;
    left: 1px;
    top: 0;
    display:block;
    -webkit-backface-visibility: hidden;

    -moz-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -o-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -webkit-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
}

.subnavigation li .filter_item.active .filterline  {
    height: 57px;
}

.subnavigation.toggle-style.toggleClicked li .filter_item.active .filterline {
    height: 23px;
    -moz-transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li .filter_item.active .filterline  {
    height: 57px;
}

.subnavigation li .filter_item .post-count {
    position: absolute;
    left:-30px;
    display: block;
    padding: 6px 15px;
    font-size: 16px;
    letter-spacing: 2px;
    font-family: Dosis, sans-serif;
    font-weight: 300;
    color: #9B9B9B;
    top: 21px;
    opacity: 0;

    -moz-transition:left .35s cubic-bezier(0.215, 0.61, 0.355, .9) , opacity .35s ease 0s;
    -o-transition:left .35s cubic-bezier(0.215, 0.61, 0.355, .9) , opacity .35s ease 0s;
    -webkit-transition:left .35s cubic-bezier(0.215, 0.61, 0.355, .9) , opacity .35s ease 0s;
    transition:left .35s cubic-bezier(0.215, 0.61, 0.355, .9) , opacity .35s ease 0s;
}

.subnavigation li .filter_item.active .post-count {
    left:0;
    opacity: 1;
}

.subnavigation.toggle-style.toggleClicked li .filter_item.active .post-count   {
    left:-20px;
    opacity: 0;
    transition:left 400ms cubic-bezier(0.215, 0.61, 0.355, .9) 0s, opacity 400ms ease 0s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li .filter_item.active .post-count   {
    left:0;
    opacity: 1;
}

.subnavigation.toggle-style li {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:  opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition:  opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition:  opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:  opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .6s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.subnavigation.toggle-style.openToggle li {
    opacity: 1;
    visibility: visible;
}

/* cascade hiding */
.subnavigation.toggle-style li:nth-child(1) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -ms-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: 0.1s;
}

.subnavigation.toggle-style li:nth-child(2) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    -ms-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s;
}

.subnavigation.toggle-style li:nth-child(3) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -ms-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.subnavigation.toggle-style li:nth-child(4) {
    -webkit-transition-delay: .55s;
    -moz-transition-delay: .55s;
    -ms-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}

.subnavigation.toggle-style li:nth-child(5) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -ms-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}

.subnavigation.toggle-style li:nth-child(6) {
    -webkit-transition-delay: .85s;
    -moz-transition-delay: .85s;
    -ms-transition-delay: .85s;
    -o-transition-delay: 2.85;
    transition-delay: .85s;
}

.subnavigation.toggle-style li:nth-child(7) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.subnavigation.toggle-style li:nth-child(8) {
    -webkit-transition-delay: 1.15s;
    -moz-transition-delay: 1.15s;
    -ms-transition-delay: 1.15s;
    -o-transition-delay: 1.15s;
    transition-delay: 1.15s;
}

.subnavigation.toggle-style li:nth-child(9) {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    -ms-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.subnavigation.toggle-style li:nth-child(10) {
    -webkit-transition-delay: 1.45s;
    -moz-transition-delay: 1.45s;
    -ms-transition-delay: 1.45s;
    -o-transition-delay: 1.45s;
    transition-delay: 1.45s;
}


/* cascade visibility */
.subnavigation.toggle-style.openToggle li:nth-last-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(2) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    -ms-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(3) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(4) {
    -webkit-transition-delay: .45s;
    -moz-transition-delay: .45s;
    -ms-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(5) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -ms-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(6) {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    -ms-transition-delay: .75s;
    -o-transition-delay: .75s;
    transition-delay: .75s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(7) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -ms-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(8) {
    -webkit-transition-delay: 1.05s;
    -moz-transition-delay: 1.05s;
    -ms-transition-delay: 1.05s;
    -o-transition-delay: 1.05s;
    transition-delay: 1.05s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(9) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.subnavigation.toggle-style.openToggle li:nth-last-child(10) {
    -webkit-transition-delay: 1.35s;
    -moz-transition-delay: 1.35s;
    -ms-transition-delay: 1.35s;
    -o-transition-delay: 1.35s;
    transition-delay: 1.35s;
}

/* showing line */
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(1) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(1) a.active .post-count {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(2) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(2) a.active .post-count {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    -ms-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(3) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(3) a.active .post-count {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(4) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(4) a.active .post-count {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    -ms-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(5) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(5) a.active .post-count {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -ms-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(6) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(6) a.active .post-count {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    -ms-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(7) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(7) a.active .post-count {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -ms-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(8) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(8) a.active .post-count {
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(9) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(9) a.active .post-count {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(10) a.active .filterline,
.subnavigation.toggle-style.openToggle.toggleClicked li:nth-last-child(10) a.active .post-count {
    -webkit-transition-delay: 1.55s;
    -moz-transition-delay: 1.55s;
    -ms-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s;
}


/* cascade hiding toggle lines */
.subnavigation.toggle-style li:nth-child(1) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(1) .filterRightLine {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -ms-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.subnavigation.toggle-style li:nth-child(2) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(2) .filterRightLine {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    -ms-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s;
}

.subnavigation.toggle-style li:nth-child(3) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(3) .filterRightLine {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
}

.subnavigation.toggle-style li:nth-child(4) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(4) .filterRightLine {
    -webkit-transition-delay: .65s;
    -moz-transition-delay: .65s;
    -ms-transition-delay: .65s;
    -o-transition-delay: .65s;
    transition-delay: .65s;
}

.subnavigation.toggle-style li:nth-child(5) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(5) .filterRightLine {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -ms-transition-delay: .8s;
    -o-transition-delay: .8s;
    transition-delay: .8s;
}

.subnavigation.toggle-style li:nth-child(6) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(6) .filterRightLine {
    -webkit-transition-delay: .95s;
    -moz-transition-delay: .95s;
    -ms-transition-delay: .95s;
    -o-transition-delay: .95s;
    transition-delay: .95s;
}

.subnavigation.toggle-style li:nth-child(7) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(7) .filterRightLine {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    -ms-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.subnavigation.toggle-style li:nth-child(8) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(8) .filterRightLine {
    -webkit-transition-delay: 1.25s;
    -moz-transition-delay: 1.25s;
    -ms-transition-delay: 1.25s;
    -o-transition-delay: 1.25s;
    transition-delay: 1.25s;
}

.subnavigation.toggle-style li:nth-child(9) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(9) .filterRightLine {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.subnavigation.toggle-style li:nth-child(10) .filterLeftLine,
.subnavigation.toggle-style li:nth-child(10) .filterRightLine {
    -webkit-transition-delay: 1.55s;
    -moz-transition-delay: 1.55s;
    -ms-transition-delay: 1.55s;
    -o-transition-delay: 1.55s;
    transition-delay: 1.55s;
}

.filterToggle {
    position: relative;
    opacity: 1!important;
    visibility: visible !important;
    width:32px;
    padding: 0 7px;
    cursor: pointer;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

.filterRightLine {
    position: absolute;
    top: 0px;
    right:0;
    width:1px;
    height:24px;
    z-index:4;
    background-color: #000;
    -moz-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -o-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -webkit-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
}

.filterLeftLine {
    position: absolute;
    top: 0px;
    left:0;
    width:1px;
    height:0px;
    z-index:4;
    background-color: #000;
    -moz-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -o-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    -webkit-transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
    transition:height 300ms cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
}

.filterToggle.closed .filterRightLine{
    height: 0;
}

.filterToggle.closed .filterLeftLine{
    height: 24px;
}

.subnavigation.toggle-style li.filterToggle.closed .filterRightLine,
.subnavigation.toggle-style li.filterToggle.closed .filterLeftLine {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.filterToggle .toggleLineContainer {
    position: relative;
    width: 32px;
    height: 24px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease;
    transition: transform 0.2s ease;
}

.filterToggle.closed .toggleLineContainer{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filterToggle .toggleLineContainer .lineBarFirst {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #000;
    top: 11px;
    left: 6px;
}

.filterToggle .toggleLineContainer .lineBarSecond {
    position: absolute;
    width: 2px;
    height: 20px;
    background-color: #000;
    left:15px;
    top:2px;
}

/* Portfolio Detial*/
#portfoliSingle {
    padding-bottom: 0px;
}
.portfolio_detail_full_width #PDetail .pDHeader:not(.pDHeader-gallery) ,.portfolio_detail_boxed #PDetail .pDHeader:not(.pDHeader-gallery) {
    background:url(../img/texture/texture9.png) repeat top left;
    background-attachment: fixed;
}

#PDnavigation {
    padding: 0  0 45px;
    display: none;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next ,
.portfolio_detail_full_width #PDnavigation .arrows-button-prev,
.portfolio_detail_boxed #PDnavigation .arrows-button-next ,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev {
    background-color:#000;
    position:relative;
    display: inline-block;
    width:220px;
    height:122px;
    z-index:1;
    cursor:pointer;
    vertical-align: top;
}

.portfolio_detail_full_width #PDnavigation .span12,
.portfolio_detail_boxed #PDnavigation .span12 {
    border-top:1px dashed #efefef;
    text-align: center;
    padding-top:45px;
}
    

.portfolio_detail_full_width #PDnavigation a ,
.portfolio_detail_boxed #PDnavigation a {
    display: inline-block;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-prev,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev {
    margin-left:8px;
}

.portfolio_detail_full_width #PDbackToPortfolio,
.portfolio_detail_boxed #PDbackToPortfolio {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 102px;
    z-index: 1;
    cursor: pointer;
    vertical-align: top;
    margin: 10px 20px;
    color: #000;
    text-align: center;
    line-height: 109px;
    font-size: 42px;
    text-decoration: none;
    opacity: 1;
    -moz-transition: opacity 0.9s ease;
    -o-transition: opacity 0.9s ease;
    -webkit-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
}

.portfolio_detail_full_width #PDbackToPortfolio:hover {
    opacity:.7;
}

.noPrev {
    margin-left: 240px !important;
}

.noNext {
    margin-right: 240px !important;
}


.portfolio_detail_full_width #PDnavigation .arrows-button-next:before,
.portfolio_detail_full_width #PDnavigation .arrows-button-prev:before,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:before,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev:before {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 45px;
    height: 1px;
    border-top: 1px solid #fff;
    right: 24px;
    margin-left: 5px;
    z-index:1;
    -webkit-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease, border-top 0.3s ease;
    -moz-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease, border-top 0.3s ease;
    -o-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease, border-top 0.3s ease;
    transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease, border-top 0.3s ease;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next:hover:before ,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:hover:before {
    width:60px;
    left:-19px;
    border-top: 1px solid #000;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-prev:hover:before ,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev:hover:before {
    width:60px;
    right:-13px;
    border-top: 1px solid #000;
}


.portfolio_detail_full_width #PDnavigation .arrows-button-next:after,
.portfolio_detail_full_width #PDnavigation .arrows-button-prev:after,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:after,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    left: 0;
    margin-left: 147px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 4px 3px 3px;
    -webkit-transition: left 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease;
    -moz-transition: left 0.3s ease,margin-left 0.3s ease, border-color 0.3s ease;
    -o-transition: left 0.3s ease,margin-left 0.3s ease, border-color 0.3s ease;
    transition: left 0.3s ease,margin-left 0.3s ease, border-color 0.3s ease;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next:before ,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:before {
    left:19px;
    right:auto;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next:after ,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:after  {
    left:48px;
    margin-left: 20px;
    border-width: 3px 3px 3px 4px;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next:hover:after,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:hover:after {
    left:25px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255 ,0) rgba(255, 255, 255, 0) rgb(0, 0, 0);
}

.portfolio_detail_full_width #PDnavigation .arrows-button-prev:hover:after,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev:hover:after {
    left:165px;
    margin-left:1px;
    border-color: rgba(255, 255, 255, 0) rgb(0, 0, 0) rgba(255, 255, 255, 0) rgba(0, 0, 0 , 0);
}

.portfolio_detail_full_width #PDnavigation .arrows-button-prev:after,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev:after {
    border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(0, 0, 0 , 0);
}


.portfolio_detail_full_width #PDnavigation .arrows-button-next:after,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255 ,0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
}

#PDnavigation .arrows-button-prev .pArrowsButtonThumb ,
#PDnavigation .arrows-button-next .pArrowsButtonThumb {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    opacity: .45;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

#PDnavigation .arrows-button-prev:hover .pArrowsButtonThumb ,
#PDnavigation .arrows-button-next:hover .pArrowsButtonThumb {
    opacity: 1;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next.noTHumbnavigation ,
.portfolio_detail_full_width #PDnavigation .arrows-button-prev.noTHumbnavigation ,
.portfolio_detail_boxed #PDnavigation .arrows-button-next.noTHumbnavigation ,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev.noTHumbnavigation {
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color:#000;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next.noTHumbnavigation:hover ,
.portfolio_detail_full_width #PDnavigation .arrows-button-prev.noTHumbnavigation:hover ,
.portfolio_detail_boxed #PDnavigation .arrows-button-next.noTHumbnavigation:hover ,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev.noTHumbnavigation:hover  {
    background-color:#ddd;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-prev .text ,
.portfolio_detail_full_width #PDnavigation .arrows-button-next .text,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev .text ,
.portfolio_detail_boxed #PDnavigation .arrows-button-next .text {
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    font-size:14px;
    opacity:1;
    width: 150px;
    height: 122px;
    color:#fff;
    padding: 10px 10px 10px 10px;
    text-align: right;
    position: relative;
    z-index:1;
    box-sizing: border-box;
    display: table-cell; 
    vertical-align: middle; 
    -webkit-transition: opacity 0.3s ease ,-webkit-transform .3s ease;
    -moz-transition: opacity 0.3s ease,-moz-transform .3s ease;
    -o-transition: opacity 0.3s ease,-ms-transform .3s ease;
    transition: opacity 0.3s ease,transform .3s ease;
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next .text,
.portfolio_detail_boxed #PDnavigation .arrows-button-next .text {
    padding-left:90px;
    text-align: left;
    width: 220px;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.portfolio_detail_full_width #PDnavigation .arrows-button-prev:hover .text,
.portfolio_detail_boxed #PDnavigation .arrows-button-prev:hover .text {
    opacity:0;
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
}

.portfolio_detail_full_width #PDnavigation .arrows-button-next:hover .text,
.portfolio_detail_boxed #PDnavigation .arrows-button-next:hover .text {
    opacity:0;
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}


#portfoliSingle .like  {
    text-align: center;
    padding:45px 0;
}

#portfoliSingle .like a {
    text-decoration: none;
    font-family: Dosis,sans-serif;
    width: 200px;
    display: block;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
}
/*
#portfoliSingle .like a .no_like {
    opacity: 0 !important;
}*/

#portfoliSingle .like a .count {
    color: #868686;
    display:inline-block;
    font-size: 14px;
    line-height:25px;
    padding-left: 8px;
    text-align: left;
    width:82px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out;
}

#portfoliSingle .like .jm-post-like.icon-heart5:before {
    font-family: 'icomoon';
    font-size: 16px;
    color: #C8C8C8;
    padding-top: 6px;
    display: inline-block;
    padding-left: 1px;
    position: relative;
    width:96px;
    text-align: right;
    -moz-transition: color .4s ease-in-out, margin-right .4s ease-in-out;
    -o-transition: color .4s ease-in-out, margin-right .4s ease-in-out;
    -webkit-transition: color .4s ease-in-out, margin-right .4s ease-in-out;
    transition: color .4s ease-in-out, margin-right .4s ease-in-out;
} 

#portfoliSingle .like:hover .jm-post-like.icon-heart5:before {
    color: #A5A5A5;
}  


#portfoliSingle .like .jm-post-like.liked.icon-heart5:before {
    color:#d02d48;
    margin-right: 0px;
}

/* Portfolio detail : fullwidth */

.portfolio_detail_full_width #PDetail .pDHeader {
    margin-bottom:15px;
    width: 100%;
    top:0;
    overflow: hidden;
    position: relative;
}

.portfolio_detail_full_width #pDSwiper .swiper-slide img {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.portfolio_detail_full_width {
    margin-top:0;
    padding-top:0;
}

.portfolio_detail_full_width .pDHeader-gallery .swiper-slide {
    width:100%;
    height: 100%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;
}

.portfolio_detail_full_width .pDHeader-gallery {
    width: 100%;
}

.portfolio_detail_full_width #PDetail .pDHeader.minimize {
    height: 236px !important;
}

.portfolio_detail_full_width #PDetail .pDHeader-title {
    z-index: 2;
    margin-top: -135px;
    min-width: 545px;
    max-width: 60%;
    padding:10px;
    position: relative;
    display: inline-block;
    margin-left: -15px;
    margin-bottom:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio_detail_full_width .pDHeader-title .textBox {
    padding: 27px 27px 27px 20px;
    width: 100%;
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio_detail_full_width .pDHeader-title .titlebox-bg {
    content:"";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color:#fff;
    opacity: 0;
    top:0;
    left:0;
    z-index: 0;
    -webkit-transition: opacity .3s ease-in-out .6s;
    -moz-transition: opacity .3s ease-in-out .6s;
    -o-transition: opacity .3s ease-in-out .6s;
    transition: opacity .3s ease-in-out .6s;
}

.portfolio_detail_full_width .pDHeader-title.bg-animated .titlebox-bg {
    opacity: 1;
    background-color:#fff;
}

.portfolio_detail_full_width .pDHeader-title .textBox .title {
    opacity:1;
    color:#fff;
    word-wrap: break-word;
    font-weight:400;
    font-size:48px;
    letter-spacing:0px;
    line-height: 57px;
    padding: 13px 30px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition:  color .5s ease-in-out .4s;
    -moz-transition:  color .5s ease-in-out .4s;
    -o-transition:  color .5s ease-in-out .4s;
    transition:  color .5s ease-in-out .4s;
}

.portfolio_detail_full_width .pDHeader-title.active .textBox .title {
    opacity:1;
    color:#000;
}

.portfolio_detail_full_width .pDHeader-title .textBox .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-left: 3px;
    margin-bottom: 5px;
    color:#fff;
    -webkit-transition:  color .5s ease-in-out .4s;
    -moz-transition:  color .5s ease-in-out .4s;
    -o-transition:  color .5s ease-in-out .4s;
    transition:  color .5s ease-in-out .4s;
}
.portfolio_detail_full_width .pDHeader-title.active .textBox .subtitle {
    color:#000;
}

.portfolio_detail_full_width .pDHeader-title .frame,
.portfolio_detail_full_width .pDHeader-title .frame div {
    position: absolute;
}

.portfolio_detail_full_width .pDHeader-title .frame.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}

.portfolio_detail_full_width .pDHeader-title .frame.right {
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
}

.portfolio_detail_full_width .pDHeader-title .frame.bottom {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}

.portfolio_detail_full_width .pDHeader-title .frame.left {
  left: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
}

.portfolio_detail_full_width .pDHeader-title .frame div {
    background-color:#000;
    width:0;
    height:2px;
}

.portfolio_detail_full_width .pDHeader-title .frame.top div,
.portfolio_detail_full_width .pDHeader-title .frame.bottom div {
    -webkit-transition: width .6s ease-in-out 0.6s;
    -moz-transition: width .6s ease-in-out 0.6s;
    -o-transition: width .6s ease-in-out 0.6s;
    transition: width .6s ease-in-out 0.6s;
}

.portfolio_detail_full_width .pDHeader-title .frame.left div,
.portfolio_detail_full_width .pDHeader-title .frame.right div {
    -webkit-transition: height .6s ease-in-out 0.6s;
    -moz-transition: height .6s ease-in-out 0.6s;
    -o-transition: height .6s ease-in-out 0.6s;
    transition: height .6s ease-in-out 0.6s;
}

.portfolio_detail_full_width .pDHeader-title .frame.top div {
    width:0;
    height:2px;
    left:0;
}

.portfolio_detail_full_width .pDHeader-title .frame.bottom div {
    width:0;
    height:2px;
    right:0;
}

.portfolio_detail_full_width .pDHeader-title .frame.left div {
    width:2px;
    height:0;
    bottom:0;
}

.portfolio_detail_full_width .pDHeader-title .frame.right div {
    width:2px;
    height:0;
    top:0;
}

.portfolio_detail_full_width .pDHeader-title.active .frame.top div,
.portfolio_detail_full_width .pDHeader-title.active .frame.bottom div {
    width:100%;
}

.portfolio_detail_full_width .pDHeader-title.active .frame.left div,
.portfolio_detail_full_width .pDHeader-title.active .frame.right div {
    height:100%;
}

/* Portfolio detail : Boxed */
.portfolio_detail_boxed #PDetail .pDHeader {
    margin-bottom:15px;
    position: relative;
    margin-top: 47px;
    top:0;
    overflow: hidden;
    padding: 0;
}

.portfolio_detail_boxed #PDetail .swiper-slide img {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.portfolio_detail_boxed {
    margin-top:0;
    padding-top:0;
}
.portfolio_detail_boxed .pDHeader-gallery .swiper-slide {
    width:100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position:center !important;
    background-attachment: scroll !important;
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;
}

.portfolio_detail_boxed #pDSwiper {
    opacity: 1;
}

.portfolio_detail_boxed .pDHeader-gallery .swiper-container {
    height: 100%;
    margin-top:-40px;
}

.portfolio_detail_boxed #PDetail .pDHeader.minimize {
    height: 165px !important;
}

.portfolio_detail_boxed #PDetail .pDHeader-title {
    z-index: 2;
    margin-top: -128px;
    width: 545px;
    max-width: 60%;
    padding:10px;
    position: relative;
    display: inline-block;
    margin-left: -15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio_detail_boxed .pDHeader-title .textBox {
    padding: 37px 22px;
    width: 100%;
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio_detail_boxed .pDHeader-title .titlebox-bg {
    content:"";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color:#fff;
    opacity: 0;
    top:0;
    left:0;
    z-index: 0;
    -webkit-transition: opacity .3s ease-in-out 0.5s;
    -moz-transition: opacity .3s ease-in-out 0.5s;
    -o-transition: opacity .3s ease-in-out 0.5s;
    transition: opacity .3s ease-in-out 0.6s;
}

.portfolio_detail_boxed .pDHeader-title.bg-animated .titlebox-bg {
    opacity: .8;
    background-color:#fff;
}

.portfolio_detail_boxed .pDHeader-title .textBox .title {
    opacity:0;
    word-wrap: break-word;
    font-weight:400;
    font-size:48px;
    letter-spacing:0px;
    line-height: 50px;
    padding: 13px 30px 0 10px;
    text-align: right;
    color:#000;
    float: right;
    margin-right: 25px;
    border-right:1px solid #fff;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -webkit-transform : translateX(-10px);
    -moz-transform : translateX(-10px);
    -ms-transform : translateX(-10px);
    transform : translateX(-10px);
    -webkit-transition:  opacity .5s ease-in-out .4s, border-left .5s ease-in-out .4s, -webkit-transform .5s ease-in-out .4s;
    -moz-transition:  opacity .5s ease-in-out .4s, border-left .5s ease-in-out .4s, -moz-transform .5s ease-in-out .4s;
    -o-transition:  opacity .5s ease-in-out .4s, border-left .5s ease-in-out .4s, -ms-transform .5s ease-in-out .4s;
    transition:  opacity .5s ease-in-out .6s, border-left .5s ease-in-out .6s, transform .5s ease-in-out .6s;
}

.portfolio_detail_boxed .pDHeader-title.active .textBox .title {
    opacity:1;
    border-right:1px solid #000;
    -webkit-transform : translateX(0px);
    -moz-transform : translateX(0px);
    -ms-transform : translateX(0px);
    transform : translateX(0px);
}

.portfolio_detail_boxed .pDHeader-title .textBox .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin: 8px 0;
    opacity :0;
    color:#000;
    -webkit-transform : translateX(-10px);
    -moz-transform : translateX(-10px);
    -ms-transform : translateX(-10px);
    transform : translateX(-10px);
    -webkit-transition:  opacity .5s ease-in-out .4s, border-left .5s ease-in-out .4s, -webkit-transform .5s ease-in-out .6s;
    -moz-transition:  opacity .5s ease-in-out .4s, border-left .5s ease-in-out .4s, -webkit-transform .5s ease-in-out .6s;
    -o-transition:  opacity .5s ease-in-out .4s, border-left .5s ease-in-out .4s, -webkit-transform .5s ease-in-out .6s;
    transition:  opacity .5s ease-in-out .7s, border-left .5s ease-in-out .7s, -webkit-transform .5s ease-in-out .7s;
}

.portfolio_detail_boxed .pDHeader-title.active .textBox .subtitle {
    opacity : 1;
    -webkit-transform : translateX(0px);
    -moz-transform : translateX(0px);
    -ms-transform : translateX(0px);
    transform : translateX(0px);
}

/* Portfolio deatil default*/
.portfolio_detail_default .pDHeader-title {
    z-index: 2;
    margin-top: -115px;
    min-width: 545px;
    max-width: 50%;
    padding:10px;
    position: absolute;
    display: inline-block;
    margin-bottom:30px;
    margin-left: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio_detail_default .pDHeader-title .textBox {
    padding: 27px 27px 27px 20px;
    width: 100%;
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio_detail_default .pDHeader-title .titlebox-bg {
    content:"";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color:#fff;
    opacity: 0;
    top:0;
    left:0;
    z-index: 0;
    -webkit-transition: opacity .2s ease-in-out 0s;
    -moz-transition: opacity .2s ease-in-out 0s;
    -o-transition: opacity .2s ease-in-out 0s;
    transition: opacity .2s ease-in-out 0s;
}

.portfolio_detail_default .pDHeader-title.bg-animated .titlebox-bg {
    opacity: 1;
    background-color:#fff;
    -webkit-transition: opacity .3s ease-in-out .2s;
    -moz-transition: opacity .3s ease-in-out .2s;
    -o-transition: opacity .3s ease-in-out .2s;
    transition: opacity .3s ease-in-out .2s;
}

.portfolio_detail_default .pDHeader-title .textBox .title {
    opacity:0;
    word-wrap: break-word;
    font-weight:300;
    font-size:40px;
    color:#000;
    letter-spacing:0px;
    line-height: 43px;
    padding: 13px 30px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -webkit-transition:  opacity .5s ease-in-out .4s;
    -moz-transition:  opacity .5s ease-in-out .4s;
    -o-transition:  opacity .5s ease-in-out .4s;
    transition:  opacity .5s ease-in-out .4s;
}

.portfolio_detail_default .pDHeader-title.active .textBox .title {
    opacity:1;
}

.portfolio_detail_default .pDHeader-title .textBox .subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    margin-left: 3px;
    margin-bottom: 5px;
    color:#000;
    -webkit-transition:  opacity .5s ease-in-out .4s;
    -moz-transition:  opacity .5s ease-in-out .4s;
    -o-transition:  opacity .5s ease-in-out .4s;
    transition:  opacity .5s ease-in-out .4s;
}
.portfolio_detail_default .pDHeader-title.active .textBox .subtitle {
    opacity: 1;
}

.portfolio_detail_default .pDHeader-title .frame,
.portfolio_detail_default .pDHeader-title .frame div {
    position: absolute;
}

.portfolio_detail_default .pDHeader-title .frame.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}

.portfolio_detail_default .pDHeader-title .frame.right {
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
}

.portfolio_detail_default .pDHeader-title .frame.bottom {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}

.portfolio_detail_default .pDHeader-title .frame.left {
  left: 0;
  bottom: 0;
  width: 2px;
  height: 100%;
}

.portfolio_detail_default .pDHeader-title .frame div {
    background-color:#000;
    width:0;
    height:2px;
}

.portfolio_detail_default .pDHeader-title .frame.top div,
.portfolio_detail_default .pDHeader-title .frame.bottom div {
    -webkit-transition: width .6s ease-in-out 0.6s;
    -moz-transition: width .6s ease-in-out 0.6s;
    -o-transition: width .6s ease-in-out 0.6s;
    transition: width .6s ease-in-out 0.6s;
}

.portfolio_detail_default .pDHeader-title .frame.left div,
.portfolio_detail_default .pDHeader-title .frame.right div {
    -webkit-transition: height .6s ease-in-out 0.6s;
    -moz-transition: height .6s ease-in-out 0.6s;
    -o-transition: height .6s ease-in-out 0.6s;
    transition: height .6s ease-in-out 0.6s;
}

.portfolio_detail_default .pDHeader-title .frame.top div {
    width:0;
    height:2px;
    left:0;
}

.portfolio_detail_default .pDHeader-title .frame.bottom div {
    width:0;
    height:2px;
    right:0;
}

.portfolio_detail_default .pDHeader-title .frame.left div {
    width:2px;
    height:0;
    bottom:0;
}

.portfolio_detail_default .pDHeader-title .frame.right div {
    width:2px;
    height:0;
    top:0;
}

.portfolio_detail_default .pDHeader-title.active .frame.top div,
.portfolio_detail_default .pDHeader-title.active .frame.bottom div {
    width:100%;
}

.portfolio_detail_default .pDHeader-title.active .frame.left div,
.portfolio_detail_default .pDHeader-title.active .frame.right div {
    height:100%;
}

.portfolio_detail_default .pDcontent > .span12 {
    padding-right:30px;
}

.pDcontent .postMedia.span12 {
    margin-left:15px;
} 

.portfolio_detail_default .pDHeader-gallery .swiper-slide {
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;
}

.portfolio_detail_default .swiper-slide img {
    width: 100%;
    backface-visibility:visible;
   opacity:1;
    visibility:visible;
}

.portfolio_detail_default .pDHeader-gallery {
    margin-top: -20px;
}

/* Portfolio detail : creative */

.portfolio_detail_creative {
    width:100%;
    height:540px;
    padding:0;
}

.portfolio_detail_creative .swiper-slide {
    width:auto;
}

.portfolio_detail_creative .swiper-wrapper img {
    height:100%;
    width:auto;
    backface-visibility:visible;
    opacity: 1;
    visibility: visible;
}

.portfolio_detail_creative .swiper-container {
    background-color:#fff;
    height:100%;
}

.portfolio_detail_creative .pd_creative_fixed_content {
    background-color:#fff;
    height:540px;
    width:335px;
    margin:0 38px 0 0;
    position:fixed;
    z-index:3;
    float:left;
    padding-left:38px;
}

.portfolio_detail_creative .format-video .pd_creative_fixed_content {
    margin-top:-20px;
}

.portfolio_detail_creative .pd_creative_fixed_content .title_container {
    background-color:#fff;
    top:22px;
    position:relative;
    width: calc( 100% + 45px );
    text-align:right;
    padding:35px 0 15px;
    min-height:153px;
}

.portfolio_detail_creative .format-video .pd_creative_fixed_content .title_container {
    padding:0px 0 15px;
}

.portfolio_detail_creative .pd_creative_fixed_content .title_container .title {
    padding-right: 23px;
    padding-top: 22px;
    font-weight:500;
    font-family:Dosis,sans-serif;
    padding-bottom:20px;
    font-size:31px;
    line-height:30px;
    margin-right:85px;
    color:#171717;
    position:relative;
    background-color:#fff;
    border-right:1px solid #171717;
}

.portfolio_detail_creative .pd_creative_fixed_content .title_container .subtitle {
    font-size: 18px;
    line-height: 23px;
    margin-top: 5px;
    color: #171717;
    font-family: 'open sans',sans-serif;
}

.portfolio_detail_creative .pd_creative_fixed_content .desc {
    margin-right:12px;
    height:107px;
    overflow-y:hidden;
    font-size:14px;
    color:#707070;
    padding-top:10px;
    text-align: right;
}

.portfolio_detail_creative .pd_creative_fixed_content .desc .mCS_no_scrollbar_y {
    padding-right:26px;
}

.portfolio_detail_creative .pd_creative_fixed_content .desc.pd-no-social {
    margin-top: 65px;
}

.portfolio_detail_creative .pd_creative_item {
    height:540px;
    float:right;
    width:calc(100% - 373px);
    background-color:#fff;
    position:fixed;
    right:0;
    z-index:2;
}

.portfolio_detail_creative .format-video .pd_creative_item {
    max-width:960px;
    margin-left: 373px;
    left: 0px;
    right: auto;
    z-index: 5;
}

.portfolio_detail_creative #PDetail .pDHeader {
      position:relative;
      height:100%;
}

.portfolio_detail_creative .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
 }

.portfolio_detail_creative #PDnavigation {
    padding-right: 51px;
    padding-top: 30px;
    display: block;
    position: absolute;
    bottom: 0;
    padding-bottom: 0;
    right: 0;
}

.portfolio_detail_creative .home{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 30px;
    color: #C8C8C8;
    display: block;
    font-size: 18px;
    line-height: 32px;
    position: absolute;
    bottom: 0;
    text-decoration: none;
}

.portfolio_detail_creative .home.hide-home {
    display: none;
}


.portfolio_detail_creative .home:before{
    content: "\e748";
}

.portfolio_detail_creative #PDbackToPortfolio {
    position:relative;
    display: inline-block;
    width:30px;
    height:30px;
    z-index:1;
    float:right;
    cursor:pointer;
    vertical-align: top;
    margin: -4px 14px ;
    text-decoration: none;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    transition:opacity .3s ease;
    opacity: 1;
}

.portfolio_detail_creative #PDbackToPortfolio:hover {
    opacity: .6;
}

.portfolio_detail_creative #PDbackToPortfolio:after {
    position: absolute;
    content: "";
    border-top: 1px solid #000;
    width: 23px;
    height: 1px;
    top: 14px;
    left: 3px;
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
}

.portfolio_detail_creative #PDbackToPortfolio:before {
    position: absolute;
    content: "";
    border-top: 1px solid #000;
    width: 23px;
    height: 1px;
    top: 14px;
    left: 4px;
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}

.portfolio_detail_creative .noNext {
    margin-right: -22px !important;
}

.portfolio_detail_creative #PDnavigation .arrows-button-next, .portfolio_detail_creative #PDnavigation .arrows-button-prev {
    font-size: 14px;
    line-height: 21px;
    color:#000;
    text-transform:uppercase;
    float:right;
    position:relative;
    letter-spacing:4px;
    cursor: pointer;
    float:right;
}

.portfolio_detail_creative #PDnavigation .arrows-button-next:before {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    right: 0;
    margin-right:-15px;
    margin-top: -3px;
    border-style: solid;
    border-width: 5px 5px 5px 6px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(000, 000, 000); 
}

.portfolio_detail_creative #PDnavigation .arrows-button-next:after {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    right: 0;
    margin-top: 2px;
    width: 0;
    margin-right: -5px;
    padding-left: 0;
    border-top : 1px solid #000;
    -webkit-transition: width 0.3s ease, padding-left 0.3s ease;
    -moz-transition: width 0.3s ease, padding-left 0.3s ease;
    -o-transition: width 0.3s ease, padding-left 0.3s ease;
    transition: width 0.3s ease, padding-left 0.3s ease;
}

.portfolio_detail_creative #PDnavigation .arrows-button-next:hover:after {
    width: 100%;
    padding-left: 10px;
}

.portfolio_detail_creative #PDnavigation .arrows-button-prev:before {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-left:-19px;
    margin-top: -3px;
    border-style: solid;
    border-width: 5px 5px 5px 6px;
    border-color: rgba(255, 255, 255, 0) rgba(000, 000, 000, 1) rgba(255, 255, 255, 0) rgba(225, 225, 225 ,0 ); 
}

.portfolio_detail_creative #PDnavigation .arrows-button-prev:after {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-top: 2px;
    width: 0;
    margin-left: -8px;
    padding-left: 0;
    border-top : 1px solid #000;
    -webkit-transition: width 0.3s ease, padding-left 0.3s ease;
    -moz-transition: width 0.3s ease, padding-left 0.3s ease;
    -o-transition: width 0.3s ease, padding-left 0.3s ease;
    transition: width 0.3s ease, padding-left 0.3s ease;
}

.portfolio_detail_creative #PDnavigation .arrows-button-prev:hover:after {
    width: 100%;
    padding-left: 10px;
}

.portfolio_detail_creative .arrows-button-prev .text,
.portfolio_detail_creative .arrows-button-next .text {
opacity: 1;
}

.portfolio_detail_creative .social_share_container {
    position:relative;
    width:295px;
    height:54px;
    margin-top: 20px;
    margin-right: 40px;
}

#portfoliSingle.portfolio_detail_creative .like {
    padding: 0;
    text-align: right;
    position: absolute;
    bottom:0;
}

#portfoliSingle.portfolio_detail_creative .home:not(.hide-home) + .like  {
    margin-left: 30px;
}

#portfoliSingle.portfolio_detail_creative .like a {
    width: auto;
    margin-right: 34px;
}

#portfoliSingle.portfolio_detail_creative .like .jm-post-like.icon-heart5:before {
    width:18px;
}

#portfoliSingle.portfolio_detail_creative .like .jm-post-like.icon-heart5:before

/* end of creative portfolio detail*/
#portfolioDetailAjax .singlePost {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0px;
    width: initial;
    position: relative;
    min-width: initial;
    overflow: initial;
}

#portfolioDetailAjax .pDHeader {
    min-height: 50px;
}

.pDWrap .navWrap {
 
    position:absolute;
    top:50px;
    right:0;
    z-index: 2;
}

.pDWrap .pDNavigation {
    padding-top:110px;
    display: block;
    width:100%;
}

.pDWrap .pDNavigation a{
    position: relative;
    display: inline-block;
    float: right;
}

.pDWrap .pDNavigation a.next {
    padding-right: 10px;
}

.pDWrap .pDNavigation a.previous {
    padding-left: 10px;
}

.pDWrap #PDclosePortfolio {
    position:relative;
    display: inline-block;
    width:30px;
    height:30px;
    z-index:1;
    float:right;
    cursor:pointer;
    vertical-align: top;
    margin: -4px 14px ;
    text-decoration: none;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    -ms-transition:opacity .3s ease;
    transition:opacity .3s ease;
    opacity: 1;
}

.pDWrap #PDclosePortfolio:hover {
    opacity: .6;
}

.pDWrap #PDclosePortfolio:after {
    position: absolute;
    content: "";
    border-top: 1px solid #000;
    width: 23px;
    height: 1px;
    top: 14px;
    left: 3px;
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
}

.pDWrap #PDclosePortfolio:before {
    position: absolute;
    content: "";
    border-top: 1px solid #000;
    width: 23px;
    height: 1px;
    top: 14px;
    left: 4px;
    -webkit-transform: rotate(-45deg); 
    -moz-transform: rotate(-45deg); 
    -ms-transform: rotate(-45deg); 
    transform: rotate(-45deg); 
}

.pDWrap .arrows-button-next, .pDWrap .arrows-button-prev {
    font-size: 14px;
    line-height: 21px;
    color:#000;
    text-transform:uppercase;
    float:right;
    position:relative;
    letter-spacing:4px;
    cursor: pointer;
    float:right;
}

.pDWrap .arrows-button-next:before {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    right: 0;
    margin-right:-15px;
    margin-top: -3px;
    border-style: solid;
    border-width: 5px 5px 5px 6px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(000, 000, 000); 
}

.pDWrap .arrows-button-next:after {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    right: 0;
    margin-top: 2px;
    width: 0;
    margin-right: -5px;
    padding-left: 0;
    border-top : 1px solid #000;
    -webkit-transition: width 0.3s ease, padding-left 0.3s ease;
    -moz-transition: width 0.3s ease, padding-left 0.3s ease;
    -o-transition: width 0.3s ease, padding-left 0.3s ease;
    transition: width 0.3s ease, padding-left 0.3s ease;
}

.pDWrap .arrows-button-next:hover:after {
    width: 100%;
    padding-left: 10px;
}

.pDWrap .arrows-button-prev:before {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-left:-19px;
    margin-top: -3px;
    border-style: solid;
    border-width: 5px 5px 5px 6px;
    border-color: rgba(255, 255, 255, 0) rgba(000, 000, 000, 1) rgba(255, 255, 255, 0) rgba(225, 225, 225 ,0 ); 
}

.pDWrap .arrows-button-prev:after {
    position:absolute;
    top:40%;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-top: 2px;
    width: 0;
    margin-left: -8px;
    padding-left: 0;
    border-top : 1px solid #000;
    -webkit-transition: width 0.3s ease, padding-left 0.3s ease;
    -moz-transition: width 0.3s ease, padding-left 0.3s ease;
    -o-transition: width 0.3s ease, padding-left 0.3s ease;
    transition: width 0.3s ease, padding-left 0.3s ease;
}

.pDWrap .arrows-button-prev:hover:after {
    width: 100%;
    padding-left: 10px;
}

.pDWrap .arrows-button-prev .text,
.pDWrap .arrows-button-next .text {
opacity: 1;
}


.portfolioSection #ajaxPDetail {
    padding:150px 0;
    position: relative;
}


.portfolioSection #loader {
	width: 100%;
	height: 150px;
	display: none;
	position: absolute;
	top: 50%;
    margin-top:-75px;
}

.portfolioSection #loader svg {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    margin: auto;
}

.portfolioSection #loader .rect {
    fill: none;
    stroke-width: 6px;
    stroke: black;
    stroke-dasharray: 40;
    stroke-dashoffset: 50%;
    -moz-animation: movedash 1.5s forwards 0s infinite;
    -o-animation: movedash 1.5s forwards 0s infinite;
    -webkit-animation: movedash 1.5s forwards 0s infinite;
    animation: movedash 1.5s forwards 0s infinite;
}

@keyframes movedash {
  to {
    stroke-dashoffset: 250%;
  }
}

@-webkit-keyframes movedash {
	to { 
    stroke-dashoffset: 250%;
	}
}

@keyframes movedash {
	to { 
        stroke-dashoffset: 250%;
	}
}

@-ms-keyframes movedash {
	to { 
        stroke-dashoffset: 250%;
	}
}

#pDError {
    display:none;
}

.pDWrap {
    position:relative;
}

.navWrap {
    opacity:0;
}

#portfolioDetailAjax .postMedia {
    padding-bottom:30px;
}

#portfolioDetailAjax {
    height:0px;
    opacity:0;
}

/* portfolio load more Btn */
.pLoadMore .loadMore {
    font-size:16px;
    letter-spacing:5px;
    margin:0 auto;
    display:table;
    color:#000;
    text-transform:uppercase;
    font-weight:500;
    padding:20px 0;
    cursor:pointer;
    text-align: center;
    overflow-y: hidden;
    position:relative;
    -moz-transition: color 300ms ease;
    -o-transition: color 300ms ease;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
}

.vertical_menu_enabled .pLoadMore .container {
    padding-right:0;
}

.vertical_menu_enabled.left_menu_enabled .pLoadMore .container {
        padding-left:0;
}

.pLoadMore {
    height: 80px;
    overflow: hidden;
}

.pLoadMore .loadMore .text:before {
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    border-top: 1px solid #000;
    left: 0;
    margin-left: -10px;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.5s ease;
}

.pLoadMore .loadMore:hover .text:before {
    width:115%;
}

.pLoadMore .loadMore .load-more-text,
.pLoadMore .loadMore .loading-text,
.pLoadMore .loadMore .no-more-text {
    display: table;
    position: relative;
    width: auto;
    margin: 0 auto;
    top: 0;
    height: 100%;
    line-height: 40px;
    opacity: 1;
    -webkit-transition: transform .4s ease, opacity .4s ease;
    -moz-transition: transform .4s ease, opacity .4s ease;
    -ms-transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
}

/*load more*/
.pLoadMore .loadMore.loadmoreactive .load-more-text {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.pLoadMore .loadMore.loadmoreactive .loading-text {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0;
}

/* loading */
.pLoadMore .loadMore.loadingactive .loading-text {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 1;
}

.pLoadMore .loadMore.loadingactive .load-more-text {
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    opacity: 0;
}
 
/* portfolio filter */
ul.portfolio-filter {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #181818;
    letter-spacing:-1px;
    float: right;
    height: 36px;
    padding: 0;
    position: absolute;
    top:23px;
    right:30px;
    width: 200px;
}

ul.portfolio-filter li {
    font-weight:500;
    font-size: 14px;
    list-style: none outside none;
    text-transform: uppercase;
}

ul.portfolio-filter li > div {
    padding: 7px;
}

ul.portfolio-filter li .text {
    letter-spacing: 0px;
}

ul.portfolio-filter li .icon {
    float: right;
    font-size: 20px;
    margin-right: 5px;
    position:absolute;
    top:10px;
    right:2px;
}

ul.portfolio-filter li ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color #000000 #000000;
    border-image: none;
    border-right: 1px solid #000000;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    width: 200px;
    z-index: 3;
}

ul.portfolio-filter li ul li .filter_item {
    color: #000000;
    display: block;
    font-family:Dosis,sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    padding: 6px 0 0 6px;
    text-decoration: none;
    text-transform: uppercase;
    cursor:pointer;
}

ul.portfolio-filter li ul li  .filter_item:hover {
    background-color: #000000;
    color: #FFFFFF;
}

/* portfolio filter */
ul.project-detail {
    margin-right:15px;
    margin-left:15px;
}

.project-detail li:first-child{
    border-top: 1px solid #ECEBEB;
}

.project-detail li:last-child .project-subtitle a {
    color:#777;
    text-decoration:none;
    font-weight: 400;
    letter-spacing: 1px;
}

.project-detail li.project {
    border-bottom:1px solid #dbdbdb;
    font-size:13px;
    line-height:54px;
    min-height:54px;
    display:block;
    color:#515151;
    padding-right:5px;
}

.project-detail li.project:after {
    content:"";
    display:table;
    clear:both;
}

.project-detail li.project.portfolioSocailShare {
    line-height:65px;
    border-bottom:none
}

.project-detail li.project .project-title {
    font-weight:500;
    float:left;
    text-transform:uppercase;
    margin-right: 5px;
    color: #000;
    letter-spacing: 1px;
}

.project-detail li.project .project-subtitle {
    float:left; 
}

.project-detail .project-skill {
    text-decoration:none;
}

.project-detail .project-skill a{
    color:#555;
}

/*-----------------------------------------------------------------------------------*/
/* 38. WP Classes
/*-----------------------------------------------------------------------------------*/

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

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

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: table;
    clear: both;
}

.wp-caption {
    max-width:100%;
}

.wp-caption-text{}
.sticky {}
.gallery-caption { margin-left: 0; }
.bypostauthor{}


.sticky .accordion_box10 .blogTitle , .sticky .accordion_box2 .accordion_title  {
    color:#d02d48 !important;
}

.sticky .blogAccordion .rightBorder {
    border-right: 2px solid #d02d48 !important;
}

/* page External Space */
.exPageTitleSpace {
	padding-bottom:25px;
	padding-top:21px;
	min-height:30px;
}

.exPageTitleSpace .title,.exPageTitleSpace .subtitle {
    margin:0 15px
}

/* custom section bottom space */
.menuSpaceWp {
    top:32px !important;
    position:relative;
}

.page-template-main-page .menuSpaceWpNoti {
    top:62px !important;
    position:relative;
}

/* menu Space - width wp bar - wave menu */
.page-template-main-page .menuSpaceWpNoti.wave-menu-header {
    top:55px !important;
    position:relative;
}

.page-template-main-page .menuSpaceNoti {
    top:30px !important;
    position:relative;
}

/* menu Space  - wave menu */
.page-template-main-page .menuSpaceNoti.wave-menu-header {
    top:0px !important;
    position:relative;
}

.page-template-main-page .notificationSpaceWp {
    top:32px !important;
    position:relative;
}

/*-----------------------------------------------------------------------------------*/
/*  39. Search Page
/*-----------------------------------------------------------------------------------*/

.search-title {
    text-transform: uppercase;
    font-size: 30px;
    padding: 30px 0 20px 30px;
}

.search-item{
    padding:22px 22px 12px 30px;
    margin-bottom: 7px;
    color:#9c9c9c;
    position:relative;
}

.search-item .count {
    float:left;
    font-size: 25px;
    min-width: 25px;
    color: #d02d48;
    padding: 6px 15px 5px 0;
    margin-top:7px;
}

.search-item .content{
    float:left;
    padding-left: 15px;
    border-left: 1px solid #c0c0c0;
}

.search-item .title{
    margin:0;
}

.search-item .title a{
    font-size: 25px;
    color: #363636;
    text-decoration: none;
    display: block;
    margin: 1px 0 0;
    line-height: 30px;
    text-transform: capitalize;
}

.search-item .date{
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 2px;
    display: block;
}

.search-top-line {
    background-color: #e6e6e6;
}

/*-----------------------------------------------------------------------------------*/
/*  40. Pagination
/*-----------------------------------------------------------------------------------*/

.post-pagination{
    margin:22px 0;
}

.post-pagination span,
.post-pagination a{
    display: inline-block;
    margin-bottom: 2px;
    text-align: center;
    min-width: 36px;
    height:36px;
    line-height: 36px;
    color:#808080;
    border-top:1px solid #d9d9d9;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
    font-weight: 400;
}

.post-pagination a{
    text-decoration: none;
}

.post-pagination span:last-child,
.post-pagination a:last-child{
    border-right:1px solid #d9d9d9;
}

.post-pagination a:hover,
.post-pagination .this-page
{
    background-color: #d7c3a8;
    color:#FFF;
    border-color: #d7c3a8;
}

.post-pagination .prev-page-link,
.post-pagination .next-page-link
{
    text-indent: -10000px;
    background-image:url(../img/pagination-arrows.png);
    background-size: 72px 72px;
}

.post-pagination .prev-page-link:hover{
    background-position: 0 -36px;
}

.post-pagination .next-page-link{
    background-position: -36px 0;
}

.post-pagination .next-page-link:hover{
    background-position: -36px -36px;
}

.post-pagination .page-numbers
{
    background-color: transparent;
}

/*-----------------------------------------------------------------------------------*/
/*  41. preloader
/*-----------------------------------------------------------------------------------*/

#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #efefef;
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    transition: opacity .2s ease 0s;
}

.left_menu_enabled  #preloader.simple:not(.firstload) svg.preloader,
.left_menu_enabled  #preloader.sniper:not(.firstload) svg.preloader,
.left_menu_enabled  #preloader.circular:not(.firstload) svg.preloader {
    right: calc( 50% - 127px );
}

.right_menu_enabled  #preloader.simple:not(.firstload) svg.preloader ,
.right_menu_enabled  #preloader.sniper:not(.firstload) svg.preloader ,
.right_menu_enabled  #preloader.circular:not(.firstload) svg.preloader {
    right: calc( 50% + 127px );
}

#preloader.creative , #preloader.firstload.simple , #preloader.firstload.circular , #preloader.firstload.sniper {
    z-index:100001;
}

#preloader.hide-preloader {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(0.7,0,0.3,1) 0s;
    -moz-transition: opacity .5s cubic-bezier(0.7,0,0.3,1) 0s;
    -ms-transition: opacity .5s cubic-bezier(0.7,0,0.3,1) 0s;
    -o-transition: opacity .5s cubic-bezier(0.7,0,0.3,1) 0s;
    transition: opacity .5s cubic-bezier(0.7,0,0.3,1) 0s;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}

#preloader.creative #prelaoder-simple , #preloader.creative #prelaoder-sniper , #preloader.creative #prelaoder-circular {
    display: none;
}

#preloader_box {
    position: fixed;
    top:calc(50% - 167px);
    left:calc(50% - 167px);

    width: 0px;
    height: 100px;
    background: #f7f7f7;
    z-index: 100001;
    -webkit-animation: preloader_box 1s cubic-bezier(0.23, 1, 0.32, 1) .5s forwards;
    -moz-animation: preloader_box 1s cubic-bezier(0.23, 1, 0.32, 1) .5s forwards;
    -o-animation: preloader_box 1s cubic-bezier(0.23, 1, 0.32, 1) .5s forwards;
    animation: preloader_box 1s cubic-bezier(0.23, 1, 0.32, 1) .5s forwards;
}

@-webkit-keyframes preloader_box {
   0% {width:0px;height: 100px; left:50%; top:calc(50% - 50px);}
   75% {width: 330px; height: 100px; left:calc(50% - 165px); top:calc(50% - 50px);}
   100% {width: 330px; height: 330px; left:calc(50% - 165px); top:calc(50% - 165px);}
}

@-moz-keyframes preloader_box {
   0% {width:0px;height: 100px; left:50%; top:calc(50% - 50px);}
   75% {width: 330px; height: 100px; left:calc(50% - 165px); top:calc(50% - 50px);}
   100% {width: 330px; height: 330px; left:calc(50% - 165px); top:calc(50% - 165px);}
}

@-o-keyframes preloader_box {
   0% {width:0px;height: 100px; left:50%; top:calc(50% - 50px);}
   75% {width: 330px; height: 100px; left:calc(50% - 165px); top:calc(50% - 50px);}
   100% {width: 330px; height: 330px; left:calc(50% - 165px); top:calc(50% - 165px);}
}

@keyframes preloader_box {
   0% {width:0px;height: 100px; left:50%; top:calc(50% - 50px);}
   75% {width: 330px; height: 100px; left:calc(50% - 165px); top:calc(50% - 50px);}
   100% {width: 330px; height: 330px; left:calc(50% - 165px); top:calc(50% - 165px);}
}

#preloader_items {
    height: 306px;
    width:100%;
}

.preloader-items-container {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width:100%;
    opacity: 0;
    margin-top:153px;
    -webkit-animation: preloader_cut_container .4s ease 1.3s forwards;
    -moz-animation: preloader_cut_container .3s ease 1.3s forwards;
    -o-animation: preloader_cut_container .4s ease 1.3s forwards;
    animation: preloader_cut_container .4s ease 1.3s forwards;
}

@-webkit-keyframes preloader_cut_container {
   0% {height: 1px; opacity: 0; margin-top:153px;}
   100% {height: 306px; opacity: 1; margin-top:0px;}
}

@-moz-keyframes preloader_cut_container {
   0% {height: 1px; opacity: 0; margin-top:153px;}
   100% {height: 306px; opacity: 1; margin-top:0px;}
}

@keyframes preloader_cut_container {
   0% {height: 1px; opacity: 0; margin-top:153px;}
   100% {height: 306px; opacity: 1; margin-top:0px;}
}

@-o-keyframes preloader_cut_container {
   0% {height: 1px; opacity: 0; margin-top:153px;}
   100% {height: 306px; opacity: 1; margin-top:0px;}
}

.preloader-text-container {
    position: absolute;
    overflow: hidden;
    height: 300px;
    width:100%;
    z-index: 10000;
}

.preloader-text {
    font-family:Dosis,sans-serif;
    font-size: 25px;
    position: relative;
    font-weight: 400;
    height: 70px;
    line-height: 30px;
    overflow :hidden;
    margin-top: 0px ;
    padding: 8px 15px;
    text-align: center;
    color: #000;
    letter-spacing: 2px;
    opacity: 0;
    box-sizing:border-box;
    -webkit-animation: preloader_show_anim .5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s forwards;
    -moz-animation: preloader_show_anim .5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s forwards;
    -o-animation: preloader_show_anim .5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s forwards;
    animation: preloader_show_anim .5s cubic-bezier(0.645, 0.045, 0.355, 1) 1.5s forwards;
}

.preloader-image {
    margin: 0 auto;
    top: 153px;
    margin-top: -70px;
    width: 160px;
    position: absolute;
    right: 85px;
    height: 160px;
    background: none center center no-repeat transparent;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

svg.preloader {
    position: absolute;
    left: auto;
    right: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-animation: preloader_show_anim .5s cubic-bezier(0.86, 0, 0.07, 1) 1.3s forwards;
    -moz-animation: preloader_show_anim 1.5s cubic-bezier(0.86, 0, 0.07, 1) 1.3s forwards;
    -o-animation: preloader_show_anim 1.5s cubic-bezier(0.86, 0, 0.07, 1) 1.3s forwards;
    animation: preloader_show_anim .5s cubic-bezier(0.86, 0, 0.07, 1) 1.3s forwards;
    opacity:0;
}

/* Fix bug of preloader border in firefox */
@-moz-document url-prefix() { 
    svg.preloader {
        right: -2.5px;
        top: -2.5px;
    }
}

@-webkit-keyframes preloader_show_anim {
   0% {opacity: 0;}
   100% {opacity: 1;}
}

@-moz-keyframes preloader_show_anim {
   0% {opacity: 0;}
   100% {opacity: 1;}
}

@-o-keyframes preloader_show_anim {
   0% {opacity: 0;}
   100% {opacity: 1;}
}

@keyframes preloader_show_anim {
   0% {opacity: 0;}
   100% {opacity: 1;}
}

.rect {
    fill: none;
    stroke-width: .5px;
    stroke: #c7c7c7;
    stroke-dasharray: 40;
    stroke-dashoffset: 50%;
    -webkit-animation: movedash 2s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
    -moz-animation: movedash 2s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
    -ms-animation: movedash 2s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
    animation: movedash 2s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

@-webkit-keyframes movedash {
  to {
    stroke-dashoffset: 250%;
  }
}

@keyframes movedash {
  to {
    stroke-dashoffset: 250%;
  }
}

/* simple style */
#preloader.simple {
    z-index:99997;
}

#preloader.simple #preloader_box {
    display: none;
}

#preloader.simple svg.preloader {
    right: 50%;
    margin-right:-25px;
}

#prelaoder-simple {
    position: absolute;
    left: auto;
    right: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    -webkit-animation: preloader_show_anim .5s cubic-bezier(0.86, 0, 0.07, 1) 0s forwards;
    -moz-animation: preloader_show_anim .5s cubic-bezier(0.86, 0, 0.07, 1) 0s forwards;
    -o-animation: preloader_show_anim .5s cubic-bezier(0.86, 0, 0.07, 1) 0s forwards;
    animation: preloader_show_anim .5s cubic-bezier(0.86, 0, 0.07, 1) 0s forwards;
}

#prelaoder-simple .rect {
    stroke-width: 6px;
    stroke : #000;
    -webkit-animation: movedash 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
    -moz-animation: movedash 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
    -ms-animation: movedash 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
    animation: movedash 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite;
}

/* Dark style */
#preloader.dark-style {
    background-color:#282727
}

#preloader.dark-style #preloader_box {
    background: #2F2E2E
}

#preloader.dark-style .rect {
    stroke : #4C4C4C;
}

#preloader.simple.dark-style .rect {
    stroke : #eee;
}

#preloader.dark-style .preloader-text {
    color : #fff;
}




/* circular preloader  */

#preloader.circular #preloader_box {
    display: none;
}


.preloader_circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  -webkit-transform: translate(-50%, -50%) rotate(360deg);
      -ms-transform: translate(-50%, -50%) rotate(360deg);
          transform: translate(-50%, -50%) rotate(360deg);
  width: 50px;
  z-index: 4;
}

.preloader_circular .path {
  stroke-dasharray: 1, 500;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #313131;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

/* sniper preloader */

#preloader.sniper #preloader_box {
    display: none;
}

.sniperloader {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 110px;
    position: relative;
    text-indent: -9999em;
    position: absolute;
    top: 50%;
    left: calc( 50% - 55px );
}

.ball {
  border-radius: 50%;
  background: #313131;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loading 1.2s linear infinite;
          animation: loading 1.2s linear infinite;
}
.ball:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.ball:nth-of-type(3) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@-webkit-keyframes loading {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: translate3d(33px, 0, 0);
            transform: translate3d(33px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(66px, 0, 0);
            transform: translate3d(66px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(99px, 0, 0);
            transform: translate3d(99px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(99px, 0, 0) scale(0.5);
            transform: translate3d(99px, 0, 0) scale(0.5);
    opacity: 0;
  }
}

@keyframes loading {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  20% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  40% {
    -webkit-transform: translate3d(33px, 0, 0);
            transform: translate3d(33px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(66px, 0, 0);
            transform: translate3d(66px, 0, 0);
  }
  80% {
    -webkit-transform: translate3d(99px, 0, 0);
            transform: translate3d(99px, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(99px, 0, 0) scale(0.5);
            transform: translate3d(99px, 0, 0) scale(0.5);
    opacity: 0;
  }
}



/*-----------------------------------------------------------------------------------*/
/* 42. Top button
/*-----------------------------------------------------------------------------------*/

#scrollToTop {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 20px;
    display: none;
    opacity:0;
}

.right_menu_enabled  #scrollToTop {
    right: auto;
    left:20px;
}

#scrollToTop a {
    display: block;
    width:50px;
    height:50px;
    border:2px solid #252525;
    background-color: rgba(255,255,255,0.06);
    text-decoration: none;
    margin-right: -3px;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	-o-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}

#scrollToTop a:hover {
    background-color:#252525;
}

#scrollToTop a:before {
    border-right:1px solid #191919;
    height:14px;
    width:1px;
    content: "";
    left:50%;
    margin-right:-1px;
    position:absolute;
    top:20px;
}

#scrollToTop a:hover:before {
    border-right:1px solid #fff;
}

#scrollToTop a:after {
    border-color:rgba(000, 000, 000, 0) rgba(000, 000, 000 , 0) rgba(000, 000, 000, 1) rgba(0, 0, 0 , 0);

    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 25%;
    content: "";
    width: 0px;
    height: 1px;
    left: 7px;
    margin-left: 16px;
    margin-top: -3px;
    border-style: solid;
    border-width:5px 5px 6px 5px;
}

#scrollToTop a:hover:after {
    border-color:rgba(000, 000, 000, 0) rgba(000, 000, 000 , 0) rgba(255, 255, 255, 1) rgba(0, 0, 0 , 0);
}

/*-----------------------------------------------------------------------------------*/
/* 43. classic blog 
/*-----------------------------------------------------------------------------------*/

.cblog .post-meta {
    width:45%;
    margin-right: 3%;
    margin-top:7px;
    padding-bottom:0;
}

.cblog .post-meta hr{
    margin: 8px 0;
    width:100%;
    background-color:#111;
    height:1px;
}

.cblog .sticky .post-meta hr{
    background-color:red;
}

.cblog .post-meta .tagcloud{
    margin-top:70px;
}

.cblog.post-title
{
    font-size: 32px;
    color:#00a8ff;
}

.cblog .post-title a
{
    text-decoration: none;
    color:#000;
    font-size:30px;

    -webkit-transition:color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}

.cblog .post-title a:hover {
    color:#737373;

    -webkit-transition:color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}

.cblog .post-content {
    width:100%;
    position:relative;
}

.cblog .post-content li, .singlePost .post li,
.cblog .post-content p ,.singlePost .post p {
    font-family:'Open Sans',sans-serif;
    font-size:15px;
    line-height:24px;
    font-weight:500;
}

.cblog .button .frame {
    background-color:#272626;
}

.cblog .button .frame div {
    background-color:#acacac;
}

.cblog .post-media {
    margin-bottom: 20px;
    color:#000;
}

.cblog .post {
    margin-bottom:100px;
}

.cblog .container {
    padding-top:50px;
}

.cblog .video-frame {
    height: auto;
    padding-bottom: 0;
    position: static;
    overflow: visible;
}

.cblog .post-comments {
    float: left;
    width: 15%;
    min-width: 30px;
    margin-right: 5%;
    margin-bottom: 5px;
}
 
.cblog .post-info {
    float: left;
    width: 80%;
    text-align:right;
    color:#737373;
}

.cblog .comments-link{
    display: inline-block;
    width:40px;
    height:37px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background:transparent url(../img/comments-count.png) no-repeat;
    background-size:40px 37px;
    text-decoration:none;
    position:absolute;
    top:-23px;
    left:9px;
}

.cblog .flex-control-nav {
    display:none;
}

.cblog .exPageTitleSpace  {
    padding-top:20px;
    padding-bottom:0px;
}

.cblog .post-content .moretag {
    text-decoration:none; 
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    display:none;
    background-color:#fff;
    text-align: right;
    position: relative;
    padding-left:9px;
    float:right;
    position:absolute;
    bottom:-27px;
    right:0;
    z-index:1;
    -webkit-transition:color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}

.cblog .post-content .moretag:hover {
    color:#ccc;

    -webkit-transition:color .5s;
	-moz-transition:color .5s;
	-o-transition:color .5s;
	transition:color .5s;
}

.cblog .post-content .redmore_line {
    width:100%;
    background-color:#ccc;
    height:3px;
    margin-top:24px;
    position:absolute;
    bottom:-18px;
    display:none;
}

.cblog .pageNavigation .more-link-arrow {
    margin:0 0 20px 0;
}

.cblog .post-info-container {
    position:relative;
}


.cblog .redmore_button {
    margin-top: 10px;
    float:left;
}

.cblog .redmore_button .txt {
    text-transform:uppercase;
}

.cblog a.redmore_button:hover {
    color:#000;
}

.cblog .swiper-wrapper {
    height:420px;
}

.cblog .swiper-wrapper .swiper-slide {
    background-size:cover !important;
    cursor: url(../img/cursor/carousel.png) 24 5,
            url(../img/cursor/carousel.cur),
            auto;
    background-position:center !important;
}

#blogSingle .bpSwiper {
    -moz-transition: 500ms ease-in-out height;
    -o-transition: 500ms ease-in-out height;
    -webkit-transition: 500ms ease-in-out height;
    transition: 500ms ease-in-out height;
}

.bpSwiper .swiper-slide img {
    backface-visibility:visible;
}

/* img alignment */

img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; 
}

img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

/*-----------------------------------------------------------------------------------*/
/*  44. Notification
/*-----------------------------------------------------------------------------------*/

#notification  {
    display:none;
    width:100%;
    height:16px;
    background-color:#eb473b;
    color:#fff;
    position:fixed;
    top:0;
    z-index:99999;
    padding:7px 0;
    overflow:hidden;
}

.page-template-main-page-php  #notification {
    display:block;
}

#notification .notificationMessage {
    max-width: 90%;
    overflow: hidden;
    float:left;
}

.notificationText , .notificationTitle , .notificationIcon {
    float:left;
} 

.notificationMessage .notificationIcon {
    line-height: 16px;
    font-size: 16px;
    color:#fff;
    padding-right:14px;
    padding-left:2px;
    opacity:.5;
}

.notificationTitle {
    line-height:14px;
    font-size:14px;
    font-weight:700;
    padding-right:14px;
}

.notificationText {
    line-height: 14px;
    font-size:13px;
    font-family:'Open Sans', sans-serif;
    font-weight:400;
}

#notification .notificationBtns {
    float:right;
    max-width: 25%;
    overflow: hidden;
}

#notification .closebtn {
    width: 16px;
    height: 16px;
    float: right;
    display: block;
    margin-right: 22px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    opacity: .65;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}

#notification .closebtn:hover {
     opacity:1;

	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	-o-transition:opacity .3s;
	transition:opacity .3s;
}

#notification .more-link-arrowbtn {
    margin-left:9px;
    height:34px;
    line-height:34px;
    float:left;
    border-radius:4px;
    display:block;
    margin-right:10px;
    background-color:rgba(255, 255, 255, 0.25);
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:0 19px;
}

/*visual composer*/
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid>li, .last_toggle_el_margin, .wpb_buttonn{
    margin-bottom:0!important;
}

.wpb_row .wpb_column {
    margin-bottom:0!important;
}

.wpb_row .wpb_column:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

/* Equal height background image  */
.vc_row.vc_row-o-equal-height > .vc_column_container .vc_column-inner {
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.background_cover {
    background-size:cover;
    background-position: center;
}


/* Horizontal progress bar */
.progress_bar {
    margin-bottom:20px;
    height:35px;
    width:100%;
    border-radius:5px;
    position:relative;
}

.progress_bar  .progress_title {
    position:absolute;
    top:0;
    left:0px;
    font-size:16px;
    line-height:32px;
    color:#252525;
    font-family:Dosis,sans-serif;
    font-weight:600;
    z-index:1;
    letter-spacing: 2px;
}
.progress_percent_value {
    position:absolute;
    top:0;
    left:15px;
    font-size:16px;
    line-height:32px;
    color:#252525;
    font-family:Dosis,sans-serif;
    font-weight:600;
    z-index:1;
    letter-spacing: 2px;
    width: 100%;
    text-align: right;
    opacity: 0;
    -moz-transition: opacity 1500ms cubic-bezier(0.645, 0.045, 0.355, 1), left 850ms ease-in-out;
    -o-transition: opacity 1500ms cubic-bezier(0.645, 0.045, 0.355, 1), left 850ms ease-in-out;
    -webkit-transition: opacity 1500ms cubic-bezier(0.645, 0.045, 0.355, 1), left 850ms ease-in-out;
    transition: opacity 1500ms cubic-bezier(0.645, 0.045, 0.355, 1), left 850ms ease-in-out;
}

.progress_percent_value.complete {
    opacity: 1;
    left:0px;
}

.progress_bar .progressbar_percent {
    position:absolute;
    height:7px;
    left:0px;
    width:0;
    background-color: #d02d48;
    bottom: 0;
    z-index: 1;
}

.progress_bar .progressbar_percent:after {
    content: "";
    position: absolute;
    left:100%;
    margin-left: 3px;
    width: 5px;
    height: 5px;
    top: 1px;
    border-radius: 50%;
    background-color: #d02d48;
}

.progress_bar .progressbar_holder:after {
    content:"";
    position: absolute;
    bottom: 0;
    width:100%;
    height: 1px;
    background-color: #bbb;
    margin-bottom:3px;
}


/* Map */
.wpb_gmaps_widget .wpb_wrapper {
    background-color:transparent !important;
    padding:0 !important;
}

.wpb_heading {
    border-left:8px solid #d02d48;
    padding-left: 17px;
    line-height: 43px;
    font-size: 45px;
    margin-bottom: 35px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color:#202020;
}

/* text block */
.wpb_wrapper .wpb_text_column.wpb_content_element ul {
   list-style: square;
   padding-left: 25px;
}

.wpb_wrapper .wpb_text_column.wpb_content_element ol {
    padding-left: 25px;
    list-style-type: decimal;
}

.wpb_wrapper p em {
   font-style: italic;
}

/* Title seperator */
.vc_separator .vc_sep_holder {
  display: table-cell;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.vc_separator.separator_align_left .vc_sep_holder.vc_sep_holder_l {
    display:none;
}

.vc_separator.separator_align_right .vc_sep_holder {
    width:100%;
}

.vc_separator.separator_align_right .vc_sep_holder.vc_sep_holder_r {
    display:none;
}

.vc_separator.separator_align_left .vc_sep_holder {
    width:100%;
}

.vc_separator .title {
    padding:0 20px;
    letter-spacing:0;
    font-weight:300;
    margin: 0 20px;
    display: inline-block;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    line-height: 1.1em;
}

.vc_separator.disable .title {
    border:none;
    font-weight:400;
    min-width:400px;
}

.vc_separator.separator_align_left .title {
    border-right:none;
    margin: 0;
}

.vc_separator.separator_align_left.disable .title {
    padding-left:0;
}

.vc_separator.separator_align_right.disable .title {
    padding-right:0;
}

.vc_separator.separator_align_center.disable .title {
    padding:0;
}


.vc_separator.separator_align_right .title {
    border-left:none;
    margin: 0;
}

.vc_separator.separator_align_left.disable .title {
    border-left:none;
}

.vc_separator.separator_align_right.disable .title {
    border-right:none;
}

/* Post grid */
.vc_grid-container {
    padding-bottom:20px;
}

.vc_gitem_row .vc_gitem-col {
    padding: 25px !important;
}

.vc_gitem-post-data p {
    font-weight: 300 !important;
}

.vc_gitem-post-data h4 {
    color: #222 !important;
    font-size: 28px !important;
    font-family: "Dosis", sans-serif !important;
    text-transform: uppercase;
}

.vc_gitem-post-data.vc_gitem-post-data-source-post_title div{
    font-family: "Dosis", sans-serif !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    text-transform: uppercase;
}

.vc_gitem-zone-mini hr {
      margin: 20px 0;
}

.vc_gitem-zone a.vc_btn3.vc_gitem-link {
    background: transparent !important;
    color:#666;
    padding-left: 0 !important;
    position: relative;
}

.vc_gitem-zone a.vc_btn3.vc_gitem-link:hover {
    background: transparent !important;
    color:#222;
}

.vc_btn3-container {
    margin-bottom:0 !important;
}

/*navigation*/
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot span {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots .vc_grid-owl-dot span {
    width: 12px !important;
    height: 2px !important;
    margin: 10px 5px !important;
    -webkit-transition: width .3s ease, margin .3s ease,opacity .2s ease !important;
    -moz-transition: width .3s ease, margin .3s ease,opacity .2s ease !important;
    -ms-transition: width .3s ease, margin .3s ease,opacity .2s ease !important;
    transition: width .3s ease, margin .3s ease,opacity .2s ease !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-point_dots .vc_grid-owl-dot.active span {
    width: 15px !important;
    margin: 10px 4px !important;  
}

/* next/prev button */

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
    background-color: #1f1f1f;
    width: 81px;
    height: 38px !important;
    z-index: 1;
    margin-top: -19px !important;
      opacity: 1 !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next {
  right: -50px !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
  left: -50px !important;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:before, .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:before {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 36px;
    height: 1px;
    border-top: 1px solid #fff;
    right: 20px;
    margin-left: 5px;
    -webkit-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -moz-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -o-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:after,
.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    left: 0;
    margin-left: 20px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255 ,0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
    left: 40px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:hover:before {
    width: 55px;
    right: 35px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:hover:after {
    left: 25px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev {
    left: -50px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:after {
    border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(0, 0, 0 , 0);
    border-width: 3px 4px 3px 3px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:hover:before {
    width: 60px;
    right: -10px;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:hover:after {
    left: 25px;
    margin-left: 1px;
}

/* load more button */
a.vc_btn.vc_grid-btn-load_more {
    background-color: transparent !important;
    color:#000 !important;
    text-transform: uppercase !important;
    position: relative !important;
    font-size: 16px;
    letter-spacing: 5px;
}

 a.vc_btn.vc_grid-btn-load_more:hover {
    color:#000 !important;
}

a.vc_grid-btn-load_more:before {
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    border-top: 1px solid #000;
    left: 0;
    margin-left: -10px;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.5s ease;
}

a.vc_grid-btn-load_more:hover:before {
  width: 115%;
}



/* team member */
.team-member .icons a span {
    font-size:18px!important;
}

/* tab */
.wpb_content_element .wpb_tabs_nav {
    border-bottom: 1px solid #aeaeae;
}

.wpb_content_element .wpb_tabs_nav li a {
    font-size: 14px;
    padding: 1px 10px!important;
    font-weight: 300;
    color:#7b7b7b;
    -webkit-transition: background-color .3s ease, color .3s ease;
    -moz-transition: background-color .3s ease, color .3s ease;
    -ms-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
}

.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    background-color:#000;
    color : #fff;
}


.wpb_content_element .wpb_tabs_nav li:not(.ui-tabs-active) a:hover {
    background-color:#7b7b7b;
    color : #fff;
}

.wpb_content_element .wpb_tabs_nav li {
    height:22px;
}

.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: transparent !important;
    color:#545454;
    padding: 5px 5px 5px 0 !important;
}

.wpb_content_element .wpb_tabs_nav li {
   background-color: transparent !important;
   margin:0 !important;
}

/* tour tabs */
.wpb_tour .wpb_tabs_nav {
    border-bottom: none;
    border-right: 1px solid #aeaeae;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpb_tour_tabs_wrapper {
    border:none;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a, .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li {
    margin : 0 0 15px 1px !important;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
    border:none;
    padding: 1px 15px !important;

}

.wpb_tour_next_prev_nav a {
    display:none;
}

.textLeftBorder.fontSize123 .title {
    border-left:15px solid #d02d48;
}

.textLeftBorder  .title hr {
    height:0;
    margin:15px 0;
}

.textLeftBorder.fontSize123 .title hr {
    height:0;
    margin:30px 0;
} 

.textBox.textLeftBorder.fontSize25 .title{
    font-size:25px;
    line-height: 25px;
}

.textBox.textLeftBorder.fontSize32 .title {
    font-size:32px;
    line-height: 40px;
}

.textBox.textLeftBorder.fontSize38 .title {
    font-size:38px;
    line-height: 35px;
}

.textBox.textLeftBorder.fontSize45 .title {
    font-size:45px;
    line-height:39px;
}

.textBox.textLeftBorder.fontSize56 .title{
    font-size:56px;
    line-height:48px;
}

.textBox.textLeftBorder.fontSize123 .title {
    font-size: 123px;
    line-height: 110px;
}


/* Image box hover */
.imageBox .image {
    position:relative;
    overflow:hidden;
}

.imageBox .iconhover {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    line-height:100%;
    vertical-align:middle;
    font-size:20px;
    z-index:5;

    background-image: url(../img/Imagebox_hover.png) ;
    background-repeat:no-repeat;
    background-position:center;
    opacity:0;

    -moz-transition:opacity 500ms ease 0s;
	-o-transition:opacity 500ms ease 0s;
	-webkit-transition:opacity 500ms ease 0s;
	transition:opacity 500ms ease 0s;

}

.imageBox:hover .iconhover {
    opacity:1;

    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.imageBox .imagebox_link {
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:6;
    display:block;
}

/*-----------------------------------------------------------------------------------*/
/*  45. Image carousel                                                                   */
/*-----------------------------------------------------------------------------------*/

.carousel {
    position:relative;
}

.fullWidth .carousel {
    width:100%;
}

vertical_menu_enabled .fullWidth .carousel {
    width:90%;
    margin:0 5%;
}

.carousel .swiper-slide {
    -webkit-transform-style: unset;
    transform-style: unset;
    cursor: url(../img/cursor/carousel.png) 24 5, url(../img/cursor/carousel.cur), auto;
}

.carousel .swiper-slide img {
    width: 100%;
    -moz-transition:  opacity 0.4s ease;
    -o-transition:  opacity 0.4s ease;
    -webkit-transition:  opacity 0.4s ease;
    transition:  opacity 0.4s ease;
}

.carousel .swiper-slide:hover img {
    opacity: 0.7;
}

.carousel .arrows-button-next ,.carousel  .arrows-button-prev {
    background-color:#1f1f1f;
    position:absolute;
    width:81px;
    height:38px;
    top:50%;
    z-index:1;
    cursor:pointer;
    margin-top:-19px;
}

.carousel.light .arrows-button-next ,.carousel.light .arrows-button-prev {
    background-color:#fff;
}

.carousel .arrows-button-next:before, .carousel .arrows-button-prev:before {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 36px;
    height: 1px;
    border-top: 1px solid #fff;
    right: 20px;
    margin-left: 5px;
    -webkit-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -moz-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -o-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
}

.carousel.light .arrows-button-next:before, .carousel.light .arrows-button-prev:before {
    border-top: 1px solid #000;
}

.carousel .arrows-button-next:hover:before {
    width:55px;
    right:35px;
}

.fullWidth .carousel .arrows-button-next:hover:before {
    width:65px;
    right:60px;
}

.carousel .arrows-button-next:hover:after {
    left:25px;
}

.fullWidth .carousel .arrows-button-next:hover:after {
    left:0px;
}

.carousel .arrows-button-prev:hover:before {
    width:60px;
    right:-10px;
}

.fullWidth .carousel .arrows-button-prev:hover:before {
    right:-40px;
}

.carousel .arrows-button-prev:hover:after {
    left:25px;
    margin-left:1px;
}

.fullWidth .carousel .arrows-button-prev:hover:after {
    left:55px;
}

.carousel .arrows-button-next:after,.carousel  .arrows-button-prev:after {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    left: 0;
    margin-left: 20px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.carousel .arrows-button-prev:after {
    border-width: 3px 4px 3px 3px;
}

.carousel .arrows-button-nex:before {
    left:19px;
    right:auto;
}

.carousel .arrows-button-next:after  {
    left:40px;
}

.carousel .arrows-button-prev:after {
    border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(0, 0, 0 , 0);
}

.carousel.light .arrows-button-prev:after {
    border-color: rgba(255, 255, 255, 0) rgb(0, 0, 0) rgba(255, 255, 255, 0) rgba(0, 0, 0 , 0);
}

.carousel .arrows-button-next:after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255 ,0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
}

.carousel.light .arrows-button-next:after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(0, 0, 0);
}

.carousel .arrows-button-next  {
    right:-50px;
}

.fullWidth .carousel .arrows-button-next {
    right:0;
}

.carousel .arrows-button-prev  {
    left:-50px;
}

.fullWidth .carousel .arrows-button-prev {
    left:0px;
}

.arrows-button-prev .text , .arrows-button-next .text {
    opacity:0;
}

.fullWidth .carousel .arrows-button-prev:hover .text , .fullWidth .carousel .arrows-button-next:hover .text {
    opacity:1;
}

.fullWidth .carousel .carousel.light .text {
    color:#000;
}

.fullWidth .carousel .arrows-button-prev .text , .fullWidth .carousel .arrows-button-next .text  {
    line-height: 38px;
    letter-spacing: 2px;
    color:#fff;
    font-weight:400;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.fullWidth .carousel.light .arrows-button-prev .text, .fullWidth .carousel.light .arrows-button-next .text {
    color:#000;
}

.fullWidth .carousel .arrows-button-prev .text {
    padding: 5px 0 0 11px;
}

.fullWidth .carousel .arrows-button-next .text {
    padding: 5px 11px 0 30px;
}

/*-----------------------------------------------------------------------------------*/
/*  46. Custom imagebox                                                                   */
/*-----------------------------------------------------------------------------------*/

.custom-imageBox .image {
    position:relative;
    overflow:hidden;
    z-index:1;
}

.custom-imageBox .image img{
    width: 100%;
    display: block;
}

.custom-imageBox .overlay{
    width: 100%;
    height:100%;
    z-index:2;
    opacity: 0;
    position: absolute;
    background-color: #000;
    -moz-transition : opacity .4s ease ;
    -o-transition : opacity .4s ease ;
    -webkit-transition : opacity .4s ease ;
    transition : opacity .4s ease ;
}

.custom-imageBox:hover .overlay{
    opacity: .2;
    -moz-transition : opacity .2s ease ;
    -o-transition : opacity .2s ease ;
    -webkit-transition : opacity .2s ease ;
    transition : opacity .2s ease ;
}

.custom-imageBox .custom-textbox{
    margin-top: -110px;
    z-index:3;
}

.custom-imageBox.Boxleft .custom-textbox{
    margin-left: -17px;
}

.custom-imageBox.Boxright .custom-textbox{
    margin-right: -17px;
}

.custom-imageBox .custom-textbox.bg-animated .custom-textbox-bg {
    width:calc(100% - 27px);
}

.custom-imageBox  .custom-textbox .textBox {
    width:calc(100% - 27px);
}

.custom-imageBox.Boxright .custom-textbox .textBox , .custom-imageBox.Boxright .custom-textbox.bg-animated .custom-textbox-bg { 
    left:27px;
}


/* content scroll style - Epico image Slider */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color:transparent !important;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:rgba(0,0,0,.2) !important;
}

/*-----------------------------------------------------------------------------------*/
/* 47. Showcase                                                                          */
/*-----------------------------------------------------------------------------------*/

.showcase {
    position: relative;
    min-height: 440px;
    background: #000;
    overflow: hidden;
}

.showcase .container {
    z-index: 3;
    position: relative;
    max-width: 1125px;
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
}

showcase-backgrounds {
    display: block;
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0; 
}

.showcase .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:.1;
    z-index: 3;
}

.showcase-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    z-index: 2;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height:100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .5s ease .1s;
    -moz-transition: opacity .5s ease .1s;
    -o-transition:opacity .5s ease .1s;
    transition: opacity .5s ease .1s;
}

.showcase-bg.active {
    opacity: 1;
    -webkit-transition: opacity .01s linear;
    -moz-transition: opacity .01s linear;
    -o-transition:opacity .01s linear;
    transition: opacity .01s linear;
    z-index:1;
}

.showcase h3 {
    padding: 10px 30px 10px 30px;
    margin: 0px 30px 50px 0;
    font-weight: 500;
    letter-spacing:1px;
    font-family:Dosis,sans-serif;
    font-size: 48px;
    line-height: 48px;
    text-align: right;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.showcase.left-align.light h3 {
    border-right: 2px solid #000;
    text-align: right;
}

.showcase.right-align.light h3 {
    border-left: 2px solid #000;
    text-align: left;
}

.showcase.right-align.dark h3 {
    border-left: 2px solid #fff;
    text-align: left;
}

.showcase.left-align.dark h3 {
    border-right: 2px solid #fff;
    text-align: right;
}

.showcase .showcase_subtitle {
    font-size:18px;
    letter-spacing:1px;
    font-weight:300;
    line-height:40px;
    display:block;
}

.showcase .item-list {
    min-height:230px;
    margin:0 30px 0 5px;
}

.showcase .item-list h6 {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Dosis, sans-serif;
    -webkit-transition: opacity .5s ease, color .5s ease;
    -moz-transition: opacity .5s ease, color .5s ease;
    -o-transition: opacity .5s ease, color .5s ease;
    transition: opacity .5s ease, color .5s ease;
    position: relative;
    display: inline-block;
    float: right;
    clear: both;
    opacity:.5;
    cursor:pointer;
}

.showcase:not(.showcase-mobile) .item-list h6.active,
.showcase:not(.showcase-mobile) .item-list h6:hover {
    opacity:1;
    color:#d02d48;
}

.item-list h6:before {
    position:absolute;
    top:50%;
    content:"";
    width: 0px;
    height:1px;
    border-top: 1px solid #fff;
    left: 0;
    margin-left: -10px;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
}

.item-list h6:after {
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin:100% 100%;
    position:absolute;
    top:50%;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
    -webkit-transition: opacity 0.05s ease,margin-left .4s ease,left .4s ease;
    -moz-transition: opacity 0.05s ease,margin-left .4s ease,left .4s ease;
    -o-transition: opacity 0.05s ease,margin-left .4s ease,left .4s ease;
    transition: opacity 0.05s ease,margin-left .4s ease ,left .4s ease;
    opacity:0;
}

.item-list h6:hover:after,
.item-list h6.active:after {
    margin-left: 100%;
    opacity: 1;
    left: 10px;
}

.item-list h6:hover:before,
.item-list h6.active:before {
    width: 100%;
    padding: 10px;
}


.showcase-bg.bg-animated {
    -webkit-animation:kunburn 11s cubic-bezier(.4,.5,.5,.6) both;
    -moz-animation:kunburn 11s cubic-bezier(.4,.5,.5,.6) both;
    -ms-animation:kunburn 11s cubic-bezier(.4,.5,.5,.6) both;
    -o-animation:kunburn 11s cubic-bezier(.4,.5,.5,.6) both;
    animation:kunburn 11s cubic-bezier(.4,.5,.5,.6) both;
}

.left-top {
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
} 

.left-bottom {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
}

.right-top {
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
} 

.right-bottom {
    -webkit-transform-origin: bottom right;
    -moz-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    -o-transform-origin: bottom right;
    transform-origin: bottom right;
}

/*kunburn effect for backgrounds*/
@-moz-keyframes kunburn {
  0% {
    -ms-transform: scale(1);
  }

  100% {
    -ms-transform: scale(1.1);
  }
}
@-o-keyframes kunburn {
  0% {
    -o-transform: scale(1);
  }

  100% {
    -o-transform: scale(1.1);
  }
}

@-webkit-keyframes kunburn {
  0% {
    -webkit-transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
  }
}

@keyframes kunburn {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.next-showcase {
  position: relative;
  display: block;
  height: auto;
  min-height: 100px;
  width: 20px;
  float: right;
  margin-right:15px;
}

.next-showcase a{
    -webkit-transform-origin:0px 0px;
    -moz-transform-origin:0px 0px;
    transform-origin:0px 0px;
    transform:rotate(90deg) translateZ(0);
    -webkit-transform:rotate(90deg) translateZ(0);
    -ms-transform: rotate(90deg) translateZ(0);
    -o-transform: rotate(90deg) translateZ(0);
    -moz-transform:rotate(90deg) translateZ(0);
    position: absolute;
    text-decoration: none;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 3px;
    margin-top: 0px;
    padding-left: 60px;
    opacity:0.5;
    -webkit-transition: opacity .3s ease, padding-left .3s ease;
    -moz-transition: opacity .3s ease, padding-left .3s ease;
    -o-transition: opacity .3s ease, padding-left .3s ease;
    transition: opacity .3s ease, padding-left .3s ease;
    color:#fff;
}

.next-showcase:hover a{
    opacity:1;
    padding-left: 85px;
    color:#fff;
}

.next-showcase a:before {
    -webkit-transform-origin:100% 100%;
    position:absolute;
    top:50%;
    content:"";
    width:50px;
    height:1px;
    border-top: 1px solid #fff;
    left: 0;
    margin-left:5px;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}

.next-showcase a:after {
    -webkit-transform-origin:100% 100%;
    position:absolute;
    top:50%;
    content:"";
    width:0px;
    height:1px;
    left: 0;
    margin-left:52px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.next-showcase:hover a:after {
    margin-left:77px;
}

.next-showcase:hover a:before {
    width:75px;
}

/*Content area*/
.showcase-items {
    margin-left:90px;
    position: relative;
}

.showcase-item {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:240px;
    z-index:1;
}

.showcase-item.active {
    z-index:2;
}

.showcase-item .item-content{
    -moz-transform: translateX(-5px); 
    -ms-transform: translateX(-5px); 
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity:0;
    -webkit-transition: -webkit-transform 0.9s ease, opacity 0.9s ease,background-color 0.9s ease;
    -moz-transition: -moz-transform 0.9s ease, opacity 0.9s ease,background-color 0.9s ease;
    -ms-transition: -ms-transform 0.9s ease, opacity 0.9s ease,background-color 0.9s ease;
    -o-transition: -o-transform 0.9s ease, opacity 0.9s ease,background-color 0.9s ease;
    transition: transform 0.9s ease, opacity 0.9s ease,background-color 0.9s ease;
}

.showcase-item.active .item-content{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    opacity:1;
}

.item-content {
    padding-bottom:5px;
    position: relative;;
    text-align: left;
    padding: 5px;
    margin-top: -5px;
}


.item-content p{
    height: 100px;
    overflow-y: auto;
    font-size: 14px;
    font-family: "Open Sans";
    letter-spacing: 1px;
    margin:5px;
    font-weight:400;
}

.item-content:before {
    content:"";
    position: absolute;
    top:17px;
    left:-20px;
    width:4px;
    height:4px;
    background-color:#d02d48;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-border-radius: 50%;
}

.item-content.noShowcaseText:before {
    display:none;
}

.showcase.dark .showcase-item .showcase-link {
    color:#fff;
}

.showcase-item .showcase-link {
    float: right;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#343434;
    font-weight: 300;
    text-decoration: none;
    position: relative;
    font-size:11px;
    opacity:0;
    -webkit-transition: opacity 0.9s ease;
    -moz-transition: opacity 0.9s ease;
    -ms-transition: opacity 0.9s ease;
    -o-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
}

.showcase-item.active .showcase-link{
    opacity:1;
}

.showcase.dark .showcase-item .showcase-link:hover {
    color:#fff;
}

.showcase-item .showcase-link:hover {
    color:#343434;
}

.showcase-item .showcase-link:before {
    position:absolute;
    top:50%;
    content:"";
    width: 20px;
    height:1px;
    border-top: 1px solid #343434;
    left: 0;
    margin-left: -28px;
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin:100% 100%;
    -webkit-transition: width 0.4s ease,margin-left .4s ease;
    -moz-transition: width 0.4s ease,margin-left .4s ease;
    -o-transition: width 0.4s ease,margin-left .4s ease;
    transition: width 0.4s ease,margin-left .4s ease;
}

.showcase.dark .showcase-item .showcase-link:before {
    border-top: 1px solid #fff;
}

.showcase-item .showcase-link:after {
    -webkit-transform-origin:100% 100%;
    -moz-transform-origin:100% 100%;
    transform-origin:100% 100%;
    position:absolute;
    top:50%;
    content:"";
    width:0px;
    height:1px;
    left: 0px;
    margin-left: -9px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    border-color: rgba(000, 000, 000, 0) rgba(000, 000, 000, 0) rgba(000, 000, 000, 0) rgb(000, 000, 000);
    -webkit-transition: opacity 0.05s ease,margin-left .4s ease,left .4s ease;
    -moz-transition: opacity 0.05s ease,margin-left .4s ease,left .4s ease;
    -o-transition: opacity 0.05s ease,margin-left .4s ease,left .4s ease;
    transition: opacity 0.05s ease,margin-left .4s ease ,left .4s ease;
    opacity:1;
}

.showcase.dark .showcase-item .showcase-link:after {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
}

.showcase-item .showcase-link:hover:after {
    margin-left: 100%;
    opacity: 1;
    left: 5px;
}

.showcase-item .showcase-link:hover:before {
    width: 100%;
    padding: 10px 0 0 13px;
    margin-left: -8px;
}

/*item pics*/
.showcase-item .item-pics{
    opacity:0;
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all 1.3s ease;
    padding-top: 35px;
    border-top:1px dashed rgba(186,186,186,.5);
}

.showcase-item .item-pics.had_text_bg {
    border-top: none;
}

.showcase-item.active .item-pics{
    opacity:1;
}

.swiper-slide, .swiper-wrapper {
    height: auto;
}

.showcase .swiper-wrapper {
    height: 94px;
    color: #000;
    -webkit-transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1) !important;
    -moz-transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1) !important;
    -ms-transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1) !important;
    -o-transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1) !important;
    transition-timing-function : cubic-bezier(0.19, 1, 0.22, 1) !important;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -moz-transform-style: unset;
}

/*Style*/
.showcase.light h6{
    color:#333;
}

.showcase.light .next-showcase a {
    color:#333;
}

.showcase.light p {
    color:#000;
}

.showcase.light h3 {
    color:#333;
}

.showcase.dark h3,
.showcase.dark p,
.showcase.dark h6{
    color:#fff;
}

.showcase.light .overlay {
  background-color: #fff;
}

.showcase.dark .overlay {
    background-color: #000;
}

.showcase.light .next-showcase a:after,
.showcase.light .item-list h6:after {
    border-color: rgba(51, 51, 51, 0) rgba(51, 51, 51, 0) rgba(51, 51, 51, 0) rgb(51, 51, 51);
}

.showcase.light .next-showcase a:before,
.showcase.light .item-list h6:before  {
    border-color:#333;
}

.showcase.dark .next-showcase a:after,
.showcase.dark .item-list h6:after  {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255);
}
.showcase.dark .next-showcase a:before,
.showcase.dark .item-list h6:before {
    border-color: #fff
}

.showcase.light showcase-item .item-pics {
    border-top: 1px dashed rgba(128, 128, 128, 0.5);
}

.showcase.dark .item-content.text_bg {
    background-color: rgba(0,0,0,.4);
    border-bottom:0;
}

.showcase.light .item-content.text_bg {
    background-color: rgba(255,255,255,.4);
    border-bottom:0;
    letter-spacing:1px;
}

.showcase .mCSB_container {
    letter-spacing:0;
}

/*Direction*/
.showcase.left-align {
    text-align:right;
}

.showcase.right-align {
    text-align:left;
}


.showcase.left-align .showcase-nav,
.showcase.left-align .showcase-items{
    float: left
}

.showcase.right-align .showcase-nav,
.showcase.right-align .showcase-items ,
.showcase.right-align .showcase-title {
    float: right
}

.showcase.right-align .next-showcase,
.showcase.right-align .item-list h6 {
    float: left;
}

.showcase.right-align .next-showcase a{
    margin-left: 20px;
}

.showcase.right-align .item-list h6:before {
    right: 0;
    left: auto;
    margin-left: auto;
    margin-right: -10px;
}

.showcase.right-align.dark .item-list h6:after {
    right: 0;
    left: auto;
    margin-right:0px;
    border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255,0);
}

.showcase.right-align.light .item-list h6:after {
    right: 0;
    left: auto;
    margin-right:0px;
    border-color: rgba(51, 51, 51, 0) rgb(51, 51, 51) rgba(51, 51, 51, 0) rgba(51, 51, 51, 0);
}

.showcase.right-align  .item-list h6:hover:after,
.showcase.right-align .item-list h6.active:after {
    margin-right: 100%;
    margin-left:auto;
    opacity: 1;
    right: 10px;
    -webkit-transition: opacity 0.05s ease,margin-right .4s ease;
    -moz-transition: opacity 0.05s ease,margin-right .4s ease;
    -o-transition: opacity 0.05s ease,margin-right .4s ease;
    transition: opacity 0.05s ease,margin-right .4s ease;
}

.showcase.right-align .showcase-item .item-content{
    -ms-transform: translateX(-5px); 
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}

.showcase.right-align .showcase-item.active .item-content{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px); 
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.showcase.right-align .showcase-items {
    margin-right: 5px;
    margin-left:auto;
}

/*-----------------------------------------------------------------------------------*/
/*  48. Price table
/*-----------------------------------------------------------------------------------*/
.pricing-box .plan-price {
    font-family: "Dosis", sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*  49. WPML
/*-----------------------------------------------------------------------------------*/

#epHeader .widget_icl_lang_sel_widget {
    float:right;
    margin-top:13px; 
}

#epHeader .widget_icl_lang_sel_widget  h4.widget-title  {
    color:#1F1F1F;
    font-size:14px;
    line-height:20px;
}
      
#epHeader .widget_icl_lang_sel_widget .hr-medium  {
    margin:5px 0;
}
 
#lang_sel_footer a:hover {
    color:#000;
}


/*-----------------------------------------------------------------------------------*/
/*  50. Gallery
/*-----------------------------------------------------------------------------------*/
.noscroll {
    position: fixed; 
    overflow-y: hidden;
    width: 100%;
}

.lg-actions .lg-next{
    right:0px!important;
}

.lg-actions .lg-prev {
    left:0px!important;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    font-size:0px!important;
    width:45px!important;
	border-radius: 0px !important;
    height:38px!important;
    margin-top:-19px!important;
    z-index: 100080!important;
    background-color:#000 !important;
}

.darkStyle .lg-actions .lg-next,.darkStyle .lg-actions .lg-prev{
    background-color:#fcfcfc !important;
}

.lg-actions .lg-next:before, .lg-actions .lg-prev:before{
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 30px;
    height: 1px;
    border-top: 1px solid #fff;
    -webkit-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -moz-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    -o-transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
    transition: width 0.3s ease, right 0.3s ease, left 0.3s ease, margin-left 0.3s ease;
}
.darkStyle .lg-actions .lg-next:before, .darkStyle .lg-actions .lg-prev:before{
     border-top: 1px solid #000!important;
}

.darkStyle .lg-actions .lg-prev:before{
   border-color: rgba(255, 255,255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(0, 0, 0);
}

.lg-actions .lg-next:before{
    left: auto;
    right: 15px;
}

.lg-actions .lg-prev:before{
    left: 15px;
    right: auto;
}

.lg-actions .lg-next:hover:before{
    width:33px;
    right:15px;
}

.lg-actions .lg-prev:hover:before{
    width:33px;
    left:15px;
}

.lg-actions .lg-next:after, .lg-actions .lg-prev:after{
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    position: absolute;
    top: 50%;
    content: "";
    width: 0px;
    height: 1px;
    left: 8px;
	right:-10px;
    margin-left: 10px;
    margin-top: -3px;
    border-style: solid;
    border-width: 3px 3px 3px 4px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.lg-actions .lg-prev:after{
    left: 5px;
    border-width: 3px 4px 3px 3px;
    border-color: rgba(0, 0, 0, 1) rgba(255, 255, 255,1) rgba(0, 0, 0, 1) rgba(0, 0, 0,1);
}


.lg-actions .lg-next:after{
    left: 13px;
    border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0,1) rgba(0, 0, 0, 1) rgba(255, 255, 255,1);
}

.darkStyle .lg-actions .lg-prev:after{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 1) rgba(0, 0, 0, 0) rgb(255, 255, 255);
}

.darkStyle .lg-actions .lg-next:after{
    border-color: rgba(0, 0, 0, 0) rgba(255, 255, 255, 1) rgba(0, 0, 0, 0) rgb(0, 0, 0);
}

.lg-actions .lg-next:hover:after{
    left:20px;
}

.lg-actions .lg-prev:hover:after{
    left: -2px;
}

.lg-toolbar {
  z-index: 100081!important;
  background-color: transparent!important;
  height: 60px !important;
}

.lg-toolbar .lg-icon {
   width:28px !important;
   height:25px !important;
   transform: rotate(180deg)!important;
  -webkit-transform-origin: rotate(90deg);
  -moz-transform-origin: rotate(90deg);
  -ms-transform-origin: rotate(90deg);
  -o-transform-origin: rotate(90deg);
  transition:transform 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin-right: 15px !important;
}

.lg-toolbar .lg-icon:before{
  content:''!important;
  width: 30px!important;
  display:block!important;
  border-top:1px solid #000!important;
  transform: rotate(135deg)!important;
  -webkit-transform-origin: rotate(135deg);
  -moz-transform-origin: rotate(135deg);
  -ms-transform-origin: rotate(135deg);
  -o-transform-origin: rotate(135deg); 
}

.darkStyle .lg-toolbar .lg-icon:before{
    border-top:1px solid #fff!important;
}

.lg-toolbar .lg-icon:after{
  width: 30px!important;  
  font-size:0px !important;
  content:'' !important;
  display:block;
  border-top:1px solid #000;
  transform: rotate(45deg);
  -webkit-transform-origin: rotate(45deg);
  -moz-transform-origin: rotate(45deg);
  -ms-transform-origin: rotate(45deg);
  -o-transform-origin: rotate(45deg);
  z-index: 100081!important;
  padding:0!important;
  height: 0px !important;
  line-height: 0px !important;
  left:10px !important;
  margin-top: -1px !important;
}

.darkStyle .lg-toolbar .lg-icon:after{
    border-top:1px solid #fff!important;
}

.lg-toolbar .lg-icon:hover {
  transform: rotate(90deg)!important;
  -webkit-transform-origin: rotate(90deg)!important;
  -moz-transform-origin: rotate(90deg)!important;
  -ms-transform-origin: rotate(90deg)!important;
  -o-transform-origin: rotate(90deg)!important;
  transition:transform 0.3s ease-in-out!important;
  -webkit-transition: transform 0.3s ease-in-out!important;
  -moz-transition: transform 0.3s ease-in-out!important;
  -o-transition: transform 0.3s ease-in-out!important;
  -webkit-transform-origin: 50% 50%!important;
  -moz-transform-origin: 50% 50%!important;
  -ms-transform-origin: 50% 50%!important;
  -o-transform-origin: 50% 50%!important;
  transform-origin: 50% 50%!important;
}

.lg-toolbar.group{
    top: 25px !important;
}

.lg-sub-html {
  bottom: 0;
  color: #fff!important;
  font-size: 16px !important;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 100080!important;
  background-color: rgba(255,255,255,.45) !important;
  opacity:1;
  min-height:60px !important;
 }

.darkStyle .lg-sub-html{
    background-color: rgba(0,0,0,.45) !important;
}

.lg-sub-html h4 {
  margin: 0!important;
  font-size: 16px!important;
  font-family:'DOSIS'!important;
  font-weight: bold !important;
  color: #000!important;
  /*opacity:0;*/
    height:20px !important;
  width:100% !important;
  transition: opacity 0.35s ease-in!important;
  -webkit-transition: opacity 0.35s ease-in!important;
  -moz-transition: opacity 0.35s ease-in!important;
  -o-transition: opacity 0.35s ease-in!important;
}

.darkStyle .lg-sub-html h4 {
    color: #fff!important;
}

.lg-sub-html p {
  font-size: 14px!important;
  font-family:'Open Sans'!important;
  font-weight: normal !important;
  margin: 5px 0 0!important;
  color: #000!important;
  /*opacity:0;*/
  height:20px !important;
  width:100% !important;
  transition: opacity 0.35s ease-in!important;
  -webkit-transition: opacity 0.35s ease-in!important;
  -moz-transition: opacity 0.35s ease-in!important;
  -o-transition: opacity 0.35s ease-in!important;
}

.darkStyle .lg-sub-html p{
    color: #fff!important;
}

#lg-counter {
    color: #000!important;
    font-size: 13px!important;
	padding-top:0px !important;
    font-family: 'Open Sans'!important;
	z-index:100081!important;
}

.darkStyle #lg-counter {
    color: #fff!important;
}

.lg-hide-items .lg-toolbar {
  opacity: 1!important;
  webkit-transform: initial !important;
  transform: initial!important;
}

.lg-outer .lg-item.lg-current {
  z-index: 100030!important;
}

a#lg-download {
    display: none;
}

.lg-backdrop{
    z-index:100001 !important;
    opacity: 0.8!important;	
	background-color: #fff !important;
}

.galleryBack{
    background-color: #000 !important;
}

.lg-outer{
    z-index:100010 !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{
    cursor: -webkit-grab;
}

.lg-outer .lg-img-wrap:not(lg-image) {
    cursor: url(../img/cursor/galleryCursorLight.png),
	        url(../img/cursor/galleryCursorLight.cur),
			pointer;
}

.darkStyle  .lg-img-wrap:not(lg-image) {
    cursor: url(../img/cursor/galleryCursor.png),
	        url(../img/cursor/galleryCursor.cur),
			pointer;
}

.galleryItem .center-line {
    display: none;
}

.galleryItem .titleContainer {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.isotope.simpleGallery .postphoto .frame {
    display:none;
	border:0px !important;
}

.isotope.simpleGallery .titleContainer{
    display:none;
}

.isotope.simpleGallery .postphoto .overlay .center-line {
    display: block;
    width: 21px !important;
    background-color: #000;
}

.isotope.simpleGallery .postphoto .overlay .center-line:before{
    content: '';
    display: block;
    width: 1px !important;
    height: 21px !important;
    background-color: #000;
    position: absolute;
    top: -10px;
    left: 10px;
}

.isotope.simpleGallery.darkStyle .postphoto .overlay .center-line {
    background-color: #fff;
}

.isotope.simpleGallery.darkStyle .postphoto .overlay .center-line:before{
    background-color: #fff;
}

.isotope.creativeType .gallery .postphoto:hover .overlay .titleContainer{
	top: 45px !important;
}


/*-----------------------------------------------------------------------------------*/
/*  51. Retina displays styles
/*-----------------------------------------------------------------------------------*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 2) {


    /* Blog */
    .tabletBlog .blogClose , .desktopBlog .blogClose {

    }
    
    /* Comment Reply */
    .comments-list .comment-reply-link { background-image:url(../img/comment-reply@2x.png); background-size: 13px 11px; }
    .comments-list .comment-reply-link:hover{ background-image: url(../img/comment-reply-hover@2x.png); }

    /* Post Pagination */
    .post-pagination .prev-page-link,
    .post-pagination .next-page-link { background-image:url(../img/pagination-arrows@2x.png); }

    /* Search widget */
    .widget_px_search input[type="submit"]{ background-image:url(../img/search@2x.png); }

}