* { margin: 0; padding: 0; }
body { font-size: 16px; color: #666; font-family: 'proxima-nova', sans-serif; background: url("img/bg-pattern.png"); }
h1, h2, h3, h4, h5, h6 { padding: 5px 0; font-weight: 600; }
h4 { font-size: 18px; }
.container { width: 1100px; margin: 0px auto; }
.clear-float { clear: both; font-size: 0px; height: 0px; overflow: hidden; }
.view-more { display: none; }
.preload, .loaded, .current-query, .last-id { display: none; }
.click-view-more { color: rgb(226, 71, 37); text-decoration: none; }
.right { float: right; }
.left { float: left; }
.border-container { width: 1100px; margin: 0px auto; height: 1px; background: #969696; }
html, body { height: 100%; }
.wrapper { min-height: 92%; height: auto !important; height: 100%; width: 100%; overflow: hidden; }
.current-filters,
.limit { display: none; }

.admin-header { background: #383838; }
.admin-header nav { float: left; }
.admin-header li { display: inline; }
.admin-header li span { font-size: 14px; float: left; display: block; height: 20px; padding: 10px 13px; font-weight: 600; color: #fff; background: #e24725; }
.admin-header li a { padding: 10px 13px; font-size: 14px; display: block; float: left; color: #fff; outline: none; text-decoration: none; border-right: 1px solid #4b4b4b;}

.header { border-bottom: 1px solid #898a8d; padding-bottom: 15px; }
.header .logo-box { float: left; margin-top: 13px; }
.header .logo-box h3 { text-transform: uppercase; font-size: 18px; letter-spacing: .3px; margin-top: -7px; padding-top: 0; font-weight: normal; color: #5C5D61; }
.header .logo-box h3 span { font-size: 24px; margin-top: -3px; letter-spacing: 6.9px; display: block; font-weight: 600; }
.header nav { float: right; margin-top: 105px; }
.header nav li { float: left; padding-left: 14px; list-style: none; }
.header nav li a { display: block; padding: 5px 7px; color: #898a8d; font-weight: 600; text-decoration: none; }
.header nav li a.current,
.header nav li a:hover { color: #fff; background: #e24725; }

.header-top { background: #3E3E3E; height: 38px; color: #ccc; font-weight: 300; }
.header-top a { color: #fff; text-decoration: none; font-weight: 300; font-size: 14px; border-right: 1px solid #4D4D4D; display: block; padding: 9px 14px 10px; float: left; }
.header-top .current { background: #e24725; border: none; }
#search { height: 100%; }

.header-bottom { padding: 18px 0 15px; }
.header-bottom .logo { float: left; }
.header-bottom .logo img { height: 53px; float: left; }
.header-bottom .logo h3 { line-height: 1.1; font-size: 17px; padding-top: 6px; text-transform: uppercase; text-decoration: none; font-weight: 400; color: #5c5d61; display: block; float: left; }
.header-bottom .logo h3 span { display: block; letter-spacing: 5px; font-size: 25px; }
.header-bottom .right .categories { position: relative; float: right; width: 20px; }
.header-bottom .right .categories i { cursor: pointer; color: #e24826; padding-top: 9px; font-size: 31px; display: block; }
.header-bottom .right .categories .icon_close { font-size: 33px; padding-top: 7px; margin-left: -3px; }
.header-bottom .right .categories .cat-dropdown { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -webkit-transform: translateZ(0); border-radius: 6px; background: #fff; z-index: 7; display: none; position: absolute; top: 63px; right: 0; padding: 30px; width: 1045px; color: #2c2c2c; font-size: 14px; }
.header-bottom .right .categories .cat-dropdown ul { -webkit-column-width: 180px; -moz-column-width: 180px; -ms-column-width: 180px; -o-column-width: 180px; column-width: 180px; }

.header-bottom .right .categories .cat-dropdown li { list-style-type: none;/* display: block; float: left; width: 20%;*/ }
.header-bottom .right .categories .cat-dropdown li a { color: #2c2c2c; font-weight: 600; padding: 2px 0; text-decoration: none; }
.header-bottom .right .categories .cat-dropdown li a:hover { opacity: .4; }
.header-bottom .right .search-box { margin-right: 12px; float: right; border: 1px solid #969696; margin-top: 3px; height: 42px; }
.header-bottom .right .search-box input { height: 100%; color: #5c5d61; font-family: 'proxima-nova', sans-serif; width: 240px; float: left; font-size: 15px; border: none; outline: none; background: none; padding-left: 15px; font-weight: 300; }
.header-bottom .right .search-box i { font-size: 17px; color: #e24826; float: right; padding: 12px 12px 0 0; cursor: pointer; }

.main-tabs { width: 914px; float: right; padding: 22px 0 15px; }
.main-tabs a { font-size: 17px; color: #727272; display: inline-block; padding-bottom: 4px; margin-right: 20px; font-weight: 600; text-decoration: none; }
.main-tabs .current, 
.main-tabs a:hover { color: #2c2c2c; border-bottom: 2px solid #2c2c2c; padding-bottom: 2px; }

.gallery { margin-top: 25px; }
.gallery .sidebar { width: 175px; float: left; }
.gallery .sidebar.admin-search { width: 250px; float: left; margin-right: 30px; }
.gallery .sidebar .search-box { position: relative; border: 1px #ccc solid; padding: 5px 0 5px 5px; border-radius: 5px; }
.gallery .sidebar .search-box input[type="search"] { padding: 5px; max-width: 100%; color: #898a8d; outline: none; background: #fff; border: none; font-size: 14px; }
.gallery .sidebar .search-box .search-key { position: absolute; right: 10px; top: 11px; color: #989a8d; }
.gallery .sidebar .filter { margin: 20px 0; }
.gallery .sidebar .filter h4 { color: #e24725; }
.gallery .sidebar .filter li { list-style: none; font-size: 15px; }
.gallery .sidebar .filter li input[type="checkbox"] { margin-right: 5px; } 
.gallery .sidebar .filter button { background: #e24725; color: #fff; font-weight: 600; padding: 7px; border: none; font-family: 'proxima-nova', serif; }
.gallery .gallery-blocks { width: 914px; float: right; }
.gallery .gallery-blocks .item { width: 300px; height: 200px; position: relative; float: left; margin: 0px 7px 7px 0; overflow: hidden; }
.gallery .gallery-blocks .item:nth-child(3n) { margin-right: 0px; }
.gallery .gallery-blocks .item .mask { opacity: 0; width: 300px; height: 200px; background: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; padding-top: 75px; text-align: center; }
.gallery .gallery-blocks .item .mask h3 { text-transform: uppercase; color: #fff; }
.gallery .gallery-blocks .item .mask p,
.gallery .gallery-blocks .item .mask p a {  color: #fff; } 
.gallery .gallery-blocks .item .mask i { color: #fff; font-size: 30px; }
.gallery .gallery-blocks .item .mask a { text-decoration: none; outline: none; }
.gallery .gallery-blocks .item .mask .icon_zoom-in_alt { display: inline-block; margin-right: 15px; font-size: 28px; -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1);}
.gallery .gallery-blocks .item:hover .mask { opacity: 1; }

.search { width: 890px; float: right; margin-top: 14px; }
.search h1 { font-weight: 300; }
.search .search-blocks { clear: both; margin: 20px 0 40px; }
.search .search-blocks .item { padding: 10px; background: rgb(250,250,250); border: 1px solid #ccc; margin-bottom: 10px; width: 45.5%; margin-right: 3%; float: left; }
.search .search-blocks.profiles .item .img { float: left; margin-right: 20px; height: auto; width: 134px; overflow: hidden; }
.search .search-blocks .item:nth-child(2n+1) { margin-right: 0; }
.search .search-blocks .item .img { float: left; margin-right: 20px; height: 90px; width: 134px; overflow: hidden; }
.search .search-blocks .item img { width: 100%; }
.search .search-blocks .item .text { float: left; }
.search .search-blocks .item .text a { color: #e24725; text-decoration: none; display: block; margin-top: 7px; outline: none; }
.search .search-blocks .item .text a:hover { text-decoration: underline; }
.search .search-blocks .search-blocks { margin: 0; }
#search-blocks2 img, #filter-search2 img { width: auto; }


.profile-gallery { width: 750px; float: left; margin-top: 45px; overflow: hidden; }
.profile-gallery h1 { padding-bottom: 28px; font-weight: 300; }
.profile-gallery .item { width: 245px; height: 164px; position: relative; float: left; margin: 0px 7px 7px 0; overflow: hidden; }
.profile-gallery .blocks { clear: both; width: 100%; }
.profile-gallery .blocks .item:nth-child(3n) { margin-right: 0px; }
.profile-gallery .item .mask { opacity: 0; width: 245px; height: 164px; background: rgba(0, 0, 0, .6); position: absolute; top: 0; left: 0; padding-top: 63px; text-align: center; }
.profile-gallery .item .mask h3 { text-transform: uppercase; color: #fff; }
.profile-gallery .item .mask p,
.profile-gallery .item .mask p a {  color: #fff; } 
.profile-gallery .item .mask i { color: #fff; font-size: 30px; }
.profile-gallery .item:hover .mask { opacity: 1; }

.profile-gallery select, 
.profile-gallery input[type="text"] { min-width: 300px; border: 1px solid #ccc; outline: none; padding: 7px 5px; border-radius: 3px; margin-bottom: 10px; }
.profile-gallery input[type="text"] { min-width: 288px; }
.profile-gallery input[type="submit"] { margin-top: 7px; width: 300px; border-radius: 3px; padding: 10px 0; text-align: center; background: #3F4041; font-weight: 600; color: #fff; font-size: 16px; border: none; }

.profile .profile-sidebar .connect { float: left; }
.profile .profile-sidebar .full-profile { /*margin-left: 15px;*/ }
.profile .profile-sidebar .edit-profile input[type="text"] { font-size: 15px; background: none; outline: none; border: none; border: 1px solid #ccc; width: 100%; padding: 12px 15px; box-sizing: border-box; border-radius: 3px; color: #000; margin-bottom: 15px; }
.profile .profile-sidebar .edit-profile textarea { overflow: hidden; font-size: 15px; font-family: 'proxima-nova', serif; border: 1px solid #ccc; width: 100%; padding: 10px 13px; margin-bottom: 12px; box-sizing: border-box; border-radius: 3px; height: 160px; color: #000; outline: none; }

.profile-box { }
.profile-box table tr td { padding: 10px 13px; }
.profile-box table tr td a { color: #e24725; text-decoration: none; }
.profile-box table tr td a:hover { text-decoration: underline; }
.profile-box .fa-close { cursor: pointer; }

#student-title, #alumni-title, #title, #grade, #major, #finish-submit, #faculty-title { display: none; } 
#finish-submit { background: #ccc; font-family: proxima-nova, sans-serif; color: #3e3e3e; cursor: pointer; }

/*----  login  ----*/

.login { width: 300px; margin: 0 auto; margin-top: 100px; padding: 70px; color: #3E3E3E; }
.login input[type="text"],
.login input[type="email"],
.login input[type="password"] { font-size: 14px; border: none; outline: none; padding: 10px 0; margin-bottom: 10px; border-bottom: 2px solid #ccc; width: 100%; box-sizing: border-box; }
.login input[type="submit"] { font-size: 15px; font-family: proxima-nova, 'Open Sans', Arial, sans-serif; margin-top: 17px;  width: 100%; box-sizing: border-box; padding: 10px 0; text-align: center; background: #ccc; font-weight: 600; color: #3F4041; font-size: 16px; border: none; }
.login a { color: #fff; }
.login p { margin-bottom: 17px; }

/*----  single project  ----*/

.single-project { width: 750px; float: left; margin-top: 40px; }
.single-project p { line-height: 1.4; }
.single-project .main-img { max-height: 500px; overflow: hidden; position: relative; }
.single-project .main-img img { max-width: 100%; width: 750px; }
.single-project .main-img i.fa-expand { opacity: 0; position: absolute; right: 0; top: 0; padding: 9px 10px; background: rgba(255,255,255, .7); cursor: pointer; }
.single-project .main-img i.fa-angle-right { font-size: 18px; opacity: 0; position: absolute; right: 0; top: 50%; padding: 9px 10px; background: rgba(255,255,255, .7); cursor: pointer; }
.single-project .main-img i.fa-angle-left { display: none; font-size: 18px; opacity: 0; position: absolute; left: 0; top: 50%; padding: 9px 10px; background: rgba(255,255,255, .7); cursor: pointer; }
.single-project .main-img i:hover { color: #e24725; }
.single-project .main-img:hover i { opacity: 1; }
.single-project .main-img .enlarge { }
.single-project .main-img .caption { background: rgba(0, 0, 0, .6); color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; }

.single-project .img-carousel { width: 750px; overflow: hidden; position: relative; }
.single-project .img-carousel .carousel-left { display: none; position: absolute; left: 0; top: 7px; width: 13px; background: rgba(0,0,0,.7); padding: 40px 0 0 7px; font-size: 24px; height: 84px; color: #fff; cursor: pointer; }
.single-project .img-carousel .carousel-right { position: absolute; right: 0; top: 7px; width: 13px; background: rgba(0,0,0,.7); padding: 40px 0 0 7px; font-size: 24px; height: 84px; color: #fff; cursor: pointer; }

.single-project .project-thumbs { clear: both; margin-bottom: 20px; width: 10000px; }
.single-project .project-thumbs .item { display: inline-block; cursor: pointer; float: left; overflow: hidden; width: 125px; height: 125px; margin: 7px 7px 7px 0; }
.single-project .project-thumbs .item.current { border: 1px solid #e24725; width: 123px; height: 123px; }
.single-project .project-thumbs .item.current img { margin: -1px 0 0 -1px; }
.single-project h1 { font-size: 36px; font-weight: 300; padding-bottom: 28px; float: left; }
.single-project h2 { font-size: 28px; font-weight: 300; padding: 18px 0 12px; }
.single-project h3 { font-size: 22px; font-weight: 600; padding: 25px 0 10px; }
.single-project .edit-project-button { color: #169e49; cursor: pointer; float: right; margin-top: 24px; }
.single-project .edit-project-button i { float: left; padding: 3px 5px 0 0; }
.single-project .delete-project-button { color: #e74c3c; cursor: pointer; float: right; margin: 24px 0 0 7px; padding-left: 7px; border-left: 1px solid #ccc; }
.single-project .delete-project-button i { float: left; padding: 3px 5px 0 0; }
.single-project .feat-project-button { color: #d6c301; cursor: pointer; float: right; margin: 24px 0 0 7px; padding-left: 7px; border-left: 1px solid #ccc; }
.single-project .feat-project-button i { float: left; padding: 3px 5px 0 0; }
.single-project .keyword-dump { clear: both; }
.single-project .keyword-dump span { padding: 5px 8px; display: inline-block; border: 1px solid #E1E1E1; background: #F8F8F8 none repeat scroll 0% 0%; font-weight: 300; }
.single-project .keyword-dump span a { color: #898A8D; text-decoration: none; }

.single-project .meta { font-style: italic; padding-bottom: 15px; font-weight: 300; }

.add-project-button { border-top: 1px solid #898a8d; }
.add-project-button-container { padding: 20px; width: 182px; margin: 0 auto; cursor: pointer; margin: -47px auto 20px; background: #fff; }
.add-project-button-container img { float: left; padding-right: 15px; }
.add-project-button-container p { padding-top: 11px; font-size: 20px; color: #169e49; }
.add-project-button-container.submit { width: 95px; }

.add-project { clear: both; }
.add-project input[type="text"] { font-size: 15px; background: none; outline: none; border: 1px solid #ccc; color: #000; width: 91.5%; padding: 4%; border-radius: 3px; margin-bottom: 15px; }
.add-project input[type="file"],
.profile-sidebar input[type="file"]{ padding: 10px 13px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; color: #000; font-size: 15px; position: relative; outline: none; width: 100%; font-family: 'proxima-nova', serif; margin-bottom: 12px; }
.add-project .file-selected input[type="text"] { padding: 10px; margin-top: 3px; }
/*.add-project input[type="file"]::before,
.profile-sidebar input[type="file"]::before { position: absolute; font-size: 16px; content: 'Upload Images'; width: 100%; display: block; text-align: center; background: #169e49; color: #fff; border-radius: 3px; height: 35px; padding-top: 12px; outline: none; }
.profile-sidebar input[type="file"]::before { content: 'Upload Profile Image'; }*/
.add-project textarea { font-size: 15px; font-family: 'proxima-nova', serif; border: 1px solid #ccc; color: #000; width: 90%; padding: 4%; border-radius: 3px; height: 160px; outline: none; }
.add-project .left { width: 48%; float: left; }
.add-project .right { width: 50%; float: right; margin-bottom: 20px; }
.add-project .file-selected { margin-bottom: 30px; }
.add-project .current-imgs { margin: 15px 0 30px; clear: both; }
.add-project .current-imgs .item { position: relative; width: 100px; float: left; margin-right: 7px; cursor: pointer; }
.add-project .current-imgs .item img { width: 100px; height: 100px; }
.add-project .current-imgs .item .delete { display:none; position: absolute; top: 0; left: 0; width: 100px; height: 79px; background: rgba(255, 255, 255, .7); font-size: 40px; padding: 21px 0 0 3px; font-weight: 300; text-align: center; }
.add-project .current-imgs .item button { border: none; color: #5C5D61; border: 2px solid #ccc; font-weight: 600; padding: 6px; width: 100%; outline: none; background: #fff; cursor: pointer;}
.add-project .current-imgs .item input[type="text"] { display: none; margin-top: 3px; width: 250px; background: #fff; position: absolute; z-index: 999; }

.project-alert { background: #169e49; padding: 20px; color: #fff; font-size: 17px; margin-bottom: 60px; clear: both; }
.project-alert-red { background: #e74c3c; padding: 20px; color: #fff; font-size: 17px; margin-bottom: 60px; clear: both; }

.profile-sidebar { margin-top: 50px; width: 315px; float: right; }
.profile-sidebar h3 { font-size: 28px; font-weight: 300; padding-bottom: 29px; }
.profile-sidebar .img-container { max-height: 270px; overflow: hidden; margin-bottom: 25px; }
.profile-sidebar .full-profile { position: relative; padding-top: 10px; text-align: center; float: left; width: 150px; height: 31px; color: #e24725; border: 2px solid #e24725; text-decoration: none; display: block; margin-bottom: 20px; }
.profile-sidebar .connect { position: relative; padding-top: 10px; text-align: center; float: right; width: 150px; height: 31px; color: #898a8d; border: 2px solid #898a8d; text-decoration: none; display: block; margin-bottom: 20px; }
.profile-sidebar .connect span,
.profile-sidebar .full-profile span { position: relative; z-index: 2; }
.profile-sidebar .connect::after,
.profile-sidebar .full-profile::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 0px; background: #e24725;  }
.profile-sidebar .connect::after { background: #898a8d; }
.profile-sidebar .connect:hover,
.profile-sidebar .full-profile:hover { color: #fff; }
.profile-sidebar .connect:hover::after,
.profile-sidebar .full-profile:hover::after { height: 100%; }
.profile-sidebar span { font-weight: 400; }
.profile-sidebar .edit-profile { display: none; }
.profile-sidebar .profile-selected { margin-bottom: 7px; }
.profile-sidebar .user-bio { margin-top: 10px; }
.profile-sidebar select { width: 100%; display: border-box; border: 1px solid #ccc; outline: none; padding: 7px 5px; border-radius: 3px; margin-bottom: 12px; }

.add-keyword-box { float: left; margin-right: 30px; width: 240px; margin-top: 78px; }
.add-keyword-box .input-keyword { position: relative; }
.add-keyword-box .input-keyword input[type="text"] { padding: 4px; outline: none; width: 170px; padding-right: 7px; padding: 12px 13px; width: 100%; box-sizing: border-box;}
.add-keyword-box .input-keyword .fa-plus { position: absolute; cursor: pointer; top: 15px; right: 13px; }

.keyword-box { float: right; margin-top: 76px; width: 820px;}
.keyword-box table tr { background: #ccc; float: left; width:40%; margin-right: 10%; }
.keyword-box table tr:nth-child(4n+1),
.keyword-box table tr:nth-child(4n+2){ background: #fff; }
.keyword-box table tr td { padding: 5px 12px; }
.keyword-box .fa-close { cursor: pointer; }
.keyword-box .keywords { list-style-type: none; }
.keyword-box .keywords li { display: block; float: left; border: 1px solid #D0D0D0; position: relative; margin: 0 7px 7px; width: 250px; }
.keyword-box .keywords li:nth-child(3n) { margin-right: 0px; }
.keyword-box .keywords li p { float: left; padding: 10px 25px 10px 13px; }
.keyword-box .keywords li i { background: #eaeaea; display: block; float: right; padding: 12px 13px; font-size: 20px; border-left: 1px solid #D0D0D0; color: #C9C9C9; height: 100%; position: absolute; right: 0; box-sizing: border-box; }

.email-box { width: 730px; float: left; }
.email-box input,
.email-box textarea { max-width: 93%; display: block; margin: 10px 0; width: 100%; border: 1px solid #169e49; padding: 10px; border-radius: 3px; }
.email-box textarea { height: 200px; }
.email-box input[type="submit"] { max-width: 98%; font-size: 16px; font-weight: 600; color: #fff; background: #169e49;}

/*------- TOGGLES -------*/

.toggles { list-style: none; }
.toggles a { color: #e24725; text-decoration: none; }
.toggles a:hover { text-decoration: underline; }
.toggles .toggle { display: block; width: 100%; border: 1px solid #D0D0D0; margin: 0 0 15px; }
.toggles .toggle .title { float: left; padding: 12px 25px 10px 13px; font-weight: 600; }
.toggles .toggle .date { display: block; float: right; padding: 12px 13px; border-left: 1px solid #D0D0D0; color: #C9C9C9; box-sizing: border-box; }
.toggles .toggle .content { display: none; padding: 20px; border-top: 1px solid #d0d0d0; }
.toggles .toggle .content strong { font-weight: 600; }
.toggles .toggle i { background: #eaeaea; display: block; float: right; font-size: 20px; padding: 13px 16px; border-left: 1px solid #D0D0D0; color: #C9C9C9; box-sizing: border-box; cursor: pointer; }


/*-------- LIGHTBOX -------*/

.lightbox-bg { display: none; z-index: 999; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); }
.lightbox-container { position: relative; padding-top: 120px; left: 0; right: 0; bottom: 0; margin: auto; max-width: 75%; max-height: 75%; }
.lightbox-img { max-width: 100%; }
.lightbox-exit { cursor: pointer; font-size: 40px; font-weight: 300; position: fixed; top: 0; right: 0px; padding: 10px 19px; background: #fff; }
.lightbox-title { padding: 13px 18px; background: #e24725; color: #fff; }
.lightbox-title .left { float: left; }
.lightbox-title h2 { padding: 0; font-size: 20px; }
.lightbox-title p { font-size: 15px; }
.lightbox-title a { display: block; background: #fff; padding: 9px; margin: 5px 0; color: #e24725; font-weight: 600; text-decoration: none; float: right; }
.lightbox-content { padding: 16px 20px; background: #fff; border: 1px solid #ccc; border-top: 0; }
.lightbox-content ul li { list-style: none; float: left; padding: 3px; width: 245px; }

.connect-lightbox .lightbox-container { max-width: 500px; }
.connect-lightbox input,
.connect-lightbox select,
.connect-lightbox textarea { max-width: 93%; display: block; margin: 20px auto; width: 100%; border: 1px solid #ccc; padding: 10px; border-radius: 3px; }
.connect-lightbox select { max-width: 98%; }
.connect-lightbox input[type="submit"] { max-width: 98%; font-size: 16px; font-weight: 600; color: #fff; background: #169e49;}

.delete .lightbox-container { max-width: 500px; width: 100%; height: 400px; padding-top: 300px; }
.delete .lightbox-content { padding: 16px 24px 24px; background: #fff; border-top: 1px solid #ccc; text-align: center; }
.delete .yes { padding: 15px 20px; background: #169e49; margin: 15px; border: none; color: #fff; font-size: 16px; font-weight: 600; width: 90px; cursor: pointer; }
.delete .no { padding: 15px 20px; background: #e74c3c; margin: 15px; border: none; color: #fff; font-size: 16px; font-weight: 600; width: 90px; cursor: pointer; }

.filter-dropdown { border: 1px solid #c6c6c6; font-size: 15px; padding: 8px 11px; position: relative; cursor: pointer; margin-bottom: 15px; font-weight: 300; }
.filter-dropdown .fa-angle-down { position: absolute; top: 4px; right: 11px; font-size: 24px; color: #e24725; }
.filter-dropdown ul { list-style-type: none; padding-top: 12px; border-top: 1px solid #c6c6c6; display: none; margin-top: 10px; }
.filter-dropdown ul li { padding-bottom: 5px; }
.filter-dropdown p { font-weight: 400; }

.filter-sidebar { padding-top: 62px; }

footer { height: 25px; margin-top: 45px; background: #2c2c2c; padding: 10px 0; }

/*------- MISC ---------*/

button { background: #e24826; padding: 10px 13px; color: #fff; border: none; outline: none; font-weight: 600; font-size: 14px; font-family: 'proxima-nova'; cursor: pointer; }

.dont-upload { color: #e74c3c; }
.add-project { display: none; }

.profile-sidebar .connect::after, .profile-sidebar .full-profile::after, .profile-sidebar .connect, .profile-sidebar .full-profile, .mask, .header nav li a, .profile-gallery .blocks, .single-project .main-img i, .single-project .main-img, .project-thumbs { 
	-webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
.block-count {
	display: none;
}

#loading { opacity: .97; z-index: 9999; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: #fff; top: 170px; bottom: 40px; }
#loading-home { background: rgba(255, 255, 255, .7); position: absolute; height: 1000px; display: none; width: 920px; right: 0; top: 0; z-index: 999; }
#loading-sub { background: rgba(255, 255, 255, .7); position: absolute; height: 1000px; display: none; width: 820px; right: 0; top: 0; z-index: 999; }
.load-container { position: relative; }

::-webkit-input-placeholder { opacity: 1; } :-moz-placeholder { opacity: 1; } ::-moz-placeholder { opacity: 1; } :-ms-input-placeholder { opacity: 1; }

/*----  responsive  ----*/

@media screen and (max-width: 1200px) {
	.container { width: 830px; }

	.gallery .gallery-blocks .item:nth-child(3n) { margin-right: 7px; }
	.gallery .gallery-blocks .item:nth-child(2n) { margin-right: 0; }

	.gallery .gallery-blocks,
	.main-tabs { width: 610px; }

	.header-bottom .right .categories .cat-dropdown { width: 745px; }
}

@media screen and (max-width: 840px) {
	.container { max-width: 610px; width: 100%; padding: 0 30px; box-sizing: border-box; }

	.gallery .sidebar { float: none; width: auto; padding-top: 20px; }

	.border-container { max-width: 610px; width: 100%; }

	.gallery .gallery-blocks,
	.main-tabs, 
	.gallery .gallery-blocks .item .mask { width: 100%; height: auto; bottom: 0; padding-top: 25px; }
	.gallery .gallery-blocks .item { width: 48.75%; height: auto; }
	.gallery .gallery-blocks .item img { width: 100%; height: auto; }

	.header-bottom .logo { width: 200px; }
	.header-bottom .logo img { display: block; margin: 0 auto; float: none; }
	.header-bottom .right { padding-top: 25px; } 
}

@media screen and (max-width: 600px) {
	.header-bottom .logo { width: 100%; float: none; clear: both; }
	.header-bottom .logo a { width: 200px; display: block; margin: 0 auto; }
	.header-bottom .logo img {  }

	.header-bottom .right { width: 365px; margin: 10px auto; float: none; clear: both; } 

	.header-bottom .right .categories .cat-dropdown { width: 175px; }
}

@media screen and (max-width: 410px) {
	.gallery .gallery-blocks .item { width: 100%; }

	.header-bottom .right { width: 230px; }
	.header-bottom .right input[type='text'] { width: 140px; }

	.main-tabs a { margin-right: 15px; }
	.main-tabs a:last-child { margin-right: 0; }

}