/******************************************************************************************************************************
    Theme Name:     Dew
    Theme URI:      -
    Description:    Multi Purpose Theme.
    Author:         FF
    Author URI:     http://www.2f-design.fr
    Version:        1.0
    Tags:           flexible-width, custom post types, post-formats, theme-options,translation-ready, portfolio, retina, responsive
    
    License: GNU General Public License V2 or Later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html xz

    CSS PARTS:

    0. EASY COLORS AND FONTS

    1. MAIN STYLE
        - TYPOGRAPHY
        - BACKGROUNDS
        - BOOTSTRAP CHANGES (forms, buttons, line-height...)
        - CONTAINERS
        - PAGINATION 
        - BOXED
        - OTHER
    2. HEADER
        - LOGO
        - MENU
        - SEARCH
    X. RESPONSIVE
    3. HOME
        - SLIDER
        - FEATURES
        - ANNOUNCEMENT
        - PROJECTS CAROUSEL
        - CLIENTS
    4. PORTFOLIOS
        - SINGLE POST
        - NORMAK PAGE
        - WEBDESIGN PAGE
        - FILTERS
        - LIGHTBOX
    5. BLOG
        - BLOG PAGE
        - POST TYPES
        - POSTMETADATA
        - SIDEBAR
        - COMMENTS
    6. OTHER PAGES (if needed)
        - 404 PAGE
        - SEARCH PAGE
        - ARCHIVE PAGE
        - COMMING SOON
    7. FOOTER
        - OPEN BUTTON
        - SIDEBAR
        - FOOTER
    8. WIDGETS
        - SOCIAL ICONS
        - LATEST POSTS
        - DRIBBBLE
        - FLICKR
        - TWITTER
        - TAGS
        - SEARCH
    9. ANIMATIONS CSS3
        - ANIMATIONS
        - ISOTOPE
    10. PLUGINS
        - LIGHTBOX


******************************************************************************************************************************/
/******************************************************************************************************************************
*******************************************************************************************************************************
EASY COLORS AND FONTS
*******************************************************************************************************************************
*******************************************************************************************************************************/
h1, h2, blockquote, .postmetadata, .widget, .caption.very_large_text, .caption{
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h4, h3, .dropcap2, .dropcap1, .btn-default, blockquote small, .logo h1, .menu-item a, .lightbox span,
.nav-tabs>li>a, .latest-posts h5, .pagination>li>a, .pagination>li>span, #timer p,
.widget h4, #footer .widget-list li{
    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.list>li:before, a:hover, a:focus, a, .feature .icon, .colored{
    color: #dc7075;
}
body .announcement{
    border-color: #dc7075;
}
.postmetadata > li a, .postmetada-style-button, .boxed {
    background-color: #dc7075;
}
h4, blockquote small, blockquote:before, .latest-posts span, .comment-container .comment-list > li:before, .postmetadata,
.postmetadata .icon, .panel-default>.panel-heading,  .postmetadata > li a:hover,.project-description, .feature h3{
    color: #CCC;
}
.dropcap1, blockquote, .pagination>li>a, .pagination>li>span,  .panel-default>.panel-heading, 
 .panel-group .panel-heading+.panel-collapse .panel-body, .nav-tabs>li.active>a,
  .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .tab-content{
    border-color: #CCC !important;
}
.tooltip-inner, #footer, #slider{
    background: #333;
}
.tooltip-arrow{
    border-top-color: #333 !important;
}
.pagination>li>a:hover, #footer .widget-list li, .panel-heading:hover{
    border-color: #333 !important;
}
.widget .sb-search-input, .not-found-container .sb-search-input, .sb-search-input, a.accordion-toggle, .nav-tabs>li>a, 
a#footer-opening, .pagination>li>a, .pagination>li>span, .panel-group .panel-heading+.panel-collapse .panel-body{
    color: #333 !important;
}
.widget .sb-search-input, .not-found-container .sb-search-input, .entry-footer, .page-breaking {
    background: #F8F8F8;
}
.footer-triangle{
    border-color: transparent transparent #F8F8F8 transparent;
}
#footer .widget a,#footer .widget{
    color: #737373;
}
#footer .widget-list li, #footer a.widget-btn{
    border-color: #737373;
}
.sb-search-input::-webkit-input-placeholder { color: #737373;}
.sb-search-input:-moz-placeholder { color: #737373;}
.sb-search-input::-o-placeholder { color: #737373;}
.sb-search-input:-ms-input-placeholder { color: #737373;}
/******************************************************************************************************************************
*******************************************************************************************************************************
MAIN STYLE
*******************************************************************************************************************************
*******************************************************************************************************************************/
/******************************************************************************************************************************
TYPOGRAPHY
*******************************************************************************************************************************/
h1, h2, h3{ letter-spacing: -2px;}
h4, h3{
    letter-spacing: -1px;
    text-transform: uppercase;
}
@font-face {
    font-family: 'custom-font';
    src:url('styles/fonts/custom-font.eot');
    src:url('styles/fonts/custom-font.eot?#iefix') format('embedded-opentype'),
        url('styles/fonts/custom-font.woff') format('woff'),
        url('styles/fonts/custom-font.ttf') format('truetype'),
        url('styles/fonts/custom-font.svg#custom-font') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon{
    font-family: 'custom-font' !important;
    -webkit-font-smoothing: antialiased;
}
.dropcap1{
    border-radius: 5px;
    display: inline-block;
    float: left;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 36px;
    margin: 5px 17px 0 0;
    text-transform: uppercase;
    border: 3px solid;
    text-align: center;
    width: 40px; 
}
.dropcap2{
    border-radius: 5px;
    display: inline-block;
    float: left;
    font-size: 20px;
    letter-spacing: -1px;
    line-height: 36px;
    margin: 5px 17px 0 0;
    text-transform: uppercase;
    text-align: center;
    width: 40px; 
}
ul.list{
    list-style-type: none;
    padding-left: 0;
}
.list > li{ padding-left: 0;}
.list>li:before{
    font-family: 'custom-font';
    padding: 0 12px 0 12px;
}
.list-star>li:before{content:"\e10b";}
.list-check>li:before{content:"\e140";}
.list-heart>li:before{content:"\e13e";}
.list-close>li:before{content:"\e13f";}
.list-plus>li:before{content:"\e142";}
.list-location>li:before{content:"\e077";}
.list-mail>li:before{content: "\e18e";}
.list-phone>li:before{content: "\e073";}
/******************************************************************************************************************************
BOOTSTRAP CHANGES
*******************************************************************************************************************************/
body{
    font-size: 17px;
    line-height: 28px;
}
a:hover h1,a:hover h2,a:hover h3,a:hover h4{ text-decoration: none;}
h1, h2{font-weight: 300;}
h1, h2, h3 {
    margin-top: 30px;
    margin-bottom: 30px;
}
h3, .h3 {font-size: 22px;}
a:hover, a:focus {
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
.tooltip-inner{
    font-size: 16px;
    padding: 4px 13px;
}
.btn-default{
    border-width: 3px;
    background: none;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-radius: 5px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: inherit;
    background-color: transparent;
    border-color: inherit;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
hr{
    width: 80%;
    margin-top: 80px;
    margin-bottom: 80px;
}
blockquote {
    padding: 10px 20px;
    border-left: 0;
    margin: 24px 0px 24px 24px;
    border: 3px solid;
    background: none;
    border-radius: 5px;
}
blockquote small{
    letter-spacing: -1px;
    text-transform: uppercase;
}
blockquote:before {
    content: "\e0eb";
    margin: 0 20px 0px 0;
    font-size: 30px;
    float: left;
    font-family: 'custom-font';
    -webkit-font-smoothing: antialiased;
}
ul{list-style-type: circle;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    position: static;
}
.panel-default>.panel-heading, .panel-group .panel-heading+.panel-collapse .panel-body{ background: transparent; border: 3px solid; }
.panel-group .panel, .panel{border: 0; -webkit-box-shadow: 0; box-shadow: 0;}
.panel-body{border-top: 0 !important;}
a.accordion-toggle:hover{text-decoration: none;}
.panel-heading:hover{
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
.tab-pane{padding: 15px;}
.tab-content{border: 3px solid; border-radius: 5px;}
.nav-tabs{border-bottom: 0;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    border: 3px solid; border-bottom-color: transparent; margin-bottom: -1px;
}
.nav-tabs>li>a{
    letter-spacing: -1px;
    text-transform: uppercase;
}
input[type="radio"], input[type="checkbox"]{margin: 8px 0 0 0;}
.form-horizontal{margin: 25px 0;}
/******************************************************************************************************************************
CONTAINER
*******************************************************************************************************************************/
.entry-header{ padding-left: 0;}
.entry-title{
    margin: 45px 0 25px 0;
    font-weight: 300;
    font-size: 62px;
}
#container{padding: 45px 0 0 0;}
.entry-triangle{
    width: 0px;
    height: 0px;
    margin-left: 25px;
    border-style: solid;
    border-width: 0 16px 18px 16px;
    border-style: inset;
    border-color: transparent transparent #ffffff transparent;
}
.entry-content h1{ margin-bottom: 45px;}
#container .social-list a:hover{ text-decoration: none;}
/******************************************************************************************************************************
PAGINATION
*******************************************************************************************************************************/
.pagination{
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.pagination>li>a, .pagination>li>span{
    border: 3px solid;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 0 4px 0 4px;
    float: none;
}
.pagination>li>a:hover{ background: transparent;}
/******************************************************************************************************************************
BOXED
*******************************************************************************************************************************/
.boxed{  margin: 50px 0;}
.boxed #container,.boxed .entry-content, .boxed #header, .boxed .entry-footer, .boxed #footer, 
.boxed .page-breaking, .boxed .container{
    width: 90%; 
    margin: auto;
}
.boxed #container,.boxed .entry-content, .boxed .triangle-container{ background-color: #FFF;}
.boxed #header.with-slider-images .entry-triangle{bottom: -50px !important;}
.boxed .tp-leftarrow{left: 7% !important;}
.boxed .tp-rightarrow{ right: 7% !important;}
/******************************************************************************************************************************
OTHER
*******************************************************************************************************************************/
.m1{ margin-top: 25px;}
.blurred{
    -webkit-filter: blur(1px);
       -moz-filter: blur(1px);
        -ms-filter: blur(1px);
         -o-filter: blur(1px);
            filter: blur(1px);
}
/******************************************************************************************************************************
*******************************************************************************************************************************
HEADER
*******************************************************************************************************************************
*******************************************************************************************************************************/
#header *{ color: #FFF;}
#header header{position: relative; z-index: 100;}
/******************************************************************************************************************************
LOGO
*******************************************************************************************************************************/
.logo h1{
    display: inline-block;
    margin: 40px 0 0 0;
    font-size: 60px;
    letter-spacing: -4px;
}
.logo{
    display: inline-block;
    text-align: center;
    width: 100%;
}
a.logo:hover { text-decoration: none;}
a.logo:hover{
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-animation-name: Turn;
       -moz-animation-name: Turn;
         -o-animation-name: Turn;
            animation-name: Turn;
}
/******************************************************************************************************************************
MENU
*******************************************************************************************************************************/
#menu{
    text-align: center;
    position: relative;
    margin: 18px 0 45px 0;
}
.menu-item{
    display: inline-block;
    margin: 0 8px;
}
.menu-item a{
    letter-spacing: -1px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 5px;
    border: 3px solid rgba(255,255,255, .4);
}
.menu-item a:hover{
    border-color: #FFF;
    text-decoration: none;
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
            transition-duration: 0.8s;
}
/*** ESSENTIAL STYLES FROM SUPERFISH ***/
.sf-menu li { position: relative;}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    border-radius: 5px;
    text-align: left;
    background: rgba(51,51,51, .6);
    color: #F8F8F8;
    left: 0;
    margin-top: 24px;
    width: 180px;
    z-index: 9999;
    padding: 0 15px;
    /*
    -webkit-animation-duration: .8s;
       -moz-animation-duration: .8s;
        -ms-animation-duration: .8s;
         -o-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-delay: .3s;
       -moz-animation-delay: .3s;
        -ms-animation-delay: .3s;
         -o-animation-delay: .3s;
            animation-delay: .3s;
    -webkit-animation-name: GoIn;
       -moz-animation-name: GoIn;
         -o-animation-name: GoIn;
            animation-name: GoIn;
    */
}
.sf-menu ul li {
    display: block !important;
    margin: 0;
}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul { display: block;}
.sf-menu ul a {
    display: block;
    position: relative;
    border-radius: 0;
    font-size: 16px;
    opacity: .8;
    line-height: 20px;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    border-bottom: 1px dashed #737373;
    padding: 14px 0;
}
.sf-menu ul li:last-child a{ border-bottom: 0;}
.sf-menu ul a:hover { opacity: 1;}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
/*! responsive-nav.js v1.0.14 by @viljamis */
#menu.opened {
    max-height: 9999px;
    display: block;
    width: 100%;
    position: absolute !important;
    margin-top: 45px;
    z-index: 999;
    top: 100px;
    left: 0px;
}
#menu.opened ul{
    overflow: visible;
    border-radius: 5px;
    padding: 24px 0;
    background: rgba(51,51,51, .6);
    color: #F8F8F8;
}
#menu.opened ul li{
    display: block;
    line-height: 24px;
    text-align: left;
    padding: 7px 0;
}
#menu.opened ul li a{
    border: 0;
    padding: 0;
}
#menu.opened ul ul{
    display: block !important;
    visibility: visible !important;
    padding: 0;
    margin-top: 0;
    position: relative;
    font-weight: normal;
    width: 100%;
    box-shadow: none;
    background: none;
}
#menu.opened ul ul li a{ font-weight: normal;}
#menu.opened ul ul li a:before{
    content: '\2014 \00A0';
    padding-left: 8px;
}
#menu.opened ul li:before, #menu.opened ul li:after{ content: "";}
#nav-toggle {
    border-radius: 5px;
    text-align: center;
    width: 80px;
    right: 0px;
    top: 42px;
    position: absolute;
    display: none;
    border: 3px solid rgba(255,255,255, .4);
    padding: 10px;
}
a#nav-toggle:hover{
    border-color: #FFF;
    text-decoration: none;
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
            transition-duration: 0.8s;
}
/******************************************************************************************************************************
SEARCH
*******************************************************************************************************************************/
.menu-item a.icon{
    border: 0;
    padding: 0;
}
.sb-search {
    position: relative;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-triangle{
    width: 0px;
    height: 0px;
    position: absolute;
    display: none;
    top: 73px;
    right: 5px;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-style: inset;
    border-color: transparent transparent #ffffff transparent;
}
.sb-search-input {
    position: absolute;
    top: 80px;
    right: -20px;
    border: none;
    outline: none;
    display: none;
    background: #fff;
    border-radius: 5px;
    width: 300px;
    margin: 0;
    z-index: 100;
    padding: 10px 65px 8px 20px;
    font-family: inherit;
    font-size: 16px;
}
.sb-icon-search,.sb-search-submit  {
    display: block;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search:hover {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
/******************************************************************************************************************************
*******************************************************************************************************************************
RESPONSIVE
*******************************************************************************************************************************
*******************************************************************************************************************************/
@media only screen and (max-width: 450px) {
    .carousel-webdesign .webdesign-item{
        width: 100% !important;
        float: none;
    }
    .carousel-webdesign .webdesign-item img.macbook{
        height: 100%;
    }
}
@media only screen and (max-width: 787px) {
    #menu, #menu ul li:last-child{display: none;}
    #nav-toggle{display: block;}
    .logo{
        margin-bottom: 40px;
        text-align: left;
    }
    header.container{
        margin-left: 20px;
        margin-right: 20px;
    }
    .container {
        margin-right: 50px;
        margin-left: 50px;
    }
    .filters ul li{margin-bottom: 12px;}
    .client-div, .carousel-webdesign .webdesign-item, .carousel div{margin-bottom:50px;}
    .postmetadata{float: none !important; text-align: center;}
    .carousel div{
        width: 100%;
        float: none;
    }
}
@media only screen and (max-width: 992px) {
    .isotope-item{
        width: 50%;
        float: left;
    }
    .carousel div.col-md-3, .carousel div.col-md-4, .client .col-md-3{
        width: 50%;
        float: left;
        margin-bottom: 25px;
    }
    
}
/******************************************************************************************************************************
*******************************************************************************************************************************
HOME
*******************************************************************************************************************************
*******************************************************************************************************************************/
#header.no-slider .entry-header h1{ margin-top: 100px;}
#header.with-slider-images .entry-triangle{
    position: absolute;
    bottom: 0;
}
/******************************************************************************************************************************
SLIDER
*******************************************************************************************************************************/
#slider{
    width: 100%;
    height: 400px;
    position: relative;
    margin-top: -230px;
    z-index: 0;
    padding:0;
}
#slider .caption{color: #FFF;}
.rev_slider_wrapper{ position:relative;}
.rev_slider_wrapper >ul { visibility:hidden;}
.rev_slider img{
    max-width:none !important;
    -moz-transition: none 0 !important;
    -webkit-transition: none 0 !important;
    -o-transition: none 0 !important;
    transition: none 0 !important;
    margin:0px !important;
    padding:0px !important;
    border-width:0px !important;
    border:none;
    visibility:visible !important;
}
.rev_slider .no-slides-text{
    font-weight:bold;
    text-align:center;
    padding-top:80px;
}
.rev_slider ul{
    margin:0px !important;
    padding:0px !important;
    list-style: none !important;
    list-style-type: none !important;
    background-position:0px 0px !important;
}
.rev_slider ul li,.rev_slider >ul >li,.rev_slider >ul >li:before{
    list-style:none !important;
    position:absolute;
    visibility:hidden;
    margin:0px !important;
    padding:0px !important;
    overflow-x: visible;
    overflow-y: visible;
    list-style-type: none !important;
    background-image:none !important;
    background-position:0px 0px !important;
    text-indent: 0em !important;
}
.rev_slider .tp-caption,.rev_slider .caption, { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   -moz-opacity: 0;    -khtml-opacity: 0;  opacity: 0;     position:absolute; visibility: hidden;}
.tp-leftarrow, .tp-rightarrow{
    padding: 15px 15px 8px 15px;
    border: 5px solid rgba(255, 255, 255, .6);
    cursor:pointer !important;
    border-radius: 50%; 
    z-index:100;
    opacity: 1;
}
.tp-leftarrow:hover, .tp-rightarrow:hover{
    border-color: #FFF;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
.tp-leftarrow:after{
    font-size: 25px;
    position:relative;
    content: "\e1a1";
    font-family: 'custom-font';
}
.tp-rightarrow:after{
    font-size: 25px;
    position:relative;
    content: "\e19b";
    font-family: 'custom-font';
}
.hidearrows{opacity: 0;}
.tp-bannertimer{
    width: 100%;
    border-radius: 0 5px 5px 0;
    height: 5px;
    z-index: 200;
    position: absolute;
    visibility: visible !important;
    bottom: 0;
    background-color: rgba(255, 255, 255, .6);
}
.caption{
    font-size: 18px;
    position: absolute;
}
.caption.very_large_text{
    font-size: 60px;
    font-weight: 300;
}
.tp-loader  {   
    margin:-22px -22px;
    width: 44px;
    height: 44px;
    opacity: .6;
    text-align: center;
    top:50%; left:50%;
    z-index:10000;
    position:absolute;
    -webkit-animation: InfiniteTurn .5s infinite linear;
       -moz-animation: InfiniteTurn .5s infinite linear;
         -o-animation: InfiniteTurn .5s infinite linear;
            animation: InfiniteTurn .5s infinite linear;
}
.tp-loader:after{
    font-size: 25px;
    position:relative;
    content: "\e0b2";
    color: #FFF !important;
    font-family: 'custom-font';
}
.tp-bullets {   
    z-index:1000; position:absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
}
.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.tp-bullets.simplebullets.round .bullet {   
    cursor:pointer;
    position:relative;  
    border: 3px solid rgba(255, 255, 255, .6);
    width:20px; 
    height:20px;  
    margin-right:0px; 
    float:left; 
    border-radius: 50%;
    margin-top:-10px; 
    margin-left:3px;
}
.tp-bullets.simplebullets.round .bullet.selected{
    background: #FFF;
    border-color: #FFF;
}
.tp-bullets.simplebullets.round .bullet:hover{
    border-color: #FFF;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
.tp-bullets.simplebullets.round .bullet.last {   margin-right:3px;}

/******************************************************************************************************************************
FEATURES
*******************************************************************************************************************************/
.page-breaking{
    margin: 0;
    padding: 100px 0;
}
.feature{ text-align: center;}
.feature .icon{ font-size: 32px;}
/******************************************************************************************************************************
ANNOUNCEMENT
*******************************************************************************************************************************/
.announcement{
    padding: 50px 25px;
    border-radius: 5px;
    border: 3px solid;
    text-align: center;
}
.announcement span{ display: block;}
/******************************************************************************************************************************
PORTFOLIO CAROUSEL
*******************************************************************************************************************************/
.carousel .lightbox .div{
    padding: 25px 50px;
}
.carousel .lightbox .btn{
    font-size: 16px;
    margin-top: 0;
}
.carousel .lightbox a{
    margin-top: 25px;
}

/******************************************************************************************************************************
CLIENTS
*******************************************************************************************************************************/
.client img{
    max-width: 80%;
    opacity: .5;
    -webkit-filter: grayscale(1);
}
.client img:hover{
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
    opacity: 1;
    -webkit-filter: grayscale(0);
}
.client div{ text-align: center;}
.client{ margin-top: 50px;}
.client:first-child{ margin-top: 0;}
/******************************************************************************************************************************
*******************************************************************************************************************************
PORTFOLIOS
*******************************************************************************************************************************
*******************************************************************************************************************************/

/******************************************************************************************************************************
SINGLE PAGE
*******************************************************************************************************************************/
.project-single h3:first-child { margin-top: 10px;}
.project-single h3 { margin-top: 50px;}
/******************************************************************************************************************************
NORMAL PAGE
*******************************************************************************************************************************/
.isotope-item{margin-bottom: 30px;}
/******************************************************************************************************************************
WEBDESIGN PAGE
*******************************************************************************************************************************/
.webdesign-item{ 
    position: relative;
    margin-bottom: 60px;
    max-height: 208px;
    overflow: hidden;
}
.carousel-webdesign .webdesign-item{  margin-bottom: 0px;}
.webdesign-item .lightbox{
    position: absolute;
    z-index: 2;
    width: 68%;
    left: 16.3%;
    height: 90%;
    top: 7%;
}
.webdesign-item .lightbox img{ max-height: 90%;}
.webdesign-item .lightbox div{
    height: 90%;
    padding-top: 65px;
}
.webdesign-item .lightbox div a.btn{
    width: auto;
}
.webdesign-item img.macbook{
    z-index: 1;
    width: 100%;
}
/******************************************************************************************************************************
FILTERS
*******************************************************************************************************************************/
.filters{ margin-bottom: 80px;}
.filters ul li{
    display: inline-block;
    margin-right: 15px;
}
/******************************************************************************************************************************
LIGHTBOX
*******************************************************************************************************************************/
.lightbox img{
    width: 100%;
    border-radius: 5px;
}
.lightbox span{
    width: 100%;
    letter-spacing: -1px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}
.lightbox div{
    position: absolute;
    display: none;
    padding: 50px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51, .6);
}
.lightbox a{
    display: inline-block;
    width: 100%;
    font-size: 25px;
    text-align: center;
    margin-top: 45px;
    color: #FFF;
}
.lightbox a:hover{text-decoration: none;}
.lightbox{
    position: relative;
    color: #FFF;
    text-align: center;
}
/******************************************************************************************************************************
*******************************************************************************************************************************
BLOG
*******************************************************************************************************************************
*******************************************************************************************************************************/
.post{ margin-top: 25px;}
.post a:hover{ text-decoration: none;}
.post-image-wrapper{
    display: block;
    height: 250px;
    border-radius: 5px;
    overflow: hidden;
}
h1.post-title{ margin-bottom: 30px;}
.post-image-wrapper img{ max-width: 100%;}
.post-image-wrapper img:hover{
    opacity: .4;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
}
.lightbox.post-image-wrapper img:hover{ opacity: 1;}
.lightbox.post-image-wrapper{ height: 100%;}
.post .btn{margin-top: 25px;}
/******************************************************************************************************************************
POSTMETADATA
*******************************************************************************************************************************/
.post-author a{ display: inline-block;}
.post-author img{
    border-radius: 50%;
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
}
.postmetadata  .icon{ padding-right: 5px;}
.postmetadata .icon{ font-weight: normal;}
.postmetadata > li a, .postmetada-style-button {
    line-height: 25px;
    border-radius: 10px;
    padding: 0px 8px;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    margin-bottom: 12px;
    color: #FFF;
}
.postmetadata > li.post-author a{background: transparent !important}
.postmetadata > li a:hover, .postmetada-style-button:hover {background: transparent;}
/******************************************************************************************************************************
SIDEBAR
*******************************************************************************************************************************/
#sidebar hr{ margin: 40px auto;}
/******************************************************************************************************************************
COMMENTS
*******************************************************************************************************************************/
.comment-container .comment-list {
    list-style-type: none;
    padding-left: 60px;
    counter-reset: li;
}
.comment-container .comment-list > li{
    width: 96%;
    list-style: none;
    margin-top: 24px;
    position: relative;
}
.comment-container .comment-list > li:before {
    content: counter(li) ".";
    counter-increment:li;
    position: absolute;
    letter-spacing: -1px;
    left:-50px;
    top: 20px;
    font-size: 30px;
}
.comment-container .comment-author img{
    height: 80px;
    width: 80px;
    border-radius: 50%;
    float: left;
    margin: 0 16px 16px 0;
}
.comment-container .comment-meta .url{ font-weight: bold;}
.comment-container .comment-meta{ margin-top: 10px;}
.comment-container .comment-meta a.comment-time{
    font-size: 14px;
    display: block;
}
.comment-container .comment-text{ padding: 5px 0 25px 0;}
.comment-container .children{
    margin-top: 60px;
    padding-left: 40px;
}
.comment-container .children .comment-author img{
    height: 60px;
    width: 60px;
}
/******************************************************************************************************************************
*******************************************************************************************************************************
OTHER PAGES
*******************************************************************************************************************************
*******************************************************************************************************************************/
#GoogleMap{
    width: 100%;
    height: 350px;
    border-radius: 5px;
    margin-bottom: 24px;
}
/******************************************************************************************************************************
404 
*******************************************************************************************************************************/
.not-found-header{padding: 100px 0;}
.not-found-container .sb-search {
    position: static;
    margin: 50px auto 0 auto;
}
.not-found-container .sb-search form {text-align: center;}
.not-found-container .sb-icon-search, .not-found-container .sb-search-submit {
    text-align: center;
    display: inline;
    position: relative;
}
.not-found-container .sb-search-triangle{
    display: none;
    opacity: 0;
}
.not-found-container .sb-search-input {
    display: inline-block;
    top: 0;
    right: 0;
    outline: none;
    position: relative;
    border: 0;
    width: 350px;
}
/******************************************************************************************************************************
COMMING SOON
*******************************************************************************************************************************/
#timer{ text-align: center;}
#timer p{
    letter-spacing: -1px;
    text-transform: uppercase;
}
.timer_box{
    display: inline-block;
    text-align: center;
    margin: 45px 15px;
    width: 120px;
    border-radius: 5px;
    color: #FFF;
}
.timer_box h1{ font-size: 38px;}
/******************************************************************************************************************************
*******************************************************************************************************************************
FOOTER
*******************************************************************************************************************************
*******************************************************************************************************************************/

/******************************************************************************************************************************
OPEN BUTONS
*******************************************************************************************************************************/
.footer-triangle{
    width: 0px;
    height: 0px;
    margin-left: 25px;
    border-style: solid;
    border-width: 0 16px 18px 16px;
    border-style: inset;
}
a#footer-opening{
    display: block;
    text-align: center;
    font-size: 28px;
    opacity: .6;
}
a#footer-opening:hover{
    text-decoration: none;
    opacity: 1;
    -webkit-transition-duration: 0.4s;
       -moz-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-animation-name: Turn;
       -moz-animation-name: Turn;
         -o-animation-name: Turn;
            animation-name: Turn;
}
.entry-footer{
    padding: 75px 0;
    position: relative;
}
/******************************************************************************************************************************
SIDEBAR
*******************************************************************************************************************************/
#footer .widget h4, #footer .widget a:hover,#footer  a.widget-btn, #footer .latest-posts h5, 
#footer .latest-posts span, #footer .tweet_time a{
    color: #FFF;
}
#footer .widget .sb-search-triangle{
    border-color: transparent transparent #585858 transparent;
}
#footer .widget .sb-search-input {
    background: #585858;
}
#footer a.widget-btn:hover{
    border-color: #FFF;
}
#footer .widget .sb-search {
    position: static;
    padding-bottom: 35px;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
#footer .widget .sb-icon-search, #footer .widget .sb-search-submit {
    right: 25px;
    top: 5px;
    text-align: none;
    position: absolute;
    cursor: pointer;
}
#footer .widget .sb-search-triangle{
    width: 0px;
    height: 0px;
    position: absolute;
    right: 28px;
    top: 45px;
    display: block;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-style: inset;
    border-color: transparent transparent #585858 transparent;
}
#footer .widget .sb-search-input {
    position: absolute;
    display: block;
    top: 53px;
    outline: none;
    border: 0;
    left: 15px;
    color: #FFF !important;
    background: #585858;
    width: 92%;
}
#footer .widget-list li{
    border-bottom: 1px dashed;
    border-width: 75%;
    letter-spacing: -1px;
    text-transform: uppercase;
    padding: 14px 0;
}
#footer .widget-list li:last-child a{ border-bottom: 0;}
/******************************************************************************************************************************
FOOTER
*******************************************************************************************************************************/
#footer{
    padding: 75px 0;
    display: none;
}
/******************************************************************************************************************************
*******************************************************************************************************************************
WIDGETS
*******************************************************************************************************************************
*******************************************************************************************************************************/
.widget h4{
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.widget a:hover{
    text-decoration: none;
}
.widget p{
    line-height: 32px;
}
.widget{
    margin-bottom: 50px;
    position: relative;
}
.widget img{
    border-radius: 5px;
    width: 50px;
    height: 50px;
}
.widget a:hover img{
    -webkit-animation-duration: 1.2s;
       -moz-animation-duration: 1.2s;
        -ms-animation-duration: 1.2s;
         -o-animation-duration: 1.2s;
            animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: Turn;
       -moz-animation-name: Turn;
         -o-animation-name: Turn;
            animation-name: Turn;
}
/******************************************************************************************************************************
SOCIAL ICONS
*******************************************************************************************************************************/
.social-list{ padding: 0;}
.social-list li{
    display: inline-block;
    margin-right: 12px;
    font-size: 20px;
    font-family: 'custom-font' !important;
    -webkit-font-smoothing: antialiased;
}
.social-list li:hover{
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
    -webkit-transition-duration: 0.5s;
       -moz-transition-duration: 0.5s;
            transition-duration: 0.5s;
}
.social-list .tooltip-inner{ background: #000;}
.social-list .tooltip-arrow{ border-top-color: #000 !important;}
/******************************************************************************************************************************
LATEST POSTS
*******************************************************************************************************************************/
.latest-posts a img{ float: left;}
.latest-posts h5{
    letter-spacing: -1px;
    text-transform: uppercase;
    padding-left: 75px;
}
.latest-posts p{
    padding-left: 75px;
    padding-bottom: 4px;
}
/******************************************************************************************************************************
DRIBBBLE & FLICKR
*******************************************************************************************************************************/
ul.shotsByPlayerId, .flickrBody ul{ padding: 0;}
ul.shotsByPlayerId li, ul.shotsByPlayerId li:first-child, li.flickrRow{
    display: inline-block;
    list-style-type: none;
    padding: 0px 25px 25px 0;
    border-bottom: 0;
}
.flickrHeader{ display: none;}
/******************************************************************************************************************************
TWITTER
*******************************************************************************************************************************/
.tweets{
    list-style-type: none;
    padding: 0 0 4px 0;
}
/******************************************************************************************************************************
TAGS
*******************************************************************************************************************************/
.tags-list{ padding: 0;}
.tags-list li{
    display: inline-block;
    margin: 0 12px 12px 0;
}
/******************************************************************************************************************************
SEARCH
*******************************************************************************************************************************/
.widget .sb-search {
    position: static;
    margin: 20px auto 0 auto;
}
.widget .sb-search form { text-align: center;}
.widget .sb-icon-search, .widget .sb-search-submit {
    text-align: center;
    display: inline;
    position: relative;
}
.widget .sb-search-triangle{
    display: none;
    opacity: 0;
}
.widget .sb-search-input {
    display: inline-block;
    top: 0;
    right: 0;
    outline: none;
    float: left;
    position: relative;
    border: 0;
    width: 210px;
}
/******************************************************************************************************************************
*******************************************************************************************************************************
ANIMATIONS CSS3
*******************************************************************************************************************************
*******************************************************************************************************************************/
/******************************************************************************************************************************
ANIMATIONS
*******************************************************************************************************************************/
.animated {
    -webkit-animation-duration: .8s;
       -moz-animation-duration: .8s;
        -ms-animation-duration: .8s;
         -o-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
}
.GoIn {
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
        -ms-animation-delay: 1s;
         -o-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-name: GoIn;
       -moz-animation-name: GoIn;
         -o-animation-name: GoIn;
            animation-name: GoIn;
}
.Turn {
    -webkit-animation-delay: .2s;
       -moz-animation-delay: .2s;
        -ms-animation-delay: .2s;
         -o-animation-delay: .2s;
            animation-delay: .2s;
    -webkit-animation-name: Turn;
       -moz-animation-name: Turn;
         -o-animation-name: Turn;
            animation-name: Turn;
}
.GoIn-slow {
    -webkit-animation-delay: 1.4s;
       -moz-animation-delay: 1.4s;
        -ms-animation-delay: 1.4s;
         -o-animation-delay: 1.4s;
            animation-delay: 1.4s;
}
.GoIn-fast {
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
        -ms-animation-delay: 0.4s;
         -o-animation-delay: 0.4s;
            animation-delay: 0.4s;
}
.FadeIn {
    -webkit-animation-delay: 0.4s;
       -moz-animation-delay: 0.4s;
        -ms-animation-delay: 0.4s;
         -o-animation-delay: 0.4s;
            animation-delay: 0.4s;
    -webkit-animation-name: FadeIn;
       -moz-animation-name: FadeIn;
         -o-animation-name: FadeIn;
            animation-name: FadeIn;
}
@-webkit-keyframes GoIn {
    0%   {opacity: 0;-webkit-transform: translateY(-2000px);}
    60%  {opacity: 1;-webkit-transform: translateY(30px);}
    80%  {-webkit-transform: translateY(-10px);}
    100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes GoIn {
    0%   {opacity: 0; -moz-transform: translateY(-2000px);}
    60%  {opacity: 1; -moz-transform: translateY(30px);}
    80%  {-moz-transform: translateY(-10px);}               
    100% {-moz-transform: translateY(0);}
}
@-o-keyframes GoIn {
    0%   {opacity: 0; -o-transform: translateY(-2000px);}
    60%  {opacity: 1; -o-transform: translateY(30px);}
    80%  {-o-transform: translateY(-10px);}
    100% {-o-transform: translateY(0);}
}
@keyframes GoIn {
    0%   {opacity: 0; transform: translateY(-2000px);}
    60%  {opacity: 1; transform: translateY(30px);}   
    80%  {transform: translateY(-10px);}
    100% {transform: translateY(0);}
}
@-webkit-keyframes Turn {
    0%   {opacity: 0; -webkit-transform: rotate(0deg);}
    30%  {opacity: 1; -webkit-transform: rotate(-30deg);}
    100% { -webkit-transform: rotate(0deg);}
}
@-moz-keyframes Turn {
    0%   {opacity: 0; -webkit-transform: rotate(0deg);}
    30%  {opacity: 1; -webkit-transform: rotate(-30deg);}
    100% { -webkit-transform: rotate(0deg);}
}@-o-keyframes Turn {
    0%   {opacity: 0; -webkit-transform: rotate(0deg);}
    30%  {opacity: 1; -webkit-transform: rotate(-30deg);}
    100% { -webkit-transform: rotate(0deg);}
}@keyframes Turn {
    0%   {opacity: 0; -webkit-transform: rotate(0deg);}
    30%  {opacity: 1; -webkit-transform: rotate(-30deg);}
    100% { -webkit-transform: rotate(0deg);}
}
@-webkit-keyframes FadeIn {
    0%   {opacity: 0}
    30%  {opacity: .3;}
    60%  {opacity: .6;}
    100%  {opacity: 1;}
}
@-moz-keyframes FadeIn {
    0%   {opacity: 0}
    30%  {opacity: .3;}
    60%  {opacity: .6;}
    100%  {opacity: 1;}
}
@-o-keyframes FadeIn {
    0%   {opacity: 0}
    30%  {opacity: .3;}
    60%  {opacity: .6;}
    100%  {opacity: 1;}
}
@keyframes FadeIn {
    0%   {opacity: 0}
    30%  {opacity: .3;}
    60%  {opacity: .6;}
    100%  {opacity: 1;}
}
@-webkit-keyframes InfiniteTurn {
    0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);};
}
@-moz-keyframes InfiniteTurn {
    0% { -moz-transform: rotate(0deg);}
    100% { -moz-transform: rotate(360deg);};
}
@-o-keyframes InfiniteTurn {
    0% { -o-transform: rotate(0deg);}
    100% { -o-transform: rotate(360deg);};
}
@-keyframes InfiniteTurn {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);};
}
/******************************************************************************************************************************
ISOTOPE
*******************************************************************************************************************************/
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}
/******************************************************************************************************************************
*******************************************************************************************************************************
PLUGINS
*******************************************************************************************************************************
*******************************************************************************************************************************/
/******************************************************************************************************************************
LIGHTBOX
*******************************************************************************************************************************/
/*
 * Nivo Lightbox v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.nivo-lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open { 
    visibility: visible;
    opacity: 1;
}
.nivo-lightbox-wrap  {
    position: absolute;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
}
.nivo-lightbox-content {
    width: 100%;
    height: 100%;
}
.nivo-lightbox-title-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
    position: absolute;
    top: 50%;
    left: 0;
}
.nivo-lightbox-next {
    position: absolute;
    top: 50%;
    right: 0;
}
.nivo-lightbox-close {
    position: absolute;
    top: 2%;
    right: 2%;
}
.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
}
.nivo-lightbox-content iframe {
    width: 100%;
    height: 100%;
}
.nivo-lightbox-ajax { 
    max-height: 100%;
    overflow: auto; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
    display: table-cell;
    vertical-align: middle;
}
/* Effects 
 **********************************************/
.nivo-lightbox-effect-fade,
.nivo-lightbox-effect-fadeScale,
.nivo-lightbox-effect-slideLeft,
.nivo-lightbox-effect-slideRight,
.nivo-lightbox-effect-slideUp,
.nivo-lightbox-effect-slideDown,
.nivo-lightbox-effect-fall {
    -webkit-transition: all 0.2s ease-in-out;
       -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
}
/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
       -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
        -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
         -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
            transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
    -webkit-transform: translateX(-10%);
       -moz-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
            transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
    -webkit-transform: translateX(10%);
       -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
            transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
    -webkit-transform: translateY(-10%);
       -moz-transform: translateY(-10%);
        -ms-transform: translateY(-10%);
            transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
    -webkit-transform: translateY(10%);
       -moz-transform: translateY(10%);
        -ms-transform: translateY(10%);
            transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
    -webkit-perspective: 1000px;
       -moz-perspective: 1000px;
            perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    -webkit-transform: translateZ(300px);
       -moz-transform: translateZ(300px);
        -ms-transform: translateZ(300px);
            transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
            transform: translateZ(0);
}
/*
 * Nivo Lightbox Default Theme v1.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
    background: #666;
    background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(images/lightbox/loading.gif) no-repeat 50% 50%; }
.nivo-lightbox-theme-default .nivo-lightbox-nav {
    top: 10%;
    width: 8%;
    height: 80%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
    opacity: 1; 
    background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
    background-image: url(images/lightbox/prev.png); 
    border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
    background-image: url(images/lightbox/next.png); 
    border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
    display: block;
    background: url(images/lightbox/close.png) no-repeat 5px 5px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    padding: 5px;
    opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
    font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    background: #000;
    color: #fff;
    padding: 7px 15px;
    border-radius: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
       -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
            box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
    background: #fff;
    padding: 40px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
       -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
            box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
@media all and(-webkit-min-device-pixel-ratio: 1.5)  {

    .nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
        background-image: url(images/lightbox/loading@2x.gif); 
        background-size: 32px 32px;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-prev { 
        background-image: url(images/lightbox/prev@2x.png); 
        background-size: 48px 48px;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-next { 
        background-image: url(images/lightbox/next@2x.png); 
        background-size: 48px 48px;
    }
    .nivo-lightbox-theme-default .nivo-lightbox-close { 
        background-image: url(images/lightbox/close@2x.png); 
        background-size: 16px 16px;
    }
    
}