/*-----------------------------------------------------------------------------------*/
/*	CSS Reset 
/*-----------------------------------------------------------------------------------*/

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;
}

/*-----------------------------------------------------------------------------------*/
/*	Document Setup
/*-----------------------------------------------------------------------------------*/

body {
    color:#888;
    font-family:Roboto, sans-serif;
    font-size:13px;
    font-weight:300;
    line-height:20px;
    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 {
    list-style:decimal;
}

.singlePost ul{
list-style: disc;
}

.singlePost .flexslider  ul , .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;
}

.singlePost blockquote {
    color: #767676;
    font-size: 19px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.2631578947;
    margin-bottom: 24px;
}
/* End */

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

strong {
font-weight:700;
}

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

/* Preventing Phone Number Styling */

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}


a:hover{
    color:#ff4c2f;
    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:Roboto, sans-serif; font-size: 50px; font-weight: 300;  line-height: 1.25em;}

h2{ font-family:Roboto, sans-serif; font-size: 40px; font-weight: 400;  line-height: 1.25em;}

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

h4{ font-family:Roboto, sans-serif; font-size: 26px; font-weight: 400;  line-height: 1.25em;}

h5{ font-family:Roboto, sans-serif; font-size: 25px; font-weight: 400;  line-height: 1.25em;}

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


/* Sections Title And Subtitle */
.titleSpace {
	margin-top:30px;
	margin-bottom:26px;
}

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

.title h3{
	color:#101010;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    font-size: 49px;
    letter-spacing:-2px;
    line-height:42px;
    border-left:solid #df3030 8px;
    padding-left:16px;
}

.subtitle {
	font-size: 17px;
	color:#b8b8b8;
    font-weight: 400;
}

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

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

/* Forms */

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

/* IOS Form issue fixed */

input, textarea, select {-webkit-appearance: none;-webkit-border-radius:0;}



/*-----------------------------------------------------------------------------------*/
/* Blog accordion
/*-----------------------------------------------------------------------------------*/

.togglePost {
	/*background-color:#f0f0f0;*/
	margin-bottom:5px;
}

.togglePost .container {
    overflow:hidden;
}

.blogAccordion {
    position:relative;
    height:160px;

    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:none;
}

.tabletBlog  .moreButton ,.desktopBlog   .moreButton{
	float: left;
}

.desktopBlog    .moreButton{
	margin: 5px 0;
}

.tabletBlog  .moreButton {
	margin: 18px 0;
}

.blogAccordion .leftBorder {
    border-left-color:transparent;
    border-left-style:solid;
    border-left-width:2px;
    opacity:.65;
	height:58px;
    margin:51px 0;
    padding-left:21px;
    padding-top:8px;
    position:relative;
    left:0;

    -moz-transition:border-left-color 200ms linear;
	-o-transition:border-left-color 200ms linear;
	-webkit-transition:border-left-color 200ms linear;
	transition:border-left-color 200ms linear;
}

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

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

}

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

    -moz-transition:opacity 700ms;
    -o-transition:opacity 700ms;
    -webkit-transition:opacity 700ms;
    transition:opacity 700ms;
}

.blogAccordion .leftBorder .monthYear {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    position:relative;
    left: -165px;

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

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

.blogAccordion .grayOverlay {
   height:100%;
   width:100%;
   min-height:160px;
   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:Roboto, sans-serif;		
	font-weight:400;
    opacity:.15;

  	-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;
}

.blogAccordion.accordionClosed .accordion_title {
    opacity:1;
}
		
.blogAccordion .accordion_title .day {	
	display:block;
	font-size:227px;
	line-height: 94px;
	float:left;
	letter-spacing:-25px;
    position:relative;
    left:-41px;
    color:#fff;
    font-weight:300;
}

.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:26px;
	line-height:32px;
	position:relative;
    left:-165px;
	z-index:1;
    text-transform:uppercase;
    font-weight:700;

    -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:160px;
	width:100%;
	position:absolute;
	right:0;
	top: 0px;
	z-index:4;
}

.blogAccordion .plus {	
    cursor: url(../img/cursor/blog_plus.cur),pointer;
}

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

.blogAccordion .minus {	
    cursor: url(../img/cursor/blog_minus.cur),pointer;
}

.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;
}

.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;
}

/* blog desktop and blog desktop read more button */ 
.tabletBlog .accordion_content a.moreButton , .desktopBlog .accordion_content a.moreButton  {
	color: #fff;
	font-weight:300;
	text-decoration:none;
    border-radius:5px;
    font-size:13px;
    padding:30px 23px 9px;
    text-transform:uppercase;
    position:absolute;
    z-index:5;
    right:0px;
    bottom:-40px;
	
	-moz-transition:color 900ms ease;
	-o-transition:color 900ms ease;
	-webkit-transition:color 900ms ease;
	transition:color 900ms ease;
}

.tabletBlog .accordion_content a.moreButton:hover, .desktopBlog .accordion_content a.moreButton:hover {
    color:#a6a6a6;

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

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

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

.accordion_box10 {
    width:auto;
    float:left;
    position:relative;
    height:85px;
}

.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 .readmore {

	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 .readmore:hover  {
   color:#df3030;

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


/*-----------------------------------------------------------------------------------*/
/* fullWidth 
/*-----------------------------------------------------------------------------------*/

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

.fullWidth .container {
    width:100%;
}

/* Remove left and right padding in fullwidth */
.fullWidth .vc_column_container:nth-of-type(1)> .vc_column-inner{
    padding-left:0;
}
.fullWidth .vc_column_container:last-child> .vc_column-inner{
    padding-right:0;
} 

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

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

 .section:not(.fullWidth) .portfolioShortcode .title_container  {
    margin-left:-15px;
}

/*-----------------------------------------------------------------------------------*/
/* button
/*-----------------------------------------------------------------------------------*/

.button,form input[type="submit"]
{	
	font-family: Roboto, sans-serif;
	cursor:pointer;
	margin:0;
	padding:0 15px;
	height:34px;
	line-height:34px;
	font-size: 13px;
    font-weight:700;

	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition:color .3s;
	transition: color .3s;
}

.button {
	display: inline-block;
    position:relative;
    overflow: hidden;
}

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

.button1 {
    background-color: #101010;
    color: #000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 300;
    font-size: 17px;
    line-height: 50px;
    height: 50px;

    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.button1.right {
    float:right;
}

.button1.left {
    float:left;
}

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

.button1:hover {
    text-decoration: none;
    background-color: transparent !important;
    color: #000;

    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

.button1.fill {
  border: 2px solid #df3030;
  background-color:transparent;
}

.button-small
{
	height:36px;
	line-height:36px;
	padding:0 10px;
	font-size: 13px;
}

.button-large
{
	height:64px;
	line-height:64px;
	padding:0 58px;
	font-size: 17px;
}

.button .hover-bg {
    display: block;
    background-color: #df3030;
    width: 122%;
    height: 100%;
    position: absolute;

    left: -133%;
    top: 0;
    z-index: 4;
    overflow: hidden;
    text-align:center;
}

.button .hover-text {
    color: #fff;
    opacity: 1;
    text-align:center;
}

.button .hover-text.reset {
    left: 50%;
    opacity: 0;
}

.button.fill .hover-text.reset {
    opacity:1;
}

.button .hover-bg.reset {
    left: -133%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.button.fill .hover-bg.reset {
    left: 0;
    width:100%;
}

.button.fill .hover-bg.fillrest {
    left:-110%;
    width:100%;
}

.button.fill .hover-text.fillrest {
    left:-110%;
}

.button .hover-bg.enter {
    left: -11%;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.button.fill .hover-bg.enter {
    left: 110%;
}

.button .hover-text.enter {
    opacity: 1;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
}

.button .hover-bg.leave {
    left: 111%;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.button.fill .hover-bg.leave {
    left:0%;
    width:100%;
}

.button .hover-text.leave {
    left: 100%;
    opacity: 0;
    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
}

.button.fill .hover-text.leave {
    left: 0;
    opacity:1;
}

/*-----------------------------------------------------------------------------------*/
/* 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;
}

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

.input-text,
.input-textarea{
    border: 1px solid #E2E2E2;
    background-color: rgba(255, 255, 255, .2);
}

.wpcf7-form-control-wrap {
    border-bottom:1px solid #000;
    display: block !important;
}

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

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

.wpcf7-form-control-wrap textarea,
.input-textarea textarea{
	background-color:transparent !important;
	border:0;
	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;
}

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

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

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

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

#comment-text input[type="submit"]:hover {
    background-color:#000;
    color:#fff;
}

/* content form 7Place holder  */
#comment-text textarea::-webkit-input-placeholder  , #comment-text textarea:-moz-placeholder ,#comment-text textarea:-ms-input-placeholder  {
   color:#df3030;
   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;
}
/*-----------------------------------------------------------------------------------*/
/*	X.	Search Form
/*-----------------------------------------------------------------------------------*/

.search-form{
    max-width:300px;
    margin-bottom:30px;
}

.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;
	border:1px solid #737373;
}

.search-form input[type="text"]{
	width:100%;
	min-width: 150px;
	background: none;
	border:0;
	color:#666;
	font-weight: 400;
}

.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 input[type="submit"]:hover{
	background-color: #df3030;
}

.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: 22px;
	float:right;
}

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

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

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

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

.wave-menu-header .navigation-mobile {
    top:9px;
}

.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:0;
}

.navigation-mobile li  {
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	border-bottom:1px solid #4a4a4a;
    margin-right:80px;
}
.navigation-mobile li:last-child {
	border-bottom:none;
}

.navigation-mobile ul ul li{
	font-size: 11px;
	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: #df3030;
}

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

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

/*-----------------------------------------------------------------------------------*/
/*	X.	Grid
/*-----------------------------------------------------------------------------------*/

[class*="span"]
{
    float:left;
    margin-left:20px
}

.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;
}

.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;
}

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

.portfolioSection .wrap {
    overflow:visible;
}

.portfolio_wrap {
    width:940px;
    margin-left:-15px;
}

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

.textSliderHome {
	position:absolute;
	top:50%;
	width:70%;
	text-align:center;
	z-index:5;
	margin:0 15%;
    margin-bottom:70px;
}

.textSliderHome  .textSlide{
	display:none;
}

.textSliderHome  .textSlide:first-child {
	display:block;
}

.textSliderHome  .quote {
	color:#fff;
}

/* text rotator - standard description text */
.textSliderHome .desc {

    color:#fff;
    font-family:'Open Sans', sans-serif;
    font-size:14px;
    line-height:20px;

    display:table;
    margin:0 auto;
    width:60%;

}

.textSliderHome .desc3 {
    margin-top:5px;

}

.textSliderHome .standarddesc3 {
    margin-bottom:15px;
}

.textSliderHome .standarddesc {
    margin-top:15px;
}

.textSliderHome .trimage {
    display: table;
    margin: 0 auto;
    position:relative;
}

.textSliderHome .trimage.animated {

    -webkit-animation: iconFloat 1s infinite linear;
    -moz-animation: iconFloat 2s infinite linear;
    -ms-animation: iconFloat 2s infinite linear;
    -o-animation: iconFloat 2s infinite linear;
    animation: iconFloat 1s infinite linear;
}

.textSliderHome .trimage img {
    max-width: 355px;
    max-height:200px;
}

/* text rotator - standard 1 */
.textSliderHome  .standard1 {

    display :inline;
    color:#fff;
    text-transform:uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding:0 15px;

}

/* text rotator - standard 2 */
.textSliderHome  .standard2 {

    display :inline;
    background: rgba(000,000,000,.3);
    color:#fff;
    text-transform:uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding:0 15px;

}

/* text rotator - standard 3 */
.textSliderHome  .standard3 {

    border:solid 3px #fff;
    display :inline;
    color:#fff;
    text-transform:uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    line-height: 1.8em;
    padding:0 15px;

}


/* text rotator - standard 4 */
.textSliderHome  .standard4 {

    border:solid 3px #fff;
    display :inline;
    color:#fff;
    text-transform:uppercase;
    font-family: 'oswald', sans-serif;
    font-weight: 400;

    padding:0 15px;

    font-size:26px;
    line-height:27px;
}

/* text rotator - vintage 1 */
.textSliderHome  .titlevintage1 {

    display :inline;
    position:relative;
    color:#fff;
    font-size:100px;
    line-height:105px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    text-transform:uppercase;
    padding:0 15px;
}

.textSliderHome  .subtitlevintage1 {
    display :inline;
    color:#fff;
    font-size:45px;
    line-height:50px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    text-transform:uppercase;
    padding:0 15px;
}

.textSliderHome .titlevintage1 .rightline , .textSliderHome .titlevintage1 .leftline{
    right:0;
    position:absolute;
    top:50%;
    height:3px;
    background-color:#fff;
    width:45px;
}

.textSliderHome .titlevintage1 .rightline {
    right:-70px;
}

.textSliderHome .titlevintage1 .leftline {
    left:-70px;
}


/* text rotator -  vintage 2 */
.textSliderHome  .titlevintage2 {
    display :inline;
    color:#fff;
    font-size:69px;
    line-height:70px;
    font-family: 'Lobster', sans-serif;
    font-weight: 400;
    padding:0 15px;
}

.textSliderHome  .subtitlevintage2 {
    display :inline;
    color:#fff;
    font-size:18px;
    line-height:20px;
    text-transform:uppercase;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    position:relative;
    padding:0 15px;
}

.textSliderHome .subtitlevintage2 .rightline , .textSliderHome .subtitlevintage2 .leftline{
    right:0;
    position:absolute;
    top:50%;
    height:2px;
    background-color:#fff;
    width:85px;
}

.textSliderHome .subtitlevintage2 .rightline {
    right:-80px;
}

.textSliderHome .subtitlevintage2 .leftline {
    left:-80px;
}

/* text rotator - vintage3 */
.textSliderHome  .titlevintage3 {
    display :inline;
    color:#fff;
    font-size:42px;
    line-height:45px;
    font-family: 'Bree Serif', sans-serif;
    font-weight: 400;
    padding:0 15px;
    text-transform: uppercase;
}

.textSliderHome .bottomImage {
    position:relative;
    height:40px;
    width:181px;
    bottom:3px;
    display:table;
    margin:0 auto;
    background:transparent url(../img/Vintage3bottom.png) no-repeat center center;
}

.textSliderHome .topImage {
    position:relative;
    height:40px;
    width:181px;
    display:table;
    margin:0 auto;
    top:19px;
    background:transparent url(../img/Vintage3top.png) no-repeat center center;
}

.textSliderHome  .subtitlevintage3 {
    display :inline;
    color:#fff;
    font-size:18px;
    line-height:19px;
    font-family:'Open Sans', sans-serif;
    font-weight: 400;
    position:relative;
    padding:0 15px;
    top:-13px;
}

/* text rotator - vintage 4 */
.textSliderHome  .titlevintage4 {
    display :inline;
    color:#fff;
    font-size:71px;
    line-height:75px;
    font-family: 'Great Vibes', sans-serif;
    font-weight: 400;
    padding:0 15px;
    position:relative;
}

.textSliderHome  .subtitlevintage4 {
    display :inline;
    color:#fff;
    font-size:15px;
    line-height:15px;
    font-family: 'oswald', sans-serif;
    font-weight: 400;
    padding:0 15px;
}

.textSliderHome .titlevintage4 .rightline , .textSliderHome .titlevintage4 .leftline{
    right:0;
    position:absolute;
    top:50%;
    height:4px;
    background-color:#fff;
    width:85px;
}

.textSliderHome .titlevintage4 .rightline {
    right:-105px;
    background:transparent url(../img/vintage4left.png) no-repeat center center;

}

.textSliderHome .titlevintage4 .leftline {
    left:-105px;
    background:transparent url(../img/vintage4right.png) no-repeat center center;
}


.textSliderHome .glyph{
    font-family: 'icomoon';
	color: #fff;
	font-size: 50px;
	z-index: 1;
	position: relative;
    line-height: 90px;
}

.textSliderHome .glyph.animated{
    -webkit-animation: iconFloat 1s infinite linear;
    -moz-animation: iconFloat 2s infinite linear;
    -ms-animation: iconFloat 2s infinite linear;
    -o-animation: iconFloat 2s infinite linear;
    animation: iconFloat 1s infinite linear;
}

.textSliderHome .iconvintage3.glyph {
    font-size: 25px;
    line-height: 17px;
}

.scrollDownWrap{
    position:absolute;
    bottom:50px;
    margin:0 15%;
    width:70%;
    text-align:center;
    z-index:9;
    padding-bottom:25px;
    min-height:41px;
}

.textSliderHome .scrollDown {
    padding-top:110px;
}

.scrollDown.style2 {
    position:relative;
    top:13px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    min-height:57px;
    font-weight:400;
}

.scrollDown.style2  a:hover {
    background-color:rgba(255,255,255,.6);
    border-color:rgba(255,255,255,.1);
    color:rgba(60,60,60,1);
}

.scrollDown.style2 a {
    border:2px solid;
    border-color:rgba(255,255,255,.6);
    color:rgba(255,255,255,.6);
    padding:4px 21px;
    font-size:16px;
    line-height:16px;

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

.scrollDown a {
	text-decoration: none;
	color:#fff;
	font-size:21px;

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

.scrollDown a:hover{
	color:#d7c3a8;
	
	-moz-transition: color 500ms ease;
	-o-transition: color 500ms ease;
	-webkit-transition: color 500ms ease;
	transition: color 500ms ease;
}

.scrollDown .icon {
   
    height: 22px;
    width: 19px;
    display: block;
    margin: 10px auto 0;
    position: relative;

    -webkit-animation: iconFloat 1.2s infinite linear;
    -moz-animation: iconFloat 1.2s infinite linear;
    -ms-animation: iconFloat 1.2s infinite linear;
    -o-animation: iconFloat 1.2s infinite linear;
    animation: iconFloat 1.2s infinite linear;
}

@-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}}

.scrollDown .icon:before {
    font-family: 'icomoon';
    content:"\e09d";
    font-size: 20px;
    line-height: 20px;
}

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

	/*-webkit-box-shadow: 0 14px 60px 5px rgba(0,0,0,0.33);
	-moz-box-shadow: 0 14px 60px 5px rgba(0,0,0,0.33);
	box-shadow: 0 14px 60px 5px rgba(0,0,0,0.33);*/
}

#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-particle {
	position:static;
}

#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 */

.row {
margin-left:-20px;
}

.span12 {
width:940px;
}

.span11 {
width:860px;
}

.span10 {
width:780px;
}

.span9 {
width:700px;
}

.span8 {
width:620px;
}

.span7 {
width:540px;
}

.span6 {
width:460px;
}

.span5 {
width:380px;
}

.span4 {
width:300px;
}

.span3 {
width:220px;
}

.span2 {
width:140px;
}

.span1 {
width:60px;
}

.offset12 {
margin-left:980px;
}

.offset11 {
margin-left:900px;
}

.offset10 {
margin-left:820px;
}

.offset9 {
margin-left:740px;
}

.offset8 {
margin-left:660px;
}

.offset7 {
margin-left:580px;
}

.offset6 {
margin-left:500px;
}

.offset5 {
margin-left:420px;
}

.offset4 {
margin-left:340px;
}

.offset3 {
margin-left:260px;
}

.offset2 {
margin-left:180px;
}

.offset1 {
margin-left:100px;
}


/*-----------------------------------------------------------------------------------*/
/*	Header &  Navigation 
/*-----------------------------------------------------------------------------------*/

#pxHeader {
	background-color:transparent;
	width:100%;
	position:fixed;
	top:0;
	z-index:6 !important;
    height:82px;
	
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);

    -webkit-transform: translateZ(0);
}

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

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

header.wave-menu-header .logo img {
    margin: 50px auto 0;
}

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

/* scooter menu */
#pxHeader.hideHeaderShadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#pxHeader.scooter-menu.enableScooterMenu {
    background-color:transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display:block !important;
    opacity:1 !important;
    position:absolute;
}	

#pxHeader.scooter-menu.enableScooterMenu #menuBgColor{
    opacity:0 !important;
}	

#pxHeader.scooter-menu.enableScooterMenu .navigation {
    opacity:0;
    visibility:hidden;
}


#pxHeader.scooter-menu.enableScooterMenu .secoundLogo {
    display:none;
}

#pxHeader.scooter-menu .secoundLogo {
    display:block;
}

#pxHeader.scooter-menu.enableScooterMenu .firstLogo {
    display:block;
}

#pxHeader.scooter-menu #logoHeader , #pxHeader.scooter-menu #logoMenuHeader {
    position:absolute;
    top:0;
    width:100%;
    left:0;
}

#pxHeader.scooter-menu #logoMenuHeader {
    z-index:5;
}

#pxHeader.scooter-menu #logoHeader {
    z-index:3;
}
								
/* 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;
}

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

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

    -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 {
    border:3px solid transparent;   
}

header.borderhover .navigation > ul > li:hover , header.borderhover .navigation > ul > li.active {
    border:3px solid #f83333;

    -moz-transition: border-color 300ms linear;
	-o-transition: border-color 300ms linear;
	-webkit-transition: border-color 300ms linear;
	transition: border-color 300ms linear;
}

header.fillhover .navigation li:hover a , header.fillhover .navigation li.active a , header.fillhover .navigation > ul > li.current_page_item a {
    color:#fff;
}

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:#f83333;

    -moz-transition: color 150ms linear;
	-o-transition: color 150ms linear;
	-webkit-transition: color 150ms linear;
	transition: color 150ms linear;
}

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

header .navigation > ul > li > a{
	position: relative;
	z-index: 10;
	line-height: 29px;
	border-bottom:4px solid transparent;
    font-size:12px;
    font-family: Roboto, sans-serif;
    font-weight:700;
    padding:44px 0 0;
    margin:0 6px;

	-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:49px;
    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 {
    border: 3px solid #f83333;
}

header.borderhover .navigation > ul > li.current_page_item a {
    color:#f83333;
}

header .navigation > ul > li .spanHover {
   height:0;
   position:absolute;
   top:0;
   right:0;
   background-color:#f83333;
   width:100%;
   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;
}

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

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

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

    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.09);
}

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

header.borderhover .navigation li ul {
    left:-3px;
    top:83px;
}

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

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

header .navigation li li > a {	
	color:#000 !important;
	line-height:46px;
	margin:0;
	padding:0 15px;
	white-space: nowrap;
    letter-spacing:0;
    font-size:12px;
}

header .navigation li li:hover > a {
	opacity:.5;

    -moz-transition:opacity 250ms ease;
	-o-transition:opacity 250ms ease;
	-webkit-transition:opacity 250ms ease 0s;
	transition:opacity 250ms ease;
}

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,-150px,0);
	transform: translate3d(0,-150px,0);
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

.wave-menu .menu {
	position: absolute;
	width: 100%;
	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;
}

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

.wave-menu .menu-list > ul {
    display:table;
    margin:0 auto;
    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 {
    display:block;
    float:left;
}


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

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

.menu-list a span {
	display: inline-block;
	margin-left: 10px;
	font-size: 0.75em;
	vertical-align: middle;
	font-weight: 700;
	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);

	
	/*
	-webkit-transform: translate3d(-400px,0,0);
	transform: translate3d(-400px,0,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: 120px;
  height: 120px;
  text-align: center;
  background-color:#F5F5F5;
}

.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: 30px;
  height: 2px;
  margin-top: -2px;
  margin-left: -15px;
  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: #7f7f7f;
}

.wavemenu_active 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: #7f7f7f;
  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(-450%);
    -moz-transform: translateY(-450%);
    -ms-transform: translateY(-450%);
    -o-transform: translateY(-450%);
    transform: translateY(-450%);
}

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

.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: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    opacity:1; 
    font-size:13px;  
    color:#000;
}

.wave-menu .menu-list ul ul a span {
    color:#000;
}

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

.wave-menu .menu-list a:hover span {
    opacity:.6;
}

									
/*-----------------------------------------------------------------------------------*/
/*	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;
}

/*-----------------------------------------------------------------------------------*/
/* Social icons 
/*-----------------------------------------------------------------------------------*/

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

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

.social-icons a , .social-icons .hover-bg  {
    height:45px !important;
    width:45px !important;
}

.social-icons a , .socialLinkShortcode a {
	text-align: center;
	display:block;
	height:49px;
	width:49px;
	text-decoration: none;
    border:1px solid rgba(255, 255, 255,.5);
    position:relative;
    overflow:hidden;
    border-radius:0px;
}

.social-icons .dark a, .socialLinkShortcode.dark a {
    border:2px solid #000;
}

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

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

.social-icons span , .socialLinkShortcode span {
	color:#3c3c3c;
	font-size: 22px;
	background-color:transparent;
	
	line-height: 47px;
	height:	47px;
	width: 47px;
	display:block;

	-webkit-transition: border-color .3s, background-color .3s , color .3s  ;
	-moz-transition: border-color .3s, background-color .3s , color .3s ;
	-ms-transition: border-color .3s, background-color .3s , color .3s ;
	-o-transition:border-color .3s, background-color .3s , color .3s ;
    transition: border-color .3s, background-color .3s , color .3s ;
}

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

.social-icons a:hover span  , .socialLinkShortcode a:hover span
{
	background-color: #df3030;
	border-color: #df3030;
	color:#FFF;
}	

.social-icons .hover-bg ,.socialLinkShortcode .hover-bg {
    display: block;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-align:center;

    -webkit-transform: skew(-35deg);
    -moz-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    -o-transform: skew(-35deg);
    transform: skew(-35deg);
}

.social-icons .hover-text , .socialLinkShortcode .hover-text {
    opacity: 1;
    text-align:center;
    position:absolute;
    left:80%;

    -webkit-transform: skew(35deg) translateX(-39px);
    -moz-transform: skew(35deg) translateX(-39px);
    -ms-transform: skew(35deg) translateX(-39px);
    -o-transform: skew(35deg) translateX(-39px);
    transform: skew(35deg) translateX(-39px);
}

.social-icons .hover-text.reset , .socialLinkShortcode .hover-text.reset {
    left: -80%;
    opacity: 0;
}

.social-icons .hover-bg.reset , .socialLinkShortcode .hover-bg.reset {
    left: -146%;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.social-icons .hover-bg.enter , .socialLinkShortcode .hover-bg.enter {
    left: -3px;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.social-icons .hover-text.enter, .socialLinkShortcode .hover-text.enter {
    opacity: 1;
    left: 89%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1),opacity 0.5s;
}

.social-icons .hover-bg.leave  , .socialLinkShortcode .hover-bg.leave  {
    left: 130%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.social-icons .hover-text.leave  , .socialLinkShortcode .hover-text.leave {
    left: 130%;
    opacity: 0;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.3s,opacity 0.5s;
}

.social-icons a:hover span.icon-bg, .socialLinkShortcode a:hover span.icon-bg {
    background-color:transparent !important;
    border:2px solid #fff !important;
}

.social-icons.dark a:hover span.icon-bg, .socialLinkShortcode.dark a:hover span.icon-bg {
    border:2px solid #000 !important;
}

.social-icons.dark span.hover-text, .socialLinkShortcode.dark span.hover-text {
    color:#000;
}

.social-icons a:hover span.icon, .socialLinkShortcode a:hover span.icon {
    background-color:transparent !important;
}

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

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

.social-icons span.hover-text , .socialLinkShortcode span.hover-text {
    height:45px;
    width:45px;
    line-height:45px;
    background-color:transparent !important;
    border-color:transparent  !important;
}

.social-icons .light span.hover-text , .socialLinkShortcode span.hover-text {
    color:#fff;
}

.footer-bottom .social-icons .light span.hover-text   {
    color:#fff;
}

.footer-bottom .social-icons span.icon {
    color:#838383;
}

.social-icons a:hover span.hover-bg.twitter, .socialLinkShortcode a:hover span.hover-bg.twitter ,.social-icons a span.hover-bg.twitter, .socialLinkShortcode a span.hover-bg.twitter {
    background-color:#39cdee !important;
    border:2px solid #39cdee !important;
}

.social-icons a:hover span.hover-bg.dribbble, .socialLinkShortcode a:hover span.hover-bg.dribbble ,.social-icons a span.hover-bg.dribbble, .socialLinkShortcode a span.hover-bg.dribbble {
    background-color:#ef3ea5 !important;
    border:2px solid #ef3ea5 !important;
}

.social-icons a:hover span.hover-bg.youtube, .socialLinkShortcode a:hover span.hover-bg.youtube ,.social-icons a span.hover-bg.youtube, .socialLinkShortcode a span.hover-bg.youtube {
    background-color:#c81414 !important;
    border:2px solid #c81414 !important;
}

.social-icons a:hover span.hover-bg.facebook, .socialLinkShortcode a:hover span.hover-bg.facebook ,.social-icons a span.hover-bg.facebook, .socialLinkShortcode a span.hover-bg.facebook {
    background-color:#3d5da3 !important;
    border:2px solid #3d5da3 !important;
}

.social-icons a:hover span.hover-bg.google, .socialLinkShortcode a:hover span.hover-bg.googleplus ,.social-icons a span.hover-bg.googleplus, .socialLinkShortcode a span.hover-bg.googleplus {
    background-color:#ea654d !important;
    border:2px solid #ea654d !important;
}

.social-icons a:hover span.hover-bg.digg, .socialLinkShortcode a:hover span.hover-bg.digg ,.social-icons a span.hover-bg.digg, .socialLinkShortcode a span.hover-bg.digg {
    background-color:#b2b2b2 !important;
    border:2px solid #b2b2b2 !important;
}

.social-icons a:hover span.hover-bg.tumblr, .socialLinkShortcode a:hover span.hover-bg.tumblr ,.social-icons a span.hover-bg.tumblr, .socialLinkShortcode a span.hover-bg.tumblr {
    background-color:#385a75 !important;
    border:2px solid #385a75 !important;
}

.social-icons a:hover span.hover-bg.linkedin3, .socialLinkShortcode a:hover span.hover-bg.linkedin3 ,.social-icons a span.hover-bg.linkedin3, .socialLinkShortcode a span.hover-bg.linkedin3 {
    background-color:#5874b7 !important;
    border:2px solid #5874b7 !important;
}

.social-icons a:hover span.hover-bg.forrst, .socialLinkShortcode a:hover span.hover-bg.forrst ,.social-icons a span.hover-bg.forrst, .socialLinkShortcode a span.hover-bg.forrst {
    background-color:#1c8328 !important;
    border:2px solid #1c8328 !important;
}

.social-icons a:hover span.hover-bg.feed2, .socialLinkShortcode a:hover span.hover-bg.feed2 ,.social-icons a span.hover-bg.feed2, .socialLinkShortcode a span.hover-bg.feed2 {
    background-color:#f8852e !important;
    border:2px solid #f8852e !important;
}

.social-icons a:hover span.hover-bg.flickr4, .socialLinkShortcode a:hover span.hover-bg.flickr4 ,.social-icons a span.hover-bg.flickr4, .socialLinkShortcode a span.hover-bg.flickr4 {
    background-color:#ff0084 !important;
    border:2px solid #ff0084 !important;
}

.social-icons a:hover span.hover-bg.myspace, .socialLinkShortcode a:hover span.hover-bg.myspace ,.social-icons a span.hover-bg.myspace, .socialLinkShortcode a span.hover-bg.myspace {
    background-color:#008dde !important;
    border:2px solid #008dde !important;
}

.social-icons a:hover span.hover-bg.vimeo, .socialLinkShortcode a:hover span.hover-bg.vimeo ,.social-icons a span.hover-bg.vimeo, .socialLinkShortcode a span.hover-bg.vimeo {
    background-color:#4bf !important;
    border:2px solid #4bf !important;
}

.social-icons a:hover span.hover-bg.github5, .socialLinkShortcode a:hover span.hover-bg.github5 ,.social-icons a span.hover-bg.github5, .socialLinkShortcode a span.hover-bg.github5 {
    background-color:#d0d2d4 !important;
    border:2px solid #d0d2d4 !important;
}

.social-icons a:hover span.hover-bg.lastfm, .socialLinkShortcode a:hover span.hover-bg.lastfm ,.social-icons a span.hover-bg.lastfm, .socialLinkShortcode a span.hover-bg.lastfm {
    background-color:#d51007 !important;
    border:2px solid #d51007 !important;
}

.social-icons a:hover span.hover-bg.paypal, .socialLinkShortcode a:hover span.hover-bg.paypal ,.social-icons a span.hover-bg.paypal, .socialLinkShortcode a span.hover-bg.paypal {
    background-color:#22bcee !important;
    border:2px solid #22bcee !important;
}

.social-icons a:hover span.hover-bg.skype, .socialLinkShortcode a:hover span.hover-bg.skype ,.social-icons a span.hover-bg.skype, .socialLinkShortcode a span.hover-bg.skype {
    background-color:#00aff0 !important;
    border:2px solid #00aff0 !important;
}

.social-icons a:hover span.hover-bg.wordpress, .socialLinkShortcode a:hover span.hover-bg.wordpress ,.social-icons a span.hover-bg.wordpress, .socialLinkShortcode a span.hover-bg.wordpress {
    background-color:#21759b !important;
    border:2px solid #21759b !important;
}

.social-icons a:hover span.hover-bg.yahoo, .socialLinkShortcode a:hover span.hover-bg.yahoo ,.social-icons a span.hover-bg.yahoo, .socialLinkShortcode a span.hover-bg.yahoo {
    background-color:#731a8b !important;
    border:2px solid #731a8b !important;
}

.social-icons a:hover span.hover-bg.steam, .socialLinkShortcode a:hover span.hover-bg.steam ,.social-icons a span.hover-bg.steam, .socialLinkShortcode a span.hover-bg.steam {
    background-color:#000 !important;
    border:2px solid #000 !important;
}

.social-icons a:hover span.hover-bg.reddit, .socialLinkShortcode a:hover span.hover-bg.reddit ,.social-icons a span.hover-bg.reddit, .socialLinkShortcode a span.hover-bg.reddit {
    background-color:#ff4500 !important;
    border:2px solid #ff4500 !important;
}

.social-icons a:hover span.hover-bg.stumbleupon2, .socialLinkShortcode a:hover span.hover-bg.stumbleupon2 ,.social-icons a span.hover-bg.stumbleupon2, .socialLinkShortcode a span.hover-bg.stumbleupon2 {
    background-color:#eb4924 !important;
    border:2px solid #eb4924 !important;
}

.social-icons a:hover span.hover-bg.pinterest, .socialLinkShortcode a:hover span.hover-bg.pinterest ,.social-icons a span.hover-bg.pinterest, .socialLinkShortcode a span.hover-bg.pinterest {
    background-color:#cb2027 !important;
    border:2px solid #cb2027 !important;
}

.social-icons a:hover span.hover-bg.deviantart, .socialLinkShortcode a:hover span.hover-bg.deviantart ,.social-icons a span.hover-bg.deviantart, .socialLinkShortcode a span.hover-bg.deviantart {
    background-color:#4b5d50 !important;
    border:2px solid #4b5d50 !important;
}

.social-icons a:hover span.hover-bg.xing2, .socialLinkShortcode a:hover span.hover-bg.xing2 ,.social-icons a span.hover-bg.xing2, .socialLinkShortcode a span.hover-bg.xing2 {
    background-color:#006567 !important;
    border:2px solid #006567 !important;
}

.social-icons a:hover span.hover-bg.blogger, .socialLinkShortcode a:hover span.hover-bg.blogger ,.social-icons a span.hover-bg.blogger, .socialLinkShortcode a span.hover-bg.blogger {
    background-color:#f57d00 !important;
    border:2px solid #f57d00 !important;
}

.social-icons a:hover span.hover-bg.soundcloud, .socialLinkShortcode a:hover span.hover-bg.soundcloud ,.social-icons a span.hover-bg.soundcloud, .socialLinkShortcode a span.hover-bg.soundcloud {
    background-color:#f60 !important;
    border:2px solid #f60 !important;
}

.social-icons a:hover span.hover-bg.delicious, .socialLinkShortcode a:hover span.hover-bg.delicious ,.social-icons a span.hover-bg.delicious, .socialLinkShortcode a span.hover-bg.delicious {
    background-color:#3274d1 !important;
    border:2px solid #3274d1 !important;
}

.social-icons a:hover span.hover-bg.foursquare, .socialLinkShortcode a:hover span.hover-bg.foursquare ,.social-icons a span.hover-bg.foursquare, .socialLinkShortcode a span.hover-bg.foursquare {
    background-color:#2398c9 !important;
    border:2px solid #2398c9 !important;
}

.social-icons a:hover span.hover-bg.instagram, .socialLinkShortcode a:hover span.hover-bg.instagram ,.social-icons a span.hover-bg.instagram, .socialLinkShortcode a span.hover-bg.instagram {
    background-color:#3f729b !important;
    border:2px solid #3f729b !important;
}


/*-----------------------------------------------------------------------------------*/
/*  socail Share
/*-----------------------------------------------------------------------------------*/

.socailshare {
    padding-top:15px;
}

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

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

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

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

/*-----------------------------------------------------------------------------------*/
/*  image shortcode
/*-----------------------------------------------------------------------------------*/

.imageBox.ImageBoxEnable {
   border:solid 1px #767676;
}

.imageBox.ImageBoxEnable .content {
    padding-left:20px;
    padding-right:20px;
}

.imageBox.ImageBoxEnable .content .title {
    padding-left:0;
    padding-right:0;
}

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

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

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

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

.imageBox .content {
  padding:25px 0px;
}

.imageBox .content .title {
    font-size:27px;
    line-height:34px;
    letter-spacing:-1px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color:#000;
    text-decoration:none;
    padding-right:20px;
    padding-left:20px;
}

.imageBox .content .subtitle {
    font-family:'Open Sans', sans-serif;
    font-size:12px;
    line-height:13px;
    color:#000;
}

.imageBox .content .text {
    padding-top:10px;
    color:#696969;
    font-size:14px;
    font-family: Roboto , sans-serif;
}

.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.imgBoxHover .imageHOpacity {
    -webkit-transition: background .3s linear; 
    -moz-transition: background .3s linear; 
    -o-transition: background .3s linear;
    transition: background .3s linear;

    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0);
    z-index:2;
}

.imageBox.imgBoxHover:hover .imageHOpacity {
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;

    background:rgba(0,0,0,.4);
}

/*-----------------------------------------------------------------------------------*/
/*  text shortcode
/*-----------------------------------------------------------------------------------*/

.textBox.fontSize20 .title {
    font-size:20px;
    line-height:50px;
}

.textBox.fontSize25 .title{
    font-size:25px;
    line-height:55px;
}

.textBox.fontSize32 .title {
    font-size:32px;
    line-height:50px;
}

.textBox.fontSize38 .title {
    font-size:38px;
    line-height: 65px;
}

.textBox.fontSize45 .title {
    font-size:45px;
    line-height:75px;
}

.textBox.textBoxBorder.fontSize45 .title ,.textBox.textBoxBorder.fontSize38 .title , .textBox.textBoxBorder.fontSize32 .title {
    padding-top:5px !important;
    padding-bottom:5px !important;
}

.textBox.fontSize56 .title{
    font-size:56px;
    line-height:90px;
}

.textBox.textBoxBorder.fontSize56 .title {
    padding:5px 6px !important;
}

.textBox.fontSize123 .title{
    font-size:123px;
    line-height:145px;
}

.textBox.textBoxBorder.fontSize123 .title {
    padding:5px 6px !important;
}

.textBox.imageBoxleft {
    text-align:left;
}

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

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

.textBox .title {
    font-size:26px;
    line-height:34px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color:#101010;
    text-decoration:none;
}

.textBox.textBoxBorder .title  {
    padding:5px 24px;
    border:4px solid #101010;
}

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

.textBox.textBoxUnderline .title , .textBox.textBoxBorder .title  {
     display:inline-block;
     margin-bottom: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.textBoxUnderline.textBoxUnderCenter .title hr {
    display:table;
    margin:3px auto 0;
}

.textBox.textBoxUnderline.textBoxUnderCenter.fontSize45 .title hr {
  margin:15px auto 0;
  max-width:85px;
}

.textBox.textBoxUnderline.textBoxUnderRight .title hr {
    display:table;
    margin:0 0 0 auto;
}

.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:21px;
}

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

/*-----------------------------------------------------------------------------------*/
/*	text - icon shortcode
/*-----------------------------------------------------------------------------------*/
.textBoxIcon.textLeftBorder .title {
    padding-left:25px;
}

.textBoxIcon .icon {
    float:left;
    padding:0 25px 0 8px;
}

.textBoxIcon .title {
    float:left;
    font-weight:700;
    letter-spacing: -1px;
}

.textBoxIcon.fontSize20  .icon {
    font-size:20px;
    line-height:20px;
}

.textBoxIcon.fontSize20 .title {
    height:20px;
    letter-spacing: -1px;
}

.textBoxIcon.fontSize25  .icon {
    font-size:25px;
    line-height:23px;
}

.textBoxIcon.fontSize25 .title {
    height:25px;
    letter-spacing: -1px;
}

.textBoxIcon.fontSize32  .icon {
    font-size:32px;
    line-height:29px;
}

.textBoxIcon.fontSize32 .title {
    font-size:32px;
    letter-spacing: -2px;
}

.textBoxIcon.fontSize38  .icon {
    font-size:38px;
    line-height:38px;
}

.textBoxIcon.fontSize45  .icon {
    font-size:45px;
    line-height:40px;
}

.textBoxIcon.fontSize56  .icon {
    font-size:56px;
    line-height:52px;
}

.textBoxIcon.fontSize123  .icon {
    font-size:123px;
    line-height:123px;
}

.textBoxIconTitle {
    padding-bottom:20px;
}

/*-----------------------------------------------------------------------------------*/
/*	pixflow Header Slider
/*-----------------------------------------------------------------------------------*/

.pixflowHeader{
    text-align:center;
    position:relative;
}

.pixflowHeader .bottomtext {
    color:#353535;
    font-size:232px;
    line-height:232px;
    font-weight:700;
    opacity:.15;
}


.pixflowHeader .title {
    color:#353535;
    font-size:49px;  
    line-height:50px;  
    position:absolute;
    font-weight:900;
    letter-spacing:-2px;
    z-index:1;
    top:42%;
    width:100%;
   
}

.pixflowHeader .title hr {
    width:43px;
    height:8px;
    background-color:#df3030;
    margin:29px auto 0;
}

/*-----------------------------------------------------------------------------------*/
/*  image & text shortcode Animation
/*-----------------------------------------------------------------------------------*/

.imgWithAnimation , .iconWithAnimation  , .textWithAnimation  , .teamWithAnimation  , .counterWithAnimation , .pieChartWithAnimation , .progressbarWithAnimation , .testimonialWithAnimation , .pixflowHeaderWithAnimation {
    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"] ,
.pixflowHeaderWithAnimation[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"] ,
.pixflowHeaderWithAnimation[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"]  , 
.pixflowHeaderWithAnimation[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"] ,
.pixflowHeaderWithAnimation[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"] , 
.pixflowHeaderWithAnimation[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"] ,
.pixflowHeaderWithAnimation[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;
}

/*-----------------------------------------------------------------------------------*/
/*	Home 
/*-----------------------------------------------------------------------------------*/

/* 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;
}

.videoHomePreload {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    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; 
}
													
/*-----------------------------------------------------------------------------------*/
/*	X.	Widgets
/*-----------------------------------------------------------------------------------*/

.sidebar{
    padding: 15px;
	margin-bottom:20px;
}

.sidebar.no-widgets {
    padding: 0;
}

.widget-area {
    color:#737373;
}

.widget-area .widget-title {
    color:#737373;
    font-size:16px;
    margin-bottom:0;
}

.widget-area hr {
    background-color: #ccc;
    margin:5px 0 19px;
    height:3px;
}

.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;
}

.widget-area a:hover{
    color:#df3030;
}

.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 form{
	padding: 5px 42px 5px 10px;
}

.widget-area .search-form input[type="text"]{
	color: #a6a6a6;
}

.widget-area .search-form input[type="submit"]{
	width:32px;
	background-color:transparent;
}

.widget-area .search-form input[type="submit"]:hover{
	background-color: #df3030;
}

.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{
	padding:0;
	margin:0;
	list-style: none;
}

.widget-area li{
	padding: 10px 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 s{
	margin-left: -4px;
}

.tagcloud a{
	padding: 3px 5px;
	border:1px solid #e6e6e6;
	font-size: 13px !important;
	color:#aeaeae;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	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: #f2f2f2;
	color:#df3030;
}

.widget-area .tagcloud a,
.widget-area .tagcloud{
	margin-left: 0;
}

/* Recent entries */

.widget_recent_entries a {
	font-size: 13px;
}

.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;
}

/* Progress */
.sidebar .widget_px_progress .progress{
	width:80%
}

.widget_px_progress .progressbar:last-child{
	margin-bottom: 0;
}
		
/*-----------------------------------------------------------------------------------*/
/*	X.	Footer
/*-----------------------------------------------------------------------------------*/

.footer-bottom {
	position:relative;
	width:100%;
	background-color:#f2f2f2;
}

.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;
	padding:41px 0 20px;
    text-align:right;
    color:#838383;
    float:right;
}

.footer-bottom .social-icons {
	padding:35px 0 0 0;
    width:40%;
    float:left;
}

.footer-widgetized {
	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 */
}

/* Widgets */
footer .widget-area {
    padding:35px 0;
    position:relative
}

footer .widget-area .widget-title{
    color: #656565;
    text-transform: uppercase;
}

footer .widget-area a{
    color:#6a6a6a;
}

/* 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;
}

/* footer logo */
.footerlogo{
    float:left;
    width:20%;
    text-align:center;
    padding:35px 0 0;
}

/* 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-inner, .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: 'oswald',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: 'oswald',sans-serif;
    color:#4b4b4b !important;
    font-size: 18px; 
    line-height: 1.5em;
}

.footer-widgetized .widget  {
    margin-bottom:20px;
}

.footer-widgetized .wpcf7-form-control-wrap textarea, .footer-widgetized .input-textarea textarea{
    height:75px;
}

/*-----------------------------------------------------------------------------------*/
/*	Icon Box 
/*-----------------------------------------------------------------------------------*/
										
.iconbox.iconbox-top {
    text-align: center;
}

.iconbox.iconbox-top .icon{
	padding-bottom: 20px;
	text-align: center;
}

.iconbox.iconbox-left .icon{
	width: 55px;
	float: left;
    padding-bottom:7px;
}

.iconbox.iconbox-left .title {
    padding-bottom:6px;
    font-size:27px;
    font-weight:500;
}

.iconbox .glyph{
	color: #df3030;
	font-size: 33px;
	z-index: 1;
	position: relative;
}

.iconbox .title{
	font-size: 19px;
	font-weight: 700;
	color:#101010;
}

.iconbox:hover .title{
	color:#df3030;
}

.iconbox.iconbox-top .title,{
    font-size: 25px;
}

.iconbox.iconbox-top .title,
.iconbox.iconbox-left .title{
    line-height:25px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.iconbox.iconbox-left .content-wrap{
	float:left;
	width:85%;
}

.span3 .iconbox.iconbox-left .content-wrap {
    width:79%;
}

.iconbox.iconbox-left .more-link{
	text-align: right;
}

.iconbox .more-link a{
	text-decoration: none;
    color:#101010;
}

.iconbox .more-link a:hover{
	color: #df3030;
}

.iconbox .more-link span{
	font-size: 10px;
	position: relative;
	top:1px;
	left:2px;
}

.iconbox .more-link a , .iconbox .title {
	-moz-transition:color .5s;
	-o-transition:color .5s;
	-webkit-transition:color .5s;
	transition:color .5s;
}

/*-----------------------------------------------------------------------------------*/
/*  Horizontal separator with title
/*-----------------------------------------------------------------------------------*/

.hr-title,
.hr-title-center{
	display:table;
	width:100%;
	margin:40px 0 30px;
}

.hr-title  > div,
.hr-title-center > div{
	display:table-cell;
}

.hr-title > div:last-child,
.hr-title > div:first-child,
.hr-title-center > div:last-child,
.hr-title-center > div:first-child{
	border-top:1px solid #bdbdbd;
}

.hr-title .title,
.hr-title-center .title{
	white-space:nowrap;
}

.hr-title h3,
.hr-title-center h3{
	display:block;
	margin:-10px 0 0;
	font-size:18px;
	line-height:20px;
	padding:0 10px;
	font-weight: 400;
	color:#474747;
}

/* Default */
.hr-title > div:first-child {
	width:5%;
}

.hr-title > div:last-child {
	width:95%;
}

/* Center */
.hr-title-center > div:last-child,
.hr-title-center > div:first-child {
	width:50%;
}

/***** Horizontal separator *****/
.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;
}
													
/*-----------------------------------------------------------------------------------*/
/* team member shortcode
/*-----------------------------------------------------------------------------------*/

.team-member{
	overflow:hidden;
    height:528px;
    margin-bottom:50px;
}

.team-member .bgImage {
    -moz-background-size: cover;
    background-size: cover;
    background-position: center;

    height: 444px;

    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    -o-transition: background-position .5s;
    transition: background-position .5s;
}

.team-member:hover .bgImage {
    background-position:center -20px !important;

    -webkit-transition: background-position .5s;
    -moz-transition: background-position .5s;
    -o-transition: background-position .5s;
    transition: background-position .5s;
}

.team-member .image {
	position: relative;
    height:444px;
    overflow:hidden;

    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
}

.team-member:hover .image {
    height:535px;
}

.team-member .image img {
	vertical-align: top;

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

.team-member:hover .image img {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
}
                                                                  
.team-member .nameJob  {
    position:absolute;
    bottom:14px;
    left:0;
    z-index:1;

    -webkit-transition: bottom .5s;
	-moz-transition: bottom .5s;
	-o-transition: bottom .5s;
	transition: bottom .5s;
}

.team-member:hover .nameJob {
    bottom:135px;

    -webkit-transition: bottom .4s ;
	-moz-transition: bottom .4s ;
	-o-transition: bottom .4s ;
	transition: bottom .4s ;
}

.team-member .name {
	font-size: 22px;
	line-height: 26px;
	font-family: Roboto, sans-serif;
	font-weight:700;
	padding: 0 13px;
	text-transform:uppercase;
}

.team-member .name a , .team-member .name {
    color:#fff;
}

.team-member.light .name a  ,  .team-member.light .name  {
    color:#2d2d2d;
}

.team-member.light .descHover  {
    background-color:#f5f5f5;
}

.team-member .name a:hover {
	text-decoration:none;
}

.team-member .job-title {
    color:#df3030;                                                                    
    text-align: left;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    font-weight:400;
    padding: 0 13px;
}                                                                      

.team-member.light .job-title {
    color:#3e3e3e;
}

.team-member .description{

    position:absolute;
    left:0;
    bottom:-70px;
    z-index:1;
    padding:0 13px;
    color:#fff;
    font-size:12px;
    margin:0;
    opacity:0;

    -webkit-transition: opacity 0.5s , bottom 0.5s;
    -moz-transition: opacity 0.5s , bottom 0.5s;
    -o-transition: opacity 0.5s , bottom 0.5s;
    transition: opacity 0.5s , bottom 0.5s;
                                                                            
}
                                                                        
.team-member:hover .description{
    bottom:35px;
    opacity:1;

    -webkit-transition: opacity 0.5s , bottom 0.5s;
    -moz-transition: opacity 0.5s , bottom 0.5s;
    -o-transition: opacity 0.5s , bottom 0.5s; 
    transition: opacity 0.5s , bottom 0.5s;
}


.team-member .descHover {
    text-align:center;
    opacity:0;
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background-color:#424242;
    padding-top:17px;
    padding-left:15px;
    padding-right:15px;

    -webkit-transition: opacity 0.5s ;
    -moz-transition: opacity 0.5s ;
    -o-transition: opacity 0.5s ; 
    transition: opacity 0.5s ;
}


.team-member .descHover .table {
    display:table;
    height:100%;
    width:100%;
}

.team-member .descHover .tableCell {
    vertical-align:middle;
    display:table-cell
}

.team-member .descHover .job-title {
    text-align:center;
}


.team-member:hover .descHover {
    opacity:1;

    -webkit-transition: opacity 0.5s ;
    -moz-transition: opacity 0.5s ;
    -o-transition: opacity 0.5s ; 
    transition: opacity 0.5s ;

}


.team-member .descriptionContent {
    max-height:85px;
    overflow-y:hidden;
    display:block;
}

.team-member.light .descriptionContent {
    color:#676767;
}

.team-member .descriptionIcon {
    position:absolute;
    left:0;
    bottom:-70px;
    max-height:18px;
    overflow-y:hidden;
    padding:0 13px;
    margin:0;

    -webkit-transition:  bottom 0.5s;
    -moz-transition:  bottom 0.5s;
    -o-transition:  bottom 0.5s;
    transition:  bottom 0.5s;
}

.team-member:hover .descriptionIcon {
    bottom:-20px;

    -webkit-transition:  bottom 0.5s;
    -moz-transition:  bottom 0.5s;
    -o-transition:  bottom 0.5s; 
    transition:  bottom 0.5s;
}
                                                               
.team-member .image .imageOverlayWrap {
    position:absolute;
    bottom:-130px;
    left:0;
    height:256px;
    width:100%;
    z-index:1;

    -webkit-transition: bottom .4s;
    -moz-transition: bottom .4s;
    -o-transition: bottom .4s;
    transition: bottom .4s;
}

.team-member.light .image .imageOverlayWrap {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(254,254,254,0.01) 2%, rgba(250,250,250,0.09) 8%, rgba(245,245,245,0.24) 15%, rgba(245,245,245,0.28) 17%, rgba(245,245,245,0.77) 36%, rgba(245,245,245,0.91) 43%, rgba(245,245,245,0.99) 49%, rgba(245,245,245,1) 50%, rgba(245,245,245,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.01)), color-stop(2%,rgba(254,254,254,0.01)), color-stop(8%,rgba(250,250,250,0.09)), color-stop(15%,rgba(245,245,245,0.24)), color-stop(17%,rgba(245,245,245,0.28)), color-stop(36%,rgba(245,245,245,0.77)), color-stop(43%,rgba(245,245,245,0.91)), color-stop(49%,rgba(245,245,245,0.99)), color-stop(50%,rgba(245,245,245,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(254,254,254,0.01) 2%,rgba(250,250,250,0.09) 8%,rgba(245,245,245,0.24) 15%,rgba(245,245,245,0.28) 17%,rgba(245,245,245,0.77) 36%,rgba(245,245,245,0.91) 43%,rgba(245,245,245,0.99) 49%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(254,254,254,0.01) 2%,rgba(250,250,250,0.09) 8%,rgba(245,245,245,0.24) 15%,rgba(245,245,245,0.28) 17%,rgba(245,245,245,0.77) 36%,rgba(245,245,245,0.91) 43%,rgba(245,245,245,0.99) 49%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(254,254,254,0.01) 2%,rgba(250,250,250,0.09) 8%,rgba(245,245,245,0.24) 15%,rgba(245,245,245,0.28) 17%,rgba(245,245,245,0.77) 36%,rgba(245,245,245,0.91) 43%,rgba(245,245,245,0.99) 49%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* IE10+ */
   
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(254,254,254,0.01) 2%,rgba(250,250,250,0.09) 8%,rgba(245,245,245,0.24) 15%,rgba(245,245,245,0.28) 17%,rgba(245,245,245,0.77) 36%,rgba(245,245,245,0.91) 43%,rgba(245,245,245,0.99) 49%,rgba(245,245,245,1) 50%,rgba(245,245,245,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
} 

.team-member.dark .image .imageOverlayWrap {
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(240,240,240,0.01) 2%, rgba(149,149,149,0.09) 8%, rgba(42,42,42,0.24) 15%, rgba(44,44,44,0.28) 17%, rgba(59,59,59,0.77) 36%, rgba(63,63,63,0.91) 43%, rgba(66,66,66,0.99) 49%, rgba(66,66,66,1) 50%, rgba(66,66,66,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0.01)), color-stop(2%,rgba(240,240,240,0.01)), color-stop(8%,rgba(149,149,149,0.09)), color-stop(15%,rgba(42,42,42,0.24)), color-stop(17%,rgba(44,44,44,0.28)), color-stop(36%,rgba(59,59,59,0.77)), color-stop(43%,rgba(63,63,63,0.91)), color-stop(49%,rgba(66,66,66,0.99)), color-stop(50%,rgba(66,66,66,1)), color-stop(100%,rgba(66,66,66,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(240,240,240,0.01) 2%,rgba(149,149,149,0.09) 8%,rgba(42,42,42,0.24) 15%,rgba(44,44,44,0.28) 17%,rgba(59,59,59,0.77) 36%,rgba(63,63,63,0.91) 43%,rgba(66,66,66,0.99) 49%,rgba(66,66,66,1) 50%,rgba(66,66,66,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(240,240,240,0.01) 2%,rgba(149,149,149,0.09) 8%,rgba(42,42,42,0.24) 15%,rgba(44,44,44,0.28) 17%,rgba(59,59,59,0.77) 36%,rgba(63,63,63,0.91) 43%,rgba(66,66,66,0.99) 49%,rgba(66,66,66,1) 50%,rgba(66,66,66,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(240,240,240,0.01) 2%,rgba(149,149,149,0.09) 8%,rgba(42,42,42,0.24) 15%,rgba(44,44,44,0.28) 17%,rgba(59,59,59,0.77) 36%,rgba(63,63,63,0.91) 43%,rgba(66,66,66,0.99) 49%,rgba(66,66,66,1) 50%,rgba(66,66,66,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(240,240,240,0.01) 2%,rgba(149,149,149,0.09) 8%,rgba(42,42,42,0.24) 15%,rgba(44,44,44,0.28) 17%,rgba(59,59,59,0.77) 36%,rgba(63,63,63,0.91) 43%,rgba(66,66,66,0.99) 49%,rgba(66,66,66,1) 50%,rgba(66,66,66,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#424242',GradientType=0 ); /* IE6-9 */
}

.team-member:hover .image .imageOverlayWrap {
    bottom:0px;
}
                                                                       
/*-----------------------------------------------------------------------------------*/
/* team member icons 
/*-----------------------------------------------------------------------------------*/

.team-member .icons{
	list-style: none;
	padding:0;
	margin: 0 auto;
	display: table;
}

.team-member .icons:after{
	display: table;
	content:"";
	clear:both;
}

.team-member .icons li{
	float: left;
	padding-left:10px;
}

.team-member .icons li:first-child{
	padding-left:0;
}

.team-member .icons a{
	text-decoration: none;
	display: block;
	font-size: 16px;
	line-height: 1em;
	color:#fff;
}

.team-member.light .icons a {
    color:#424242;
}

.team-member .icons a:hover{
	color:#df3030;
}


/*-----------------------------------------------------------------------------------*/
/* Accordion and toggle  shortcode
/*-----------------------------------------------------------------------------------*/

.accordion,
.toggle {
    background-color: #f7f7f7;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}									
													
.accordion .tab,
.toggle .tab{
	border-bottom: 1px solid #e7e7e7;

    -webkit-transition: border .3s;
    -moz-transition: border .3s;
    -o-transition: border .3s;
    -ms-transition: border .3s;
    transition: border .3s;
}

.accordion .tab:last-child,
.toggle .tab:last-child{
	border-bottom: none;
}

.accordion .header,
.toggle .header{
	padding: 4px 0;
}

.accordion .tab-button,
.toggle .tab-button{
	width: 37px;
	height:31px;
	border-right:2px solid #e7e7e7;
	float:left;
	text-align: center;
	line-height: 31px;
	cursor: pointer;
	margin-right: 10px;

	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
}

.accordion .title,
.toggle .title{
	line-height: 30px;
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	margin:0;
    color:#101010;
    font-weight: 600;

	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-o-transition: color .3s;
	-ms-transition: color .3s;
	transition: color .3s;
}

.accordion .header:hover .title,
.toggle .header:hover .title,
.accordion .header:hover .tab-button,
.toggle .header:hover .tab-button{
	color:#101010;
}


.accordion .closed  .title,
.toggle .closed  .title{
    font-weight: 300;
    color:#969696;
}

.accordion .body,
.toggle .body{
	padding: 10px;
}

/*-----------------------------------------------------------------------------------*/
/* Tabs 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;
}


/*-----------------------------------------------------------------------------------*/
/* counter box
/*-----------------------------------------------------------------------------------*/

.counterBox {
    text-align:center;
}

.counterBox  .counterBoxNumber {
    font-size:123px;
	font-family: Roboto, sans-serif;
	font-weight:700;
    line-height: 125px;
    color:#101010;
    display: block;
    margin-bottom: 22px;
    letter-spacing: -10px;
}

.counterBoxDetails {
    font-family: Roboto, sans-serif;
    font-size:24px;
}

/*-----------------------------------------------------------------------------------*/
/* piechart
/*-----------------------------------------------------------------------------------*/

.easyPieChart {
    position: relative;
    text-align: center;

    height:145px;
    width:145px;
    line-height:145px;


    display:table;
    margin:0 auto;
}

.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0;
}

.pieChart span
{
    color:#101010;
}


.pieChart .perecent {
    font-family: Roboto , sans-serif;
	font-weight:400;
    font-size:30px;
}

.pieChartBox
{
    margin:5px 25px 25px 25px;
	display:block;
}

.pieChartBox p
{
    margin:0;
	font-weight:700;
	text-align:center;
	text-transform:capitalize;
}


.pieChartBox .title , .pieChartBox .subtitle {
    font-family: Roboto , sans-serif;
} 

.pieChartBox .title
{
	margin-top:20px;
	font-size:26px;
    color:#101010;
    font-weight:700;
}


.pieChartBox .subtitle
{
    margin-top:3px;
	font-size:15px;
	color:#949b9f;
    font-weight:300;
}


.iconPchart span{
    display:block;
    position:absolute;
}

.iconPchart .icon {
    font-size:30px;
    top: 40px;
    left: 59px;
}

.disablepercent .iconPchart .icon {
    font-size: 41px;
    top: 55px;
    left: 52px;
}

.iconPchart .perecent {
    line-height: 0;
    top: 95px;
    left: 50px;
   font-size:25px;
}

/***** Progress *****/

.progressbar{
	margin-bottom: 16px;
}

.progressbar .title{
	font-size: 13px;
	font-weight: 300;
	color:#666;
}

.progressbar .progress{
	height:16px;
	background-color: #f6f6f6;
	overflow: hidden;
}

.progressbar .progress-inner,
.progressbar .progress{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.progressbar .progress-inner{
	height:100%;
	background-color: #df3030;
}


/*-----------------------------------------------------------------------------------*/
/* 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: 30px;
}

.testimonial.skin-light.has-background{
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
}


.testimonial blockquote{
    padding: 14px 23px;
    background: none;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    color:#696969;
    text-align:center;
}

.testimonial .name {
    text-align:center;
    font-size: 30px;
    color: #565656;
    text-transform:capitalize;
    margin:0;
    font-family: Roboto, sans-serif;
    font-weight: 400;
}

.testimonial .talkerName {
    text-align:center;
    color: #565656;
    margin-bottom:37px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
}   
                        
.testimonial.skin-light .name ,.testimonial.skin-light blockquote , .testimonial.skin-light .talkerName {
    color:#FFF;
}

.testimonial hr,
.testimonial .name{
    margin-left: 23px;
}

.singlePost .testimonials  .flex-direction-nav {
    list-style:none;
}

.testimonials  .flex-direction-nav .flex-next {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
}

.testimonials  .flex-direction-nav .flex-next:hover {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center left;
}

.testimonials  .flex-direction-nav .flex-prev {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
}

.testimonials  .flex-direction-nav .flex-prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center right;
}


/* Element Query */

.testimonial[data-maxwidth="580"] .image {
    float: none;
    display: table;
    margin: 0 auto 30px;
}

.testimonial[data-maxwidth="580"].has-image .quote {
    float: none;
    width: auto;
    text-align: center;
}

.testimonial[data-maxwidth="580"] hr {
    width:40%;
    margin-left: auto;
    margin-right: auto;
}

.testimonial[data-maxwidth="580"] .name {
    margin-left: 0;
}

/* Testimonial group */

.testimonials{
    position: relative;
}

.testimonials .name{
    right:50px;
    margin:auto 0;
}

/* testimontional */

.testimonials.flexslider .flex-control-nav {
    cursor:pointer;
    z-index: 4;
}

.testimonialsDark .flex-control-paging li a {
    border: 1px solid #565656 !important;
}

.testimonialsDark .flex-control-paging li a.flex-active {
    background-color:#565656 !important;
}


.testimonialsLight .flex-control-paging li a {
    border: 1px solid #fff !important;
}

.testimonialsLight .flex-control-paging li a.flex-active {
    background-color:#fff !important;
}


.testimonialsLight .flex-control-paging li a , .testimonialsDark .flex-control-paging li a {
    background-color:transparent !important;
    box-shadow:none;
}
          
/*-----------------------------------------------------------------------------------*/
/*	X.	Blog listing/Archive
/*-----------------------------------------------------------------------------------*/

.singlePost {
	padding-top:100px;
	padding-bottom:50px;
}
                                                
.pageSpace{
	padding-top:70px;
	padding-bottom:50px;
}

.pageBottomSpace {
    padding-bottom:50px;
}

.pageTopSpace {
    padding-top:68px;
}
												
.singlePost .post{
	margin-bottom:50px;
}

.post-media
{
    margin-top:30px;
	margin-bottom: 55px;
}

.post-media.video-frame {
    margin-bottom: 90px;
}

.post-media img {
    width:100%;
}

.post-media .flexslider {
    border:none;
    box-shadow:none;
    margin:0;
}

.post-info {
    display:block;
    margin-top:-5px;
}

.post-info  a {
   color: #bdbdbd;
   text-decoration: none;
}

.post-meta .hr-extra-small.hr-margin-small {
    background-color:#df3030;
    height:5px;
}

.singlePost .flex-control-paging {
    visibility:hidden;
}

.post .post-title , .page-title 
{
	color:#101010;
    font-size: 32px;
    line-height: 35px;
    font-weight:700;
    letter-spacing:-2px;
}

.post-media .flex-direction-nav a {
    margin: 5px;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 4;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;

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

.post-media .flexslider:hover .flex-prev , .post-media .flexslider:hover .flex-next {
    opacity:1;
}

.post-media .flexslider .flex-prev:hover , .post-media .flexslider .flex-next:hover {
    opacity:0.7 !important;
}

.post-media .flex-direction-nav .flex-prev , .post-media .flex-direction-nav:hover .flex-prev {
    background: url(../img/flex-slider-arrows-right.png) no-repeat center #fff;
    right: 0px !important;
    left: auto !important;
    top:auto !important;
}

.post-media .flex-direction-nav .flex-next , .post-media .flex-direction-nav:hover .flex-next  {
    background: url(../img/flex-slider-arrows-left.png) no-repeat center #fff;
    right: 36px !important;
    left: auto !important;
    top:auto !important;
}

.post-media .flex-direction-nav .flex-prev, .post-media .flex-direction-nav .flex-next {
    border:none;
    border-radius:0;
}

/* blog detail Button */
.nav_box{
	margin-bottom:34px;
	padding:20px 0 19px;
    position:relative;
} 

.nav_box a {
	float:right;
	height:36px;
	display:block;
}

.next_btn , .previous_btn {
    border:1px solid #000;
    width:50px;
    height:50px;
    border-radius:5px;

    text-align:center;

    color:#555;
    font-size:12pt;
    line-height:18pt;
    text-transform:none;

    -moz-transition:border 500ms , background-color 500ms;
    -o-transition:border 500ms , background-color 500ms;
    -webkit-transition:border 500ms , background-color 500ms;
    transition:border 500ms , background-color 500ms;
}


.next_btn:hover , .previous_btn:hover { 
    border: 1px solid #101010;
    background-color: #101010;
}

.next_btn:before , .previous_btn:before {
    color: #141414;
    font-family: 'icomoon';
    font-size: 30px;
    display: inline-block;
    content: "\e73f";
    line-height:50px;
}

.next_btn:hover:before , .previous_btn:hover:before {
    color:#fff;
}

.previous_btn:before {
    content: "\e740";
}

.previous_btn {
    right:0;
    position:absolute;
	margin-right: 1px;
}

.next_btn {
    right:58px;
    position:absolute;
}
													
/*-----------------------------------------------------------------------------------*/
/*	X.	Blog Single
/*-----------------------------------------------------------------------------------*/
								
.comments-wrap
{
	margin-bottom:50px;
}

.commentWrap {
    border-top: 1px solid #cccccc;
}


.commentWrap .commentTitle {
    padding:30px 0;
}


.commentWrap .commentTitle h3 , .commentWrap .commentTitle .comment_count a {
    color:#101010;
    text-decoration:none;
}


/* List */
.comments-list{
	list-style: none;
	padding:0;
	margin:0;
	font-weight: 400;
	font-size: 12px;
}

.comments-list .comment
{
	padding:20px 10px;
	color:#9c9c9c;
	border: 1px solid #e2e2e2;
	margin-bottom:17px;
	
	position:relative;
}

.comments-list .comment-image
{
	float:left;
	margin:4px 14px 4px 4px;
	background-color: #FFF;
	border:1px solid #e5e5e5;
	min-height:64px;
}

.comments-list .comment-image img
{
	display:block;
}

.comments-list .comment-reply-link
{
	display: block;
	position:absolute;
	right: 10px;
	top: 20px;
	color:#7e7e7e;
	padding-right:5px;
	padding-left:26px;
	border:1px solid #dfdfdf;
	background:url(../img/comment-reply.png) no-repeat 9px center;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 25px;
	text-decoration: none;
}

.comments-list .comment-reply-link:hover
{
	background-color: #101010;
	background-image: url(../img/comment-reply-hover.png);
	color:#FFF;
}

.comments-list cite{
	font-style: normal;
}

.comments-list cite a{
	color: #565656;
	text-decoration: none;
}

.comments-list .comment-date
{
	font-size: 10px;
	color:#ababab;
	text-decoration: none;
}

.comments-list .comment-text {
	color:#ababab;
}

/* Comment reply style  */
.comments-list .line {
	display: none;
	width:14px;
	height:1px;
	background-color: #d6d6d6;
	position: absolute;
	left:-41px;
	top:40px;
}

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

.comments-list .children {
	margin:10px 0;
	padding:10px 0 10px 40px;
	border-left:1px solid #d6d6d6;
}

.comments-list .children .line {
	display: block;
}

/* 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;
}

/* 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;
}

.portfolio_social_share .social_links a , .post_social_share  .social_links a {
    color:#6F6B6B;
}

.portfolio_social_share .social_links a:hover , .post_social_share .social_links a:hover  {
    color:#ADACAC;
}

.portfolio_social_share .social_links_list li:first-child , .post_social_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  {
    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;
}

/*-----------------------------------------------------------------------------------*/
/*	X.	Respond form
/*-----------------------------------------------------------------------------------*/

.comments-list #respond
{
	margin: 20px 0;
}

#commentform .input-text
{
	float:left;
	width:31.7%;
	margin-left: 2%;
}

#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:12px;
	font-weight: 400;
	color:#9c9c9c;
}

#commentform .input-textarea,
#commentform p:first-child,
#commentform .form-fields
{
	margin-bottom:18px;
}

#commentform .input-textarea{
	width:100%;
}

#commentform .input-text input[type="text"]{
	padding:0 3%;
	width:94%
}

#commentform input[type="submit"]{
	background-color:transparent;
	border:1px solid #cacaca;
	color:#555;
	margin-bottom:60px;
	
	-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 input[type="submit"]:hover{
    border:1px solid #101010;
    color: #fff;
    background-color:#101010;
}
								
/* Prevent Menu Cover the Layout */
.singlePost, .pageSpace .layout , .woocommerce-page {
	margin-top:70px;
}

.woocommerce-page .cart .cart_item .quantity,.woocommerce div.product form.cart{position:relative;}

.page-template-main-page-php  .layout {
	margin-top:0px;
}

.menuSpace {
    display :block;
    height:70px;
}

.page-template-default .menuSpace {
    height:0px;
    padding-top:4px;
}

.particle {
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
 
	background-position:center;
}

/*-----------------------------------------------------------------------------------*/
/*	parallax And Video section / ttexture hover
/*-----------------------------------------------------------------------------------*/

.parallax {
    position: relative;
    width: 100%;
    max-height:1100px;
    overflow:hidden;
   
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;

    background-attachment: fixed !important;	
	background-repeat:no-repeat !important;
}

.parallax.noparallaxie {
    background-attachment: scroll !important;	
}

/* Parallax Content  */
.parallax .container {
    position:relative;
    z-index:1;
}

.parallax.noParallaxImage  {
    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%;
    min-height:100%;
}

/*-----------------------------------------------------------------------------------*/
/*	 Home Slider : Navigation
/*-----------------------------------------------------------------------------------*/

#slides.flexslider {
	border:none !important;
	position:relative;
    margin:0 !important;
}

#slides .slides-container , #slides .flex-viewport {
	width:100%;
	height:100%  !important;
    position:relative;
}

#slides.flexslider .header-slide {
	background-position: center center !important;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	background-size: cover !important;
	height: 100%;
	position: relative;
}

#slides .flex-control-nav.flex-control-paging {
    display:none;
}

#slides.fade .flex-direction-nav  {
    display:none !important;
}


.home-slides-navigation .flex-direction-nav a {
    position:absolute;
    top:45%;
    display:block;
    width:38px;
    height:38px;
    background-color:#fff !important;
    opacity:0.1;
    z-index:4;

    -moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	-webkit-transition:opacity 1s;
	transition:opacity 1s;

    -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.home-slides-navigation .flex-direction-nav a:hover {
    opacity:0.3;
}

.home-slides-navigation .flex-direction-nav .flex-prev , .home-slides-navigation .flex-direction-nav .flex-prev:hover {
    left:43px !important;
    right:auto !important;
}

.home-slides-navigation .flex-direction-nav .flex-next , .home-slides-navigation .flex-direction-nav .flex-next:hover {
    right:43px !important;
    left:auto !important;
}

.home-slides-navigation .flex-direction-nav a:before {
	color: #141414;
	font-family: 'icomoon';
	font-size: 20px;
	line-height: 39px;
	display: inline-block;
	content: "\e740";
	width: 38px;
	text-align:center;
}

.home-slides-navigation .flex-direction-nav .flex-prev:before {
    content: "\e73f";
}


/*-----------------------------------------------------------------------------------*/
/*	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.big {
    background-image: url("../img/placeholders/noImage.jpg");
}

.isotope-item.noimages.square {
    background-image: url("../img/placeholders/noImageSquare.jpg");
}

.isotope-item.noimages.slim  {
    background-image: url("../img/placeholders/noImageSlim.jpg");
}

.isotope-item.noimages.hslim {
    background-image: url("../img/placeholders/noImageHslim.jpg");
}

.postphoto img {
  display:block;
  max-width: 100% !important;
  height: auto !important;
  width:100%;
}

.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: 'oswald', 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;
    z-index:3;
    text-decoration:none;

    background-color:rgba(0, 0, 0, 0);

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

.postphoto .overlay:hover {
    background-color:rgba(0, 0, 0, 0.8);
    
   -moz-transition: background-color 250ms ease-in-out;
    -o-transition: background-color 250ms ease-in-out;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out;
}

.postphoto .overlay .gradient {
    position:absolute;
    bottom:0;
    z-index:3;
    height:203px;
    width:100%;
    opacity:0;

  	-moz-transition:  opacity 1000ms ;
	-o-transition:  opacity 1000ms ;
	-webkit-transition:  opacity 1000ms ;
	transition:  opacity 1000ms ;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 18%, rgba(0,0,0,0) 19%, rgba(0,0,0,0) 29%, rgba(0,0,0,0.04) 34%, rgba(0,0,0,0.22) 50%, rgba(0,0,0,0.72) 83%, rgba(0,0,0,0.93) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(18%,rgba(255,255,255,0)), color-stop(19%,rgba(0,0,0,0)), color-stop(29%,rgba(0,0,0,0)), color-stop(34%,rgba(0,0,0,0.04)), color-stop(50%,rgba(0,0,0,0.22)), color-stop(83%,rgba(0,0,0,0.72)), color-stop(100%,rgba(0,0,0,0.93))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.04) 34%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.72) 83%,rgba(0,0,0,0.93) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.04) 34%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.72) 83%,rgba(0,0,0,0.93) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.04) 34%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.72) 83%,rgba(0,0,0,0.93) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 18%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 29%,rgba(0,0,0,0.04) 34%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.72) 83%,rgba(0,0,0,0.93) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ed000000',GradientType=0 ); /* IE6-9 */
}

.postphoto:hover .portfolioFlexslider .overlay .gradient {
    opacity:.6 !important;
}

.postphoto:hover .overlay .gradient {
     opacity:.9;
	-moz-transition:  opacity 1000ms ;
	-o-transition:  opacity 1000ms ;
	-webkit-transition:  opacity 1000ms ;
	transition:  opacity 1000ms ;
}

a.postlink {
  display:block;
  width: 100%;
  height: 100%;
}

.isotope-item {
  float:left;
  margin:0;
}

.postphoto .pSlide {
    height: 100%;
    width: 100%;

     background-position:center;

    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);

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

.portfolioFlexslider , .portfolioFlexslider .slides  {
    height:100% !important;
    width:100%  !important;
}

.postphoto:hover .pSlide {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  
    -webkit-transition: transform  .2s linear;
    -moz-transition: transform  .2s linear;
    -o-transition: transform  .2s linear;
    transition: transform  .2s linear;
}

.postphoto .flexslider {
    border:none;
    margin:0;
    padding:0;
}

.postphoto .parent {
    position:relative;
    height:100%;
    width:100%;
}

.postphoto .overlay .center-line {
    height:5px; 
    background-color:#fff;
    width:0;
    top:50%;
    margin:0 auto;
    position:relative;
    opacity:0;

    -moz-transition:width 150ms ease-in-out, opacity 150ms ease-in-out;
    -o-transition:width 150ms ease-in-out, opacity 150ms ease-in-out;
    -webkit-transition:width 150ms ease-in-out, opacity 150ms ease-in-out;
    transition:width 150ms ease-in-out, opacity 150ms ease-in-out;
}

.postphoto .overlay:hover .center-line {
    width:60%;
    opacity:1;

    -moz-transition:width 250ms ease-in-out, opacity 250ms ease-in-out;
    -o-transition:width 250ms ease-in-out, opacity 250ms ease-in-out;
    -webkit-transition:width 250ms ease-in-out, opacity 250ms ease-in-out;
    transition:width 250ms ease-in-out, opacity 250ms ease-in-out;
}

.postphoto .overlay  .hover-title {
    position:absolute;
    margin:0 auto;
    bottom:45%;
    opacity:0;
    color:#fff;
    font-size:47px;
    line-height:50px;
    text-align:center;
    font-weight:700;
    letter-spacing:-3px;
    width:90%;
    padding:0 5%;

    -moz-transition:bottom 200ms ease-out, opacity 300ms ease-in;
    -o-transition:bottom 200ms ease-out, opacity 300ms ease-in;
    -webkit-transition:bottom 200ms ease-out, opacity 300ms ease-in;
    transition:bottom 200ms ease-out, opacity 300ms ease-in;
}

.postphoto .overlay:hover .hover-title {
    opacity:1;
    bottom:calc(50% + 18px);

    -moz-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    -o-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    -webkit-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    transition:bottom 250ms ease-out, opacity 500ms ease-in;
}

.square .postphoto .overlay  .hover-title {
    font-size:25px;
    letter-spacing:-1px;
}

.square .postphoto .overlay .hover-subtitle {
    font-size:13px;
    letter-spacing:4px;
}

.hslim .postphoto .overlay:hover .hover-subtitle {
    letter-spacing: 2px;
    line-height: 18px;
    top: calc(50% + 15px);
}

.postphoto .overlay  .hover-subtitle {
    position:absolute;
    margin:0 auto;
    bottom:48%;
    opacity:0;
    color:#fff;
    font-size:18px;
    line-height:50px;
    text-align:center;
    font-weight:300;
    letter-spacing:6px;
    width:100%;
}

.postphoto .overlay:hover .hover-subtitle {
    opacity:1;
    bottom: calc(50% - 50px);

    -moz-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    -o-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    -webkit-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    transition:bottom 250ms ease-out, opacity 500ms ease-in;
}

.square .postphoto .overlay:hover .hover-subtitle, .hslim .postphoto .overlay:hover .hover-subtitle {
    bottom: calc(50% - 30px);
}

.slim .postphoto .overlay:hover .hover-subtitle {
    top: calc(50% + 15px);
}

.square .postphoto .overlay:hover .hover-subtitle , .hslim .postphoto .overlay:hover .hover-subtitle , .slim .postphoto .overlay:hover .hover-subtitle   {
    line-height:18px;
    letter-spacing:2px;
}

.square .postphoto .overlay:hover .hover-title , .hslim .postphoto .overlay:hover .hover-title {
    bottom: calc(50% + 5px);
}

.postphoto .overlay .icon-type {
    font-size:35px;
    color:#fff;
    position:absolute;
    opacity:0;
    bottom:5%;
    display:block;
    height:45px;
    width:55px;
    left:calc(50% - 23px);

    background-size:contain;
    background-repeat:no-repeat;
}

.square .postphoto .overlay .icon-type {
    left:calc(50% - 12px);
    height:22px;
    width:27px;
}

.hslim .postphoto .overlay .icon-type {
    left:calc(50% - 27px);
}

.slim .postphoto .overlay .icon-type {
    left:calc(50% - 29px);
}

/*portfolio hover icons*/ 
.postphoto .overlay:hover .icon-type {
    bottom: calc(50% - 106px);
    opacity:1;

    -moz-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    -o-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    -webkit-transition:bottom 250ms ease-out, opacity 500ms ease-in;
    transition:bottom 250ms ease-out, opacity 500ms ease-in;
}

.format-standard .postphoto .overlay:hover .icon-type {
    background-image:url(../img/gallery-format/format_quote.png);
}

.format-gallery .postphoto .overlay:hover .icon-type {
    background-image:url(../img/gallery-format/format_gallery.png);
}

.format-video .postphoto .overlay:hover .icon-type {
    background-image:url(../img/gallery-format/format_video.png);
}

.format-audio .postphoto .overlay:hover .icon-type {
    background-image:url(../img/gallery-format/format_audio.png);
}

.format-link .postphoto .overlay:hover .icon-type {
    background-image:url(../img/gallery-format/format_link.png);
}

.square .postphoto .overlay:hover .icon-type  {
    bottom:17%;
}

.hslim .postphoto .overlay:hover .icon-type  {
    bottom:10%;
}

.project-skill a:hover {
    text-decoration:none;
}

/* portfolio filter styles */

.portfolio-header {
    position:relative;
}

.subnavigation
{
  font-size:13px;
  position:absolute;
  top:-63px;
  right:0;
  display:table;
  margin:0 auto 15px;
}

.portfolioShortcode .subnavigation {
    top:-90px;
}

.hassubtitle .subnavigation {
    top:-83px;
}

.subnavigation li
{
  
    display:block;
    height:34px;
    line-height:33px;
	float:left;
	margin:0px 4px 18px;
    font-size:12px;
    text-transform:uppercase;
	cursor: pointer;
	font-weight:700;

}

.subnavigation a
{   
    position:relative;
    text-decoration:none;
    color:#000;
    display:block;
    padding:0 21px;
    text-transform:capitalize;
    font-size:15px;
    line-height:40px;

    font-family: Roboto, sans-serif;
	font-weight:400;

    -moz-transition:opacity 400ms;
    -o-transition:opacity 400ms;
    -webkit-transition:opacity 400ms;
    transition:opacity 400ms;

}

.subnavigation a:focus 
{ 
    -moz-outline: 0;
     outline:0; 
}

.subnavigation a.active
{
    color:#101010;
    display:block;

    -moz-transition:opacity 400ms , color 400ms;
    -o-transition:opacity 400ms , color 400ms;
    -webkit-transition:opacity 400ms , color 400ms;
    transition:opacity 400ms , color 400ms;
}

.subnavigation li:hover a
{
     color:#101010;
     opacity:.6;

    -moz-transition:opacity 400ms;
    -o-transition:opacity 400ms;
    -webkit-transition:opacity 400ms;
    transition:opacity 400ms;
}


.subnavigation .filterlinebottom , .subnavigation .filterlinetop {
    /*display: block;*/
    height: 9px;
    width: 2px;
    background-color: #df3030;
    position: absolute;
    left: 50%;
    display:none;
}

.subnavigation .filterlinetop {
    top: 0;
}

.subnavigation .filterlinebottom {
    bottom: 0;
}

.subnavigation li:first-child .filterlinebottom , .subnavigation li:first-child .filterlinetop  {
    display:block;
    opacity:1;
}

/* Portfolio Detial*/ 

#ajaxPDetail .pDHeader {
    padding-bottom:18px;
    margin-bottom:15px;
}

#ajaxPDetail .pDHeader .title {

    font-family: Roboto, sans-serif;	
	font-weight:700;
    font-size:32px;
    color:#000;
    letter-spacing:-2px;
  
    border-left:8px solid #2c2c2c;
    padding-left:16px;
    line-height:31px;
    float:left;

}

#portfolioDetailAjax .pDENav {
    display:none;
	
}

.pDENav a {
    float:left;
}

.pDENav a[rel~="prev"]  {
  padding:15px 9px 7px 5px;
}

.pDENav a[rel~="next"]  {
    padding:15px 9px 7px 5px;
}

.pDENav a:hover:before {
   color:#fff !important;
}

.pDENav .navigation a[rel~="next"]:before {
	content: "\e81f";
}

.pDWrap .navigation.nextppost {
    margin-left:4px;
}

.pDWrap .navigation.leftppost {
    margin-right:4px;
}

.pDENav .pDNavigation {
    position:relative;
    top:50px;
}


.pDWrap .navCloseWrap {
 
    position:absolute;
    top:150px;
    right:0;

}

.pDWrap .navigation {
    float:right;
}

.pDWrap .navigation li {
    float:right;
    height:48px;
    width:48px;
    overflow:hidden;

    border:1px solid #141414;
    border-radius:5px;

    -moz-transition:  background-color 500ms ;
    -o-transition:  background-color 500ms ;
    -webkit-transition:  background-color 500ms ;
    transition:  background-color 500ms ;
}

.pDWrap .navigation li a {
   line-height:51px;
   text-align:center;
}

.pDWrap .navigation a {
   display:block;
}

.pDWrap .navigation li:hover ,.pDWrap .navigation a:hover {
   background-color:#141414;

    -moz-transition:  background-color 500ms ;
    -o-transition:  background-color 500ms ;
    -webkit-transition:  background-color 500ms ;
    transition:  background-color 500ms ;
}

.pDWrap .navigation li:hover a:before {
    color:#fff;
}

.pDWrap .navigation a:before {
    color:#141414;
	font-family: 'icomoon';
	font-size: 17px;
	display: inline-block;
    content: "\e73f";
}

.pDWrap .navigation .next a:before {
    content: "\e740";
}

.pDWrap .close {

    float: right;
    height: 48px;
    width: 48px;
    border: 1px solid #141414;
    border-radius:4px;

}

.pDWrap .close a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 18px;
    color: #000;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
}

.pDWrap .close a:hover {
    background-color:#141414;
    color:#fff;
}

#ajaxPDetail .flexslider {
    border:none;
    box-shadow:none;
    margin:0;
}

#ajaxPDetail  .postMedia  .flex-direction-nav {
    position: absolute;
    bottom: 0;
    left: 60px;
    height: 48px;
    width: 51px;
    background-color:#fff;
}

#ajaxPDetail  .postMedia .slider-nav-controls-container  .flex-prev {

    border-left:1px solid #141414;

}

#ajaxPDetail  .postMedia .slider-nav-controls-container{
    position:absolute;
    bottom:8px;
    left:9px;
    z-index:4;
}

#ajaxPDetail  .postMedia .slider-nav-controls-container .slider-status {
    background-color:#fff;
    color:#141414;
    font-family: Roboto, sans-serif;	
	font-weight:400;
    font-size:31px;
    line-height:48px;
    text-align:center;
    height:48px;
    width:60px;
    position: relative;
}

#ajaxPDetail .postMedia .flex-direction-nav li {

    height: 46px;
    width: 24px;
    display: block;
    background-color: #fff;
    float:right;
    margin:1px 1px 1px 0;
   
    -moz-transition:  background-color 500ms ;
    -o-transition:  background-color 500ms ;
    -webkit-transition:  background-color 500ms ;
    transition:  background-color 500ms ;
}

#ajaxPDetail .postMedia .flex-direction-nav li:first-child {
    float:left;
    margin:1px 0 1px 1px;
}

#ajaxPDetail .postMedia .flex-direction-nav li:hover {
    background-color: #141414;

    -moz-transition:  background-color 500ms ;
    -o-transition:  background-color 500ms ;
    -webkit-transition:  background-color 500ms ;
    transition:  background-color 500ms ;
}

#ajaxPDetail .postMedia .flex-direction-nav li:hover a:before {
    color:#fff;
}

#ajaxPDetail .postMedia .flex-direction-nav a {

   text-indent:0;
   margin:9px 0;
   height:31px;
   width:25px;
   border-radius:0;
   border:none;
   top:0;
}

#ajaxPDetail .postMedia .flex-direction-nav  a:before {
    color:#141414;
	font-family: 'icomoon';
	font-size: 16px;
	display: inline-block;
    content: "\e740";
    line-height:35px;
    padding-left:4px;
}

#ajaxPDetail .postMedia .flex-direction-nav  .flex-prev:before {
    content: "\e73f";
}

#ajaxPDetail .postMedia .flex-direction-nav  .flex-next {
     background:none;
     padding:1px 0;
     right:0;
     margin:8px 0;
     left:auto !important;
}

#ajaxPDetail .postMedia .flex-direction-nav .flex-prev {
    background:none;
    padding:1px 0;
    right:26px;
    margin:8px 0;
    left:0 !important;
}

.portfolioSection #ajaxPDetail {
    padding:150px 0;
}


.portfolioSection #loader {
	width: 100%;
	height: 20px;
	display: none;
	position: relative;
	top: 300px;
    background: url(../img/light_loader.gif) center center no-repeat;
}

#pDError {
    display:none;
}

.pDWrap {
    position:relative;
}

.navCloseWrap {
    opacity:0;
}

#portfolioDetailAjax .postMedia {
    padding-bottom:30px;
}

#portfolioDetailAjax {
    height:0px;
    opacity:0;
}

/* portfolio load more Btn */

.pLoadMore .loadMore {
    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;
}


.pLoadMore .loadMore:hover {
    color:#df3030;

    -moz-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    -webkit-transition: color 250ms ease;
    transition: color 250ms ease;
}
    
/* 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-family:Roboto,sans-serif;
    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 a {
    color: #000000;
    display: block;
    font-family:Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    padding: 6px 0 0 6px;
    text-decoration: none;
    text-transform: uppercase;
}

ul.portfolio-filter li ul li a:hover {
    background-color: #000000;
    color: #FFFFFF;
}

/* portfolio filter */
.project-detail {

}

.project-detail li:first-child{
    border-top: 2px solid #ECEBEB;
}

.project-detail li:last-child .project-subtitle a {
    color:#515151;
    text-decoration:none;
}

.project-detail li.project {
    border-bottom:2px solid #ECEBEB;

    font-family:Roboto,sans-serif;
    font-size:14px;
    line-height:54px;
    min-height:54px;
    display:block;
    color:#515151;
    padding-right:5px;
}

.project-detail li.project.portfolioSocailShare {
    line-height:65px;
    border-bottom:none
}

.project-detail li.project .project-title {
    font-weight:500;
    float:left;
    text-transform:capitalize;
    margin-right: 5px;

}

.project-detail li.project .project-subtitle {
    float:left; 
}

.project-detail .project-skill {
    text-decoration:none;
}

.project-detail li.project.project_title {
    color:#000 !important;
    letter-spacing:-1px;
    font-weight:700;
    border-top:none!important;
    font-size:22px;
}

/*-----------------------------------------------------------------------------------*/
/* 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:#df3030 !important;
}

.sticky .blogAccordion .rightBorder {
    border-right: 2px solid #df3030 !important;
}

/* page External Space */
.exPageTitleSpace {
	padding-bottom:25px;
	padding-top:21px;
	min-height:30px;
}

/* custom section bottom space */
.customSection .customContent {
	/*padding-bottom:50px;*/
}

.menuSpaceWp {
    top:32px !important;
    position:relative;
}

.menuSpaceWpNoti {
    top:81px !important;
    position:relative;
}

.menuSpaceNoti {
    top:49px !important;
    position:relative;
}

.notificationSpaceWp {
    top:32px !important;
    position:relative;
}

/*-----------------------------------------------------------------------------------*/
/*	Search Page
/*-----------------------------------------------------------------------------------*/

.search-item{
    padding:22px;
    margin-bottom: 7px;
    color:#9c9c9c;
    border:1px solid #e6e6e6;

    position:relative;
}

.search-item .count{
    float:left;
    font-size: 40px;
    color: #df3030;
    padding: 5px 17px 5px 0;
    border-right: 1px solid #7e7e7e;
    margin-top:7px;
}

.search-item .content{
    float:left;
    margin-left: 22px;
}

.search-item .title{
    margin:0;
}

.search-item .title a{
    font-size: 24px;
    color: #7e7e7e;
    text-decoration: none;
}

/*-----------------------------------------------------------------------------------*/
/*  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:first-child,
.post-pagination a:first-child{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.post-pagination span:last-child,
.post-pagination a:last-child{
    border-right:1px solid #d9d9d9;

    -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;
}

.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;
}


/*-----------------------------------------------------------------------------------*/
/*  preloader
/*-----------------------------------------------------------------------------------*/

#preloader {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #df3030;
  z-index: 99999;
}

#preloader.preloader_animation {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    -moz-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    -o-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}


@-webkit-keyframes animLoadedHeader {
	to { 
        -webkit-transform: translate3d(0,-100%,0);
	}
}

@keyframes animLoadedHeader {
	to { 
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0); 
	}
}

@-ms-keyframes animLoadedHeader {
	to { 
         -ms-transform: translate3d(0,-100%,0);
	}
}

#circle {
    position: absolute;
    top:-10px;
    left:-10px;
    margin: 0 auto;
    width: 220px;
    height: 220px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
}

#circle:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    height: 100%;
    width: 100%;
    border-top: 3px solid #fff;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}


.preloader-image {
  position: relative;
  margin: 0 auto;
  top: calc( 50% - 100px);
  width: 200px;
  height: 200px;
  background: none center center no-repeat transparent;
  background-size: cover;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
      -ms-border-radius: 50%;
       -o-border-radius: 50%;
          border-radius: 50%;
}


/* Top button */
#scrollToTop {
    position: fixed;
    z-index: 99999;
    bottom: 20px;
    right: 20px;
    display: none;
    opacity:0;
}

#scrollToTop a {
    display: block;
    width:50px;
    height:50px;

    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    border:1px solid #000;

    background-color:rgba(255,255,255,0.1);
    background-image: url(../img/topbutton.png) ; 
    text-decoration: none;

	-webkit-transition:background-color 0.2s linear, background-position 0.2s linear;
	-moz-transition:background-color 0.2s linear, background-position 0.2s linear;
	-o-transition:background-color 0.2s linear, background-position 0.2s linear;
	transition:background-color 0.2s linear, background-position 0.2s linear;
}

#scrollToTop a:hover {
    background-color:#000;
    background-position:bottom;
}

#scrollToTop .icon {
    height: 40px;
    width: 40px;
    display: block;
    text-align: center;
}

#scrollToTop .icon:before {
    color:#fff;
    line-height: 36px;
    content: "\e613";
    font-size: 30px;
    font-family: 'icomoon';
}

/* classic blog */
.cblog .post-meta
{
    float:left;
    width:25%;
    padding-right: 3%;
    padding-top:30px;
}

.cblog .post-meta hr{
    margin: 8px 0;
    width:100%;
    background-color:#000;
    height:3px;
}

.cblog .sticky .post-meta hr{
    background-color:red;
}

.cblog .post-meta .tagcloud{
    margin-top:50px;
}

.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 {
    float:left;
    width:70%;
    position:relative;
}

.cblog .post-media {
    margin-bottom: 20px;
    color:#000;
}

.cblog .post {
    margin-bottom:50px;
}

.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: 75%;
    margin-top: 1px;
}

.cblog .comments-link{
    display: inline-block;
    width:37px;
    height:44px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background:#000 url(../img/comments-count.png) no-repeat;
    background-size: 37px 44px;
    text-decoration:none;
}

.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: block;
    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;
}

.cblog .pageNavigation .readmore {
    margin:0 0 20px 0;
}

/* 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;
}

/*-----------------------------------------------------------------------------------*/
/*  Notification
/*-----------------------------------------------------------------------------------*/

#notification  {
    display:none;
    width:100%;
    height:33px;
    background-color:#eb473b;
    color:#fff;
    position:fixed;
    top:0;
    z-index:7;
    padding:8px 0;
    overflow:hidden;
}

.page-template-main-page-php  #notification {
    display:block;
}
 

#notification .notificationMessage {
    max-width: 75%;
    overflow: hidden;
    float:left;
}

.notificationText , .notificationTitle , .notificationIcon {
    float:left;
} 

.notificationMessage .notificationIcon {
    line-height: 36px;
    font-size: 28px;
    color:#fff;
    padding-right:14px;
    padding-left:2px;
    opacity:.5;
}

.notificationTitle {
    line-height: 36px;
    font-size:14px;
    font-weight:700;
    padding-right:14px;
}

.notificationText {
    line-height: 36px;
    font-size:14px;
}

#notification .notificationBtns {
    float:right;
    max-width: 25%;
    overflow: hidden;
}

#notification .closebtn {
    width: 31px;
    height: 31px;
    border: 1px solid #fff;
    float: right;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin-right: 22px;
    line-height: 31px;
    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 .readmorebtn {
    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;
}

.background_cover {
    background-size:cover;
    background-position: center;
}


/* testimonial */
.flexslider.testimonials{
    box-shadow:none !important;
    border:none !important;
    background-color:transparent;
}

.flex-direction-nav .flex-prev , .flex-direction-nav .flex-prev:hover {
    opacity:1;
    left:-41px !important;
    background:transparent url(../img/flex-slider-arrows-left.png) no-repeat center;
}

.flex-direction-nav .flex-next , .flex-direction-nav .flex-next:hover{
    opacity:1;
    left:10px !important;
    background:transparent url(../img/flex-slider-arrows-right.png) no-repeat center;
}

.flexslider.testimonials.hidden-desktop .flex-direction-nav {
    bottom:-30px;
}

.flexslider.testimonials.visible-desktop .flex-direction-nav{

}

.flexslider.testimonials .flex-direction-nav {
    position:absolute;
    bottom:80px;
    left:270px;
}

.vc_span3 .flexslider.testimonials .flex-direction-nav , .vc_span4 .flexslider.testimonials .flex-direction-nav  {
    bottom:0px;
}

.vc_span6 .flexslider.testimonials .flex-direction-nav {
    bottom:5px;
}

.vc_span8  .flexslider.testimonials .flex-direction-nav , .vc_span7  .flexslider.testimonials .flex-direction-nav{
    bottom:50px;
}

.flex-direction-nav .flex-prev , .flex-direction-nav .flex-next {
    height:44px;
    width:44px;
    border:1px #9b9b9b solid;
    border-radius:5px;
    z-index:2;
}


.quote .name.smallsize {
    display:none;
}

.quote .name.bigsize {
    display:block;
}

/* vc_span3  */
.vc_span4 .flexslider.testimonials .clipPath {
    -webkit-mask-image:url(../img/testimonial_small.png) !important;
    -o-mask-image: url(../img/testimonial_small.png) !important;
    -moz-mask-image:url(../img/testimonial_small.png) !important;
    mask-image: url(../img/testimonial_small.png) !important;

    height:116px !important;
    width:116px !important;
}

.vc_span4 .flexslider.testimonials .quote .head {
    margin:0 auto;
    float:none !important;
    width:116px !important;
}

.vc_span4  .quote blockquote {
    text-align:center;
    margin-left:0;
    padding:0;
}

.vc_span4 .quote .head .name {
    max-width:116px;
    margin:0;
}

.vc_span4 .flex-direction-nav {
    left:50% !important;
}

.vc_span4 .quote .name.smallsize {
     display:block;
     margin:15px auto 20px auto;
}

.vc_span4 .quote .name.bigsize {
    display:none;
}

.flex-direction-nav a {
    text-align: center !important;
    text-indent: -9999px; 
}

.flexslider.testimonials .clipPath {
    background-position:center;
    background-size:cover;
}

.flexslider.testimonials.hidden-desktop .clipPath {
    -webkit-mask-image:url(../img/svg/testimonial_small.png);
    -o-mask-image: url(../img/svg/testimonial_small.png);
    -moz-mask-image:url(../img/svg/testimonial_small.png);

    height:116px;
}

.flexslider.testimonials.visible-desktop .clipPath {
    -webkit-mask-image:url(../img/svg/testimonial.png);
    -o-mask-image: url(../img/svg/testimonial.png);
    -moz-mask-image:url(../img/svg/testimonial.png);

    clip-path: url(#clipping);
    height:165px;
}

.flexslider.testimonials .quote .head {
    width:165px;
    margin-right:65px;
}

.flexslider.testimonials.hidden-desktop .quote .head {
    width:116px;
    margin: 0 auto;
}

.flexslider.testimonials.hidden-desktop blockquote {
    margin: 0 auto;
    text-align: center;
    padding-top:20px;
}

.flexslider.testimonials.visible-desktop .quote .head {
    float:left;
}

.quote .name  {
     margin-top:25px;
    text-align:center;
    font-size:18px;
    font-family:roboto,sans-serif;
    font-weight: 700;
    text-transform:uppercase;
}
.flexslider.testimonials.visible-desktop .quote .name {
     max-width:165px;
}

.flexslider.testimonials.hidden-desktop .quote .name {
    margin-left:0;
}

.flexslider.testimonials.visible-desktop  .quote .head .headimg {
    display:block;
    width:165px;
    height:165px;
}

.flexslider.testimonials.hidden-desktop  .quote .head .headimg {
    display:block;
    width:116px;
    height:116px;
}

.quote blockquote {
    text-align:left;
    margin-left:60px;
    padding-top:35px;
    color:#808080;
    font-family:roboto, sans-serif;
    font-weight:400;
    height:90px;
    overflow-y:hidden;
    padding-left:0px;
}


/* Horizontal progress bar */

.progress_bar {
    margin-bottom:10px;
    height:32px;
    width:100%;
    border-radius:5px;
    position:relative;
    background-color:#ea3333;
}

.progress_bar  .progress_title {
    position:absolute;
    top:0;
    left:10px;
    font-size:13px;
    line-height:32px;
    color:#fff;
    font-family:Roboto,sans-serif;
    font-weight:400;
    z-index:1;
}

.progress_bar .progressbar_percent {

    position:absolute;
    height:32px;
    border-radius:3px;
    left:0px;
    width:0;
}

/* Map */
.wpb_gmaps_widget .wpb_wrapper {
    background-color:transparent !important;
    padding:0 !important;
}

.wpb_heading {
    border-left:8px solid #df3030;
    padding-left: 17px;
    line-height: 43px;
    font-size: 45px;
    margin-bottom: 35px;
    font-weight: 700;
    letter-spacing: -0.05em;
    color:#202020;
}

/* Title seperator */
.vc_separator .vc_sep_holder {
  display: table-cell;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.vc_separator .vc_sep_holder .vc_sep_line {
  height: 1px;
  border-top: 1px solid #ebebeb;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}

.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:-1px;
    font-weight:700;
}

.vc_separator.disable .title {
    padding:0;
}

.vc_separator.separator_align_left .title {
    border-left:8px solid #df3030;
}

.vc_separator.separator_align_right .title {
    border-right:8px solid #df3030;
}

.vc_separator.separator_align_left.disable .title {
    border-left:none;
}

.vc_separator.separator_align_right.disable .title {
    border-right:none;
}

/* icon box */
.iconbox.rectangle .icon span.glyph {
    height: 75px;
    width: 75px;
    display: block;
    margin: 0 auto;
    border: 2px solid #df3030;
    background-color: #df3030;
    border-radius: 5px;
    line-height: 75px;
}

.iconbox.circle .icon span.glyph {
    height: 134px;
    width: 134px;
    display: block;
    margin: 0 auto;
    border: 2px solid #df3030;
    background-color: #df3030;
    border-radius: 50%;
    line-height: 134px;
}

.iconbox.transparentbackground .icon span.glyph {
    background-color: transparent !important;
}

.iconbox.iconbox-left .icon span.glyph {
     background-color: transparent !important;
     border:transparent !important;
}

.vc_col-sm-6 .iconbox.iconbox-left .icon , .vc_col-sm-8 .iconbox.iconbox-left .icon , .vc_col-sm-9 .iconbox.iconbox-left .icon  {
    width:19%;
    text-align:center;
}

.vc_col-sm-12 .iconbox.iconbox-left .icon  {
    width:10%;
}

.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 , .vc_col-sm-8 .iconbox.iconbox-left .content-wrap , .vc_col-sm-9 .iconbox.iconbox-left .content-wrap {
    width:81%;
}

.vc_col-sm-12 .iconbox.iconbox-left .content-wrap  {
    width:90%;
}

/* team member */
.team-member .icons a span {
    font-size:18px!important;
}

/* tab */
.wpb_content_element .wpb_tabs_nav li a {
    border-top:3px solid #f0f0f0;

    -moz-transition: border 300ms ;
    -o-transition: border 300ms ;
    -webkit-transition: border 300ms ;
    transition: border 300ms ;
}

.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    border-top:3px solid #df3030;
}


.wpb_content_element .wpb_tabs_nav li a:hover {
    border-top:3px solid #f7f7f7;
}

.wpb_content_element .wpb_tabs_nav li {
    height:36px;
}

.wpb_tabs .wpb_tabs_nav li , .wpb_content_element .wpb_tabs_nav li a  {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.wpb_tab.ui-tabs-panel {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



/* tour tabs */
.wpb_tour_tabs_wrapper {
    border:none;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li , .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a {
    border-bottom-left-radius:5px;
    border-top-left-radius:5px;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
    border-left:3px solid #f0f0f0;
    border-top:none;
}

.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a {
    border-left:3px solid #df3030;
    border-top:none;
}

.wpb_tour_next_prev_nav a {
    display:none;
}

/* toggle  */ 
.wpb_toggle {
    position:relative;
    background-color:#f7f7f7 !important;
    background-image:none !important;
    margin:0;
    padding-left:0 !important;
}

.wpb_toggle .border-bottom {
    padding:5px 0;
    margin-bottom:1px;
    border-bottom: 1px solid #dbdbdb;
}

.wpb_toggle_content {
    margin:0 !important;
    background-color:#f7f7f7;
    padding:10px !important;
}

.wpb_toggle .icon {
    width: 38px;
    height: 31px;
    position: absolute;
    left: 0;
    border-right: 2px solid #dbdbdb;
}

.wpb_toggle .icon.icon-plus {
    display:none;
}

.wpb_toggle.wpb_toggle_title_active .icon.icon-plus {
    display:block;
}

.wpb_toggle.wpb_toggle_title_active .icon.icon-plus:before {
    width: 38px;
    height: 31px;
    font-size:15px;
    color:#2e2e2e;
    display:block;
    text-align:center;
    line-height:31px;
}

.wpb_toggle .icon.icon-minus:before {
    width: 38px;
    height: 31px;
    font-size:15px;
    color:#2e2e2e;
    display:block;
    text-align:center;
    line-height:31px;
}

.wpb_toggle .title {
    padding-left:51px;
    font-size: 14px;
    color: #2e2e2e;
}


/* Image Gallery */
.wpb_gallery_slides.wpb_flexslider .flex-direction-nav {
   position:absolute;
   right:70px;
   bottom:35px;
}

.wpb_gallery_slides.wpb_flexslider .flex-direction-nav a {
    border-radius:0;
    border:none;
}

.wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-prev, .wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-next {
    background-color:#fff;
    opacity:1;
}

.wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-prev:hover, .wpb_gallery_slides.wpb_flexslider .flex-direction-nav .flex-next:hover {
    background-color:rgba(255,255,255,.8);
}

/* text box */
.textLeftBorder .title {
    border-left:solid #df3030 8px;
    padding-left:16px;
}

.textLeftBorder.fontSize20 .title , .textLeftBorder.fontSize25 .title {
    border-left:6px solid #df3030;
}

.textLeftBorder.fontSize123 .title {
    border-left:15px solid #df3030;
}

.textLeftBorder  .title hr {
    height:0;
    margin:15px 0;
}

.textLeftBorder.fontSize123 .title hr {
    height:0;
    margin:30px 0;
} 

.textBox.textLeftBorder.fontSize20 .title {
    font-size:20px;
    line-height: 20px;
}

.textBox.textLeftBorder.fontSize25 .title{
    font-size:25px;
    line-height: 25px;
}

.textBox.textLeftBorder.fontSize32 .title {
    font-size:32px;
    line-height: 31px;
}

.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;
}

/* gallery */
.wpb_gallery_slides.flexslider {
    box-shadow:none !important;
}

.wpb_gallery_slides.flexslider .flex-control-nav.flex-control-paging {
    display:none;
}

/* Image box hover */
.imageBox .image {
    position:relative;
    overflow:hidden;
}

.imageBox .hover-bg {
    display: block;
    background-color: #df3030;
    width: 200%;
    height: 100%;
    position: absolute;

    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);

    top: 0;
    z-index: 4;
    overflow: hidden;
    text-align:center;
   
    opacity:0.5;
}

.imageBox .hover-text {
    color: #fff;
    opacity: 1;
    
    /*left: 55%;*/
    text-align:center;

    -webkit-transform: skew(30deg) translateX(-39px);
    -moz-transform: skew(30deg) translateX(-39px);
    -ms-transform: skew(30deg) translateX(-39px);
    -o-transform: skew(30deg) translateX(-39px);
    transform: skew(30deg) translateX(-39px);
}

.imageBox .hover-bg.reset {
    left: -250%;

    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.imageBox .hover-bg.enter {
    left: -50%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.imageBox .hover-bg.leave {
    left: 160%;

    -webkit-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: left 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.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;
}


/* carousel */
.image_carousel .slides {
    opacity: 0;
    cursor: url(../img/cursor/carousel.png),auto;
}

.image_carousel .slides>li {
    background-color: transparent;
    position: relative;
    float: left;
    margin: 0 2px 0 0;
}

.image_carousel .slides img {
	width: 100%;
	display: block;
}

.image_carousel .slides .item img {
	-moz-transition:opacity 500ms ease 0s;
	-o-transition:opacity 500ms ease 0s;
	-webkit-transition:opacity 500ms ease 0s;
	transition:opacity 500ms ease 0s;
}

.image_carousel .slides .item:hover img {
    opacity:.5;

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

.image_carousel {
    position:relative;
}

.vc_col-sm-12 .image_carousel .prev, .vc_col-sm-12 .image_carousel .next  {
   display:block !important;
}

.image_carousel .prev, .image_carousel .next {
    position: absolute;
    top: calc(50% - 24px);
    height: 45px;
    width: 45px;
    display: block;
    border: 1px #9b9b9b solid;
    line-height: 45px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-indent: 99999px;
    float: left;
    margin: 10px 5px 10px 0;
}

.image_carousel .next {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
    right:-62px;
}

.image_carousel .next:hover {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center left;
}

.image_carousel .prev {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
    left:-62px;
}

.image_carousel .prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center right;
}

.image_carousel a {
    -moz-transition:background 500ms ease ;
    -o-transition:background 500ms ease ;
    -webkit-transition:background 500ms ease ;
    transition:background 500ms ease ;
}

.image_carousel a:hover {
    background-color:rgba(0,0,0,0.40);
}

/* pixflow Image Slider */
.pixflow_image_slider {
    height:480px;
    overflow:hidden;
} 

.pixflow_image_slider li{
     height:480px;

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

.pixflow_image_slider .flex-direction-nav .flex-prev, .pixflow_image_slider .flex-direction-nav .flex-prev:hover {
    left:auto !important;
    right:-175px!important;
    top:330px;
}

.vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-prev, .vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-prev:hover {
    right:-102px!important;
}

.pixflow_image_slider.right .flex-direction-nav .flex-prev, .pixflow_image_slider.right .flex-direction-nav .flex-prev:hover {
    right:auto !important;
    left:-590px!important;
    top:330px;
}

.vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-prev, .vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-prev:hover {
   left: -419px!important;
}

.pixflow_image_slider .flex-direction-nav .flex-next, .pixflow_image_slider .flex-direction-nav .flex-next:hover {
    left:auto !important;
    right:-225px!important;
    top:330px;
}

.vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-next, .vc_col-sm-6 .pixflow_image_slider .flex-direction-nav .flex-next:hover {
    right:-152px!important;
}

.pixflow_image_slider.right .flex-direction-nav .flex-next, .pixflow_image_slider.right .flex-direction-nav .flex-next:hover {
    right: auto !important;
    left: -540px!important;
    top: 330px;
}

.vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-next,.vc_col-sm-6 .pixflow_image_slider.right .flex-direction-nav .flex-next:hover {
    left: -368px!important;
}

.pixflow_image_slider .flex-direction-nav .flex-next {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center right;
}

.pixflow_image_slider .flex-direction-nav .flex-next:hover {
    background: transparent url(../img/flex-slider-arrows-right-black.png) no-repeat center left;
}

.pixflow_image_slider .flex-direction-nav .flex-prev {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center left;
}

.pixflow_image_slider .flex-direction-nav .flex-prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-black.png) no-repeat center right;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-next {
    background: transparent url(../img/flex-slider-arrows-right-white.png) no-repeat center right;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-next:hover {
    background: transparent url(../img/flex-slider-arrows-right-white.png) no-repeat center left;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-prev {
    background: transparent url(../img/flex-slider-arrows-left-white.png) no-repeat center left;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-prev:hover {
    background: transparent url(../img/flex-slider-arrows-left-white.png) no-repeat center right;
}

.slider_block , .content_block {
    float:left;
    position:relative;
}

.slider_block {
    width: 50%;
    height:100%;
}

.content_block {
    width: 50%;
    height:100%;
    background-color: #cfcfcf;
}

.pixflow_image_slider .flexslider {
    border:none;
    position:static;
}

.pixflow_image_slider .pixflow_image_slider_content_wrap {

    margin-top:130px;
    margin-bottom:130px;
    width:450px;
    position:relative;
    height:220px;

}

.pixflow_image_slider.right .pixflow_image_slider_content_wrap {
    margin-right:135px;
    float:right;
}

.pixflow_image_slider.left .pixflow_image_slider_content_wrap {
    float:left;
    margin-left:135px;
}

.vc_col-sm-6 .pixflow_image_slider.left .pixflow_image_slider_content_wrap {
    margin-left:50px;
    max-width:370px;
}

.vc_col-sm-6 .pixflow_image_slider.right .pixflow_image_slider_content_wrap {
    margin-right:50px;
    max-width:370px;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_title {
    position:absolute;
    bottom:170px;
    width:450px;
    font-size:48px;
    line-height:50px;
    border-left:8px solid #df3030;
    font-weight:700;
    letter-spacing:-1px;
    padding-left:19px;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_title a {
    -moz-transition: opacity 500ms ease;
    -o-transition: opacity 500ms ease;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    text-decoration:none;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_title a:hover {
    opacity: .8;
}

.pixflow_image_slider.light .pixflow_image_slider_title,.pixflow_image_slider.light .pixflow_image_slider_title a {
     color:#2e2e2e;
}

.pixflow_image_slider.dark .pixflow_image_slider_title,.pixflow_image_slider.dark .pixflow_image_slider_title a {
     color:#fff;
}

.vc_col-sm-6  .pixflow_image_slider_content_wrap .pixflow_image_slider_title {
    width:350px;
}

.pixflow_image_slider_content_wrap .pixflow_image_slider_text {
    font-size:14px;
    line-height:20px;
}

.pixflow_image_slider.light .pixflow_image_slider_text {
    color:#7b7b7b;
}

.pixflow_image_slider.dark .pixflow_image_slider_text {
    color:#ffffff;
}

.pixflow_image_slider .pixflow_image_slider_text {
    max-height:80px;
    overflow-y:hidden;
    position:absolute;
    height:115px;
    top:70px;
    width:450px;
}

.vc_col-sm-6 .pixflow_image_slider .pixflow_image_slider_text {
    width:375px;
}

.pixflow_image_slider.light .flex-direction-nav .flex-prev, .pixflow_image_slider.light .flex-direction-nav .flex-next {
    border:1px #868686 solid;
}

.pixflow_image_slider.dark .flex-direction-nav .flex-prev, .pixflow_image_slider.dark .flex-direction-nav .flex-next {
    border:1px #707070 solid;
}

.pixflow_image_slider.dark .content_block {
    background-color: #222;
}

.pixflow_image_slider.light .content_block {
    background-color: #cfcfcf;
}


.pixflow_image_slider.right .slider_block {
    float: right;
}

/* content scroll style - pixflow 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;
}


/*-----------------------------------------------------------------------------------*/
/*  WPML
/*-----------------------------------------------------------------------------------*/

#pxHeader .widget_icl_lang_sel_widget {
    float:right;
    margin-top:13px; 
}

#pxHeader .widget_icl_lang_sel_widget  h4.widget-title  {
    color:#1F1F1F;
    font-size:14px;
    line-height:20px;
}
      
#pxHeader .widget_icl_lang_sel_widget .hr-medium  {
    margin:5px 0;
}
 
#lang_sel_footer a:hover {
    color:#000;
}


/***************************

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); }

}

/***************************
End of Retina displays styles
***************************/