/*
Template Name: fontanero
Description: HTML5 / CSS3 Multi Page
Version: 1.0
Develop by: uiCookies.com
*/
/*------------------------------------------------------------------
[Layout]
* body
+ wrapper / #wrapper
+ offcanvas-pusher /
+ content-wrapper /
+ container /
- header
-header-wrapper
-header-top
-main-nav-bar
+ container-fluid
-banner-section
-carousel / slide
-carousel-indicators
-carousel-inner
+ container /
-welcome-section
+ container /
-service-section
-tablist
-tab-content
+ container /
-service-activity
-activity-head
-activity-list-items
-activity-list
+ quote-section /
- container
- quote
+ container /
-our-clients-carousel
-our-client-thumb
-item
+ container /
-footer-top
-footer
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Color codes]
# Background : #ffffff
# Content : #888888
# Header h1 : #888888
# Header h2 : #888888
# Footer : #888888
# a (standard) : #ffffff
# a (visited) : #fdc312
# a (active) : #fdc312
-------------------------------------------------------------------*/
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color : #5555555;
}
html {
font-size : 14px;
line-height : 1.5em;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background : #B3D4FC;
text-shadow : none;
}
::selection {
background : #B3D4FC;
text-shadow : none;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align : middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border : 0;
margin : 0;
padding : 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize : vertical;
width:100%;
border: 1px solid #e8e8e8;
padding: 1em 1.5em;
}
p, ul, ol, pre, table, blockquote {
margin-top: 1rem;
}
ul ul, ol ol, ul ol, ol ul {
margin-top: 0;
margin-bottom: 0;
}
hr {
border: 1px solid;
margin: -1px 0;
}
a,
a:active,
a:focus,
a:active {
text-decoration : none !important;
outline : none
}
a {
color : #fdc312;
text-decoration : none;
transition : all 0.2s ease 0s;
}
a:hover,
a:focus {
color : #fdc312;
text-decoration : underline;
}
ul {
margin : 0;
padding : 0;
list-style : none
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: 'Raleway', sans-serif;
color : #888888;
margin : 0;
}
h1 {
font-weight: 600;
font-style: inherit;
font-size: 2.571rem;
line-height: 1.111em;
}
h2 {
font-weight: 600;
font-style: inherit;
font-size: 2.143rem;
line-height: 0.700em;
}
h3 {
font-weight: 600;
font-style: inherit;
font-size: 1.714rem;
line-height: 1.875rem;
margin: 0rem;
}
h4 {
font-weight: 600;
font-style: inherit;
font-size: 1.286rem;
line-height: 1.875rem;
margin: 0rem;
}
.homemarque{
margin-bottom:40px;
background-color:#FDC312;
}
.job-item{
float:left;
margin:10px;
width:31.6%;
height:480px;
border:1px solid #C2C2C2;
}
.job-title{
width:90%;
height:50px;
background-color:#FDC312;
margin-left:auto;
margin-right:auto;
margin-top:40px;
text-align:center;
border-bottom:2px solid #D6A81A;
}
.job-title h3{
line-height:50px;
color:white;
}
.job-desc{
margin-top:40px;
width:75%;
height:260px;
margin-left:auto;
margin-right:auto;
}
.job-desc p{
text-align:justify;
}
.applybtn{
width:100%;
height:40px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
.applybtn Button{
width:50%;
height:40px;
color:white;
font-weight:800;
font-size:16px;
background-color:blue;
border:none;
border-bottom:3px solid #010E78;
}
.applybtn Button:hover{
background-color:#010E78;
transition:all 0.4s ease-out;
}
.teamhead{
text-align:center;
margin-top:50px;
margin-bottom:50px;
padding-top:20px;
padding-bottom:20px;
border-top:1px solid rgba(0, 0, 0, .05);
border-bottom:1px solid rgba(0, 0, 0, .05);
}
.teamhead h1{
color:#FDC312;
}
.carousel-control.left,.carousel-control.right{
background-image:none;
}
.ourteambtborder{
width:40%;
height:2px;
margin-top:15px;
margin-bottom:10px;
background-color:#004595;
margin-left:auto;
margin-right:auto;
}
/*teamsection*******************/
.teamitem {
margin:7.5em auto 2em auto;
position:relative;
}
.teamitem-inner {
padding:15px;
border: 1px solid #ccc;
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
background:#eee;
}
.teamitem:hover .teamitem-inner {
background:#eee;
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
border:1px solid #FFF;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.img-team-outer {
display:block;
height:15em;
}
.img-team {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
height:95%;
width:auto;
margin:0 auto;
position:relative;
padding:5px;
border:1px solid #ccc;
margin-top:-7.5em;
background:#FFF;
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
}
.teamitem:hover .img-team {
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
height:100%;
width:auto;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
border: 1px solid #ccc;
}
.team-name {
/*background:rgba(0,69,149,0.9);*/
color:#004595;
padding:10px 0 0 0;
text-align:center;
font-family: 'Cormorant', serif;
font-size:1.5em;
font-weight:600;
}
/*
.team-name:after {
display:block;
content:"";
width:30%;
height:1px;
background-color:#004595;
margin:10px auto;
}
*/
.teamname-title {
font-family: 'Cormorant', serif;
text-align:center;
margin:-1.2em 0 0 0;
/*padding:0 0 0 10px;*/
font-size:1em;
font-weight:800;
}
.teamname-title:after {
display:block;
content:"";
width:30%;
height:1px;
background-color:#004595;
margin:10px auto;
}
.team-magazinelogo {
width:50%;
height:auto;
margin:-5em 0 0 2em;
display:block;
position:relative;
background:#FFF;
padding:10px;
-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow: 0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;
}
.team-wichmagazine {
margin:1em 0 0 10px;
font-family: 'Cormorant', serif;
font-weight:800;
color:#004595;
text-align:center;
}
.teamitem hr {
margin:1em -15px;
border-color: #FDC312;
}
.team-contactdata {
text-align:left;
line-height:1.4em;
margin:1em 0 0 10px;
font-size:0.9em
}
/*terms and conditions page */
.termsmain{
width:60%;
height:auto;
margin-left:auto;
margin-right:auto;
border:1px solid #ccc;
margin-top:80px;
}
.termsmain h2{
margin-top:50px;
}
.teamdesc{
margin-top:80px;
padding-left:50px;
}
hr.hrtnc{
width:60%;
margin-left:auto;
margin-right:auto;
margin-top:50px;
color:#ccc;
}
.acceptterm{
margin-top:60px;
text-align:center;
color:black;
margin-bottom:50px;
}
.acceptterm input[type="checkbox"]{
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FF */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
}
.acceptterm button{
width:130px;
height:40px;
background-color:#3C4461;
border:none;
color:white;
font-size:16px;
font-weight:800;
}
/* Registration Page */
.registermain{
width:95%;
height:auto;
margin-left:auto;
margin-right:auto;
border:1px solid #ccc;
margin-top:80px;
background-color:#F7F7F7;
}
.registermain h2{
color:white;
font-weight:600;
}
.registermain h4{
color:#6C6C6C;
}
.regform{
width:88%;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}
.regformimg{
width:90%;
margin-left:auto;
margin-right:auto;
height:240px;
border:1px solid #A9A9A9;
background-color:white;
}
.fromrightside{
float:right;
width:25%;
}
.fromleftside{
float:left;
width:75%;
}
.imgupbtn{
width:90%;
height:40px;
border:1px solid #A9A9A9;
text-align:center;
margin-top:10px;
padding-top:6px;
cursor:pointer;
background-color:black;
color:white;
}
.formdivpi{
margin-top:80px;
width:98%;
margin-left:auto;
margin-right:auto;
}
.regform input[type="text"],input[type="email"],input[type="number"]{
width:100%;
}
.regform input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.regform input{
border-radius:5px;
border:1px solid #ccc;
height:35px;
padding-left:10px;
}
.regformhead{
background-color:#00ACC0;
border-bottom:2px solid #02717E;
}
.formpi{
background-color:#ccc;
height:40px;
display: table-cell;
vertical-align: middle;
border-radius:5px;
}
.formpi h4{
color:black;
line-height:40px;
}
.regform .submbtn{
width:130px;
height:40px;
background-color:#3C4461;
border:none;
color:white;
font-size:17px;
font-weight:800;
margin-bottom:40px;
border-radius:5px;
}
/*Form Submission page */
.formsubmain{
width:60%;
height:auto;
margin-left:auto;
margin-right:auto;
border:1px solid #ccc;
margin-top:80px;
background-color:white;
}
.formsubdesc{
margin-top:50px;
}
/*out team page*/
.transition {
transition: .3s cubic-bezier(.3, 0, 0, 1.3)
}
.one {
list-style: none;
padding: 0;
margin: 100px 0;
text-align: center;
}
.one > li {
background: #FFFFFF;
border: 1px solid rgba(150,150,150,0.29);
-moz-box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39);
box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39);
width: 29%;
height: 430px;
display: inline-block;
margin:20px;
text-align: center;
}
.one > li img {
margin-top: 40px;
width:150px;
height:150px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.one > li:hover img {
margin-top: 30px;
}
.one > li:hover {
-moz-box-shadow: 0px 0px 5px 0px rgba(103,85,85,0.25);
box-shadow: 0px 0px 5px 0px rgba(103,85,85,0.25);
}
.one > li:hover span {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
bottom: -405px;
}
.one > li:hover h2 {
color: rgba(255,255,255,1);
margin-top: 25px;
}
.one > li .wrapper {
overflow: hidden;
position: absolute;
width: 29%;
height: 430px;
}
.one > li span {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
height: 500px;
width: 200%;
background: #3C4461;
display: block;
position: absolute;
bottom: -300px;
left:-50%;
}
.one > li span img {
margin-top: 10px;
width: 50px;
}
.one > li span:hover {
background: #3C4461;
}
.one > li h2 {
margin-top: 40px;
color: rgba(255,255,255,1);
font-size: 20px;
width:50%;
margin-left:auto;
margin-right:auto;
line-height:25px;
}
.one > li h2 em {
display: block;
font-style: normal;
text-transform: uppercase;
font-weight: 300;
font-size: 12px;
margin-top: 15px;
}
.one .social {
list-style: none;
text-align: center;
margin: 10px 0 0 0;
padding: 10px;
}
.one .social li {
opacity: 0;
display: inline-block;
padding: 5px;
}
.one > li:hover .social li {
opacity: 0.5;
}
.one .social li a {
cursor: pointer;
display: block;
}
.one .social li a:hover {
opacity: 0.5;
}
.one .social li img {
width: 24px;
}
.one> li span i {
color: #fff;
text-transform: uppercase;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border: 2px solid #fff;
padding: 10px 30px;
font-style: normal;
margin-top: 20px;
display: inline-block;
}
/* Gallery */
#image-gallery .modal-footer{
display: block;
}
.photos .galimg{
width:20%;
height:200px;
}
/* Support Page */
.supportlistmain{
width:100%;
margin-top:80px;
padding:10px;
margin-left:auto;
margin-right:auto;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 8px 0 rgba(0, 0, 0, 0.19);
}
.supportlistimg{
width:130px;
height:130px;
border-radius:15px;
}
.supdistnm{
padding:10px;
color:#004595;
border-bottom:2px solid #004595;
}
@media(max-width:768px){
.job-item{
width:95%;
}
.teamitem{
width:95%;
margin-left:auto;
margin-right:auto;
}
.formsubmain{
width:95%;
margin-left:auto;
margin-right:auto;
}
.img-team-outer{
height:12em;
}
.termsmain{
width:95%;
}
.page-title h2 {
font-size:16px;
}
.teamdesc{
padding-left:0px;
width:95%;
margin-left:auto;
margin-right:auto;
}
.acceptterm{
text-align:left;
width:95%;
margin-left:auto;
margin-right:auto;
}
.regformhead{
}
.regformhead h2{
font-size:12px;
line-height:15px;
padding-top:25px;
}
.regformhead h4{
font-size:12px;
}
.fromrightside{
float:none;
width:90%;
margin-left:auto;
margin-right:auto;
}
.regformimg{
width:80%;
margin-left:auto;
margin-right:auto;
}
.formleftside{
margin-top:20px;
}
.formdivpi{
margin-top:20px;
}
.mblfat{
margin-top:30px;
}
.homemarque h3{
font-size:16px;
}
.homemarque .marh3{
}
.homemarque .marh31{
margin-top:-10px;
}
.job-item {
margin-top:-25px;
}
.one > li {
width: 90%;
margin-left:auto;
margin-right:auto;
}
.one > li .wrapper {
width: 83%;
}
.one > li h2 {
font-size: 18px;
}
.photos .galimg{
width:85%;
height:400px;
}
}
@media(min-width:768px){
.page-title h2 {
font-size: 1.786rem;
}
.regformhead h2{
padding-top:50px;
}
.regformhead h4{
margin-top:20px;
}
}
.btn{
background: #FDC312;
color: #ffffff;
text-transform: uppercase;
padding: 4px 18px;
margin-top: 20px;
border-radius: 0;
display: inline-block;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.btn:hover, .btn-default:hover{
background: #3c4461;
color:#ffffff;
border-color:#3c4461 !important;
}
.btn-default.focus, .btn-default:focus {
color: #ffffff;
background-color: #3c4461;
border-color: #3c4461 !important;
}
body {
font-family: 'Open Sans', sans-serif;
color :#919191;
font-weight : 400;
font-style : normal;
font-size : 1rem;
line-height : 1.857em;
-webkit-text-size-adjust : 100%;
-webkit-overflow-scrolling : touch;
-webkit-font-smoothing : antialiased !important;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.wrapper{
background:#fff;
}
.header-top{
background: #ffffff;
padding: 30px 0 22px 0;
overflow: hidden;
}
.logo {
}
.header-connection{
text-align: right;
line-height: 1.5em;
}
.header-top strong{
color:#55595d;
}
.social li{
display:inline-block;
padding:0 6px;
}
.social li:last-child{
padding-right: 0;
}
.social a {
color: #a4a4a4;
font-size: .8rem;
}
.social a:hover{
color:#fdc312;
}
.header-top p{
margin:0;
}
/*----------------------------
Navigation bar Style
-----------------------------*/
.main-nav-bar{
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color:transparent;
}
.navbar-collapse,
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar{
margin:0;
min-height: 0;
}
.main-nav{
padding-left: 0px;
border-top: 1px solid rgba(0, 0, 0, .05);
border-radius: 0;
}
.main-nav li{
display:inline-block;
margin: 12px 30px 14px 0;
}
.main-nav .active{
border-top:1px solid #fdc312;
}
.main-nav li a{
font-family: 'Open Sans', sans-serif;
font-size:1rem;
display: inline;
margin-bottom: 0;
padding:15px 0;
font-weight:600;
color: #888888;
}
.main-nav li > a:hover, .main-nav li > a:focus{
color:#6c6c6c;
background: transparent;
border-top:1px solid #fdc312;
}
/*---------------------------
Breadcrumb
-------------------------*/
.breadcrumb-area{
overflow: hidden;
background: #ffffff;
}
.breadcrumb{
background: #ffffff;
padding: 15px 0 0 15px;
margin-bottom: 1.1em;
}
.breadcrumb a{
color: #999999;
font-weight: 400;
}
.breadcrumb .active{
color:#000000;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #999999;
content: "\f101";
font-family: FontAwesome;
}
/*---------------------------
Dropdown menu style
-------------------------*/
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent;
border-color: none;
}
.main-nav .dropdown-menu{
min-width:250px;
background: #fdc312;
border-radius: 0;
left: -20px !important;
display:block;
visibility: hidden;
opacity: 0;
border: 0;
padding: 15px 0;
margin-top: 15px !important;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all 0.3s ease 0s;
}
.main-nav .dropdown-menu li{
display: block;
}
.main-nav .dropdown-menu li:first-child{
padding-top:0;
}
.main-nav .dropdown-menu li a{
color: #ffffff;
display: inline-block;
padding: 0px 30px;
}
.main-nav .dropdown-menu li a:hover{
color:#6c6c6c;
background: transparent;
border-top: 0;
}
.main-nav .dropdown:hover .dropdown-menu{
display:block;
opacity: 1;
visibility: visible;
left:0px !important;
}
.header-right{
text-align: right;
margin-right: -2px;
}
#header-right input{
width:28px;
line-height: 3.3em;
box-sizing: border-box;
border: 0px;
border-radius: 0px;
font-size: 1em;
margin-top:1px;
background-color: transparent;
padding:0;
-webkit-transition: width 0.2s linear;
-moz-transition: width 0.2s linear;
transition: width 0.2s linear;
}
input.empty {
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
}
#header-right input[type=search]:focus{
width:250px;
outline: none;
background:#eee;
padding: 0 10px;
}
:focus::-webkit-input-placeholder {
color: #ffffff !important;
}
:focus::-webkit-input-placeholder {
color: ffffff !important;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width : 767px) {
.logo{
margin-bottom: 15px;
margin-right: 35px;
margin-left: -10px;
}
.mainlogo{
width:100%;
}
.swachhbharat{
margin-left: 20px;
margin-top: 15px;
width:40%;
}
.makeinindia{
margin-left: -10px;
margin-top: 15px;
width:40%;
float:right;
}
.header-wrapper {
padding: 0;
}
.header-connection {
text-align: left;
}
.navbar-default .navbar-toggle {
padding: 0 .5em;
top: -6px;
}
.main-nav-bar{
position:absolute;
top:2.857em;
right:0;
}
}
/*---------------------------
offcanvas-menu
--------------------------*/
.offcanvas-menu {}
.offcanvas i{
font-size:1.75rem;
color:rgba(0,0,0, .8);
}
.offcanvas button{
margin: -1.2em -0.8em;
}
.navbar-header .navbar-toggle:focus, .navbar-header.navbar-toggle:hover {
background-color: transparent;
}
.offcanvas-menu h1 {
font-size: 1.4rem;
padding: 1em 1.7em;
color: #999;
text-transform: capitalize;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 1.7em;
}
#menu>li {
line-height: 2.5em;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#menu>li:last-child {
border-bottom: 0;
}
#menu>li ul li{
margin-left: 2em;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#menu li a {
display: block;
text-decoration: none;
color: #999999;
padding: 0 1em;
}
#menu li a:hover,
#menu li.active a {
color: #fff;
background: rgba(255,255,255,0.2);
}
.offcanvas-menu .close {
color: #fff;
text-shadow: none;
filter: alpha(opacity=100);
opacity: 1;
width: 38px;
height: 38px;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.offcanvas-menu .close:hover {
background: rgba(0,0,0, .3);
color:#fdc312;
}
/*-----------------------
* Image Alighnment
*-----------------------*/
.alighn-left{
float: left;
margin:15px 15px 0 0;
}
.alighn-right{
float: left;
margin:15px 0 15px 15px;
}
/*----------------------------------------------
Banner-section
------------------------------------------*/
.container-fluid{
padding:0;
}
.carousel-caption{
right: 15%;
left: 49%;
bottom: 50px;
padding-bottom: 30px;
text-align: left;
text-shadow: none;
}
.carousel-caption h1{
color:#ffffff;
line-height: 1.2;
text-transform: uppercase;
}
.carousel-caption p{
color:#ffffff;
}
.carousel-indicators li {
width: 4px;
height: 4px;
background: #ffffff;
}
.carousel-indicators .active {
width: 6px;
height: 6px;
background: #FDC312;
border:1px solid #FDC312;
}
@media(min-width: 768px) and (max-width: 1199px){
.carousel-caption{
bottom:1em;
}
.carousel-caption h1 {
font-size:1.5rem;
}
.carousel-caption p {
margin:0;
}
.carousel-caption a {
margin-top:7px;
padding:0 8px;
}
.carousel-indicators {
bottom: 0px;
}
}
/*--------------------------------------------
Terms section style
--------------------------------------------*/
.term-section{
padding:5em 0;
overflow: hidden;
}
.term-thumb{
float:right;
width:37%;
padding-left: 50px;
}
.term-content{
float:left;
width:63%;
text-align:justify;
margin-top:10px;
}
.term-content p{
margin-top:20px;
}
@media(max-width: 767px){
.term-thumb{
width:100%;
padding:0 0 1em;
}
.term-thumb img{
width:100%;
padding:0 0 1em;
}
.term-content{
width:100%;
}
}
/*--------------------------------------------
Welcome section style
--------------------------------------------*/
.welcome-section{
padding:5em 0;
overflow: hidden;
}
.welcome-thumb{
float:left;
width:37%;
padding-right: 50px;
}
.welcome-content{
float:left;
width:63%;
text-align:justify;
margin-top:10px;
}
.welcome-content p{
margin-top:20px;
}
@media(max-width: 767px){
.welcome-thumb{
width:100%;
padding:0 0 1em;
}
.welcome-thumb img{
width:100%;
padding:0 0 1em;
}
.welcome-content{
width:100%;
}
}
/*--------------------------------------------
Service section style
--------------------------------------------*/
.service-section{
overflow: hidden;
padding-bottom: 5em;
}
.tablist{
padding: 1.5em 0;
border: 1px solid rgba(0, 0, 0, .05);
border-left:0;
border-right:0;
margin-bottom: 5em;
}
.service-section li:first-child{
padding: 0 2em;
border-left: 2px solid rgba(0,0,0,.3);
}
.service-section li{
border-radius: 0;
padding: 0 2em;
display: inline-block;
border-left: 2px solid rgba(0,0,0,.3);
}
.service-section li:last-child{
border-right: 2px solid rgba(0,0,0,.3);
}
.service-section li a{
border-radius: 0;
border: 0;
margin: 0;
color: #888888;
font-weight: bold;
font-size: 1.571rem;
text-transform: uppercase;
padding-bottom: 1em;
}
.service-section .active a,
.service-section .active a:focus,
.service-section .active a:hover
{
color: #fdc312;
background: #ffffff;
border-bottom: 2px solid #fdc312;
}
.service-section li a:hover{
color: #fdc312;
background: #ffffff;
border-bottom: 2px solid #fdc312;
}
.service-item{
position: relative;
margin-bottom:2.1em;
}
.service-item::before{
content: " ";
position: absolute;
width:100%;
height: 100%;
left:0;
top:0;
background: #fdc312;
opacity: 0;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.service-item:hover::before{
opacity: .9;
}
.service-description{
position: absolute;
left:0;
bottom: 0;
padding: 0 2.8em 2.8em;;
}
.service-description h3{
color: #ffffff;
border-left: 5px solid #fdc312;
line-height: 1.4rem;
padding-left:.4em;
text-transform: uppercase;
}
.service-description p{
color:#ffffff;
opacity: 0;
visibility: hidden;
margin-bottom: -7em;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.service-item:hover p{
opacity: 1;
visibility: visible;
margin-bottom: 0;
}
.service-item:hover .service-description h3{
border-left: 5px solid #ffffff;
}
@media(max-width: 767px){
.service-section li:first-child {
margin-right: 0;
}
.service-section li a {
font-size: 1rem;
}
}
@media(min-width: 480px) and (max-width: 991px){
.service-section li:first-child {
margin-right: 2rem;
}
}
/*------------------------------------------------------
Service activity style
---------------------------------------------------*/
.service-activity{
padding: 5em 0;
}
.activity-head{
padding: 0 20em;
text-align: center;
}
.activity-head h2{
line-height: 1.5em;
font-weight:400;
color:#888888;
}
.activity-head h2 span{
color:#fdc312;
text-transform: uppercase;
}
.activity-list-items{
padding:5em 0;
overflow: hidden;
}
.activity-list{
overflow: hidden;
}
.activity-icon{
float: left;
width: 17%;
padding-right: 1.5em;
text-align: center;
}
.activity-icon i{
background: #fdc312;
padding: 0.52em;
font-size: 1.5rem;
color:#ffffff;
}
.activity-details{
float:right;
width:83%;
}
.activity-details h4{
color: #333333;
font-size: 1rem;
}
@media(max-width: 767px){
.service-activity {
padding: 0;
}
.activity-head {
padding: 0;
}
.activity-head h2{
font-size: 1.5em;
}
.activity-list{
margin-bottom: 2em;
}
}
@media(min-width: 768px) and (max-width: 1199px){
.activity-head {
padding: 0 6em;
}
.activity-icon {
width: 20%;
}
.activity-details {
width: 80%;
}
}
/*------------------------------------------------
Section-quote style
---------------------------------------------*/
.quote-section{
background: url(../img/quote-bg.jpg)no-repeat scroll center 0;
height:400px;
}
.quote{
padding: 7em 20em;
text-align: center;
}
.quote h2{
color:#ffffff;
line-height: 2em;
}
.quote p{
color:#ffffff;
}
.quote a{
font-size: 1.2rem;
line-height: 2.5em;
padding: 4px 2.5em;
}
@media(max-width: 767px){
.quote{
padding: 5em 0em;
}
}
@media(min-width: 768px) and (max-width: 1199px){
.quote{
padding: 5em 10em;
}
}
/*------------------------------------------------
our-clients-section
-------------------------------------------------*/
.our-clients-carousel{
padding: 5em 0;
text-align: center;
}
.our-clients-carousel h2{
font-weight:400;
color:#888888;
padding-bottom: 2.3em;
line-height: 1.5em;
}
/*------------------------------------------------
footer-top style
-----------------------------------------------*/
.footer-top{
overflow: hidden;
padding: 5em 0;
border:1px solid rgba(0,0,0, .05);
border-left: 0;
border-right: 0;
}
.footer-top p,
address{
font-size: .9rem;
}
.footer-logo img{
padding-top: .5em;
margin-bottom: 1em;
}
.footer-top h4{
color: #888;
margin-bottom: 1.5em;
}
.news .date{
color:#dddddd;
}
.news li{
margin-bottom: 1em;
}
.news p{
margin:0;
line-height: 1.5em;
}
.responsability ul li{
margin:0 0 .3em 0;
position:relative;
}
.responsability ul li::before{
content: "\f105" ;
font-family: fontAwesome;
position: absolute;
left:0;
color:#fdc312;
}
.responsability li a{
font-size: .9rem;
color:#888;
padding-left: 1em;
}
.responsability li a:hover{
color:#fdc312;
}
.contact-us span{
display:block;
font-weight:700;
line-height: 2em;
}
.contact-us a{
color:#888888;
}
.contact-us a:hover{
color:#fdc312;
}
/*------------------------------------------------
footer style
-----------------------------------------------*/
.footer{
padding-bottom: 5em;
overflow: hidden;
}
.footer-social{
text-align: right;
line-height: 3.5em;
}
@media(max-width: 767px){
.footer-social {
text-align: left;
}
.contact-us{
margin-top:2em;
}
}
@media(min-width: 600px) and (max-width: 767px){
.footer-logo,
.news,
.responsability,
.contact-us{
width: 50%;
float:left;
min-height: 212px;
}
.contact-us{
margin-top:0em;
}
}
/*--------------------------------------------------
breadcrumb-area
-----------------------------------------------*/
.breadcrumb-area{
background: #3c4461;
}
.page-title h2{
color: #ffffff;
font-weight:700;
text-transform: uppercase;
padding: 1em 0 .3em 0;
}
.breadcrumb{
background: transparent;
padding: 0;
}
.breadcrumb a,
.breadcrumb>.active{
color: #ffffff;
}
/*---------------------------------------------
history-details
---------------------------------------*/
.history{
padding:5em 0;
}
.history h3{
margin-bottom: 1em;
text-transform: uppercase;
}
.history-details img{
width:48%;
float:left;
margin:.5em 2.5em 0 0;
}
.history-details p{
margin:0 0 2em ;
}
/*----------------------------------------------
company-focus style
--------------------------------------------*/
.company-focus{
overflow: hidden;
padding: 5em 0;
border:1px solid rgba(0,0,0, .05);
border-left: 0;
border-right: 0;
}
.company-focus h3{
margin-bottom: 1em;
text-transform: uppercase;
}
@media(max-width: 991px){
.company-mision{
margin-bottom: 5em;
}
}
/*--------------------------------------------------
Service style
-------------------------------------------------*/
.residential-plumb{
overflow: hidden;
padding: 5em 0;
}
.residential-plumb h2,
.commercial-plumb h2{
margin-bottom: 1.5em;
padding-left: .5em;
text-transform: uppercase;
}
.residential-plumb .service-description p,
.commercial-plumb .service-description p{
color:#ffffff;
opacity: 0;
visibility: hidden;
margin-bottom: -12em;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
.residential-plumb .service-item:hover p,
.commercial-plumb .service-item:hover p{
opacity: 1;
visibility: visible;
margin-bottom: 0;
}
.residential-plumb .service-description,
.commercial-plumb .service-description{
padding: 5.2em 1.5em 1.5em 1.8em;
bottom: 1.5em;
}
.service-description h2{
visibility: visible;
opacity: 1;
}
.residential-plumb .service-description a,
.commercial-plumb .service-description a{
visibility: hidden;
opacity: 0;
color:#666666;
text-transform: uppercase;
background: #ffffff;
padding: 0.5em 0.857em;
font-weight: 600;
margin-top: 1em;
display: inline-block;
}
.residential-plumb .service-item:hover .service-description a,
.commercial-plumb .service-item:hover .service-description a{
opacity: 1;
visibility: visible;
}
.residential-plumb .service-item:hover .service-description a:hover,
.commercial-plumb .service-item:hover .service-description a:hover{
background: #3c4461;
color:#ffffff;
border-color: #3c4461;
}
.residential-plumb .service-item:hover .service-description,
.commercial-plumb .service-item:hover .service-description{
border: 2px solid #ffffff;
overflow: hidden;
margin: 1.5em;
opacity: 1;
visibility: visible;
bottom: 0;
padding: 5.2em 0 1.5em 1.8em;
}
.commercial-plumb{
overflow: hidden;
padding: 5em 0;
border:1px solid rgba(0,0,0, .05);
border-left: 0;
border-right: 0;
}
@media(max-width: 480px){
.residential-plumb h2,
.commercial-plumb h2{
font-size: 1.7rem;
}
.residential-plumb .service-item:hover .service-description,
.commercial-plumb .service-item:hover .service-description {
margin: 0.5em;;
padding: 2.6em 0 0.5em 1em;
}
}
@media(min-width:600px) and (max-width: 767px){
.residential-plumb .service-item:hover .service-description,
.commercial-plumb .service-item:hover .service-description {
margin: 4.5em;
padding: 9.6em 2em 2.5em 2em;
}
}
@media(min-width:768px) and (max-width: 991px){
.residential-plumb .service-item:hover .service-description,
.commercial-plumb .service-item:hover .service-description {
padding: 4.5em 0 1.5em 0.8em;
}
}
@media(min-width:992px) and (max-width: 1199px){
.residential-plumb .service-item:hover .service-description,
.commercial-plumb .service-item:hover .service-description {
margin: 0.5em;
padding: 1.6em 0 1.5em 1.8em;
}
}
/*-----------------------------------------------------------
Single-page style
---------------------------------------------------------*/
.single-details{
padding:5em 0;
overflow: hidden;
}
@media(max-width: 991px){
.single-thumb{
width:100%;
margin-bottom:4em;
padding:0;
}
.single-content{
width:100%;
}
}
/*------------------------------------------------------
Map area
-----------------------------------------------------*/
.map-head{
padding-top: 5em;
}
.map-area{
position:relative;
padding-top:4.286em;
}
.map-canvas {
height : 300px;
}
/*------------------------------------------------------
Contact Us
------------------------------------------------------*/
.form-section{
overflow: hidden;
padding: 5em 0;
border-bottom:1px solid #e8e8e8;
}
.main-contact-form h4{
text-transform: uppercase;
}
.main-contact-form p{
margin-bottom: 4em;
}
.head-office{
margin-bottom: 1.5em;
border-bottom:1px solid #e8e8e8;
}
.office-location{
margin-left: 4em;
}
.head-office h4,
.newyork-office h4{
text-transform: uppercase;
margin-bottom: 1.5em;
}
.main-contact-form input[type=text],
.main-contact-form input[type=email],
.main-contact-form input[type=tel]{
width: 100%;
line-height: 3em;
padding: 0 1.5em;
margin-bottom: 2.2em;
border: 1px solid #e8e8e8;
}
#full-name{
width: 48%;
margin-right:1em;
}
#email{
width: 48%;
margin-left:.8em;
}
#subject{
width: 48%;
margin-right:.8em;
}
#mobile{
width: 48%;
margin-left:.8em;
}
.main-contact-form input[type=submit]{
margin-top: 2em;
line-height: 2em;
padding: 8px 30px;
text-transform: uppercase;
border: 1px solid #fdc132;
}
@media(max-width: 767px){
#full-name, #email{
width:100%;
margin:0 0 2.2em 0;
}
.contact-us .get-in-Touch h4{
margin-top:2.2em;
}
.office-location{
margin: 3em 0 0;
}
.head-office{
border-bottom:0;
}
}
@media(min-width: 768px) and (max-width: 1199px){
#full-name, #email{
width:100%;
margin:0 0 2.2em 0;
}
}