﻿.navbar-inverse/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 0px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 0px;
    }
    .body-content {
        padding: 0;
    }
}
.img-circle {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    border-radius: 50%;
}

    .img-circle:hover {
        opacity: 1.0;
        filter: alpha(opacity=100); /* For IE8 and earlier */
        
    }



    /*.growimg {
  height: 300px;
  width: 300px;
  border-radius: 50%;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.growimg:hover {
  width: 400px;
  height: 400px;
  border-radius: 70%;
}*/

    .image:hover {
border-top-left-radius: 120px; 
border-bottom-right-radius: 120px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.image {
border-bottom-left-radius: 120px;
border-top-right-radius: 120px; 
border-bottom-right-radius: 15px;
border-top-left-radius: 15px; 
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


/*.img1 { 
  border: 3px solid thin; 
  border-color:darkgrey;
} 
.img1:hover { 
  border: 3px solid black; 
}*/ 
/*.jumbo {
  border-radius: 16px;
}*/

.grow:hover
{
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
}

.image1:hover {
border-top-right-radius: 90px; 
border-bottom-left-radius: 90px;
border-top-left-radius: 50px;
border-bottom-right-radius: 50px;
}
.image1 {
border-bottom-left-radius: 50px;
border-top-right-radius: 50px; 
border-bottom-right-radius: 90px;
border-top-left-radius: 90px; 
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
    top: 0px;
    left: 0px;
}

.textbox
{
    background: white;
    border: 0px double #66CCFF;
    border-radius: 2px;
    box-shadow: 0 0 5px #333;
    outline: none;
    height: 20px;
    width: 275px;
}

.font_family {
font-family:Calibri;
font-weight:600;
text-align:center;
color:#393636;
font-size: 25px;



}

/*Text Hover*/

.box {
    width: 100%;
    border: 1px solid #9325BC;
    padding: 10px;
}

    .box:hover {
        -moz-box-shadow: 0 0 10px #ccc;
        -webkit-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
    }