/* main.css
==================================================================== */


/* basics
-------------------------------------------- */

body {
	font-size: 14px;
    color: #000;
    background-color: #ffffff;
    overflow: hidden;
    overflow-y: scroll;
    height: 100%;
    font-family: 'PT Sans', sans-serif;
}

body, strong, em, b, i, address, input, textarea, select
{
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

a, a:active, a:focus {
    outline: 0; outline: none; -moz-outline-style: none;
}

textarea:focus, input:focus {
    outline: 0;
}

.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clear:after { clear: both; }
.clear { zoom: 1; }

input::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

a { text-decoration: none; color: #e55c5a; }


.noty_type_info .noty_message { background-color: #e4faff !important; }



/* grid
-------------------------------------------- */

#main { height: 100%; position: relative; min-width: 1280px; }
#main_content { position: relative; padding-top: 79px; }

#comingsoon { font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 28px; text-transform: uppercase; width: 100%; text-align: center; padding: 50px 0; }


@media only screen and ( max-width : 680px )
{
    #main { min-width: 320px; overflow-x: hidden; padding-top: 68px; }

    #main_content
    {
        padding-top: 68px;
        -webkit-transition: all 150ms ease;
        -moz-transition: all 150ms ease;
        -o-transition: all 150ms ease;
        transition: all 150ms ease;
    }

    #header
    {
        -webkit-transition: all 150ms ease;
        -moz-transition: all 150ms ease;
        -o-transition: all 150ms ease;
        transition: all 150ms ease;
    }

    #footer
    {
        -webkit-transition: all 150ms ease;
        -moz-transition: all 150ms ease;
        -o-transition: all 150ms ease;
        transition: all 150ms ease;
    }

    body {
        overflow-x: hidden;
    }

}




/* header
-------------------------------------------- */


#header {
    position: absolute; top: 0; left: 0; z-index: 105; width: 100%;
    height: 79px; border-bottom: 1px solid #000; background-color: #000000;
}
#header .padding { padding: 0px 48px 0 48px; }


#header .logo {  float: left; margin-right: 20px; width: 124px; height: 46px; position: absolute; top: 17px; left: 43px; }

#header .navigation { float: left; padding-top: 4px; position: absolute; top: 19px; left: 180px; }
#header .navigation a
{
    float: left;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    padding: 10px 20px;
}
#header .navigation a:hover { color: #e55c5a; }
#header .navigation a.active, #header .navigation a.current { color: #e55c5a; }

#header .right-boxes { z-index: 99;  position: absolute; top: 0px; right: 0; padding-top: 16px; padding-right: 40px; }

#header #btn-submit_work { float: left; margin-left: 10px; width: 300px; display: block; background-color: #e35d5d; padding: 14px 10px; text-decoration: none; text-align: center; display: block; }
#header #btn-submit_work .text { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; color: #fff; text-transform: uppercase; margin-right: 16px; }
#header #btn-submit_work .arrow {  }
#header #btn-submit_work:hover { background-color: #f38383; }


#header .right-boxes { padding-top: 29px; }
#header .right-boxes .btn { float: left; display: block; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 13px; text-transform: uppercase; padding: 3px 14px; }
#header .right-boxes .btn:hover { color: #e55c5a; }
#header .right-boxes .trigger-login_open { border-right: 1px solid #ac4648; }


#header .account-dropdown { color: #fff; position: absolute; top: 17px; right: 40px; }
#header .account-dropdown .trigger { position: relative; cursor: pointer; height: 46px; }

#header .account-dropdown .trigger .profile-avatar
{
    position: absolute; top: 0; left: 0;
    border: 3px solid rgba(255,255,255,0.3);
    padding: 1px;
}

#header .account-dropdown .trigger .profile-avatar .image { width: 35px; height: 35px; }



#header .account-dropdown .trigger .name {
    font-family: 'Montserrat', sans-serif; font-size: 13px;
    padding-left: 56px; padding-top: 14px; padding-right: 24px;
    white-space: nowrap;
 }

#header .account-dropdown .trigger .caret
{
    width: 0; height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    position: absolute; top: 20px; right: 0px;
}

#header .account-dropdown .trigger .badge {
    padding: 4px 6px; background-color: #c0c0c0; color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #e55c5a;
    display: inline-block;
    position: absolute; top: -1px; left: 31px;
    text-align: center;
    min-width: 21px;
}



#header .account-dropdown .menu {
    background-color: #1e1e1e;
    position: absolute; top: 100%; right: -21px;
    width: 217px;
    padding: 10px 0;
    margin-top: -5px;
    display: none;
}

#header .account-dropdown .menu .btn {
    font-family: 'Montserrat', sans-serif; font-size: 12px;
    color: #fff; display: block; padding: 10px 20px;
    display: block; float: none;
    position: relative;
}
#header .account-dropdown .menu .btn:hover { color: #e55c5a; background-color: #000; }


#header .account-dropdown .menu .btn .badge {
    padding: 2px 6px; background-color: #c0c0c0; color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1e8cd4;
    display: inline-block;
    position: absolute; top: 9px; right: 20px;
}


#header .account-dropdown .menu:before
{
    content: '';
    position: absolute;

    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #1e1e1e;

    display: block;
    width: 0;
    z-index: 0;
    bottom: 100%;
    right: 17px;
}


#header .account-dropdown:hover .menu { display: block; }


#header .beta {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    background-color: #e35d5d;
    padding: 1px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 6px;
    position: relative; top: -1px;
    font-weight: bold;
}

#mobile-menu .beta {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    background-color: #e35d5d;
    padding: 1px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 6px;
    position: relative; top: -1px;
    font-weight: bold;
}

#featured .honorable .slider .entry-sweepstakes { background-color: #2b2b2b !important; }

#featured .honorable .slider .entry-sweepstakes .info {
    background-color: #2b2b2b !important;
 }

#featured .honorable .slider .entry-sweepstakes .info img { margin: auto; width: auto; }

@media only screen and ( max-width : 680px )
{
    #header { height: 68px; }
    #header .padding { text-align: center; padding: 0; }
    #header .logo {  position: absolute !important; top: 11px !important; left: 17px !important; width: 120px !important; }
    #header .menu-icon { position: absolute; top: 25px; right: 25px; display: block; }
}





/* footer
-------------------------------------------- */

#footer { width: 100%; background-color: #1e1e1e; }
#footer .padding { padding: 59px 95px 91px 95px;  }

#footer .leftside { float: left; }
#footer .rightside { float: right; }

#footer .leftside .tagline { font-size: 24px; color: #fff; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-bottom: 35px; }

#footer .leftside .social { margin-bottom: 27px; }
#footer .leftside .social .btn { margin-right: 8px; }
#footer .leftside .social img { vertical-align: top; }


#footer .leftside .social .btn { width: 18px; height: 18px; display: inline-block; }
#footer .leftside .social .btn-twitter { background: transparent url('../../img/about/footer/twitter.png') no-repeat 0% 0%; }
#footer .leftside .social .btn-facebook { background: transparent url('../../img/about/footer/facebook.png') no-repeat 0% 0%; }
#footer .leftside .social .btn-plus { background: transparent url('../../img/about/footer/plus.png') no-repeat 0% 0%; }
#footer .leftside .social .btn-instagram { background: transparent url('../../img/about/footer/instagram.png') no-repeat 0% 0%; }

#footer .leftside .social-buttons { margin-bottom: 14px; }
#footer .leftside .social-buttons .item { float: left; margin-right: 7px; }

#footer .leftside .copyright { font-size: 14px; color: #838383; font-family: 'PT Sans', sans-serif; }

#footer .rightside #input-newsletter { float: right; margin-right: 10px; background-color: #747474; border: none; padding: 5px 20px; height: 30px; text-align: left; color: #fff; font-size: 14px; }
#footer .rightside #newsletter-submit { float: right; }

#footer .rightside .messages { padding-top: 10px; clear: both; }
#footer .rightside .messages .error { display: none; font-size: 14px; color: #e00000; font-family: 'PT Sans', sans-serif; }
#footer .rightside .messages .success { display: none; width: 230px; font-size: 14px; color: #1cc800; font-family: 'PT Sans', sans-serif; }


#footer .rightside .contact-box { color: #fff; width: 280px; position: absolute; bottom: 91px; right: 54px; }
#footer .rightside .contact-box .title { font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; }
#footer .rightside .contact-box .text { font-size: 13px; }
#footer .rightside .contact-box a:hover { text-decoration: underline; }



@media only screen and ( max-width : 680px )
{
    #footer { width: 100%; }
    #footer .padding { padding: 40px 34px 40px 34px;  }

    #footer .leftside { float: none; }
    #footer .rightside { float: none; }

    #footer .leftside .tagline { font-size: 16px; width: 100%; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-bottom: 25px; text-align: center; }

    #footer .leftside .social { margin-bottom: 30px; text-align: center; }
    #footer .leftside .social .btn { margin-right: 8px;  }
    #footer .leftside .social img { vertical-align: top; width: 20px; }

    #footer .copyright { font-size: 9px; color: #838383; font-family: 'PT Sans', sans-serif; text-align: center; clear: both; position: absolute; bottom: 20px; left: 0; width: 100%; }

    #footer .rightside { margin-bottom: 20px; }
    #footer .rightside #input-newsletter { float: right; display: block; margin-right: 5px; border: none; padding: 5px 20px; width: 194px; height: 30px; text-align: center; color: #fff; font-size: 14px; position: relative; top: 0px; }
    #footer .rightside #newsletter-submit { float: right; display: block; width: 30px; height: 30px; position: relative; top: 0px; }
    #footer .rightside #newsletter-submit img { width: 100%; }
    #footer .rightside .messages { padding-top: 10px; clear: both; }
    #footer .rightside .messages .error { display: none; font-size: 14px; color: #e00000; font-family: 'PT Sans', sans-serif; }
    #footer .rightside .messages .success { display: none; width: 230px; font-size: 14px; color: #1cc800; font-family: 'PT Sans', sans-serif; }

    #field-newsletter { width: 233px; text-align: center; margin: auto; }

    #footer .rightside .contact-box  { display: none; }
    #footer .leftside .social-buttons { display: none; }
}



/* mobile-menu
-------------------------------------------- */


#mobile-menu
{
    width: 211.5px;
    height: 100%;


    overflow: auto;

    background-color: #212121;
    position: fixed;
    top: 0px; right: -211.5px; z-index: 999;

    -webkit-transition: all 150ms ease;
    -moz-transition: all 150ms ease;
    -o-transition: all 150ms ease;
    transition: all 150ms ease;
}

#mobile-menu .logo
{
    overflow: hidden;
    margin: auto;
    margin-bottom: 15px;
    margin-top: 16px;
    text-align: center;
    display: block;
}

#mobile-menu .logo img { width: 118px; }


#mobile-menu .links
{
    border-bottom: 1px solid #303030;
    border-top: 1px solid #0a0a0a;

}

#mobile-menu .links a {
    font-size: 16px; line-height: 24px; color: #ffffff; padding: 20px; display: block; text-align: center;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #0a0a0a;
    font-weight: 300;
}

#mobile-menu .links a.current { color: #464646; }

#mobile-menu .social { background-color: #1b1b1b; padding: 25px 20px; text-align: center; margin-bottom: 20px; }
#mobile-menu .social .facebook { margin-bottom: 15px; }
#mobile-menu .social .twitter { margin-bottom: 10px; }
#mobile-menu .social .plus { margin-bottom: 10px; }
#mobile-menu .social .instagram { margin-bottom: 0px; }

#mobile-menu .copyright
{
    color: #606060; font-size: 8px; width: 100%; text-align: center;
    padding-bottom: 30px;
}



#mobile-cover { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; }


.show-nav #mobile-menu
{
    right: 0; z-index: 999;
}



.show-nav #mobile-menu
{
    right: 0;
}

.show-nav #main_content,
.show-nav #header,
.show-nav #footer
{
    -ms-transform: translateX(-211px);
    -webkit-transform: translateX(-211px);
    transform: translateX(-211px);
    overflow: hidden;

}

.show-nav { overflow: hidden; }
.show-nav #main_content { overflow: hidden; }
.show-nav #mobile-cover { display: block; }





/* panel-bubble
-------------------------------------------- */

.panel-bubble
{
    visibility: hidden;
    position: absolute;
    z-index: 99;

    width: auto;
    height: auto;

    padding: 0px;
    background-color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

    white-space: nowrap;

    -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.43);
    -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.43);
    box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.43);
}

.panel-bubble.active { visibility: visible; }

.panel-bubble:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 100%;
    left: 17px;
}

.panel-bubble .pb-judges { font-size: 0; max-width: 254px; overflow: hidden; background-color: #fff; }
.panel-bubble .pb-judges .judge
{
    display: inline-block !important;
    text-align: center;
    border-left: 1px solid #000;
    background-color: #fff;
    padding-bottom: 5px;
    margin-left: 0;
}
.panel-bubble .pb-judges .judge.hiding
{
    margin-left: -51px;
    opacity: 0;

    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.panel-bubble .pb-judges .judge:first-child { border: none; }

.panel-bubble .pb-judges .judge .jimage { width: 50px; height: 50px; margin-bottom: 4px; }
.panel-bubble .pb-judges .judge .jimage img { vertical-align: top; width: 100%; }
.panel-bubble .pb-judges .judge .jname { width: 50px; font-size: 10px; line-height: 10px; font-family: 'PT Sans', sans-serif; color: #000; }
.panel-bubble .pb-judges .judge .jscore { width: 50px; font-size: 13px; line-height: 13px; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #000; }

.panel-bubble .pb-progress { width: 100%; height: 2px; background-color: #000; position: absolute; top: -2px; left: 0; }
.panel-bubble .pb-progress .pb-progress-bar {
    background-color: #e35d5d; width: 100%; height: 2px; position: absolute; top: 0px; left: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.pbcolor-interactive .pb-progress .pb-progress-bar { background-color: #367096 !important; }
.pbcolor-design .pb-progress .pb-progress-bar { background-color: #33d9bc !important; }
.pbcolor-craft .pb-progress .pb-progress-bar { background-color: #87cedd !important; }
.pbcolor-total .pb-progress .pb-progress-bar { background-color: #e25c5c !important; }


/* bubble
-------------------------------------------- */


.bubble
{
    visibility: hidden;
    position: absolute;

    width: auto;
    height: auto;

    padding: 0px;
    background-color: #1e1e1e;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;

    white-space: nowrap;
}

.bubble:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: #1e1e1e transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: 100%;
    left: 34px;
}

.bubble .bubble-inside { padding: 5px; white-space: nowrap; color: #fff; }

.bubble .judge { display: inline-block; text-align: center; }
.bubble .judge .jimage { width: 41px; height: 40px; margin-bottom: 4px; }
.bubble .judge .jimage img { vertical-align: top; }
.bubble .judge .jname { font-size: 10px; line-height: 10px; }
.bubble .judge .jscore { font-size: 16px; line-height: 14px; font-weight: 700; }





/* form fields
-------------------------------------------- */

.form-newstyle .form-group { position: relative; margin-bottom: 32px; }
.form-newstyle .field { position: relative; }
.form-newstyle .field label {
    display: block;
    position: absolute; top: -6px; left: 11px;
    padding: 0 8px;
    font-family: 'Montserrat', sans-serif; text-transform: uppercase;  font-size: 12px; color: #9d9d9d;
}
.form-newstyle .field label .mask {
    background-color: #f7f7f7; width: 100%; height: 7px; position: absolute; top: 0; left: 0; z-index: 0;
 }
.form-newstyle .field label .text { z-index: 1; position: relative; }

.form-newstyle .field .form-input { border: 1px solid #a5a5a5; height: 49px; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #000000; padding: 14px 15px; width: 100%; }

.form-newstyle .field.focus .form-input { border-color: #505050; }
.form-newstyle .field.focus label { color: #505050; }

.form-newstyle .smalltext { color: #656565; font-size: 12px; padding-top: 6px; display: block; }
.form-newstyle .smalltext .value { font-weight: bold; }


.form-newstyle .errortext { color: #c50d0a; font-size: 12px; padding-top: 6px; display: block; }
.form-newstyle .errortext .value { font-weight: bold; }

.form-newstyle .error .field .form-input { border: 1px solid #c50d0a; background-color: #ffebeb; }
.form-newstyle .error .field label { color: #c50d0a; }

.form-newstyle .btn-submit { clear: both; display: block; border: none; width: 100%; background-color: #e55c5a; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 2px; text-align: center; padding: 15px; text-transform: uppercase; margin-bottom: 15px; }
.form-newstyle .btn-submit:hover { background-color: #fd6f6d; }
.form-newstyle .btn-submit:active { outline: none; }

.twitter-typeahead { width: 100%; }
.form-newstyle .field label .text { z-index: 2; }
.form-newstyle .field label .mask { z-index: 1; }




.form-newstyle .tag-group .field .add_tag { cursor: pointer; position: absolute; top: 12px; right: 13px; width: 25px; height: 25px; background: transparent url('../../img/v25/profile/add_tag.png') no-repeat 0 0;  }

.form-newstyle .tag-group .tt-menu {
    width: 100%; border: 1px solid #505050; background-color: #f6f6f6;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.18);
}
.form-newstyle .tag-group .tt-menu .tt-suggestion { cursor: pointer; padding: 10px 20px; font-size: 15px; font-family: 'Montserrat', sans-serif; }
.form-newstyle .tag-group .tt-menu .tt-suggestion:hover { background-color: #fff; color: #e55c5a; }
.form-newstyle .tag-group .tt-menu .tt-cursor { background-color: #dbdbdb; }
.form-newstyle .tag-group .tt-menu .tt-highlight { font-weight: bold; color: #e55c5a; }

.form-newstyle .tag-group .tt-menu .empty { padding: 10px 20px; font-size: 15px; font-family: 'Montserrat', sans-serif; }

.form-newstyle .tag-group .tags-list { padding-top: 30px; }
.form-newstyle .tag-group .tags-list .tag { cursor: pointer;  padding: 5px 34px 5px 10px; font-size: 14px; color: #313131; text-transform: uppercase; display: inline-block; margin-right: 9px; margin-bottom: 9px; background: #dbdbdb  url('../../img/v25/profile/delete_tag.png') no-repeat 100% 50%; }

.form-newstyle .tag-group .field .loader { display: none; width: 25px; height: 25px; position: absolute; top: 10px; right: 11px; }
.form-newstyle .tag-group .field .loader svg { width: 100%; }

.form-newstyle .tag-group.loading .field .loader { display: block; }
.form-newstyle .tag-group.loading .field .add_tag { display: none; }

.form-newstyle .tag-group .tt-input { padding-right: 47px; }

.form-newstyle .tag-group.focus .tt-input { border-color: #000; }
.form-newstyle .tag-group.focus .add_tag { background: transparent url('../../img/v25/profile/add_tag_focus.png') no-repeat 0 0; }
.form-newstyle .tag-group.focus .field label { color: #000; }


.form-newstyle .tag-group .contactus { font-size: 12px; font-family: 'Montserrat', sans-serif; position: absolute; bottom: -21px; right: 0; text-transform: uppercase; color: #9d9d9d; }
.form-newstyle .tag-group .contactus a:hover { text-decoration: underline; }


/* dropzone loader
-------------------------------------------- */

.dz-clickable .dropzone_loader {
    opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.7);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}
.dz-clickable .dropzone_loader svg { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; }
.dz-clickable .dropzone_loader svg * { fill: #e55c5a; }

.dz-clickable.loading .info { opacity: 0; }
.dz-clickable.loading .holder { opacity: 0; }
.dz-clickable.loading .dropzone_loader { opacity: 1; visibility: visible; }



/* overlay form
-------------------------------------------- */

.overlay-form { display: none; }
.overlay-form.open { display: block; }
.overlay-noscroll { overflow: hidden; }

.overlay-form .form-box { margin-bottom: 100px; }


.mobile-noscroll, .mobile-noscroll body, .mobile-noscroll #main
{
    overflow: hidden;
    position: relative;
    height: auto;
}

.mobile-noscroll #main { width: 100%; height: 100%; position: fixed; }

.mobile-noscroll #main_content
{
    position: static;
}



/* register form
-------------------------------------------- */

#register-form
{
    background-color: rgba(0,0,0,0.8);
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 999999;
    overflow: auto;
    font-family: 'PT Sans', sans-serif;
}

#register-form .form-box { width: 647px; min-height: 500px; background-color: #fff; position: absolute; top: 106px; left: 50%; margin-left: -323.5px; }

#register-form .form-header { background-color: #f7f7f7; padding: 30px 40px 20px 40px; position: relative; }
#register-form .form-header .title { color: #000; font-size: 35px; line-height: 25px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; }
#register-form .form-header .btn-close { width: 40px; height: 40px; position: absolute; top: 16px; right: 19px; background: transparent url('../../img/v25/signup/btn_close.png') no-repeat 50% 50%; }

#register-form .form-tabs { background-color: #eee; border-bottom: 1px solid #d5d5d5; height: 57px; padding: 0 40px; }
#register-form .form-tabs .tab { font-size: 16px; margin-right: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; display: inline-block; padding: 22px 10px 15px 10px; color: #000; position: relative; }
#register-form .form-tabs .tab .line { display: none; width: 100%; height: 2px; background-color: #e55c5a; position: absolute; bottom: -1px; left: 0; }
#register-form .form-tabs .tab:hover { color: #e55c5a; }
#register-form .form-tabs .tab.active { color: #e55c5a; }
#register-form .form-tabs .tab.active .line { display: block; }

#register-form .form-body { background-color: #f7f7f7; padding: 40px 30px; }

#register-form .form-body .group-agency_name { display: none; }
#register-form .form-body .group-agency_type { display: none; }
#register-form .form-body .group-website { display: none; }

#register-form .form-body .group-first_name { width: 50%; float: left; padding-right: 10px; }
#register-form .form-body .group-last_name { width: 50%; float: left; padding-left: 10px; }
#register-form .form-body .group-email { clear: both; }

#register-form .form-body .group-country { width: 50%; float: left; padding-right: 10px; }
#register-form .form-body .group-postalcode { width: 50%; float: left; padding-left: 10px; }

#register-form .form-body .group-username { width: 50%; float: left; padding-right: 10px; }
#register-form .form-body .group-password { width: 50%; float: left; padding-left: 10px; }

#register-form .form-body .form-bottom { clear: both; padding-top: 10px; }

#register-form .form-body .legal { font-size: 12px; color: #656565; text-align: center; margin-bottom: 40px; }
#register-form .form-body .legal a { color: #e8807f; text-decoration: underline; }

#register-form .form-body .already { font-size: 16px; color: #313131; text-align: center; padding-top: 20px; }
#register-form .form-body .already a { color: #e8807f; text-decoration: underline; }

#register-form .form-body .group-agency_name { display: none; }
#register-form .form-body .group-agency_name.showing { display: block; }

#register-form .social-login { clear: both; margin-bottom: 30px; display: none; }
#register-form .social-login .or { position: relative; text-align: center; margin-bottom: 30px; }
#register-form .social-login .or .text { font-size: 27px; font-family: 'Montserrat', sans-serif; padding: 0px 20px; background-color: #f7f7f7; margin: auto; position: relative; z-index: 1; display: inline-block; font-weight: bold; }
#register-form .social-login .or .line { width: 100%; height: 1px; background-color: #c6c6c6; position: absolute; top: 50%; left: 0; z-index: 0; }

#register-form .social-login .cell { width: 50%; float: left; }
#register-form .social-login .facebook-cell { padding-right: 10px; }
#register-form .social-login .linkedin-cell { padding-left: 10px; }

#register-form .social-login .btn { display: block; text-align: center; display: block; width: 100%;  padding: 20px; position: relative; }
#register-form .social-login .btn .text { display: inline-block; color: #fff; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin-right: 20px; position: relative; top: -2px; }
#register-form .social-login .btn .icon { width: 20px; height: 20px; display: inline-block; position: relative; top: 3px; }

#register-form .social-login .btn-facebook_login { background-color: #3c5a9c; }
#register-form .social-login .btn-facebook_login .icon { background: transparent url('../../img/v25/signup/facebook_login.png') no-repeat 50% 50%; }
#register-form .social-login .btn-linkedin_login { background-color: #0274b3; }
#register-form .social-login .btn-linkedin_login .icon { background: transparent url('../../img/v25/signup/linkedin_login.png') no-repeat 50% 50%; }

#register-form .smalltext .u { display: inline; }
#register-form .smalltext .a { display: none; }



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

#login-form
{
    background-color: rgba(0,0,0,0.8);
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 999999;
    overflow: auto;
    font-family: 'PT Sans', sans-serif;
}

#login-form .form-box { width: 808px; background-color: #fff; position: absolute; top: 106px; left: 50%; margin-left: -404px; }

#login-form .form-box { width: 433px; margin-left: -216.5px; }

#login-form .form-header { background-color: #f7f7f7; padding: 30px 30px 20px 30px; position: relative; }
#login-form .form-header .title { color: #000; font-size: 35px; line-height: 25px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; }
#login-form .form-header .btn-close { width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; background: transparent url('../../img/v25/signup/btn_close.png') no-repeat 50% 50%; }

#login-form .form-body { background-color: #f7f7f7; padding: 20px 30px 40px 30px; }

/*
#login-form .form-body .left-side { width: 373px; float: left; border-right: 1px solid #b9b9b9; padding-right: 40px; }
#login-form .form-body .right-side { width: 373px; float: left; padding-left: 40px; }
*/

#login-form .form-body .left-side { width: 373px;  }
#login-form .form-body .right-side { display: none; }


#login-form .form-body .right-side .btn { display: block; text-align: center; display: block; width: 100%;  padding: 12px 20px; position: relative; }
#login-form .form-body .right-side .btn .text { display: inline-block; color: #fff; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; margin-right: 20px; position: relative; top: -2px; }
#login-form .form-body .right-side .btn .icon { width: 20px; height: 20px; display: inline-block; position: relative; top: 2px; }

#login-form .form-body .right-side .btn-facebook_login { background-color: #3c5a9c; margin-bottom: 20px; }
#login-form .form-body .right-side .btn-facebook_login .icon { background: transparent url('../../img/v25/signup/facebook_login.png') no-repeat 50% 50%; }
#login-form .form-body .right-side .btn-linkedin_login { background-color: #0274b3; margin-bottom: 40px; }
#login-form .form-body .right-side .btn-linkedin_login .icon { background: transparent url('../../img/v25/signup/linkedin_login.png') no-repeat 50% 50%; }

#login-form .form-body .right-side .text { font-size: 16px; }


#login-form .form-body .left-side .group-password { margin-bottom: 10px; }

#login-form .form-body .left-side .btn-forgot { margin-bottom: 20px; color: #1e1e1e; font-size: 12px; color: #1e1e1e; text-decoration: underline; font-family: 'Montserrat', sans-seri }

#login-form .form-body .left-side .btn-submit { clear: both; display: block; background-color: #e55c5a; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 2px; text-align: center; padding: 15px; text-transform: uppercase; margin-bottom: 20px; }
#login-form .form-body .left-side .btn-submit:hover { background-color: #fd6f6d; }

#login-form .form-body .left-side .already { font-size: 16px; color: #313131; padding-bottom: 0px; padding-top: 20px; text-align: center; }
#login-form .form-body .left-side .already a { color: #e8807f; text-decoration: underline; }



/* forgot form
-------------------------------------------- */

#forgot-form
{
    background-color: rgba(0,0,0,0.8);
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 999999;
    overflow: auto;
    font-family: 'PT Sans', sans-serif;
}

#forgot-form .form-box { width: 518px; background-color: #fff; position: absolute; top: 106px; left: 50%; margin-left: -259px; }

#forgot-form .form-header { background-color: #f7f7f7; padding: 30px 30px 20px 30px; position: relative; }
#forgot-form .form-header .title { color: #000; font-size: 35px; line-height: 25px; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; }
#forgot-form .form-header .btn-close { width: 40px; height: 40px; position: absolute; top: 20px; right: 20px; background: transparent url('../../img/v25/signup/btn_close.png') no-repeat 50% 50%; }

#forgot-form .form-body { background-color: #f7f7f7; padding: 20px 30px 40px 30px; }

#forgot-form .form-body .btn-submit { clear: both; max-width: 282px; display: block; background-color: #e55c5a; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 20px; letter-spacing: 2px; text-align: center; padding: 15px; text-transform: uppercase; margin-bottom: 20px; }
#forgot-form .form-body .btn-submit:hover { background-color: #fd6f6d; }

#forgot-form .form-body .already { font-size: 22px; color: #313131; padding-bottom: 20px; }
#forgot-form .form-body .already a { color: #e8807f; text-decoration: underline; }


#forgot-form .form-body .before-send { display: block; }
#forgot-form .form-body .after-send { display: none; }


#forgot-form .form-body .after-send .intitle { font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: bold; margin-bottom: 10px; }
#forgot-form .form-body .after-send .intext { margin-bottom: 60px; }



/* card style
-------------------------------------------- */

.cs-card_style {
    margin: 0 13px 70px 13px; width: 348px; height: 484px; display: block; float: left; position: relative; background-color: #fff; vertical-align: top;
    text-align: left;
}
.cs-card_style span { display: block; }

.cs-card_style .thumbnail { display: block; width: 100%; height: 280px; position: relative; background-color: #e1e1e1; }

.cs-card_style .thumbnail .overflow { width: 100%; height: 100%; position: relative; overflow: hidden; display: block; }

.cs-card_style .thumbnail .image {
    width: 100%; height: 100%; background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    transition: all 550ms ease;
}
.cs-card_style .thumbnail .hover
{
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 1; opacity: 0;
    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    transition: all 550ms ease;
}

.cs-card_style .thumbnail .hover .text
{
    font-size: 50px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -34px;
}

.cs-card_style .content { border: 1px solid #e1e1e1; border-top: none; width: 100%; height: 144px; position: relative; font-family: 'Montserrat', sans-serif;  }

.cs-card_style .content .info { padding: 17px 15px 0 15px; }
.cs-card_style .content .info .type { font-size: 11px; color: #636363; margin-bottom: 5px; }
.cs-card_style .content .info .title { font-size: 18px; color: #000; font-weight: bold; margin-bottom: 5px; }
.cs-card_style .content .info .agency { font-size: 14px; line-height: 16px; color: #e55c5a; }

.cs-card_style .content .tech {
    font-size: 12px; color: #000; position: absolute; bottom: 14px; left: 15px; font-family: 'PT Sans', sans-serif;
    width: 290px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.cs-card_style .content .tech a { color: #000; }
.cs-card_style .content .tech a:hover { text-decoration: underline; }

.cs-card_style .content .social { font-size: 10px; color: #000; position: absolute; bottom: 14px; right: 5px; }
.cs-card_style .content .social .cell { display: inline-block; padding-left: 17px; margin-right: 7px; }
.cs-card_style .content .social .cell.hearts { background: transparent url('../../img/v25/projects/hearts_icon.png') no-repeat 0 50%; }
.cs-card_style .content .social .cell.tweets { background: transparent url('../../img/v25/projects/twitter_icon.png') no-repeat 0 50%; }
.cs-card_style .content .social .cell.likes { background: transparent url('../../img/v25/projects/facebook_icon.png') no-repeat 0 50%; }


.cs-card_style .scoreboard { border: 1px solid #e1e1e1; border-top: none; position: absolute; bottom: 0px; left: 0px; }
.cs-card_style .scoreboard .score { float: left; border-right: 1px solid #e1e1e1; text-align: center; width: 86px; padding: 10px 0 14px 0; position: relative; }
.cs-card_style .scoreboard .score .number { font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0px 0 1px 0px; }
.cs-card_style .scoreboard .score .label {  color: #000; font-size: 11px; line-height: 12px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

.cs-card_style .scoreboard .score1 .number { color: #377196; }
.cs-card_style .scoreboard .score2 .number { color: #3f978c; }
.cs-card_style .scoreboard .score3 .number { color: #6ca5b1; }
.cs-card_style .scoreboard .score4 { border: none; width: 88px; }
.cs-card_style .scoreboard .score4 .number { color: #e35d5d; }

.cs-card_style .thumbnail:hover .image {
    -webkit-transform: scale( 1.1 );
    -ms-transform: scale( 1.1 );
    transform: scale( 1.1 );
}
.cs-card_style .thumbnail:hover .hover {
    opacity: 1;
}

.cs-card_style .scoreboard .panel-bubble { opacity: 0;  bottom: 100%; left: 17px; margin-bottom: 10px; z-index: 99; }
.cs-card_style .scoreboard .panel-bubble.active { visibility: visible; opacity: 1; margin-bottom: 15px; }

.cs-card_style .scoreboard .score3 .panel-bubble { left: auto; right: 17px; }
.cs-card_style .scoreboard .score3 .panel-bubble:before { right: 17px; left: auto; }

.cs-card_style .scoreboard .score4 .panel-bubble { left: auto; right: 19px; }
.cs-card_style .scoreboard .score4 .panel-bubble:before { right: 17px; left: auto; }

.cs-card_style.hide-scores .content { height: 204px; }

.cs-card_style.hide-entry {
    opacity: 0;
}

.is_touch .cs-card_style .thumbnail:hover .hover
{
    opacity: 0;
}

.is_touch .cs-card_style .thumbnail:hover .image
{
    -webkit-transform: scale( 1 );
    -ms-transform: scale( 1 );
    transform: scale( 1 );
}


.cs-card_style .badge { position: absolute; top: 0px; left: 0px; width: 139px; height: 139px; z-index: 5; }

.cs-card_style .badge.badge-csotw { background: transparent url('../../img/v25/profile/badge_csotw.png') no-repeat 0 0; }
.cs-card_style .badge.badge-hm { background: transparent url('../../img/v25/profile/badge_hm.png') no-repeat 0 0; }





.cs-card_style.wip .content { border: 1px dashed #000; border-top: none; }
.cs-card_style.wip .content .social { display: none; }
.cs-card_style.wip .thumbnail .hover { display: none; }

.cs-card_style .thumbnail .wip { display: none; }

.cs-card_style.wip .thumbnail .wip
{
    display: block;
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255,255,255,0.5); z-index: 1;
    -webkit-transition: all 550ms ease;
    -moz-transition: all 550ms ease;
    -o-transition: all 550ms ease;
    transition: all 550ms ease;
}

.cs-card_style.wip .thumbnail .wip .text
{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -21px;
    margin-left: -77px;
    background-color: #fff;
    padding: 12px 20px;
    width: 154px; height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.cs-card_style.nominated .content { height: 145px; }

.cs-card_style .nominated .scorebar { width: 348px; height: 3px; position: absolute; bottom: 61px; left: 1px; }
.cs-card_style .nominated .scorebar .tick { width: 17.3px; height: 3px; background-color: #f1d7d7; float: left; border-left: 1px solid #fff; }
.cs-card_style .nominated .scorebar .tick.on { background-color: #e35d5d; }

.cs-card_style .nominated .scoreboard { border-top: 1px solid #e1e1e1; width: 348px; margin: auto; position: absolute; bottom: 0; left: 0; }
.cs-card_style .nominated .scoreboard .score { float: left; border-right: 1px solid #e1e1e1; text-align: center; width: 63px; height: 58px; padding: 12px 0 0 0; }
.cs-card_style .nominated .scoreboard .score .number { color: #000; font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 0px 0 1px 0px; }
.cs-card_style .nominated .scoreboard .score .count { display: inline; }
.cs-card_style .nominated .scoreboard .score .label { color: #000; font-size: 11px; line-height: 9px; font-weight: 700; text-transform: uppercase; font-family: 'Montserrat', sans-serif; }

.cs-card_style .nominated .scoreboard .score5 { border: none; width: 94px;  }
.cs-card_style .nominated .scoreboard .score5 .number { color: #e35d5d; }




@media only screen and ( max-width : 680px )
{
    .cs-card_style { margin: auto; margin-bottom: 20px; width: 320px; height: 176px; display: block; }
    .cs-card_style .thumbnail { height: 120px; }

    .cs-card_style .scoreboard .score { width: 79px; }
    .cs-card_style .scoreboard .score4 { width: 81px; }

    .cs-card_style .content .tech { width: 250px; }

    .cs-card_style .nominated .scoreboard .score { width: 56px; }
    .cs-card_style .nominated .scoreboard { width: 320px; }
    .cs-card_style .nominated .scorebar .tick { width: 15.9px; }
    .cs-card_style .nominated .scoreboard .score5 { width: 94px; }
    .cs-card_style .scoreboard .score .number { font-size: 16px; line-height: 18px; }


    .cs-card_style .badge.badge-csotw {
        background: transparent url('../../img/v25/profile/badge_csotw.png') no-repeat 0 0;
        width: 125px; height: 125px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .cs-card_style .badge.badge-hm {
        background: transparent url('../../img/v25/profile/badge_hm.png') no-repeat 0 0;
        width: 125px; height: 125px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .cs-card_style .badge { top: 0; left: 0; }

    .cs-card_style .thumbnail { width: 120px; height: 120px; float: left; }
    .cs-card_style .content { width: 200px; height: 120px; float: left; }

    .cs-card_style .badge.badge-csotw { width: 80px; height: 80px; }
    .cs-card_style .badge.badge-hm { width: 80px; height: 80px; }

    .cs-card_style .content .tech { display: none; }

    .cs-card_style .content .info .title { font-size: 16px; line-height: 18px; }
    .cs-card_style .content .info .agency { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; }

    .cs-card_style .content .info { padding: 10px 10px 0 10px; }

    .cs-card_style .nominated .scoreboard .score { height: 55px; }
    .cs-card_style .nominated .scorebar { bottom: 57px; }


    .cs-card_style.hide-scores { height: 120px; }
    .cs-card_style.hide-scores .content { height: 120px; }
}




/* profile-avatar
-------------------------------------------- */

.profile-avatar {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: transparent;
    display: inline-block;
    position: relative;
}
.profile-avatar .image
{
    overflow: hidden;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}

.avatar-image {
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

.avatar-circles { border: none; }

.avatar-circles .circles { position: absolute; top: 0; left: 0; width: 138px; }
.avatar-circles .circles .chart1 { position: absolute; top: -8px; left: -8px; }
.avatar-circles .circles .chart2 { position: absolute; top: -14px; left: -14px; }
.avatar-circles .circles .chart3 { position: absolute; top: -20px; left: -20px; }



/* profile card style
-------------------------------------------- */

.profile-card_style
{
    margin: 0 13px 40px 0px; width: 334px; height: 484px; display: inline-block; position: relative; background-color: #fff; vertical-align: top;
    text-align: left; border: 1px solid #e1e1e1;
}

.profile-card_style.hide-entry {
    opacity: 0;
}

.profile-card_style span { display: block; }


.profile-card_style .content1 { display: block; width: 100%; height: 209px; background-color: #f7f7f7; position: relative; }


.profile-card_style .profile-avatar { border-color: #e55c5a; position: absolute; top: 40px; left: 50%; margin-left: -48px; }
.profile-card_style .profile-avatar .image
{
    width: 96px; height: 96px; overflow: hidden; position: relative;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 1;
}

/*
.profile-card_style .profile-avatar .avatar-image
{

    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;

    -webkit-transform-style: preserve-3d;

}


.profile-card_style .content1:hover .profile-avatar .avatar-image
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.profile-card_style .content1  .profile-avatar .circles
{
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
*/

.profile-card_style .content1 .rating { text-align: center; position: absolute; bottom: -10px; left: 50%; width: 72px; margin-left: -36px; }
.profile-card_style .content1 .rating .number { font-size: 28px; font-family: 'Montserrat', sans-serif; font-weight: bold; color: #e55c5a; margin-bottom: 0px; }
.profile-card_style .content1 .rating .label
{
    font-size: 11px; text-transform: uppercase;
    display: inline-block; padding: 2px 0px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 72px; margin: auto;
    background-color: #e6e6e6;
    color: #000000;
    text-align: center;
    font-weight: bold;
}

.profile-card_style .content2 { text-align: center; height: 164px; }
.profile-card_style .content2 .info { padding: 35px 10px 15px 10px; }
.profile-card_style .content2 .info .name { color: #e55c5a; font-size: 24px; font-weight: bold; font-family: 'Montserrat', sans-serif; }
.profile-card_style .content2 .info .role { font-size: 18px; color: #010101; }

.profile-card_style .content2 .location { font-size: 14px; color: #999999; margin-bottom: 5px; padding-left: 22px; position: relative; font-family: 'Montserrat', sans-serif; }
.profile-card_style .content2 .location .icon { position: relative; top: 4px; display: inline-block; width: 13px; height: 18px; margin-right: 6px; background: transparent url('../../img/v25/profile/location_icon.png') no-repeat 0 0; }

.profile-card_style .content2 .availability { font-size: 13px;  position: relative; font-family: 'Montserrat', sans-serif; }
.profile-card_style .content2 .availability .icon { position: relative; top: 2px; display: inline-block; width: 13px; height: 13px; background-color: #00f6ff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-right: 6px; }
.profile-card_style .content2 .availability.hiring .icon { background-color: #00ff00; }

.profile-card_style .content2 .availability.fulltime .icon { background-color: #00f3fd; }
.profile-card_style .content2 .availability.contract .icon { background-color: #a700fe; }

.profile-card_style .casestudies {  }
.profile-card_style .casestudies .item
{
    display: block; width: 110px; float: left; margin-right: 1px; height: 80px; background-color: #ccc; position: relative;
}

.profile-card_style .casestudies .item .image-holder
{
    width: 100%; height: 100%;
    overflow: hidden;
}
.profile-card_style .casestudies .item .image
{
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}
.profile-card_style .casestudies .item.item3 { margin: 0; }

.profile-card_style .casestudies .item .bubble { opacity: 0;  bottom: 100%; left: -4px; min-width: 118px; margin-bottom: 10px; z-index: 99; text-align: center; }
.profile-card_style .casestudies .item .bubble .bubble-inside { padding: 6px 15px; }
.profile-card_style .casestudies .item .bubble:before { left: 52px; }
.profile-card_style .casestudies .item:hover .bubble { visibility: visible; opacity: 1; margin-bottom: 15px; }

.profile-card_style .casestudies .item.item1 .bubble {  }
.profile-card_style .casestudies .item.item2 .bubble {  }
.profile-card_style .casestudies .item.item3 .bubble { left: auto; right: -4px; }
.profile-card_style .casestudies .item.item3 .bubble:before { left: auto; right: 52px; }

.profile-card_style .casestudies .item:hover .image
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


.profile-card_style .stats { text-align: center; padding-top: 4px; }
.profile-card_style .stats .cell { display: inline-block; font-size: 12px; }
.profile-card_style .stats .cell.hearts {
    background: transparent url('../../img/v25/projects/hearts_icon.png') no-repeat 0 50%;
    padding-left: 17px;
}
.profile-card_style .stats .cell .label { display: inline-block; color: #707070; margin-right: 6px; }
.profile-card_style .stats .cell .number { display: inline-block; font-weight: bold; }

.profile-card_style .stats .bull { display: inline-block; margin: 0 10px; color: #adadad; position: relative; top: 2px; }


@media only screen and ( max-width : 680px )
{
    .profile-card_style { margin: auto !important; margin-bottom: 20px !important; width: 320px; display: block; }
    .profile-card_style .casestudies .item { width: 105px; }

}