/* ========================================================================== #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: #000; background-color: transparent; border-radius: 25px; } #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: 5px; } #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; font-family:Hughs; letter-spacing:2px; } #pjWrapper .pjMlMemberImage { overflow: hidden; float: left; width: 62px; height: 62px; margin-right: 10px; border: 0px 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: 28px; height: 28px; border-radius: 50%; font-size: 16px; line-height: 28px; color: #fff; text-align: center; text-decoration: none; } #pjWrapper .pjMlProfileSocials a:hover { opacity: .7; } #pjWrapper .pjMlProfileSocials .pjMlLinkFacebook { background: #3a5ba2; } #pjWrapper .pjMlProfileSocials .pjMlLinkGooglePlus { background: #e1584b; } #pjWrapper .pjMlProfileSocials .pjMlLinkLinkedin { background: #1983bc; } #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: 12px; 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: 0px 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: 0px 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; } }