.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #a5c832;
}

.parallax {
    background-image: url(../images/c64d67822f1af38af6c6b3d319f79a96.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#f1_container {
  position: relative;
  margin: 10px auto;
  width: 376px;
  height: 412px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: 0px 0px 0px transparent;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: white;
  text-align: left;
  background-color: transparent;
}

.parp{
    font-family:calibri;
    font-size: 18px;
    padding: 10px;
    text-align: justify;
}



@font-face {
    font-family: 'YanoneKaffeesatzRegular';
    src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot');
    src: url('../fonts/YanoneKaffeesatz-Regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/YanoneKaffeesatz-Regular-webfont.woff') format('woff'),
         url('../fonts/YanoneKaffeesatz-Regular-webfont.ttf') format('truetype'),
         url('../images/YanoneKaffeesatz-Regular-webfont.svg#YanoneKaffeesatzRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../images/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.row.content {
    height: auto;
    margin-top: 0px;
}
<!--
   div, h1, form, fieldset, input, textarea {
	margin: 0; padding: 0; border: 0; outline: none;
}        --->


.col-sm-10 {
    float: left;
    width: 79%;
    margin-right: 0px;
}


html {
	height: auto;
}




.cover{
	background:#CCC; width:700px; margin:auto; padding-left:60px;
}



h2.contact { padding-left: 125px; font-size: 66px; color: #ff5400; height: 105px; background: url(../images/contact.png) no-repeat -10px -10px;  font-family: 'YanoneKaffeesatzRegular';}
p.contact { font-size: 24px; margin-bottom: 15px; line-height: 36px; font-family: 'BebasNeueRegular', Arial; color: #4b4b4b; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
#contact { margin-bottom: 0px; }


input[type="text"] { 
width: 400px; 
}



textarea { 
width: 600px; height: 275px; 
}



label {
 color: #ff5400; 
}



input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 5px solid rgba(122, 192, 0, 0.15); padding: 10px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 24px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -10px; }
input:focus, textarea:focus { border: 5px solid #ff5400; background-color: rgba(255, 255, 255, 1); }



input[type="submit"] { border: none; cursor: pointer; color: #fff; font-size: 24px; background-color: #7ac000; padding: 5px 36px 8px 36px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.6);
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.23, #619702),
	    color-stop(0.62, #7ac000)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #619702 23%,
	    #7ac000 62%
	);
}



input[type="submit"]:hover { color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.4); background-color: #ff5400;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.23, #c34000),
	    color-stop(0.62, #ff5400)
	);
	background: -moz-linear-gradient(
	    center bottom,
	    #c34000 23%,
	    #ff5400 62%
	);
}


input[type="submit"]:active {
 top: 1px;
 }


        /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */

        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
        .jssora02l, .jssora02r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 55px;
            height: 55px;
            cursor: pointer;
            background: url('../images/a02.png') no-repeat;
            overflow: hidden;
        }
        .jssora02l { background-position: -3px -33px; }
        .jssora02r { background-position: -63px -33px; }
        .jssora02l:hover { background-position: -123px -33px; }
        .jssora02r:hover { background-position: -183px -33px; }
        .jssora02l.jssora02ldn { background-position: -3px -33px; }
        .jssora02r.jssora02rdn { background-position: -63px -33px; }

.pardeep {
    font-family: -webkit-pictograph;
    font-size: 16px;
    line-height:1.428571;
    color: #303030;
    margin: 0;
                                                         <!--   background-image: url('../images/bgbody2.jpg');  -->

  <!--  background-color: rgb(150, 20, 20);--->

}

.online{
    background: transparent url(suggest-post.png) no-repeat scroll 0px 0px;
    height: 170px;
    left: 0;
    position: fixed;
    bottom: 79px;
    width: 40px;
    z-index: 1000;
}

.sidenav {
    padding-top: 20px;
    
    height: 100%;
    padding: 15px;
    margin-left: 0px;
    border-radius: 26px;
}


.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #d73438;
    background-color: transparent;
}

li {
    font-family: calibri;
    color: #333;
}

a{    color: rgb(213, 150, 85);
    
    font-family: calibri;
}

.par{
    text-align: center;
    font-family: initial;
    font-size: 30px;
    padding: 0 0 14px;
    margin: 0 0 5px;
    text-transform: uppercase;
    background: url(../images/title-hline.png) center bottom no-repeat;
}


li.dropdown-header {
    font-size: 16px;
    color: #ff3546;
    padding: 5px 60px 5px 0px;
    line-height: 30px;
    font-weight: bolder;
    font-family: inherit;
    margin-bottom: 5px;
}

.footer h2 {
    font-size: 23px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
}

li.col-sm-44 {
    width: 45%;
    float: left;
}

 .text{
    text-align: justify;
    display: table-cell;
    padding: 0 12px 0 0;
    color: #ffffff;
  <!--- font-size: 18px;--->
    font-family: calibri;
}

.col-sm-3 {
    float: left;
    width: 24%;
    margin-right: 0px;
}

.footer {
    float: left;
    width: 100%;    
    padding-top: 20px;
    padding-bottom: 0px;
    border-bottom: 1px solid #064a23;
    background-color: #064a23;
      color: white;
      padding: 15px;
}

.navbar-inverse {
    
    background-color: rgba(150, 20, 20, 0.01);
}

.navbar-inverse .navbar-nav>li>a {
padding-top: 20px;
padding-bottom: 15px;
    color: #fed7d8;
    font-weight: bolder;
    font-size: 19px;
    font-family: calibri;
    background-color: rgba(95, 29, 30, 0);
}


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #deb0a1;
    font-weight: bolder;
    font-size: 19px;
    font-family: calibri;
    background-color: rgba(95, 29, 30, 0);
}


div#myNavbar {
    float: right;
    margin-top: 31px;
}
    /* Remove the navbar's default margin-bottom and rounded borders */
    .navbar {
      margin-bottom: 0;
      border-radius: 0;
    }
    
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    
    
    /* Set gray background color and 100% height */
   
    
    /* Set black background color, white text and some padding */
    footer {
      
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      
      
    }

    

.parH{
    font-size: 30px;
    color: rgb(220, 161, 54);
}
ul.nav.navbar-nav {
    float: right;
    margin-top: 20px;
    background-color: rgba(164, 230, 23, 0.32);

}