/*!
 *  Aras Helpers 1.0.0 by Dogukan Aras - http://dogukanaras.com
 */

/* ######################
BOOTSTRAP GUTTER SETTINGS
#######################*/
@media(max-width:768px){
    [class*="col-"]{padding-left:15px;padding-right:15px}
}
@media(min-width:992px){
    [class*="col-"]{padding-left:10px;padding-right:10px}
}
@media(min-width:1200px){
    [class*="col-"]{padding-left:10px;padding-right:10px}
}
.noselect{-webkit-touch-callout:none; /* iOS Safari */-webkit-user-select:none; /* Safari */-khtml-user-select:none; /* Konqueror HTML */-moz-user-select:none; /* Firefox */-ms-user-select:none; /* Internet Explorer/Edge */user-select:none; /* Non-prefixed version, currently
                                      supported by Chrome and Opera */}

    /* ----------------------------------------------------------------
       PREDEFINED TEXT HELPERS
    -----------------------------------------------------------------*/
    .text-medium-light{font-size:50px!important;font-weight:100;line-height:1.1;}
    .text-medium{font-size:50px!important;font-weight:800;line-height:1.1;margin-bottom:20px;}
    body.device-xs .text-medium,
    body.device-xs .text-medium-light{font-size:40px!important;}
    body.device-xxs .text-medium,
    body.device-xxs .text-medium-light{font-size:30px!important;}
    .text-large-light,
    .text-large-light span,
    .text-large-light span span{font-size:90px!important;line-height:100px!important;font-weight:120!important;}
    .text-large,
    .text-large span,
    .text-large span span{font-size:90px!important;line-height:110px!important;font-weight:800!important;}
    .text-extra-large,
    .text-extra-large span{font-size:120px!important;font-weight:800;line-height:120px;}
    .text-lg,
    .text-lg span{color:#ffffff;font-size:80px;line-height:80px;font-weight:800;margin-bottom:10px;}
    .text-lg-x2,
    .text-lg-x2 span{color:#ffffff;font-size:120px;line-height:140px;font-weight:100;margin-bottom:10px;}
    .text-lg-x3,
    .text-lg-x3 span{color:#ffffff;font-size:230px;line-height:250px;font-weight:100;}
    .text-small{font-size:16px!important;font-weight:800;line-height:1.1;}
    .text-muted{color:#c2c2c5!important;}
    .text-bold{font-weight:bold!important;}
    .text-blue{color:#0095C8!important;}
    .text-azure{color:#00bcd4!important;}
    .text-orange{color:#FF6600!important;}
    .text-green{color:#2DB372!important;}
    .text-blue{color:#5F8295!important;}
    .text-pink{color:#FF3077!important;}
    .text-bricky{color:#894550!important;}
    .text-yellow{color:#FFB848!important;}
    .text-red{color:#C82E29!important;}
    .text-purple{color:#793BC1!important;}
    .text-white{color:#fff!important;}
    .text-dark{color:#33434d!important;}
    .text-light,
    .text-light h1,
    .text-light h2,
    .text-light h3,
    .text-light h4,
    .text-light h5,
    .text-light h6,
    .text-light .lead,
    .text-light p,
    .text-light a:not(.button),
    .text-light i,
    .text-light li,
    .text-light label,
    .text-light div:not(.alert),
    .text-light span:not(.btn-label){color:#fff!important;}
    .text-dark,
    .text-dark h1,
    .text-dark h2,
    .text-dark h3,
    .text-dark h4,
    .text-dark h5,
    .text-dark h6,
    .text-dark p,
    .text-dark .lead,
    .text-dark a:not(.button),
    .text-dark i,
    .text-dark li,
    .text-dark label,
    .text-dark div:not(.alert),
    .text-dark span:not(.btn-label){color:#111!important;}
    .text-grey,
    .text-grey h1,
    .text-grey h2,
    .text-grey h3,
    .text-grey h4,
    .text-grey h5,
    .text-grey h6,
    .text-grey .lead,
    .text-grey p,
    .text-grey a:not(.button),
    .text-grey i,
    .text-grey li,
    .text-grey label,
    .text-grey div:not(.alert),
    .text-grey span:not(.btn-label){color:#afaeae;}
    .with-errors li{color:#981a1a!important;}
    .all-center{display:flex;justify-content:center;align-items:center;}
    .pull-center{display:table!important;margin:0 auto!important;}

    /*font weight*/
    .font-weight-100{font-weight:100!important;}
    .font-weight-300{font-weight:300!important;}
    .font-weight-400{font-weight:400!important;}
    .font-weight-500{font-weight:500!important;}
    .font-weight-600{font-weight:600!important;}
    .font-weight-700{font-weight:700!important;}
    .font-weight-800{font-weight:800!important;}
    .font-weight-900{font-weight:900!important;}

    /* ----------------------------------------------------------------
       PREDEFINED MARGIN & PADDING CLASSES
    -----------------------------------------------------------------*/
    .border-left{border-left:1px solid #eee;}
    .border-top{border-top:1px solid #eee;}
    .border-right{border-width:0 1px 0 0;border-color:#eee;border-style:solid;}
    .border-bottom{border-bottom:1px solid #eee;}
    .border-dotted{border-style:dotted;}
    .no-border{border:none!important;}
    .slider-size-half{max-height:560px;}
    .no-margin{margin:0px!important}
    .auto-margin{margin:0 auto!important}
    .m-b-0{margin-bottom:0px!important}
    .m-b-5{margin-bottom:5px!important}
    .m-b-10{margin-bottom:10px!important}
    .m-b-15{margin-bottom:15px!important}
    .m-b-20{margin-bottom:20px!important}
    .m-b-25{margin-bottom:25px!important}
    .m-b-30{margin-bottom:30px!important}
    .m-b-35{margin-bottom:35px!important}
    .m-b-40{margin-bottom:40px!important}
    .m-b-50{margin-bottom:50px!important}
    .m-b-60{margin-bottom:60px!important}
    .m-b-70{margin-bottom:70px!important}
    .m-b-80{margin-bottom:80px!important}
    .m-b-90{margin-bottom:90px!important}
    .m-b-100{margin-bottom:100px!important}
    .m-b-150{margin-bottom:150px!important}
    .m-b-200{margin-bottom:200px!important}
    .m-t-0{margin-top:0px!important}
    .m-t-5{margin-top:5px!important}
    .m-t-10{margin-top:10px!important}
    .m-t-15{margin-top:15px!important}
    .m-t-20{margin-top:20px!important}
    .m-t-25{margin-top:25px!important}
    .m-t-30{margin-top:30px!important}
    .m-t-35{margin-top:35px!important}
    .m-t-40{margin-top:40px!important}
    .m-t-50{margin-top:50px!important}
    .m-t-60{margin-top:60px!important}
    .m-t-70{margin-top:70px!important}
    .m-t-80{margin-top:80px!important}
    .m-t-90{margin-top:90px!important}
    .m-t-100{margin-top:100px!important}
    .m-l-0{margin-left:0px!important;}
    .m-l-5{margin-left:5px!important}
    .m-l-10{margin-left:10px!important}
    .m-l-15{margin-left:15px!important}
    .m-l-20{margin-left:20px!important}
    .m-l-25{margin-left:25px!important}
    .m-l-30{margin-left:30px!important}
    .m-l-35{margin-left:35px!important}
    .m-l-40{margin-left:40px!important}
    .m-l-50{margin-left:50px!important}
    .m-l-60{margin-left:60px!important}
    .m-l-70{margin-left:70px!important}
    .m-l-80{margin-left:80px!important}
    .m-l-90{margin-left:90px!important}
    .m-l-100{margin-left:100px!important}
    .m-r-0{margin-right:0px!important}
    .m-r-5{margin-right:5px!important;}
    .m-r-10{margin-right:10px!important}
    .m-r-15{margin-right:15px!important}
    .m-r-20{margin-right:20px!important}
    .m-r-25{margin-right:25px!important}
    .m-r-30{margin-right:30px!important}
    .m-r-35{margin-right:35px!important}
    .m-r-40{margin-right:40px!important}
    .m-r-50{margin-right:50px!important}
    .m-r-60{margin-right:60px!important}
    .m-r-70{margin-right:70px!important}
    .m-r-80{margin-right:80px!important}
    .m-r-90{margin-right:90px!important}
    .m-r-100{margin-right:100px!important}
    .m-0{margin:0px!important;}
    .m-5{margin:5px!important}
    .m-10{margin:10px!important}
    .m-15{margin:15px!important}
    .m-20{margin:20px!important}
    .m-25{margin:25px!important}
    .m-30{margin:30px!important}
    .m-35{margin:35px!important}
    .m-40{margin:40px!important}
    .m-50{margin:50px!important}
    .m-60{margin:60px!important}
    .m-70{margin:70px!important}
    .m-80{margin:80px!important}
    .m-90{margin:90px!important}
    .m-100{margin:100px!important}

    /*Margins*/
    .col-no-margin [class^="col-"]{margin:0!important;padding:0!important;}
    .row.col-no-margin{margin:0!important;}
    .row.col-small-margins [class^="col-"]{margin:0 0 20px 0!important;}
    .no-padding-top{padding-top:0!important;}
    .no-padding-bottom{padding-bottom:0!important;}
    .no-padding{padding:0!important;}
    .p-0{padding:0px!important;}
    .p-5{padding:5px!important}
    .p-10{padding:10px!important}
    .p-15{padding:15px!important}
    .p-20{padding:20px!important}
    .p-25{padding:25px!important}
    .p-30{padding:30px!important}
    .p-35{padding:35px!important}
    .p-40{padding:40px!important}
    .p-50{padding:50px!important}
    .p-60{padding:60px!important}
    .p-70{padding:70px!important}
    .p-80{padding:80px!important}
    .p-90{padding:90px!important}
    .p-100{padding:100px!important}
    .p-b-0{padding-bottom:0px!important}
    .p-b-5{padding-bottom:5px!important}
    .p-b-10{padding-bottom:10px!important}
    .p-b-15{padding-bottom:15px!important}
    .p-b-20{padding-bottom:20px!important}
    .p-b-25{padding-bottom:25px!important}
    .p-b-30{padding-bottom:30px!important}
    .p-b-35{padding-bottom:35px!important}
    .p-b-40{padding-bottom:40px!important}
    .p-b-50{padding-bottom:50px!important}
    .p-b-60{padding-bottom:60px!important}
    .p-b-70{padding-bottom:70px!important}
    .p-b-80{padding-bottom:80px!important}
    .p-b-90{padding-bottom:90px!important}
    .p-b-100{padding-bottom:100px!important}
    .p-b-110{padding-bottom:110px!important}
    .p-b-120{padding-bottom:120px!important}
    .p-b-130{padding-bottom:130px!important}
    .p-b-140{padding-bottom:140px!important}
    .p-b-150{padding-bottom:150px!important}
    .p-b-200{padding-bottom:200px!important}
    .p-t-0{padding-top:0px!important}
    .p-t-5{padding-top:5px!important}
    .p-t-10{padding-top:10px!important}
    .p-t-15{padding-top:15px!important}
    .p-t-20{padding-top:20px!important}
    .p-t-25{padding-top:25px!important}
    .p-t-30{padding-top:30px!important}
    .p-t-35{padding-top:35px!important}
    .p-t-40{padding-top:40px!important}
    .p-t-50{padding-top:50px!important}
    .p-t-60{padding-top:60px!important}
    .p-t-70{padding-top:70px!important}
    .p-t-80{padding-top:80px!important}
    .p-t-90{padding-top:90px!important}
    .p-t-100{padding-top:100px!important}
    .p-t-110{padding-top:110px!important}
    .p-t-120{padding-top:120px!important}
    .p-t-130{padding-top:130px!important}
    .p-t-140{padding-top:140px!important}
    .p-t-150{padding-top:150px!important}
    .p-t-200{padding-top:200px!important}
    .p-r-0{padding-right:0px!important}
    .p-r-5{padding-right:5px!important}
    .p-r-10{padding-right:10px!important}
    .p-r-15{padding-right:15px!important}
    .p-r-20{padding-right:20px!important}
    .p-r-25{padding-right:25px!important}
    .p-r-30{padding-right:30px!important}
    .p-r-35{padding-right:35px!important}
    .p-r-40{padding-right:40px!important}
    .p-r-50{padding-right:50px!important}
    .p-r-60{padding-right:60px!important}
    .p-r-70{padding-right:70px!important}
    .p-r-80{padding-right:80px!important}
    .p-r-90{padding-right:90px!important}
    .p-r-100{padding-right:100px!important}
    .p-l-0{padding-left:0px!important}
    .p-l-5{padding-left:5px!important}
    .p-l-10{padding-left:10px!important}
    .p-l-15{padding-left:15px!important}
    .p-l-20{padding-left:20px!important}
    .p-l-25{padding-left:25px!important}
    .p-l-30{padding-left:30px!important}
    .p-l-35{padding-left:35px!important}
    .p-l-40{padding-left:40px!important}
    .p-l-50{padding-left:50px!important}
    .p-l-60{padding-left:60px!important}
    .p-l-70{padding-left:70px!important}
    .p-l-80{padding-left:80px!important}
    .p-l-90{padding-left:90px!important}
    .p-l-100{padding-left:100px!important}

    /*Width*/
    .w-5{width:5%!important;}
    .w-10{width:10%!important;}
    .w-15{width:15%!important;}
    .w-20{width:20%!important;}
    .w-25{width:25%!important;}
    .w-30{width:30%!important;}
    .w-35{width:35%!important;}
    .w-40{width:40%!important;}
    .w-45{width:45%!important;}
    .w-50{width:50%!important;}
    .w-55{width:55%!important;}
    .w-60{width:60%!important;}
    .w-65{width:65%!important;}
    .w-70{width:70%!important;}
    .w-75{width:75%!important;}
    .w-80{width:80%!important;}
    .w-85{width:85%!important;}
    .w-90{width:90%!important;}
    .w-95{width:95%!important;}

    /*Border*/
    .b-r-0{border-radius:0px!important;}
    .b-r-2{border-radius:2px!important;}
    .b-r-3{border-radius:3px!important;}
    .b-r-4{border-radius:4px!important;}
    .b-r-5{border-radius:5px!important;}
    .b-r-6{border-radius:6px!important;}
    .b-r-7{border-radius:7px!important;}
    .b-r-8{border-radius:8px!important;}
    .b-r-9{border-radius:9px!important;}
    .b-r-10{border-radius:10px!important;}
    .b-r-15{border-radius:15px!important;}
    .b-r-20{border-radius:20px!important;}
    .b-radius{border-radius:50%!important;}
    .no-border{border:none!important;}

    /* ----------------------------------------------------------------
       BACKGROUND COLOR CLASSES
    -----------------------------------------------------------------*/
    .bg-azure{background-color:#0095C8!important;}
    .bg-orange{background-color:#FF6600!important;}
    .bg-green{background-color:#2DB372!important;}
    .bg-blue{background-color:#5F8295!important;}
    .bg-pink{background-color:#FF3077!important;}
    .bg-bricky{background-color:#894550!important;}
    .bg-yellow{background-color:#FFB848!important;}
    .bg-red{background-color:#C82E29!important;}
    .bg-soft-red{background-color:#FE6A6A!important;}
    .bg-purple{background-color:#793BC1!important;}
    .bg-white{background-color:#fff!important;}
    .bg-gray{background-color:#4d4d4d!important;}

    /* ----------------------------------------------------------------------
        Buttons
    -------------------------------------------------------------------------*/
    .btn{border-radius:3px;font-size:12px;font-weight:700;letter-spacing:1px;outline:medium none ! important;text-transform:uppercase ! important;}
    .btn.btn:not(.btn-xs):not(.btn-sm):not(.btn-lg){padding:12px 24px;}
    .btn-md{padding:12px 24px;}
    .btn-primary,
    .btn-success,
    .btn-default,
    .btn-info,
    .btn-warning,
    .btn-danger,
    .btn-dark,
    .btn-purple,
    .btn-pink{color:#ffffff;}
    .btn-default{background-color:#1abc9c;border:1px solid #1abc9c;}
    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .btn-default.focus{background-color:#19ad90;border:1px solid #19ad90;color:#ffffff;}
    .btn-white,
    .btn-white:hover,
    .btn-white:focus,
    .btn-white:active,
    .btn-white.active,
    .btn-white.focus,
    .btn-white:active,
    .btn-white:focus,
    .btn-white:hover,
    .open > .dropdown-toggle.btn-white{background-color:#ffffff;border:1px solid #eaeaea ! important;color:#4c5667;}
    .btn-white .btn-label i{color:#4c5667!important;}
    .btn-white:hover,
    .btn-white:hover:hover,
    .btn-white:focus:hover,
    .btn-white:active:hover,
    .btn-white.active:hover,
    .btn-white.focus:hover,
    .btn-white:active:hover,
    .btn-white:focus:hover,
    .btn-white:hover:hover,
    .open > .dropdown-toggle.btn-white:hover{background-color:#f9f9f9;}
    .btn-white:focus,
    .btn-white:hover:focus,
    .btn-white:focus:focus,
    .btn-white:active:focus,
    .btn-white.active:focus,
    .btn-white.focus:focus,
    .btn-white:active:focus,
    .btn-white:focus:focus,
    .btn-white:hover:focus,
    .open > .dropdown-toggle.btn-white:focus{background-color:#f9f9f9;}
    .btn-white:active,
    .btn-white:hover:active,
    .btn-white:focus:active,
    .btn-white:active:active,
    .btn-white.active:active,
    .btn-white.focus:active,
    .btn-white:active:active,
    .btn-white:focus:active,
    .btn-white:hover:active,
    .open > .dropdown-toggle.btn-white:active{background-color:#f9f9f9;}
    .btn-primary,
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover,
    .open > .dropdown-toggle.btn-primary{background-color:#5d9cec ! important;border:1px solid #5d9cec ! important;}
    .btn-success,
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.focus,
    .btn-success:active,
    .btn-success:focus,
    .btn-success:hover,
    .open > .dropdown-toggle.btn-success{background-color:#81c868 ! important;border:1px solid #81c868 ! important;}
    .btn-info,
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.focus,
    .btn-info:active,
    .btn-info:focus,
    .btn-info:hover,
    .open > .dropdown-toggle.btn-info{background-color:#34d3eb ! important;border:1px solid #34d3eb ! important;}
    .btn-warning,
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning:focus,
    .btn-warning:hover,
    .open > .dropdown-toggle.btn-warning{background-color:#ffbd4a ! important;border:1px solid #ffbd4a ! important;}
    .btn-danger,
    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover,
    .btn-danger.active,
    .btn-danger.focus,
    .btn-danger:active,
    .btn-danger:focus,
    .btn-danger:hover,
    .open > .dropdown-toggle.btn-danger{background-color:#c30000 ! important;border:1px solid #c30000 ! important;}
    .btn-dark,
    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active,
    .btn-dark.active,
    .btn-dark.focus,
    .btn-dark:active,
    .btn-dark:focus,
    .btn-dark:hover,
    .open > .dropdown-toggle.btn-dark{background-color:#111111 ! important;border:1px solid #111111 ! important;color:#ffffff;}
    .btn-purple,
    .btn-purple:hover,
    .btn-purple:focus,
    .btn-purple:active{background-color:#7266ba ! important;border:1px solid #7266ba ! important;color:#ffffff;}
    .btn-pink,
    .btn-pink:hover,
    .btn-pink:focus,
    .btn-pink:active{background-color:#fb6d9d ! important;border:1px solid #fb6d9d ! important;color:#ffffff;}
    .open > .dropdown-toggle.btn-primary.btn-outline,
    .open > .dropdown-toggle.btn-success.btn-outline,
    .open > .dropdown-toggle.btn-info.btn-outline,
    .open > .dropdown-toggle.btn-warning.btn-outline,
    .open > .dropdown-toggle.btn-danger.btn-outline,
    .open > .dropdown-toggle.btn-default.btn-outline{border-width:2px ! important;color:#ffffff ! important;}
    .open > .dropdown-toggle.btn-white.btn-outline{border-width:2px ! important;}
    .btn-outline.btn-default{color:#5fbeaa ! important;}
    .btn-outline.btn-primary{color:#5d9cec ! important;}
    .btn-outline.btn-success{color:#81c868 ! important;}
    .btn-outline.btn-info{color:#34d3eb ! important;}
    .btn-outline.btn-warning{color:#ffbd4a ! important;}
    .btn-outline.btn-danger{color:#f05050 ! important;}
    .btn-outline.btn-dark{color:#111111 ! important;}
    .btn-outline.btn-purple{color:#7266ba ! important;}
    .btn-outline.btn-white,
    .btn-outline.btn-white:not(:hover) .btn-label i{color:#fff!important;}
    .btn-outline.btn-white:hover,
    .btn-outline.btn-white:focus,
    .btn-outline.btn-white:active{background-color:#f4f8fb ! important;color:#4c5667 ! important;}
    .btn-outline.btn-pink{color:#fb6d9d ! important;}
    .btn-rounded{border-radius:2em ! important;}
    .btn-rounded .btn-label{margin-left:-20px;padding:7px 15px 7px 20px;}
    .btn-rounded .btn-label-right{margin-left:12px;margin-right:-20px;}
    .btn-outline{background-attachment:scroll;background-clip:inherit;background-color:rgba(0,0,0,0) ! important;background-image:none;background-origin:padding-box;background-position:0% 0%;background-repeat:repeat;background-size:auto auto;border-radius:5px;border-width:2px ! important;font-weight:600;transition:all 400ms ease-in-out 0s;}
    .btn-outline:hover{border-width:2px ! important;color:#ffffff ! important;}
    .btn-outline:focus{border-width:2px ! important;color:#ffffff ! important;}
    .btn-label{display:inline-block;margin:-12px -4px -12px -12px;padding:0px 12px;}
    .btn-label-right{border-radius:0px 3px 3px 0px;margin-left:12px;margin-right:-13px;}
    .btn-label > i{color:#fff!important;}
    .btn-group.open .dropdown-toggle{box-shadow:none;}
    .fileupload{overflow:hidden;position:relative;}
    .fileupload input.upload{cursor:pointer;font-size:20px;margin:0px;opacity:0;padding:0px;position:absolute;right:0px;top:0px;}
    .btn-facebook{background-color:#3b5998 ! important;color:#ffffff ! important;}
    .btn-twitter{background-color:#00aced ! important;color:#ffffff ! important;}
    .btn-linkedin{background-color:#007bb6 ! important;color:#ffffff ! important;}
    .btn-dribbble{background-color:#ea4c89 ! important;color:#ffffff ! important;}
    .btn-googleplus{background-color:#dd4b39 ! important;color:#ffffff ! important;}
    .btn-instagram{background-color:#517fa4 ! important;color:#ffffff ! important;}
    .btn-pinterest{background-color:#cb2027 ! important;color:#ffffff ! important;}
    .btn-dropbox{background-color:#007ee5 ! important;color:#ffffff ! important;}
    .btn-flickr{background-color:#ff0084 ! important;color:#ffffff ! important;}
    .btn-tumblr{background-color:#32506d ! important;color:#ffffff ! important;}
    .btn-skype{background-color:#00aff0 ! important;color:#ffffff ! important;}
    .btn-youtube{background-color:#bb0000 ! important;color:#ffffff ! important;}
    .btn-github{background-color:#171515 ! important;color:#ffffff ! important;}
    .btn{margin-right:8px;margin-bottom:12px;}
    .button + .button,
    .btn + .btn{margin-right:8px;margin-bottom:12px;}
    .btn-group .btn{margin-right:0px;}
    .button{cursor:pointer;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;line-height:100%;margin:10px 0;outline:0 none;padding:18px 36px;position:relative;text-transform:uppercase;white-space:nowrap;border:1px solid #ccc;}
    .button.multiline{white-space:normal;}
    .button:hover:not,
    a.button:hover{opacity:0.8;}
    button:focus{outline:0;}
    .button.effect:hover{opacity:1;}
    .btn-send-icon{padding:13px 6px 12px 14px;}
    .button-light{background-color:#fff;border:1px solid #eee;}
    .button-light,
    .button-light span{color:#111!important;}
    .button-dark{background-color:#111;color:#fff;}
    .button-dark:hover{background-color:#333;color:#fff;}

    /*Button icons*/
    .button i{font-size:15px;margin-right:10px;}
    .button.icon-left i{margin-right:10px;}
    .button.icon-right i{margin-left:10px;margin-right:0;}
    .button.small{font-size:10px;height:28px;line-height:24px;padding:0 14px;}
    .button.transparent.small{line-height:0;}
    .button.small i{font-size:11px;margin-right:6px;}
    .button.small.icon-left i{margin-right:6px;}
    .button.small.icon-right i{margin-left:6px;margin-right:0;}
    .button.large{font-size:16px;height:55px;letter-spacing:2px;line-height:52px;padding:0 32px;}
    .button.transparent.large{line-height:22px;}
    .button.border:hover,
    .button.transparent:hover{opacity:1;}
    .button.transparent:hover,
    .button.transparent:hover span,
    .button.transparent:hover i{color:#333!important;}
    .button.full-rounded{border-radius:50px}
    .button.rounded{border-radius:3px}
    .button.fullwidth-button{display:block!important;margin-left:auto!important;margin-right:auto!important}

    /*3d buttons*/
    .button.button-3d{box-shadow:0 -3px rgba(0,0,0,0.1) inset;}
    .button.button-3d:hover{box-shadow:0 -3px rgba(0,0,0,0.2) inset;}

    /*Border buttons*/
    .button.border{color:#333;border:2px solid #333;}
    .button.border:hover{background-color:#333;color:#fff}
    .button.border.light{border:2px solid #fff;color:#fff}
    .button.border.light:hover{background-color:#fff;color:#252525}
    .button.border.light:hover:hover i{color:#252525}

    /*Transparent*/
    .button.transparent{background-color:transparent;border-color:#fff;border-style:solid;border-width:2px;box-shadow:none;color:#fff;letter-spacing:2px;opacity:1;padding:16px 36px;transition:all 0.2s linear 0s;}
    .button.transparent:hover,
    .button.transparent:active{background-color:#fff;color:#333;}
    .button.fullwidth{display:block!important;margin-left:auto!important;margin-right:auto!important;}

    /*Colors*/
    .button.blue,
    .button.blue-dark,
    .button.aqua,
    .button.purple-light,
    .button.purple,
    .button.purple-dark,
    .button.red-dark,
    .button.red,
    .button.red-light,
    .button.red-light,
    .button.pink-dark,
    .button.pink,
    .button.orange-dark,
    .button.orange,
    .button.orange-light,
    .button.yellow,
    .button.green,
    .button.amber,
    .button.brown,
    .button.brown-light,
    .button.black,
    .button.black-light,
    .button.grey-dark{border-color:#000;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
    .button.blue{background-color:#41a5db;border-color:#3ca0d6;}
    .button.blue-dark{background-color:#2b6baa;border-color:#25629f;}
    .button.aqua{background-color:#40c0cb;border-color:#3eb5bf;}
    .button.purple-light{background-color:#903090;border-color:#892689;}
    .button.purple{background-color:#9B175E;border-color:#901155;}
    .button.purple-dark{background-color:#5d4157;border-color:#55384f;}
    .button.red-dark{background-color:#CA0027;border-color:#b20022;}
    .button.red{background-color:#E42D3F;border-color:#d42b3c;color:#fff;}
    .button.red-light{background-color:#F05761;border-color:#ed4b55;color:#fff;}
    .button.red-light{background-color:#F05761;border-color:#ed4b55;color:#fff;}
    .button.pink-dark{background-color:#F51E70;border-color:#e31865;}
    .button.pink{background-color:#F772A3;border-color:#f2689b;}
    .button.orange-dark{background-color:#e57200;border-color:#d66b00;}
    .button.orange{background-color:#F59017;border-color:#e5820b;}
    .button.orange-light{background-color:#F7D137;border-color:#edc72b;color:#774f38;}
    .button.yellow{background-color:#FFEC00;border-color:#e6d500;color:#333;}
    .button.green{background-color:#2DB372;border-color:#2DB372;}
    .button.amber{background-color:#eb9c4d;border-color:#d88d42;}
    .button.brown{background-color:#774f38;border-color:#714a34;}
    .button.brown-light{background-color:#935d3f;border-color:#8b583b;}
    .button.black{background-color:#111;border:0;}
    .button.black-light{background-color:#2a2a2a;}
    .button.grey-dark{background-color:#404051;}

    /*Effects*/
    .button.effect{position:relative;overflow:hidden;}
    .button,
    .button.effect.fill-vertical:after,
    .button.effect.fill-horizontal:after,
    .button.effect.icon-bottom span,
    .button.effect.icon-bottom i,
    .button.effect.icon-top span,
    .button.effect.icon-top i,
    .button.effect.icon-right span,
    .button.effect.icon-right i,
    .button.effect.icon-left span,
    .button.effect.icon-left i{-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}

    /*Effect icon left*/
    .button.effect.icon-left i{position:absolute;display:block;top:50%;left:0;-webkit-transform:translate(-24px,-50%);-ms-transform:translate(-24px,-50%);transform:translate(-24px,-50%);ms-transform:translate(-24px,-50%);opacity:0}
    .button.effect.icon-left span{width:100%;height:100%;display:block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);ms-transform:translate(0,0);-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;ms-backface-visibility:hidden;}
    .button:hover.effect.icon-left span{-webkit-transform:translate(15px,0);-ms-transform:translate(15px,0);transform:translate(15px,0);ms-transform:translate(15px,0);}

    /*Effect Small buttons*/
    .button.small.effect.icon-left i{-webkit-transform:translate(-14px,-50%);-ms-transform:translate(-14px,-50%);transform:translate(-14px,-50%);}
    .button.small.effect.icon-left:hover span{-webkit-transform:translate(8px,0px);-ms-transform:translate(8px,0px);transform:translate(8px,0px);}

    /*Effect icon right*/
    .button.effect.icon-right i{position:absolute;display:block;top:50%;right:0;-webkit-transform:translate(30px,-50%);-ms-transform:translate(30px,-50%);transform:translate(30px,-50%);ms-transform:translate(30px,-50%);opacity:0}
    .button.effect.icon-right span{width:100%;height:100%;display:block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);ms-transform:translate(0,0);-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;ms-backface-visibility:hidden;}
    .button:hover.effect.icon-right span{-webkit-transform:translate(-15px,0);-ms-transform:translate(-15px,0);transform:translate(-15px,0);ms-transform:translate(-15px,0);}

    /*Effect Small buttons*/
    .button.small.effect.icon-right i{-webkit-transform:translate(14px,-50%);-ms-transform:translate(14px,-50%);transform:translate(14px,-50%);}
    .button.small.effect.icon-right:hover span{-webkit-transform:translate(-5px,0px);-ms-transform:translate(-5px,0px);transform:translate(-5px,0px);}

    /*Effect icon top*/
    .button.effect.icon-top i{position:absolute;display:block;top:-30px;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);ms-transform:translate(-50%,-50%);opacity:0;}
    .button.effect.icon-top span{width:100%;height:100%;display:block;text-align:center;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;ms-backface-visibility:hidden;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);ms-transform:translate(0,0)}
    .button:hover.effect.icon-top span{-webkit-transform:translate(0px,35px);-ms-transform:translate(0px,35px);transform:translate(0px,35px);ms-transform:translate(0px,35px);}

    /*Effect Small buttons*/
    .button.small.effect.icon-top i{top:-22px;}

    /*Effect large buttons*/
    .button.large.effect.icon-top:hover span{-webkit-transform:translate(0px,54px);-ms-transform:translate(0px,54px);transform:translate(0px,54px);}

    /*Effect icon bottom*/
    .button.effect.icon-bottom i{position:absolute;display:block;bottom:-36px;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);ms-transform:translate(-50%,-50%);opacity:0;}
    .button.effect.icon-bottom span{width:100%;height:100%;display:block;text-align:center;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;ms-backface-visibility:hidden;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);ms-transform:translate(0,0)}
    .button:hover.effect.icon-bottom span{-webkit-transform:translate(0px,-27px);-ms-transform:translate(0px,-27px);transform:translate(0px,-27px);ms-transform:translate(0px,-27px);}

    /*Effect Small buttons*/
    .button.small.effect.icon-bottom i{bottom:-27px;}

    /*Effect Large buttons*/
    .button.large.effect.icon-bottom:hover span{-webkit-transform:translate(0px,-48px);-ms-transform:translate(0px,-48px);transform:translate(0px,-48px);}
    .button:hover.effect.icon-right i,
    .button:hover.effect.icon-left i,
    .button:hover.effect.icon-top i,
    .button:hover.effect.icon-bottom i{opacity:1;}

    /*Effect fill verical*/
    .button.effect.fill-vertical,
    .button.effect.fill-horizontal{overflow:hidden;}
    .button.effect.fill-vertical span{position:relative;z-index:1;}
    .button.effect.fill-vertical:after{content:"";position:absolute;width:100%;height:0;top:50%;left:50%;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%) rotate(40deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(40deg);transform:translateX(-50%) translateY(-50%) rotate(40deg);}
    .button.effect.fill-vertical:hover:after{height:550%;opacity:1}
    .button.effect.fill-vertical:after{background-color:#252525;}
    .button.effect.fill-vertical:hover{color:#fff;}

    /*Effect fill horizontal*/
    .button.effect.fill-horizontal span{position:relative;z-index:1;}
    .button.effect.fill-horizontal:after{content:"";position:absolute;width:100%;height:0;top:50%;left:50%;opacity:0;-webkit-transform:translateX(-50%) translateY(-11%);-ms-transform:translateX(-50%) translateY(-11%);transform:translateX(-50%) translateY(-11%);}
    .button.effect.fill-horizontal:hover:after{height:550%;opacity:1}
    .button.effect.fill-horizontal:after{background-color:#252525;}
    .button.effect.fill-horizontal:hover{color:#fff;}

    /*Effect fill*/
    .button.effect.fill:hover{background-color:#252525;color:#fff;}

    /*aqua effect fill-vertical*/
    .button.aqua.effect.fill-vertical:after{background-color:#1a9ca7;}
    .button.aqua.effect.fill-vertical:hover{color:#fff;}

    /*aqua effect fill-horizontal*/
    .button.aqua.effect.fill-horizontal:after{background-color:#1a9ca7;}
    .button.aqua.effect.fill-horizontal:hover{color:#fff;}

    /*aqua effect fill*/
    .button.aqua.effect.fill:hover{background-color:#087680;}

    /*transparent effect fill-vertical*/
    .button.transparent.effect.fill-vertical:after,
    .button.transparent.effect.fill-horizontal:after{background-color:#fff;}
    .button.transparent.effect.fill-vertical:hover,
    .button.transparent.effect.fill-horizontal:hover{color:#333;}

    /*transparent effect fill*/
    .button.transparent.effect.fill:hover{background-color:#fff;color:#333;}

    /* ----------------------------------------------------------------
       SHADOW CLASSES
    -----------------------------------------------------------------*/
    .z-depth-0{box-shadow:none!important}
    .z-depth-1{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}
    .z-depth-1-half{box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}
    .z-depth-2{box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}
    .z-depth-3{box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)}
    .z-depth-4{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)}
    .z-depth-5{box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)}
    .t-depth-0{text-shadow:0 0 1px rgba(0,0,0,.5);}
    .t-depth-1{text-shadow:1px 1px 1px rgba(0,0,0,.5);}
    .t-depth-2{text-shadow:2px 2px 2px rgba(0,0,0,.5);}
    .t-depth-3{text-shadow:3px 3px 3px rgba(0,0,0,.5);}
    .t-depth-4{text-shadow:4px 4px 4px rgba(0,0,0,.5);}
    .t-depth-5{text-shadow:5px 5px 5px rgba(0,0,0,.5);}

    /* ----------------------------------------------------------------------
    SOCIAL ICONS
    -------------------------------------------------------------------------*/
    .social-icons ul{padding:0;}
    .text-center.social-icons ul{display:inline-block;}
    .social-icons li{float:left;list-style:none;}
    .social-icons li a{float:left;height:32px;width:32px;line-height:32px;font-size:16px;text-align:center;margin:0 8px 8px 0;border-radius:4px;border:0;background:transparent;color:#333;overflow:hidden;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

    /*White*/
    .social-icons.social-icons-white a{color:#fff;}

    /*Colored*/
    .social-icons.social-icons-colored a,
    .social-icons.social-icons-colored-hover a:hover{color:#fff;border:0;}
    .social-icons.social-icons-colored .social-rss a,
    .social-icons.social-icons-colored-hover .social-rss a:hover{background-color:#faa33d;}
    .social-icons.social-icons-colored .social-facebook a,
    .social-icons.social-icons-colored-hover .social-facebook a:hover{background-color:#5d82d1;}
    .social-icons.social-icons-colored .social-twitter a,
    .social-icons.social-icons-colored-hover .social-twitter a:hover{background-color:#40bff5;}
    .social-icons.social-icons-colored .social-vimeo a,
    .social-icons.social-icons-colored-hover .social-vimeo a:hover{background-color:#35c6ea;}
    .social-icons.social-icons-colored .social-myspace a,
    .social-icons.social-icons-colored-hover .social-myspace a:hover{background-color:#008dde;}
    .social-icons.social-icons-colored .social-youtube a,
    .social-icons.social-icons-colored-hover .social-youtube a:hover{background-color:#ef4e41;}
    .social-icons.social-icons-colored .social-instagram a,
    .social-icons.social-icons-colored-hover .social-instagram a:hover{background:-webkit-radial-gradient(circle farthest-corner at 35% 90%,#fec564,rgba(0,0,0,0) 50%),-webkit-radial-gradient(circle farthest-corner at 0 140%,#fec564,rgba(0,0,0,0) 50%),-webkit-radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,rgba(0,0,0,0) 50%),-webkit-radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,rgba(0,0,0,0) 50%),-webkit-radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,rgba(0,0,0,0) 50%),-webkit-radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,rgba(0,0,0,0) 50%),-webkit-radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,rgba(0,0,0,0)),-webkit-linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%);background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,rgba(0,0,0,0) 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,rgba(0,0,0,0) 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,rgba(0,0,0,0) 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,rgba(0,0,0,0) 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,rgba(0,0,0,0) 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,rgba(0,0,0,0) 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,rgba(0,0,0,0)),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%);}
    .social-icons.social-icons-colored .social-gplus a,
    .social-icons.social-icons-colored-hover .social-gplus a:hover{background-color:#e13138;}
    .social-icons.social-icons-colored .social-stumbleupon a,
    .social-icons.social-icons-colored-hover .social-stumbleupon a:hover{background-color:#ff5c30;}
    .social-icons.social-icons-colored .social-lastfm a,
    .social-icons.social-icons-colored-hover .social-lastfm a:hover{background-color:#f34320;}
    .social-icons.social-icons-colored .social-pinterest a,
    .social-icons.social-icons-colored-hover .social-pinterest a:hover{background-color:#e13138;}
    .social-icons.social-icons-colored .social-google a,
    .social-icons.social-icons-colored-hover .social-google a:hover{background-color:#eb5e4c;}
    .social-icons.social-icons-colored .social-evernote a,
    .social-icons.social-icons-colored-hover .social-evernote a:hover{background-color:#9acf4f;}
    .social-icons.social-icons-colored .social-dribbble a,
    .social-icons.social-icons-colored-hover .social-dribbble a:hover{background-color:#f7659c;}
    .social-icons.social-icons-colored .social-skype a,
    .social-icons.social-icons-colored-hover .social-skype a:hover{background-color:#13c1f3;}
    .social-icons.social-icons-colored .social-forrst a,
    .social-icons.social-icons-colored-hover .social-forrst a:hover{background-color:#45ad76;}
    .social-icons.social-icons-colored .social-linkedin a,
    .social-icons.social-icons-colored-hover .social-linkedin a:hover{background-color:#238cc8;}
    .social-icons.social-icons-colored .social-wordpress a,
    .social-icons.social-icons-colored-hover .social-wordpress a:hover{background-color:#2592c3;}
    .social-icons.social-icons-colored .social-grooveshark a,
    .social-icons.social-icons-colored-hover .social-grooveshark a:hover{background-color:#ffb21d;}
    .social-icons.social-icons-colored .social-delicious a,
    .social-icons.social-icons-colored-hover .social-delicious a:hover{background-color:#377bda;}
    .social-icons.social-icons-colored .social-behance a,
    .social-icons.social-icons-colored-hover .social-behance a:hover{background-color:#1879fd;}
    .social-icons.social-icons-colored .social-dropbox a,
    .social-icons.social-icons-colored-hover .social-dropbox a:hover{background-color:#17a3eb;}
    .social-icons.social-icons-colored .social-soundcloud a,
    .social-icons.social-icons-colored-hover .social-soundcloud a:hover{background-color:#ff7e30;}
    .social-icons.social-icons-colored .social-deviantart a,
    .social-icons.social-icons-colored-hover .social-deviantart a:hover{background-color:#6a8a7b;}
    .social-icons.social-icons-colored .social-yahoo a,
    .social-icons.social-icons-colored-hover .social-yahoo a:hover{background-color:#ab47ac;}
    .social-icons.social-icons-colored .social-flickr a,
    .social-icons.social-icons-colored-hover .social-flickr a:hover{background-color:#ff48a3;}
    .social-icons.social-icons-colored .social-digg a,
    .social-icons.social-icons-colored-hover .social-digg a:hover{background-color:#75788d;}
    .social-icons.social-icons-colored .social-blogger a,
    .social-icons.social-icons-colored-hover .social-blogger a:hover{background-color:#ff9233;}
    .social-icons.social-icons-colored .social-tumblr a,
    .social-icons.social-icons-colored-hover .social-tumblr a:hover{background-color:#426d9b;}
    .social-icons.social-icons-colored .social-quora a,
    .social-icons.social-icons-colored-hover .social-quora a:hover{background-color:#ea3d23;}
    .social-icons.social-icons-colored .social-github a,
    .social-icons.social-icons-colored-hover .social-github a:hover{background-color:#3f91cb;}
    .social-icons.social-icons-colored .social-amazon a,
    .social-icons.social-icons-colored-hover .social-amazon a:hover{background-color:#ff8e2e;}
    .social-icons.social-icons-colored .social-xing a,
    .social-icons.social-icons-colored-hover .social-xing a:hover{background-color:#1a8e8c;}
    .social-icons.social-icons-colored .social-wikipedia a,
    .social-icons.social-icons-colored-hover .social-wikipedia a:hover{background-color:#b3b5b8;}

    /* Border */
    .social-icons.social-icons-border li a{border:1px solid #eee;background:transparent;color:#333;}

    /* Dark */
    .social-icons.social-icons-dark li a{background:#888;color:#fff;}

    /* Light */
    .social-icons.social-icons-light li a{background:#fff;color:#333;border:1px solid #eee;}

    /* Rounded */
    .social-icons.social-icons-rounded li a{border-radius:50%;}

    /* Medium Size */
    .social-icons.social-icons-medium li a{height:42px;width:42px;line-height:42px;font-size:18px;margin:0 10px 10px 0;}

    /* Large Size */
    .social-icons.social-icons-large li a{height:48px;width:48px;line-height:48px;font-size:18px;margin:0 10px 10px 0;}
    .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover{background-color:#eee;}
    .social-icons li:hover i{-webkit-animation:toTopFromBottom 0.3s forwards;-moz-animation:toTopFromBottom 0.3s forwards;animation:toTopFromBottom 0.3s forwards;}
    @-webkit-keyframes toTopFromBottom{
        49%{-webkit-transform:translateY(-100%);}
        50%{opacity:0;-webkit-transform:translateY(100%);}
        51%{opacity:1;}
    }
    @-moz-keyframes toTopFromBottom{
        49%{-moz-transform:translateY(-100%);}
        50%{opacity:0;-moz-transform:translateY(100%);}
        51%{opacity:1;}
    }
    @keyframes toTopFromBottom{
        49%{transform:translateY(-100%);}
        50%{opacity:0;transform:translateY(100%);}
        51%{opacity:1;}
    }

    /* ALERT */
    .alert span[data-notify="icon"]{font-size:30px;display:block;left:15px;position:absolute;top:50%;margin-top:-15px;}
    .alert button.close{position:absolute;right:10px;top:50%;margin-top:-13px;z-index:1033;background-color:#FFFFFF;display:block;border-radius:50%;opacity:.4;line-height:11px;width:25px;height:25px;outline:0!important;text-align:center;padding:3px;font-weight:300;}
    .alert button.close:hover{opacity:.55;}
    .alert .close ~ span{display:block;max-width:89%;}
    .alert[data-notify="container"]{padding:10px 10px 10px 20px;border-radius:4px;}
    .alert.alert-with-icon{padding-left:65px;}
    .alert-info{background-color:#6addf4;border-color:#6addf4;color:rgba(0,0,0,.5);}
    .alert-success{background-color:#a1e82c;color:rgba(0,0,0,.5);}
    .alert-warning{background-color:#ffbc67;color:rgba(0,0,0,.5);}
    .alert-danger{background-color:#fc727a;color:#fff;}

    /* BOOTSTRAP NAVBAR */
    .nav-center ul.nav.navbar-nav{display:table;margin:0 auto;float:none;}
    @media (max-width:767px){
        .nav-center ul.nav.navbar-nav{display:block;}
    }

    /* ----------------------------------------------------------------------
    Breadcrumbs
    -------------------------------------------------------------------------*/
    .breadcrumb{background-color:transparent;font-size:12px;line-height:1.3em;margin-bottom:0;margin-top:16px;text-align:left;}
    .breadcrumb ul{display:inline;margin:0;padding:0;}
    .breadcrumb li{display:inline}
    .breadcrumb a{color:#888;}
    .breadcrumb li + li:before{content:"\f105";padding:0 5px;font-family:FontAwesome;}

    /*fancy style*/
    .breadcrumb.fancy{overflow:hidden;font-size:12px;line-height:1.3em;background-color:transparent;padding:0;margin-bottom:20px;margin-top:14px;}
    .breadcrumb.fancy li{line-height:32px;margin:0 2px 0 10px;}
    .breadcrumb.fancy li + li:before,
    .breadcrumb.radius li + li:before{content:none;}
    .breadcrumb.fancy li:first-child i{margin-right:-6px;}
    .breadcrumb.fancy a{background:#eee;padding:.7em 1em;text-decoration:none;position:relative;}
    .breadcrumb.fancy a:hover,
    .breadcrumb.fancy .active a{background:#ddd;color:#333;}
    .breadcrumb.fancy a::before{content:"";position:absolute;top:50%;margin-top:-1.5em;border-width:1.5em 0 1.5em 1.1em;border-style:solid;border-color:#eee #eee #eee transparent;left:-1em;}
    .breadcrumb.fancy li:first-child{margin:0 2px 0 0;}
    .breadcrumb.fancy li:first-child a::before{border-width:0;}
    .breadcrumb.fancy a:hover::before,
    .breadcrumb.fancy .active a:before{border-color:#ddd #ddd #ddd transparent;}
    .breadcrumb.fancy a::after{content:"";position:absolute;top:50%;margin-top:-1.5em;border-top:1.5em solid transparent;border-bottom:1.5em solid transparent;border-left:1em solid #eee;right:-1em;}
    .breadcrumb.fancy a:hover::after,
    .breadcrumb.fancy .active a:after{border-left-color:#ddd;}

    /*radius breadcrumb*/
    .breadcrumb.radius{background:transparent;overflow:hidden;font-size:12px;}
    .breadcrumb.radius li{margin-right:16px;}
    .breadcrumb.radius a:hover,
    .breadcrumb.radius .active a{background:#ddd;color:#333;}
    .breadcrumb.radius a,
    .breadcrumb.radius .active a{background:#eee;padding:4px 8px;text-decoration:none;position:relative;}
    .breadcrumb.radius a:hover{background:#ddd;}
    .breadcrumb.radius a::before,
    .breadcrumb.radius a::after{background:none repeat scroll 0 0 #eee;bottom:0;content:"";height:25px;position:absolute;top:0;-webkit-transform:skew(-8deg);-ms-transform:skew(-8deg);transform:skew(-8deg);width:10px;}
    .breadcrumb.radius a::before{left:-.5em;border-radius:5px 0 0 5px;}
    .breadcrumb.radius a:hover::before{background:#ddd;}
    .breadcrumb.radius a::after{right:-.5em;border-radius:0 5px 5px 0;}
    .breadcrumb.radius a:hover::after,
    .breadcrumb.radius .active:hover{background:#ddd;}
    .breadcrumb.radius a:hover::after,
    .breadcrumb.radius .active a:after{border-left-color:#ddd;}
    body.device-sm .breadcrumb,
    body.device-xs .breadcrumb,
    body.device-xxs .breadcrumb{text-align:left!important;clear:both;}
    body.device-sm .page-title-right .breadcrumb,
    body.device-xs .page-title-right .breadcrumb,
    body.device-xxs .page-title-right .breadcrumb{text-align:right!important;clear:both;padding-top:14px!important;}
    body.device-sm .page-title-center .breadcrumb,
    body.device-xs .page-title-center .breadcrumb,
    body.device-xxs .page-title-center .breadcrumb{text-align:center!important;clear:both;}

    /* ----------------------------------------------------------------------
    Pagination & Pager
    -------------------------------------------------------------------------*/
    .pagination-wrap{display:block;clear:both;}
    .pagination > li > a,
    .pagination > li > span{color:#b0b0b0;padding:8px 14px;}
    .pagination i{font-size:18px;color:#b9b9b9;}

    /*pagination simple style*/
    .pagination.pagination-simple{margin:0;}
    .pagination.pagination-simple > li > a,
    .pagination.pagination-simple > li > span{border:0;background-color:transparent!important;}
    .pagination.pagination-simple > li > a:hover i,
    .pagination.pagination-simple > li > a:hover,
    .pagination.pagination-simple > li > span:hover,
    .pagination.pagination-simple > li > a:focus,
    .pagination.pagination-simple > li > span:focus{background-color:transparent!important;border-color:transparent!important;color:#333;}
    .pagination.pagination-simple > .active > a,
    .pagination.pagination-simple > .active > span,
    .pagination.pagination-simple > .active > a:hover,
    .pagination.pagination-simple > .active > span:hover,
    .pagination.pagination-simple > .active > a:focus,
    .pagination.pagination-simple > .active > span:focus{background:rgba(0,0,0,0);color:#646464;font-size:130%;font-weight:600;padding-top:3px;}

    /*pagination fancy style*/
    .pagination.pagination-fancy > li a{border-bottom:3px solid rgba(0,0,0,0.08);}
    .pagination.pagination-fancy > li:first-child > a,
    .pagination-fancy > li:first-child > span{border-bottom-left-radius:20px;border-top-left-radius:20px;margin-left:0;}
    .pagination.pagination-fancy > li:last-child > a,
    .pagination-fancy > li:last-child > span{border-bottom-right-radius:20px;border-top-right-radius:20px;margin-right:0;}

    /*pagination rounded style*/
    .pagination.pagination-rounded > li > a,
    .pagination.pagination-rounded > li > span{height:40px;width:40px;line-height:20px;}
    .pagination.pagination-rounded > li > a,
    .pagination-rounded > li > span{border-radius:50%;margin:0 2px;}
    .pagination.pagination-rounded > li:first-child > a,
    .pagination-rounded > li:first-child > span{background:none!important;border:0 none!important;margin-right:10px;padding-top:10px;}
    .pagination.pagination-rounded > li:last-child > a,
    .pagination-rounded > li:last-child > span{background:none!important;border:0 none!important;margin-left:10px;padding-top:10px;}

    /*PAGER*/
    .pager > li > a,
    .pager > li > span{color:#b0b0b0;padding:8px 14px;}
    .pager i{font-size:18px;color:#fff;}
    .pager.pager-fancy > li a{background-color:#00c0e9;border-color:#00c0e9;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
    .pager.pager-fancy > li a:hover{opacity:0.9;}
    .pager.pager-fancy > li:first-child > a,
    .pager-fancy > li:first-child > span{border-radius:6px 0 0 6px;margin-left:0;}
    .pager.pager-fancy > li:last-child > a,
    .pager-fancy > li:last-child > span{border-radius:0 6px 6px 0;margin-right:0;}
    .pager.pager-fancy > li:last-child > a i,
    .pager-fancy > li:last-child > span i{margin-left:6px;}
    .pager.pager-fancy > li:first-child > a i,
    .pager-fancy > li:first-child > span i{margin-right:6px;}
    .pager.pager-rounded > li a{background-color:#00c0e9;border-color:#00c0e9;color:#fff;width:40px;height:40px;border-radius:50%;}
    .pager.pager-rounded > li a:hover{opacity:0.9;}
    .pager.pager-rounded > li:last-child > a i,
    .pager-rounded > li:last-child > span i{margin-left:6px;}
    .pager.pager-rounded > li:first-child > a i,
    .pager-rounded > li:first-child > span i{margin-right:6px;}
    @media screen and (min-width:768px){
        nav .navbar-collapse.hoveractive > ul > li.dropdown:hover > ul{display:block;visibility:visible;}
    }

.imggrid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:1000px;list-style:none;text-align:center;}

/* Common style */
.imggrid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;    /* max-height: 360px; */height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.imggrid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:0.8;}
.imggrid figure figcaption{padding:2em;color:#fff;  /* text-transform: uppercase; */font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.imggrid figure figcaption::before,
.imggrid figure figcaption::after{pointer-events:none;}
.imggrid figure figcaption,
.imggrid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);}

/* Anchor will cover the whole item by default */

/* For some effects it will show as a button */
.imggrid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.imggrid figure h2{ /* word-spacing: -0.15em; */
font-weight:500;}
.imggrid figure h2 span{font-weight:800;}
.imggrid figure h2,
.imggrid figure p{margin:0;}
.imggrid figure p{letter-spacing:1px;font-size:68.5%;}

/* Individual effects */

/*---------------*/

/***** Lily *****/

/*---------------*/

figure.effect-lily img{max-width:none;width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:0.7;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0);}
figure.effect-lily figcaption{text-align:left;}
figure.effect-lily figcaption > div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:50%;}
figure.effect-lily h2,
figure.effect-lily p{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-lily h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-lily p{color:rgba(255,255,255,0.8);opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s;}
figure.effect-lily:hover img,
figure.effect-lily:hover p{opacity:1;}
figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-lily:hover p{-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;}

/*---------------*/

/***** Sadie *****/

/*---------------*/

figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-linear-gradient(top,rgba(72,76,97,0) 0%,rgba(72,76,97,0.8) 75%);background:linear-gradient(to bottom,rgba(72,76,97,0) 0%,rgba(72,76,97,0.8) 75%);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);}
figure.effect-sadie h2{position:absolute;top:50%;left:0;width:100%;color:#484c61;-webkit-transition:-webkit-transform 0.35s,color 0.35s;transition:transform 0.35s,color 0.35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
figure.effect-sadie figcaption::before,
figure.effect-sadie p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-sadie p{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
figure.effect-sadie:hover h2{color:#fff;-webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);transform:translate3d(0,-50%,0) translate3d(0,-40px,0);}
figure.effect-sadie:hover figcaption::before,
figure.effect-sadie:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Roxy *****/

/*---------------*/

figure.effect-roxy{background:-webkit-linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);background:linear-gradient(45deg,#ff89e9 0%,#05abe0 100%);}
figure.effect-roxy img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50px,0,0);transform:translate3d(-50px,0,0);}
figure.effect-roxy figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}
figure.effect-roxy figcaption{padding:3em;text-align:left;}
figure.effect-roxy h2{padding:30% 0 10px 0;}
figure.effect-roxy p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}
figure.effect-roxy:hover img{opacity:0.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Bubba *****/

/*---------------*/

figure.effect-bubba{background:#9e5406;}
figure.effect-bubba img{opacity:0.7;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-bubba:hover img{opacity:0.4;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
figure.effect-bubba h2{padding-top:30%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}
figure.effect-bubba p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Romeo *****/

/*---------------*/

figure.effect-romeo{-webkit-perspective:1000px;perspective:1000px;}
figure.effect-romeo img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,0,300px);transform:translate3d(0,0,300px);}
figure.effect-romeo:hover img{opacity:0.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after{position:absolute;top:50%;left:50%;width:80%;height:1px;background:#fff;content:'';-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
figure.effect-romeo:hover figcaption::before{opacity:0.5;-webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);transform:translate3d(-50%,-50%,0) rotate(45deg);}
figure.effect-romeo:hover figcaption::after{opacity:0.5;-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);transform:translate3d(-50%,-50%,0) rotate(-45deg);}
figure.effect-romeo h2,
figure.effect-romeo p{position:absolute;top:50%;left:0;width:100%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-romeo h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-150%,0);transform:translate3d(0,-50%,0) translate3d(0,-150%,0);}
figure.effect-romeo p{padding:0.25em 2em;-webkit-transform:translate3d(0,-50%,0) translate3d(0,150%,0);transform:translate3d(0,-50%,0) translate3d(0,150%,0);}
figure.effect-romeo:hover h2{-webkit-transform:translate3d(0,-50%,0) translate3d(0,-100%,0);transform:translate3d(0,-50%,0) translate3d(0,-100%,0);}
figure.effect-romeo:hover p{-webkit-transform:translate3d(0,-50%,0) translate3d(0,100%,0);transform:translate3d(0,-50%,0) translate3d(0,100%,0);}

/*---------------*/

/***** Layla *****/

/*---------------*/

figure.effect-layla{background:#18a367;}
figure.effect-layla img{height:390px;}
figure.effect-layla figcaption{padding:3em;}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after{position:absolute;content:'';opacity:0;}
figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0;}
figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0;}
figure.effect-layla h2{padding-top:26%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-layla p{padding:0.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
figure.effect-layla img,
figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-layla:hover img{opacity:0.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-layla:hover h2,
figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img{-webkit-transition-delay:0.15s;transition-delay:0.15s;}

/*---------------*/

/***** Honey *****/

/*---------------*/

figure.effect-honey{background:#4a3753;}
figure.effect-honey img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-honey:hover img{opacity:0.5;}
figure.effect-honey figcaption::before{position:absolute;bottom:0;left:0;width:100%;height:10px;background:#fff;content:'';-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}
figure.effect-honey h2{position:absolute;bottom:0;left:0;padding:1em 1.5em;width:100%;text-align:left;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
figure.effect-honey h2 i{font-style:normal;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}
figure.effect-honey figcaption::before,
figure.effect-honey h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Oscar *****/

/*---------------*/

figure.effect-oscar{background:-webkit-linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);background:linear-gradient(45deg,#22682a 0%,#9b4a1b 40%,#3a342a 100%);}
figure.effect-oscar img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-oscar figcaption{padding:3em;background-color:rgba(58,52,42,0.7);-webkit-transition:background-color 0.35s;transition:background-color 0.35s;}
figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';}
figure.effect-oscar h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
figure.effect-oscar figcaption::before,
figure.effect-oscar p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0);}
figure.effect-oscar:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-oscar:hover figcaption{background-color:rgba(58,52,42,0);}
figure.effect-oscar:hover img{opacity:0.4;}

/*---------------*/

/***** Marley *****/

/*---------------*/

figure.effect-marley figcaption{text-align:right;}
figure.effect-marley h2,
figure.effect-marley p{position:absolute;right:30px;left:30px;padding:10px 0;}
figure.effect-marley p{bottom:30px;line-height:1.5;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
figure.effect-marley h2{top:30px;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-marley:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-marley h2::after{position:absolute;top:100%;left:0;width:100%;height:4px;background:#fff;content:'';-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-marley h2::after,
figure.effect-marley p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-marley:hover h2::after,
figure.effect-marley:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Ruby *****/

/*---------------*/

figure.effect-ruby{background-color:#17819c;}
figure.effect-ruby img{opacity:0.7;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1.15);transform:scale(1.15);}
figure.effect-ruby:hover img{opacity:0.5;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-ruby h2{margin-top:20%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-ruby p{margin:1em 0 0;padding:3em;border:1px solid #fff;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,20px,0) scale(1.1);transform:translate3d(0,20px,0) scale(1.1);}
figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-ruby:hover p{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);}

/*---------------*/

/***** Milo *****/

/*---------------*/

figure.effect-milo{background:#2e5d5a;}
figure.effect-milo img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-30px,0,0) scale(1.12);transform:translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-milo:hover img{opacity:0.5;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);}
figure.effect-milo h2{position:absolute;right:0;bottom:0;padding:1em 1.2em;}
figure.effect-milo p{padding:0 10px 0 0;width:50%;border-right:1px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0);}
figure.effect-milo:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Dexter *****/

/*---------------*/

figure.effect-dexter{background:-webkit-linear-gradient(top,rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);background:linear-gradient(to bottom,rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%);}
figure.effect-dexter img{-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-dexter:hover img{opacity:0.4;}
figure.effect-dexter figcaption::after{position:absolute;right:30px;bottom:30px;left:30px;height:-webkit-calc(50% - 30px);height:calc(50% - 30px);border:7px solid #fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
figure.effect-dexter:hover figcaption::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-dexter figcaption{padding:3em;text-align:left;}
figure.effect-dexter p{position:absolute;right:60px;bottom:60px;left:60px;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);}
figure.effect-dexter:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Sarah *****/

/*---------------*/

figure.effect-sarah{background:#42b078;}
figure.effect-sarah img{max-width:none;width:-webkit-calc(100% + 20px);width:calc(100% + 20px);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-sarah:hover img{opacity:0.4;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-sarah figcaption{text-align:left;}
figure.effect-sarah h2{position:relative;overflow:hidden;padding:0.5em 0;}
figure.effect-sarah h2::after{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
figure.effect-sarah:hover h2::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-sarah p{padding:1em 0;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
figure.effect-sarah:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Zoe *****/

/*---------------*/

figure.effect-zoe figcaption{top:auto;bottom:0;padding:1em;height:3.75em;background:#fff;color:#3c4a50;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}
figure.effect-zoe h2{float:left;}
figure.effect-zoe p.icon-links a{float:right;color:#3c4a50;font-size:1.4em;}
figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus{color:#252d31;}
figure.effect-zoe p.description{position:absolute;bottom:8em;padding:2em;color:#fff;text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;-webkit-backface-visibility:hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */}
figure.effect-zoe h2,
figure.effect-zoe p.icon-links a{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);}
figure.effect-zoe p.icon-links a span::before{display:inline-block;padding:8px 10px;font-family:'feathericons';speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-eye::before{content:'\e000';}
.icon-paper-clip::before{content:'\e001';}
.icon-heart::before{content:'\e024';}
figure.effect-zoe h2{display:inline-block;}
figure.effect-zoe:hover p.description{opacity:1;}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-zoe:hover h2{-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-zoe:hover p.icon-links a:nth-child(3){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-zoe:hover p.icon-links a:nth-child(2){-webkit-transition-delay:0.15s;transition-delay:0.15s;}
figure.effect-zoe:hover p.icon-links a:first-child{-webkit-transition-delay:0.2s;transition-delay:0.2s;}

/*---------------*/

/***** Chico *****/

/*---------------*/

figure.effect-chico img{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1.12);transform:scale(1.12);}
figure.effect-chico:hover img{opacity:0.5;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-chico figcaption{padding:3em;}
figure.effect-chico figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:1px solid #fff;content:'';-webkit-transform:scale(1.1);transform:scale(1.1);}
figure.effect-chico figcaption::before,
figure.effect-chico p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-chico h2{padding:20% 0 20px 0;}
figure.effect-chico p{margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);transform:scale(1.5);}
figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
@media screen and (max-width:50em){
    .content{padding:0 10px;text-align:center;}
    .imggrid figure{display:inline-block;float:none;margin:10px auto;width:100%;}
}


/*---------------*/

/***** Julia *****/

/*---------------*/

figure.effect-julia{background:#2f3238;}
figure.effect-julia img{max-width:none;height:400px;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-julia figcaption{text-align:left;}
figure.effect-julia h2{position:relative;padding:0.5em 0;}
figure.effect-julia p{display:inline-block;margin:0 0 0.25em;padding:0.4em 1em;background:rgba(255,255,255,0.9);color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0);}
figure.effect-julia p:first-child{-webkit-transition-delay:0.15s;transition-delay:0.15s;}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s;}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-julia:hover img{opacity:0.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1);}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*-----------------*/

/***** Goliath *****/

/*-----------------*/

figure.effect-goliath{background:#df4e4e;}
figure.effect-goliath img,
figure.effect-goliath h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-goliath img{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-goliath h2,
figure.effect-goliath p{position:absolute;bottom:0;left:0;padding:30px;}
figure.effect-goliath p{text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-goliath:hover img{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0);}
figure.effect-goliath:hover h2{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0);}
figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*-----------------*/

/***** Hera *****/

/*-----------------*/

figure.effect-hera{background:#303fa9;}
figure.effect-hera h2{font-size:158.75%;}
figure.effect-hera h2,
figure.effect-hera p{position:absolute;top:50%;left:50%;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%;}
figure.effect-hera figcaption::before{position:absolute;top:50%;left:50%;width:200px;height:200px;border:2px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin:50%;transform-origin:50%;}
figure.effect-hera p{width:100px;text-transform:none;font-size:121%;line-height:2;}
figure.effect-hera p a{color:#fff;}
figure.effect-hera p a:hover,
figure.effect-hera p a:focus{opacity:0.6;}
figure.effect-hera p a i{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-hera p a:first-child i{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0);}
figure.effect-hera p a:nth-child(2) i{-webkit-transform:translate3d(60px,-60px,0);transform:translate3d(60px,-60px,0);}
figure.effect-hera p a:nth-child(3) i{-webkit-transform:translate3d(-60px,60px,0);transform:translate3d(-60px,60px,0);}
figure.effect-hera p a:nth-child(4) i{-webkit-transform:translate3d(60px,60px,0);transform:translate3d(60px,60px,0);}
figure.effect-hera:hover figcaption::before{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);}
figure.effect-hera:hover h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);}
figure.effect-hera:hover p i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); /* just because it's stronger than nth-child */opacity:1;}

/*-----------------*/

/***** Winston *****/

/*-----------------*/

figure.effect-winston{background:#162633;text-align:left;}
figure.effect-winston img{-webkit-transition:opacity 0.45s;transition:opacity 0.45s;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-winston figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/triangle.svg) no-repeat center center;background-size:100% 100%;content:'';-webkit-transition:opacity 0.45s,-webkit-transform 0.45s;transition:opacity 0.45s,transform 0.45s;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;}
figure.effect-winston h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-winston p{position:absolute;right:0;bottom:0;padding:0 1.5em 7% 0;}
figure.effect-winston a{margin:0 10px;color:#5d504f;font-size:170%;}
figure.effect-winston a:hover,
figure.effect-winston a:focus{color:#cc6055;}
figure.effect-winston p a i{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);}
figure.effect-winston:hover img{opacity:0.6;}
figure.effect-winston:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-winston:hover figcaption::before{opacity:0.7;-webkit-transform:rotate3d(0,0,1,20deg);transform:rotate3d(0,0,1,20deg);}
figure.effect-winston:hover p i{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-winston:hover p a:nth-child(3) i{-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-winston:hover p a:nth-child(2) i{-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-winston:hover p a:first-child i{-webkit-transition-delay:0.15s;transition-delay:0.15s;}

/*-----------------*/

/***** Selena *****/

/*-----------------*/

figure.effect-selena{background:#fff;}
figure.effect-selena img{opacity:0.95;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-selena:hover img{-webkit-transform:scale3d(0.95,0.95,1);transform:scale3d(0.95,0.95,1);}
figure.effect-selena h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-selena p{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:perspective(1000px) rotate3d(1,0,0,90deg);transform:perspective(1000px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0%;transform-origin:50% 0%;}
figure.effect-selena:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-selena:hover p{opacity:1;-webkit-transform:perspective(1000px) rotate3d(1,0,0,0);transform:perspective(1000px) rotate3d(1,0,0,0);}

/*-----------------*/

/***** Terry *****/

/*-----------------*/

figure.effect-terry{background:#34495e;}
figure.effect-terry figcaption{padding:1em;}
figure.effect-terry figcaption::before,
figure.effect-terry figcaption::after{position:absolute;width:200%;height:200%;border-style:solid;border-color:#101010;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-terry figcaption::before{right:0;bottom:0;border-width:0 70px 60px 0;-webkit-transform:translate3d(70px,60px,0);transform:translate3d(70px,60px,0);}
figure.effect-terry figcaption::after{top:0;left:0;border-width:15px 0 0 15px;-webkit-transform:translate3d(-15px,-15px,0);transform:translate3d(-15px,-15px,0);}
figure.effect-terry img,
figure.effect-terry p a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-terry img{opacity:0.85;}
figure.effect-terry h2{position:absolute;bottom:0;left:0;padding:0.4em 10px;width:50%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}
@media screen and (max-width:920px){
    figure.effect-terry h2{padding:0.75em 10px;font-size:120%;}
}
figure.effect-terry p{float:right;clear:both;text-align:left;text-transform:none;font-size:111%;}
figure.effect-terry p a{display:block;margin-bottom:1em;color:#fff;opacity:0;-webkit-transform:translate3d(90px,0,0);transform:translate3d(90px,0,0);}
figure.effect-terry p a:hover,
figure.effect-terry p a:focus{color:#f3cf3f;}
figure.effect-terry:hover figcaption::before,
figure.effect-terry:hover figcaption::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-terry:hover img{opacity:0.6;}
figure.effect-terry:hover h2,
figure.effect-terry:hover p a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-terry:hover p a{opacity:1;}
figure.effect-terry:hover p a:first-child{-webkit-transition-delay:0.025s;transition-delay:0.025s;}
figure.effect-terry:hover p a:nth-child(2){-webkit-transition-delay:0.05s;transition-delay:0.05s;}
figure.effect-terry:hover p a:nth-child(3){-webkit-transition-delay:0.075s;transition-delay:0.075s;}
figure.effect-terry:hover p a:nth-child(4){-webkit-transition-delay:0.1s;transition-delay:0.1s;}

/*-----------------*/

/***** Phoebe *****/

/*-----------------*/

figure.effect-phoebe{background:#675983;}
figure.effect-phoebe img{opacity:0.85;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-phoebe:hover img{opacity:0.6;}
figure.effect-phoebe figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/triangle2.svg) no-repeat center center;background-size:100% 100%;content:'';-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(5,2.5,1);transform:scale3d(5,2.5,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-phoebe:hover figcaption::before{opacity:0.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-phoebe h2{margin-top:1em;-webkit-transition:transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
figure.effect-phoebe:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-phoebe p a{color:#fff;font-size:140%;opacity:0;position:relative;display:inline-block;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-phoebe p a:first-child{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0);}
figure.effect-phoebe p a:nth-child(2){-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);}
figure.effect-phoebe p a:nth-child(3){-webkit-transform:translate3d(60px,-60px,0);transform:translate3d(60px,-60px,0);}
figure.effect-phoebe:hover p a{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*-----------------*/

/***** Apollo *****/

/*-----------------*/

figure.effect-apollo{background:#3498db;}
figure.effect-apollo img{opacity:0.95;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p{position:absolute;right:0;bottom:0;margin:3em;padding:0 1em;max-width:150px;border-right:4px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-apollo h2{text-align:left;}
figure.effect-apollo:hover img{opacity:0.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}

/*-----------------*/

/***** Kira *****/

/*-----------------*/

figure.effect-kira{background:#fff;text-align:left;}
figure.effect-kira img{-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-kira figcaption{z-index:1;}
figure.effect-kira p{padding:2.25em 0.5em;font-weight:600;font-size:100%;line-height:1.5;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}
figure.effect-kira p a{margin:0 0.5em;color:#101010;}
figure.effect-kira p a:hover,
figure.effect-kira p a:focus{opacity:0.6;}
figure.effect-kira figcaption::before{position:absolute;top:0;right:2em;left:2em;z-index:-1;height:3.5em;background:#fff;content:'';-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,4em,0) scale3d(1,0.023,1);transform:translate3d(0,4em,0) scale3d(1,0.023,1);-webkit-transform-origin:50% 0;transform-origin:50% 0;}
figure.effect-kira:hover img{opacity:0.5;}
figure.effect-kira:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-kira:hover figcaption::before{opacity:0.7;-webkit-transform:translate3d(0,5em,0) scale3d(1,1,1);transform:translate3d(0,5em,0) scale3d(1,1,1);}

/*-----------------*/

/***** Steve *****/

/*-----------------*/

figure.effect-steve{z-index:auto;overflow:visible;background:#000;}
figure.effect-steve:before,
figure.effect-steve h2:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;content:'';-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-steve:before{box-shadow:0 3px 30px rgba(0,0,0,0.8);opacity:0;}
figure.effect-steve figcaption{z-index:1;}
figure.effect-steve img{opacity:1;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:perspective(1000px) translate3d(0,0,0);transform:perspective(1000px) translate3d(0,0,0);}
figure.effect-steve h2,
figure.effect-steve p{background:#fff;color:#2d434e;}
figure.effect-steve h2{position:relative;margin-top:2em;padding:0.25em;}
figure.effect-steve h2:before{box-shadow:0 1px 10px rgba(0,0,0,0.5);}
figure.effect-steve p{margin-top:1em;padding:0.5em;font-weight:800;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(0.9,0.9,1);transform:scale3d(0.9,0.9,1);}
figure.effect-steve:hover:before{opacity:1;}
figure.effect-steve:hover img{-webkit-transform:perspective(1000px) translate3d(0,0,21px);transform:perspective(1000px) translate3d(0,0,21px);}
figure.effect-steve:hover h2:before{opacity:0;}
figure.effect-steve:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}

/*-----------------*/

/***** Moses *****/

/*-----------------*/

figure.effect-moses{background:-webkit-linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%);background:linear-gradient(-45deg,#EC65B7 0%,#05E0D8 100%);}
figure.effect-moses img{opacity:0.85;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-moses h2,
figure.effect-moses p{padding:20px;width:50%;height:50%;border:2px solid #fff;}
figure.effect-moses h2{padding:20px;width:50%;height:50%;text-align:left;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0);}
figure.effect-moses p{float:right;padding:20px;text-align:right;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
figure.effect-moses:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-moses:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-moses:hover img{opacity:0.6;}

/*---------------*/

/***** Jazz *****/

/*---------------*/

figure.effect-jazz{background:-webkit-linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);background:linear-gradient(-45deg,#f3cf3f 0%,#f33f58 100%);}
figure.effect-jazz img{opacity:0.9;}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-jazz figcaption::after{position:absolute;top:0;left:0;width:100%;height:100%;border-top:1px solid #fff;border-bottom:1px solid #fff;content:'';opacity:0;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);transform:rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-jazz h2,
figure.effect-jazz p{opacity:1;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);}
figure.effect-jazz h2{padding-top:26%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-jazz p{padding:0.5em 2em;text-transform:none;font-size:0.85em;opacity:0;}
figure.effect-jazz:hover img{opacity:0.7;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after{opacity:1;-webkit-transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);transform:rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}

/*---------------*/

/***** Ming *****/

/*---------------*/

figure.effect-ming{background:#030c17;}
figure.effect-ming img{opacity:0.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-ming figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);}
figure.effect-ming h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
figure.effect-ming p{padding:1em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1.5);transform:scale(1.5);}
figure.effect-ming:hover h2{-webkit-transform:scale(0.9);transform:scale(0.9);}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-ming:hover figcaption{background-color:rgba(58,52,42,0);}
figure.effect-ming:hover img{opacity:0.4;}

/*---------------*/

/***** Lexi *****/

/*---------------*/

figure.effect-lexi{background:-webkit-linear-gradient(-45deg,#000 0%,#fff 100%);background:linear-gradient(-45deg,#000 0%,#fff 100%);}
figure.effect-lexi img{margin:-10px 0 0 -10px;max-width:none;width:-webkit-calc(100% + 10px);width:calc(100% + 10px);opacity:0.9;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(10px,10px,0);transform:translate3d(10px,10px,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
figure.effect-lexi figcaption::before,
figure.effect-lexi p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-lexi figcaption::before{position:absolute;right:-100px;bottom:-100px;width:300px;height:300px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 900px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transform:scale3d(0.5,0.5,1);transform:scale3d(0.5,0.5,1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;}
figure.effect-lexi:hover img{opacity:0.6;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
figure.effect-lexi h2{text-align:left;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(5px,5px,0);transform:translate3d(5px,5px,0);}
figure.effect-lexi p{position:absolute;right:0;bottom:0;padding:0 1.5em 1.5em 0;width:140px;text-align:right;opacity:0;-webkit-transform:translate3d(20px,20px,0);transform:translate3d(20px,20px,0);}
figure.effect-lexi:hover figcaption::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-lexi:hover h2,
figure.effect-lexi:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

/*---------------*/

/***** Duke *****/

/*---------------*/

figure.effect-duke{background:-webkit-linear-gradient(-45deg,#34495e 0%,#cc6055 100%);background:linear-gradient(-45deg,#34495e 0%,#cc6055 100%);}
figure.effect-duke img,
figure.effect-duke p{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;}
figure.effect-duke:hover img{opacity:0.1;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1);}
figure.effect-duke h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
figure.effect-duke p{position:absolute;bottom:0;left:0;margin:20px;padding:30px;border:2px solid #fff;text-transform:none;font-size:90%;opacity:0;-webkit-transform:scale3d(0.8,0.8,1);transform:scale3d(0.8,0.8,1);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;}
figure.effect-duke:hover h2,
figure.effect-duke:hover p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}