#vid{
    width:100%;
    height:auto;
}
.quotebox{
padding: 40px 0;
padding-bottom:80px;
text-align:center;
background:white;
}
.width{
    width:1100px;
    margin:0px auto;
}
.quotebox h2{
font-family: 'Staatliches', cursive;
   text-align: left;
    color:#00BFFF;
padding:20px 0;
}
a{
    text-decoration:none;
}

.qimage{
    height:160px;
    overflow:hidden;
}
.quote{
position:relative;
overflow:hidden;
width:16.2%;
padding:0;
    margin:0.2%;
background:#333;
background-size:100%;
background-image:url('../thumb/62.jpg');
text-align:center;
    background-attachment: fixed;
color:white;
    height:100px;
font-size:1.2em;
float:left;
}
.quote h5{
    background:rgba(51,51,51,0.5);
    position:absolute;
    width:100%;
  padding:20px 0;
    left:0px;
    top:18px;
    text-align: center;
    //bottom:10px;
    z-index:12;
    font-size:1.1em;
 
     font-family: 'Staatliches', cursive;
}

#ak{
background-image:url('../images/abdhulkalam.jpg');
background-size:100%;
}

#homima{
padding:50px 0%;
background:#f9f9f9;
}

.imawid{
float:left;
width:33%;

position:relative;
}
.qbox a{
     color:#696969;
}
.qbox a:hover{
     text-decoration: underline;
}
.qbox{
    color:#696969;
    background:white;
   margin:10px;
    margin-bottom: 20px;
   box-shadow:rgb(110,110,110) 0px 0px 1px;
}
.qbox:hover{
cursor:pointer;
box-shadow:rgb(110,110,110) 1px 1px 5px;

}
.fail{
    color:white;
    background:red;
    text-align:center;
    padding:20px;
}
.qbox .h3{
padding:10px;
font-size: 1.1em;
//border-left:1px solid #d5d5d5;
//border-right:1px solid #d5d5d5;
font-family: 'Titillium Web', sans-serif;
}
.qbox .h4{
padding:2px 10px;
color:#ed008c;
    font-size:0.9em;
    font-family: 'Titillium Web', sans-serif;
    float:left;

}
.qbox .h4:hover{
    text-decoration: underline;
}
.qbox .h5{
    clear:both;
padding:2px 10px;
color:#1E90FF;
    font-family: 'Titillium Web', sans-serif;
//border-left:1px solid #d5d5d5;
//border-right:1px solid #d5d5d5;

}
.qbox img{
width:100%;
}
.quote:hover{
    
    cursor:pointer;

box-shadow:rgb(110,110,110) 1px 1px 5px;
color:#333;
}
.alsobox{
    width:25%;
    float:left;
}

.qtbox{
    //float:left;
    //width:750px;
}
.ad300{
    width:336px;
    margin:7px;
    float:left;
    //background:#333;
    height:280px;
    position:relative;
    top:10px;
	text-align:center;
}
.adfooter{
margin:20px 0;
text-align:center;
}
.ad{
margin:20px 0;
text-align:center;
}
.quote img{
width:100%;
}
#autors{
    background:#00BFFF;
    color:white;

}
#autors h2{
    color:white;
}
h2{
    font-size: 1.9em;
}
#homima h2{
text-align:center;
padding:20px;
    font-family: 'Lobster', cursive;
    color:#333;
}

#intro{
padding:70px 10%;
text-align:center;
color:white;
    background-image: url('../images/sad.jpg');
    background-size:100%;
    background-attachment: fixed;
//background:#1E90FF;
font-family: 'PT Serif', serif;
    line-height: 180%;
}
#intro h3{
padding:20px;
    color:#333;
font-size:1.5em;
}
.social{
width: 100%;
   background: white;
    margin:10px 0;
}
.sbut{
    
    height:20px;
    padding:5px;
    float:left;
}
footer{

   margin:30px;
   
}
#fleft{
    float:left;
    width:31%;
    padding:1%;
  height:510px;
    overflow:hidden;
    background: #1E90FF;
    text-align:center;
}
#fleft img{
    width:60%;
    
}
#fleft h2{
    color:white;
        padding:20px 0;
    font-family: 'Lobster', cursive;
}
#fleft h3{
    color:#ed008c;
        padding:5px 0;
    font-size:1.5em;
    font-family: 'Lobster', cursive;
}
#fleft h4{
    color:white;
        padding:5px 0;
    font-size:1.2em;
    font-family: 'Staatliches', cursive;
}
#fleft p{
    color:#333;
        padding:5px 0;
   font-family: 'Titillium Web', sans-serif;
    font-size:1.1em;
    text-align: justify;
}
#fright{
    float:left;
    width:31%;
  height:535px;
    background:#333;
    overflow:hidden;
   padding:0 1%;
    border-top:0;
    border-bottom:0;
    font-family: 'Titillium Web', sans-serif;
}
#fd li{
    color:#d5d5d5;
    padding:2px;
    list-style: none;
	font-family: 'Titillium Web', sans-serif;
}
footer a:hover{
color:white;
}
#fright h2{
    color:#696969;
        
    font-size: 1.3em;
    font-family: 'Lobster', cursive;
}
#fd{
    padding:2%;
	
}
#sd li{
    color:#d5d5d5;
    padding:2px;
    list-style: none;
        font-family: 'Titillium Web', sans-serif;
}
#sd li:hover,#fd li:hover{
color:#1E90FF
}
#sd{
   
    padding:0.5% 2%;
    
    color:#333;
}
#ldiv{
    overflow:hidden;
    float:left;
    width:30%;
    padding:0 2%;
     height:535px;
    overflow:hidden;
    background:#ed008c;
}
#ldiv h2{
     padding:5px 0;
    font-size: 1.3em;
    color:#333;
font-family: 'Lobster', cursive;
}
#socialclasss{
    
    padding:2%;
}
#socialclasss h2{
     padding:10px 0;
    font-size: 1.4em;
    color:white;
font-family: 'Lobster', cursive;
}
#socialclasss p{
    color:white;
    font-size:2.3em;
    padding:3.5%;
   
    border:1px solid white;
    float:left;
  width:25%;
  
    text-align: center;
      font-family: "FontAwesome";
}
#socialclasss p:hover{
background:white;
color:#ed008c;
}
#newsle{
      background:#ed008c;
    padding:5% 2%;
  
}
footer input[type="email"]{
    width:90%;
    padding:4%;
    border:0;
   background:#ff4dac;
   color:#696969;
}
footer input[type="submit"]{
    width:100px;
     
    padding:10px 5px;
    border:0;
    font-size:1.1em;
    margin:10px 0;background:#333;
    color:#ed008c;
}

#abmsg{
width:100%;
position:fixed;
top:200px;
font-family: 'Lobster', cursive;
display:none;
}
#abbox{
padding:10px;
 color:#ed008c;
text-align:center;
width:400px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
font-size:1.3em;
background:#333;
margin:0px auto;
}
#close{
width:400px;
padding:10px;
margin:0px auto;
cursor:pointer;
 font-family: "FontAwesome";
background:#ed008c;
background:#ed008c;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
#close:hover{
color:white;
}
#subvic{
 font-family: "FontAwesome";
 color:#ed008c;
 font-size:4em;
 padding:20px;
}
.afolo{
margin:10px;}
#blogsec{
background:#ed008c;
text-align:center;
padding:60px 0;
}
#blogsec h2{
font-family: 'Lobster', cursive;
padding:20px;
color:white;
}
.homeblog{
overflow:hidden;
float:left;
width:30%;
margin:1.5%;
position:relative;
}
.homeblog img{
width:100%;
}
.homeblog h3{
padding:30px;
color:#333;
font-size:1.4em;
text-align:left;
background:#d5d5d5;
position:relative;
 font-family: 'Titillium Web', sans-serif;
}
.homeblog a{

color:#333;

}
.homeblog h3:hover{
color:#ed008c;
}
.homeblog img:hover{
    
    cursor:pointer;
background:#333;
transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
 -webkit-transition-duration: 0.7s; /* Safari */
    transition-duration: 0.7s;
     color:white;
}
.aro{
position:relative;}
.aro:after{
content:'';
width:0;
height:0;
border-left:20px solid transparent;
border-right:20px solid transparent;
border-top:20px solid #d5d5d5;
border-bottom:20px solid transparent;
position:absolute;
left:20px;
z-index:20;
}
.bloimg{
width:100%;
overflow:hidden;
}