/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* START*/


body {
  color: #555;
  font-size: 1em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   margin:0px;
   padding:0px;
   background: #ffffff; /* Old browsers */
   
}

header {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;       /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  background:  linear-gradient(rgba(54,122,165, 0.35), rgba(54,122,165, 0.35)), url("../img/eyes4.png") bottom right no-repeat;
  background-size: cover;
  height: 110px;
  width:100%;
  }
.logo {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 65%;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}

.address{
  -webkit-flex: 1 1 35%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 35%;
  flex: 1 1 35%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  padding-bottom: 4px;

}

.address p {
color:#545454;
font-size: 1em;
text-align: right;
padding-right:20px;}

.h2 {
font-family: 'Playfair Display', serif;
    font-size: 2em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 2em;
     text-align: left;
     margin:30px 0 0 0;
     letter-spacing: 0.15em;
     padding: 0 0 0 20px;
     }
     .h2 a{
     text-decoration:none;
     color:#fff;
     }
.slide {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #367aa5;
   margin:0;
   padding:0;
   background:  linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("../img/mainScreen.png") bottom left 50% no-repeat,  url("../img/pattern.png") top left ;
   background-color: #000;


}
.slide img {width:100%;}
.container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width:90%;
    margin:auto;
    max-width:1000px;

}

   
     .text {
   -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #fff;
   margin:0;
   padding:0;
  }
  
   h5 {
font-family: 'Quicksand', serif;
    font-size: 1.05em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
     text-align: right;
     margin: auto;
     letter-spacing: 0.125em;
     width: 90%;
     padding: 20px;
     }

h1 {
     font-family: 'Helvetica', serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 300;
     color: #fff;
     line-height: 1em;
     text-align: center;
     margin-top:8px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     }

 h9 {
     font-family: 'Helvetica', serif;
     font-size: 1.1em;
     font-style: normal;
     font-weight: 300;
     color: #fff;
     line-height: 1em;
     text-align: center;
     margin-top:8px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     }    
    
h7 {
     font-family: 'Helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #fff;
     line-height: 0em;
     text-align: left;
     margin-top:10px;
     margin-bottom:230px;
     letter-spacing: 0.125em;
     padding: 10px 8px 8px 4px;
     background: rgba(248,134,142, 0.9);
     }

     
 h3 {
font-family: 'Playfair Display', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #cc0000;
     line-height: 1.25em;
     text-align: right;
     margin:0px;
     letter-spacing: 0.15em;
     padding: 0px;
     }
h4 {
font-family: 'Quicksand', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #343434;
     line-height: 1.25em;
     text-align: center;
     margin:0 0 0 0px;
     letter-spacing: 0.125em;
     padding:10px 0 0 0;
     }

 h6 { display: none;
font-family: 'Quicksand', serif;
    font-size: 2.0em;
    font-style: normal;
    font-weight: 300;
     color: #eee;
     line-height: 1.25em;
     text-align: right;
     margin-left: auto;
     margin-right: auto;
     margin-top: 200px;
     letter-spacing: 0.125em;
     width: 700px;
     padding: 20px;
     }
 h8 {
font-family: 'Helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #eeeeee;
     line-height: 1.25em;
     text-align: left;
     margin:-100px;
     letter-spacing: 0.125em;
     padding: 10px 0 0 4px;
     }
.about { height: 80px;
font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 230px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about2 { height: 80px;
font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 230px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about3 { height: 80px;
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 230px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
     
.nypltext { margin-left:25%; border: 0px solid #ccc;}
.newpl {
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #454545;
     text-align: center;
     margin:10px 0 0 0;
     padding:0 20px 10px 20px;
     opacity:9.0;
     }
 .quote {
font-family: 'Quicksand', serif;
    font-size: 0.85em;
    font-style: italic;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
     text-align: right;
     margin-top: -30px;
     margin-left: 50px;
     letter-spacing: 0.125em;
     width: auto;
     padding: 20px;
     }


footer {
  text-align: center;
  background-color: #fff;
  font-size: 12px;
  color: #333;
  height:35px;
  padding: 20px 20px 0  20px;
  margin: 10px 0;
}





.nypl {
-webkit-flex: 1 1 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 0 1 80%;
 background:linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url("../img/NYPL240.png") 4% 20% no-repeat;
background-size: 20%;
  
   padding:0;
   margin:0 2% 0 2%;
   border: 1px solid #ccc;}
   


section {
  -webkit-flex:2 1 50%;
  -webkit-box-flex: 1;
  -ms-flex: 2 1 500px;
  flex: 1 1 500px;
  margin-right: 1%;
  margin-left: 1%;
}



aside {
  background-color: #999;
  color: #eee;
  padding: 0;
  margin: 0% 1% 3% 1%;
  -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 1px;border:1px solid #ccc;background-color:#E3E1E2;-webkit-box-shadow: #B3B3B3 1px 1px 1px;-moz-box-shadow: #B3B3B3 1px 1px 1px; box-shadow: #B3B3B3 1px 1px 1px;
}



aside.afd {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url("../img/2015award.png") 50% 0% no-repeat;
background-size: 100%;}

aside.adl {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/dl1v2.png") 50% 0% no-repeat;
background-size: 100%;}

aside.aed {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/epv2.png") 50% 0%  no-repeat;
background-size: 100%;}

aside.blue { background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/2.jpg") 50% 50% no-repeat;
background-size: cover;}

aside.white {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/5.jpg") 50% no-repeat;
background-size: cover;}

aside.pink {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/3.jpg") top right no-repeat;
background-size: cover;}

aside {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  
  
}





.button a{ 
 display: inline-block;
 padding:6px;
text-decoration:none;
 font-family: 'Quicksand', serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
      text-align: right;
      white-space: nowrap;
}
.buttontwo a{ 
 display: inline-block;
 padding:6px;
text-decoration:none;
 font-family: 'Quicksand', serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
      text-align: right;
    
}

.two {text-align: center;}

.button a:hover { color:#333; text-align: right;}
.buttontwo a:hover { color:white; text-align: right;}
.box {
  background:rgba(54,122,165, 0.35);
   
    -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
            opacity:1;
}
.box:hover {
 background: #999;
  opacity:0.9;
}

.box2 {
     background: rgba(54,122,165, 0.35);
    -webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
            opacity:0.9
}
.box2:hover {
   background: #999;
  opacity:0.9
}

@media screen and (max-width: 800px) {

aside.afd {background:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1)), url("../img/2015award.png") 0% 0% no-repeat;
background-size: 100%;}

aside.adl {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../img/dl1v2.png") 50% 0% no-repeat;
background-size: 100%;}

aside.aed {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/epv2.png") 50% 0%  no-repeat;
background-size: 100%;}


.slide { 
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #367aa5;
   margin:0;
   padding:0;
   background:  linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("../img/mainScreen.png") bottom left 20% no-repeat,  url("../img/pattern.png") top left ;}


.h2 {
font-family: 'Playfair Display', serif;
    font-size: 1.85em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 1em;
     text-align: left;
     margin-top: 14px;
     letter-spacing: 0.15em;
     padding:0;
     }
    
.about { height: 120px;
font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 180px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about2 { height: 120px;
    font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 180px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about3 { height: 124px;
     font-family: 'helvetica', serif;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 160px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
     .button a{
     height:40px;
 display: inline-block;
 padding:6px;
text-decoration:none;
 font-family: 'Quicksand', serif;
    font-size: 0.9em;
    font-style: normal;
    font-weight: 300;
     color: #333;
     line-height: 1.25em;
      text-align: center;
        white-space: normal;
 
}
}



@media screen and (max-width: 600px) {
header  { display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
     display: -moz-box;       /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  background:  linear-gradient(rgba(54,122,165, 0.35), rgba(54,122,165, 0.35)), url("../img/eyes7.png") bottom right no-repeat;
  background-size: cover;
  height: 170px;
  width:100%;
  }
.slide {
  -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #367aa5;
   margin:0;
   padding:0;
   background:  linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("../img/mainScreen.png") bottom center no-repeat,  url("../img/pattern.png") top left ;


}
.slide img {width:100%;}
.h2 {
font-family: 'Playfair Display', serif;
    font-size: 1.95em;
    font-style: italic;
    font-weight: 300;
     color: #fff;
     line-height: 1.05em;
     text-align: left;
     margin: 0;
     letter-spacing: 0.15em;
     padding:0;
     }
  .container {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width:100%;
    }
 aside {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
  }
  
  

  section {
    margin-right: 0;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  
  .text {
   -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
   background-color: #fff;
   margin:0;
   padding:0;
   }
   
   .about { height: 120px;
font-family: 'helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 270px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about2 { height: 120px;
font-family: 'helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 300px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.about3 { height: 120px;
font-family: 'helvetica', serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: 300;
     color: #000;
     text-align: left;
     margin: 300px 0 0 0;
     padding: 16px;
     background-color: #eee;
     opacity:0.75;
     }
.newpl {
     font-family: 'helvetica', serif;
    font-size: 0.95em;
    font-style: normal;
    font-weight: 300;
     color: #454545;
     text-align: center;
     margin:10px 0 0 0;
     padding:0 20px 10px 20px;
     opacity:9.0;
     }
     h4, h5{font-weight:700;}
     .buttontwo a{ font-weight:700: height:40px;}

}