/* Global Styles */
html,
body {
height: 100%;
}
body {
padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
font-family: 'sf_ui_textregular';
}
.navbar-brand>img {
display: inline-block !important;
}
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
}
/* Home Page Carousel */
header.carousel {
height: 50%;
}
.navbar-header{ width:100%; position:relative; }
.header-logo{ position: absolute;
width: 100%;
text-align: center;
display: inline-block;}
header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.header-bg{
padding-top: 209px;
padding-bottom: 109px;
/* margin-top: -122px;*/
width: 100%;
float: left;
min-height: 550px;
background-size: cover;
text-align: center;
margin-bottom: 80px;
background-image: url(../images/banner.jpg);
}
.intro-heading{ font-size:47px; font-weight:800; color:#fff; letter-spacing:-1px; margin:0 auto; font-family: 'sf_ui_textheavy'; margin-bottom: 15px;}
.intro-content{ font-size: 18px; display: inline-block; color:#fff; line-height:27px; margin-left:0px; width: 87%; margin-top:15px; font-weight: normal;
font-family: 'sf_ui_textregular'; letter-spacing: -0.25px;}
.services-lab{ padding:80px 0px;}
#bs-example-navbar-collapse-1 .navbar-left>li {
float: left;
}
#bs-example-navbar-collapse-1 .navbar-right>li {
float: left;
}
#bs-example-navbar-collapse-1 .nav>li>a
{ padding: 10px 30px!important;
}
#bs-example-navbar-collapse-1 .nav>li>a.active
{
color: #fff;
background-color: transparent;
border-bottom:2px solid #fff;
}
/* 404 Page Styles */
.error-404 {
font-size: 100px;
}
/* Pricing Page Styles */
.price {
display: block;
font-size: 50px;
line-height: 50px;
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}
.period {
display: block;
font-style: italic;
}
/* Footer Styles */
footer {
padding: 39px 0 0;
background-color: #282828;
position: relative;
clear: both;
float: left;
width: 100%;
margin-top: 60px;
}
footer .fot-logo{ position: absolute; top: 10px; width: 100%; text-align: center;}
footer .footer-nav{ position: relative; }
footer .footer-nav .left-nav{ list-style: none; float:left; margin: 10px auto 40px; padding:0; }
footer .footer-nav .left-nav li{ float:left;}
footer .footer-nav .left-nav li a{ float:left; padding:10px 38px; color:#fff; text-transform:uppercase;
font-family: 'sf_ui_textmedium';}
footer .footer-nav .right-nav li a{ float:left; padding:10px 25px; color:#fff; text-transform:uppercase;
font-family: 'sf_ui_textmedium';}
footer .footer-nav .left-nav li a:hover, footer .footer-nav .right-nav li a:hover{ text-decoration:none; color:#72be44;}
footer .footer-nav .right-nav{ list-style: none; float:right; margin: 10px auto 40px; padding:0; }
footer .footer-nav .right-nav li{ float:left;}
.top-btn-border{ border:1px solid #000; padding-left:15px !important; padding-right:15px !important; padding-top:10px !important; margin-top:-10px;}
.top-btn-border:hover{ border:1px solid #000 !important; }
.top-btn-border:hover{ border:1px solid #00abf6;}
.navbar-left, .navbar-right { margin-top:8px;}
.footer-bottom{float: left; background-color:#191919; width:100%; padding:15px 0; margin-top:15px; font-size:16px; color:#e4e4e4; font-family: 'sf_ui_textregular';}
.phone-icon{ color:#72be44; font-size:16px; }
.phone-icon img{ margin-right:5px;}
.show-phone {
display: block ;
}
.hidden-phone {
display: none ;
}
figure.snip1174 {
color: #fff;
position: relative;
float: left;
overflow: hidden;
background-color: #1a1a1a;
color: #ffffff;
text-align: left;
margin:0 0 20px 0;
}
figure.snip1174 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
figure.snip1174 img {
max-width: 100%;
-webkit-transform: scale(1.1);
transform: scale(1.1);
vertical-align: top;
opacity: 1;
}
figure.snip1174 figcaption {
position: absolute;
padding: 120px 25px 0;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
text-align: center;
transform: translateY(49%);
height: 100%;
}
figure.snip1174:hover figcaption
{
transform: translateY(0%);
}
figure.snip1174 h2,
figure.snip1174 p {
margin: 0;
padding: 0;
}
figure.snip1174 h2 {
margin-bottom: 10px;
display: inline-block;
font-weight: 700;
font-size: 19px;
opacity: 1;
}
figure.snip1174 p {
font-weight: 300;
margin-bottom: 20px;
line-height: 1.4em;
}
figure.snip1174 a {
display: inline-block;
padding: 15px 64px;
text-decoration: none;
color: #ffffff;
letter-spacing: 0px;
text-transform: capitalize;
font-size: 16px;
opacity: 1;
border: 2px solid #fff;
margin-top: 15px;
font-family: 'sf_ui_textsemibold';
transform: translateY(49%);
}
/*figure.snip1174 a:before {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #fff;
font-size: 18px;
padding-right: 0.5em;
position: absolute;
top: 15px;
right: 15px;
}*/
figure.snip1174 a:hover {
background-color:transparent;
}
figure.snip1174.red {
background-color: #000;
}
figure.snip1174:hover img,
figure.snip1174.hover img {
opacity: 0.3;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.snip1174:hover a,
figure.snip1174.hover a {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
font-family: 'sf_ui_textsemibold';
}
/*figure.snip1174:hover h2,
figure.snip1174.hover h2 {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
width:50%; line-height:26px;
margin-top: 0%;
font-size: 18px;
font-family: 'sf_ui_textheavy';
}*/
figure.snip1174.red:hover{
opacity:1;
}
.testimonial-labs{ background:url(../images/testi.jpg) top center repeat-x; padding-top:80px; padding-bottom:65px; width:100%; color:#fff; }
.testimonial-labs .item blockquote{ border:none; text-align:center; line-height:25px; font-style:italic; font-size:18px; font-weight:400;}
.testimonial-labs .item .profile-circle {
margin: 0 auto;
border-radius: 100px;
width: 100%;
text-align: center;
}
.man-name{ color:#fff; font-size:25px; font-weight:700; margin-bottom:5px; font-style:normal; margin-top:15px; font-family: 'sf_ui_textheavy';}
.carousel-inner .item small{ color:#fff; font-size:18px; font-weight:400; font-style:normal; font-family: 'sf_ui_textregular';}
.carousel-inner .item p{ margin-bottom:15px; font-family: 'sf_ui_textitalic';}
/****************************
************ about Us**************
**************************/
.inner-height{ min-height: 300px; background-image: url(../images/services_01.jpg) ;
padding-top: 180px;
padding-bottom: 44px;
margin-top: 0px;
width: 100%;
float: left;
background-size: cover;
text-align: center;
margin-bottom: 55px;
}
.navbar-collapse { position:relative; z-index:15;
}
/* Tabs panel */
.tabbable-panel {
border:0px solid #eee;
}
/* Default mode */
.tabbable-line > .scrollbar .nav-tabs {
border: none;
margin: 0px;
background-color: #fafafa;
float: left;
}
.tabbable-line > .scrollbar .nav-tabs > li {
margin-right: 0px;
width: 100%;
border-bottom: 1px solid #ebebeb;
}
.tabbable-line > .scrollbar .nav-tabs > li:last-child
{
border: none;
}
.tabbable-line > .scrollbar .nav-tabs > li > a {
border: 0;
margin-right: 0;
color: #8c8c8c;
padding: 20px 44px 20px 18px;
font-size: 14px;
font-family: 'sf_ui_textregular';
font-weight: normal;
}
.tabbable-line > .tab-content h1{ font-size:30px; margin-bottom:20px; color:#606060; font-family: 'sf_ui_textheavy'; margin-top: 55px; width:100%;}
.tabbable-line > .tab-content h2{ font-size:30px; margin-bottom:20px; color:#606060; font-family: 'sf_ui_textheavy'; margin-top: 25px; width:100%;}
.tabbable-line > .tab-content p{ line-height:25px; margin-bottom:15px; font-size:16px; font-family: 'sf_ui_textregular'; color:#6a6a6a; width:100%;}
.tabbable-line > .tab-content ul{ margin-bottom:15px; font-family: 'sf_ui_textregular'; width:100%; }
.tabbable-line > .tab-content ul li{ line-height:25px; font-size:16px; color:#6a6a6a; width:100%;}
.tabbable-line > .scrollbar .nav-tabs > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .scrollbar .nav-tabs > li.open, .tabbable-line > .scrollbar .nav-tabs > li:hover {
}
.tabbable-line > .scrollbar .nav-tabs > li.open > a > i, .tabbable-line > .scrollbar .nav-tabs > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .scrollbar .nav-tabs > li.open .dropdown-menu, .tabbable-line > .scrollbar .nav-tabs > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .scrollbar .nav-tabs > li.active {
position: relative;
}
.tabbable-line > .scrollbar .nav-tabs > li.active > a, .tabbable-line > .scrollbar .nav-tabs > li.open > a, .tabbable-line > .scrollbar .nav-tabs > li:hover > a {
border: 0;
color: #fff;
border: none;
background-color: #3b8e64;
background-image: url('../images/arrow.png');
background-repeat: no-repeat;
background-position: 94% center;
font-weight: bold;
}
.tabbable-line > .scrollbar .nav-tabs > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 2px solid #f7f7f7;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}
/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabs > li {
border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
border-bottom: 0;
border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.inner-lab {
padding: 0px 0px 0px;
clear: both;
float: left;
width: 100%;
}
p {
margin: 0 0 30px !important;
}
.display-show{ display: none !important; }
/* Responsive Styles */
@media(max-width:991px) {
.customer-img,
.img-related {
margin-bottom: 30px;
}
}
@media(max-width:767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
}
figure.snip1174 h2{ width: 100%; }
.phone-icon {
color: #72be44 !important;
font-size: 16px;
text-align: center;
margin-top: 15px;
display: inline-block;
}
}
@media (min-width:250px) and (max-width:500px) {
.show-phone {
display: none ;
}
.hidden-phone {
display: block ;
}
.navbar-toggle{ margin-bottom: 0px;}
#bs-example-navbar-collapse-1 .navbar-nav>li {
float: left;
padding: 10px 22px;
width: 100%;
}
.navbar-brand{ left: 0; width:100% }
.navbar-brand img{ width:200px; margin: 0 auto;}
.header-bg .intro-heading{ text-align: left; font-size: 42px;}
.intro-heading{ text-align: center; font-size: 39px;}
.header-bg{ margin-top: 0px; background-position: bottom center;}
.intro-content {
font-size: 15px;
line-height: 18px;
margin-left: 0px;
width: 100%;
margin-top: 15px;
text-align: left;
}
.services-lab {
padding: 20px 0px;
}
figure.snip1174 h2{ text-align:center;}
figure.snip1174:hover h2, figure.snip1174.hover h2{ text-align:center; width:100%;}
figure.snip1174:hover a, figure.snip1174.hover a{ margin-top: 5%;}
.testimonial-labs{ padding-top: 20px;}
.testimonial-labs .item blockquote{ line-height: 19px; font-size: 14px;}
footer .fot-logo{ left:0; width:100%; text-align: center; position: relative;}
footer .footer-nav .left-nav li a, footer .footer-nav .right-nav li a{ width:100%; float:left; text-align:center;}
footer .footer-nav .right-nav{ margin: 0px auto 20px; width: 100%;}
footer .footer-nav{ width:100%;}
footer .footer-nav .left-nav{ width:100%; margin: 25px auto 0px;}
footer .footer-nav .left-nav li, footer .footer-nav .right-nav li{ width:100%; text-align: center;}
.footer-bottom{ text-align: center;}
.tabbable-line > .scrollbar .nav-tabs {
min-width: 720px;
height:100px;
}
.tabbable-line > .scrollbar .nav-tabs > li { width:120px; }
.tabbable-line > .scrollbar .nav-tabs > li > a{ padding: 10px 15px; height: 100px}
.tabbable-line > .scrollbar .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
border-bottom: 0px solid #606060;
}
.tabbable-line > .scrollbar .nav-tabs > li.active {
border-bottom: 0px solid #606060;
position: relative;
}
/*
* STYLE 2
*/
#style-2::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar
{
width: 100%;
height: 5px;
background-color: #3eb1eb;
border-radius:5px;
}
#style-2::-webkit-scrollbar-thumb
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #3eb1eb;
}
.scrollbar
{
margin-left: 0px;
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
height: 90px;
}
.force-overflow
{
min-height:90px;
}
footer .footer-nav .left-nav li a, footer .footer-nav .right-nav li a{ padding: 10px 0px; }
figure.snip1174 figcaption{ padding: 34% 25px 0; }
}
@media (min-width:501px) and (max-width:767px) {
figure.snip1174 figcaption{ padding: 41% 25px 0;}
.show-phone {
display: none ;
}
.hidden-phone {
display: block ;
}
.navbar-brand{ left: 0; width:100% }
.navbar-brand img{ width:auto; margin: 0 auto;}
.tabbable-line > .scrollbar .nav-tabs > li > a{ font-size:12px; padding: 10px 10px;}
.header-bg .intro-heading{ text-align: left; font-size: 33px;}
.intro-heading{ text-align: center; font-size: 33px;}
.intro-content {
font-size: 18px;
line-height: 27px;
margin-left: 10px;
width: 100%;
margin-top: 15px;
text-align: left;
}
.services-lab {
padding: 20px 0px;
}
.testimonial-labs{ padding-top: 20px;}
.testimonial-labs .item blockquote{ line-height: 19px; font-size: 14px;}
footer .fot-logo{ left:0; width:100%; text-align: center; position: relative;}
footer .footer-nav .left-nav li a, footer .footer-nav .right-nav li a{ width:100%; float:left; text-align:center;}
footer .footer-nav .right-nav{ margin: 0px auto 20px;}
footer .footer-nav{ width:100%;}
footer .footer-nav .left-nav{ width:100%; margin: 25px auto 0px;}
footer .footer-nav .left-nav li, footer .footer-nav .right-nav li{ width:100%; text-align: center; list-style: none;}
footer .footer-nav .left-nav li a, footer .footer-nav .right-nav li a{ padding: 10px 0px; }
.footer-bottom{ text-align: center;}
.navbar-toggle{ margin-bottom: 0;}
#bs-example-navbar-collapse-1 .navbar-nav>li {
float: left;
padding: 10px 22px;
width: 100%;
}
footer .footer-nav .right-nav{ width: 100%;}
footer-bottom p{ margin-bottom: 0px; }
.display-show{ display: block !important; }
}
@media (min-width:768px) and (max-width:899px) {
#bs-example-navbar-collapse-1 .navbar-nav>li {
float: left;
padding: 10px 15px;
}
ul.nav.navbar-nav.navbar-left {
float: left;
}
#bs-example-navbar-collapse-1 .nav>li>a {
font-size:11px;
}
.intro-heading{ font-size: 46px;}
.services-lab {
padding: 20px 0px;
}
footer .footer-nav .left-nav li a { padding: 7px 16px; font-size: 12px;}
footer .footer-nav .right-nav li a{ padding: 7px 8px; font-size: 12px;}
footer .fot-logo {
position: absolute;
left: 0;
text-align: center;
width: 100%;
}
.navbar-toggle{ margin-bottom: 0px;}
.tabbable-line > .nav-tabs > li > a{ padding: 10px 15px;}
.navbar-brand>img {
display: inline-block;
}
.navbar-brand {
left: auto;
width: 100%;
display: inline-block;
text-align: center;
}
.navbar-header {
width: 100%;
position:relative;
}
}
@media (min-width:900px) and (max-width:990px) {
footer .footer-nav .left-nav li a{ padding: 10px 20px; font-size:11px;}
footer .footer-nav .right-nav li a{ padding: 10px 8px; font-size:11px;}
/*footer .fot-logo a img{ width:100%;}*/
}
@media (min-width:991px) and (max-width:1180px) {
footer .footer-nav .left-nav li a{ padding: 10px 24px; font-size:14px;}
footer .footer-nav .right-nav li a{ padding: 10px 9px; font-size:14px;}
figure.snip1174{ width: 100%;}
figure.snip1174 figcaption{ padding: 99px 25px 0;
}
#bs-example-navbar-collapse-1 .navbar-left > li{ padding: 10px 10px !important; }
/*footer .fot-logo a img{ width:100%;}*/
}
@media (min-width:900px) and (max-width:1200px) {
.navbar-toggle{ margin-bottom: 0px;}
.navbar-brand>img {
display: block;
text-align: center;
margin: 0 auto;
width: auto;
}
.intro-heading{ font-size: 40px;}
.navbar-brand {
left: auto;
width: 100%;
}
.middle-logo img{ max-width: 100%; }
.navbar-brand>img {
display: block;
text-align: center;
margin: 0 auto;
}
#bs-example-navbar-collapse-1 .navbar-nav>li {
float: left;
padding: 10px 14px;
}
.navbar-inverse .navbar-nav>li>a {
font-size: 12px;
}
.top-btn-border {
border: 1px solid #000;
padding-left: 11px !important;
padding-right: 11px !important;
}
ul.nav.navbar-nav.navbar-left {
float: left;
width: auto;
}
#bs-example-navbar-collapse-1 .nav>li>a {
font-size:14px;
padding: 10px 5px!important;
}
.navbar-header {
width: 100%;
position: relative;
}
.navbar-left, .navbar-right {
margin-top: 0;
}
}
.middle-logo
{
padding: 0;
float: left;
width: 100%;
text-align: center;
}
footer .footer-nav .left-nav li:first-child a
{
padding-left: 0;
}
footer .footer-nav .right-nav li:last-child a
{
padding-right: 0;
}
.copy
{
color:#72be44;
margin: 0;
}
.tab-content h1
{
margin-top: 0;
font-size: 30px !important;
font-weight: bold;
margin-bottom: 15px;
}
.tab-content p
{
font-size: 16px;
line-height: 25px;
font-family: 'sf_ui_textregular';
}
@media(max-width:990px) {
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-right: 0px;
margin-left: 0px; }
.disp{ display: none; }
.navbar-nav{ margin: 0px 0px; }
#bs-example-navbar-collapse-1 .nav>li>a.active{ border-bottom: 1px solid #fff; }
.navbar {
min-height: 110px;
}
.navbar-inverse{ background-color: rgba(0,0,0,0.55); }
.navbar-toggle .icon-bar {
display: block;
width: 25px;
height: 1px;
border-radius: 1px;
margin-bottom: 4px;
float: left;
}
.navbar-toggle .icon-bar:nth-child(3) {
display: block;
width: 20px !important;
height: 1px;
border-radius: 1px;
margin-bottom: 4px;
margin-left: 5px;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff !important;
width: 25px;
}
.navbar-toggle{ width: 37px; }
.header-logo {
position: relative;
width: auto;
text-align: left;
display: block;
float: left;
}
.navbar-brand {
left: auto !important;
width: 100%;
}
#bs-example-navbar-collapse-1 .navbar-left > li {
padding: 10px 10px !important;
}
#bs-example-navbar-collapse-1 .nav>li>a {
padding: 10px 0px!important;
}
ul.nav.navbar-nav.navbar-left {
float: left;
width: 100%;
margin-top: 15px;
}
#bs-example-navbar-collapse-1 .navbar-nav>li {
float: left;
padding: 4px 0px !important;
width: 100%;
}
.navbar-collapse{ padding-right: 0px;
padding-left: 0px; }
.navbar {
min-height: 89px; padding: 14px 0;
}
.navbar-toggle{ margin-top: 20px;}
.navbar-collapse {
width: 100%;
}
.header-bg{ min-height: auto; padding-top: 160px; padding-bottom: 35px; }
}
@media(max-width:767px) {
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{ margin-left: 0px !important;
margin-right: 0px !important; }
.header-bg{ min-height:auto; padding-top: 180px; padding-bottom: 85px; }
.navbar-toggle{ margin-top: 20px;}
.navbar {
min-height: 89px; padding: 14px 0;
}
.inner-height {
min-height: auto !important; padding-top: 151px;
}
figure{ width: 100%; }
figure.snip1174 img{ width: 100%; }
.navbar-collapse {
position: relative;
z-index: 15;
width: 100%;
}
.navbar-toggle{ margin-top: 15px; }
.navbar-toggle {
width: 38px;
}
.navbar {
min-height: 89px;
}
.display-show{ display: block !important; }
}
#parentVerticalTab .new{
width: auto ;
}
.resp-vtabs .resp-tabs-container ul{
font-size: 16px;
line-height: 25px;
font-family: 'sf_ui_textregular';
color: #606060 !important;
letter-spacing: -0.25px;
}
.lor h1
{
margin-top: 0;
font-size: 30px;
font-weight: bold;
font-family: 'sf_ui_textbold';
}
.lor p, .lor ul li
{
font-size: 16px;
line-height: 25px;
font-family: 'sf_ui_textregular';
color: #606060;
letter-spacing: -0.25px;
}
.lor ul{
margin-bottom: 30px;
padding-left: 20px;
}