/*******************************
	Custom CSS
*******************************/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i');

body {background-color: #000;}
.clr {float:none;clear:both;}
.pad0 {padding-left:0 !important;padding-right:0 !important;}
.pad1 {padding-left:10px !important;padding-right:10px !important;}
.pad15 {padding-left:15px !important;padding-right:15px !important;}
.pad2 {padding-left:20px !important;padding-right:20px !important;}
.pad3 {padding-left:30px !important;padding-right:30px !important;}
.padtop0{padding-top:0px !important;}
.padtop1{padding-top:10px !important;}
.padtop2{padding-top:20px !important;}
.padtop3 {padding-top:30px !important;}
.padtop4 {padding-top:40px !important;}
.padtop5 {padding-top:50px !important;}
.padbottom0{padding-bottom:0px !important;}
.padbottom1{padding-bottom:10px !important;}
.padbottom2{padding-bottom:20px !important;}
.padbottom3{padding-bottom:30px !important;}
.padbottom4{padding-bottom:40px !important;}
.padbottom5{padding-bottom:50px !important;}
.bottom0 {margin-bottom:0px!important;}
.bottom1 {margin-bottom:10px!important;}
.bottom2 {margin-bottom:20px!important;}
.bottom3 {margin-bottom:30px!important;}
.bottom4 {margin-bottom:40px!important;}
.bottom5 {margin-bottom:50px!important;}
.top0 {margin-top:0px!important;}
.top1 {margin-top:10px!important;}
.top2 {margin-top:20px!important;}
.top3 {margin-top:30px!important;}
.top4 {margin-top:40px!important;}
.top5 {margin-top:50px!important;}
.left0 {margin-left:0!important;}

.allfade, #portfolionav li .badge {
	-webkit-transition-property: all;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: all;
	-moz-transition-duration: .3s;
	-moz-transition-timing-function: ease;
	-o-transition-property: all;
	-o-transition-duration: .3s;
	-o-transition-timing-function: ease;
	-ms-transition-property: all;
	-ms-transition-duration: .3s;
	-ms-transition-timing-function: ease;
	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease;
}

.text-dark {color: #333!important;}
.text-yellow {color: #cea525!important;}
.grouptext {display:inline-block;}
.nobr {display:none!important}
.nopbr br {display:none!important}

div.wpcf7-mail-sent-ng,
div.wpcf7-validation-errors {
	color: #BB4343;
	background-color: #F8E7E7;
	border: 1px solid #B34949 !important;
	text-align: left;
}
div.wpcf7-mail-sent-ok {
	color: #036605;
	background-color: #EAF7E5;
	width: 100%;
	border: 1px solid #468847!important;
}
.wpcf7-response-output.wpcf7-display-none {padding:0!important;margin: 0;}
div.wpcf7-response-output.wpcf7-mail-sent-ng, 
div.wpcf7-response-output.wpcf7-validation-errors, 
div.wpcf7-response-output.wpcf7-mail-sent-ok {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px!important;
	width: 100%;
	display: inline-block !important;
	text-shadow: rgba(255, 255, 255, 0.701961) 0px 1px 0px;
	margin-top: 15px!important;
	text-align:center;
}
.wpcf7-not-valid-tip {
	text-align: left;
	float: none;
	display: block;
	clear: both;
	position: relative !important;
    color: #cea525!important;
}
.ajax-loader {display:none!important;visibility:hidden;}
.bx-wrapper .bx-viewport  {
	padding: 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background: transparent;
	left:0;
}
.bx-wrapper {margin-bottom:30px;}
.bxslider {margin-bottom:0;padding-left:0;} 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background:transparent}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	display: block;
	width: 12px;
	height: 12px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	border: 2px solid #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
    margin: 0 4px;
}
.bx-wrapper .bx-pager {
	bottom: 12px;
	z-index: 70;
	padding-top: 0;
	opacity:0;
	filter:alpha(opacity=0); 	
}
.bx-wrapper:hover .bx-pager {opacity:1;filter:alpha(opacity=100); }
.bx-wrapper img {margin:auto;}
.bx-wrapper .bx-controls-direction .bx-prev {left: 10px;}
.bx-wrapper .bx-controls-direction .bx-next {right:10px;}
.bx-wrapper .bx-controls-direction .bx-prev:after {content: "\f104";}
.bx-wrapper .bx-controls-direction .bx-next:after {content: "\f105";}
.bx-wrapper .bx-controls-direction a:after {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  display: block;
  line-height: .8;
}
.bx-wrapper .bx-controls-direction a:hover {color:#eee;}
.bx-wrapper .bx-controls-direction a {
  width: 30px;
  height: 40px;
  background: transparent;
  color: #fff;
  font-size: 0;
  text-indent: 0;
  top: 45%;
  text-shadow: 1px 1px 2px rgba(0,0,0,.3);
}
#contentContact .innerpadding .form-group .form-control {margin-bottom: 2px!important;}
#contentContact .innerpadding .form-group {margin-top: -10px;}
#contentContact .innerpadding .btn-cta-contact-2 {outline: 0!important;}
#contentContact .innerpadding h2 span {color:#cea525!important;}
#contentContact .innerpadding h2, #contentContact .innerpadding h2 {font-weight: 600; letter-spacing: 2px;}
#contentContact .innerpadding .form-group .form-control.email-contact,
#contentContact .innerpadding .form-group .form-control.message-contact {text-transform: none!important;}
#contentContact .innerpadding .form-group#contact-company i.icon-contact .fa-user:before {content: "\f0b1";}
#contentContact .innerpadding .form-group .form-control.message-contact {height: 90px;}
#header .tagline {
    display: block;
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
#main #contact.page_current #contentContact.two {left: 275px!important;visibility: visible!important;}
#main #contact.page_current #mapContainer #tabs {display: none!important;}
.my_profile .info_profile h2 {font-weight: 600;}
.my_profile .info_profile h2 span {color: #333; font-weight: normal;}
.my_profile .info_profile .myjob span {display: inline-block;position: relative;min-width: 160px;}
.my_profile .info_profile .myjob span:before {content:'*';font-weight: 500; display: inline-block; margin-right: 3px; color: #cea525;}
.my_profile .info_profile .myjob span:nth-child(3) {xmin-width: 100px;}
#contacts #map {padding-left: 625px;}
#tabs_resp, #contentContact .contact_closed {display: none!important;}
#main section.layers.page_current#home {background-color: #000;}
.my_profile .info_profile .feature-desc a {border-bottom: 1px solid #cea525;}
.my_profile .info_profile {}
.my_profile .info_profile {}

/* PORTFOLIO */
#recentworks-entries {
	padding:0;
	margin:0;
}
#recentworks-entries li {
	list-style: none;
	display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-left: -3px;
    margin-bottom: 0;
	padding: 10px;
	text-align: center;
}
#recentworks-entries li:hover {
	background: #eee;
	box-shadow: inset 0 0 3px rgba(0,0,0,.025);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.025);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.025);
}
#recentworks-entries li img{
	width: 100%;
	height: auto;
	max-width: 100%;
}
#recentworks-entries .projectoverlay:hover {	
	background: rgba(0,0,0,.5) url(../images/zoom.png) center no-repeat;
}
#recentworks-entries li:nth-child(odd) {background: #f1f1f1;}
#recentworks-entries li:nth-child(even) {background: #f7f7f7;}
.link-th {
	border: 5px solid #fefefe;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:100%;
}
#recentworks-entries .projectoverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .3s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: background-color;
	-moz-transition-duration: .3s;
	-moz-transition-timing-function: ease;
	-o-transition-property: background-color;
	-o-transition-duration: .3s;
	-o-transition-timing-function: ease;
	-ms-transition-property: background-color;
	-ms-transition-duration: .3s;
	-ms-transition-timing-function: ease;
	transition-property: background-color;
	transition-duration: .3s;
	transition-timing-function: ease;	
	max-height: 100%;
}
#recentworks-entries .projectoverlay:hover .overlay-label {
	visibility:visible;
}
.overlay-label {
	position: absolute;
	bottom: 5px;
	color: #fff;
	visibility: hidden;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	left: 5px;
	line-height: 13px;
	font-size: 11px;
	padding-bottom: 2px;
	text-align: left;
}
#portfolio-contents { display: block;padding: 0 20px 100px;text-align: center;}
.projecttags .project-tags:last-child {margin-right:0!important;}
.project-tags {
	color: #fff;
	background: #cea525;
	display: inline-block;
	float: left;
	font-size: 10px;
	line-height: 1.2;
	padding: 1px 3px 2px;
	margin-right: 3px;
	border-radius: 3px;
	margin-bottom: 4px;
	text-shadow: 0 1px 0 rgba(0,0,0,.05);
}
.projectname {
	display:block;
	text-align: left;
	margin-bottom: 3px;
}
.projectinfo {
	font-weight: normal;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}
.briefinfo strong {
	color: #cea525;
	font-weight: normal;
	border-bottom: 1px solid #cea525;
	padding-bottom: 1px;
	margin-bottom: 2px;
	display: inline-block;
}
.projecttitle {
	display: block;
	font-size: 13px;
	color: #cea525;
	padding-bottom: 5px;	
	padding-left: 8px;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}
.shortdescription {
	display:block;
	margin-bottom: 7px;
	margin-top: 3px;
}
.htmlpreview {
	color: #fff;
	margin-left: 5px;
	display: inline-block;
	font-family: delicious;
	letter-spacing: 0;
	float: right;
	font-size: 12px;
	margin-top: -4px;
	font-weight: normal;
	background: #cea525;
	padding: 4px 12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: 2px;
}
.htmlpreview:hover {background: #333;color: #fff;}
.designedby {display:block;}
.briefinfo {
	display:block;
	padding: 5px 7px;
	background: #eee;
	xmargin-right: -50px;
	margin-top: 5px;	
}
div.pp_default .pp_content {background-color: #f7f7f7!important;}
.pp_nav, .pp_gallery, div.ppt, .pp_social {display:none!important;}
.portfolioth {height:auto;width:100%;}


.page-template-template-portfolio div.pp_overlay {z-index: 999999999;height: 100%!important;position: fixed;}
.page-template-template-portfolio {position: relative;overflow-y: visible;}
.page-template-template-portfolio {}
/* END PORTFOLIO */

.testimonialsblock .testimonials div.li-testimonials {width: 100%;border-right: none;}
#testimonialsliderblock {}
#testimonialslider {}
#testimonialslider li {margin-bottom: 20px;}
#testimonialslider .testimonialslide {}
#testimonialslider .ts-img {
	width: 80px; border: 2px solid #cea525;
    position: absolute;left: 0;top: 0;
    border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px;
}
#testimonialslider .ts-text {
	min-height: 200px; display: block;
    width: 100%; padding-left: 95px; line-height: 1.6;
    color: #7a7c82; font-weight: 400; font-size: 15px;
    font-family: 'Lato', "Open Sans", Arial, sans-serif;
}
#testimonialslider .ts-quote {}
#testimonialslider .ts-author {
    font-family: "Open Sans", Arial, sans-serif;
	color: #A0A0A0; font-size: 13px; font-weight: 400;
    line-height: 1.4; display: block; margin-top: 10px;
}
#testimonialslider .ts-author strong {display: inline-block; color: #cea525;}
#testimonialslider .ts-container {display: block;position: relative;}
#resume .section_general > .section_separate {margin-bottom: 40px;}
#resume #accordion p, #resume #accordion ul {color: #555;font-size: 14px;margin-bottom: 10px;}
#resume .accordionblock > .row {margin: 0;}
.list-arrow { padding-left:0; list-style:none;}
.list-arrow li {
	background:url(../images/arrow-yellow.png) left 4px no-repeat;
	padding-left:13px;
	margin-top: 0!important;
    margin-bottom: 2px;
}
#accordion h3 {color: #555; font-size: 18px; margin-bottom: 10px;}
#accordion .panel-body {padding-top: 20px;}
#portfolionavblock  {
	display: block;
	text-align: center;
	margin: 10px 0 40px;
}
#portfolionav {
	padding-left: 0;
	list-style: none;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
}
#portfolionav li {
	display: inline-block;
	vertical-align: top;
	margin: 2px 5px;
}
#portfolionav li .badge {
	background: #cea525;
    position: absolute;
    font-size: 10px;
    padding: 4.3px 4px 3px;
    top: -7px; right: -4px;
    font-weight: 700;
    display: inline-block;
    line-height: 1;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    min-width: 17.5px;
    text-align: center;
    height: 18px;
}
#portfolionav li a {
    display: inline-block;
    padding: 6px 13px 6px;
    color: #fff; background: #444;
    cursor: pointer;position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#portfolionav li a:hover, #portfolionav li a.mixitup-control-active {background: #cea525;}
#portfolionav li a:hover .badge, #portfolionav li a.mixitup-control-active .badge {background: #444;}
a.download:hover {color: #fff;background: #b38c13;}
.page-template-template-portfolio .navigation #menuid > li.active a {color: #c8c8c8;}
.page-template-template-portfolio .navigation #menuid > li.active:before {display:none;}
.page-template-template-portfolio .navigation #menuid > li.current-menu-item a {color: #fff;}
.page-template-template-portfolio .navigation #menuid > li.current-menu-item:before {width: 100% !important;}
#wrappers .content_wrappers .site_title a img {max-height: 41px;}


@media (max-width: 900px) and (min-width: 768px) {
	
}
@media (max-height: 1024px) and (max-width: 1366px) {
	
}

/* IPAD PRO Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	section#profile, section#contact {background-color: #161117;}
  	.image_profile {display: none!important;}
  	.image_profile_resp {
	    display: block;
	    background-color: #f3f0f0;
	    width: 100%;
	    margin-bottom: -2px;
	    padding-top: 50px;  		
  	}
  	.my_profile .info_profile {width: 100%;}
  	.project-tags {font-size: 7px;padding: 2px 2px;margin-right: 1px;}
}
/* IPAD PRO Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	.image_profile img {left: 3%;}
}
/* IPAD Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-height: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	.project-tags {font-size: 9px;}
}
/* IPAD Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 768px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	.image_profile img {left: 7%;}
  	.project-tags {font-size: 7px;padding: 2px 1px;margin-right: 1px;}
}

@media only screen and (max-width: 992px) {
	#main #contact.page_current #contentContact.two {left: 0!important;}
	#contacts #map {padding-left: 350px;}
	#wrappers .content_wrappers .logo_wrapper {width: 284px; top: 8px !important;}
	#recentworks-entries li {width: 25%;}
	#wrappers .header-main {border-bottom: 1px solid rgba(255,255,255,.1);}
	.my_profile .image_profile_resp {padding-top: 50px;}
	.info_profile .inner-text {padding-top: 10px;}
}
@media only screen and (max-width: 840px) {
	#portfolionav {display: block;width: 90%;margin: 0 auto;}
	#portfolionav li { margin: 5px 0;display: block;width: 33%; float: left;padding: 0 5px;}
	#portfolionav li a {padding: 6px 5px 6px;width: 100%;}
	.page-template-template-portfolio  .blog-content-grid {clear: both;padding-top: 40px;}
}
@media only screen and (min-width: 768px) {
	.sm-padleft0{padding-left:0 !important;}
	.sm-padright0{padding-right:0 !important;}
	.sm-right {float:right!important;}
	.sm-left {float:left!important;}
	.sm-padtop3 {padding-top:30px!important;}
}
@media only screen and (max-width: 767px) {
	.xs-pad0 {padding-left:0 !important;padding-right:0 !important;}
	.xs-left {text-align:left!important;}
	.xs-right {text-align:right!important;}
	.xs-center {text-align:center!important;}
	.xs-hide {display:none!important;}
	.my_profile .info_profile h2 {font-size: 28px;}
	#main {margin-top: 60px;}
	.section-header {padding-bottom: 40px;}
}

@media only screen and (max-width: 640px) {
	#main #contact.page_current #contentContact.two {width: 100%!important;position: relative!important;top: 5px!important;}
	#mapContainer {position: relative;}
	#contacts #map {padding-left: 0;height: auto!important;}
	#contacts #map iframe {height: 200px!important;}
	#home_style {padding-left: 15px;padding-right: 20px;}
	.home-details h3 {font-size: 22px;}
	.home-details h3 .rw-words {padding-top: 6px;}
	.home-details hr {opacity: 0}
	.home-details .rw-words-1 span {font-weight: normal;}
	#resume .col-md-6 span.duration {float: none;display: block;margin-top: 7px;}
	#recentworks-entries li {width: 33.333%;}
	#home_style {padding-bottom: 20px;}
}
@media only screen and (max-width: 500px) {
	.xxs-12 { 
		width:100%!important; max-width:100%!important; display:block!important;
		clear:both!important; float:none!important; margin-left: auto; margin-right: auto;
	}
	img.xxs-12 {width:auto!important;}
	#recentworks-entries li {width: 50%;}
	.project-tags {font-size: 9px;}
}
@media only screen and (max-width: 420px) {
	#wrappers .content_wrappers .logo_wrapper {width: 220px;top: 10px !important; left: 20px;}
	.home-profile-image { margin-top: 0;}
	#portfolionav li {width: 49%;margin-top: 3px;}
	#portfolionav li:last-child {width: 98%;}
	#resume .section-header .section-title {
	    display: block;
	    width: 300px;
	    margin-left: auto;
	    margin-right: auto;		
	}
	#main section#resume .page_content {padding-left: 10px;}
	#resume .skills {margin-left: -15px;margin-right: -5px;}
}
@media only screen and (max-width: 375px) {
	.my_profile .info_profile h2 {font-size: 21px;}
	.inner-text {padding-left: 15px;padding-right: 15px;}
	.skillbar-title, .skillbar-bar {max-width: -webkit-calc(100% - 40px);max-width: -moz-calc(100% - 40px);max-width: calc(100% - 40px);}
	#recentworks-entries li {width: 250px;margin-bottom: 15px;}
}