

a {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}


.flex-nav-next a {
height:100% ! important;
width:40% ! important;
top:0% ! important; 
right:0% ! important; 
}

.flex-nav-prev a {
height:100% ! important;
width:40% ! important;
top:0% ! important; 
left:0% ! important; 
}

.flexslider:hover .flex-direction-nav a.flex-prev:hover {
background-color:transparent !important;
}

.flexslider:hover .flex-direction-nav a.flex-next:hover {
background-color:transparent !important;
}

.fa-angle-right::before {
content:none !important;
}
.fa-angle-left::before {
content:none !important;
}


.qode_left_side_fixed  {
  writing-mode: vertical-lr ;
  text-orientation: upright;

left: 1%;
bottom:42%;
transform: none !important;
}

footer {
position: fixed !important;
left: 0 !important;
bottom: 0 !important;
}

.footer_top {
    padding: 1%;
}

.footer_top h5 {
    color: #333333;
}


aside .widget {
    margin: 0 0 5px;
}


.two_columns_75_25 > .column1 {
    width: 100%;
    float: left;
}

.two_columns_75_25 > .column2 {
    width: 5%;
    float: left;
position: fixed !important;
right: 1%;
bottom:40%;

}

.portfolio_main_holder .item_holder .text_holder_inner {
    text-align: right;
display: block;
margin: 5%;
}

.portfolio_main_holder .item_holder .portfolio_title a {
color:#333333;
 text-align: right;
display: block;
margin: 5%;
bottom:0%;
}

header:not(.with_hover_bg_color) nav.main_menu > ul > li > a > span:not(.plus){
margin-left:-18px;
}




.themain-title {
position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 
	color: #333333;
}

.thefirst-title {
	cursor: pointer;
	position: relative;
}

.thefirst-title h1 {
	position: relative;
  letter-spacing:-2px;
}

.thefirst-title {
	margin-bottom: 15px;
}

.thefirst-title span {
	display: inline-block;
	position: relative;
	
}

.thefirst-title span:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 0;
	top: 0;
	left: 0;
	transition: 0.6s;

}

.share-title:hover > h1 > #s:after {
	width: 100%;
	transition: 0.6s;
	transition-delay: 100ms;
}

.share-title:hover > h1 > #s {
	color: #0028aa;
	transition-delay: 110ms;
}

.share-title:hover > h1 > #e1:after {
	
	width: 100%;
	transition: 0.6s;
	transition-delay: 200ms;
	
}

.share-title:hover > h1 > #e1 {
	color:#ff5b9a;
	transition-delay: 220ms;
}

.share-title:hover > h1 > #n:after {
	
	width: 100%;
	transition: 0.6s;
	transition-delay: 300ms;
	
}

.share-title:hover > h1 > #n {
	color:#00dcb0;
	transition-delay: 330ms;
}

.share-title:hover > h1 > #e2:after {
	
	width: 100%;
	transition: 0.6s;
	transition-delay: 400ms;

}

.share-title:hover > h1 > #e2 {
	color: #0028aa;
	transition-delay: 440ms;
}

.share-title:hover > h1 > #c:after {
	
	width: 100%;
	transition: 0.6s;
	transition-delay: 500ms;

}

.share-title:hover > h1 > #c {
	color: #f4db63;
	transition-delay: 550ms;
}

.share-title:hover > h1 > #i:after {

	width: 100%;
	transition: 0.6s;
	transition-delay: 600ms;

}

.share-title:hover > h1 > #i {
	color:#ff5b9a;
	transition-delay: 660ms;
}

.share-title:hover > h1 > #o:after {
	
	width: 100%;
	transition: 0.6s;
	transition-delay: 700ms;
	
}

.share-title:hover > h1 > #o {
	color: #00dcb0;
	transition-delay: 770ms;
}


.wpcf7-form-control-wrap {
float:right !important;
}


.portfolio_main_holder .item_holder .icons_holder {
display:none !important;
}

.portfolio_main_holder .item_holder .portfolio_shader {
background-color:#f6f6f6 !important;
}

.portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .portfolio_shader {
opacity:0.8;
}

.portfolio_main_holder article .item_holder.image_text_zoom_hover:hover .image_holder .image {transform:none !important;}

@media (max-width:1000px) {

nav.mobile_menu {
    display: none !important;}
.main_menu {
    display: block !important;
}
.mobile_menu_button  {
    display: none !important;}

}






nav.content_menu ul li a:hover {
color: #333333;
}

nav.content_menu ul li.active:hover a {
color: #333333;
}

nav.content_menu ul li a {
color: #ffffff;
}

@media (min-width:1000px) {
#image_width  {
height:480px !important;
background-position: center;
    background-size: cover;

}

#image_width img  {
max-height:480px !important;
width:auto !important;
vertical-align: baseline;
}
}