bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
@font-face {
font-family: 'Open Sans', Fallback, sans-serif;
src: url('Open Sans-webfont.eot?#iefix') format('embedded-opentype'),
url('Open Sans-webfont.woff') format('woff'),
url('Open Sans-webfont.ttf') format('truetype'),
url('Open Sans-webfont.svg#svgFontName') format('svg');
}
/*
Template Name: Color
Version: 1.0
Author:
Author URL:
*/
/*************************
*******Typography******x
**************************/
body {
padding-top: 60px;
background: #fff;
font-family: 'Open Sans', Fallback, sans-serif;
font-weight: 900;
line-height: 20px;
// overflow:hidden;
}
h1,
h3,
h4,
h5,
h6 {
font-weight: 600;
font-family: 'Open Sans', Fallback, sans-serif;
color: #272727;
}
h7{
font-weight: 300;
font-family: 'Open Sans', Fallback, sans-serif;
color: #272727;
}
.sup{
font-size:75%;
vertical-align:super;
text-decoration: none; /*how do i get this off?!*/
}
p a{
color: #5955d0;
font-weight:500;
text-decoration:underline;
}
info-circle {
HOME }
.info-circle * {
box-sizing: border-box; }
.info-circle .outer-circle {
background: #0a2752;
width: 420px;
height: 420px;
margin: auto;
border-radius: 50%; }
.info-circle .inner-circle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
width: 400px;
height: 400px;
margin: auto;
border-radius: 50%; }
.info-circle .image {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
max-width: 100%;
max-height: 100%;
padding: 16px;
margin: auto; }
.info-circle .info-blocks {
position: relative;
top: -400px;
width: 400px;
margin: auto; }
.info-circle .info-blocks .info-block {
position: absolute;
width: 400px;
transition: .8s transform; }
.info-circle .info-blocks .info-block .info-icon {
background: #31bbf5;
color: #fff;
text-align: center;
font-size: 24pt;
padding: 24px;
width: 32px;
height: 32px;
border-radius: 50%;
box-sizing: content-box; }
.info-circle .info-blocks .info-block .info-icon:hover {
background: #095c7e;
color: #fff;
text-align: center;
font-size: 24pt;
padding: 24px;
width: 32px;
height: 32px;
border-radius: 50%;
box-sizing: content-box; }
.info-circle .info-blocks .info-block .info-icon i {
display: block; }
.info-circle .info-blocks > div:nth-of-type(even) .info-icon {
float: left;
margin-right: 16px; }
.info-circle .info-blocks > div:nth-of-type(odd) .info-icon {
float: right;
margin-left: 16px; }
.info-circle .info-blocks > div:nth-of-type(odd) {
text-align: right;
}
.info-circle .info-blocks > div:nth-of-type(1) {
-webkit-transform: translate(-290px, 0);
transform: translate(-290px, 0); }
.info-circle .info-blocks > div:nth-of-type(2) {
-webkit-transform: translate(290px, 0);
transform: translate(290px, 0); }
.info-circle .info-blocks > div:nth-of-type(3) {
-webkit-transform: translate(-368px, 154px);
transform: translate(-368px, 154px); }
.info-circle .info-blocks > div:nth-of-type(4) {
-webkit-transform: translate(368px, 154px);
transform: translate(368px, 154px); }
.info-circle .info-blocks > div:nth-of-type(5) {
-webkit-transform: translate(-290px, 320px);
transform: translate(-290px, 320px); }
.info-circle .info-blocks > div:nth-of-type(6) {
-webkit-transform: translate(290px, 320px);
transform: translate(290px, 320px); }
.info-circle .info-text {
float: left;
width: calc(100% - 96px);
margin-top: 4px; }
.info-circle .info-text.title-only {
margin-top: 30px; }
.info-circle .info-text .title {
font-size: 14pt;
color: #333;
margin: 0 0 8px 0; }
.info-circle .info-text .text {
color: #777;
line-height: 16pt;
margin: 0; }
.info-circle .text-upper {
text-transform: uppercase; }
.info-circle .clearfix:after {
content: '';
display: table;
clear: both; }
@media screen and (max-width: 1112px) {
info-circle {
HOME }
.info-circle * {
box-sizing: border-box; }
.info-circle .outer-circle {
background: #0a2752;
width: 420px;
height: 420px;
margin: auto;
border-radius: 50%; }
.info-circle .inner-circle {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #fff;
width: 400px;
height: 400px;
margin: auto;
border-radius: 50%; }
.info-circle .image {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
max-width: 100%;
max-height: 100%;
padding: 16px;
margin: auto; }
.info-circle .info-blocks {
position: relative;
top: -400px;
width: 400px;
margin: auto; }
.info-circle .info-blocks .info-block {
position: absolute;
width: 400px;
transition: .8s transform; }
.info-circle .info-blocks .info-block .info-icon {
background: #31bbf5;
color: #fff;
text-align: center;
font-size: 24pt;
padding: 24px;
width: 32px;
height: 32px;
border-radius: 50%;
box-sizing: content-box; }
.info-circle .info-blocks .info-block .info-icon i {
display: block; }
.info-circle .info-blocks > div:nth-of-type(even) .info-icon {
float: left;
margin-right: 16px; }
.info-circle .info-blocks > div:nth-of-type(odd) .info-icon {
float: right;
margin-left: 16px; }
.info-circle .info-blocks > div:nth-of-type(odd) {
text-align: right;
}
.info-circle .info-blocks > div:nth-of-type(1) {
-webkit-transform: translate(-290px, 0);
transform: translate(-290px, 0); }
.info-circle .info-blocks > div:nth-of-type(2) {
-webkit-transform: translate(290px, 0);
transform: translate(290px, 0); }
.info-circle .info-blocks > div:nth-of-type(3) {
-webkit-transform: translate(-368px, 154px);
transform: translate(-368px, 154px); }
.info-circle .info-blocks > div:nth-of-type(4) {
-webkit-transform: translate(368px, 154px);
transform: translate(368px, 154px); }
.info-circle .info-blocks > div:nth-of-type(5) {
-webkit-transform: translate(-290px, 320px);
transform: translate(-290px, 320px); }
.info-circle .info-blocks > div:nth-of-type(6) {
-webkit-transform: translate(290px, 320px);
transform: translate(290px, 320px); }
.info-circle .info-text {
float: left;
width: calc(100% - 96px);
margin-top: 4px; }
.info-circle .info-text.title-only {
margin-top: 30px; }
.info-circle .info-text .title {
font-size: 14pt;
color: #333;
margin: 0 0 8px 0; }
.info-circle .info-text .text {
color: #777;
line-height: 16pt;
margin: 0; }
.info-circle .text-upper {
text-transform: uppercase; }
.info-circle .clearfix:after {
content: '';
display: table;
clear: both; }
}
}
@media screen and (max-width: 1160px) {
.info-circle .info-blocks {
top: 48px;
width: calc(100% - 128px);
max-width: 420px; }
.info-circle .info-blocks > div:nth-of-type(n) {
position: static;
width: 100%;
margin-bottom: 32px; }
.info-circle .info-blocks > div:nth-of-type(odd) {
-webkit-transform: translate(64px, 0);
transform: translate(64px, 0); }
.info-circle .info-blocks > div:nth-of-type(even) {
-webkit-transform: translate(-64px, 0);
transform: translate(-64px, 0); } }
h1,h3,h4{
padding: 0px;
margin: 0px;
}
/** Nav Menu */
ul.nav-menu{
padding: 0px;
margin: 0px;
list-style-type: none;
width: 490px;
margin: 60px auto;
}
ul.nav-menu li{
display: inline;
margin-right: 10px;
padding:10px;
border: 1px solid #ddd;
}
ul.nav-menu li a{
color: #eee;
text-decoration: none;
text-transform: uppercase;
}
ul.nav-menu li a:hover, ul.nav-menu li a.active{
color: #2c3e50;
}
/** content **/
.content{
margin-top: 100px;
margin-left: 100px;
width: 700px;
}
.content h1, .content h2{
font-family: "Source Sans Pro",sans-serif;
color: #ecf0f1;
padding: 0px;
margin: 0px;
font-weight: normal;
}
.content h1{
font-weight: 900;
font-size: 64px;
}
.content h2{
font-size:26px;
}
.content p{
color: #ecf0f1;
font-family: "Lato";
line-height: 28px;
font-size: 15px;
padding-top: 50px;
}
p.credit{
padding-top: 20px;
font-size: 12px;
}
p a{
color: #blue;
font-weight:500;
}
/** fork icon**/
.fork{
position: absolute;
top:0px;
left: 0px;
}
.heading{
font-family: 'Open Sans', Fallback, sans-serif;
color:#FFF;
font-size:14px;
padding-top:1px;
font-weight:bold;
}
.scrollbar
{
margin-left: 22px;
float: left;
width:360px;
height:480px;
background: #F5F5F5;
overflow-x:hidden;
margin-bottom: 25px;
}
.force-overflow
{
min-height: 450px;
}
style-4::-webkit-scrollbar-thumb
{
background-color: #000000;
border: 20px solid #555555;
}
h22 {
font-weight: 300;
font-family: 'Open Sans', Fallback, sans-serif;
color: #272727;
font-size: 16px;
font-weight:lighter;
}
p80 {
font-family: 'Open Sans', Fallback, sans-serif;
font-size: 14px;
text-justify: inter-word;
color: #000;
margin-bottom:2.5em;
}
.newsbullet{
color:#FFF;
font-family: 'Open Sans', Fallback, sans-serif;
font-size:10px;
text-align:100%;
margin-left:-25px;
}
.fourth {
text-indent: 100%;
}
p4{
text-align: left;
font-size: 14px;
font-weight: 300;
line-height: 10px;
font-family: 'Open Sans', Fallback, sans-serif;
color: #112d45;
}
a {
color: #72C05B;
}
a:hover{
color: #72C05B;
cursor:pointer;
}
.hyperlink {
font-size:13px;
}
.hyperlink:hover{
color:#00F;
text-decoration:underline;
cursor:pointer;
font-size:13px;
}
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 400px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
background: #00d9ff;
}
a:focus {
text-decoration: none;
color: #72C05B;
}
hr {
border-top: 1px solid #0e71a4;
border-bottom: 1px solid #3b9cce;
}
.gradiant {
background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}
.section-header {
margin-bottom: 20px;
:
}
.section-header .section-title {
margin-bottom: 15px;
display: block;
clear: both;
font-family: 'Open Sans', Fallback, sans-serif;
font-size: 38px;
line-height: 48px;
text-align: center;
font-weight: 400;
color: #272727;
//text-transform: uppercase;
}
.section-header p {
display: block;
clear: both;
font-size: 16px;
line-height: 28px;
font-weight: 300;
color: #272727;
}
.btn {
border-width: 0;
border-bottom-width: 3px;
border-radius: 0px;
}
.btn.btn-primary {
background: #72C05B;
border-color: #72C05B;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
background: #72C05B;
}
.column-title {
margin-top: 0;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
position: relative;
font-size: 18px;
}
.column-title:after {
content: " ";
position: absolute;
bottom: -1px;
left: 0;
width: 40%;
border-bottom: 1px solid #72C05B;
}
ul.nostyle {
list-style: none;
padding: 0;
margin-bottom: 20px;
}
ul.nostyle i {
color: #72C05B;
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/*************************
*******Header******
**************************/
.navbar.navbar-default {
border: 0;
border-radius: 0;
margin-bottom: 0;
}
.navbar.navbar-default .navbar-toggle {
margin-top: 32px;
}
.navbar-header .navbar-brand {
padding:5px 0;
}
.navbar-header .navbar-brand a {
height: auto;
display: inline-block;
}
#top-header {
padding: 10px 0;
}
@media only screen and (min-width: 768px) {
#main-menu.navbar-default {
background: rgba(255, 255, 255, 0.9);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}
#main-menu.navbar-default .navbar-nav > li.active > a,
#main-menu.navbar-default .navbar-nav > li.open > a,
#main-menu.navbar-default .navbar-nav > li:hover > a {
background: transparent;
}
#main-menu.navbar-default .dropdown-menu {
padding: 0 20px;
min-width: 220px;
background-color: rgba(26, 28, 40, 0.9);
border: 0;
border-radius: 0;
box-shadow: none;
-webkit-box-shadow: none;
background-clip: inherit;
}
#main-menu.navbar-default .dropdown-menu > li {
border-left: 3px solid transparent;
margin-left: -20px;
padding-left: 17px;
-webit-transition: border-color 400ms;
transition: border-color 400ms;
}
#main-menu.navbar-default .dropdown-menu > li > a {
border-top: 1px solid #404455;
padding: 15px 0;
color: #FFFFFF;
font-family: 'Open Sans', Fallback, sans-serif;
font-weight: lighter;
font-size: 14px;
font-style: normal;
font-variant: normal;
}
#main-menu.navbar-default .dropdown-menu > li:first-child > a {
border-top: 0;
}
#main-menu.navbar-default .dropdown-menu > li.active,
#main-menu.navbar-default .dropdown-menu > li.open,
#main-menu.navbar-default .dropdown-menu > li:hover {
border-left-color: #72C05B;
}
#main-menu.navbar-default .dropdown-menu > li.active > a,
#main-menu.navbar-default .dropdown-menu > li.open > a,
#main-menu.navbar-default .dropdown-menu > li:hover > a {
color: #72C05B;
background-color: transparent;
}
}
#main-slider {
overflow: hidden;
}
#main-slider .item {
height: 550px;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
#main-slider .slider-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
}
#main-slider .slider-inner h2 {
margin-top: 180px;
font-size: 36px;
line-height: 1;
color: #519def;
}
#main-slider .slider-inner h2 > span {
color: #112d45;
}
#main-slider .slider-inner .btn {
margin-top: 10px;
}
#main-slider .owl-prev,
#main-slider .owl-next {
position: absolute;
top: 50%;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 30px;
display: inline-block;
margin-top: -35px;
height: 70px;
width: 70px;
border-radius: 100px;
line-height: 70px;
text-align: center;
z-index: 5;
-webkit-transition: background-color 400ms;
transition: background-color 400ms;
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
background-color: #4677c0;
}
#main-slider .owl-prev {
/* left: -35px;*/
text-indent: 14px;
left: -135px;
}
#main-slider .owl-next {
/* right: -35px;*/
left: -135px;
text-indent: -14px;
}
#bar {
width: 0%;
max-width: 100%;
height: 4px;
background: #113e82;
}
#progressBar {
margin-top: -4px;
position: relative;
z-index: 999;
width: 100%;
background: rgba(0, 0, 0, 0.1);
}
#cta {
padding: 50px 0;
background-color: #d9dfeb;
}
#cta h2 {
margin-top: 0;
}
#cta .btn {
margin-top: 40px;
}
#cta2 {
background: #242a33;
background-size: cover;
color: #fff;
padding: 70px 0;
}
#cta2 .btn {
margin-top: 10px;
}
#cta2 h2 {
color: #fff;
font-size: 44px;
line-height: 1;
}
#cta2 h2 > span {
color: #72C05B;
}
#cta2 p {
color: #fff;
}
/*************************
*******Feature******
**************************/
#services {
padding: 50px 0 15px;
}
.caption-style-2{
list-style-type: none;
margin: 0px;
padding: 0px;
}
.caption-style-2 li{
float: left;
padding: 0px;
position: relative;
overflow: hidden;
}
.caption-style-2 li:hover .caption{
opacity: 6;
transform: translateY(-30px);
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px);
-o-transform:translateY(-30px);
}
.caption-style-2 li:hover .caption1{
opacity: 1.9;
transform: translateY(-30px);
-webkit-transform:translateY(-30px);
-moz-transform:translateY(-30px);
-ms-transform:translateY(-30px);
-o-transform:translateY(-30px);
}
.caption-style-2 img{
width:340px;
margin: 0px;
padding: 0px;
float: left;
z-index: 4;
}
.caption-style-2 .caption{
cursor: pointer;
position: absolute;
opacity: 100;
top:50px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.caption-style-2 .caption1{
cursor: pointer;
position: absolute;
opacity: 0;
top:50px;
-webkit-transition:all 0.15s ease-in-out;
-moz-transition:all 0.15s ease-in-out;
-o-transition:all 0.15s ease-in-out;
-ms-transition:all 0.15s ease-in-out;
transition:all 0.15s ease-in-out;
}
.caption-style-2 .blur{
background-color: rgba(0,0,0,0.7);
height: 1000px;
width:340px;
z-index: 5;
position: absolute;
}
.caption-style-2 .blur1{
background-color: rgba(0,0,0,0.7);
height: 1000px;
width:340px;
z-index: 5;
position: absolute;
}
.caption-style-2 .caption-text h1{
text-transform: uppercase;
font-size: 18px;
}
.caption-style-2 .caption-text{
z-index: 10;
color: #fff;
position: absolute;
width:100%;
height: 300px;
text-align: left;
margin-left:8px;
top:20px;
}
p50{
font-size: 13px;
line-height: 13px;
font-weight: 300;
color:#000;
font-weight:lighter;
}
p54{
font-size: 15px;
line-height: 15px;
font-weight: 300;
color: #FC0;
}
p544{
font-size: 13px;
font-weight: 300;
color: #FC0;
}
.ptest{
font-size: 12px;
font-family: 'Open Sans', Fallback, sans-serif;
line-height: 25px;
color: #fff;
word-wrap: break-word;
overflow: hidden;
font-weight: lighter;
}
.ptest1{
font-size: 12px;
font-family: 'Open Sans', Fallback, sans-serif;
line-height: 12px;
color: #fff;
word-wrap: break-word;
overflow: hidden;
font-weight: lighter;
}
/*************************
*******Service******
**************************/
.features-item {
margin: 25px 0;
}
.features-item .features-icon i {
font-size: 40px;
}
#services .features-item:hover .features-icon i , #services .features-item:hover h3 {
color: #72C05B ;
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}
#services .features-item h3 {
text-transform: uppercase;
font-weight: 800;
font-size: 13px;
color: #111;
margin: 16px 0 15px;
}
.media.service-box {
margin: 25px 0;
}
.media.service-box .pull-left {
margin-right: 20px;
}
.media.service-box .pull-left > i {
height: 64px;
line-height: 64px;
text-align: center;
width: 64px;
color:#FFF;
box-shadow: inset 0 0 0 1px #d7d7d7;
-webkit-box-shadow: inset 0 0 0 1px #d7d7d7;
transition: background-color 400ms, background-color 400ms;
background: #31bbf5;
position: relative;
display: block;
line-height: 60px;
font-size: 24px;
border-radius: 50px;
transform: translateZ(0px);
}
.media.service-box:hover .pull-left > i {
}
/*************************
*******About Us******
**************************/
/* This CSS is used for the Show/Hide functionality. */
.more {
display: none;
border-top: 1px solid #666;
border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
text-decoration: none;
color: #36f;
padding-left: 8px;
background: transparent url(down.gif) no-repeat left; }
a.hideLink {
background: transparent url(up.gif) no-repeat left; }
a.showLink:hover, a.hideLink:hover {
border-bottom: 1px dotted #36f; }
#about {
padding: 100px 0;
}
.divider {
margin-top: 50px;
margin-bottom: 50px;
background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
width: 95%;
height: 1px;
}
.progress {
-webkit-box-shadow: none;
box-shadow: none;
background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
-webkit-box-shadow: none;
box-shadow: none;
}
/*************************
*******Team******
**************************/
/*------------------------------------------------------
About Styles
--------------------------------------------------------*/
#about .progess-bars li .progress {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
border-radius: 0;
background: #e6e6e6;
height: 30px;
margin-bottom: 15px;
}
#about .progess-bars li .progress-bar {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 30px;
background: #e3722e;
text-transform: uppercase;
}
.our-team {
margin-top: 80px;
}
.our-team .team-member {
overflow: hidden;
}
.our-team .team-member .member-img {
width: 100%;
position: relative;
}
.our-team .team-member .member-img img {
width: 50%;
height: auto;
}
.our-team .team-member .member-img .overlay {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.our-team .team-member .member-img .overlay .social {
position: absolute;
top: 0;
left: 0;
}
.our-team .team-member .member-img .overlay .social li {
display: inline-block;
float: left;
margin-right: 1px;
}
.our-team .team-member .member-img .overlay .social li a {
display: block;
color: white;
background-color: rgba(255, 255, 255, 0.2);
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.our-team .team-member .member-img .overlay .social li a:hover {
background-color: rgba(255, 255, 255, 0.4);
}
.our-team .team-member .member-img:hover .overlay {
/* opacity: 1;
visibility: visible;*/
}
.our-team .team-member .inner-content {
background: whitesmoke;
border: 1px solid #d6d6d6;
border-top: 0;
padding: 10px;
//height: 715px;
height: 350px;
}
.our-team .team-member .inner-content h5 {
font-size: 18px;
font-weight: 600;
color: #e3722e;
margin-bottom: 10px;
}
.our-team .team-member .inner-content span {
color: #636060;
margin-bottom: 15px;
display: block;
font-size:14px;
}
/*************************
*******Team******
**************************/
/*************************
*******Contact******
**************************/
#contact-area {
padding:120px 0;
}
#contact .contact-form {
background: rgba(255, 255, 255, 0.8);
padding: 20px;
margin-top: 50px;
}
#contact .contact-form h3 {
margin-top: 0;
}
#contact-area label {
font-weight: 300;
}
#contact-area .form-group input ,#contact-area .form-group textarea {
border-radius: 0;
font-size: 13px;
font-weight: normal;
color: #888;
}
#contact-area .form-group textarea {
height: 195px;
}
#contact-area .form-control:focus, #focusedInput {
border: 1px solid #000;
box-shadow: none;
}
#contact-area .btn-send-msg {
margin-top: 30px;
}
/***********************
********* Footer ******
************************/
#footer {
padding-top: 30px;
padding-bottom: 30px;
color: #fff;
background: #2e2e2e;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #72C05B;
font-size: 14px;
}
#footer ul {
list-style: none;
padding: 0;
margin: 0 -7.5px;
}
#footer ul > li {
display: inline-block;
margin: 0 7.5px;
}
@media only screen and (min-width: 768px) {
font-size: 20px;
}
}
@media (max-width: 480px){
.navStyle {
float: right;
width: 100%;
text-align:center;
}
@media screen and (min-width: 700px) {
.team_area {
width: 99%;
}
}
@media only screen and (max-device-width: 768px) {
#main-slider .item { {
height: 50%;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
}
@media screen and (min-width: 320px) {
.inner-content {
background: whitesmoke;
border: 1px solid #d6d6d6;
border-top: 0;
padding: 10px;
height: 705px;
}
}
@media screen and (min-width: 320px) {
#main-slider .item {
width:100%;
height: 255px;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
.member-details {
padding-left: 0;
clear: left;
display: block;
padding-top: 18px;
}
p4{
display:none;
}
p{
font-family: 'Open Sans', Fallback, sans-serif;
font-size:10px;
}
h2{
font-size:15px;
}
}
@media screen and (min-width: 414px) {
}
.form-control {
box-shadow: none;
-webkit-box-shadow: none;
}
.image_full{
display:block;
}
.image_mobile{
display:none;
}
p4{
text-align: left;
font-size:16px;
font-family: 'Open Sans', Fallback, sans-serif;
color: #112d45;
text-align:center;
width:100%;
}
@media screen and (min-width: 1024px) {
#main-slider .item {
width:100%;
height: 555px;
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
}
}