@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300);
.color
{
color: #61c260;
}
.header-text
{
font-weight: bold;
font-size: 33px;
color: #61c260;
}
@media(max-width:768px){
.header-text
{
font-weight: bold;
font-size: 20px;
color: #61c260;
}
}
.content
{
font-size: 16px;
font-weight: lighter;
}
.heading-me
{
font-size: 20px;
font-weight: bold;
}
.mission{
background: #19177e;
}
.content{
color:#9695f6;
font-family:"Roboto Regular", serif;
}
.heading-me{
color:#fff;
font-family:"Roboto Bold", serif;
font-size:18px;
}
.ceo
{
font-family:"Roboto Bold", serif;
font-size:24px;
font-variant:700;
color:#19177e;
text-align:left;
}
.mission , .border
{
padding: 30px 0px;
}
.border
{
margin: 2%;
border: 1px solid #E4E4E4;
padding:0px;
}
.radius
{
border: 1px solid #dceedc;
padding: 30px;
}
.services
{
padding: 40px 0px;
}
.bold
{
font-size: 24px;
font-weight: bold;
}
.padding
{
padding:10px;
}
.contact
{
background: #61c260;
content: #fff;
}
.form-control
{
background-color: #8ed48e !important;
background-image: none;
border: 1px solid #8ED48E !important;
padding: 6px 16px !important;
}
button.btn.btn-black.btn-xl.pull-right {
background-color: rgb(45, 45, 45);
color: #ccc;
padding: 6px 28px;
margin-right: -15px;
font-size: 14px;
margin-top: -10px;
}
.row {
margin-right: 0px !important;
margin-left: 0px !important;
}
footer
{
background: #454545;
color:#c1c0c0;
padding: 30px 0px;
}
footer h2
{
font-size: 18px !important;
color: #fff !important;
}
footer .form-control {
background-color: #FFFFFF !important;
background-image: none;
border: 1px solid #454545 !important;
padding: 6px 16px !important;
margin: 6px;
}
footer li {
list-style: none;
}
footer .contact-detail ,footer .navigation ,footer .social {
padding: 5px 0px;
}
ul.contact-detail li {
padding: 10px 0px;
}
footer .navigation li
{
padding: 2px 0px;
}
footer li a
{
text-decoration: none;
color:#c1c0c0 !important;
}
ul.social li {
display: inline-block;
}
.copyright
{
padding: 20px 0px;
background: #323131;
color: #908f8f;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
color: #bababa;
font-size: 16px
}
ul.nav.navbar-nav.navbar-right .fa {
padding: 10px 0px;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:active
{
color: #61c260 !important;
background: #50504f !important;
}
.navbar-toggle .icon-bar {
background: black;
}
.navbar-toggle {
background-color: #61C260 !important;
}
.navbar
{
min-height: 150px;
}
.collapse.in
{
background: #454545;
}
.circle
{
height: 300px;
width: 300px;
}
.contact-detail img {
padding: 5px;
}
.row.seperate
{
margin: 0 auto !important;
text-align: center;
}
.fa-trophy
{
color: rgba(74, 162, 214, 0.75);
}
.fa-users
{
color: #f5cc5e;
}
::-webkit-input-placeholder {
color: black;
}
:-moz-placeholder { /* Firefox 18- */
color: black;
}
::-moz-placeholder { /* Firefox 19+ */
color: black;
}
:-ms-input-placeholder {
color: black;
}
@media (max-width: 768px){
/*.ceo-content {
padding: 20px 68px;
border: 0px solid #BCBCBC;
border-left: none;
}*/
.form-control {
background-color: #8ed48e !important;
width: 100% !important;
margin-left: 0px !important;
}
.collapse.in {
display: block;
position: absolute;
right: 0px;
width: 100px;
}
.navbar-toggle
{
margin-top: 80px !important;
}
}
@media (min-width: 1200px){
.services .row {
padding-left: 30px;
}
.header .container {
width: 1120px !important;
}
}
/* font face */
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular-webfont.eot');
src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Italic-webfont.eot');
src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Italic-webfont.woff') format('woff'),
url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'),
url('../fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Bold-webfont.eot');
src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
url('../fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-BoldItalic-webfont.eot');
src: url('../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-BoldItalic-webfont.woff') format('woff'),
url('../fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),
url('../fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Thin-webfont.eot');
src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),
url('../fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-ThinItalic-webfont.eot');
src: url('../fonts/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-ThinItalic-webfont.woff') format('woff'),
url('../fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),
url('../fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License).
font-weight: 200;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Light-webfont.eot');
src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Light-webfont.woff') format('woff'),
url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-LightItalic-webfont.eot');
src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'),
url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),
url('../fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
font-weight: 100;
font-style: italic;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Medium-webfont.eot');
src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
url('../fonts/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-MediumItalic-webfont.eot');
src: url('../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-MediumItalic-webfont.woff') format('woff'),
url('../fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),
url('../fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
font-weight: 300;
font-style: italic;
}
body
{
font-family: "Roboto";
}
/*knowledge*/
.well {
background: #fff;
padding:0px;
margin-right:7%;
box-shadow:0 2px 2px #61c260;
}
.post h4 {
color: #ffae00;
font-family:"Roboto Regular", serif;
margin-bottom: 9px;
}
.post h4 a {
color: #333;
}
.info {
padding:4px;
border-top:1px solid #e3e3e3;
}
/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* responsive media queries */
@media (max-width: 768px) {
.isotope .item {
position: static ! important;
-webkit-transform: translate(0px, 0px) ! important;
-moz-transform: translate(0px, 0px) ! important;
transform: translate(0px, 0px) ! important;
}
}
@media (min-width: 768px) and (max-width: 980px) {
.span4 {
width: 50%;
}
}
@media (min-width: 980px) and (max-width: 1200px) {
.span4 {
width: 32%;
}
}
@media (min-width: 1200px) {
.span4 {
width: 33%;
}
}