/*
@import url(http://fonts.googleapis.com/css?family=Montez|Alegreya+Sans|Roboto+Condensed|Open+Sans:400,300,700|Montserrat|Alegreya|Rochester);
 */

@import url(http://fonts.googleapis.com/css?family=Work+Sans:400,300|Alegreya+Sans|Over+the+Rainbow|Lato:300,400);
 
 

 
@font-face {
  font-family: 'SackersGothicStd-Medium';
  src: url('fonts/SackersGothicStd-Medium.eot?#iefix') format('embedded-opentype'),  
  url('fonts/SackersGothicStd-Medium.otf')  format('opentype'),
  url('fonts/SackersGothicStd-Medium.woff') format('woff'), 
  url('fonts/SackersGothicStd-Medium.ttf')  format('truetype'), 
  url('fonts/SackersGothicStd-Medium.svg#SackersGothicStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
    font-family: 'amatic_scregular';
    src: url('fonts/amaticsc-regular-webfont.eot');
    src: url('fonts/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/amaticsc-regular-webfont.woff2') format('woff2'),
         url('fonts/amaticsc-regular-webfont.woff') format('woff'),
         url('fonts/amaticsc-regular-webfont.ttf') format('truetype'),
         url('fonts/amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,  del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	outline: 0;	font-size: 100%; 	background: transparent; } 
 
body  { 
    color:#555;	height:100%; width:100%; margin: 0;  
	font-family: 'Lato', 'Work Sans'  ;  
	font-weight:400;
	font-size: 100% ; line-height:1.35em;    
	background-image: url("images/nasty_fabric.png"); 
	 background-repeat:  repeat;
    background-attachment:scroll;
   /* background-size:100% 600px ;   f7f7f0 */ 
	
}   
.copy{
	font-size:.6em;line-height:1.1em;
	letter-spacing:-.2px; 
	text-transform:uppercase;
	display:block;
	padding:0em 0em 2em 0em;
}
.copy a{text-decoration:underline;}
.copy a, .copy{
	 color:#444; 
}
.copy .fa-heart{ color:#990000; }
p , .callout li
{
    font-family:'Lato', 'Work Sans' ;  
    margin:0em 0em 1em 0em; letter-spacing:-.5px;
    font-size:1em;line-height:1.88em; 
	font-weight:400;
}
strong{    font-weight:400;}  
.text-hand{ font-family:'Over the Rainbow' ; font-weight:bold; text-transform: none; }  
.text-hand2{font-family:'Over the Rainbow' ;  font-weight:bold; }
h1,h2,h3,h4,h5,h6{ 
                   margin: 0px 0px .1em 0px ;	padding: 0;	line-height:1.1em; }
h1 {font-family:'Alegreya Sans';font-size:4em; letter-spacing:-2px; text-transform:uppercase; }
h2{font-family:'Alegreya Sans';font-size:2.2em; letter-spacing:-2px; text-transform:uppercase;}
h3{font-family:'Alegreya Sans';font-size:2em;letter-spacing:-.3px;}
h4{color: rgb(0, 28, 104); font-weight:normal;font-family:'Alegreya Sans';font-size:1.5em; min-height:1em;letter-spacing:-.3px;}
h5{font-family:'Alegreya Sans';font-size:1.1em;}
h6{font-family:'Alegreya Sans';font-weight:bold;}   
  /**
navbar
*/ 
.navbar {    border: 0px solid transparent;    margin-bottom: 0px; }
.navbar-default {
    background: #434343; 
     padding:.8em 0px 0px 0px;
     height: 75px;
}
.navbar-bg  {   width:100%;     z-index: 999;    position:fixed;} 

.navbar-default .navbar-header  .navbar-brand {
    position:absolute; left:50%;  margin-left:-45px; 
    padding:.5em;  height:auto;   
} 
.navbar .container{ max-width:650px;}
.navbar-nav, .navbar-collapse{text-align:center;  } 
.navbar-default .navbar-nav   li{  display:inline-block; float:none;}
.navbar-default .navbar-nav > li > a  { 
     font-size: .8em; color: #fff;    
     margin:0px .3em 0px .3em;   
    border-radius: 0em; -moz-border-radius: 0em; -webkit-border-radius: 0em;
    transition: background-color .5s ease; 
}
.navbar-nav > li > a {
    padding-bottom: 1.2em;
    padding-top: 1.2em;
    line-height:1em;
}
.navbar-default .navbar-nav  > li > a:hover { background-color: rgba(0,0,0,.3);   color: #fff;  }
.navbar-default .navbar-nav  > li:first-child > a:hover { background-color: rgba(0,0,0,0);   color: #fff;  }
   .navbar-default .navbar-nav > .active > a
 , .navbar-default .navbar-nav > .active > a:hover
 , .navbar-default .navbar-nav > .active > a:focus  {
    background-color: rgba(0,0,0,0);   color: #fff;  
} 
.nav-last    {
    border-color: rgba(255,255,255,.3);  
    border-size:2px;
    border-style:solid;
    color: #fff;  
}

.navbar-nav   a.selec {    background-color: rgba(0,0,0,1);   color: #fff; } 
.navbar-default .navbar-nav > li > a:focus  {    color: #fff; }


.navbar-brand {   padding: 0px;}
.photo-img{ border:#545454 3px solid;}
.img-main{   max-width:40%;  }
.img{   max-width:100%;   }

img[src*='scrib']{max-width:300px;}
img[src*='capsketch']{  width:240px;}  
img[src*='office']{  max-height:325px; display:block; margin:27px auto 0px auto; position:relative;}  

.navbar-brand, .navbar-nav, .navbar-bg, .navbar-brand img, .navbar-default
{    transition: all 1.2s ease ;   } 
.navbar-default-scroll{height:75px;}
.navbar-bg-scroll{  display:none;  background-color:rgba(0,0,0,.8); height:75px;}
.navbar-nav-scroll{    font-size:.8em;}
.navbar-brand-scroll img{ height:75%;}
 
 .navbar-default:after {
    background: rgba(0, 0, 0, 0) url("images/scrib-bg.png") repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    top: 68px;
    width: 100%;
    z-index: 4;
}

.container-fluid{margin-left:0px !important;margin-right:0px !important;padding-left:0px !important;padding-right:0px !important;}
.row{ margin:0px !important;}
.callout .container 
{
    background:rgba(255,255,255,.85 ) ;
    box-shadow:0px 0px 0px #000; 
    border-color: transparent;
    border-image: none;
    border-style: solid;
    border-left-width: 25px;
    padding: 0;
}
.div-center{position: relative; margin:0px auto;}
.nopadding{padding:0px !important;} 
.callout{min-height:0px; padding:0em 0em 0em 0em;}
.callout1{  padding-top:0em;}
.navbar-bg{height:60px;position:relative;}
.text-jumbo{font-size:9em;}
.text-xlarge{font-size:4em;line-height:1.1em;}
.text-larger{font-size:3em;line-height:1.1em;}
.text-large{font-size:2.5em;line-height:1.1em;}
.text-medium{font-size:2em;line-height:1.1em;}
.text-center{text-align:center;}
.text-bold{font-weight:strong;} 
.text-blue { color: rgb(0, 28, 104);}

.float-left{float:left;}
.float-right{float:right;}

.callout .text-large{font-size:1.5em;line-height:1.1em;}

.img-main{ padding:3em  0em 2em 0em ;}
.callout-intro-2
{
    color:#555;
    background-image: url("images/bg-c.jpg-x");
    background-size: cover; 
    text-shadow:0px 0px 2px #fff, 1px 1px 5px #fff, -1px -1px 5px #fff;
}
.callout-top
{ 
    background-image: url("images/bg.jpgx");
    background-size: cover; 
    margin-top: -13px;
    position: relative;
    z-index: 1;  
}

.mask-ani{display:none;}

#intro .col-sm-12{ margin-bottom:2em; }
#about ul{ list-style-type:none;}
#about ul li{ margin-bottom:5px;}
#about  ul li:before 
{
  content: "\f0DA\00A0\00A0";
  font-family: FontAwesome; 
  font-size:22px;
  display: inline-block;
   color: rgb(0, 28, 104);
 }
 #location .col-sm-6{ padding :1em;}
 #location, #contact
 {
    padding:0px;margin:0px;    
 } 
.bio-pic
{
    border: 25px solid transparent;
    padding: 0px; 
	margin:0px auto;
	position:relative;
	display:block; 
}
.button 
{ 
    font-family: 'SackersGothicStd-Medium',  'Work Sans' ; display:block;position:relative; text-align: center;margin: 2px auto; 
    border  : 2px solid white; cursor:pointer;
    border-radius: 0px;
    font-size: .7em;
    height: 45px;
    line-height: 45px; 
    width: 240px;
    color  : #fff; 
    transition: all .1s ease 0s;
    text-transform:uppercase;
    background:rgba(255,255,255,.0);   
}          
.button-wide{width: 375px;}
.button:hover {   color:#fff !important; background:rgba(255,255,255,.6);  text-decoration:none;}  

.button-dark{    color: #444 !important;     border: 2px solid #444;    }     
.button-dark:hover{    color: #444 !important;  border: 2px solid #444;   background:rgba(255,255,255,.6);    text-decoration:none;  }  
 
.button-arrow:after
{
   font-family: FontAwesome;
   content: "\F101";
   display: inline-block;
   color  : #EC222B !important;
    padding-left: .3em; 
     transition: all .3s ease 0s; 
  
    } 
.button-arrow:hover:after  
 {
     color  : #EC222B;
       padding-left: 1em; 
 } 
#mask{background-image:url(images/mask.png);z-index:30; top:0px; overflow:hidden;} 
#color{background-image:url(images/unnamed.jpg);z-index:20;top:0px; }
#bg{background-color:#fff;z-index:-1; top:0px;}  
.slide 
{
    width:100%; min-height:440px; 
    position:absolute;  z-index:1;
    background-size:cover;  background-repeat:no-repeat;  
} 

.wpcf7-form input, .wpcf7-form label, .wpcf7-form textarea, .wpcf7-form select
{ 
    border:0px solid #e7e7e7;
    font-family: 'Work Sans' ;
    font-size:.9em; 
    width:100%;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select
{
    /*  background:rgba(255,255,255,1);  */
    background:#e7e7e7 ; 
    padding:.5em;
    font-size:1.2em; 
}
.wpcf7-form textarea{height:4em;}
.wpcf7-form input[type*='submit']
{
    border:4px solid #fff;
    color:#444;
    /*background:rgba(255,255,255,.2); */
    background:#e7e7e7 ; 
    margin:.5em 0em; font-size:1em; 
    font-family: 'SackersGothicStd-Medium';
    transition: all .3s ease 0s; 
}  
.wpcf7-form input[type*='submit']:hover
{ 
    background:rgba(255,255,255,.7);   
}
@media  (max-width : 1200px)   
{
  .navbar-default .container {background:#434343;}
}  
.RUMI{text-align:left; width:450px; padding-left:100px;}
@media  (max-width : 768px)   
{
	.RUMI{text-align:left; width:320px; padding-left:10px;}
    .col-sm-4, .col-sm-6, .col-sm-8{padding:0em .2em 1em .2em; text-align:center}
    img[src*='scrib']{  width:45%;}  
    .mask-ani, #mobile{display:none !important;}  
    .wpcf7-mail-sent-ok{ font-size:1.2em;}
    .float-left, .float-right{float:none;} 
 
    h1 {font-size:2.2em !important; }
    h2{font-size:1.8em !important;}
    h3{font-size:1.5em !important;}
    h4{font-size:1.4em !important;}
    h5{font-size:1.3em !important;}
    h6{font-weight:bold;}   
    .text-xlarge, .text-jumbo{font-size:1.5em !important;line-height:1.1em;}
    .text-larger{font-size:1.4em !important;line-height:1.1em;}
    .text-large, .range_value_text, .range_value{font-size:1.3em !important;line-height:1.1em;}
    .text-medium{font-size:1.2em !important;line-height:1.1em;}    
     
    .navbar-default .navbar-nav > li > a    {
     font-size: .8em;    
     margin:0px .2em 0px .2em;  
     padding:1em .4em;   
    }
    
    input,  input[type='range'] ,   select, textarea, .wpcf7-form input[type='submit']   { 
            width:95%;   
    }
    .container-fluid, .container, .row
    {
        overflow:hidden;
        margin-left:0px !important; 
        margin-right:0px !important; 
        padding-left:0px !important; 
        padding-right:0px !important; 
    }
                
}