/* ==========================================================================
   #Transitions
========================================================================== */
#pjWrapper .pjMlBtn,
#pjWrapper .pjMlNav a,
#pjWrapper .pjMlNavLang .caret,
#pjWrapper .pjMlMemberInner,
#pjWrapper .pjMlMemberHead,
#pjWrapper .pjMlMemberBody,
#pjWrapper .pjMlMemberFoot,
#pjWrapper .pjMlMemberImage,
#pjWrapper .pjMlMemberData .pjMlMemberTitle,
#pjWrapper .pjMlPagination a,
#pjWrapper .pjMlProfileSocials a,
#pjWrapper .pjMlCustomCheckboxFake .fa,
#pjWrapper .pjMlForm .form-control { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* ==========================================================================
	#Buttons
========================================================================== */
#pjWrapper .pjMlBtnPrimary { height: 40px; padding: 0; font-size: 16px; line-height: 38px; font-weight: bold; text-transform: uppercase; }

/* ==========================================================================
	#pjMlContainer
========================================================================== */
#pjWrapper .pjMlContainer { padding: 15px; }

/* ==========================================================================
	#pjMlHead
========================================================================== */
#pjWrapper .pjMlNav a:focus,
#pjWrapper .pjMlNav a:hover,
#pjWrapper .pjMlNav .active > a,
#pjWrapper .navbar-default .navbar-nav > .open > a,
#pjWrapper .navbar-default .navbar-nav > .open > a:focus,
#pjWrapper .navbar-default .navbar-nav > .open > a:hover,
#pjWrapper .pjMlNavLang.open .pjMlNavLangTrigger,
#pjWrapper .pjMlNavLang .pjMlNavLangTrigger:focus,
#pjWrapper .pjMlNavLang .pjMlNavLangTrigger:hover,
#pjWrapper .pjMlHead .pjMlNavTrigger,
#pjWrapper .pjMlHead .pjMlNavTrigger:focus,
#pjWrapper .pjMlHead .pjMlNavTrigger:hover { background: none; -webkit-box-shadow: none; box-shadow: none; }

#pjWrapper .pjMlHead { min-height: 0; border-color: transparent; background-color: transparent; border-radius: 0; }
#pjWrapper .pjMlHead .pull-left.pjMlNav { padding-left: 0; }
#pjWrapper .pjMlNav a,
#pjWrapper .pjMlNavLang .pjMlNavLangTrigger { height: 30px; padding: 7px 15px 5px; border: 1px solid transparent; font-size: 14px; line-height: 1.1; font-weight: bold; text-transform: uppercase; border-radius: 15px; }

#pjWrapper .pjMlNavLang a { font-weight: normal; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
#pjWrapper .pjMlNavLang.open > a,
#pjWrapper .pjMlNavLang.open > .pjMlNavLangTrigger { z-index: 1001; border-radius: 0; }
#pjWrapper .pjMlNavLang .pjMlNavLangTrigger { font-weight: normal; }
#pjWrapper .pjMlNavLang.open .caret { transform: rotate(-180deg);}
#pjWrapper .pjMlNavLang .pjMlNavLangDropdown { right: 0; left: auto; margin-top: -1px; border-radius: 0; }
#pjWrapper .pjMlNavLang .pjMlNavLangDropdown a { border-radius: 0; }

/* ==========================================================================
	#pjMlMembers
========================================================================== */
#pjWrapper .pjMlMembers { font-size: 0; }
#pjWrapper .pjMlMember { display: inline-block; float: none; font-size: 13px; vertical-align: top; }
#pjWrapper .pjMlMember > a { display: block; text-decoration: none; }

#pjWrapper .pjMlMemberBody { border-radius: 4px 4px 0 0; }
#pjWrapper .pjMlMemberData { overflow: hidden; }
#pjWrapper .pjMlMemberData p,
#pjWrapper .pjMlMemberData .pjMlMemberTitle { margin: 0; }
#pjWrapper .pjMlMemberData p { overflow: hidden; font-size: 14px; }
#pjWrapper .pjMlMemberData .pjMlMemberTitle { padding: 5px 0 0; font-size: 20px; font-weight: bold; text-transform: capitalize; }

#pjWrapper .pjMlMemberImage { overflow: hidden; float: left; width: 62px; height: 62px; margin-right: 10px; border: 2px solid transparent; border-radius: 50%; }
#pjWrapper .pjMlMemberImage img { width: 100%; height: 100%; }

#pjWrapper .pjMlMemberContacts { padding-top: 10px; }
#pjWrapper .pjMlListContacts { margin-bottom: 0; }
#pjWrapper .pjMlListContacts li { padding: 5px 20px 5px 10px; }
#pjWrapper .pjMlListContacts .pjMlPhone { font-weight: bold; }
#pjWrapper .pjMlListContacts .fa { font-size: 16px; }

#pjWrapper .pjMlListLabels { margin: 0; font-size: 0; }
#pjWrapper .pjMlListLabels li { padding: 3px 2px 7px; font-size: 13px; }
#pjWrapper .pjMlListLabels .label { padding-bottom: 1px; font-size: 12px; line-height: 1.2; font-weight: normal; }
#pjWrapper .pjMlMemberFoot p { line-height: 1.85; }

/* ==========================================================================
	#pjMlFoot
========================================================================== */
#pjWrapper .pjMlPagination { font-size: 0; }
#pjWrapper .pjMlPagination .pagination { margin: 0; }
#pjWrapper .pjMlPagination li,
#pjWrapper .pjMlPagination a,
#pjWrapper .pjMlPagination .pjMlPaginationSeparator span { display: inline-block; }
#pjWrapper .pjMlPagination li { padding: 0 2px; }
#pjWrapper .pjMlPagination a,
#pjWrapper .pjMlPagination .pjMlPaginationSeparator span { width: 30px; height: 30px; padding: 0; font-size: 14px; line-height: 28px; font-weight: normal; text-transform: uppercase; text-align: center; border-radius: 3px; }

#pjWrapper .pjMlPagination a,
#pjWrapper .pjMlPagination .pjMlPaginationSeparator span { margin: 0; }

#pjWrapper .pjMlPagination li:first-of-type a,
#pjWrapper .pjMlPagination li:last-of-type a { width: 76px; }

/* ==========================================================================
	#pjMlProfile
========================================================================== */
#pjWrapper .pjMlProfileHead { overflow: hidden; border-radius: 4px 4px 0 0; }

#pjWrapper .pjMlProfileImage { overflow: hidden; float: left; width: 94px; height: 94px; margin-right: 15px; border-radius: 50%; }
#pjWrapper .pjMlProfileImage img { width: 100%; height: 100%; }
#pjWrapper .pjMlProfileInner { overflow: hidden; }
#pjWrapper .pjMlProfileInner p,
#pjWrapper .pjMlProfileInner .pjMlProfileTitle { margin: 0; }

#pjWrapper .pjMlProfileInner .pjMlProfileTitle { padding: 5px 0 3px; font-size: 30px; line-height: 1.1; font-weight: bold; text-transform: capitalize; }

#pjWrapper .pjMlProfileSocials { margin: 0; font-size: 0; }
#pjWrapper .pjMlProfileSocials li,
#pjWrapper .pjMlProfileSocials a { display: inline-block; margin: 0; }
#pjWrapper .pjMlProfileSocials li { padding: 0 0 0 5px; }
#pjWrapper .pjMlProfileSocials a { width: 32px; height: 32px; text-decoration: none; }
#pjWrapper .pjMlProfileSocials a:hover { opacity: .7; }
#pjWrapper .pjMlProfileSocials .pjMlLinkFacebook { background: url(../img/frontend/facebook.png) 0 0 no-repeat; }
#pjWrapper .pjMlProfileSocials .pjMlLinkGooglePlus { background: url(../img/frontend/google.png) 0 0 no-repeat; }
#pjWrapper .pjMlProfileSocials .pjMlLinkLinkedin { background: url(../img/frontend/linkedin.png) 0 0 no-repeat; }
#pjWrapper .pjMlProfileSocials .pjMlLinkTwitter { background: url(../img/frontend/twitter.png) 0 0 no-repeat; }

#pjWrapper .pjMlProfileContacts { text-align: justify; }
#pjWrapper .pjMlProfileContacts ul { margin: 0 0 -16px; padding-top: 8px; }
#pjWrapper .pjMlProfileContacts ul:after { display: inline-block; width: 100%; content: ""; }
#pjWrapper .pjMlProfileContacts li { padding: 0; font-size: 13px; line-height: 1.2; }
#pjWrapper .pjMlProfileContacts li .fa { font-size: 16px; }

#pjWrapper .pjMlProfileContacts li .pjMlPhone { font-weight: bold; }

#pjWrapper .pjMlProfileBody { border-radius: 0 0 4px 4px; }
#pjWrapper .pjMlProfileBody p { font-family: 13px; line-height: 2; }
#pjWrapper .pjMlProfileBody .pjMlProfileTitleSmall { margin: 0; padding: 10px 0 5px; font-size: 15px; font-weight: bold; text-transform: capitalize; }
#pjWrapper .pjMlProfileBody .pjMlListLabels { padding-bottom: 5px; }

#pjWrapper .pjMlProfileThumbs { margin: 0 -8px; }
#pjWrapper .pjMlProfileThumb { padding: 8px; }
#pjWrapper .pjMlProfileThumb .thumbnail { overflow: hidden; margin: 0; padding: 0; border: 0; border-radius: 4px; }

#pjWrapper .pjMlThumbsPopup .modal-body { padding-top: 30px; }
#pjWrapper .pjMlThumbsPopup .pjMlThumbsPopupCloseBtn { position: absolute; top: 0; right: 15px; font-size: 30px; opacity: 1; }
#pjWrapper .pjMlThumbsPopup .pjMlThumbsPopupCloseBtn:hover { opacity: .8; }
#pjWrapper .pjMlThumbsGallery .carousel-control .fa { position: absolute; top: 50%; right: 50%; margin: -15px -10px 0 0; font-size: 30px; }

/* ==========================================================================
	#pjMlForm
========================================================================== */
#pjWrapper .pjMlForm p { margin: 0; line-height: 1.71; }
#pjWrapper .pjMlForm .pjMlFormTitle { margin: 0; padding-bottom: 10px; font-size: 30px; line-height: 1.2; font-weight: bold; text-transform: capitalize; }
#pjWrapper .pjMlForm .pjMlFormBody { padding-top: 30px; }
#pjWrapper .pjMlForm .form-group { margin: 0; padding-bottom: 30px; }
#pjWrapper .pjMlForm label { font-size: 13px; font-weight: bold; text-transform: uppercase; }
#pjWrapper .pjMlForm .form-control {font-size: 13px; height: 40px;}
#pjWrapper .pjMlForm .form-control.textarea {height: 170px;}

#pjWrapper .pjMlCustomSelect { position: relative; padding: 0; }
#pjWrapper .pjMlCustomSelect select { position: relative; z-index: 1; width: 100%; height: 100%; padding: 6px 30px 6px 12px; border: 0; background: transparent; cursor: pointer; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#pjWrapper .pjMlCustomSelect select::-ms-expand { display: none; }
#pjWrapper .pjMlCustomSelect .pjMlCustomSelectTriangle { position: absolute; top: 50%; right: 15px; margin-top: -11px; font-size: 16px; }

#pjWrapper .pjMlFormCaptcha { position: relative; }
#pjWrapper .pjMlFormCaptcha img { position: absolute; top: 27px; left: 2px; width: 80px; height: 36px; }
#pjWrapper .pjMlFormCaptcha .form-control { padding-left: 90px; }

#pjWrapper .pjMlFormActions .pjMlBtnPrimary { padding: 0 50px; }

#pjWrapper .pjMlForm .with-errors,
#pjWrapper .pjMlForm .with-errors ul { margin: 0; }
#pjWrapper .pjMlForm .has-error .with-errors { padding-top: 3px; }

/* ==========================================================================
	#Custom Checkbox Radio
========================================================================== */
#pjWrapper .pjMlCheckbox,
#pjWrapper .pjMlRadio { padding-bottom: 10px; }
#pjWrapper .pjMlCheckbox label,
#pjWrapper .pjMlRadio  label { margin: 0; font-size: 13px; font-weight: normal; text-transform: none; }

#pjWrapper .pjMlCustomCheckbox input { position: absolute; opacity: 0; filter: alpha(opacity=0); }
#pjWrapper .pjMlCustomCheckboxFake { display: inline-block; width: 22px; height: 22px; margin-right: 10px; border: 1px solid #d5d9de; vertical-align: middle; text-align: center; border-radius: 2px; }
#pjWrapper .pjMlCustomCheckboxFake .fa { opacity: 0; }
#pjWrapper .pjMlCustomInputChecked .pjMlCustomCheckboxFake .fa { opacity: 1; }
#pjWrapper .pjMlCustomInputDisabled .pjMlCustomCheckboxFake { opacity: .5; filter: alpha(opacity=50); }

#pjWrapper .pjMlCustomRadio input { position: absolute; opacity: 0; filter: alpha(opacity=0); }
#pjWrapper .pjMlCustomRadioFake { float: left; width: 14px; height: 14px; margin-right: 5px; border: 2px solid #000; border-radius: 50%; }

#pjWrapper .pjMlCustomInputDisabled .pjMlCustomRadioFake { opacity: .5; filter: alpha(opacity=50); }

#pjWrapper .pjMlCheckbox label,
#pjWrapper .pjMlCheckbox input,
#pjWrapper .pjMlRadio  input,
#pjWrapper .pjMlRadio  label { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

#pjWrapper .pjMlCustomInputDisabled input,
#pjWrapper .pjMlCustomInputDisabled label { cursor: default; }

/* ==========================================================================
	#pjMlFormSearch
========================================================================== */
#pjWrapper .pjMlFormSearch { border-radius: 4px; }
#pjWrapper .pjMlFormSearch .pjMlFormTitle { padding: 10px 0 50px; }

/* ==========================================================================
	#pjMlFormRegister
========================================================================== */
#pjWrapper .pjMlAccess { margin: 0; }
#pjWrapper .pjMlFormLogIn,
#pjWrapper .pjMlFormRegister { padding: 20px; }
#pjWrapper .pjMlFormRegister { border: 1px solid #dfe4ee; border-radius: 4px; }

/* ==========================================================================
	.Modal
========================================================================== */
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}
.modal-backdrop.fade.in {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* ==========================================================================
	#Responsive
========================================================================== */
@media only screen and ( max-width: 767px ) {
	/* ==========================================================================
		#pjMlHead
	========================================================================== */
	#pjWrapper .pjMlHead .pjMlNavTrigger { float: left; margin: 0; }
	
	#pjWrapper .pjMlNavLang { padding-top: 2px; }
	#pjWrapper .pjMlHead .pjMlNavCollapsible { position: absolute; top: 40px; left: 0; z-index: 1000; overflow: hidden; min-width: 160px; margin: 0; padding: 0; border: 1px solid #2f87c1; }
	#pjWrapper .pjMlHead .pjMlNavCollapsible ul { margin: 0; }
	#pjWrapper .pjMlHead .pjMlNavCollapsible a { border: 0; border-radius: 0; }

	/* ==========================================================================
		#pjMlPagination
	========================================================================== */
	#pjWrapper .pjMlPagination li:first-of-type a,
	#pjWrapper .pjMlPagination li:last-of-type a { width: 30px; }

	/* ==========================================================================
		#pjMlProfile
	========================================================================== */
	#pjWrapper .pjMlProfile { margin: 0 -15px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
	#pjWrapper .pjMlProfileSocials { text-align: left; }
	#pjWrapper .pjMlProfileSocials li { padding: 5px 10px 0 0; }

	#pjWrapper .pjMlProfileBody .pjMlProfileTitleSmall { padding: 0; }

	#pjWrapper .pjMlProfileThumb { width: 25%; }

	/* ==========================================================================
		#pjMlForm
	========================================================================== */
	#pjWrapper .pjMlForm .pjMlFormTitle { font-size: 24px; }
	#pjWrapper .pjMlForm .form-group { padding-bottom: 10px; }
	#pjWrapper .pjMlCustomCheckboxFake { margin-right: 2px; }
	
	#pjWrapper .pjMlFormLogIn { border-top: 1px solid #dfe4ee; }
	#pjWrapper .pjMlFormRegister { border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 0; }
	#pjWrapper .pjMlForm .pjMlFormBody { padding-top: 10px; }

	/* ==========================================================================
		#pjMlFormSearch
	========================================================================== */
	#pjWrapper .pjMlSearch { margin: 0 -15px; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }
	#pjWrapper .pjMlFormSearch .pjMlFormTitle { padding: 0 0 10px; }
	
}

@media only screen and ( max-width: 570px ) {
	/* ==========================================================================
		#pjMlProfile
	========================================================================== */
	#pjWrapper .pjMlProfileThumb { width: 33.3%; }
}

@media only screen and ( max-width: 480px ) {
	/* ==========================================================================
		#pjMlProfile
	========================================================================== */
	#pjWrapper .pjMlProfileImage { float: none; margin: 0 auto; }
	#pjWrapper .pjMlProfileInner { overflow: visible; }
	#pjWrapper .pjMlProfileInner .pjMlProfileTitle { font-size: 24px; }

	#pjWrapper .pjMlProfileThumb { width: 50%; }
}

@media only screen and ( max-width: 380px ) {
	/* ==========================================================================
		#pjMlMembers
	========================================================================== */
	#pjWrapper .pjMlListContacts li { display: block; padding: 0 0 5px; }

	/* ==========================================================================
		#pjMlProfile
	========================================================================== */
	#pjWrapper .pjMlProfileContacts ul { text-align: left; margin: 0; }
	#pjWrapper .pjMlProfileContacts ul::after { display: none; }
	#pjWrapper .pjMlProfileContacts li { display: block; padding: 0 0 5px; }
}