@import url('https://fonts.googleapis.com/css?family=Courgette&display=swap');
@font-face{
    font-family: impact;
    src: url(../fonts/impact.ttf);
}

body{background: url(../images/bg.jpg)no-repeat; background-size: cover; background-attachment: fixed;}
.logo{padding: 0 10px; }
.links{padding: 10px 0;}
.links ul li{display:inline-block; padding: 0 10px; border-right: 1px solid #ccc;}
.links ul li a{ color:#000;}
.fright{float: right;}
.bg12{background-color: rgba(255, 255, 255, 0.95);  }
nav{padding: 25px 0 0 0 !important;}
.navbar-inverse{background: transparent; /* Old browsers */ border:none;  }
.navbar-inverse .navbar-nav > li > a{color:#000;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color: #8DBF41; color:#fff;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background-color:    #8DBF41; }
.logo h1{padding: 10px 0px 0px 0px; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-size: 3em; font-family: impact;    letter-spacing: 1px;}
.lg{padding-top: 17px !important; background: url(../images/logo1.png) no-repeat; height: 100px;position: absolute; background-size: 80%; left: -22px; top: 13px;}
.logo h1 sup{font-size: 0.6em;}
.logo h6{  font-family: 'Roboto', sans-serif; line-height: 15px; text-transform: uppercase; color:#8C8787; margin: 0px 0px 0px 40px;}
.navbar{margin-bottom: 0;}
.lg img{padding-top: 15px;}
.lg img{width:100%;}
.lg1 img{width:81%;}
.nopadding{padding: 0;}
.nobg{background: none; }
.nobor{border:none;}
.navbar{font-family: 'Roboto', sans-serif; padding: 0 0 0 49px;}
.navbar-inverse .navbar-nav > li > a{font-family: 'Roboto', sans-serif; text-transform: uppercase;}
.carousel-caption{background-color: #fff; color:#000; padding: 0;}
.carousel-caption h1{padding: 0; margin: 0;}
.gsc-search-box *{box-sizing: initial !important}
.gsc-control-cse {background-color: transparent !important; border:none !important;}
.gsib_a input{height: 18px !important;}
.gsc-search-button input{background-color: #FF9B2D !important;
border: 1px solid #FFF !important;}
.gsc-search-button input{ padding: 6px 10px !important;}
.gsib_a{padding:0 !important;}
.gsc-input-box  input{padding:3px 0 !important; }
.search{padding: 30px 0 0 0;}
.cate{padding: 0 15px;}
.trans {border: 1px solid #ccc; background-color: rgba(255, 255, 255, 0.63); box-shadow: 3px 0 9px -3px #ccc;  }
.ab1 {font-family: 'Roboto', sans-serif;border: 1px solid #ccc;color: #000; transition: all 0.5s ease 0s;  background-color: rgba(255, 255, 255, 0.63); }
.ab1 h3{font-family: 'Roboto Condensed', sans-serif;}
.bgwhite {background-color: rgba(255, 255, 255, 0.62);}
.carousel-control.left , .carousel-control.right {background: none;}
.gap{padding: 25px 0 10px 0;}
.cate{width:100%;}
.cate li{line-height: 30px;}
.carousel-caption{bottom:20%;}
aside{padding: 0 !important; border-radius: 0 10px 10px 0;}
.ab1{}
.ab1:hover{ transition: all 0.5s ease 0s; box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);  border: 1px solid #f8f8f8; background-color: #fff;}
.ab1 h3{color:#8DBF41}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{background-color: #000; color:#fff;}
.btn-default{background-color: #fff; color:#000;}
.btn-default{border-color:#fff;}
.cate h3{padding: 20px 0 15px 10px; color: #8DBF41; font-family: 'Roboto Condensed', sans-serif; border-bottom: 1px solid #ccc;}
.cate .list-group li{list-style: none; line-height: 30px;}
.cate .list-group li a{color:#000;  padding: 2px 10px; display: inline-block; width: 100%; text-decoration: none;  border-bottom: 1px solid #e1e1e1;}
.cate .list-group li a:hover{color:#fff; background-color: #8DBF41; border-radius: 20px ; text-decoration: none; }
.ch-info-back a{color:#fff !important;}
.profile{background: url(../images/profile.jpg)no-repeat; background-size: 100%;}
.quality{background: url(../images/quality.jpg)no-repeat; background-size: 100%;}
.research{background: url(../images/contacts.jpg)no-repeat; background-size: 100%;}
.ch-item {    border-radius: 50%;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);    cursor: default;    height: 248px;    position: relative;    width: 100%; background-color: #fefefe;}
.ch-info-wrap {    background: url("../images/bg.jpg") repeat scroll 0 0 #f9f9f9;    border-radius: 50%;    box-shadow:0 0 0 20px rgba(220, 220, 220, 0.32), 0 0 3px rgba(115, 114, 23, 0.8) inset, 0 0 3px rgba(115, 114, 23, 0.8) inset;    height: 180px;    left: 14.5%;    perspective: 800px;    position: absolute;
    top: 14%;    transition: all 0.4s ease-in-out 0s;    width: 180px; }
.ch-info {    border-radius: 50%;    height: 180px;    position: absolute;    transform-style: preserve-3d;    transition: all 0.4s ease-in-out 0s;    width: 180px;}
.ch-info > div {
    backface-visibility: hidden;    background-position: center center;    border-radius: 50%;    display: block;    height: 100%;    position: absolute;    width: 100%;}
.ch-info .ch-info-back {    background: none repeat scroll 0 0 #000;    transform: rotate3d(0, 1, 0, 180deg);}
.img1 {background: url("../images/10.jpg"); display: block; background-size: cover;}
.img2 {background: url("../images/11.jpg"); display: block; background-size: cover;}
.img3 {background: url("../images/12.jpg") -30px 0px ; display: block; background-size: cover;}
.img4 {background:url("../images/13.jpg")0 0; display: block; background-size: cover;}
.ch-info h3 {    color: #fff;    font-family: "Open Sans",Arial,sans-serif;    font-size: 14px;
    height: 90px;    letter-spacing: 2px;    margin: 0 15px;    padding: 40px 0 0;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);    text-transform: uppercase;}
.ch-info p {    border-top: 1px solid rgba(255, 255, 255, 0.5);    color: #fff;    font-size: 12px;    font-style: italic;    margin: 0 30px;    padding: 10px 5px;}
.ch-info p a {    color: rgba(255, 255, 255, 0.7);    display: block;    font-family: "Open Sans",Arial,sans-serif;    font-size: 9px;    font-style: normal;    font-weight: 700;    letter-spacing: 1px;    padding-top: 4px;    text-transform: uppercase;}
.ch-info p a:hover {    color: rgba(255, 242, 34, 0.8);}
.ch-item:hover .ch-info-wrap {    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 3px rgba(115, 114, 23, 0.8) inset;}
.ch-item:hover .ch-info {    transform: rotate3d(0, 1, 0, -180deg);}
.in{ display: block;}
.ch-info-back{text-align: center;}
.center{text-align: center; padding-bottom: 15px; margin: 0; border-bottom: 1px solid rgba(210, 210, 210, 0.48); margin-bottom: 25px; color:#000; font-family: 'Roboto Condensed', sans-serif;}

footer .bgwhite1{padding: 50px 0 }
.bgwhite1{background-color: #fff;}
.block h4{padding-bottom: 10px; font-family: 'Roboto Condensed', sans-serif;}
.block li{line-height: 30px; border-bottom: 1px solid #ccc; list-style: none;}
.block li a{font-family: 'Roboto', sans-serif; color:#666;}
.block li a:hover{color:#000;}
.block ul{padding-left: 0px;}
#copyright{background-color:rgba(241, 241, 241, 0.63); text-align: center; font-size: 0.9em; padding: 10px 0; color:#656565; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase
}
#copyright a{color:#656565; }
.navbar-nav li a{padding: 27px 20px; }
.dropdown-menu li a{padding: 10px 20px 10px 20px !important;}
.hd_pad{padding:10px 0;}
.green h3{color:#fff;}
.green{background-color: #8DBF41; color:#fff; padding: 15px;}
.profile, .quality, .research{position: relative;  }
.profile:hover .green, .quality:hover .green, .research:hover .green{background-color: rgba(141, 191, 65, 0.83); color:#000; transition: all 0.2s ease-in-out 0s;}
.profile:hover h3, .quality:hover h3, .research:hover h3{color:#000;}
.total{visibility: hidden; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute;}
.profile:hover .total, .quality:hover .total, .research:hover .total{ visibility: visible;}
.frset{float: right; margin-bottom: 0; padding: 15px 0 0 0;}
nav{padding: 10px 0  !important;}
.list-group li{list-style: none;}
.list-group li a {color:#fff;}
#copyright,#copyright  a {color:#000}
#index_page #home, #about_page #about, #save_page #save, #feedback_page #feedback, #contact_page #contact{background-color: #8DBF41;}
.metter{}
.metter h3{margin: 5px 0 ; background-color: #8DBF41;padding: 5px 0 5px 30px;color: #fff; font-family: 'Roboto', sans-serif; border: 1px solid #FFF;}
.metter div{background-color: #fff; padding:20px; font-family: 'Roboto', sans-serif;}
.metter p{line-height: 30px; text-align: justify;}
.full img{width:100%;}
.lg1{padding: 0;}
.no-border{border:none;}
.mr_right{margin-right: 15px;}
.metter h4{line-height: 30px;}
.metter ul li{line-height: 30px;}
.submit{width:100%; background-color: #ECECEC; border: 1px solid #ccc;}
.table a{color:#333}
.clearfix{clear: both;}
.sell h1 {
	text-align: center;
	margin: 0 0 25px 0;
	animation: blinkingText 0.8s infinite;
	background: rgba(255, 255, 255, 0.6);
	padding: 14px 0;

}
.sell h1 a:hover {
	text-decoration:none; 
	cursor: pointer;
}
.sell h1 a{
    animation:blinkingText 0.8s infinite;
    font-family: 'Courgette', cursive;
    font-size: 30px;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    100%{   color: red;    }

}
.modal-body {

}
.modal-body input {
	height: 40px;
	margin-bottom: 20px;
}
.modal-body textarea {
	
	margin-bottom: 20px;
}
.modal-body button {
	display: inline-block;
	background: #1f9f4e;
	border: none;
	color: #fff;
	padding: 10px 138px;
}
.modal-content {
	position: relative;
	background: rgba(255, 255, 255, 0.93);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
/*
font-family: 'Lora', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Droid Sans', sans-serif;
font-family: 'Dosis', sans-serif;
*/