﻿body{ font-size: 13px;font-family: 'Droid Serif', serif;}
/*.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:inherit}*/
.nailthumb-container{width:auto;height:auto;margin:0 0 11px;padding:0;overflow:hidden;position:relative;text-align:left}.nailthumb-container img.nailthumb-image{margin:0;padding:0;max-width:none;text-align:left;float:left}.nailthumb-container span.nailthumb-title{background:none repeat scroll 0 0 rgba(0,0,0,0.5);bottom:0;color:White;display:block;font-size:9px;height:20px;left:0;margin-top:2px;line-height:20px;position:relative;text-align:center;width:100%;overflow:hidden;float:left}.nailthumb-container span.nailthumb-title .nailthumb-title-scroller{padding-left:2px}.nailthumb-container img{max-width:none;text-align:left}
h2{	margin:0 0 5px 0}
.social{ margin:20px  0 20px 0; text-align:center}
.social a i{ text-decoration:none; font-size:18px; margin:0; padding:0;line-height: 32px;
             transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.social a{ display:inline-block;margin-left:21px; width:32px;  text-align:center; border:1px solid #333 ;color: #333;border-radius: 3px;
            transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
}
.social a:hover{}
.carousel-control.right, .carousel-control.left{ background-image:none}

.navbar-toggle{ margin-top: 12px; margin-bottom: 12px}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding: 6px 0 !important}
.navbar-inverse .navbar-toggle .icon-bar{ border-color: #ccc !important; background-color: #ccc;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color: transparent}
.navbar-inverse .navbar-toggle{border-color: transparent}
.navbar-toggle .icon-bar{ width: 30px; height:3px}

.topnav2 .navbar-inverse{background-image:none; border:0; background-color:transparent}
.topnav2 .navbar-inverse .navbar-nav > li > a{text-transform:uppercase; font-size:13px; text-shadow:0 0 0 ;  }
.topnav2 .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>a:hover, .navbar-inverse .navbar-nav>a:focus,
.topnav2 .navbar-inverse .navbar-nav> li > a:hover { background-color:transparent;  color:#666; /*border-bottom:3px solid #C40001;*/ background-image:none; box-shadow:none}

@media (min-width: 1200px) {}
/* Portrait tablet to landscape and desktop */
@media (max-width: 998px) {}
@media (min-width: 768px) and (max-width: 979px) {/* .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 40px} */}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {}
/* Landscape phones and down */
@media (max-width: 480px) { }

section{}
section .container{padding:100px 0}

@media (max-width: 992px) {
    .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
	.navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in{ display:block !important; }
}

.homeobjects a{background-image: url(/img/home-b.png);background-repeat: no-repeat;display: block; margin: 10px auto}
.homeobjects a:hover{background-image: url(/img/home-c.png);
-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}

/*.h-book{ width: 200px; height: 121px; background-position: -137px 0px}
.h-branding{ width: 300px; height: 360px;     background-position: 0px -10px;}
.h-website{     width: 215px; height: 245px;   background-position: -313px -100px;}
.h-stationary{     width: 194px; height: 105px;  background-position: -80px -414px;}
.h-kids{     width: 334px; height: 145px; background-position: -273px -370px;}
.h-wedding{width: 165px; height: 201px;    background-position: -536px -125px;}
.h-invites{width: 180px; height: 130px;  background-position: -608px -319px; border-radius: 0 26px 0 0;}
.h-gifting{width: 205px; height: 136px; background-position: -758px -184px; border-radius: 0 0 0 10px;}*/

.cform{ }
.cform td{    padding: 0 5px;}

.cform input[type=text]{background-repeat: no-repeat !important}
.cform input[type=text], .cform textarea{ width: 100%;border: 0 !important;background-color: #333;
    background: transparent url('/img/textbox-bg.png') scroll repeat-y left bottom; background-size: 100% auto
}

.sendmail{background: transparent url('/img/send-mail.png') scroll no-repeat center center;background-size: 100% auto;width: 140px;height: 30px; border: 0}

#projects ul{ margin: 0;padding: 0; list-style: none}
#projects ul li{ float: left;width: 49%; padding: 2px}
#projects div{
        width: 100%;
        padding-bottom:100%;
        background:#E5E6E8;
        float:left;
        position:relative;

}
.img1{
    width: 100%;
    padding-bottom:100%;
    display: block;
    background-size: 200% auto !important;
}

    
#projects div a{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    overflow: hidden;
}
/*#projects div{        
        width: 20vh;
        padding-bottom:20vh;
        margin:1%;
        background:#E5E6E8;
        float:left;
        position:relative;
        border-radius: 5px;
           transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
    }
    .img1{transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    width: 25vh;
    height: 25vh;
    display: block;
    margin: -5vh;
    border-radius: 5px;}    
#projects div a{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius: 5px;
    overflow: hidden;
}*/
.workContent{padding-bottom:30px}
.work-controls{ margin: auto; }
.work-controls td{padding: 0 20px}

.hww ul{ margin: 0;padding: 0; list-style: none}
.hww ul li{ float: left;width: 50%; padding: 20px}
.hww ul li img{width:100%}

.team b{ border-bottom: 2px solid #fff; display: block}
.team em{ color: #F2634D;display: block; padding-top: 5px}

.clients img{
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
      width: 50%;
}
.clients img:hover {
       filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
        -webkit-filter: none;
        filter: none;
}

.pressitem{ padding: 50px 20px; text-align: center}
.pressitem img{ width: 90%; margin:20px auto}

.pressitem h2{border-bottom:2px solid #F2634D; display: inline-block;
    margin-bottom: 30px; font-size: 22px
}
.pressitem:nth-child(odd){background-color: #CFD1D2}
.pressitem:nth-child(even){background-color: #BABCBE}

.pressitem:nth-child(odd) img{-webkit-box-shadow:1px 1px 50px 13px #B3B3B3;
            box-shadow: 1px 1px 50px 13px #B3B3B3;}
.pressitem:nth-child(even) img{-webkit-box-shadow: 1px 1px 50px 13px #A0A0A0;
            box-shadow: 1px 1px 50px 13px #A0A0A0;}

.border-orange-bottom{border-bottom:2px solid #F2634D;margin-bottom: 10px; padding-bottom: 10px}
.border-black-bottom{border-bottom:2px solid #434344;margin-bottom: 10px; padding-bottom: 10px}
