/*
* Scaffolding.
*/
html {
position: relative;
height: 100%;
font-size: 16px;
font-family: 'Avenir';
}
body {
position: relative;
height: 100%;
font-family: 'Avenir';
}
/*
* TYPOGRAPHY
*/
h1,
.h1 {
font-size: 1.6rem;
font-weight: 800;
color: #000;
}
h2,
.h2 {
font-size: 1.4rem;
font-weight: 600;
}
h3,
.h3 {
font-size: 1.2rem;
}
h4,
.h4 {
font-size: 1.1rem;
}
h5,
.h5 {
font-size: 1rem;
}
h6,
.h6 {
font-size: 0.9rem;
}
p,
.p {
font-size: 1.2rem;
letter-spacing: 0.4px;
color: #666;
}
/*
* Margin Classes Starts
*/
.m5 {
margin: 5px;
}
.mv5 {
margin-top: 5px;
margin-bottom: 5px;
}
.mh5 {
margin-left: 5px;
margin-right: 5px;
}
.mr5 {
margin-right: 5px;
}
.ml5 {
margin-left: 5px;
}
.mb5 {
margin-bottom: 5px;
}
.mt5 {
margin-top: 5px;
}
.m10 {
margin: 10px;
}
.mv10 {
margin-top: 10px;
margin-bottom: 10px;
}
.mh10 {
margin-left: 10px;
margin-right: 10px;
}
.mr10 {
margin-right: 10px;
}
.ml10 {
margin-left: 10px;
}
.mb10 {
margin-bottom: 10px;
}
.mt10 {
margin-top: 10px;
}
.m15 {
margin: 15px;
}
.mv15 {
margin-top: 15px;
margin-bottom: 15px;
}
.mh15 {
margin-left: 15px;
margin-right: 15px;
}
.mr15 {
margin-right: 15px;
}
.ml15 {
margin-left: 15px;
}
.mb15 {
margin-bottom: 15px;
}
.mt15 {
margin-top: 15px;
}
.m20 {
margin: 20px;
}
.mv20 {
margin-top: 20px;
margin-bottom: 20px;
}
.mh20 {
margin-left: 20px;
margin-right: 20px;
}
.mr20 {
margin-right: 20px;
}
.ml20 {
margin-left: 20px;
}
.mb20 {
margin-bottom: 20px;
}
.mt20 {
margin-top: 20px;
}
.m25 {
margin: 25px;
}
.mv25 {
margin-top: 25px;
margin-bottom: 25px;
}
.mh25 {
margin-left: 25px;
margin-right: 25px;
}
.mr25 {
margin-right: 25px;
}
.ml25 {
margin-left: 25px;
}
.mb25 {
margin-bottom: 25px;
}
.mt25 {
margin-top: 25px;
}
.m30 {
margin: 30px;
}
.mv30 {
margin-top: 30px;
margin-bottom: 30px;
}
.mh30 {
margin-left: 30px;
margin-right: 30px;
}
.mr30 {
margin-right: 30px;
}
.ml30 {
margin-left: 30px;
}
.mb30 {
margin-bottom: 30px;
}
.mt30 {
margin-top: 30px;
}
.m35 {
margin: 35px;
}
.mv35 {
margin-top: 35px;
margin-bottom: 35px;
}
.mh35 {
margin-left: 35px;
margin-right: 35px;
}
.mr35 {
margin-right: 35px;
}
.ml35 {
margin-left: 35px;
}
.mb35 {
margin-bottom: 35px;
}
.mt35 {
margin-top: 35px;
}
.m40 {
margin: 40px;
}
.mv40 {
margin-top: 40px;
margin-bottom: 40px;
}
.mh40 {
margin-left: 40px;
margin-right: 40px;
}
.mr40 {
margin-right: 40px;
}
.ml40 {
margin-left: 40px;
}
.mb40 {
margin-bottom: 40px;
}
.mt40 {
margin-top: 40px;
}
.m45 {
margin: 45px;
}
.mv45 {
margin-top: 45px;
margin-bottom: 45px;
}
.mh45 {
margin-left: 45px;
margin-right: 45px;
}
.mr45 {
margin-right: 45px;
}
.ml45 {
margin-left: 45px;
}
.mb45 {
margin-bottom: 45px;
}
.mt45 {
margin-top: 45px;
}
.m50 {
margin: 50px;
}
.mv50 {
margin-top: 50px;
margin-bottom: 50px;
}
.mh50 {
margin-left: 50px;
margin-right: 50px;
}
.mr50 {
margin-right: 50px;
}
.ml50 {
margin-left: 50px;
}
.mb50 {
margin-bottom: 50px;
}
.mt50 {
margin-top: 50px;
}
.m55 {
margin: 55px;
}
.mv55 {
margin-top: 55px;
margin-bottom: 55px;
}
.mh55 {
margin-left: 55px;
margin-right: 55px;
}
.mr55 {
margin-right: 55px;
}
.ml55 {
margin-left: 55px;
}
.mb55 {
margin-bottom: 55px;
}
.mt55 {
margin-top: 55px;
}
.m60 {
margin: 60px;
}
.mv60 {
margin-top: 60px;
margin-bottom: 60px;
}
.mh60 {
margin-left: 60px;
margin-right: 60px;
}
.mr60 {
margin-right: 60px;
}
.ml60 {
margin-left: 60px;
}
.mb60 {
margin-bottom: 60px;
}
.mt60 {
margin-top: 60px;
}
.m65 {
margin: 65px;
}
.mv65 {
margin-top: 65px;
margin-bottom: 65px;
}
.mh65 {
margin-left: 65px;
margin-right: 65px;
}
.mr65 {
margin-right: 65px;
}
.ml65 {
margin-left: 65px;
}
.mb65 {
margin-bottom: 65px;
}
.mt65 {
margin-top: 65px;
}
.m70 {
margin: 70px;
}
.mv70 {
margin-top: 70px;
margin-bottom: 70px;
}
.mh70 {
margin-left: 70px;
margin-right: 70px;
}
.mr70 {
margin-right: 70px;
}
.ml70 {
margin-left: 70px;
}
.mb70 {
margin-bottom: 70px;
}
.mt70 {
margin-top: 70px;
}
.m75 {
margin: 75px;
}
.mv75 {
margin-top: 75px;
margin-bottom: 75px;
}
.mh75 {
margin-left: 75px;
margin-right: 75px;
}
.mr75 {
margin-right: 75px;
}
.ml75 {
margin-left: 75px;
}
.mb75 {
margin-bottom: 75px;
}
.mt75 {
margin-top: 75px;
}
.m80 {
margin: 80px;
}
.mv80 {
margin-top: 80px;
margin-bottom: 80px;
}
.mh80 {
margin-left: 80px;
margin-right: 80px;
}
.mr80 {
margin-right: 80px;
}
.ml80 {
margin-left: 80px;
}
.mb80 {
margin-bottom: 80px;
}
.mt80 {
margin-top: 80px;
}
.m85 {
margin: 85px;
}
.mv85 {
margin-top: 85px;
margin-bottom: 85px;
}
.mh85 {
margin-left: 85px;
margin-right: 85px;
}
.mr85 {
margin-right: 85px;
}
.ml85 {
margin-left: 85px;
}
.mb85 {
margin-bottom: 85px;
}
.mt85 {
margin-top: 85px;
}
.m90 {
margin: 90px;
}
.mv90 {
margin-top: 90px;
margin-bottom: 90px;
}
.mh90 {
margin-left: 90px;
margin-right: 90px;
}
.mr90 {
margin-right: 90px;
}
.ml90 {
margin-left: 90px;
}
.mb90 {
margin-bottom: 90px;
}
.mt90 {
margin-top: 90px;
}
.m95 {
margin: 95px;
}
.mv95 {
margin-top: 95px;
margin-bottom: 95px;
}
.mh95 {
margin-left: 95px;
margin-right: 95px;
}
.mr95 {
margin-right: 95px;
}
.ml95 {
margin-left: 95px;
}
.mb95 {
margin-bottom: 95px;
}
.mt95 {
margin-top: 95px;
}
.m100 {
margin: 100px;
}
.mv100 {
margin-top: 100px;
margin-bottom: 100px;
}
.mh100 {
margin-left: 100px;
margin-right: 100px;
}
.mr100 {
margin-right: 100px;
}
.ml100 {
margin-left: 100px;
}
.mb100 {
margin-bottom: 100px;
}
.mt100 {
margin-top: 100px;
}
/*
* Padding Classes Starts
*/
.p5 {
padding: 5px;
}
.pv5 {
padding-top: 5px;
padding-bottom: 5px;
}
.ph5 {
padding-left: 5px;
padding-right: 5px;
}
.pr5 {
padding-right: 5px;
}
.pl5 {
padding-left: 5px;
}
.pb5 {
padding-bottom: 5px;
}
.pt5 {
padding-top: 5px;
}
.p10 {
padding: 10px;
}
.pv10 {
padding-top: 10px;
padding-bottom: 10px;
}
.ph10 {
padding-left: 10px;
padding-right: 10px;
}
.pr10 {
padding-right: 10px;
}
.pl10 {
padding-left: 10px;
}
.pb10 {
padding-bottom: 10px;
}
.pt10 {
padding-top: 10px;
}
.p15 {
padding: 15px;
}
.pv15 {
padding-top: 15px;
padding-bottom: 15px;
}
.ph15 {
padding-left: 15px;
padding-right: 15px;
}
.pr15 {
padding-right: 15px;
}
.pl15 {
padding-left: 15px;
}
.pb15 {
padding-bottom: 15px;
}
.pt15 {
padding-top: 15px;
}
.p20 {
padding: 20px;
}
.pv20 {
padding-top: 20px;
padding-bottom: 20px;
}
.ph20 {
padding-left: 20px;
padding-right: 20px;
}
.pr20 {
padding-right: 20px;
}
.pl20 {
padding-left: 20px;
}
.pb20 {
padding-bottom: 20px;
}
.pt20 {
padding-top: 20px;
}
.p25 {
padding: 25px;
}
.pv25 {
padding-top: 25px;
padding-bottom: 25px;
}
.ph25 {
padding-left: 25px;
padding-right: 25px;
}
.pr25 {
padding-right: 25px;
}
.pl25 {
padding-left: 25px;
}
.pb25 {
padding-bottom: 25px;
}
.pt25 {
padding-top: 25px;
}
.p30 {
padding: 30px;
}
.pv30 {
padding-top: 30px;
padding-bottom: 30px;
}
.ph30 {
padding-left: 30px;
padding-right: 30px;
}
.pr30 {
padding-right: 30px;
}
.pl30 {
padding-left: 30px;
}
.pb30 {
padding-bottom: 30px;
}
.pt30 {
padding-top: 30px;
}
.p35 {
padding: 35px;
}
.pv35 {
padding-top: 35px;
padding-bottom: 35px;
}
.ph35 {
padding-left: 35px;
padding-right: 35px;
}
.pr35 {
padding-right: 35px;
}
.pl35 {
padding-left: 35px;
}
.pb35 {
padding-bottom: 35px;
}
.pt35 {
padding-top: 35px;
}
.p40 {
padding: 40px;
}
.pv40 {
padding-top: 40px;
padding-bottom: 40px;
}
.ph40 {
padding-left: 40px;
padding-right: 40px;
}
.pr40 {
padding-right: 40px;
}
.pl40 {
padding-left: 40px;
}
.pb40 {
padding-bottom: 40px;
}
.pt40 {
padding-top: 40px;
}
.p45 {
padding: 45px;
}
.pv45 {
padding-top: 45px;
padding-bottom: 45px;
}
.ph45 {
padding-left: 45px;
padding-right: 45px;
}
.pr45 {
padding-right: 45px;
}
.pl45 {
padding-left: 45px;
}
.pb45 {
padding-bottom: 45px;
}
.pt45 {
padding-top: 45px;
}
.p50 {
padding: 50px;
}
.pv50 {
padding-top: 50px;
padding-bottom: 50px;
}
.ph50 {
padding-left: 50px;
padding-right: 50px;
}
.pr50 {
padding-right: 50px;
}
.pl50 {
padding-left: 50px;
}
.pb50 {
padding-bottom: 50px;
}
.pt50 {
padding-top: 50px;
}
.p55 {
padding: 55px;
}
.pv55 {
padding-top: 55px;
padding-bottom: 55px;
}
.ph55 {
padding-left: 55px;
padding-right: 55px;
}
.pr55 {
padding-right: 55px;
}
.pl55 {
padding-left: 55px;
}
.pb55 {
padding-bottom: 55px;
}
.pt55 {
padding-top: 55px;
}
.p60 {
padding: 60px;
}
.pv60 {
padding-top: 60px;
padding-bottom: 60px;
}
.ph60 {
padding-left: 60px;
padding-right: 60px;
}
.pr60 {
padding-right: 60px;
}
.pl60 {
padding-left: 60px;
}
.pb60 {
padding-bottom: 60px;
}
.pt60 {
padding-top: 60px;
}
.p65 {
padding: 65px;
}
.pv65 {
padding-top: 65px;
padding-bottom: 65px;
}
.ph65 {
padding-left: 65px;
padding-right: 65px;
}
.pr65 {
padding-right: 65px;
}
.pl65 {
padding-left: 65px;
}
.pb65 {
padding-bottom: 65px;
}
.pt65 {
padding-top: 65px;
}
.p70 {
padding: 70px;
}
.pv70 {
padding-top: 70px;
padding-bottom: 70px;
}
.ph70 {
padding-left: 70px;
padding-right: 70px;
}
.pr70 {
padding-right: 70px;
}
.pl70 {
padding-left: 70px;
}
.pb70 {
padding-bottom: 70px;
}
.pt70 {
padding-top: 70px;
}
.p75 {
padding: 75px;
}
.pv75 {
padding-top: 75px;
padding-bottom: 75px;
}
.ph75 {
padding-left: 75px;
padding-right: 75px;
}
.pr75 {
padding-right: 75px;
}
.pl75 {
padding-left: 75px;
}
.pb75 {
padding-bottom: 75px;
}
.pt75 {
padding-top: 75px;
}
.p80 {
padding: 80px;
}
.pv80 {
padding-top: 80px;
padding-bottom: 80px;
}
.ph80 {
padding-left: 80px;
padding-right: 80px;
}
.pr80 {
padding-right: 80px;
}
.pl80 {
padding-left: 80px;
}
.pb80 {
padding-bottom: 80px;
}
.pt80 {
padding-top: 80px;
}
/*
* Padding Classes Starts
*/
.lh-p100 {
line-height: 100%;
}
.lh-p110 {
line-height: 110%;
}
.lh-p120 {
line-height: 120%;
}
.lh-p130 {
line-height: 130%;
}
.lh-p140 {
line-height: 140%;
}
.lh-p150 {
line-height: 150%;
}
.lh-p160 {
line-height: 160%;
}
.lh-p170 {
line-height: 170%;
}
.lh-p180 {
line-height: 180%;
}
.clr-primary {
color: #e67e22;
}
.clr-primary-hvr:hover {
color: #e67e22;
}
.bg-primary {
background-color: #e67e22;
}
.bg-primary-hvr:hover {
background-color: #e67e22;
}
.bdr-primary {
border-color: #e67e22;
}
.bga-primary-1 {
background-color: rgba(230,126,34,0.1);
}
.bga-primary-1-hover:hover {
background-color: rgba(230,126,34,0.1);
}
.bga-primary-2 {
background-color: rgba(230,126,34,0.2);
}
.bga-primary-2-hover:hover {
background-color: rgba(230,126,34,0.2);
}
.bga-primary-3 {
background-color: rgba(230,126,34,0.3);
}
.bga-primary-3-hover:hover {
background-color: rgba(230,126,34,0.3);
}
.bga-primary-4 {
background-color: rgba(230,126,34,0.4);
}
.bga-primary-4-hover:hover {
background-color: rgba(230,126,34,0.4);
}
.bga-primary-5 {
background-color: rgba(230,126,34,0.5);
}
.bga-primary-5-hover:hover {
background-color: rgba(230,126,34,0.5);
}
.bga-primary-6 {
background-color: rgba(230,126,34,0.6);
}
.bga-primary-6-hover:hover {
background-color: rgba(230,126,34,0.6);
}
.bga-primary-7 {
background-color: rgba(230,126,34,0.7);
}
.bga-primary-7-hover:hover {
background-color: rgba(230,126,34,0.7);
}
.bga-primary-8 {
background-color: rgba(230,126,34,0.8);
}
.bga-primary-8-hover:hover {
background-color: rgba(230,126,34,0.8);
}
.bga-primary-9 {
background-color: rgba(230,126,34,0.9);
}
.bga-primary-9-hover:hover {
background-color: rgba(230,126,34,0.9);
}
.clr-secondary {
color: #1bbc9d;
}
.clr-secondary-hvr:hover {
color: #1bbc9d;
}
.bg-secondary {
background-color: #1bbc9d;
}
.bg-secondary-hvr:hover {
background-color: #1bbc9d;
}
.bdr-secondary {
border-color: #1bbc9d;
}
.bga-secondary-1 {
background-color: rgba(27,188,157,0.1);
}
.bga-secondary-1-hover:hover {
background-color: rgba(27,188,157,0.1);
}
.bga-secondary-2 {
background-color: rgba(27,188,157,0.2);
}
.bga-secondary-2-hover:hover {
background-color: rgba(27,188,157,0.2);
}
.bga-secondary-3 {
background-color: rgba(27,188,157,0.3);
}
.bga-secondary-3-hover:hover {
background-color: rgba(27,188,157,0.3);
}
.bga-secondary-4 {
background-color: rgba(27,188,157,0.4);
}
.bga-secondary-4-hover:hover {
background-color: rgba(27,188,157,0.4);
}
.bga-secondary-5 {
background-color: rgba(27,188,157,0.5);
}
.bga-secondary-5-hover:hover {
background-color: rgba(27,188,157,0.5);
}
.bga-secondary-6 {
background-color: rgba(27,188,157,0.6);
}
.bga-secondary-6-hover:hover {
background-color: rgba(27,188,157,0.6);
}
.bga-secondary-7 {
background-color: rgba(27,188,157,0.7);
}
.bga-secondary-7-hover:hover {
background-color: rgba(27,188,157,0.7);
}
.bga-secondary-8 {
background-color: rgba(27,188,157,0.8);
}
.bga-secondary-8-hover:hover {
background-color: rgba(27,188,157,0.8);
}
.bga-secondary-9 {
background-color: rgba(27,188,157,0.9);
}
.bga-secondary-9-hover:hover {
background-color: rgba(27,188,157,0.9);
}
.clr-blue {
color: #2a80b9;
}
.clr-blue-hvr:hover {
color: #2a80b9;
}
.bg-blue {
background-color: #2a80b9;
}
.bg-blue-hvr:hover {
background-color: #2a80b9;
}
.bdr-blue {
border-color: #2a80b9;
}
.bga-blue-1 {
background-color: rgba(42,128,185,0.1);
}
.bga-blue-1-hover:hover {
background-color: rgba(42,128,185,0.1);
}
.bga-blue-2 {
background-color: rgba(42,128,185,0.2);
}
.bga-blue-2-hover:hover {
background-color: rgba(42,128,185,0.2);
}
.bga-blue-3 {
background-color: rgba(42,128,185,0.3);
}
.bga-blue-3-hover:hover {
background-color: rgba(42,128,185,0.3);
}
.bga-blue-4 {
background-color: rgba(42,128,185,0.4);
}
.bga-blue-4-hover:hover {
background-color: rgba(42,128,185,0.4);
}
.bga-blue-5 {
background-color: rgba(42,128,185,0.5);
}
.bga-blue-5-hover:hover {
background-color: rgba(42,128,185,0.5);
}
.bga-blue-6 {
background-color: rgba(42,128,185,0.6);
}
.bga-blue-6-hover:hover {
background-color: rgba(42,128,185,0.6);
}
.bga-blue-7 {
background-color: rgba(42,128,185,0.7);
}
.bga-blue-7-hover:hover {
background-color: rgba(42,128,185,0.7);
}
.bga-blue-8 {
background-color: rgba(42,128,185,0.8);
}
.bga-blue-8-hover:hover {
background-color: rgba(42,128,185,0.8);
}
.bga-blue-9 {
background-color: rgba(42,128,185,0.9);
}
.bga-blue-9-hover:hover {
background-color: rgba(42,128,185,0.9);
}
.clr-green {
color: #2fcc71;
}
.clr-green-hvr:hover {
color: #2fcc71;
}
.bg-green {
background-color: #2fcc71;
}
.bg-green-hvr:hover {
background-color: #2fcc71;
}
.bdr-green {
border-color: #2fcc71;
}
.bga-green-1 {
background-color: rgba(47,204,113,0.1);
}
.bga-green-1-hover:hover {
background-color: rgba(47,204,113,0.1);
}
.bga-green-2 {
background-color: rgba(47,204,113,0.2);
}
.bga-green-2-hover:hover {
background-color: rgba(47,204,113,0.2);
}
.bga-green-3 {
background-color: rgba(47,204,113,0.3);
}
.bga-green-3-hover:hover {
background-color: rgba(47,204,113,0.3);
}
.bga-green-4 {
background-color: rgba(47,204,113,0.4);
}
.bga-green-4-hover:hover {
background-color: rgba(47,204,113,0.4);
}
.bga-green-5 {
background-color: rgba(47,204,113,0.5);
}
.bga-green-5-hover:hover {
background-color: rgba(47,204,113,0.5);
}
.bga-green-6 {
background-color: rgba(47,204,113,0.6);
}
.bga-green-6-hover:hover {
background-color: rgba(47,204,113,0.6);
}
.bga-green-7 {
background-color: rgba(47,204,113,0.7);
}
.bga-green-7-hover:hover {
background-color: rgba(47,204,113,0.7);
}
.bga-green-8 {
background-color: rgba(47,204,113,0.8);
}
.bga-green-8-hover:hover {
background-color: rgba(47,204,113,0.8);
}
.bga-green-9 {
background-color: rgba(47,204,113,0.9);
}
.bga-green-9-hover:hover {
background-color: rgba(47,204,113,0.9);
}
.clr-black {
color: #000;
}
.clr-black-hvr:hover {
color: #000;
}
.bg-black {
background-color: #000;
}
.bg-black-hvr:hover {
background-color: #000;
}
.bdr-black {
border-color: #000;
}
.bga-black-1 {
background-color: rgba(0,0,0,0.1);
}
.bga-black-1-hover:hover {
background-color: rgba(0,0,0,0.1);
}
.bga-black-2 {
background-color: rgba(0,0,0,0.2);
}
.bga-black-2-hover:hover {
background-color: rgba(0,0,0,0.2);
}
.bga-black-3 {
background-color: rgba(0,0,0,0.3);
}
.bga-black-3-hover:hover {
background-color: rgba(0,0,0,0.3);
}
.bga-black-4 {
background-color: rgba(0,0,0,0.4);
}
.bga-black-4-hover:hover {
background-color: rgba(0,0,0,0.4);
}
.bga-black-5 {
background-color: rgba(0,0,0,0.5);
}
.bga-black-5-hover:hover {
background-color: rgba(0,0,0,0.5);
}
.bga-black-6 {
background-color: rgba(0,0,0,0.6);
}
.bga-black-6-hover:hover {
background-color: rgba(0,0,0,0.6);
}
.bga-black-7 {
background-color: rgba(0,0,0,0.7);
}
.bga-black-7-hover:hover {
background-color: rgba(0,0,0,0.7);
}
.bga-black-8 {
background-color: rgba(0,0,0,0.8);
}
.bga-black-8-hover:hover {
background-color: rgba(0,0,0,0.8);
}
.bga-black-9 {
background-color: rgba(0,0,0,0.9);
}
.bga-black-9-hover:hover {
background-color: rgba(0,0,0,0.9);
}
.clr-gray {
color: #333;
}
.clr-gray-hvr:hover {
color: #333;
}
.bg-gray {
background-color: #333;
}
.bg-gray-hvr:hover {
background-color: #333;
}
.bdr-gray {
border-color: #333;
}
.bga-gray-1 {
background-color: rgba(51,51,51,0.1);
}
.bga-gray-1-hover:hover {
background-color: rgba(51,51,51,0.1);
}
.bga-gray-2 {
background-color: rgba(51,51,51,0.2);
}
.bga-gray-2-hover:hover {
background-color: rgba(51,51,51,0.2);
}
.bga-gray-3 {
background-color: rgba(51,51,51,0.3);
}
.bga-gray-3-hover:hover {
background-color: rgba(51,51,51,0.3);
}
.bga-gray-4 {
background-color: rgba(51,51,51,0.4);
}
.bga-gray-4-hover:hover {
background-color: rgba(51,51,51,0.4);
}
.bga-gray-5 {
background-color: rgba(51,51,51,0.5);
}
.bga-gray-5-hover:hover {
background-color: rgba(51,51,51,0.5);
}
.bga-gray-6 {
background-color: rgba(51,51,51,0.6);
}
.bga-gray-6-hover:hover {
background-color: rgba(51,51,51,0.6);
}
.bga-gray-7 {
background-color: rgba(51,51,51,0.7);
}
.bga-gray-7-hover:hover {
background-color: rgba(51,51,51,0.7);
}
.bga-gray-8 {
background-color: rgba(51,51,51,0.8);
}
.bga-gray-8-hover:hover {
background-color: rgba(51,51,51,0.8);
}
.bga-gray-9 {
background-color: rgba(51,51,51,0.9);
}
.bga-gray-9-hover:hover {
background-color: rgba(51,51,51,0.9);
}
.clr-white {
color: #fff;
}
.clr-white-hvr:hover {
color: #fff;
}
.bg-white {
background-color: #fff;
}
.bg-white-hvr:hover {
background-color: #fff;
}
.bdr-white {
border-color: #fff;
}
.bga-white-1 {
background-color: rgba(255,255,255,0.1);
}
.bga-white-1-hover:hover {
background-color: rgba(255,255,255,0.1);
}
.bga-white-2 {
background-color: rgba(255,255,255,0.2);
}
.bga-white-2-hover:hover {
background-color: rgba(255,255,255,0.2);
}
.bga-white-3 {
background-color: rgba(255,255,255,0.3);
}
.bga-white-3-hover:hover {
background-color: rgba(255,255,255,0.3);
}
.bga-white-4 {
background-color: rgba(255,255,255,0.4);
}
.bga-white-4-hover:hover {
background-color: rgba(255,255,255,0.4);
}
.bga-white-5 {
background-color: rgba(255,255,255,0.5);
}
.bga-white-5-hover:hover {
background-color: rgba(255,255,255,0.5);
}
.bga-white-6 {
background-color: rgba(255,255,255,0.6);
}
.bga-white-6-hover:hover {
background-color: rgba(255,255,255,0.6);
}
.bga-white-7 {
background-color: rgba(255,255,255,0.7);
}
.bga-white-7-hover:hover {
background-color: rgba(255,255,255,0.7);
}
.bga-white-8 {
background-color: rgba(255,255,255,0.8);
}
.bga-white-8-hover:hover {
background-color: rgba(255,255,255,0.8);
}
.bga-white-9 {
background-color: rgba(255,255,255,0.9);
}
.bga-white-9-hover:hover {
background-color: rgba(255,255,255,0.9);
}
/*
* Position helper classes.
*/
.pos-r {
position: relative !important;
}
.pos-a {
position: absolute !important;
}
.pos-s {
position: static !important;
}
.pos-f {
position: fixed !important;
}
/*
* Position helper classes.
*/
.rounded {
border-radius: 5px;
}
.rounded-2x {
border-radius: 10px;
}
.rounded-3x {
border-radius: 15px;
}
.rounded-4x {
border-radius: 15px;
}
.rounded-5x {
border-radius: 25px;
}
.rounded-circle {
border-radius: 75%;
}
/*
* Padding Classes Starts
*/
.bw-1 {
border-width: 1px;
}
.bw-2 {
border-width: 2px;
}
.bw-3 {
border-width: 3px;
}
.bw-4 {
border-width: 4px;
}
.bw-5 {
border-width: 5px;
}
.bw-6 {
border-width: 6px;
}
.bw-7 {
border-width: 7px;
}
.bw-8 {
border-width: 8px;
}
.bw-9 {
border-width: 9px;
}
.bw-10 {
border-width: 10px;
}
.bw-11 {
border-width: 11px;
}
.bw-12 {
border-width: 12px;
}
.bw-13 {
border-width: 13px;
}
.bw-14 {
border-width: 14px;
}
.bw-15 {
border-width: 15px;
}
.bdr-solid {
border-style: solid;
}
.bdr-dotted {
border-style: dotted;
}
.bdr-dashed {
border-style: dashed;
}
.block {
display: block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.table {
display: table;
}
.table-row {
display: table-row;
}
.table-middle-row {
display: table-cell;
vertical-align: middle;
}
.table-100 {
display: table;
height: 100%;
}
/*
* Reset Helper Classes.
*/
.bg-transparent {
background-color: transparent !important;
}
.no-bdr {
border: none !important;
}
.no-lbdr {
border-left: none !important;
}
.no-rbdr {
border-left: none !important;
}
.no-bbdr {
border-bottom: none !important;
}
.no-tbdr {
border-top: none !important;
}
.bdr-transparent {
border-color: transparent !important;
}
.lbdr-transparent {
border-left-color: transparent !important;
}
.rbdr-transparent {
border-right-color: transparent !important;
}
.tbdr-transparent {
border-top-color: transparent !important;
}
.bbdr-transparent {
border-bottom-color: transparent !important;
}
.no-padding {
padding: 0 !important;
}
.no-margin {
margin: 0 !important;
}
/*
* Opacity Helper Classes.
*/
.opacity-0 {
opacity: 0;
}
.opacity-1 {
opacity: 0.1;
}
.opacity-2 {
opacity: 0.2;
}
.opacity-3 {
opacity: 0.3;
}
.opacity-4 {
opacity: 0.4;
}
.opacity-5 {
opacity: 0.5;
}
.opacity-6 {
opacity: 0.6;
}
.opacity-7 {
opacity: 0.7;
}
.opacity-7 {
opacity: 0.8;
}
.opacity-9 {
opacity: 0.9;
}
.opacity-10 {
opacity: 1;
}
/*
* Font size helper classes.
*/
.fs12 {
font-size: 12px;
}
.fs13 {
font-size: 13px;
}
.fs14 {
font-size: 14px;
}
.fs15 {
font-size: 15px;
}
.fs16 {
font-size: 16px;
}
.fs17 {
font-size: 17px;
}
.fs18 {
font-size: 18px;
}
.fs19 {
font-size: 19px;
}
.fs20 {
font-size: 20px;
}
.fs21 {
font-size: 21px;
}
.fs22 {
font-size: 22px;
}
.fs23 {
font-size: 23px;
}
.fs24 {
font-size: 24px;
}
.fs25 {
font-size: 25px;
}
.fs26 {
font-size: 26px;
}
.fs27 {
font-size: 27px;
}
.fs28 {
font-size: 28px;
}
.fs29 {
font-size: 29px;
}
.fs30 {
font-size: 30px;
}
.fs31 {
font-size: 31px;
}
.fs32 {
font-size: 32px;
}
.fs33 {
font-size: 33px;
}
.fs34 {
font-size: 34px;
}
.fs35 {
font-size: 35px;
}
.fs36 {
font-size: 36px;
}
/*
* Font weights helper classes.
*/
.fw100 {
font-weight: 100;
}
.fw200 {
font-weight: 200;
}
.fw300 {
font-weight: 300;
}
.fw400 {
font-weight: 400;
}
.fw500 {
font-weight: 500;
}
.fw600 {
font-weight: 600;
}
.fw700 {
font-weight: 700;
}
.fw800 {
font-weight: 800;
}
.fw900 {
font-weight: 900;
}
.fw-normal {
font-weight: normal;
}
.fw-bold {
font-weight: bold;
}
.fw-bolder {
font-weight: bolder;
}
/*
* Letter Spacing helper classes.
*/
.ls1 {
letter-spacing: 1px;
}
.ls2 {
letter-spacing: 2px;
}
.ls3 {
letter-spacing: 3px;
}
/*
* Word Spacing helper classes.
*/
.ls1 {
word-spacing: 1px;
}
.ls2 {
word-spacing: 2px;
}
.ls3 {
word-spacing: 3px;
}
.ls4 {
word-spacing: 4px;
}
.ls5 {
word-spacing: 5px;
}
.ls6 {
word-spacing: 6px;
}
.ls7 {
word-spacing: 7px;
}
.w5 {
width: 5px;
}
.w10 {
width: 10px;
}
.w15 {
width: 15px;
}
.w20 {
width: 20px;
}
.w25 {
width: 25px;
}
.w30 {
width: 30px;
}
.w35 {
width: 35px;
}
.w40 {
width: 40px;
}
.w45 {
width: 45px;
}
.w50 {
width: 50px;
}
.w55 {
width: 55px;
}
.w60 {
width: 60px;
}
.w65 {
width: 65px;
}
.w70 {
width: 70px;
}
.w75 {
width: 75px;
}
.w80,
.medical-services .section-title hr {
width: 80px;
}
.wp25 {
width: 25%;
}
.wp50 {
width: 50%;
}
.wp75 {
width: 75%;
}
.wp100 {
width: 100%;
}
.h5 {
height: 5px;
}
.h10 {
height: 10px;
}
.h15 {
height: 15px;
}
.h20,
.medical-services .section-title hr {
height: 20px;
}
.h25 {
height: 25px;
}
.h30 {
height: 30px;
}
.h35 {
height: 35px;
}
.h40 {
height: 40px;
}
.h45 {
height: 45px;
}
.h50 {
height: 50px;
}
.h55 {
height: 55px;
}
.h60 {
height: 60px;
}
.h65 {
height: 65px;
}
.h70 {
height: 70px;
}
.h75 {
height: 75px;
}
.h80 {
height: 80px;
}
.hp25 {
height: 25%;
}
.hp50 {
height: 50%;
}
.hp75 {
height: 75%;
}
.hp100 {
height: 100%;
}
.backtop {
z-index: 4;
position: fixed;
right: 0;
padding: 0;
margin: 0;
transition: 0.5s all;
bottom: 20px;
right: 20px;
}
.backtotop-icon {
width: 35px;
height: 35px;
display: inline-block;
text-align: center;
background-color: #e67e22;
color: #e67e22;
transition: all 0.5s;
border-radius: 20px 20px 0px 0px;
margin-left: 10;
}
.backtotop-icon:hover {
background-color: rgba(230,126,34,0.9);
}
.backtotop-icon .fa {
line-height: 38px;
font-size: 20px;
color: #fff;
}
.backtotop-icon .fa:hover {
color: #fff;
}
.blog-detail .left-alignment {
float: left;
}
.blog-detail .left-alignment .quote-post:before {
content: "\f10d";
position: absolute;
color: #666;
font-style: italic;
font-family: fontAwesome;
font-size: 17px;
padding-left: 20px;
}
.blog-detail .left-alignment .quote-post blockquote {
border-left: 5px solid;
border-color: #666;
}
.blog-detail .left-alignment .quote-post blockquote p.quotefull {
padding-top: 10px;
font-style: italic;
color: #0d0d0d;
font-size: 18px;
}
.blog-detail .left-alignment .quote-post blockquote p.quoteleft {
padding-top: 10px;
font-style: italic;
color: #0d0d0d;
font-size: 18px;
}
.blog-detail .left-alignment .img-post {
padding-top: 0px;
margin-top: 15px;
margin-right: 25px;
float: left;
}
.blog-detail .left-alignment li p {
padding-top: 0px;
}
.blog-detail .left-alignment li a img {
width: 300px;
height: 250px;
}
.blog-detail .right-alignment {
float: left;
}
.blog-detail .right-alignment .quote-post p.quote {
color: #f00;
pull: right;
padding-top: 0px;
margin-top: 15px;
margin-left: 15px;
margin-right: 10px;
float: right;
}
.blog-detail .right-alignment .img-post {
pull: right;
padding-top: 0px;
margin-top: 15px;
margin-left: 15px;
margin-right: 10px;
float: right;
}
.blog-detail .right-alignment li p {
padding-top: 0px;
}
.blog-detail .right-alignment li a img {
width: 300px;
height: 250px;
}
.blog-detail .blog-comments .bd-cmnt {
margin-right: 40px;
}
.blog-detail .blog-comments .bd-cmnt h2 {
text-transform: capitalize;
padding-left: 15px;
}
.blog-detail .blog-comments ul li {
list-style: none;
float: left;
}
.blog-detail .blog-comments ul li .blog-admin-comment {
float: left;
width: 100%;
margin-bottom: 50px;
position: relative;
}
.blog-detail .blog-comments ul li .blog-admin-comment figure {
float: left;
width: 92px;
}
.blog-detail .blog-comments ul li .blog-admin-comment figure img {
width: 100%;
height: auto;
border-radius: 6px;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para {
float: none;
padding: 5px 0 0 110px;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para p {
color: #4d4d4d;
line-height: 22px;
font-size: 15px;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para ul {
padding: 0px;
float: left;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para ul li {
float: left;
position: relative;
line-height: 15px;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para ul li a {
border-left: 1px solid #333;
text-decoration: none;
display: block;
color: #333;
padding: 0px 18px;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para ul li a h5 {
font-weight: 500;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para ul .date-blog {
font-weight: 500;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para ul li:first-child a {
border-left: none;
padding-left: 0px;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para a {
float: right;
padding: 0px 20px;
text-transform: capitalize;
text-decoration: none;
}
.blog-detail .blog-comments ul li .blog-admin-comment .blog-admin-comment-para a i {
padding-right: 5px;
}
.blog-detail .blog-comment h2 {
text-transform: capitalize;
}
.blog-widget-heading {
position: relative;
margin: 0px 0px 40px;
float: left;
width: 90%;
}
.blog-widget-heading h6 {
text-align: center;
border: 1px solid #f3f1f1;
text-transform: uppercase;
padding: 13px 0px;
font-weight: bold;
font-size: 17px;
border-radius: 4px;
background-color: #fbfbfb;
color: #666;
}
.blog-widget-heading .input-search {
out-line: none;
border-shadow: none;
}
.blog-widget-heading .input-search:focus {
border-color: #b3b3b3;
border-shadow: none !important;
out-line: none !important;
}
.blog-widget-heading .contact-widget ul {
padding: 50px 0px 0px 0px;
text-align: center;
}
.blog-widget-heading .contact-widget ul li {
display: inline-block;
position: relative;
}
.blog-widget-heading .widgets-tags .tags {
padding: 50px 20px 0px 20px;
text-align: center;
list-style: none;
}
.blog-widget-heading .widgets-tags .tags li {
display: inline-block;
margin: 4px 0px;
text-transform: capitalize;
padding: 4px 2px;
}
.blog-widget-heading .widgets-tags .tags li a {
color: #666;
background-color: #e6e6e6;
font-weight: 200;
}
.blog-widget-heading .widgets-tags .tags li .badge {
padding: 8px 12px;
font-weight: 200;
color: #000;
}
.blog-widget-heading .twitts {
padding-top: 10px;
}
.blog-widget-heading .twitts .media-left .tweet-img img {
width: 220px !important;
height: 90px;
}
.blog-widget-heading .twitts .media-right .tweet-date {
color: #4d4d4d;
text-transform: capitalize;
font-weight: 200;
}
.form-control:focus {
box-shadow: none !important;
webkit-box-shadow: none !important;
}
.team-blog {
position: relative;
overflow: hidden;
width: 100%;
float: left;
}
.team-blog figure {
position: relative;
overflow: hidden;
width: 100%;
float: left;
}
.team-blog figure img {
float: left;
width: 100%;
height: 250px;
}
.team-blog figure .img-hover {
position: absolute;
height: 90%;
top: 5%;
left: 5%;
background-color: rgba(0,0,0,0.7);
width: 90%;
opacity: 0;
transition: ease-out 0.4s;
transform: scale(0);
}
.team-blog figure a {
color: #fff;
position: absolute;
font-size: 30px;
left: 0;
right: 0;
text-align: center;
top: 45%;
opacity: 0;
z-index: 5;
outline: none;
transform: scale(9);
transition: ease-out 0.4s;
}
.team-blog figure:hover .img-hover,
.team-blog figure:hover a {
transform: scale(1);
opacity: 1;
transition: 0.3s all;
}
.team-blog .team-blog-caption {
float: left;
font-size: 14px;
padding-right: 7px;
width: 100%;
padding-top: 27px;
color: #666;
}
.team-blog .team-blog-caption .lb-h4 a {
text-decoration: none;
}
.team-blog .team-blog-caption .lb-h4 a h4 {
text-transform: uppercase;
font-weight: 800;
line-height: 1.2%;
color: #666;
margin: 0 0 10px 0;
}
.team-blog .team-blog-caption .lb-h4 a h4:hover {
color: #be6415;
}
.team-blog .team-blog-caption .lb-ul ul {
width: 100%;
margin-bottom: 21px;
padding: 5px 0px;
color: #fff;
}
.team-blog .team-blog-caption .lb-ul ul li {
float: left;
margin-right: 15px;
}
.team-blog .team-blog-caption .lb-ul ul li span {
color: #999;
font-size: 12px;
margin-right: 5px;
}
.team-blog .team-blog-caption .lb-ul ul li a {
color: #999;
text-decoration: none;
color: #929292;
}
.team-blog .team-blog-caption .lb-ul ul li a i {
color: #999;
margin-right: 5px;
}
.team-blog .team-blog-caption .lb-ul ul li .date-format {
color: #929292;
}
.team-blog .team-blog-caption .lb-p p {
font-size: 16px;
font-weight: 300;
letter-spacing: 0.9px;
word-spacing: 0.8px;
line-height: 30px;
}
.team-blog .team-blog-caption .lb-btn a {
font-size: 12px;
color: #999;
text-transform: uppercase;
letter-spacing: 0.5px;
word-spacing: 0;
}
.team-blog {
position: relative;
overflow: hidden;
width: 100%;
float: left;
}
.team-blog .blog-2-sidebar {
float: left;
width: 70px;
}
.team-blog .blog-2-sidebar ul {
margin: 0;
padding: 0;
}
.team-blog .blog-2-sidebar ul li {
float: left;
width: 100%;
list-style: none;
}
.team-blog .blog-2-sidebar ul li strong {
float: right;
font-size: 26px;
margin-bottom: 3px;
}
.team-blog .blog-2-sidebar ul li a {
text-transform: capitalize;
font-size: 12px;
color: #333;
position: relative;
float: right;
padding-bottom: 13px;
margin-bottom: 20px;
text-align: right;
width: 100%;
text-decoration: none;
border-bottom: 1px dotted;
}
.team-blog .blog-2-sidebar ul li a:after {
content: '';
position: absolute;
border-bottom: 4px solid #e67e22;
left: 0;
right: 0;
text-align: center;
bottom: -2px;
width: 14px;
}
.team-blog .blog-2-image {
padding-left: 90px;
}
.team-blog .blog-2-image figure {
position: relative;
overflow: hidden;
width: 100%;
float: left;
img
}
.team-blog .blog-2-image .blog-2-caption {
float: left;
font-size: 14px;
padding-top: 27px;
color: #999;
position: relative;
}
.team-blog .blog-2-image .blog-2-caption h4 {
text-transform: uppercase;
font-weight: 800;
line-height: 1.2%;
color: #666;
margin: 20px 0 10px 0;
}
.team-blog .blog-2-image .blog-2-caption h4:hover {
color: #be6415;
}
.team-blog .blog-2-image .blog-2-caption p {
font-size: 16px;
font-weight: 300;
letter-spacing: 0.9px;
word-spacing: 0.8px;
line-height: 30px;
}
.team-blog .blog-2-image .blog-2-caption button:after {
content: '';
position: absolute;
height: 1px;
border-bottom: 1px dotted #777;
width: 300px;
left: 110%;
bottom: 0;
right: 0;
}
.blog-detail figure {
float: left;
width: 100%;
position: relative;
border-bottom: 4px solid;
border-color: #e67e22;
margin-bottom: 30px;
z-index: 111;
}
.blog-detail .blog-img-year {
background-color: #e67e22;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 70px;
z-index: 123;
}
.blog-detail .blog-img-year-owl {
background-color: #e67e22;
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 70px;
z-index: 12;
}
.blog-detail .blog-img-year :before {
content: "";
position: absolute;
top: 6px;
right: -6px;
width: 100%;
height: 100%;
border: 1px solid #e67e22;
}
.blog-detail .blog-img-year a {
text-decoration: none;
color: #fff;
text-transform: capitalize;
font-size: 18px;
padding: 10px;
text-align: center;
display: inline-block;
z-index: 1111;
}
.blog-detail .blog-detail-caption {
position: relative;
padding: 0 20px 30px;
}
.blog-detail .blog-detail-caption .bd-sh a {
text-decoration: none;
list-style: none;
}
.blog-detail .blog-detail-caption .bd-sh h5 {
font-size: 16px;
color: #808080;
letter-spacing: 0.9px;
word-spacing: 0.5px;
transition: 0.2s ease-in-out;
font-style: italic;
}
.blog-detail .blog-detail-caption .bd-sh h5:hover {
color: #e67e22;
}
.blog-detail .blog-detail-caption .bd-mh a {
text-decoration: none;
list-style: none;
}
.blog-detail .blog-detail-caption .bd-mh h1 {
font-size: 22px;
color: #666;
letter-spacing: 0.9px;
word-spacing: 0.5px;
transition: 0.2s ease-in-out;
}
.blog-detail .blog-detail-caption .bd-mh h1:hover {
color: #e67e22;
}
.blog-detail .blog-detail-caption .bd-ls ul li {
list-style: none;
}
.blog-detail .blog-detail-caption .bd-ls ul li .fa {
color: #999;
font-size: 12px;
}
.blog-detail .blog-detail-caption .bd-ls ul li span {
color: #999;
letter-spacing: 0.1px;
font-size: 14px;
}
.blog-detail .blog-detail-caption .bd-ls ul li span:hover {
text-decoration: underline;
color: #e67e22;
}
.blog-detail .blog-detail-caption .bd-para p {
font-weight: 300;
letter-spacing: 0.9px;
word-spacing: 0.6px;
line-height: 30px;
font-size: 16px;
color: #4d4d4d;
}
.blog-detail .blog-detail-caption .bd-si {
position: relative;
display: inline;
float: right;
margin-top: -30px;
}
.blog-detail .blog-detail-caption .bd-si ul {
display: inline;
text-decoration: none;
padding: 0px;
}
.blog-detail .blog-detail-caption .bd-si ul li {
float: left;
list-style: none;
}
.blog-detail .blog-detail-caption h4 {
text-transform: uppercase;
font-weight: 400;
color: #555;
line-height: 1.2;
}
.collapse1 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
}
.collapse1 .panel-heading span {
transition: 0.4s all;
}
.collapse1 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse1 .panel-body {
padding-top: 40px;
padding-bottom: 40px;
}
.collapse1 a > h4 {
font-size: 15px;
color: #e67e22;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
}
.collapse1 a > h4 span {
position: relative;
top: 3px;
color: #e67e22;
}
.collapse1 a > h4:hover,
.collapse1 a > h4:active,
.collapse1 a > h4:visited,
.collapse1 a > h4:link {
color: #e67e22;
}
.collapse1 a > h4:hover span,
.collapse1 a > h4:active span,
.collapse1 a > h4:visited span,
.collapse1 a > h4:link span {
color: #e67e22;
}
.collapse1 a:focus {
text-decoration: none;
}
.collapse2 {
background: url("../img/construction/slider/cons1.jpg");
}
.collapse2 .panel-group {
margin-bottom: 10px;
}
.collapse2 .panel-default {
background-color: rgba(0,0,0,0.4);
border-color: #e67e22;
border-radius: 0;
border: none;
}
.collapse2 .panel-heading {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
color: #000;
border-color: #e67e22;
border-radius: 0;
}
.collapse2 .panel-heading:hover {
color: #252423;
}
.collapse2 .panel-heading:hover,
.collapse2 .panel-heading:active,
.collapse2 .panel-heading:visited,
.collapse2 .panel-heading:link {
text-decoration: none;
}
.collapse2 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse2 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse2 .panel-body {
padding-top: 40px;
padding-bottom: 40px;
font-size: 15px;
border-top-color: #e67e22 !important;
padding-left: 20px;
color: #fff !important;
}
.collapse2 a > h4 {
font-size: 15px;
color: #e67e22;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse2 a > h4 span {
color: #e67e22;
}
.collapse2 a > h4:hover {
text-decoration: none;
color: #e67e22;
}
.collapse2 a > h4:hover span {
color: #e67e22;
}
.collapse2 a > h4:focus {
text-decoration: none;
color: #e67e22;
}
.collapse2 a > h4:focus span {
color: #e67e22;
}
.collapse2 a {
text-decoration: none;
}
.collapse2 a span {
color: #e67e22;
}
.collapse3 .panel-group {
margin-bottom: 10px;
}
.collapse3 .panel-default {
background-color: rgba(230,126,34,0.2);
border-color: #e67e22;
border-radius: 0;
}
.collapse3 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: #e67e22;
color: #fff;
border-color: #e67e22;
border-radius: 0;
}
.collapse3 .panel-heading:hover {
color: #fff;
}
.collapse3 .panel-heading:hover,
.collapse3 .panel-heading:active,
.collapse3 .panel-heading:visited,
.collapse3 .panel-heading:link {
text-decoration: none;
}
.collapse3 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse3 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse3 .panel-body {
font-size: 15px;
border: none !important;
padding-top: 40px;
padding-bottom: 40px;
}
.collapse3 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse3 a > h4 span {
position: relative;
top: 3px;
color: #fff;
}
.collapse3 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse3 a > h4:hover span {
color: #fff;
}
.collapse3 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse3 a > h4:focus span {
color: #fff;
}
.collapse3 a {
text-decoration: none;
}
.collapse3 a span {
color: #fff;
}
.collapse4 {
background: url("../img/construction/slider/cons1.jpg");
}
.collapse4 .panel-group {
margin-bottom: 10px;
}
.collapse4 .panel-default {
background-color: rgba(0,0,0,0.4);
border-color: #e67e22;
border-radius: 0;
border: none;
}
.collapse4 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: rgba(0,0,0,0.6);
color: #fff;
font-weight: 600;
letter-spacing: 0.9px;
border-color: #e67e22;
border-radius: 0;
}
.collapse4 .panel-heading:hover {
color: #fff;
}
.collapse4 .panel-heading:hover,
.collapse4 .panel-heading:active,
.collapse4 .panel-heading:visited,
.collapse4 .panel-heading:link {
text-decoration: none;
}
.collapse4 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse4 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse4 .panel-body {
padding-top: 40px;
padding-bottom: 40px;
font-size: 15px;
border: none !important;
}
.collapse4 .panel-body p {
color: #fff;
font-weight: 400;
}
.collapse4 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse4 a > h4 span {
position: relative;
top: 3px;
color: #fff;
}
.collapse4 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse4 a > h4:hover span {
color: #fff;
}
.collapse4 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse4 a > h4:focus span {
color: #fff;
}
.collapse4 a {
text-decoration: none;
}
.collapse4 a span {
color: #fff;
}
.collapse5 .panel-group {
margin-bottom: 10px;
}
.collapse5 .panel-default {
background-color: transparent;
border-color: #e67e22;
border-radius: 0;
border: none;
}
.collapse5 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: #e67e22;
color: #fff;
border-color: #e67e22;
border-radius: 50px 50px 50px 50px;
}
.collapse5 .panel-heading:hover {
color: #fff;
}
.collapse5 .panel-heading:hover,
.collapse5 .panel-heading:active,
.collapse5 .panel-heading:visited,
.collapse5 .panel-heading:link {
text-decoration: none;
}
.collapse5 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse5 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse5 .panel-body {
font-size: 15px;
border: none !important;
padding-top: 40px;
padding-bottom: 40px;
}
.collapse5 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse5 a > h4 span {
color: #fff;
}
.collapse5 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse5 a > h4:hover span {
color: #fff;
}
.collapse5 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse5 a > h4:focus span {
color: #fff;
}
.collapse5 a {
text-decoration: none;
}
.collapse5 a span {
color: #fff;
}
.collapse6 .panel-group {
margin-bottom: 10px;
}
.collapse6 .panel-default {
background-color: transparent;
border-color: #333;
border-radius: 0;
border: none;
}
.collapse6 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: #333;
color: #fff;
border-color: #e67e22;
border-radius: 50px 50px 50px 50px;
}
.collapse6 .panel-heading:hover {
color: #fff;
}
.collapse6 .panel-heading:hover,
.collapse6 .panel-heading:active,
.collapse6 .panel-heading:visited,
.collapse6 .panel-heading:link {
text-decoration: none;
}
.collapse6 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse6 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse6 .panel-body {
font-size: 15px;
border: none !important;
padding-top: 40px;
padding-bottom: 40px;
}
.collapse6 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse6 a > h4 span {
color: #fff;
}
.collapse6 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse6 a > h4:hover span {
color: #fff;
}
.collapse6 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse6 a > h4:focus span {
color: #fff;
}
.collapse6 a {
text-decoration: none;
}
.collapse6 a span {
color: #fff;
}
.page-title {
position: relative;
display: block;
background-color: #e17719;
padding: 25px 0;
}
.page-title .page-title-heading {
position: relative;
}
.page-title .page-title-heading .heading-text {
position: relative;
text-transform: uppercase;
margin: 0;
color: #fff;
}
.page-title .page-title-heading .heading-text small {
display: block;
font-size: 15px;
text-transform: auto;
line-height: 150%;
}
@media (max-width: 767px) {
.page-title .breadcrumbs-outer {
text-align: left !important;
}
.page-title .breadcrumbs-outer .breadcrumb {
padding-left: 0;
}
}
.page-title .breadcrumbs-outer .breadcrumb {
background-color: transparent;
margin: 0;
}
.page-title .breadcrumbs-outer .breadcrumb li:not(.active) a {
color: #fff;
font-size: 15px;
text-transform: uppercase;
}
.page-title .breadcrumbs-outer .breadcrumb li:not(.active) a:hover {
color: #e67e22;
text-decoration: none;
}
.page-title.dark {
background-color: #1a1a1a;
}
.page-title.dark .page-title-heading {
position: realative;
}
.page-title.dark .page-title-heading .heading-text {
position: relative;
text-transform: uppercase;
margin: 0;
color: #e6e6e6;
}
.page-title.dark .page-title-heading .heading-text small {
display: block;
font-size: 15px;
text-transform: auto;
line-height: 150%;
}
.page-title.dark .breadcrumb {
background-color: transparent;
margin: 0;
}
.page-title.dark .breadcrumb li:not(.active) a {
color: #e6e6e6;
font-size: 15px;
text-transform: uppercase;
}
.page-title.dark .breadcrumb li:not(.active) a:hover {
color: #e67e22;
text-decoration: none;
}
.page-title.dark .breadcrumb li.active {
text-transform: uppercase;
}
.page-title-header {
position: relative;
padding: 50px 0;
background: url("../img/patterns/footer.png") center;
background-attachment: fixed;
}
.page-title-header .alpha-clr {
height: 100%;
background-color: rgba(0,0,0,0.8);
}
.page-title-header h2 {
text-transform: uppercase;
color: #333;
}
.page-title-header .breadcrumbs-outer-header {
color: #333;
}
.page-title-header .breadcrumbs-outer-header .breadcrumb {
background-color: transparent;
margin: 0;
}
.page-title-header .breadcrumbs-outer-header .breadcrumb li:not(.active) a {
color: #333;
font-size: 15px;
text-transform: uppercase;
}
.page-title-header .breadcrumbs-outer-header .breadcrumb li:not(.active) a:hover {
color: #333;
text-decoration: none;
}
.page-title-header .breadcrumbs-outer-header .breadcrumb li.active {
color: #333;
text-transform: uppercase;
}
.pages-header {
position: relative;
background: url("../img/header/3.jpg") center;
background-attachment: fixed;
}
.pages-header .alpha-clr-page {
padding: 75px 0;
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.pages-header .alpha-clr-page .heading-title h2 {
text-transform: uppercase;
color: #fff;
font-weight: 400;
line-height: 70px;
font-size: 36px;
}
.pages-header .alpha-clr-page .page-breadcrumbs li {
color: #fff;
text-transform: capitalize;
}
.pages-header .alpha-clr-page .page-breadcrumbs li a i {
color: #fff;
min-width: 19px;
padding: 3px 7px;
margin-right: 5px;
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
}
.pages-header-small {
position: relative;
background: url("../img/slider/breadcrumbs.png") center;
background-attachment: fixed;
border-top: solid 1px;
border-bottom: solid 1px;
border-color: #ccc;
}
.pages-header-small .alpha-clr-page {
padding: 25px 0;
height: 100%;
background-color: rgba(0,0,0,0.1);
}
.pages-header-small .alpha-clr-page .heading-title h2 {
text-transform: capitalize;
color: #777;
font-weight: 400;
line-height: 70px;
font-weightsize: 22px;
}
.pages-header-small .alpha-clr-page .page-breadcrumbs .breadcrumb {
background-color: transparent;
}
.pages-header-small .alpha-clr-page .page-breadcrumbs ul {
margin: 20px 0px;
}
.pages-header-small .alpha-clr-page .page-breadcrumbs ul li:not(.active) a {
color: #777;
text-transform: capitalize;
}
.pages-header-small .alpha-clr-page .page-breadcrumbs ul li.active a {
text-transform: capitalize;
color: #e67e22;
}
@media (max-width: 471px) {
.pages-header-small .heading-title h2 {
font-size: 18px;
}
.pages-header-small .breadcrumb,
.pages-header-small ul {
padding: 0px;
margin: 20px 0px;
}
.pages-header-small .breadcrumb li:not(.active) a,
.pages-header-small ul li:not(.active) a {
font-size: 12px;
color: #777;
text-transform: capitalize;
}
.pages-header-small .breadcrumb li.active a,
.pages-header-small ul li.active a {
font-size: 12px;
text-transform: capitalize;
color: #e67e22;
}
}
.pages-header-xs {
position: relative;
background: url("../img/slider/breadcrumbs.png") center;
border-top: solid 1px;
border-bottom: solid 1px;
border-color: #ccc;
}
.pages-header-xs .alpha-clr-page {
background-color: rgba(0,0,0,0.1);
}
.pages-header-xs .alpha-clr-page .page-breadcrumbs .breadcrumb {
background-color: transparent;
}
.pages-header-xs .alpha-clr-page .page-breadcrumbs ul {
padding: 0px;
margin: 10px 0px;
}
.pages-header-xs .alpha-clr-page .page-breadcrumbs ul li:not(.active) {
padding: 0px;
}
.pages-header-xs .alpha-clr-page .page-breadcrumbs ul li:not(.active) a {
color: #777;
text-transform: capitalize;
}
.pages-header-xs .alpha-clr-page .page-breadcrumbs ul li.active a {
text-transform: capitalize;
color: #e67e22;
}
.portfolio-header {
position: relative;
background: url("../img/header/img1.jpg") no-repeat;
background-size: cover;
background-position: center center;
}
.portfolio-header .alpha-clr-page {
padding: 100px 0;
height: 100%;
background-color: rgba(0,0,0,0.3);
}
.portfolio-header .alpha-clr-page .heading-title h2 {
text-transform: uppercase;
color: #fff;
font-weight: 400;
line-height: 70px;
font-size: 36px;
}
.portfolio-header .alpha-clr-page .page-breadcrumbs li {
color: #fff;
font-size: 24px;
font-weight: 200;
text-transform: uppercase;
}
.component-nav #nav-title {
font-weight: 400;
text-transform: capitalize;
}
.component-nav ul {
margin-top: 40px;
text-transform: uppercase;
}
.component-nav ul li {
padding: 5px 10px;
border-left: 2px solid transparent;
}
.component-nav ul li:before {
position: absolute;
left: 0;
top: 4px;
color: #777;
font-family: FontAwesome;
}
.component-nav ul li a {
text-decoration: none !important;
color: #555;
font-family: 'Raleway';
}
.component-nav ul li a:hover {
color: #e67e22;
}
.component-nav ul li:hover {
border-left: 1px solid #e67e22;
}
.component-nav ul li.active,
.component-nav ul li a:focus {
border-left-color: #e67e22 !important;
}
.component-nav ul li.active a,
.component-nav ul li a:focus a {
color: #e67e22;
}
@media (max-width: 992px) {
.component-nav {
display: none;
}
}
.brands {
overflow: hidden;
}
.brands li {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
display-inline: block;
position: relative;
}
.brands li::before {
content: '';
position: absolute;
height: 100%;
top: 0px;
left: -1px;
border-left: 1px dashed;
color: #999;
}
.brands li::after {
content: ' ';
position: absolute;
height: 0;
width: 100%;
top: auto;
left: 0;
bottom: -1px;
color: #999;
border-bottom: 1px dashed;
}
.brands .brands-company a img {
opacity: 0.7;
}
.brands .brands-company a img:hover {
opacity: 1;
}
.col-md-5th {
width: 20% !important;
float: left;
}
.no-bdr-rad {
border-radius: 0px !important;
}
.btn {
text-transform: capitalize !important;
}
.btn-transparent {
color: #777;
background-color: transparent;
border-radius: 0px;
border-color: #777;
}
.btn-xlg {
padding: 15px 50px;
font-size: 20px;
}
.btn-c-primary {
background-color: #e67e22;
color: #fff;
position: relative;
border: 1px solid #e67e22;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-primary:hover {
background-color: transparent;
color: #e67e22;
}
.btn-c-primary:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #be6415;
background-color: #be6415;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #e67e22 !important;
}
.btn-c-secondary {
background-color: #1bbc9d;
color: #fff;
position: relative;
border: 1px solid #1bbc9d;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-secondary:hover {
background-color: transparent;
color: #1bbc9d;
}
.btn-c-secondary:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #16967e;
background-color: #16967e;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #1bbc9d !important;
}
.btn-c-blue {
background-color: #2a80b9;
color: #fff;
position: relative;
border: 1px solid #2a80b9;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-blue:hover {
background-color: transparent;
color: #2a80b9;
}
.btn-c-blue:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #226694;
background-color: #226694;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #2a80b9 !important;
}
.btn-c-green {
background-color: #2fcc71;
color: #fff;
position: relative;
border: 1px solid #2fcc71;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-green:hover {
background-color: transparent;
color: #2fcc71;
}
.btn-c-green:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #26a35a;
background-color: #26a35a;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #2fcc71 !important;
}
.btn-c-black {
background-color: #000;
color: #fff;
position: relative;
border: 1px solid #000;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-black:hover {
background-color: transparent;
color: #000;
}
.btn-c-black:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #000;
background-color: #000;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #000 !important;
}
.btn-c-gray {
background-color: #333;
color: #fff;
position: relative;
border: 1px solid #333;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-gray:hover {
background-color: transparent;
color: #333;
}
.btn-c-gray:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #292929;
background-color: #292929;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #333 !important;
}
.btn-c-white {
background-color: #fff;
color: #fff;
position: relative;
border: 1px solid #fff;
transition: all 0.5s;
border-radius: 0px;
}
.btn-c-white:hover {
background-color: transparent;
color: #fff;
}
.btn-c-white:focus {
text-decoration: none;
color: #fff;
outline: none;
outline-color: #ccc;
background-color: #ccc;
}
.inv {
color: #777;
border-color: #999;
background-color: transparent;
}
.inv:hover {
color: #777;
background-color: #fff !important;
}
.call-out-head {
position: relative;
background-color: #e6e6e6 !important;
overflow: hidden;
border-left: 5px solid;
border-color: #ccc;
}
.callout-title {
text-transform: capitalize;
font-weight: 400;
font-size: 17px;
color: #4d4d4d;
}
.callout-title strong {
color: #333;
font-weight: 600;
}
.callout-para {
color: #4d4d4d;
margin-top: 5px;
}
.call-out-bdr {
overflow: hidden;
border: 2px solid #e67e22 !important;
border-color: #f00;
background-color: transparent !important;
}
.call-out-bdr:before {
content: '';
position: absolute;
border-right: 4px solid #e67e22;
height: 100%;
top: 0;
}
.call-out-speak-bottom {
background-color: #a6a6a6;
}
.call-out-bg-img {
position: relative;
overflow: hidden;
background: url("../img/header/5.jpg") fixed;
}
.call-out-bg-img h3,
.call-out-bg-img p {
margin-left: 20px;
color: #fff;
}
.call-out-makutravel {
position: relative;
overflow: hidden;
background: url("../img/travel/makutravel/callout/0.jpg") fixed;
}
.call-out-makutravel .bga-black-7 {
padding: 60px;
}
.call-out-makutravel h3 {
color: #fff;
font-size: 35px;
}
.call-out-makutravel p {
color: #fff;
font-size: 17px;
}
.call-out-makutravel button {
top: 12px;
}
.collapse1 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
}
.collapse1 .panel-heading span {
transition: 0.4s all;
}
.collapse1 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse1 .panel-body {
padding-top: 40px;
padding-bottom: 40px;
}
.collapse1 a > h4 {
font-size: 15px;
color: #e67e22;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
text-decoration: none;
}
.collapse1 a > h4 span {
position: relative;
top: 3px;
color: #e67e22;
}
.collapse1 a > h4:hover,
.collapse1 a > h4:active,
.collapse1 a > h4:visited,
.collapse1 a > h4:link {
color: #e67e22;
}
.collapse1 a > h4:hover span,
.collapse1 a > h4:active span,
.collapse1 a > h4:visited span,
.collapse1 a > h4:link span {
color: #e67e22;
}
.collapse1 a:focus {
text-decoration: none;
}
.collapse2 {
background: url("../img/construction/slider/cons1.jpg");
}
.collapse2 .panel-group {
margin-bottom: 10px;
}
.collapse2 .panel-default {
background-color: rgba(0,0,0,0.4);
border-color: #e67e22;
border-radius: 0;
border: none;
}
.collapse2 .panel-heading {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
color: #000;
border-color: #e67e22;
border-radius: 0;
}
.collapse2 .panel-heading:hover {
color: #252423;
}
.collapse2 .panel-heading:hover,
.collapse2 .panel-heading:active,
.collapse2 .panel-heading:visited,
.collapse2 .panel-heading:link {
text-decoration: none;
}
.collapse2 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse2 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse2 .panel-body {
padding-top: 40px;
padding-bottom: 40px;
font-size: 15px;
border-top-color: #e67e22 !important;
padding-left: 20px;
color: #fff !important;
}
.collapse2 a > h4 {
font-size: 15px;
color: #e67e22;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse2 a > h4 span {
color: #e67e22;
}
.collapse2 a > h4:hover {
text-decoration: none;
color: #e67e22;
}
.collapse2 a > h4:hover span {
color: #e67e22;
}
.collapse2 a > h4:focus {
text-decoration: none;
color: #e67e22;
}
.collapse2 a > h4:focus span {
color: #e67e22;
}
.collapse2 a {
text-decoration: none;
}
.collapse2 a span {
color: #e67e22;
}
.collapse3 .panel-group {
margin-bottom: 10px;
}
.collapse3 .panel-default {
background-color: rgba(230,126,34,0.2);
border-color: #e67e22;
border-radius: 0;
}
.collapse3 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: #e67e22;
color: #fff;
border-color: #e67e22;
border-radius: 0;
}
.collapse3 .panel-heading:hover {
color: #fff;
}
.collapse3 .panel-heading:hover,
.collapse3 .panel-heading:active,
.collapse3 .panel-heading:visited,
.collapse3 .panel-heading:link {
text-decoration: none;
}
.collapse3 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse3 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse3 .panel-body {
font-size: 15px;
border: none !important;
padding-top: 40px;
padding-bottom: 40px;
}
.collapse3 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse3 a > h4 span {
position: relative;
top: 3px;
color: #fff;
}
.collapse3 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse3 a > h4:hover span {
color: #fff;
}
.collapse3 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse3 a > h4:focus span {
color: #fff;
}
.collapse3 a {
text-decoration: none;
}
.collapse3 a span {
color: #fff;
}
.collapse4 {
background: url("../img/construction/slider/cons1.jpg");
}
.collapse4 .panel-group {
margin-bottom: 10px;
}
.collapse4 .panel-default {
background-color: rgba(0,0,0,0.4);
border-color: #e67e22;
border-radius: 0;
border: none;
}
.collapse4 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: rgba(0,0,0,0.6);
color: #fff;
font-weight: 600;
letter-spacing: 0.9px;
border-color: #e67e22;
border-radius: 0;
}
.collapse4 .panel-heading:hover {
color: #fff;
}
.collapse4 .panel-heading:hover,
.collapse4 .panel-heading:active,
.collapse4 .panel-heading:visited,
.collapse4 .panel-heading:link {
text-decoration: none;
}
.collapse4 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse4 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse4 .panel-body {
padding-top: 40px;
padding-bottom: 40px;
font-size: 15px;
border: none !important;
}
.collapse4 .panel-body p {
color: #fff;
font-weight: 400;
}
.collapse4 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse4 a > h4 span {
position: relative;
top: 3px;
color: #fff;
}
.collapse4 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse4 a > h4:hover span {
color: #fff;
}
.collapse4 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse4 a > h4:focus span {
color: #fff;
}
.collapse4 a {
text-decoration: none;
}
.collapse4 a span {
color: #fff;
}
.collapse5 .panel-group {
margin-bottom: 10px;
}
.collapse5 .panel-default {
background-color: transparent;
border-color: #e67e22;
border-radius: 0;
border: none;
}
.collapse5 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: #e67e22;
color: #fff;
border-color: #e67e22;
border-radius: 50px 50px 50px 50px;
}
.collapse5 .panel-heading:hover {
color: #fff;
}
.collapse5 .panel-heading:hover,
.collapse5 .panel-heading:active,
.collapse5 .panel-heading:visited,
.collapse5 .panel-heading:link {
text-decoration: none;
}
.collapse5 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse5 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse5 .panel-body {
font-size: 15px;
border: none !important;
padding-top: 40px;
padding-bottom: 40px;
}
.collapse5 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse5 a > h4 span {
color: #fff;
}
.collapse5 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse5 a > h4:hover span {
color: #fff;
}
.collapse5 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse5 a > h4:focus span {
color: #fff;
}
.collapse5 a {
text-decoration: none;
}
.collapse5 a span {
color: #fff;
}
.collapse6 .panel-group {
margin-bottom: 10px;
}
.collapse6 .panel-default {
background-color: transparent;
border-color: #333;
border-radius: 0;
border: none;
}
.collapse6 .panel-heading {
padding-top: 0px;
padding-bottom: 0px;
background-color: #333;
color: #fff;
border-color: #e67e22;
border-radius: 50px 50px 50px 50px;
}
.collapse6 .panel-heading:hover {
color: #fff;
}
.collapse6 .panel-heading:hover,
.collapse6 .panel-heading:active,
.collapse6 .panel-heading:visited,
.collapse6 .panel-heading:link {
text-decoration: none;
}
.collapse6 .panel-heading span {
position: relative;
top: 3px;
transition: 0.4s all;
}
.collapse6 .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse6 .panel-body {
font-size: 15px;
border: none !important;
padding-top: 40px;
padding-bottom: 40px;
}
.collapse6 a > h4 {
font-size: 15px;
color: #fff;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.collapse6 a > h4 span {
color: #fff;
}
.collapse6 a > h4:hover {
text-decoration: none;
color: #fff;
}
.collapse6 a > h4:hover span {
color: #fff;
}
.collapse6 a > h4:focus {
text-decoration: none;
color: #fff;
}
.collapse6 a > h4:focus span {
color: #fff;
}
.collapse6 a {
text-decoration: none;
}
.collapse6 a span {
color: #fff;
}
.sq {
border: 2px solid #008000;
width: 150px;
height: 150px;
}
.sq span {
line-height: 100px;
padding-left: 20px;
font-size: 18px;
color: #ccc;
text-transform: capitalize;
}
.sq h1 {
line-height: 0px;
text-align: center;
margin-top: -20px;
font-size: 48px;
font-weight: 700;
color: #e6e6e6;
}
.sqctr {
border: 2px transparent #fff;
background-color: rgba(0,0,0,0.2);
width: 150px;
height: 150px;
}
.sqctr h1 {
line-height: 125px;
text-align: center;
font-size: 48px;
font-weight: 700;
color: #e6e6e6;
}
.sqctr span {
display: block;
line-height: 0px;
margin-top: -30px;
font-size: 18px;
color: #ccc;
font-weight: 100;
text-transform: capitalize;
}
.sqrtl {
border: 2px solid #f00;
width: 150px;
height: 150px;
}
.sqrtl h1 {
line-height: 125px;
text-align: center;
font-size: 48px;
font-weight: 700;
color: #e6e6e6;
}
.sqrtl span {
display: block;
line-height: 0px;
padding-left: 50px;
margin-top: -30px;
font-size: 18px;
color: #ccc;
text-transform: capitalize;
}
.bdr-color-primary {
border: 1px solid #fff !important;
}
.timer {
position: relative;
margin-top: 40px;
background-color: transparent;
border-color: transparent;
}
.timer .time-box {
width: 160px;
height: 160px;
border: 1px solid #fff;
padding: 35px;
cursor: pointer;
margin: 0px auto;
}
@media (max-width: 1200px) {
.timer .time-box {
width: 150px;
height: 150px;
padding: 30px;
}
}
@media (max-width: 992px) {
.timer .time-box {
width: 140px;
height: 140px;
}
}
@media (max-width: 768px) {
.timer .time-box {
margin-top: 10px;
width: 130px;
height: 130px;
}
}
.timer .time-box .tick {
font-size: 30px;
}
.timer .time-box hr {
margin: 0px;
border-color: #fff !important;
}
.timer .time-box .title {
font-size: 36px;
letter-spacing: 1px;
font-weight: 300;
color: #fff;
padding-top: 10px;
}
@media (max-width: 319px) {
.timer {
text-align: center;
}
.timer .col-xs-6 {
clear: both;
display: inline-block !important;
margin: 0px auto;
}
}
.circle .time-box {
border-radius: 75%;
border: 1px solid #fff;
width: 165px;
height: 165px;
}
.circle .time-box .tick {
position: relative;
text-align: center;
}
@media (max-width: 1200px) {
.circle .time-box {
width: 148px;
height: 148px;
}
}
@media (max-width: 992px) {
.circle .time-box {
width: 126px !important;
height: 126px !important;
padding-top: 0px;
}
}
.circle .time-box hr {
width: 80%;
margin: 3px auto;
}
@media (max-width: 768px) {
.circle .time-box {
width: 150px;
height: 150px;
}
.circle .time-box .tick {
top: 15px;
}
}
.border-right .time-box {
border: none;
border-right: 1px solid #fff;
padding-right: 0px;
}
.border-left .time-box {
border: none;
border-left: 1px solid #fff;
padding-left: 0px;
}
.border-top .time-box {
border: none;
border-top: 1px solid #fff;
}
.no-border .time-box {
border: none;
}
.all-border .time-box {
border: 1px solid #fff !important;
}
.all-border-rotate .time-box {
transform: rotate(45deg);
border: 1px solid #fff !important;
}
.all-border-rotate .time-box .tick {
padding-top: 0;
transform: rotate(-45deg);
padding-bottom: 10px;
padding-right: 40px;
}
.all-border-rotate .time-box hr {
transform: rotate(-45deg);
}
.all-border-rotate .time-box .title {
margin-left: 30px;
transform: rotate(-45deg);
}
.mash {
width: 400px;
text-align: center;
margin: auto;
position: relative;
height: 500px;
top: 70px;
}
.mash1 {
position: absolute !important;
top: -120px;
left: 75px;
}
.mash2 {
position: absolute !important;
left: -45px;
}
.mash3 {
position: absolute !important;
left: 195px;
}
.mash4 {
position: absolute !important;
top: 120px;
left: 75px;
}
@media (max-width: 450px) {
.mash {
width: 100%;
position: relative !important;
top: 0;
left: 0;
}
.mash1 {
width: 100%;
position: relative !important;
top: 0;
left: 0;
}
.mash2 {
width: 100%;
position: relative !important;
top: 0;
left: 0;
}
.mash3 {
width: 100%;
position: relative !important;
top: 0;
left: 0;
}
.mash4 {
width: 100%;
position: relative !important;
top: 0;
left: 0;
}
}
.counter-bg-image {
background: url("../img/header/3.jpg") left top;
background-attachment: fixed;
}
.countup1 {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
}
.countup1 .glass-icon {
color: #fff;
margin-bottom: 30px;
font-size: 40px;
}
.countup1 h3 {
dispaly: block;
color: #fff;
text-align: center;
font-size: 50px;
font-weight: 900;
}
.countup1 p {
margin-top: 30px;
text-transform: uppercase;
font-weight: 700;
color: #e67e22;
font-size: 12px;
text-align: center;
}
.contbdr {
border-left: 1px dotted #fff;
padding-left: 30px;
height: 120px;
}
@media (max-width: 992px) {
.contbdr {
padding: 0;
border: none;
}
}
.counter2 {
padding: 50px 0px;
overflow: hidden !important;
}
.counter-box1 {
dispaly: absolute;
margin: auto;
text-align: center;
width: 150px;
height: 150px;
border-radius: 0%;
background-color: #f2f2f2;
overflow: hidden;
margin-bottom: 30px;
}
.counter-box1 i {
color: #e67e22;
font-size: 35px;
margin-top: 15px;
}
.counter-box1 h3 {
dispaly: block;
color: #777;
text-align: center;
font-size: 30px;
font-weight: 900;
}
.counter-box1 p {
color: #777;
margin-top: 20px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
text-align: center;
}
.counter-box2 {
dispaly: absolute;
margin: auto;
background-color: #773f0d;
margin-bottom: 30px;
}
.counter-box2 i,
.counter-box2 h3,
.counter-box2 p {
color: #fff;
}
.counter-boxflat {
dispaly: absolute;
margin: auto;
background-color: #773f0d;
margin-bottom: 30px;
}
.counter-boxflat i,
.counter-boxflat h3,
.counter-boxflat p {
color: #fff;
}
.counter-boxflat {
dispaly: absolute;
margin: auto;
text-align: center;
width: 150px;
height: 150px;
border-radius: 0%;
background-color: transparent;
border: 2px solid #fff;
overflow: hidden;
margin-bottom: 30px;
}
.counter-boxflat h3 {
dispaly: block;
color: #fff;
text-align: center;
font-size: 30px;
margin-top: -10px;
font-weight: 900;
}
.counter-boxflat p {
color: #fff;
margin-top: 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
text-align: center;
}
.counter-boxflat-enthink {
dispaly: absolute;
margin: auto;
text-align: center;
width: 150px;
height: 200px;
border-radius: 0%;
background-color: transparent;
border: 2px solid transparent;
overflow: hidden;
margin-bottom: 30px;
}
.counter-boxflat-enthink i {
border: 3px solid #fff;
}
.counter-boxflat-enthink h3 {
dispaly: block;
color: #fff;
text-align: center;
font-size: 30px;
margin-top: -10px;
font-weight: 900;
}
.counter-boxflat-enthink p {
color: #fff;
margin-top: 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
text-align: center;
}
.flat-icon i::before {
font-size: 50px;
position: relative;
top: 10px;
left: -10px;
}
.divider {
margin: 40px 0;
position: relative;
display: block;
min-height: 20px;
border-top: 1px solid #e67e22;
}
.divider.double-line::after {
content: '';
position: absolute;
top: 4px;
left: 0;
right: 0;
height: 0px;
border-bottom: 1px solid #e67e22;
}
.dotted-line {
border-bottom: 1px dotted #e67e22;
}
.divider.divider-left::after {
content: '\f006';
position: absolute;
top: -12px;
left: 0;
padding-right: 10px;
background-color: #fff !important;
font-family: fontawesome;
}
.divider.divider-right::after {
content: '\f006';
position: absolute;
top: -12px;
right: 0;
padding-left: 10px;
background-color: #fff !important;
font-family: fontawesome;
}
.divider.divider-center {
text-align: center;
}
.divider.divider-center::after {
content: '\f006';
position: absolute;
top: -12px;
background-color: #fff !important;
font-family: fontawesome;
padding-left: 5px;
padding-right: 5px;
}
.divider.divider-short {
width: 100%;
text-align: center;
}
.divider.divider-short::after {
content: '\f08a';
position: absolute;
top: -12px;
padding-left: 5px;
padding-right: 5px;
background-color: #fff !important;
font-family: fontawesome;
}
.divider.divider-bdr-lefticon::before {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
content: '\f006';
position: absolute;
top: -20px;
left: 0;
margin-right: 20px;
background-color: #eee;
font-family: fontawesome;
}
.divider.divider-bdr-righticon::after {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
content: '\f006';
position: absolute;
top: -20px;
right: 0;
background-color: #eee;
font-family: fontawesome;
}
.divider.divider-bdr-centericon {
text-align: center;
}
.divider.divider-bdr-centericon::after {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
content: '\f006';
position: absolute;
top: -20px;
background-color: #eee;
font-family: fontawesome;
}
.divider-bdr-icon-center-short {
text-align: center;
width: 100%;
}
.divider-bdr-icon-center-short::after {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
content: '\f08a';
position: absolute;
top: -20px;
background-color: #eee;
font-family: fontawesome;
}
.form-input {
border-color: #888;
border-radius: 0px;
}
.form-input:focus {
border-color: #999;
outline: none;
}
.textarea {
border-radius: 0;
outline: none;
}
.textarea::focus {
border-color: #eee;
outline: none;
}
.slects1 {
border-radius: 0px;
width: 100%;
padding: 8px 0px;
}
.slectsr {
border-radius: 0px;
width: 100%;
padding: 15px 5px;
border-left: 10px solid;
border-color: #000;
}
.slects2 {
border-radius: 0px;
}
input {
border-radius: 0px !important;
border-shadow: none;
outline: none;
}
input:focus {
border-shadow: none;
outline: none;
border-color: none !important;
}
label {
color: #555 !important;
font-weight: 400;
}
.iconbox-1 {
cursor: pointer;
}
.iconbox-1 .iconbox-1-inner {
border: 1px solid #e67e22;
position: relative;
}
.iconbox-1 .iconbox-1-inner .ib-icon-1 .icon-lg {
margin: auto;
display: block;
position: absolute;
top: -1px;
left: -1px;
}
.iconbox-1 .iconbox-1-inner .ib-button-1 {
margin-top: 20px;
margin-bottom: 40px;
}
.iconbox-1 .iconbox-1-inner .ib-button-1 a {
color: #e67e22;
}
.iconbox-1 .iconbox-1-inner .ib-button-1 a:hover {
color: #333;
}
.iconbox-1 .iconbox-1-inner:hover .icon-lg {
border-left-color: #fff;
border-top-color: #fff;
transition: 0.5s all;
border-radius: 0px 0px 30px 0px;
background-color: transparent;
}
.iconbox-1 .iconbox-1-inner:hover .icon-lg .fa {
color: #e67e22;
}
.iconbox-2 {
cursor: pointer;
}
.iconbox-2 .iconbox-2-inner {
position: relative;
border: 1px solid #e67e22;
}
.iconbox-2 .iconbox-2-inner .ib-icon-2 .icon-lg {
height: 35px;
padding: 0;
display: block;
position: absolute;
border-color: transparent;
background-color: #fff;
top: -35px;
font-size: 30px;
left: 20px;
}
.iconbox-2 .iconbox-2-inner .ib-button-2 a {
margin: auto;
color: #773f0d;
}
.iconbox-2 .iconbox-2-inner .ib-button-2 a:hover {
color: #e67e22;
}
.iconbox-2 .iconbox-2-inner .ib-button-2 a:focus {
color: #e67e22;
}
.iconbox-2 .iconbox-2-inner .ib-button-2 a.active,
.iconbox-2 .iconbox-2-inner .ib-button-2:visited {
color: #e67e22;
}
.iconbox-2 .iconbox-2-inner:hover .icon-lg {
transition: 0.5s all;
left: 40%;
background-color: #fff;
}
.iconbox-2 .iconbox-2-inner:hover .icon-lg .fa {
color: #e67e22;
}
.iconbox-3 {
cursor: pointer;
}
.iconbox-3 .iconbox-3-inner {
border: 1px solid #e67e22;
position: relative;
}
.iconbox-3 .iconbox-3-inner .ib-icon-3 .icon-lg {
margin: auto;
display: block;
position: absolute;
top: -1px;
right: -1px;
}
.iconbox-3 .iconbox-3-inner .ib-button-3 {
margin-top: 20px;
margin-bottom: 40px;
}
.iconbox-3 .iconbox-3-inner .ib-button-3 a {
color: #e67e22;
}
.iconbox-3 .iconbox-3-inner .ib-button-3 a:hover {
color: #333;
}
.iconbox-3 .iconbox-3-inner:hover .icon-lg {
border-top-color: #fff;
border-right-color: #fff;
transition: 0.5s all;
background-color: transparent;
}
.iconbox-3 .iconbox-3-inner:hover .icon-lg .fa {
color: #e67e22;
}
.iconbox-4 {
cursor: pointer;
}
.iconbox-4 .iconbox-4-inner {
position: relative;
border: 1px solid #e67e22;
}
.iconbox-4 .iconbox-4-inner .ib-icon-4 .icon-frame-inverse-primary {
position: absolute;
background-color: #fff !important;
border-top-color: #e67e22 !important;
border-left-color: #e67e22 !important;
border-right-color: #e67e22 !important;
font-size: 30px;
top: -63px;
left: 40px;
transition: 0.5s all;
}
.iconbox-4 .iconbox-4-inner .ib-icon-4 .icon-lg {
display: block;
border-color: transparent;
}
.iconbox-4 .iconbox-4-inner:hover .icon-frame-inverse-primary {
top: -4px;
border-top-color: #fff !important;
border-bottom-color: #e67e22;
border-left-color: #e67e22;
border-right-color: #e67e22;
}
.iconbox-4 .iconbox-4-inner:hover .icon-frame-inverse-primary .fa {
color: #e67e22;
}
.iconbox-4 .iconbox-4-inner:hover .icon-lg {
transition: 0.5s all;
color: #e67e22;
}
.iconbox-4 .iconbox-4-inner .ib-button-4 a {
margin: auto;
color: #773f0d;
}
.iconbox-4 .iconbox-4-inner .ib-button-4 a:hover {
color: #e67e22;
}
.iconbox-4 .iconbox-4-inner .ib-button-4 a:focus {
color: #e67e22;
}
.iconbox-4 .iconbox-4-inner .ib-button-4 a.active,
.iconbox-4 .iconbox-4-inner .ib-button-4:visited {
color: #e67e22;
}
.iconbox-5 {
cursor: pointer;
}
.iconbox-5 .iconbox-5-inner .ib-button-5 a {
color: #773f0d;
}
.iconbox-5 .iconbox-5-inner .ib-button-5 a:hover {
color: #e67e22;
}
.iconbox-5 .iconbox-5-inner .ib-button-5 a:focus {
color: #e67e22;
}
.iconbox-5 .iconbox-5-inner .ib-button-5 a.active,
.iconbox-5 .iconbox-5-inner .ib-button-5:visited {
color: #e67e22;
}
.iconbox-5 .iconbox-5-inner:hover .ib-icon-5 .icon-lg {
color: #e67e22 !important;
background-color: transparent;
border-color: #e67e22;
}
.iconbox-5 .iconbox-5-inner:hover .ib-icon-5 .icon-frame-primary i {
color: #e67e22;
}
.iconbox-6 {
cursor: pointer;
transition: 0.5s all;
}
.iconbox-6 .iconbox-6-inner .ib-button-6 a {
color: #773f0d;
}
.iconbox-6 .iconbox-6-inner .ib-button-6 a:hover {
color: #e67e22;
}
.iconbox-6 .iconbox-6-inner .ib-button-6 a:focus {
color: #e67e22;
}
.iconbox-6 .iconbox-6-inner .ib-button-6 a.active,
.iconbox-6 .iconbox-6-inner .ib-button-6:visited {
color: #e67e22;
}
.iconbox-6 .iconbox-6-inner:hover .ib-icon-6 .icon-lg {
color: #e67e22 !important;
background-color: transparent;
border-color: #e67e22;
}
.iconbox-6 .iconbox-6-inner:hover .ib-icon-6 .icon-frame-primary i {
color: #e67e22;
}
.iconbox-7 {
cursor: pointer;
}
.iconbox-7 .iconbox-7-inner {
position: relative;
transition: 0.5s all;
border: 1px solid #ffcb27;
}
.iconbox-7 .iconbox-7-inner .ib-icon-7 .icon-flat-lg {
display: block;
position: absolute;
background-color: #333;
top: -20px;
border: 1px solid #ffcb27;
color: #fff;
left: -20px;
}
.iconbox-7 .iconbox-7-inner:hover {
background-color: #ffcb27;
color: #fff;
}
.iconbox-7 .iconbox-7-inner:hover .text .title {
color: #fff;
}
.iconbox-7 .iconbox-7-inner:hover .text p {
color: #fff;
}
.iconbox-7 .iconbox-7-inner .ib-button-7 {
background-color: #333;
text-transform: uppercase;
position: absolute;
bottom: -43px;
right: -16px;
widht: 200px;
}
.iconbox-7 .iconbox-7-inner .ib-button-7 .btn-default {
background-color: #333;
color: #e67e22;
border: 1px solid #ffcb27;
font-weight: 400;
font-size: 16px;
}
.iconbox-7 .title {
color: #333;
}
.iconbox-7 .description p {
color: #333;
}
.iconbox-8 {
cursor: pointer;
}
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn {
padding-top: 8px;
}
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary {
font-weight: 100px !important;
font-size: 12px;
padding-right: 10px;
letter-spacing: 0.9px;
border-radius: 0px;
text-transform: uppercase !important;
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
text-shadow: 1px 0px 1px #000;
border-color: #e67e22;
background-color: #e67e22;
}
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary span {
top: -3px;
left: 100px;
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
padding: 11px;
background-color: #be6415;
font-size: 15px !important;
}
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:hover,
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:focus,
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:active {
color: #fff;
background-color: #be6415;
}
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:hover span,
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:focus span,
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:active span {
background-color: #e98b38;
}
.iconbox-8 .iconbox-8-inner .ib-button-8 .btn-primary:focus {
outline: none;
}
.iconbox-8 .iconbox-8-inner .text .title {
font-size: 16px !important;
letter-spacing: 0.9px !important;
color: #808080;
}
.iconbox-8 .iconbox-8-inner .text .title-slogan p {
text-transform: uppercase;
letter-spacing: 0.7px;
color: #000;
font-weight: 400;
font-size: 12px !important;
}
.iconbox-8 .iconbox-8-inner .text .description p {
letter-spacing: 0.9px;
font-size: 16px !important;
color: #000;
font-weight: 200;
}
.iconbox-9 {
cursor: pointer;
}
.iconbox-9 .iconbox-9-inner {
position: relative;
overflow: hidden;
left: 0;
top: 0;
border: 1px solid #e67e22;
transition: 0.5s all;
}
.iconbox-9 .iconbox-9-inner .ib-icon-9 {
position: absolute;
right: 20%;
top: 10px;
padding-top: 20px;
color: rgba(0,0,0,0.05);
}
.iconbox-9 .iconbox-9-inner .ib-icon-9 i::before {
font-size: 200px;
}
.iconbox-9 .iconbox-9-inner .text {
transition: 0.5s all;
}
.iconbox-9 .iconbox-9-inner .text .title {
font-size: 16px !important;
letter-spacing: 0.9px !important;
color: #808080;
}
.iconbox-9 .iconbox-9-inner .text .title-slogan p {
text-transform: uppercase;
letter-spacing: 0.7px;
color: #000;
font-weight: 500;
font-size: 12px !important;
}
.iconbox-9 .iconbox-9-inner .text .description {
padding-top: 5px;
padding-bottom: 20px;
}
.iconbox-9 .iconbox-9-inner .text .description p {
letter-spacing: 0.9px;
font-size: 16px !important;
color: #000;
font-weight: 400;
}
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn {
padding-top: 8px;
}
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary {
font-weight: 100px !important;
font-size: 12px;
padding-right: 10px;
letter-spacing: 0.9px;
border-radius: 0px;
text-transform: uppercase !important;
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
text-shadow: 1px 0px 1px #000;
border-color: #e67e22;
background-color: #e67e22;
}
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary span {
top: -3px;
left: 100px;
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
padding: 11px;
background-color: #be6415;
font-size: 15px !important;
}
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:hover,
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:focus,
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:active {
color: #fff;
background-color: #be6415;
}
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:hover span,
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:focus span,
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:active span {
background-color: #e98b38;
}
.iconbox-9 .iconbox-9-inner .ib-button-9 .btn-primary:focus {
outline: none;
}
.iconbox-9 .iconbox-9-inner:hover {
padding-top: 0px;
}
.iconbox-9 .iconbox-9-inner:hover .text {
margin-top: 100px;
}
.iconbox-9 .iconbox-9-inner:hover .ib-icon-9 {
transition: 0.5s all;
top: 0;
right: 40%;
color: #e67e22;
}
.iconbox-9 .iconbox-9-inner:hover .ib-icon-9 i::before {
font-size: 60px;
transition: 0.5s all;
}
.icon-frame-primary {
margin: 3px;
background-color: #e67e22;
text-align: center;
border: 1px solid #e67e22;
transition: 0.5s all;
color: #fff;
}
.icon-frame-primary i {
color: #fff;
}
.icon-frame-primary:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #e67e22;
background-color: transparent;
border: 1px solid #e67e22;
}
.icon-frame-primary:hover i {
color: #e67e22;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-primary {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #e67e22;
transition: 0.5s all;
color: #e67e22;
}
.icon-frame-inverse-primary i {
color: #e67e22;
}
.icon-frame-inverse-primary:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.icon-frame-inverse-primary:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.icon-frame-secondary {
margin: 3px;
background-color: #1bbc9d;
text-align: center;
border: 1px solid #1bbc9d;
transition: 0.5s all;
color: #fff;
}
.icon-frame-secondary i {
color: #fff;
}
.icon-frame-secondary:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #1bbc9d;
background-color: transparent;
border: 1px solid #1bbc9d;
}
.icon-frame-secondary:hover i {
color: #1bbc9d;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-secondary {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #1bbc9d;
transition: 0.5s all;
color: #1bbc9d;
}
.icon-frame-inverse-secondary i {
color: #1bbc9d;
}
.icon-frame-inverse-secondary:hover {
background-color: #1bbc9d;
border: 1px solid #1bbc9d;
color: #fff;
}
.icon-frame-inverse-secondary:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.icon-frame-blue {
margin: 3px;
background-color: #2a80b9;
text-align: center;
border: 1px solid #2a80b9;
transition: 0.5s all;
color: #fff;
}
.icon-frame-blue i {
color: #fff;
}
.icon-frame-blue:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #2a80b9;
background-color: transparent;
border: 1px solid #2a80b9;
}
.icon-frame-blue:hover i {
color: #2a80b9;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-blue {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #2a80b9;
transition: 0.5s all;
color: #2a80b9;
}
.icon-frame-inverse-blue i {
color: #2a80b9;
}
.icon-frame-inverse-blue:hover {
background-color: #2a80b9;
border: 1px solid #2a80b9;
color: #fff;
}
.icon-frame-inverse-blue:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.icon-frame-green {
margin: 3px;
background-color: #2fcc71;
text-align: center;
border: 1px solid #2fcc71;
transition: 0.5s all;
color: #fff;
}
.icon-frame-green i {
color: #fff;
}
.icon-frame-green:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #2fcc71;
background-color: transparent;
border: 1px solid #2fcc71;
}
.icon-frame-green:hover i {
color: #2fcc71;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-green {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #2fcc71;
transition: 0.5s all;
color: #2fcc71;
}
.icon-frame-inverse-green i {
color: #2fcc71;
}
.icon-frame-inverse-green:hover {
background-color: #2fcc71;
border: 1px solid #2fcc71;
color: #fff;
}
.icon-frame-inverse-green:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.icon-frame-black {
margin: 3px;
background-color: #000;
text-align: center;
border: 1px solid #000;
transition: 0.5s all;
color: #fff;
}
.icon-frame-black i {
color: #fff;
}
.icon-frame-black:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #000;
background-color: transparent;
border: 1px solid #000;
}
.icon-frame-black:hover i {
color: #000;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-black {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #000;
transition: 0.5s all;
color: #000;
}
.icon-frame-inverse-black i {
color: #000;
}
.icon-frame-inverse-black:hover {
background-color: #000;
border: 1px solid #000;
color: #fff;
}
.icon-frame-inverse-black:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.icon-frame-gray {
margin: 3px;
background-color: #333;
text-align: center;
border: 1px solid #333;
transition: 0.5s all;
color: #fff;
}
.icon-frame-gray i {
color: #fff;
}
.icon-frame-gray:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #333;
background-color: transparent;
border: 1px solid #333;
}
.icon-frame-gray:hover i {
color: #333;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-gray {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #333;
transition: 0.5s all;
color: #333;
}
.icon-frame-inverse-gray i {
color: #333;
}
.icon-frame-inverse-gray:hover {
background-color: #333;
border: 1px solid #333;
color: #fff;
}
.icon-frame-inverse-gray:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.icon-frame-white {
margin: 3px;
background-color: #fff;
text-align: center;
border: 1px solid #fff;
transition: 0.5s all;
color: #fff;
}
.icon-frame-white i {
color: #fff;
}
.icon-frame-white:hover {
text-shadow: none !important;
box-shadow: none !important;
text-decoration: none !important;
color: #fff;
background-color: transparent;
border: 1px solid #fff;
}
.icon-frame-white:hover i {
color: #fff;
}
.icon-xs {
height: 30px;
font-size: 15px;
width: 30px;
padding-left: 2px;
line-height: 30px;
}
.icon-sm {
height: 40px;
font-size: 15px;
width: 40px;
line-height: 40px;
}
.icon-md {
height: 50px;
font-size: 24px;
width: 50px;
line-height: 50px;
}
.icon-lg {
height: 60px;
font-size: 26px;
line-height: 60px;
width: 60px;
}
.icon-xl {
height: 70px;
line-height: 70px;
font-size: 30px;
width: 70px;
}
.icon-flat-xs {
height: 30px;
width: 30px;
padding-top: 6px;
}
.icon-flat-xs i::before {
position: relative;
top: -3px;
left: -13px;
font-size: 15px;
}
.icon-flat-sm {
height: 40px;
width: 40px;
padding-top: 11px;
text-decoration: none !important;
}
.icon-flat-sm i::before {
position: relative;
top: -3px;
left: -10px;
font-size: 16px;
}
.icon-flat-md {
height: 50px;
width: 50px;
padding-top: 12px;
text-align: center;
}
.icon-flat-md i {
text-align: center;
}
.icon-flat-md i::before {
position: relative;
top: 3px;
left: -10px;
font-size: 24px;
}
.icon-flat-lg {
height: 60px;
width: 60px;
padding-top: 10px;
padding-right: 15px;
}
.icon-flat-lg i::before {
position: relative;
top: 10px;
left: -6px;
font-size: 30px;
}
.icon-flat-xl {
height: 70px;
width: 70px;
padding-top: 10px;
}
.icon-flat-xl i::before {
position: relative;
top: 15px;
left: -9px;
font-size: 40px;
}
.icon-frame-inverse-white {
margin: 3px;
background-color: transparent;
text-align: center;
border: 1px solid #fff;
transition: 0.5s all;
color: #fff;
}
.icon-frame-inverse-white i {
color: #fff;
}
.icon-frame-inverse-white:hover {
background-color: #fff;
border: 1px solid #fff;
color: #fff;
}
.icon-frame-inverse-white:hover i {
color: #fff;
}
.facebook {
border-color: #3b5998;
background-color: #3b5998;
}
.facebook:hover {
border-color: #3b5998;
}
.facebook:hover i {
color: #3b5998;
}
.facebook-inv {
background-color: transparent;
}
.facebook-inv:hover {
background-color: #3b5998;
border-color: #3b5998 !important;
}
.instagram {
border-color: #517fa4;
background-color: #517fa4;
}
.instagram:hover {
border-color: #517fa4;
}
.instagram:hover i {
color: #517fa4;
}
.instagram-inv {
background-color: transparent;
}
.instagram-inv:hover {
background-color: #517fa4;
border-color: #517fa4;
}
.twitter {
border-color: #0084b4;
background-color: #0084b4;
}
.twitter:hover {
border-color: #0084b4;
}
.twitter:hover i {
color: #0084b4 !important;
}
.twitter-inv {
background-color: transparent;
}
.twitter-inv:hover {
border-color: #0084b4 !important;
background-color: #0084b4;
}
.gplus-inv {
background-color: transparent;
}
.gplus-inv:hover {
border-color: #e74c3c !important;
background-color: #e74c3c;
}
.linkedin {
border-color: #007bb6;
background-color: #007bb6;
}
.linkedin:hover {
border-color: #007bb6;
}
.linkedin:hover i {
color: #007bb6 !important;
}
.youtube {
border-color: #b00;
background-color: #b00;
}
.youtube:hover {
border-color: #b00;
}
.youtube:hover i {
color: #b00 !important;
}
.dark-icon {
border-color: #b3b3b3;
}
.dark-icon i {
color: #b3b3b3;
}
.imgbox-1 {
background-color: rgba(230,126,34,0.02);
position: relative;
}
.imgbox-1 img {
border: 5px solid #e67e22;
border-bottom: 0;
}
.imgbox-1 .icon {
margin: 5px;
height: 100%;
width: 100%;
transform: rotate(0deg);
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
}
.imgbox-1 .text {
opacity: 2;
border-bottom: 1px solid #e67e22;
bottom: -150px;
}
.imgbox-1:hover {
transition: 0.5s all;
cursor: pointer;
}
.imgbox-1:hover img,
.imgbox-1:hover .icon {
opacity: 2;
transition: 1s all;
}
.imgbox-1:hover .text {
transition: 1s all ease-in-out;
opacity: 2;
bottom: -142px;
}
.imgbox-2 {
background-color: rgba(230,126,34,0.1);
position: relative;
}
.imgbox-2 img {
margin-bottom: 120px;
}
.imgbox-2 .icon {
transform: rotate(0deg);
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
}
.imgbox-2 .text {
position: absolute;
opacity: 0;
border-bottom: 1px solid #e67e22;
index: 0;
bottom: 150px;
transform: rotate(50deg);
}
.imgbox-2:before {
transition: 1s all ease-in-out;
content: '';
position: absolute;
border: 80px solid rgba(230,126,34,0.4);
border-top-color: transparent;
border-right-color: transparent;
left: 0px;
bottom: 0px;
}
.imgbox-2:after {
transition: 1s all ease-in-out;
content: '';
position: absolute;
border: 80px solid rgba(230,126,34,0.4);
border-bottom-color: transparent;
border-left-color: transparent;
right: 0px;
top: 0px;
}
.imgbox-2:hover {
transition: 2s all;
cursor: pointer;
}
.imgbox-2:hover .icon {
opacity: 2;
transition: 1s all;
}
.imgbox-2:hover .text {
transform: rotate(0deg);
transition: 1s all ease-in-out;
opacity: 2;
bottom: -150px;
}
.imgbox-3 {
background-color: rgba(230,126,34,0.1);
position: relative;
}
.imgbox-3 img {
margin-bottom: 120px;
}
.imgbox-3 .icon {
transform: rotate(0deg);
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
}
.imgbox-3 .text {
position: absolute;
opacity: 0;
border-bottom: 1px solid #e67e22;
index: 0;
bottom: 80px;
}
.imgbox-3:before {
transition: 1s all ease-in-out;
content: '';
position: absolute;
border: 50px solid rgba(230,126,34,0.4);
border-top-color: transparent;
border-right-color: transparent;
left: 0px;
bottom: 0px;
}
.imgbox-3:after {
transition: 1s all ease-in-out;
content: '';
position: absolute;
border: 50px solid rgba(230,126,34,0.4);
border-bottom-color: transparent;
border-left-color: transparent;
right: 0px;
top: 0px;
}
.imgbox-3:hover {
transition: 2s all;
cursor: pointer;
}
.imgbox-3:hover .icon {
opacity: 2;
transition: 1s all;
}
.imgbox-3:hover .text {
transform: rotate(0deg);
transition: 1s all ease-in-out;
opacity: 2;
bottom: -150px;
}
.ethink-imgbox-service .enthink-img-box1 .text .title h3 {
font-size: 13px;
font-weight: 800;
letter-spacing: 0.2px;
}
.ethink-imgbox-service .enthink-img-box1 .text .dates-icon ul {
border-top: 1px dotted #e67e22;
border-bottom: 1px dotted #e67e22;
}
.ethink-imgbox-service .enthink-img-box1 .text .dates-icon ul > li {
font-size: 11px;
}
.ethink-imgbox-service .enthink-img-box1 .text .dates-icon ul > li a {
color: #999;
transition: 0.5 all;
}
.ethink-imgbox-service .enthink-img-box1 .text .dates-icon ul > li a:hover {
color: #e67e22;
}
.ethink-imgbox-service .enthink-img-box1 .text .description p {
font-size: 15px;
}
.ethink-imgbox-service .enthink-img-box1 .text .button {
margin-left: -12px;
background-image: none;
padding-bottom: 18px;
}
.ethink-imgbox-service .enthink-img-box1 .text .button .btn {
padding-top: 8px;
}
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary {
font-weight: 100px !important;
font-size: 12px;
padding-right: 10px;
letter-spacing: 0.9px;
border-radius: 0px;
text-transform: uppercase !important;
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
text-shadow: 1px 0px 1px #000;
border-color: #e67e22;
background-color: #e67e22;
}
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary span {
top: -3px;
left: 100px;
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
padding: 11px;
background-color: #be6415;
font-size: 15px !important;
}
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:hover,
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:focus,
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:active {
color: #fff;
background-color: #be6415;
}
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:hover span,
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:focus span,
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:active span {
background-color: #e98b38;
}
.ethink-imgbox-service .enthink-img-box1 .text .button .btn-primary:focus {
outline: none;
}
.ethink-imgbox-service .owl-service .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
right: 54px;
bottom: -80px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.ethink-imgbox-service .owl-service .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.ethink-imgbox-service .owl-service .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0px;
bottom: -80px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.ethink-imgbox-service .owl-service .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.ethink-imgbox-service .owl-service .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.ethink-imgbox-service .owl-service .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.imgbox-4-column .img-box-medical figure {
position: relative;
overflow: hidden;
}
.imgbox-4-column .img-box-medical figure figcaption {
position: absolute;
height: 100%;
width: 100%;
top: 0;
opacity: 0;
cursor: pointer;
transition: 0.5s all;
background-color: rgba(230,126,34,0.3);
}
.imgbox-4-column .img-box-medical figure figcaption .icon-frame-primary:hover {
background-color: #fff;
border-color: #fff;
}
.imgbox-4-column .img-box-medical figure:hover figcaption {
opacity: 2;
}
.imgbox-4-column .img-box-medical figure:hover .figcaption1 {
opacity: 9;
}
.imgbox-4-column .img-content {
background-color: #fff;
}
.imgbox-4-column .img-content img {
width: 100%;
}
.imgbox-4-column .img-content h4 {
font-weight: 600;
text-transform: uppercase;
color: #e67e22;
}
.imgbox-4-column .img-content h5 {
text-align: left;
margin-top: -15px;
background-color: rgba(230,126,34,0.7);
margin-bottom: 20px;
font-size: 10px !important;
font-weight: 400;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.imgbox-4-column .img-content p {
text-transform: lowercase;
font-size: 15px;
margin-top: 15px;
line-height: 20px;
letter-spacing: 0.8px;
}
.imgbox-4-column .img-content a p {
text-decoration: none;
}
.imgbox-4-column .img-content a:hover {
text-decoration: none;
}
.modal1 input,
.modal2 input,
.modal3 input,
.modal4 input,
.modal5 input {
border-color: #e67e22;
transition: 0.5s all;
letter-spacing: 0.9px;
}
.modal1 input:focus,
.modal2 input:focus,
.modal3 input:focus,
.modal4 input:focus,
.modal5 input:focus {
border-color: #e67e22;
background-color: rgba(230,126,34,0.15);
}
.modal1 textarea,
.modal2 textarea,
.modal3 textarea,
.modal4 textarea,
.modal5 textarea {
border-color: #e67e22;
transition: 0.5s all;
letter-spacing: 0.9px;
}
.modal1 textarea:focus,
.modal2 textarea:focus,
.modal3 textarea:focus,
.modal4 textarea:focus,
.modal5 textarea:focus {
border-color: #e67e22;
background-color: rgba(230,126,34,0.15);
}
.modal1 label,
.modal2 label,
.modal3 label,
.modal4 label,
.modal5 label {
margin-top: 10px;
letter-spacing: 0.9px;
font-size: 15px;
text-transform: capitalize;
font-weight: 400;
}
.modal1 .btn,
.modal2 .btn,
.modal3 .btn,
.modal4 .btn,
.modal5 .btn {
transition: 0.5s all;
letter-spacing: 0.9px;
font-size: 16px;
background-color: #e67e22 !important;
border-radius: 0;
color: #fff;
position: relative;
top: 0;
left: 0;
}
.modal1 .btn:focus,
.modal2 .btn:focus,
.modal3 .btn:focus,
.modal4 .btn:focus,
.modal5 .btn:focus {
outline: none;
}
.modal1 .btn:hover,
.modal2 .btn:hover,
.modal3 .btn:hover,
.modal4 .btn:hover,
.modal5 .btn:hover {
background-color: #d57118 !important;
}
.modal1 .modal-header,
.modal2 .modal-header,
.modal3 .modal-header,
.modal4 .modal-header,
.modal5 .modal-header {
background-color: #e67e22;
}
.modal1 .modal-header h4,
.modal2 .modal-header h4,
.modal3 .modal-header h4,
.modal4 .modal-header h4,
.modal5 .modal-header h4 {
text-transform: capitalize;
color: #fff;
}
.modal1 .modal-dialog-map-custom,
.modal2 .modal-dialog-map-custom,
.modal3 .modal-dialog-map-custom,
.modal4 .modal-dialog-map-custom,
.modal5 .modal-dialog-map-custom {
width: 93%;
}
.modal1 .modal-3-bg,
.modal2 .modal-3-bg,
.modal3 .modal-3-bg,
.modal4 .modal-3-bg,
.modal5 .modal-3-bg {
background-color: rgba(0,0,0,0.5);
}
.modal1 .modal-4-bg,
.modal2 .modal-4-bg,
.modal3 .modal-4-bg,
.modal4 .modal-4-bg,
.modal5 .modal-4-bg {
background: url("../img/construction/slider/cons2.jpg");
}
.modal1 .modal-4-bg .modal-content,
.modal2 .modal-4-bg .modal-content,
.modal3 .modal-4-bg .modal-content,
.modal4 .modal-4-bg .modal-content,
.modal5 .modal-4-bg .modal-content {
background-color: rgba(255,255,255,0.1);
}
.modal1 .modal-4-bg .modal-bodyt,
.modal2 .modal-4-bg .modal-bodyt,
.modal3 .modal-4-bg .modal-bodyt,
.modal4 .modal-4-bg .modal-bodyt,
.modal5 .modal-4-bg .modal-bodyt {
padding-left: 80px;
padding-right: 80px;
}
.modal1 .modal-4-bg .modal-header,
.modal2 .modal-4-bg .modal-header,
.modal3 .modal-4-bg .modal-header,
.modal4 .modal-4-bg .modal-header,
.modal5 .modal-4-bg .modal-header {
border-bottom-color: #e67e22;
background-color: rgba(230,126,34,0.3);
}
.modal1 .modal-4-bg .modal-footer,
.modal2 .modal-4-bg .modal-footer,
.modal3 .modal-4-bg .modal-footer,
.modal4 .modal-4-bg .modal-footer,
.modal5 .modal-4-bg .modal-footer {
background-color: rgba(230,126,34,0.3);
border-top-color: #e67e22;
}
.modal1 .modal-5-bg,
.modal2 .modal-5-bg,
.modal3 .modal-5-bg,
.modal4 .modal-5-bg,
.modal5 .modal-5-bg {
background: url("../img/construction/slider/cons2.jpg");
}
.modal1 .modal-5-bg .modal-content,
.modal2 .modal-5-bg .modal-content,
.modal3 .modal-5-bg .modal-content,
.modal4 .modal-5-bg .modal-content,
.modal5 .modal-5-bg .modal-content {
background-color: rgba(255,255,255,0.1);
}
.modal1 .modal-5-bg .modal-body,
.modal2 .modal-5-bg .modal-body,
.modal3 .modal-5-bg .modal-body,
.modal4 .modal-5-bg .modal-body,
.modal5 .modal-5-bg .modal-body {
padding-left: 80px;
padding-right: 80px;
}
.modal1 .modal-5-bg .modal-body .btn,
.modal2 .modal-5-bg .modal-body .btn,
.modal3 .modal-5-bg .modal-body .btn,
.modal4 .modal-5-bg .modal-body .btn,
.modal5 .modal-5-bg .modal-body .btn {
background-color: #e67e22 !important;
color: #fff;
}
.modal1 .modal-5-bg .modal-body .btn:hover,
.modal2 .modal-5-bg .modal-body .btn:hover,
.modal3 .modal-5-bg .modal-body .btn:hover,
.modal4 .modal-5-bg .modal-body .btn:hover,
.modal5 .modal-5-bg .modal-body .btn:hover {
background-color: #ca6b17 !important;
}
.modal1 .modal-5-bg .modal-header,
.modal2 .modal-5-bg .modal-header,
.modal3 .modal-5-bg .modal-header,
.modal4 .modal-5-bg .modal-header,
.modal5 .modal-5-bg .modal-header {
border-bottom-color: #e67e22;
background-color: rgba(230,126,34,0.3);
}
.modal1 .modal-5-bg .modal-footer,
.modal2 .modal-5-bg .modal-footer,
.modal3 .modal-5-bg .modal-footer,
.modal4 .modal-5-bg .modal-footer,
.modal5 .modal-5-bg .modal-footer {
background-color: rgba(255,255,255,0.4);
border-top-color: #e67e22;
}
.modal1 .modal-5-bg label,
.modal2 .modal-5-bg label,
.modal3 .modal-5-bg label,
.modal4 .modal-5-bg label,
.modal5 .modal-5-bg label {
color: #fff !important;
}
.modal1 .modal-5-bg input,
.modal2 .modal-5-bg input,
.modal3 .modal-5-bg input,
.modal4 .modal-5-bg input,
.modal5 .modal-5-bg input {
background-color: transparent;
color: #fff;
}
.modal1 .modal-5-bg input:hover,
.modal2 .modal-5-bg input:hover,
.modal3 .modal-5-bg input:hover,
.modal4 .modal-5-bg input:hover,
.modal5 .modal-5-bg input:hover {
background-color: rgba(230,126,34,0.1) !important;
}
.modal1 .modal-5-bg input:focus,
.modal2 .modal-5-bg input:focus,
.modal3 .modal-5-bg input:focus,
.modal4 .modal-5-bg input:focus,
.modal5 .modal-5-bg input:focus {
background-color: rgba(230,126,34,0.15) !important;
}
.modal1,
.modal2,
.modal3 > .modal-btn {
transition: 0.5s all;
letter-spacing: 0.9px;
font-size: 16px;
background-color: #e67e22 !important;
border-radius: 0;
box-shadow: inset 0px 3px 5px #a65813;
color: #fff;
position: relative;
top: 0;
cursor: pointer;
padding-top: 10px;
padding-bottom: 10px;
left: 0;
}
.modal1:focus,
.modal2:focus,
.modal3 > .modal-btn:focus {
outline: none;
}
.modal1:hover,
.modal2:hover,
.modal3 > .modal-btn:hover {
background-color: #d57118 !important;
}
.modal4,
.modal5> .modal-btn {
transition: 0.5s all;
letter-spacing: 0.9px;
font-size: 16px;
background-color: rgba(0,0,0,0.8);
border-radius: 0;
color: #fff;
position: relative;
top: 0;
cursor: pointer;
padding-top: 10px;
padding-bottom: 10px;
left: 0;
}
.modal4:hover,
.modal5> .modal-btn:hover {
background-color: rgba(0,0,0,0.7);
}
.alert1 .alert-custom,
.alert2 .alert-custom,
.alert3 .alert-custom {
transition: 0.5s all;
cursor: pointer;
border-radius: 0;
}
.alert1 .alert-custom:hover,
.alert2 .alert-custom:hover,
.alert3 .alert-custom:hover {
background-color: rgba(230,126,34,0.15);
}
.flat a {
border-radius: 0px !important;
}
.active-page {
margin-bottom: 40px;
}
.active-page .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 0px;
}
.active-page .pagination>li>a,
.active-page .pagination>li>span {
position: relative;
margin-left: 8px;
color: #e67e22;
}
.active-page .pagination>li:first-child>a,
.active-page .pagination>li:first-child>span {
border-radius: 0px;
}
.active-page .pagination>li:last-child>a,
.active-page .pagination>li:last-child>span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.active-page .pagination>.active>a,
.active-page .pagination>.active>a:focus,
.active-page .pagination>.active>a:hover,
.active-page .pagination>.active>span,
.active-page .pagination>.active>span:focus,
.active-page .pagination>.active>span:hover {
color: #fff;
cursor: default;
background-color: #e67e22;
border-color: #e67e22;
}
.price1 {
position: relative;
width: 100%;
height: 100%;
background-color: #bfbfbf !important;
}
.price2 {
position: relative;
background-color: #f2f2f2 !important;
}
.bg-clr-table {
background-color: #e6e6e6 !important;
width: 100%;
height: 400px;
}
.bg-clr-table .num-title {
padding: 8px 0 !important;
background-color: #999;
color: #fff;
text-align: center;
text-transform: uppercase;
}
.bg-clr-table .title-heading {
color: #4d4d4d !important;
padding: 12px 0 !important;
background-color: #ccc;
text-align: center;
}
.bg-clr-table .title-heading h3 {
line-height: 40px;
font-size: 40px !important;
}
.bg-clr-table .title-heading span {
text-transform: lowercase;
font-size: 14px;
line-height: 16px;
}
.bg-clr-table .price-list {
text-align: center;
padding: 5px 0px;
}
.bg-clr-table .price-list p {
padding: 8px 5px 1px 5px;
color: #777;
}
.bg-clr-table .price-list p span {
font-weight: 400;
color: #999;
}
.bg-clr-table .price-button {
margin-top: 15px;
text-align: center;
}
.price-seprator {
position: relative;
width: 100%;
height: 1px;
background-color: #bbb;
}
.sign-up-button {
position: relative;
padding: 15px 60px !important;
background-color: transparent;
color: #aaa;
border-radius: 0px;
border: 1px solid #e67e22;
text-transform: capitalize;
font-size: 16px;
}
.sign-up-button:hover,
.sign-up-button:focus {
background-color: #e98b38;
color: #fff;
outline: none;
}
.package {
transition: 0.6s ease-in-out;
text-align: center;
border: 10px solid #eee;
text-transform: uppercase;
color: #777;
}
.package h3 {
transition: 0.5s ease-in-out;
background-color: #eee;
padding: 25px;
}
.package ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.package ul li {
text-transform: capitalize;
font-weight: 300;
padding: 15px 15px;
border-bottom: 1px solid #eee;
}
.package a {
text-decoration: none;
padding: 30px 10px;
}
.package a h2 {
font-weight: 200;
color: #555;
font-size: 50px;
}
.package a h2 span {
font-size: 25px;
color: #e67e22;
}
.package:hover {
transition: 0.9s ease-in-out;
border-color: #999;
transform: scale(1.03) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.package:hover h3 {
color: #fff;
margin-top: -1px;
background-color: #999;
}
.progress {
height: 20px;
background: #ddd;
position: relative;
border-radius: 0px;
box-shadow: none;
}
#progressbar {
width: 240px;
color: #fff;
border: 50%;
}
#progressbar .text-center .progressbar {
position: relative;
padding: 20px;
background-color: transparent !important;
}
#progressbar .text-center .progressbar strong {
position: absoulte;
font-size: 25px;
top: 14%;
left: 14%;
color: #22a7f0;
border-radius: 50%;
line-height: 50px;
padding: 60px;
background-color: #fff;
}
.progress-xs {
height: 5px;
box-shadow: none;
}
.sxx-heading {
font-weight: 400;
color: #333;
text-transform: capitalize;
margin: 10px 0px;
font-size: 17px;
}
.tab1 .tab-status {
padding: 30px;
}
.tab1 .tab-status h4 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.tab1 .tab-status p {
font-size: 15px;
}
.tab2 .tab-pane {
padding-top: 30px;
}
.tab2 .nav-tabs > li {
padding-right: 0 !important;
border: none;
margin-right: 0 !important;
}
.tab2 .nav-tabs > li > a {
background-color: transparent;
color: #e67e22;
font-size: 15px;
margin-top: 5px;
margin-right: 20px;
transition: 0.5s all ease-in-out;
}
.tab2 .nav-tabs > li > a:hover {
transition: 0.5s all ease-in-out;
cursor: default;
background-color: transparent !important;
border: 1px solid transparent;
cursor: pointer;
border-bottom-color: #e67e22;
}
.tab2 .nav-tabs > li > a.active {
border-color: #e67e22;
}
.tab2 .nav-tabs > li.active > a,
.tab2 .nav-tabs > li.active > a:focus {
cursor: default;
background-color: transparent !important;
border: 1px solid transparent;
color: #e67e22;
cursor: pointer;
border-bottom-color: #e67e22;
}
.tab2 .tab-status {
border-left: 1px solid #e67e22;
border-right: 1px solid #e67e22;
border-radius: 5px 5px 5px 5px;
padding: 30px;
}
.tab2 .tab-status h4 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.tab2 .tab-status p {
font-size: 15px;
}
.tab2 .nav-tabs {
border-bottom: none;
}
.tab3 .tab-pane {
padding-top: 30px;
}
.tab3 .nav-tabs > li {
border: none;
}
.tab3 .nav-tabs > li > a {
background-color: transparent;
color: #e67e22;
border: 1px solid;
font-size: 15px;
margin-top: 5px;
margin-right: 20px;
transition: 0.5s all ease-in-out;
border-radius: 40px 40px 40px 40px !important;
}
.tab3 .nav-tabs > li > a:hover {
color: #e67e22;
background-color: transparent;
border-bottom-color: #e67e22;
}
.tab3 .nav-tabs > li > a.active {
border-color: #e67e22;
}
.tab3 .nav-tabs > li.active > a,
.tab3 .nav-tabs > li.active > a:focus {
cursor: pointer;
background-color: #be6415 !important;
color: #fff;
border: 1px solid transparent;
}
.tab3 .tab-status {
border-left: 1px solid #e67e22;
border-right: 1px solid #e67e22;
border-radius: 20px 20px 20px 20px;
padding: 30px;
}
.tab3 .tab-status h4 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.tab3 .tab-status p {
font-size: 15px;
}
.tab3 .nav-tabs {
border-bottom: none;
}
.tab4 .tab-pane {
padding-top: 30px;
}
.tab4 .nav-tabs > li {
border: none;
}
.tab4 .nav-tabs > li > a {
background-color: transparent;
color: #e67e22;
border: 1px solid;
font-size: 15px;
margin-top: 5px;
margin-right: 20px;
transition: 0.5s all ease-in-out;
border-radius: 0;
}
.tab4 .nav-tabs > li > a:hover {
color: #e67e22;
background-color: transparent;
border-bottom-color: #e67e22;
}
.tab4 .nav-tabs > li > a.active {
border-color: #e67e22;
}
.tab4 .nav-tabs > li.active > a,
.tab4 .nav-tabs > li.active > a:focus {
cursor: pointer;
background-color: #be6415 !important;
color: #fff;
border: 1px solid transparent;
}
.tab4 .tab-status {
text-align: left;
border-left: 1px solid #e67e22;
border-radius: 0;
padding: 30px;
}
.tab4 .tab-status h4 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.tab4 .tab-status p {
font-size: 15px;
}
.tab4 .nav-tabs {
border-bottom: none;
}
.tab5 .tab-pane {
padding-top: 30px;
}
.tab5 .nav-tabs > li {
border: none;
}
.tab5 .nav-tabs > li > a {
background-color: transparent;
color: #e67e22;
border: 1px solid;
font-size: 15px;
margin-top: 5px;
margin-right: 20px;
transition: 0.5s all ease-in-out;
border-radius: 40px 10px 40px 10px;
}
.tab5 .nav-tabs > li > a:hover {
color: #e67e22;
background-color: transparent;
border-bottom-color: #e67e22;
}
.tab5 .nav-tabs > li > a.active {
border-color: #e67e22;
}
.tab5 .nav-tabs > li.active > a,
.tab5 .nav-tabs > li.active > a:focus {
cursor: pointer;
background-color: #be6415 !important;
color: #fff;
border: 1px solid transparent;
}
.tab5 .tab-status {
border-left: 1px solid #e67e22;
border-right: 1px solid #e67e22;
border-radius: 40px 5px 40px 5px;
padding: 30px;
}
.tab5 .tab-status h4 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.tab5 .tab-status p {
font-size: 15px;
}
.tab5 .nav-tabs {
border-bottom: none;
}
.tab6 .tab-pane,
.tab6 .nav-tabs > li {
border: none;
}
.tab6 .nav-tabs > li > a {
top: 5px;
padding-top: 4px;
position: relative;
background-color: transparent;
color: #e67e22;
border: 1px solid #e67e22;
font-size: 15px;
margin-top: 5px;
margin-right: 2px;
border-radius: 0;
transition: 0.5s all ease-in-out;
}
.tab6 .nav-tabs > li > a:hover {
color: #e67e22;
background-color: transparent;
border-bottom-color: #e67e22;
}
.tab6 .nav-tabs > li > a.active {
border-color: #e67e22;
}
.tab6 .nav-tabs > li.active > a,
.tab6 .nav-tabs > li.active > a:focus {
cursor: pointer;
top: 0;
border-bottom: 2px solid #fff;
background-color: #e67e22;
color: #fff;
border: 1px solid transparent;
}
.tab6 .tab-status {
transition: 0.5s all;
background-color: #e67e22;
padding: 30px;
}
.tab6 .tab-status form .form-group .input-group label span {
color: #fff;
}
.tab6 .tab-status form .form-group .input-group .title h5 {
color: #fff;
background-color: rgba(0,0,255,0.2);
}
.tab6 .tab-status form .form-group .input-group span {
color: #fff;
}
.tab6 .tab-status form .form-group .input-group .title a {
font-size: 15px;
color: #fff;
text-decoration: underline;
}
.tab6 .tab-status form .form-group .input-group .title .input-group label {
width: 100%;
}
.tab6 .tab-status form .form-group .input-group .title .input-group label h6 {
text-align: left;
color: #fff;
margin-bottom: 3px;
}
.tab6 .tab-status form .form-group .input-group .title .input-group label input {
width: 100%;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.tab6 .tab-status form .form-group .input-group .title .input-group label input::-webkit-input-placeholder,
.tab6 .tab-status form .form-group .input-group .title .input-group label textarea::-webkit-input-placeholder {
color: #fff;
}
.tab6 .tab-status form .form-group .input-group .title .input-group label select {
width: 100%;
cursor: pointer;
background-color: transparent;
border: 1px solid #fff;
color: #fff;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.tab6 .tab-status form .form-group .input-group .title .input-group label select option {
background-color: transparent;
border: 1px solid #fff;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.tab6 .tab-status .search_button>.btn {
margin-top: -10px;
margin-bottom: 40px;
background-color: transparent;
color: #fff;
transition: 0.5s all;
border-radius: 0;
border: 1px solid #fff;
}
.tab6 .tab-status .search_button>.btn:hover,
.tab6 .tab-status .search_button>.btn:focus {
background-color: #fff;
color: #e67e22;
outline: none;
}
@media (max-width: 350px) {
.tab6 .tab-status {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.tab6 .tab-status>li> {
padding: 0;
}
.tab6 .nav-tabs>li>a {
padding: 5px 10px 5px 10px;
}
}
.tab6 .nav-tabs {
border-bottom: none;
}
.tab6 .input-group {
width: 100%;
}
.datepicker td.active,
.datepicker td.active:hover {
background-image: -webkit-linear-gradient(top, #e67e22, #a65813);
}
.typo-title {
color: #e67e22;
text-transform: uppercase;
margin: 30px 0px;
}
.typography-styl .headings-tags h1,
.typography-styl .headings-tags h2,
.typography-styl .headings-tags h3,
.typography-styl .headings-tags h4,
.typography-styl .headings-tags h5,
.typography-styl .headings-tags h6,
.typography-styl .headings-tags p {
padding: 10px 0;
}
.typography-styl .contextual-paras p {
padding: 10px 0px;
}
.typography-styl .list-inline-text li {
padding: 10px 0px;
}
.typography-styl .icon-list li {
text-transform: capitalize;
padding: 10px 0px;
}
.typography-styl .icon-list li i {
padding: 0 10px;
}
.typography-styl .blockquote1 blockquote {
background-color: #f2f2f2;
border-color: #e67e22;
}
.typography-styl .blockquote1 p {
color: #999;
line-height: 20px;
}
.typography-styl .blockquote1 p span {
color: #a65813;
}
.typography-styl .blockquote1 .blockq span {
color: #808080;
}
.typography-styl .blockquote2 blockquote {
color: #e67e22 !important;
}
.typography-styl .cap-para1 p span {
color: #e67e22;
float: left;
font-size: 45px;
}
.typography-styl .cap-para1 p span p {
float: left;
line-height: 25px;
letter-spacing: 0.9px;
word-spacing: 0.6px;
font-size: 16px;
}
.typography-styl .cap-para2 p span {
background-color: #e67e22;
float: left;
font-size: 45px;
}
.typography-styl .cap-para2 p span p {
float: left;
line-height: 25px;
letter-spacing: 0.9px;
word-spacing: 0.6px;
font-size: 16px;
}
.contact1 {
position: relative;
}
.bg-alpha {
height: 100%;
background-color: rgba(0,0,0,0.7);
}
.bg-alpha .contact-heading {
margin-top: 100px;
font-size: 42px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
}
.bg-alpha .contact-para {
margin-top: 30px;
font-size: 18px;
font-weight: 200;
color: #fff;
}
.bg-alpha .contact-me {
margin-top: 30px;
margin-bottom: 30px;
font-size: 28px;
color: #fff;
text-transform: capitalize;
}
.bg-alpha .contactinfo {
font-size: 14px;
}
.bg-alpha .contactinfo p {
margin-top: 15px;
color: #fff;
}
.bg-alpha .contactinfo p i {
padding-right: 10px;
}
.seprator-contact {
width: 100%;
height: 1px;
background-color: #bbb !important;
}
.input-form {
margin-top: 110px;
}
.input-form textarea {
margin-top: 22px;
border-width: 1px 1px 1px 10px;
background-color: transparent;
color: #fff;
border-radius: 0px;
border-color: #000;
}
.input-form textarea:focus {
outline: none;
border-color: #e67e22;
box-shadow: none;
}
.input-form input {
margin-top: 22px;
border-radius: 0px;
border-color: #000;
padding: 25px 10px;
color: #fff;
border-width: 1px 1px 1px 10px;
background-color: transparent;
}
.input-form input:focus {
outline: none;
border-color: #e67e22;
box-shadow: none;
}
.contact-para {
font-weight: 200px;
margin-top: 40px;
font-size: 22px;
}
.input-mesg {
border-width: 0;
color: #000;
padding: 20px;
border-radius: 0;
width: 100%;
outline: none;
background-color: #f2f2f2;
border-color: #eff3f5;
font-size: 15px;
}
.input-mesg:focus {
color: #fff;
background-color: #be6415;
transition: 0.5s all;
}
@media (max-width: 992px) {
.input-mesg,
.input-blog {
margin-top: 15px;
}
}
.input-blog {
border: 1px solid;
color: #000;
padding: 18px;
border-radius: 0;
width: 100%;
outline: none;
background-color: #fafafa;
border-color: #eff3f5;
font-size: 15px;
}
.input-blog:focus {
color: #000;
background-color: #fcfcfc;
transition: 0.5s all;
}
.contact-default .input-group .form-control:hover,
.contact-default .input-group .form-control:focus {
box-shadow: none;
out-line: none;
border-color: #b3b3b3;
}
.contact-default .input-group .form-control:active {
box-shadow: none;
border-color: #b3b3b3;
}
.contact-default .input-group .input-group-addon {
background-color: #fff;
border-radius: 0px;
}
.contact-simple form label {
font-weight: 600;
margin-bottom: 8px;
}
.contact-simple form .input-group {
width: 100%;
}
.contact-simple form .input-group .form-control {
width: 100%;
}
.contact-simple form .input-group .form-control:hover,
.contact-simple form .input-group .form-control:focus {
box-shadow: none;
border-color: #b3b3b3;
}
.contact-simple form .input-group .form-control:active {
box-shadow: none;
border-color: #b3b3b3;
}
.contact-simple form .location {
margin-bottom: 20px;
}
.contact-simple form .location ul {
list-style: none;
}
.contact-simple form .location ul li {
padding-bottom: 15px;
}
.contact-simple form .location ul li i {
padding-right: 8px;
font-size: 14px;
}
.contact-simple form .location ul li a {
color: #e67e22;
}
.about-para {
margin-top: 40px;
font-size: 17px;
line-height: 30px;
color: #888;
text-align: center;
}
.img-about {
border-radius: 35px;
width: 120px;
height: 120px;
margin-top: 70px;
}
.name-title {
font-size: 20px;
padding-left: 10px;
text-transform: capitalize;
color: #888;
margin-top: 15px;
}
.post-name {
padding-right: 10px;
margin-top: 30px;
text-transform: uppercase;
color: #e67e22;
font-size: 14px;
}
@media (max-width: 992px) {
.testimonial-sm-xs {
text-align: center;
margin-top: 80px;
}
.testimonial-sm-xs h5 {
padding-bottom: 50px;
}
.testimonial-sm-xs img {
margin: auto;
display: block;
}
}
.reg-page1 {
color: #666;
padding: 40px;
margin-top: 30px;
}
.reg-page1 .input-group .form-control:focus {
box-shadow: none;
border-color: #b3b3b3;
}
.reg-page1 .input-group .form-control:active {
box-shadow: none;
border-color: #b3b3b3;
}
.reg-page1 .input-group .form-control:visited {
background-color: #f00;
}
.reg-page1 .input-group .input-group-addon {
background-color: #fff;
border-radius: 0px;
}
.reg-page {
color: #e6e6e6;
padding: 40px;
border: 1px solid #e6e6e6;
box-shadow: 0px 0px 10px;
background-color: #fcfcfc;
margin-top: 30px;
}
.reg-page .login-head {
color: #4d4d4d;
text-align: center;
margin-bottom: 35px;
}
.reg-page .login-head h2 {
font-size: 24px;
margin-bottom: 15px;
text-transform: capitalize;
}
.reg-page .input-group-addon {
background-color: transparent;
border-radius: 0px;
color: #b3b3b3;
}
.reg-page .forget {
color: #4d4d4d;
}
.reg-page .forget h4 {
margin-top: 5px;
margin-bottom: 5px;
}
.reg-page {
color: #e6e6e6;
padding: 30px;
border: 1px solid #e6e6e6;
box-shadow: 0px 0px 10px;
background-color: #fcfcfc;
margin-bottom: 35px;
}
.reg-page .reg-header {
color: #808080;
text-align: center;
margin-bottom: 35px;
}
.reg-page .reg-header h2 {
font-size: 24px;
margin-bottom: 15px;
text-transform: capitalize;
}
.reg-page label {
display-inline: block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
}
.reg-page input {
margin-bottom: 25px;
}
.reg-page input box-shadow none .checkbox {
position: relative;
display: block;
margin: 10px 0px;
}
.reg-page .form-control:focus {
box-shadow: none;
border-color: #b3b3b3;
}
.reg-page .form-control:active {
box-shadow: none;
border-color: #b3b3b3;
}
.signup-section {
background: url("../img/content/layer-slider/jellyfish-blur.jpg");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.our-team1 {
position: relative;
}
.our-team1 ul .team-list {
float: left !important;
}
.our-team1 ul .team-list .team1-img figure {
position: relative;
overflow: hidden;
}
.our-team1 ul .team-list .team1-img figure figcaption {
position: absolute;
height: 100%;
width: 100%;
top: 0;
opacity: 0;
cursor: pointer;
transition: 0.5s all;
background-color: rgba(0,0,0,0.6);
}
.our-team1 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary {
border-radius: 50%;
border-color: #fff;
}
.our-team1 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary i {
color: #fff;
}
.our-team1 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary:hover {
border-color: #e67e22;
}
.our-team1 ul .team-list .team1-img:hover figcaption {
opacity: 2;
}
.our-team1 ul .team-list .team1-img:hover .figcaption1 {
opacity: 9;
}
.our-team1 ul .team-list .team1-img .img-team-content img {
width: 100%;
}
.our-team1 ul .team-list .team1-img .img-team-content h3 {
font-size: 18px;
line-height: 20px;
margin: 15px 0 7px;
text-transform: uppercase;
color: #555;
}
.our-team1 ul .team-list .team1-img .img-team-content h4 {
color: #999;
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
}
.our-team1 ul .team-list .team1-img .img-team-content p {
position: relative;
margin: 20px 0;
color: #0d0d0d !important;
font-size: 14px;
font-weight: 300;
}
.our-team1 ul .team-list .team1-img .img-team-content p::before {
left: 0;
top: -10px;
height: 1px;
width: 40px;
content: " ";
position: absolute;
background: #bbb;
}
.our-team2 {
position: relative;
}
.our-team2 ul .team-list {
float: left !important;
}
.our-team2 ul .team-list .team1-img figure {
position: relative;
overflow: hidden;
}
.our-team2 ul .team-list .team1-img figure figcaption {
position: absolute;
height: 100%;
width: 100%;
top: 0;
opacity: 0;
cursor: pointer;
transition: 0.5s all;
background-color: rgba(0,0,0,0.6);
}
.our-team2 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary {
border-radius: 50%;
border-color: #fff;
}
.our-team2 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary i {
color: #fff;
}
.our-team2 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary:hover {
border-color: #e67e22;
}
.our-team2 ul .team-list .team1-img:hover figcaption {
opacity: 2;
}
.our-team2 ul .team-list .team1-img:hover .figcaption1 {
opacity: 9;
}
.our-team2 ul .team-list .team1-img .img-team-content img {
width: 100%;
}
.our-team2 ul .team-list .team1-img .img-team-content h3 {
font-size: 18px;
line-height: 20px;
margin: 15px 0 7px;
text-transform: uppercase;
color: #fff;
}
.our-team2 ul .team-list .team1-img .img-team-content h4 {
color: #fff;
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
}
.our-team2 ul .team-list .team1-img .img-team-content p {
position: relative;
margin: 20px 0;
color: #fff;
font-size: 14px;
font-weight: 300;
}
.our-team2 ul .team-list .team1-img .img-team-content p::before {
left: 0;
top: -10px;
height: 1px;
width: 40px;
content: " ";
position: absolute;
background: #fff;
}
.our-team3 {
position: relative;
}
.our-team3 ul .team-list {
float: left !important;
}
.our-team3 ul .team-list .team1-img figure {
position: relative;
overflow: hidden;
}
.our-team3 ul .team-list .team1-img figure figcaption {
position: absolute;
height: 100%;
width: 100%;
top: 0;
opacity: 0;
cursor: pointer;
transition: 0.5s all;
background-color: rgba(0,0,0,0.6);
}
.our-team3 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary {
border-radius: 50%;
border-color: #fff;
}
.our-team3 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary i {
color: #fff;
}
.our-team3 ul .team-list .team1-img figure figcaption .icon-frame-inverse-primary:hover {
border-color: #e67e22;
}
.our-team3 ul .team-list .team1-img:hover figcaption {
opacity: 2;
}
.our-team3 ul .team-list .team1-img:hover .figcaption1 {
opacity: 9;
}
.our-team3 ul .team-list .team1-img .img-team-content img {
width: 100%;
}
.our-team3 ul .team-list .team1-img .img-team-content h3 {
font-size: 18px;
line-height: 20px;
margin: 15px 0 7px;
text-transform: uppercase;
color: #555;
text-align: center;
}
.our-team3 ul .team-list .team1-img .img-team-content h4 {
text-align: center;
color: #e67e22;
font-size: 11px;
line-height: 16px;
text-transform: uppercase;
}
.our-team3 ul .team-list .team1-img .img-team-content p {
text-align: center;
position: relative;
margin: 20px 0;
color: #0d0d0d !important;
font-size: 14px;
font-weight: 300;
}
.our-team3 ul .team-list .team1-img .img-team-content p::before {
left: 40%;
top: -10px;
height: 1px;
width: 40px;
content: " ";
position: absolute;
background: #bbb;
}
.testimonial2 .saying-para2 {
color: #ddd;
}
.testimonial2 .testimonial-name {
color: #e67e22;
text-transform: uppercase;
font-size: 20;
}
.saying-people {
background-image: url("../img/header/5.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
.peoplesay1 {
position: relative;
width: 100%;
}
.saying-para {
color: #fff;
font-weight: 100;
font-size: 16px;
}
.testmonial-para {
margin-top: 12px;
color: #e67e22;
font-size: 25px;
font-weight: 200;
padding-right: 100px;
}
@media (max-width: 677px) {
.testmonial-para .testmonial-para {
text-align: center;
}
}
.testmonial-para span {
color: #777;
}
.owl-slider {
margin-top: 80px;
}
.owl-slider .testimonial-name {
color: #e67e22;
text-transform: uppercase;
font-size: 20;
}
.photopassion {
position: relative;
}
.photopassion .passion-para {
font-weight: 200 !important;
font-size: 18px;
line-height: 25px;
margin-top: 70px;
color: #777;
}
@media (max-width: 677px) {
.passion-para {
text-align: center;
}
.passion-btn {
text-align: center;
}
}
.pricing-table-comp-1 .btn-c-primary {
top: -20px;
}
.pricing-table-comp-1 .title {
background-color: #003;
font-size: 22px;
letter-spacing: 0.9px;
line-height: 20px;
padding: 20px 0px;
text-align: center;
}
.pricing-table-comp-1 .title h2 {
color: #bfbfbf;
text-transform: uppercase;
}
.pricing-table-comp-1 .circle {
padding: 20px 0px;
background-color: #e67e22;
}
.pricing-table-comp-1 .circle h3 {
color: #fff;
text-align: center;
border: 3px solid #fff;
border-radius: 50%;
height: 100px;
width: 100px;
line-height: 100px;
margin: 0 auto;
font-size: 28px;
}
.pricing-table-comp-1 .circle h3 small {
color: #fff;
}
.pricing-table-comp-1 .para {
text-align: center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.pricing-table-comp-1 .para p {
color: #000;
font-size: 14px;
letter-spacing: 0.9px;
word-spacing: 0.3px;
}
.pricing-table-comp-1 .para .para2 {
background-color: rgba(0,0,0,0.1);
}
.prices22-section {
background: url("../img/content/layer-slider/jellyfish-blur.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.prices22-section .pricing-table-comp-2 {
background-color: #5f320b;
padding: 20px 0px;
}
.prices22-section .pricing-table-comp-2 .title {
font-size: 22px;
letter-spacing: 0.9px;
text-align: center;
}
.prices22-section .pricing-table-comp-2 .title h2 {
color: #bfbfbf;
text-transform: uppercase;
}
.prices22-section .pricing-table-comp-2 .amount-dis {
text-align: center;
font-size: 52px !important;
color: #bfbfbf;
}
.prices22-section .pricing-table-comp-2 .amount-dis h2,
.prices22-section .pricing-table-comp-2 .amount-dis sup {
font-size: 22px;
}
.prices22-section .pricing-table-comp-2 .amount-dis sub {
font-size: 22px;
}
.prices22-section .sec-block {
padding: 50px 0px;
background-color: #f7f7f7;
border: 2px solid #e6e6e6;
text-align: center;
}
.prices22-section .sec-block hr {
width: 50%;
}
.pricing-table-comp-3 {
border: 2px solid #000;
border-radius: 10px;
}
.pricing-table-comp-3 .main-head {
text-align: center;
background-color: #e98b38;
border-radius: 8px 8px 0px 0px;
padding: 10px 0px;
}
.pricing-table-comp-3 .main-head h2 {
text-transform: uppercase;
letter-spacing: 0.9px;
padding: 5px 0px;
font-size: 22px;
font-weight: 500;
}
.pricing-table-comp-3 .main-head strong {
font-size: 38px;
font-weight: 600;
}
.pricing-table-comp-3 .icon {
text-align: center;
padding: 15px 0px;
}
.pricing-table-comp-3 .icon i {
font-size: 68px;
}
.pricing-table-comp-3 .discription {
text-align: center;
}
.pricing-table-comp-3 .discription strong {
font-size: 16px;
}
.pricing-table-comp-3 .discription p {
font-size: 18px;
text-transform: capitalize;
}
.pricing-table-comp-3 .text-center .btn-c-primary {
border-radius: 5px;
padding: 10px 30px;
}
#testimonial {
background-color: #19262d;
}
.team-para {
margin-top: 50px;
text-align: center;
font-size: 20px;
letter-spacing: 1.5px;
line-height: 25px;
color: #fff;
font-weight: 200;
}
.client-content:before {
content: "\f10d";
position: absolute;
color: #fff;
font-family: fontAwesome;
font-style: italic;
font-size: 20px;
top: 160px;
padding-left: 50px;
font-weight: normal;
left: 0;
}
.team-heading {
color: #e67e22;
font-weight: 500;
font-size: 22px;
text-align: center;
margin-top: 20px;
text-transform: uppercase;
}
.img-team {
width: 100px;
height: 100px;
display: block;
margin: auto;
border-radius: 25px;
}
.whatwedo {
position: relative;
}
.whatwedo .what-we-do-para {
margin-top: 30px;
}
.whatwedo .heading-title {
padding: 0px 20px 0px 0px;
border-right: 10px solid #e67e22;
margin-top: 110px;
text-align: right;
font-size: 28px;
text-transform: capitalize;
color: #e67e22;
}
.whatwedo .heading-title h3 {
font-weight: 500;
padding: 10px;
}
.whatwedo .heading-title h3 span {
font-weight: 300;
color: #777;
}
@media (max-width: 677px) {
.whatwedo .testmonial-para {
text-align: center;
}
.whatwedo .what-we-do-para {
text-align: center;
}
.whatwedo .heading-title {
padding: 0px 0px 0px 0px;
text-align: center;
border-right: none;
}
}
.fof i {
color: #e60000;
font-size: 150px;
}
.fof h2 {
margin-top: 15px;
color: #4d4d4d;
font-size: 42px !important;
font-weight: 100;
text-transform: uppercase;
word-spacing: 0.9;
}
.fof h2 span {
color: #333;
font-size: 60px !important;
font-weight: 900;
word-spacing: 0.9;
}
.fof p {
color: #900;
font-size: 24px !important;
font-weight: 100;
text-transform: uppercase;
word-spacing: 0.9;
}
.fof1 ul {
display: inline-block;
}
.fof1 ul li {
float: left;
}
.fof1 ul li i {
color: #e60000;
font-size: 150px;
border: 12px solid #e60000;
border-radius: 50%;
height: 190px;
width: 190px;
line-height: 190px;
transform: Rotate(345deg);
}
.fof1 ul li h2 {
position: relative;
color: #4d4d4d;
font-size: 42px !important;
font-weight: 100;
text-transform: uppercase;
word-spacing: 0.9;
transform: Rotate(345deg);
text-shadow: 2px 2px #808080;
}
.fof1 ul li h2 span {
color: #333;
font-size: 60px !important;
font-weight: 900;
word-spacing: 0.9;
}
.fof1 ul li p {
position: relative;
color: #900;
font-size: 24px !important;
font-weight: 100;
text-transform: uppercase;
word-spacing: 0.9;
transform: Rotate(345deg);
}
.upack-default-footer {
background-color: rgba(51,51,51,0.2);
}
.upack-default-footer .heading h5 {
font-weight: 100;
text-align: center;
background-color: #333;
color: #fff;
padding: 10px;
}
.upack-default-footer .first-notes1 {
margin-top: 80px;
margin-bottom: 20px;
border-bottom: 2px solid #333 !important;
}
.upack-default-footer .first-notes1 ul {
padding: 0px !important;
margin: 0px !important;
}
.upack-default-footer .first-notes1 ul li {
cursor: pointer;
padding-top: 8px;
padding-bottom: 8px;
margin: 5px;
background-color: rgba(51,51,51,0.1);
border: 1px dotted #808080;
list-style: none;
}
.upack-default-footer .first-notes1 ul li a {
text-transform: capitalize;
color: #333;
}
.upack-default-footer .first-notes1 ul li:before {
content: "\f101";
position: relative;
top: 2px;
padding-right: 5px;
padding-left: 10px;
float: left;
font: normal normal normal 14px/1 FontAwesome;
}
.upack-default-footer .first-notes1 ul li:hover {
background-color: rgba(230,126,34,0.15);
}
.upack-default-footer .first-notes2 {
margin-top: 80px;
margin-bottom: 20px;
}
.upack-default-footer .first-notes2 ul {
padding: 0px !important;
margin: 0px !important;
}
.upack-default-footer .first-notes2 ul li {
cursor: pointer;
padding-top: 8px;
padding-bottom: 8px;
margin: 5px;
background-color: rgba(51,51,51,0.1);
border: 1px dotted #808080;
list-style: none;
}
.upack-default-footer .first-notes2 ul li a {
text-transform: capitalize;
color: #333;
}
.upack-default-footer .first-notes2 ul li:before {
content: "\f0a4";
position: relative;
top: 2px;
padding-right: 5px;
padding-left: 10px;
float: left;
font: normal normal normal 14px/1 FontAwesome;
}
.upack-default-footer .first-notes2 ul li:hover {
background-color: rgba(230,126,34,0.15);
}
.upack-default-footer .sub-notes {
padding: 0;
}
.upack-default-footer .brands-custom {
background-color: #333 !important;
}
.upack-default-footer .carouselsss {
border-bottom: 2px solid #333;
}
.upack-default-footer .carouselsss #c-carousel {
background-color: #ffe;
position: relative;
}
.upack-default-footer .carouselsss #wrapper {
background-color: alpa(#e67e22, 10%);
width: 100%;
position: relative;
left: 0;
bottom: 0px;
}
.upack-default-footer .carouselsss #cool57 {
margin-bottom: 5px;
}
.upack-default-footer .carouselsss #cool57 div {
text-align: center;
float: left;
position: relative;
margin-left: 10px;
}
.upack-default-footer .carouselsss #cool57 div img {
transition: 0.5s all;
border: 1px solid #333;
cursor: pointer;
width: 100%;
height: auto;
}
.upack-default-footer .carouselsss #cool57 div span {
transition: 0.5s all;
display: none;
}
.upack-default-footer .carouselsss #cool57 div:hover span,
.upack-default-footer .carouselsss #cool57 div.hover span {
background-color: #e67e22;
width: 100%;
transition: 1s all;
color: #fff;
cursor: pointer;
display: inline-block;
padding: 2px 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 1000;
border-radius: 0px;
}
.upack-default-footer .carouselsss #cool57 div:hover img {
border-color: #e67e22;
}
.upack-default-footer .carouselsss #pager {
text-align: center;
margin-bottom: 5px;
}
.upack-default-footer .carouselsss #pager a {
background: rgba(51,51,51,0.3);
display: inline-block;
border-radius: 5px;
width: 10px;
height: 10px;
margin: 0 2px;
}
.upack-default-footer .carouselsss #pager a.selected {
background: rgba(51,51,51,0.8);
}
.upack-default-footer .carouselsss #pager a:hover {
background: #e67e22;
}
.upack-default-footer .carouselsss #pager a span {
display: none;
}
.upack-default-footer .first-notes4 {
overflow: hidden;
margin-top: 80px;
margin-bottom: 20px;
border-bottom: 2px solid #333 !important;
}
.upack-default-footer .first-notes4 .description {
margin-top: 5px;
padding: 15px;
background-color: rgba(51,51,51,0.05);
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
}
.upack-default-footer .first-notes4 .description p {
color: #999;
}
.upack-default-footer .first-notes4 input {
margin-top: 20px;
box-shadow: none;
outline: none;
padding-left: 20px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
margin-bottom: 5px;
background-color: rgba(51,51,51,0.05);
border: 1px solid #333;
width: 100%;
}
.upack-default-footer .first-notes4 input:hover {
border-color: #e67e22;
}
.upack-default-footer .first-notes4 input:focus {
border-color: #e67e22;
}
.upack-default-footer .first-notes4 button.btn {
margin-top: 5px;
border-radius: 0px;
width: 100%;
background-color: #333;
border-color: #333;
color: #fff;
letter-spacing: 0.9px;
font-size: 15px;
transition: 0.5s all;
}
.upack-default-footer .first-notes4 button.btn span {
overflow: hidden;
position: relative;
color: #fff;
top: 2px;
left: 0;
padding-left: 15px;
}
.upack-default-footer .first-notes4 button.btn:hover {
background-color: #e98b38;
border-color: #e98b38;
}
.upack-default-footer .first-notes4 button.btn:focus {
outline: none;
}
.upack-default-footer .first-notes4 button.btn:focus span {
transition: 5s all;
transform: scale(2);
top: -700px;
left: 700px;
}
.upack-default-footer .first-notes4 .address {
padding: 15px;
margin-top: 20px;
margin-bottom: 10px;
}
.upack-default-footer .first-notes4 .address .office,
.upack-default-footer .first-notes4 .address .email,
.upack-default-footer .first-notes4 .address .phone {
margin-top: 12px;
}
.upack-default-footer .first-notes4 .address .office h6,
.upack-default-footer .first-notes4 .address .email h6,
.upack-default-footer .first-notes4 .address .phone h6 {
font-weight: bold;
}
.upack-default-footer .first-notes4 .address .office h6 span,
.upack-default-footer .first-notes4 .address .email h6 span,
.upack-default-footer .first-notes4 .address .phone h6 span {
color: #999;
font-weight: 100;
}
.upack-default-footer .first-notes4 ul {
text-align: center;
padding: 10px;
}
.upack-default-footer .first-notes4 ul li {
text-align: center;
margin-left: 5px;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.upack-default-footer .first-notes4 ul li .icon-frame-primary {
transform: rotate(45deg);
transition: 0.5s all;
}
.upack-default-footer .first-notes4 ul li .icon-frame-primary:hover {
transform: rotate(-45deg) !important;
}
.upack-default-footer .first-notes4 ul li .icon-frame-primary:hover .fa {
transform: rotate(45deg);
}
.upack-default-footer .first-notes4 ul li .fa {
transform: rotate(-45deg);
}
.upack-default-footer .footer-bottom-panel {
background-color: #333;
width: 100%;
}
.upack-default-footer .footer-bottom-panel .left-description h5 {
font-size: 17px;
color: #fff;
padding: 20px;
}
.upack-default-footer .footer-bottom-panel .right-description p {
font-size: 17px;
padding: 20px;
color: #fff;
}
.separater-100 {
width: 100% !important;
position: relative;
height: 1px;
margin-top: 15px;
background-color: #333;
}
.page-footer {
position: relative;
background-color: #0d0d0d;
}
.page-footer .title {
font-weight: 100;
color: #bbb;
text-transform: uppercase;
}
.page-footer .para {
color: #bbb;
font-size: 15px;
}
.page-footer .para .form-attributes {
background-color: transparent;
color: #f2f2f2;
border-radius: 0;
font-size: 14px;
width: 100%;
}
.page-footer .links ul li {
padding: 5px 0px;
}
.page-footer .links ul li a {
color: #fff;
font-size: 14px;
text-decoration: none;
}
.page-footer .copyright {
background-color: #080808;
}
.page-footer .copyright p {
font-size: 14px;
color: #fff;
padding-top: 15px;
text-align: center;
}
.social-icon {
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
background-color: transparent;
color: #e67e22;
border-style: solid;
border-width: 1px;
transition: all 0.5s;
border-radius: 50%;
margin-right: 10px;
border-color: #e67e22;
}
.social-icon:hover {
background-color: #e67e22;
color: #fff;
}
.social-icon .fa {
line-height: 45px;
font-size: 20px;
}
.social-icon .fa:hover {
color: #fff;
}
.input-glass {
background-color: transparent;
width: 100%;
color: #fff;
padding: 8px;
border-width: 1px;
}
.page-footer2 .title {
margin-top: 50px;
text-transform: uppercase;
font-weight: 400;
color: #bbb;
}
.page-footer2 .para {
color: #bbb;
font-size: 14px;
}
.page-footer2 .links ul li {
padding: 4px 0;
}
.page-footer2 .links ul li a {
font-size: 14px;
text-decoration: none;
}
.page-footer2 .tweet-link li a {
padding: 0;
margin: 0;
color: #e67e22;
}
.page-footer2 .tweet-link li:hover a {
color: #f0b27a;
}
.page-footer2 .adress-link {
font-size: 14px;
}
.page-footer2 .adress-link .addr {
color: #bbb;
}
.page-footer2 .adress-link .phone {
color: #bbb;
padding: 10px 0;
}
.page-footer2 .adress-link .phone span {
font-size: 14px;
color: secondary;
}
.page-footer2 .adress-link .fax {
color: #bbb;
padding: 8px 0;
}
.page-footer2 .adress-link .fax span {
font-size: 14px;
color: secondary;
}
.page-footer2 .adress-link .mail {
color: #bbb;
text-transform: capitalize;
}
.page-footer2 .adress-link .mail span {
font-size: 14px;
color: secondary;
}
.page-footer2 .copyright {
margin: 30px 0;
color: #bbb;
}
.page-footer2 .copyright p {
font-size: 14px;
padding-top: 15px;
text-align: left;
}
.social-group {
margin: 15px 0;
text-align: right;
}
.social-icon {
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
background-color: transparent;
color: #fff;
border-style: solid;
border-width: 1px;
transition: all 0.5s;
border-radius: 50%;
margin-left: 5px;
border-color: #e67e22;
}
.social-icon:hover {
background-color: #e67e22;
color: #fff;
}
.social-icon .fa {
line-height: 40px;
font-size: 15px;
}
.social-icon .fa:hover {
color: #fff;
}
.img-footer {
padding-top: 110px;
padding-left: 25px;
}
.img-footer li {
padding: 0;
}
.img-footer li img {
width: 50px;
height: 50px;
}
.portfolio-filter-gallery {
list-style: none;
padding-top: 5px;
text-align: center;
}
.portfolio-filter-gallery li {
display: inline-block;
}
.portfolio-filter-gallery li a {
padding: 20px 10px;
color: #aaa;
display: block;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
}
.portfolio-filter-gallery li a.active {
border-bottom-color: #777;
color: #e67e22;
}
.portfolio-filter-gallery li a:hover {
color: #e67e22;
text-decoration: none;
}
.portfolio-filter-gallery li a:focus,
.portfolio-filter-gallery li a:visited,
.portfolio-filter-gallery li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.img-box-portfolio {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
cursor: pointer;
}
.img-box-portfolio img {
height: 100% !important;
width: 100% !important;
}
.img-box-portfolio,
.img-box-portfolio .img-content,
.img-box-portfolio img,
.img-box-portfolio ::before,
.img-box-portfolio ::after {
transition: 0.6s all ease-in-out;
}
.img-box-portfolio .img-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
text-align: center;
background-color: rgba(0,0,0,0.6);
opacity: 0;
}
.img-box-portfolio .font-icon {
position: absolute;
top: 0;
left: 0;
opacity: 0;
text-align: center;
height: 100%;
width: 100%;
}
.img-box-portfolio .font-icon .icon-frame-inverse-white {
border-radius: 50%;
transform: scale(2);
}
.img-box-portfolio .font-icon .icon-frame-inverse-white:hover {
border-color: #e67e22;
background-color: #e67e22;
}
.img-box-portfolio .font-icon i {
transform: scale(2);
position: relative;
top: 0;
left: 0;
}
.img-box-portfolio .font-icon i:hover {
color: #fff;
}
.img-box-portfolio .font-icon i:focus {
outline: none;
}
.img-box-portfolio:hover img,
.img-box-portfolio:active img {
transform: scale(1.2);
}
.img-box-portfolio:hover .img-content,
.img-box-portfolio:active .img-content {
opacity: 1;
}
.img-box-portfolio:hover .img-content::after,
.img-box-portfolio:active .img-content::after {
left: 0;
}
.img-box-portfolio:hover .img-content::before,
.img-box-portfolio:active .img-content::before {
right: 0;
}
.img-box-portfolio:hover .font-icon,
.img-box-portfolio:active .font-icon {
opacity: 1;
}
.img-box-portfolio:hover .font-icon .icon-frame-inverse-white,
.img-box-portfolio:active .font-icon .icon-frame-inverse-white {
transform: scale(1);
}
.img-box-portfolio:hover .font-icon i,
.img-box-portfolio:active .font-icon i {
transform: scale(1);
}
#container1 {
overflow: hidden;
}
.mix {
display: none;
}
.port-para {
text-align: center;
background-color: #fafafa;
border-top: 1px solid;
border-bottom: 1px dotted;
border-color: #bbb;
padding: 18px 10px;
margin-bottom: 30px;
margin-top: 5px;
}
.portfolio-filter-photo {
list-style: none;
padding-top: 5px;
}
.portfolio-filter-photo li {
display: inline-block;
}
.portfolio-filter-photo li a {
padding: 20px 10px;
color: #aaa;
display: block;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
}
.portfolio-filter-photo li a.active {
border-bottom-color: #777;
color: #e67e22;
}
.portfolio-filter-photo li a:hover {
color: #e67e22;
text-decoration: none;
}
.portfolio-filter-photo li a:focus,
.portfolio-filter-photo li a:visited,
.portfolio-filter-photo li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.portfolio-filter-photo li:before {
content: "";
position: absolute;
border-top: 1px dotted;
border-color: #bbb;
width: 70%;
left: 50px;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.img-box {
position: relative;
overflow: hidden;
}
.img-box img {
height: 100% !important;
width: 100% !important;
}
.img-box,
.img-box .img-content,
.img-box img,
.img-box ::before,
.img-box ::after {
transition: 0.6s all ease-in-out;
}
.img-box .img-content {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0%;
text-align: center;
overflow: hidden;
opacity: 0;
}
.img-box .img-content::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
right: -100%;
background-color: rgba(0,0,0,0.6);
}
.img-box .font-icon {
top: 40%;
margin: 0 41%;
position: absolute;
text-align: center;
color: #ddd;
display: block;
width: 50px;
height: 50px;
border-radius: 25%;
z-index: 111;
}
.img-box .font-icon i {
margin-top: 12px;
z-index: 456789;
letter-spacing: 1px;
font-weight: 800;
text-transform: uppercase;
color: #e6e6e6;
font-size: 24px;
}
.img-box:hover .img-content,
.img-box:active .img-content {
opacity: 1;
}
.img-box:hover .img-content::after,
.img-box:active .img-content::after {
left: 0;
}
.img-box:hover .img-content::before,
.img-box:active .img-content::before {
right: 0;
}
.img-box:hover img,
.img-box:active img {
transform: scale(1.2);
}
.navbar-upack-default .navbar-dark {
background-color: #333;
}
.navbar-upack-default .navbar-dark .navbar-nav > li > a {
color: #fff !important;
}
.navbar-upack-default .navbar-dark .navbar-nav > li > a ul > li > a {
color: #f00;
}
.navbar-upack-default .navbar-dark .navbar-nav > li >.dropdown-menu {
background-color: #333 !important;
}
.navbar-upack-default .navbar-dark .navbar-nav > li >.dropdown-menu > li {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar-upack-default .navbar-dark .navbar-nav > li >.dropdown-menu .dropdown-menu {
background-color: #333 !important;
}
.navbar-upack-default .navbar-dark .navbar-nav > li >.dropdown-menu .dropdown-menu > li {
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.navbar-upack-default .navbar-dark .navbar-nav .dropdown-menu > li > a {
color: #fff;
}
.navbar-upack-default .navbar-dark .navbar-nav ul.dropdown-menu li.active>a {
color: #e6e6e6;
background-color: rgba(255,255,255,0.1);
}
.navbar-upack-default .navbar-dark .navbar-nav ul.dropdown-menu li.active:hover>a {
color: #e6e6e6;
background-color: rgba(255,255,255,0.04);
}
.navbar-upack-default .navbar-dark .navbar-nav ul.dropdown-menu li:hover>a {
color: #e6e6e6;
background-color: rgba(255,255,255,0.04);
}
.navbar-upack-default .navbar-dark .navbar-nav>.active>a {
background-color: transparent !important;
}
.navbar-upack-default .navbar-dark .navbar-nav>:hover>a {
background-color: #e67e22 !important;
color: #fff !important;
}
.navbar-upack-default .navbar-dark .navbar-brand {
color: #fff !important;
}
.navbar-upack-default .navbar-dark .megamenu > li > ul > li > a {
color: #fff !important;
border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}
.navbar-upack-default .navbar-dark .megamenu > li ul > li > a:hover,
.navbar-upack-default .navbar-dark .megamenu > li ul > li > a:focus {
color: #e6e6e6;
background-color: rgba(255,255,255,0.03);
}
.navbar-upack-default .navbar-white {
background-color: #fff;
}
.navbar-upack-default .navbar-white .navbar-nav > li > a {
color: #333 !important;
}
.navbar-upack-default .navbar-white .navbar-nav > li >.dropdown-menu {
background-color: #fff !important;
}
.navbar-upack-default .navbar-white .navbar-nav > li >.dropdown-menu > li {
border-bottom: 1px solid rgba(51,51,51,0.2);
}
.navbar-upack-default .navbar-white .navbar-nav > li >.dropdown-menu .dropdown-menu {
background-color: #fff !important;
}
.navbar-upack-default .navbar-white .navbar-nav > li >.dropdown-menu .dropdown-menu > li {
border-bottom: 1px solid rgba(51,51,51,0.2);
}
.navbar-upack-default .navbar-white .navbar-nav .dropdown-menu > li > a {
color: #333;
}
.navbar-upack-default .navbar-white .navbar-nav ul.dropdown-menu li.active>a {
color: #666;
background-color: rgba(230,126,34,0.6);
}
.navbar-upack-default .navbar-white .navbar-nav ul.dropdown-menu li.active:hover>a {
color: #666;
background-color: rgba(230,126,34,0.5);
}
.navbar-upack-default .navbar-white .navbar-nav ul.dropdown-menu li:hover>a {
color: #666;
background-color: rgba(230,126,34,0.5);
}
.navbar-upack-default .navbar-white .navbar-nav>.active>a {
background-color: transparent !important;
}
.navbar-upack-default .navbar-white .navbar-nav>:hover>a {
background-color: #e67e22 !important;
color: #fff !important;
}
.navbar-upack-default .navbar-white .navbar-brand {
color: #333 !important;
}
.navbar-upack-default .navbar-white .megamenu > li > ul > li > a {
color: #333 !important;
border-bottom: 1px solid rgba(51,51,51,0.1) !important;
}
.navbar-upack-default .navbar-white .megamenu > li ul > li > a:hover,
.navbar-upack-default .navbar-white .megamenu > li ul > li > a:focus {
color: #e6e6e6;
background-color: rgba(255,255,255,0.03);
}
.navbar-upack-default .navbar-default {
border-radius: 0;
position: relative;
box-shadow: none;
border: none;
margin: 0;
border-bottom: 2px solid transparent !important;
height: 100px;
}
.navbar-upack-default .navbar-default .navbar-header .button-header {
transition: 0.5s all ease-in-out;
margin-top: 40px !important;
margin-right: 70px !important;
}
.navbar-upack-default .navbar-default .navbar-header .navbar-brand {
transition: 0.5s all ease-in-out;
margin-top: 25px;
}
.navbar-upack-default .navbar-default .navbar-nav > li > a {
transition: 0.5s all ease-in-out;
padding-top: 39px;
padding-bottom: 39px;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
position: relative;
font-size: 13.5px;
}
.navbar-upack-default .navbar-default .navbar-nav > li > a ul > li > a {
padding-top: 30px;
padding-bottom: 30px;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
position: relative;
}
.navbar-upack-default .navbar-default .navbar-nav > li >.dropdown-menu {
border-top: 2px solid #e67e22;
border-radius: 0px;
}
.navbar-upack-default .navbar-default .navbar-nav .dropdown-menu {
padding: 0;
margin: 0;
border-top: 2px solid #e67e22;
}
.navbar-upack-default .navbar-default .navbar-nav .dropdown-menu > li > a {
border-bottom: 1px solid rgba(51,51,51,0.1);
padding: 12px 20px;
border: 0px;
position: relative;
top: 0;
left: 0;
font-size: 14px;
font-weight: 400;
margin: 0 !important;
text-transform: capitalize;
}
.navbar-upack-default .navbar-default.affix {
position: fixed;
transition: 0.3s all ease-in-out;
height: 70px;
}
.navbar-upack-default .navbar-default.affix .navbar-nav > li > a {
padding-top: 25px;
padding-bottom: 25px;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
position: relative;
}
.navbar-upack-default .navbar-default.affix .navbar-nav > li >.dropdown-menu {
margin-top: -1px;
}
.navbar-upack-default .navbar-default.affix .navbar-header .button-header {
margin-top: 23px !important;
margin-right: 65px !important;
transition: 0.5s all ease-in-out;
}
.navbar-upack-default .navbar-default.affix .navbar-header .navbar-brand {
transition: 0.5s all ease-in-out;
margin-top: 8px;
}
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle span,
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle span:before,
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle span:after {
background-color: #e67e22 !important;
}
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle span,
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle span:before,
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle span:after {
transition: all 500ms ease-in-out;
}
.navbar-upack-default .navbar-default.affix .navbar-header #nav-toggle.active span {
background-color: transparent !important;
}
@media (min-width: 768px) {
.navbar-upack-default .custom-navbar ul.navbar-nav > li.dropdown:hover {
display: block !important;
}
.navbar-upack-default .custom-navbar ul.navbar-nav > li.dropdown:hover > ul.dropdown-menu {
display: block !important;
}
.navbar-upack-default .custom-navbar ul.navbar-nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown-submenu {
display: block !important;
}
.navbar-upack-default .custom-navbar ul.navbar-nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown-submenu:hover {
display: block !important;
}
.navbar-upack-default .custom-navbar ul.navbar-nav > li.dropdown:hover > ul.dropdown-menu > li.dropdown-submenu:hover > ul.dropdown-menu {
display: block !important;
}
}
@media (max-width: 1200px) {
.navbar-upack-default .custom-navbar .navbar-nav > li > a {
font-size: 11px;
}
.navbar-upack-default .custom-navbar.affix .navbar-nav > li > a {
font-size: 11px;
}
}
@media (max-width: 768px) {
.navbar-upack-default .custom-navbar .navbar-collapse {
background-color: #333;
width: 100%;
}
.navbar-upack-default .custom-navbar .container,
.navbar-upack-default .custom-navbar .container .col-xs-12,
.navbar-upack-default .custom-navbar .container .row,
.navbar-upack-default .custom-navbar .container .col-sm-12,
.navbar-upack-default .custom-navbar .container .col-md-11,
.navbar-upack-default .custom-navbar .container [class ~="col-"],
.navbar-upack-default .custom-navbar .container [class*=' col-'],
.navbar-upack-default .custom-navbar .container .navbar-collapse {
padding: 0;
margin: 0;
position: relative;
border-bottom: none;
}
}
@media (max-width: 768px) {
.navbar-upack-default .custom-navbar .navbar-nav {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
.navbar-upack-default .custom-navbar .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
color: #fff !important;
font-size: 12px;
}
.navbar-upack-default .custom-navbar.affix {
position: fixed;
height: 70px;
}
.navbar-upack-default .custom-navbar.affix .navbar-nav {
margin: 0;
}
.navbar-upack-default .custom-navbar.affix .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
font-size: 12px;
}
}
.navbar-upack-default .megamenu {
width: 100%;
}
.navbar-upack-default .megamenu> li > ul {
padding: 0;
margin: 0;
}
.navbar-upack-default .megamenu> li {
padding: 0;
margin: 0;
}
.navbar-upack-default .menu-large {
position: static !important;
}
.navbar-upack-default .megamenu > li > ul > li {
list-style: none;
}
.navbar-upack-default .megamenu > li > ul > li > a {
display: block;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
clear: both;
font-weight: 400;
line-height: 1.428571429;
white-space: normal;
text-transform: capitalize;
font-size: 14px !important;
}
.navbar-upack-default .megamenu > li ul > li > a:hover,
.navbar-upack-default .megamenu > li ul > li > a:focus {
text-decoration: none;
}
.navbar-upack-default #nav-toggle span,
.navbar-upack-default #nav-toggle span:before,
.navbar-upack-default #nav-toggle span:after {
cursor: pointer;
border-radius: 0px;
height: 3px;
width: 30px;
background-color: #e67e22;
position: absolute;
display: block;
content: '';
}
.navbar-upack-default #nav-toggle span,
.navbar-upack-default #nav-toggle span:before,
.navbar-upack-default #nav-toggle span:after {
transition: all 500ms ease-in-out;
}
.navbar-upack-default #nav-toggle.active span {
background-color: transparent;
}
.navbar-upack-default #nav-toggle.active span:before,
.navbar-upack-default #nav-toggle.active span:after {
top: 0;
}
.navbar-upack-default #nav-toggle.active span:before {
transform: rotate(405deg);
}
.navbar-upack-default #nav-toggle.active span:after {
transform: rotate(-405deg);
}
.navbar-upack-default #nav-toggle span:before {
top: -8px;
}
.navbar-upack-default #nav-toggle span:after {
bottom: -8px;
}
.navbar-upack-default .navbar-toggle {
border-color: transparent !important;
}
.navbar-upack-default .navbar-toggle:focus,
.navbar-upack-default .navbar-toggle:hover {
background-color: transparent !important;
}
.head-box {
margin: 60px 0px;
}
.head-box h2 {
margin-top: 15px;
color: #808080;
font-size: 40px !important;
font-weight: 100;
text-transform: uppercase;
word-spacing: 0.9;
}
.head-box h2 span {
color: #e67e22;
font-size: 40px !important;
font-weight: 900;
word-spacing: 0.9;
}
.head-box small {
position: relative;
top: 0px;
text-transform: capitalize;
font-size: 15px;
color: #808080;
font-weight: 100px;
}
.head-box .line {
position: relative;
top: 0;
background-color: #e67e22;
margin-top: 10px;
height: 2px;
width: 100px;
margin: 15px auto;
text-align: center;
}
.head-box p {
color: #666;
font-size: 16px;
font-weight: 200;
letter-spacing: 0.9px;
word-spacing: 0.9px;
}
.loader-background .paceloder {
position: fixed;
width: 100%;
height: 100%;
background-color: #fff;
left: 0;
top: 0;
z-index: 1116;
}
.rslid1h {
text-transform: uppercase;
}
@media (max-width: 767px) {
.rslid1h {
font-size: 30px;
margin-top: 0px;
}
}
.color {
color: #e67e22;
text-transform: uppercase;
text-align: center;
}
.color .rheading {
text-transform: uppercase;
color: #fff;
disply: inline;
}
.rslid1p {
width: 100%;
max-width: 750px;
font-size: 20px;
margin-top: 10px;
color: #fff;
font-weight: 200 !important;
line-height: 28px;
text-align: center;
transition: all 0s ease 0s;
min-height: 0px;
min-width: 0px;
line-height: 28px;
left: 299.5px;
top: 295px;
z-index: 10;
white-space: normal;
visibility: visible;
transform-origin: 50% 0% 0px;
border-width: 0px;
margin: 0px;
padding: 0px;
letter-spacing: 0.5px;
}
@media (max-width: 767px) {
.rslid1p {
top: 0px;
font-size: 16px;
line-height: 18px;
}
}
.rbtn {
width: 100%;
margin-top: 25px;
max-width: 750px;
line-height: 50px;
text-align: center;
transition: all 0s ease 0s;
min-height: 0px;
min-width: 0px;
line-height: 28px;
left: 299.5px;
top: 295px;
z-index: 10;
}
.img-rev2 img {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.img-rev2 img {
width: 80%;
}
}
.rslid2para {
max-width: 650px;
font-size: 36px;
background-color: #e67e22;
color: #fff;
font-weight: 400 !important;
text-align: center;
transition: all 0s ease 0s;
min-height: 0px;
min-width: 0px;
line-height: 50px;
left: 299.5px;
top: 295px;
z-index: 10;
white-space: normal;
visibility: visible;
border-width: 0px;
margin: 0px;
padding: 0px 5px;
letter-spacing: 0.9px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.rslid2para {
max-width: 650px !important;
line-height: 30px;
font-size: 17px;
}
}
.rslid3para {
background-color: rgba(0,0,0,0.6);
}
@media (max-width: 767px) {
.rslid3para {
max-width: 650px !important;
line-height: 25px;
font-size: 17px;
}
}
.switcher-upack {
cursor: pointer;
position: fixed;
width: 77px;
height: 405px;
background: rgba(51,51,51,0.8);
right: -77px;
top: 104px;
transition: 0.6s all ease-in-out;
border-right: none !important;
border-radius: 300px;
border: 2px solid #fff;
z-index: 1115;
}
.switcher-upack .switcher-btn {
top: 71px;
position: absolute;
right: 100%;
padding: 9px 12px;
background: rgba(51,51,51,0.8);
color: #e67e22;
display: inline-block;
border-right: none !important;
border-radius: 50% 0 0 50%;
border: 2px solid #fff;
}
.switcher-upack .switcher-btn .fa {
color: #fff;
font-size: 16px;
position: relative;
top: 2px;
}
.switcher-upack .switcher-content {
position: relative;
padding: 10px;
text-align: center;
text-transform: capitalize;
}
.switcher-upack .switcher-content p {
color: #fff;
}
.switcher-upack .switcher-content hr {
width: 20%;
}
.switcher-upack .switcher-content .colors {
position: relative;
text-align: center;
}
.switcher-upack .switcher-content .colors ul {
padding: 0;
margin: 0;
}
.switcher-upack .switcher-content .colors ul li {
float: left;
width: 44px;
height: 44px;
margin: 5px;
display: inline;
border: none;
border-radius: 50%;
transition: 0.5s all;
transition: 0.5s all;
background-color: #fff;
border: 2px solid transparent;
}
.switcher-upack .switcher-content .colors ul li i:before {
font-size: 30px;
left: -15px;
top: 1px;
position: relative;
}
.switcher-upack .switcher-content .colors ul li:hover {
cursor: pointer;
border-color: #e67e22;
}
.switcher-upack .variations {
position: relative;
text-align: center;
color: #fff;
margin-top: 15px;
}
.switcher-upack .variations hr {
width: 20%;
}
.switcher-upack .demo ol li {
padding: 5px;
font-size: 12;
}
.switcher-upack .demo ol li a {
color: #fff;
}
.switcher-upack .demo ol li a:hover {
text-decoration: none;
}
.switcher-upack:hover {
right: 0%;
}
@media (max-width: 767px) {
.switcher-upack {
display: none;
}
}
.switcher-styles-bg {
color: #e67e22 !important;
}
.switcher-alizarin-bg {
color: #e74c3c !important;
}
.switcher-emerald-bg {
color: #40d47e !important;
}
.switcher-peter-bg {
color: #3498db !important;
}
.switcher-Dragomir-2-bg {
color: #90c030 !important;
}
.switcher-Dionysus-Bright-4-bg {
color: #dea333 !important;
}
.switcher-wet-asphalt-bg {
color: #34495e !important;
}
.appointment-custom form input {
width: 100%;
color: #fff;
box-shadow: none;
margin-top: 10px;
padding: 8px;
font-size: 14px;
border-radius: 0;
border: 1px solid #e67e22;
transition: 0.5s all;
background-color: transparent;
}
.appointment-custom form input:focus {
background-color: rgba(230,126,34,0.2);
border-color: #e67e22;
outline: none;
}
.appointment-custom form input:hover {
background-color: rgba(230,126,34,0.2);
border-color: #e67e22;
}
.appointment-custom form input:active {
background-color: rgba(230,126,34,0.3);
border-color: #e67e22;
}
.appointment-custom form textarea {
color: #fff;
letter-spacing: 1px;
box-shadow: none;
transition: 0.5s all;
padding: 8px;
outline: none;
width: 100%;
margin-top: 10px;
border-radius: 0;
border: 1px solid #e67e22;
background-color: transparent;
}
.appointment-custom form textarea:focus {
background-color: rgba(230,126,34,0.2);
border-color: #e67e22;
outline: none;
}
.appointment-custom form textarea:hover {
background-color: rgba(230,126,34,0.2);
border-color: #e67e22;
}
.appointment-custom form textarea:active {
background-color: rgba(230,126,34,0.3);
border-color: #e67e22;
}
.appointment-custom form .button-appointment .btn-primary {
transition: 0.5s all;
background-color: #e67e22;
}
.appointment-custom form .button-appointment .btn-primary:focus {
background-color: #a65813;
border-color: #e67e22;
outline: none;
}
.appointment-custom form .button-appointment .btn-primary:hover {
background-color: #be6415;
border-color: #e67e22;
}
.appointment-custom form .button-appointment .btn-primary:active {
background-color: #a65813;
border-color: #e67e22;
}
.medical-callout {
background: url("../img/medical/callout.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
z-index: 100;
overflow: hidden;
}
.medical-callout .callout-text p {
font-weight: 200;
letter-spacing: 1px;
font-size: 22px;
color: #e6e6e6;
}
.test-para {
font-weight: 100;
letter-spacing: 1px;
}
.main-head h4 {
color: #fff;
font-weight: 600px;
letter-spacing: 1px;
}
.main-head hr {
margin-left: 0px;
border-top: 2px solid #fff !important;
}
.main-head .list2 li {
list-style: none;
overflow: hidden;
text-decoration: none;
}
.main-head .list2 li a {
color: #e6e6e6;
font-size: 14px;
line-height: 1px;
letter-spacing: 1px;
}
.main-head .list2 li a:hover {
list-style: none;
text-decoration: none;
color: #fff !important;
}
.main-head .footer-left-icons p i {
color: #e6e6e6;
}
.main-head .footer-left-icons p a {
color: #e6e6e6;
}
.main-head .footer-left-icons p a:hover {
color: #fff !important;
}
.main-head p {
color: #ccc;
}
.lower-footer a {
font-size: 14px;
}
.help-section .doctors a {
text-decoration: none;
}
.help-section .doctors a img {
position: relative;
}
.help-section .doctors a .name1 {
position: absolute;
bottom: 40px;
left: 30px;
}
.help-section .doctors a .name1 h4 {
color: #1a1a1a;
font-weight: 600;
font-size: 24px;
}
.help-section .doctors a .name1 small {
color: #333;
font-weight: 200;
font-size: 20px;
}
.help-section .doctors a .name2 {
position: absolute;
bottom: 40px;
left: 30px;
}
.help-section .doctors a .name2 h4 {
color: #1a1a1a;
font-weight: 600;
font-size: 24px;
}
.help-section .doctors a .name2 small {
color: #333;
font-weight: 200;
font-size: 20px;
}
.help-section .doctors a .name3 {
position: absolute;
bottom: 40px;
left: 30px;
}
.help-section .doctors a .name3 h4 {
color: #1a1a1a;
font-weight: 600;
font-size: 24px;
}
.help-section .doctors a .name3 small {
color: #333;
font-weight: 200;
font-size: 20px;
}
.help-section .doctors a .name4 {
position: absolute;
bottom: 40px;
left: 30px;
}
.help-section .doctors a .name4 h4 {
color: #1a1a1a;
font-weight: 600;
font-size: 24px;
}
.help-section .doctors a .name4 small {
color: #333;
font-weight: 200;
font-size: 20px;
}
.medical-services {
padding: 30px 0;
}
.medical-services .section-title hr {
border-top: 2px solid #e67e22;
}
.medical-services .seperater {
position: relative;
display: block;
width: 60px;
height: 60px;
line-height: 60px;
border-top: 5px solid #e67e22;
text-align: center;
min-height: 20px;
}
.medical-services .icon-box:hover .icon i {
color: #fff;
background-color: #e67e22;
cursor: pointer;
}
.medical-services .icon-box .icon {
position: relative;
}
.medical-services .icon-box .icon i {
color: #e67e22;
margin-top: 40px;
margin-bottom: 20px;
font-size: 30px;
border-radius: 50%;
padding: 20px 20px 20px 20px;
border: 1px solid #e67e22;
}
.medical-services .icon-box .icon i:hover {
color: #fff;
background-color: #e67e22;
cursor: pointer;
}
.medical-services .icon-box .title {
position: relative;
}
.medical-services .icon-box .title h5 {
padding: 10px;
font-weight: 600 !important;
letter-spacing: 0.8px;
margin-bottom: 20px;
margin-top: 20px;
color: #808080;
text-transform: uppercase;
}
.medical-services .icon-box .description p {
font-weight: 100;
margin-top: 30px;
font-size: 14px;
color: #999;
}
.medical-services .icon-box .description a {
color: #999;
}
.medical-services .icon-box .description a:hover {
color: #e67e22;
text-decoration: none;
}
.vegas-medical {
position: relative;
height: 100% !important;
width: 100%;
text-align: center;
}
.vegas-medical .intro-text h1 {
font-size: 36px;
font-weight: 200;
letter-spacing: 1.5px;
color: #e6e6e6;
text-transform: uppercase;
}
.vegas-medical .intro-text h1 span {
font-size: 48px;
letter-spacing: 0.9px;
color: #e67e22;
font-weight: 900;
font-weight: bold;
}
.vegas-medical .intro-text p {
color: #ccc;
padding: 0px 80px;
margin-top: 25px;
line-height: 25px;
letter-spacing: 1px;
font-size: 20px;
font-weight: 100;
margin-bottom: 30px;
}
@media (max-width: 667px) {
.intro-text h1 {
font-size: 34px !important;
}
.intro-text p {
padding: 0px 50px !important;
}
}
@media (max-width: 592px) {
.intro-text h1 {
transition: 0.5s all;
font-size: 28px !important;
}
.intro-text h1 span {
font-size: 28px !important;
}
.intro-text p {
display: none;
padding: 0px 10px !important;
}
.intro-text .btn-c-primary {
margin-top: 20px;
font-size: 12px;
transition: 0.5s all;
}
}
.table-med {
position: relative;
display: table;
height: 100% !important;
width: 100% !important;
}
.table-med-row {
display: table-cell;
width: 100% !important;
height: 100% !important;
vertical-align: middle;
}
.staff .img-box-medical figure {
position: relative;
overflow: hidden;
}
.staff .img-box-medical figure figcaption {
position: absolute;
height: 100%;
width: 100%;
top: 0;
opacity: 0;
cursor: pointer;
transition: 0.5s all;
background-color: rgba(230,126,34,0.3);
}
.staff .img-box-medical figure figcaption .icon-frame-primary:hover {
background-color: #fff;
border-color: #fff;
}
.staff .img-box-medical figure:hover figcaption {
opacity: 2;
}
.staff .img-box-medical figure:hover .figcaption1 {
opacity: 9;
}
.staff .img-content {
background-color: #fff;
}
.staff .img-content img {
width: 100%;
}
.staff .img-content h4 {
font-weight: 600;
text-transform: uppercase;
color: #e67e22;
}
.staff .img-content h5 {
text-align: left;
margin-top: -15px;
background-color: rgba(230,126,34,0.7);
margin-bottom: 20px;
font-size: 10px !important;
font-weight: 400;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
}
.staff .img-content p {
text-transform: lowercase;
font-size: 15px;
margin-top: 15px;
line-height: 20px;
letter-spacing: 0.8px;
}
.staff .img-content a p {
text-decoration: none;
}
.staff .img-content a:hover {
text-decoration: none;
}
.no-outline {
outline: none !important;
}
.testfinal {
box-shadow: 0px 0px 10px 0px #ccc;
display: inline-block;
}
.testfinal img {
border: 1px solid #ccc;
}
.testfinal h1 {
color: #e67e22;
font-size: 23px;
letter-spacing: 0.9px;
word-spacing: 0.9px;
line-height: 15px;
}
.testfinal p {
font-size: 16px;
letter-spacing: 0.9px;
word-spacing: 0.9px;
line-height: 20px;
color: #1a1a1a;
}
.blog1 {
position: relative;
width: 100%;
height: 100%;
background-color: #e67e22;
}
.brands-titl {
color: #777;
text-transform: capitalize;
font-weight: 400px;
margin-top: 40px;
line-height: 60px;
font-size: 18px;
}
.btn-heading {
font-weight: 400;
text-transform: uppercase;
font-size: 28px;
line-height: 100px;
color: #555;
}
.btn-title {
color: #777;
text-transform: capitalize;
font-weight: 400;
line-height: 60px;
}
h1,
h2,
h3,
h4,
h5,
h6,
span {
padding: 0px;
margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
small,
address,
blockquote,
button,
input {
letter-spacing: 1px;
line-height: 140%;
word-spacing: 2px;
}
a {
color: #bbb;
}
a:hover {
color: #e67e22;
text-decoration: none;
}
p {
color: #555;
}
.comp-titles {
color: #777;
font-size: 20px;
font-weight: 400;
margin-top: 50px;
margin-bottom: 50px;
text-transform: uppercase;
}
.comp-title {
font-weight: 600;
text-transform: uppercase;
}
.section-titles {
position: relative;
margin-top: 80px;
font-weight: 900;
font-size: 60px;
color: #fff;
text-transform: uppercase;
display: block;
line-height: 50%;
}
.section-titles span {
color: #e67e22;
}
.dark {
color: #777;
}
@media (max-width: 992px) {
.section-titles {
font-size: 50px;
}
}
@media (max-width: 676px) {
.section-titles {
font-size: 40px;
text-align: center;
}
}
.contact-bg-image {
background: url("../img/header/3.jpg");
background-attachment: fixed;
}
.icon-component .heading h2 {
font-size: 35px !important;
}
.font-awesome-list li {
margin-bottom: 10px;
}
.glyphicon-list li {
margin-bottom: 10px;
list-style: none;
}
.team-section-heading .head-box h2 {
color: #fff;
}
.bg-contact-clr {
background-color: #f2f2f2;
}
.upack-demo-page {
position: relative;
background: url("../img/construction/slider/bg.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.upack-demo-page .demo-title {
margin-top: 120px;
color: #fff;
text-transform: uppercase;
text-shadow: 10px 10px 10px 10px #000;
font-size: 50px;
font-weight: 500;
text-align: center;
}
.upack-demo-page .demo-para {
text-align: center;
color: #fff;
font-size: 25px;
line-height: 50px;
font-weight: 200;
}
.upack-demo-page .demo-filter {
list-style: none;
padding-top: 5px;
text-align: center;
line-height: 70px;
}
.upack-demo-page .demo-filter li {
display: inline-block;
}
.upack-demo-page .demo-filter li a {
color: #333;
display: block;
font-size: 16px;
line-height: normal;
text-transform: uppercase;
cursor: pointer;
background-color: #fff;
padding: 10px;
font-weight: 400;
letter-spacing: 0.9px;
}
.upack-demo-page .demo-filter li a.active {
border-bottom-color: #777;
background-color: #e67e22;
color: #fff !important;
}
.upack-demo-page .demo-filter li a:hover {
color: #333;
text-decoration: none;
background-color: #eea564;
transition: all 0.3s ease-in-out;
}
.upack-demo-page .demo-filter li a:focus,
.upack-demo-page .demo-filter li a:visited,
.upack-demo-page .demo-filter li a:active {
box-shadow: none;
text-decoration: none;
outline: 0px none;
}
.upack-demo-page .mix {
margin-top: 50px;
margin-bottom: 50px;
}
.upack-demo-page .mix .demo-heading {
background-color: #333;
}
.upack-demo-page .mix .demo-heading h5 {
color: #fff;
font-size: 18px;
font-weight: 400;
letter-spacing: 0.9px;
text-transform: capitalize;
padding: 15px;
}
.upack-demo-page .demo-list {
cursor: pointer;
}
.upack-demo-page .demo-pages {
cursor: pointer;
position: relative;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
}
.upack-demo-page .demo-pages .content-demo-pages {
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
padding-top: 10px;
padding-bottom: 10px;
transition: 0.5s all;
}
.upack-demo-page .demo-pages .content-demo-pages a {
text-decoration: none !important;
}
.upack-demo-page .demo-pages .content-demo-pages a p {
transition: 0.5s all;
padding: 10px;
text-decoration: none;
position: relative;
width: 100%;
bottom: -5px;
left: 0;
line-height: 20px;
color: #fff;
font-size: 18px;
text-transform: uppercase;
text-align: center;
border: 1px solid transparent;
background-color: #e67e22;
}
.upack-demo-page .demo-pages .content-demo-pages:hover p {
color: #fff;
background-color: #be6415;
border-color: #be6415;
}
.upack-demo-page div.hoverscroll div.arrow.top,
.upack-demo-page div.hoverscroll div.fixed-arrow.top {
top: 0px;
background-color: rgba(51,51,51,0.8);
cursor: pointer;
}
.upack-demo-page div.hoverscroll div.arrow.bottom,
.upack-demo-page div.hoverscroll div.fixed-arrow.bottom {
bottom: 0px;
background-color: rgba(51,51,51,0.8);
cursor: pointer;
}
.upack-demo-page .ui-widget-content {
width: 100% !important;
}
.upack-demo-page div.hoverscroll div.listcontainer {
width: 100% !important;
}
.shop1 form,
.shop1 .info {
color: #000;
font-size: 16px;
font-weight: 900;
letter-spacing: 0.6px;
word-spacing: 0.3px;
}
.shop1 .form-group textarea:hover {
background-color: #f7f7f7;
}
.shop1 .form-group textarea:focus {
box-shadow: none;
border-color: #b3b3b3;
}
.shop1 .form-group textarea:active {
box-shadow: none;
border-color: #b3b3b3;
}
.shop1 .form-group .input-group .input-group-addon {
background-color: #fff !important;
}
.shop1 .form-group .input-group .form-control:hover {
background-color: #f7f7f7;
}
.shop1 .form-group .input-group .form-control:focus {
box-shadow: none;
border-color: #b3b3b3;
}
.shop1 .form-group .input-group .form-control:active {
box-shadow: none;
border-color: #b3b3b3;
}
.shop1 .form-group .input-group .form-control:visited {
background-color: #f00;
}
.error {
position: relative;
height: 100%;
width: 100%;
}
.appbox-nvbar .icon-bar {
background-color: #fff;
}
.appbox-nvbar .navbar {
transition: 0.5s all ease-in;
border: none;
}
.appbox-nvbar .navbar.navbar-tranglo {
background-color: transparent;
height: 72px;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav {
margin-top: 19px;
transition: 0.5s all ease-in;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a {
font-size: 14px;
color: #969696;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
border-radius: 0;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:link,
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:visited {
letter-spacing: 1px;
color: #333;
text-transform: uppercase;
font-size: 12px;
transition: 0.5s all;
border-radius: 0;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:hover,
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:focus {
background-color: transparent;
border-radius: 0;
color: #333;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li.active,
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:visited {
border-radius: 300px;
background-color: #e67e22;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li.active a,
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:visited a {
color: #fff;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header {
height: 100%;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header button {
border-color: #fff;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header .navbar-brand {
position: relative;
top: -18px;
transition: 0.5s all ease-in;
}
.appbox-nvbar .navbar.navbar-tranglo.affix {
background-color: #fff;
transition: 0.8s all;
height: 50px;
border: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav {
transition: 0.8s all;
margin-top: 8px;
font-size: 9px !important;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav li {
transition: 0.8s all;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav li a {
color: #404040;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav li.active a,
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav li a:visited a {
color: #fff;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-header {
transition: 0.8s all;
border: none;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-header .navbar-brand {
transition: 0.8s all;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-brand {
transition: 0.8s all;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-brand img {
transition: 0.8s all;
top: 0px !important;
height: 55px;
position: relative;
}
@media (max-width: 767px) {
.appbox-nvbar .navbar.navbar-tranglo .container,
.appbox-nvbar .navbar.navbar-tranglo .container .col-xs-12,
.appbox-nvbar .navbar.navbar-tranglo .container .row,
.appbox-nvbar .navbar.navbar-tranglo .container [class ~="col-"],
.appbox-nvbar .navbar.navbar-tranglo .container [class*=' col-'],
.appbox-nvbar .navbar.navbar-tranglo .container .navbar-collapse {
padding: 0;
margin: 0;
}
.appbox-nvbar .navbar.navbar-tranglo .container .navbar-nav {
background-color: #333;
}
.appbox-nvbar .navbar.navbar-tranglo .container .navbar-nav li {
border-radius: 0;
}
.appbox-nvbar .navbar.navbar-tranglo .container .navbar-header button {
border-color: #e67e22;
background-color: #e67e22;
border-color: #e67e22;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-header button {
border-color: #e67e22;
background-color: #e67e22;
border-color: #e67e22;
margin-top: 8px;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav {
background-color: #333;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav li {
border-radius: 0;
}
.appbox-nvbar .navbar.navbar-tranglo.affix .navbar-nav li a {
background-color: transparent;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header {
border: 0;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header .navbar-brand {
display: block;
margin: 0 auto;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header .navbar-brand img {
top: -41px;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-header button {
margin-top: 20px;
transition: 0.5s all ease-in;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav {
background-color: #808080;
display: block;
margin: 0 !important;
width: 100%;
padding: 10px;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a {
color: #fff !important;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:hover {
background-color: transparent;
border-radius: 0;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:focus {
background-color: transparent;
}
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li.active,
.appbox-nvbar .navbar.navbar-tranglo .navbar-nav li a:visited {
border-left: 1px solid #fff;
background-color: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
}
}
.mc_vegas_slider {
position: relative;
width: 100%;
height: 100%;
}
.mc_vegas_slider .top_text {
color: #333;
padding-top: 70px;
}
.mc_vegas_slider .photography-titles {
text-align: center;
color: #333;
}
.mc_vegas_slider .photography-titles p {
font-size: 20px;
font-weight: 200;
text-transform: uppercase;
}
.mc_vegas_slider .photography-titles h2 {
font-weight: 800;
font-size: 50px;
color: #333;
text-transform: uppercase;
}
.mc_vegas_slider .photography-titles h2 span {
color: #e67e22;
}
.mc_vegas_slider .photography-titles .sepratr-photograph {
width: 20%;
background-color: #000;
margin: auto;
position: relative;
border: 1px dotted;
}
.mc_vegas_slider .photo-para {
font-size: 17px;
font-weight: 100;
color: #333;
letter-spacing: 1.2px;
word-spacing: 1px;
line-height: 24px;
}
.mc_vegas_slider .btn-appbox {
font-size: 19px;
margin-top: 20px;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
text-transform: uppercase !important;
background-color: #e67e22 !important;
border-radius: 300px !important;
transition: 0.5s all ease-in-out;
color: #fff;
font-weight: 500;
}
.mc_vegas_slider .btn-appbox:focus {
background-color: #be6415;
}
@media (max-width: 466px) {
.mc_vegas_slider h2 {
font-size: 35px;
}
}
.mc-about {
background-attachment: fixed !important;
background-size: cover;
padding-bottom: 60px;
background-color: #e67e22;
}
.mc-about .mc-section-title .after-text h2 {
color: #fff;
}
.mc-about .mc-section-title .hr1 {
border-color: #fff;
}
.mc-about .mc-section-title .hr2 {
border-color: #fff;
}
.mc-about .mc-section-title p {
color: #fff;
font-weight: 100;
font-size: 16px;
line-height: 1.5;
}
.mc-about .content h2 {
font-size: 29px;
font-weight: 400;
margin-bottom: 10px;
}
.mc-about .content hr {
border: 1px solid #fff;
width: 12%;
margin-top: 20px;
margin-bottom: 16px;
}
.mc-about .content p {
font-size: 16px;
line-height: 1.5;
font-weight: 100;
color: #fff;
}
.mc-about .content .btn-appbox {
border-radius: 300px;
background-color: #fff;
color: #333;
}
.mc-about .content .btn-appbox:hover {
box-shadow: inset 5px 1px 10px rgba(51,51,51,0.6);
}
.mc-about .icon-box:hover {
transition: 0.5s all ease-in-out;
}
.mc-about .icon-box:hover .icon i {
border-color: #e67e22 !important;
color: #e67e22 !important;
}
.mc-about .icon-box .icon {
position: relative;
}
.mc-about .icon-box .icon i {
color: rgba(51,51,51,0.6);
margin-top: 40px;
margin-bottom: 20px;
font-size: 30px;
border-radius: 50%;
background-color: transparent;
transition: 0.5s all ease-in-out;
}
.mc-about .icon-box .icon i::before {
font-size: 100px;
}
.mc-about .icon-box .icon i:hover {
border-color: #e67e22 !important;
color: #e67e22 !important;
cursor: pointer;
}
.mc-about .icon-box .title {
position: relative;
}
.mc-about .icon-box .title h5 {
font-size: 20px;
font-weight: 300 !important;
letter-spacing: 0.8px;
color: #333;
margin-top: 5px;
text-transform: uppercase;
}
.mc-about .icon-box .description p {
line-height: 25px;
font-weight: 300;
margin-top: 15px;
letter-spacing: 0.8px;
color: #333;
}
.mc-services {
background-size: cover;
background-attachment: fixed !important;
padding-bottom: 60px;
cursor: pointer;
}
.mc-services .icon-box {
background-color: rgba(175,171,171,0.31);
background-size: cover;
background-attachment: fixed !important;
padding-bottom: 42px;
padding-top: 15px;
transition: 0.5s all ease-in-out;
border: 1px solid transparent;
}
.mc-services .icon-box a {
color: #333;
display: block;
font-size: 14px;
line-height: 28px;
transition: 0.5s all;
}
.mc-services .icon-box a:hover {
background-color: #e67e22;
color: #fff;
}
.mc-services .icon-box:hover {
transform: scale(1.1);
border-color: #e67e22;
}
.mc-services .icon-box:hover .icon i {
color: #e67e22;
}
.mc-services .icon-box .icon {
position: relative;
}
.mc-services .icon-box .icon i {
color: rgba(51,51,51,0.6);
margin-top: 40px;
margin-bottom: 20px;
font-size: 30px;
border-radius: 50%;
background-color: transparent;
transition: 0.5s all ease-in-out;
}
.mc-services .icon-box .icon i::before {
font-size: 100px;
}
.mc-services .icon-box .icon i:hover {
border-color: #e67e22 !important;
color: #e67e22 !important;
cursor: pointer;
}
.mc-services .icon-box .title {
position: relative;
}
.mc-services .icon-box .title h5 {
font-size: 21px;
font-weight: 300 !important;
letter-spacing: 0.8px;
color: rgba(255,255,255,0.72);
margin-top: 10px;
background: rgba(51,51,51,0.6);
text-transform: uppercase;
}
.mc-services .icon-box .title hr {
border: 1px solid #842129;
width: 12%;
margin-top: 5px;
margin-bottom: 14px;
}
.mc-services .icon-box .description p {
line-height: 25px;
font-weight: 300;
margin-top: 15px;
letter-spacing: 0.8px;
color: #333;
}
.music-work {
background-size: cover;
background-attachment: fixed !important;
padding-bottom: 60px;
}
.music-work #container1 nav .nav {
margin-bottom: 30px;
padding: 0;
}
.music-work #container1 nav .nav li a {
padding: 10px;
background-color: #808080;
color: #fff;
transition: 0.5s all;
border-radius: 300px;
}
.music-work #container1 nav .nav li a.active {
background-color: #e67e22;
color: #fff;
cursor: pointer !important;
}
.music-work #container1 nav .nav li a:hover {
background-color: #eb984e;
color: #fff;
cursor: pointer !important;
text-decoration: none;
}
.music-work #container1 nav .nav li a:focus,
.music-work #container1 nav .nav li a:visited,
.music-work #container1 nav .nav li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.music-work #container1 figure {
position: relative;
overflow: hidden;
}
.music-work #container1 figure figcaption {
transition: 0.5s all;
position: absolute;
background-color: rgba(51,51,51,0.3);
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
}
.music-work #container1 figure .figcaption1 {
position: absolute;
background-color: #e67e22;
height: 100%;
width: 60px;
top: 0;
left: -100%;
opacity: 0;
transition: 0.9s all;
}
.music-work #container1 figure .figcaption2 {
position: absolute;
height: 50%;
width: 50%;
top: 0;
left: 0;
opacity: 0;
transition: 0.5s all;
}
.music-work #container1 figure .figcaption2 i {
color: #fff;
width: 100%;
texrt-align: center;
}
.music-work #container1 figure:hover figcaption {
opacity: 1;
}
.music-work #container1 figure:hover .figcaption1 {
opacity: 1;
left: 0;
}
.music-work #container1 figure:hover .figcaption2 {
opacity: 1;
left: 0;
}
.music-work .share-button {
background-color: transparent;
border-color: transparent;
}
.music-work .share-button:focus {
outline: none;
}
.music-work .share-button .entypo-export::before {
color: #f00;
background-color: transparent;
}
.music-work .share-button .entypo-export span {
display: none;
}
.just-contact {
background-color: #333;
}
.just-contact .mc-section-title .after-text h2 {
color: #808080;
}
.just-contact .contain .img {
position: relative;
border: 10px solid #d9d9d9;
}
.just-contact .contain .img .layer1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 1s all;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.just-contact .contain .img:hover .layer1 {
cursor: pointer;
opacity: 2;
}
.just-contact .contact-parent {
border-color: #808080;
position: relative;
}
.just-contact .contact-parent .contact-field-heads h5 {
color: #808080;
font-weight: 400;
font-size: 15px;
background-color: #333;
position: absolute;
top: -18px;
left: 30px;
width: 129px;
border: 1px solid #808080;
text-align: center;
transition: 1s all;
}
.just-contact .contact-parent:hover .contact-field-heads h5 {
left: 60px;
}
.just-contact .contact-parent input {
color: #808080;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
.just-contact .contact-parent textarea {
color: #808080;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
.just-contact .btn {
background-color: #e67e22;
transition: 0.5s all;
color: #fff;
font-size: 15px;
}
.just-contact .btn:hover {
background-color: #be6415;
color: #fff;
}
.just-contact .btn:focus,
.just-contact .btn:active {
outline: none;
}
@media (max-width: 307px) {
.just-contact .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.just-contact .heading {
top: 100px;
marin: auto 0;
right: 20px;
padding-left: 10px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.just-contact .heading {
top: 15px;
marin: auto 0;
right: 0px;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.mc-footer {
background-attachment: fixed;
background-size: cover;
background-position: center;
background-color: #333;
background-repeat: non-repeat;
}
.mc-footer .mc-section-title .after-text h2 {
color: #808080;
}
.mc-footer .col-md-4th {
width: 25%;
margin-left: 48px;
float: left;
margin-right: 49px;
}
@media (max-width: 1199px) {
.mc-footer .col-md-4th {
margin-left: 40px;
margin-right: 40px;
}
}
@media (max-width: 991px) {
.mc-footer .col-md-4th {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
}
.mc-footer .partition1 .head {
text-transform: uppercase;
padding-left: -40px;
color: #808080;
font-weight: 500;
font-size: 14px;
}
.mc-footer .partition1 .line hr {
border-top: 1px solid #808080;
width: 10%;
margin: 0;
padding-bottom: 10px;
}
.mc-footer .partition1 .para {
line-height: 20px;
color: #808080;
font-size: 14px;
}
.mc-footer .partition1 ul.fair_price_list {
list-style: none;
}
.mc-footer .partition1 ul.fair_price_list li span {
font-size: 13px;
text-transform: uppercase;
color: #808080;
font-size: 20px;
transition: 0.5s all;
}
.mc-footer .partition1 ul.fair_price_list li span a {
padding-left: 5px;
font-size: 14px;
transition: 0.5s all;
color: #808080;
}
.mc-footer .partition1 ul.fair_price_list li:hover span {
color: #e67e22;
}
.mc-footer .partition1 ul.fair_price_list li:hover span a {
color: #e67e22;
}
.mc-footer .partition1 ul.fair_price_list li hr {
border-color: #808080;
margin-top: 0;
margin-bottom: 10px;
}
.mc-footer .partition1 ul.fair_price_list li p {
line-height: 20px;
color: #808080;
text-transform: lowercase;
font-size: 14px;
}
.mc-footer .footer-text h5 {
font-size: 14px;
color: #808080;
}
.mc-footer .footer-text h5 span {
font-weight: 600 !important;
}
@media (max-width: 400px) {
.mc-footer audio {
width: 254px;
}
}
.mc-section-title {
padding-top: 60px;
margin-bottom: 40px;
}
.mc-section-title .before-text {
position: relative;
left: 10px;
top: -15px;
}
.mc-section-title .before-text h2 {
font-size: 15px;
font-weight: 600;
letter-spacing: 0.8px;
color: #e67e22;
text-shadow: 1px 1px 5px #333;
text-transform: uppercase;
}
.mc-section-title .after-text h2 {
font-size: 55px;
font-weight: 300;
letter-spacing: 0.8px;
color: #333;
text-transform: uppercase;
}
.mc-section-title .hr1 {
width: 10%;
border: 1px solid #e67e22;
}
.mc-section-title .hr2 {
width: 8%;
margin-top: -16px;
border: 1px solid #e67e22;
}
.mc-section-title p {
font-size: 19px;
line-height: 24px;
font-weight: 100;
}
@media (max-width: 350px) {
.mc-section-title .after-text h2 {
font-size: 37px;
}
}
.btn-appbox {
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
box-shadow: inset 0 3px 5px rgba(0,0,0,0.3);
background-color: #e67e22;
border-radius: 0;
transition: 0.5s all ease-in-out;
color: #fff;
font-weight: 300;
}
.btn-appbox:hover,
.btn-appbox:visited,
.btn-appbox:active {
color: #fff;
background-color: #ca6b17;
}
.btn-appbox-glass {
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
background-color: transparent;
border: 1px solid #e67e22;
border-radius: 0;
transition: 0.5s all ease-in-out;
color: #e67e22;
font-weight: 300;
}
.btn-appbox-glass:hover {
box-shadow: inset 0 3px 5px rgba(0,0,0,0.3);
background-color: #e67e22;
color: #fff;
}
.btn-appbox-icon {
border: none;
letter-spacing: 1.5px;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
box-shadow: inset 0 3px 5px rgba(0,0,0,0.3);
background-color: #e67e22;
border-radius: 0;
color: #fff;
font-weight: 300;
transition: 0.5s all ease-in-out;
}
.btn-appbox-icon:hover,
.btn-appbox-icon:visited,
.btn-appbox-icon:active,
.btn-appbox-icon:focus {
color: #fff;
background-color: #ea9143;
}
.btn-appbox-icon-glass {
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
background-color: transparent;
border: 1px solid #e67e22;
transition: 0.5s all ease-in-out;
border-radius: 0;
color: #e67e22;
font-weight: 300;
}
.btn-appbox-icon-glass:hover {
box-shadow: inset 0 3px 5px rgba(0,0,0,0.3);
background-color: #e67e22;
color: #fff;
}
.no-decoration {
text-decoration: none;
}
.sq {
border: 2px solid #008000;
width: 150px;
height: 150px;
}
.sq span {
line-height: 100px;
padding-left: 20px;
font-size: 18px;
color: #ccc;
text-transform: capitalize;
}
.sq h1 {
line-height: 0px;
text-align: center;
margin-top: -20px;
font-size: 48px;
font-weight: 700;
color: #e6e6e6;
}
.sqctr {
border: 2px transparent #fff;
background-color: rgba(0,0,0,0.6);
width: 150px;
height: 150px;
}
.sqctr h1 {
line-height: 125px;
text-align: center;
font-size: 48px;
font-weight: 700;
color: #e6e6e6;
}
.sqctr span {
display: block;
text-align: center;
line-height: 0px;
margin-top: -30px;
padding-top: 10px;
font-size: 18px;
color: #ccc;
font-weight: 100;
text-transform: capitalize;
}
.sqrtl {
border: 2px solid #f00;
width: 150px;
height: 150px;
}
.sqrtl h1 {
line-height: 125px;
text-align: center;
font-size: 48px;
font-weight: 700;
color: #e6e6e6;
}
.sqrtl span {
display: block;
line-height: 0px;
padding-left: 50px;
margin-top: -30px;
font-size: 18px;
color: #ccc;
text-transform: capitalize;
}
.comingsoon0 {
position: relative;
height: auto;
width: 100%;
background: url("../img/comingsoon/kdo.jpg");
background-size: cover;
background-position: center;
}
.comingsoon0 .main-head h1 {
text-transform: uppercase;
letter-spacing: 0.9px;
word-spacing: 0.9px;
font-size: 60px;
font-weight: 800;
color: #e6e6e6;
}
.comingsoon0 .main-head p {
text-transform: uppercase;
letter-spacing: 0.9px;
word-spacing: 0.9px;
color: #ccc;
line-height: 25px;
}
@media (max-width: 992px) {
.sqctr {
width: 100px;
height: 100px;
margin-bottom: 10px;
margin-left: 50px;
}
.sqctr h1 {
line-height: 85px;
text-align: center;
font-size: 38px;
font-weight: 400;
}
.sqctr span {
display: block;
text-align: center;
line-height: 10px;
font-size: 14px;
font-weight: 100;
}
}
@media (max-width: 768px) {
.sqctr {
margin-bottom: 10px;
}
}
@media (max-width: 360px) {
.sqctr {
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
}
}
@media (max-width: 428px) {
.main-head h1 {
font-size: 30px !important;
}
.btn-c-primary {
font-size: 14px;
padding: 10px 8px;
}
}
.comingsoon1 {
position: relative;
background: url("../img/comingsoon/comingsoon2.jpg");
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.comingsoon1 .comming-text {
text-align: center;
}
.comingsoon1 .comming-text h1 {
margin-top: 100px;
font-size: 64px;
font-weight: 600;
letter-spacing: 0.9px;
word-spacing: 0.9px;
line-height: 25px;
color: #e6e6e6;
text-transform: uppercase;
}
.comingsoon1 .comming-text p {
line-height: 30px;
font-size: 20px;
font-weight: 100;
letter-spacing: 0.9px;
word-spacing: 0.9px;
color: #e6e6e6;
text-transform: lowercase;
}
.comingsoon1 .sqctr {
background-color: rgba(0,0,0,0.3);
border: 1px solid #fff;
transition: 0.5s all;
cursor: pointer;
border-radius: 50%;
}
.comingsoon1 .sqctr:hover {
background-color: rgba(230,126,34,0.3);
}
.comingsoon1 ul {
width: 100%;
text-align: center;
}
.comingsoon1 ul li a div {
border-color: #fff;
}
.comingsoon1 ul li a div i {
color: #fff;
}
.comingsoon1 input {
background-color: transparent;
padding-left: 25px;
border-radius: 30px 0px 0px 30px !important;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 15px !important;
border: 1px solid #fff !important;
}
.comingsoon1 button {
border-radius: 0px 30px 30px 0px !important;
font-size: 15px !important;
margin-left: -5px;
margin-top: -2px;
background-color: transparent;
border-color: #fff;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
transition: 0.5s all;
}
.comingsoon1 button:hover,
.comingsoon1 button:focus,
.comingsoon1 button:active,
.comingsoon1 button:visited {
background-color: #e67e22 !important;
border-color: #e67e22 !important;
outline: none;
}
@media (max-width: 450px) {
.comingsoon1 .comming-text h1 {
font-size: 60px;
}
.comingsoon1 .comming-text p {
font-size: 18px;
}
.comingsoon1 input {
width: 100%;
}
.comingsoon1 button {
margin-top: 5px;
width: 100%;
}
}
@media (max-width: 340px) {
.comingsoon1 .comming-text h1 {
font-size: 40px;
}
.comingsoon1 .comming-text p {
font-size: 16px;
}
.comingsoon1 ul li a .icon-md {
height: 40px;
margin: auto;
width: 40px;
line-height: 40px;
}
.comingsoon1 ul li a .icon-md i,
.comingsoon1 ul li a .icon-md margin auto {
font-size: 20px;
}
}
.comingsoon3 {
position: relative;
background-size: cover;
background-attachment: fixed;
background-position: center;
}
.comingsoon3 .alpha {
background-color: rgba(0,0,0,0.8);
}
.comingsoon3 .comming-text h1 {
margin-top: 50px;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: 80;
font-size: 80px;
color: #fff;
}
.comingsoon3 .comming-text p {
text-align: center;
font-size: 24px;
font-weight: 200;
letter-spacing: 0.9px;
word-spacing: 0.9px;
line-height: 35px;
color: #e6e6e6;
text-transform: lowercase;
}
.comingsoon3 ul {
width: 100%;
text-align: center;
}
.comingsoon3 ul li a div {
border-color: #fff;
}
.comingsoon3 ul li a div i {
color: #fff;
}
.comingsoon3 input {
background-color: transparent;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 15px !important;
border: 1px solid #fff !important;
}
.comingsoon3 button {
font-size: 15px !important;
margin-left: -5px;
margin-top: -2px;
background-color: transparent;
border-color: #fff;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0;
transition: 0.5s all;
}
.comingsoon3 button:hover,
.comingsoon3 button:focus,
.comingsoon3 button:active,
.comingsoon3 button:visited {
background-color: #e67e22 !important;
border-color: #e67e22 !important;
outline: none;
}
@media (max-width: 450px) {
.comingsoon3 .comming-text h1 {
font-size: 60px;
}
.comingsoon3 .comming-text p {
font-size: 18px;
}
.comingsoon3 input {
width: 100%;
}
.comingsoon3 button {
margin-top: 5px;
width: 100%;
}
}
@media (max-width: 340px) {
.comingsoon3 .comming-text h1 {
font-size: 40px;
}
.comingsoon3 .comming-text p {
font-size: 16px;
}
.comingsoon3 ul li a .icon-md {
height: 40px;
margin: auto;
width: 40px;
line-height: 40px;
}
.comingsoon3 ul li a .icon-md i,
.comingsoon3 ul li a .icon-md margin auto {
font-size: 20px;
}
}
.about-enthink .alpha {
background-color: rgba(32,46,49,0.95);
}
.about-enthink .about-bottom {
background-color: #202e31;
}
.about-enthink .about-bottom .description p {
font-size: 14px;
font-weight: 100;
}
.about-enthink .about-bottom .button button {
outline: none;
border-color: #e67e22;
}
.about-enthink .about-bottom .button button:hover {
background-color: #be6415;
border-color: #be6415;
}
.about-enthink .about-bottom .button button:focus {
background-color: #be6415;
border-color: #be6415;
}
.about-enthink .about-bottom .button button:active {
background-color: #be6415;
border-color: #be6415;
}
.contact-ethink .text-heading h4 {
top: 0px;
letter-spacing: 0.5px;
line-height: 30px;
}
.contact-ethink .text-heading p {
letter-spacing: 0.9px;
line-height: 30px;
}
.contact-ethink .contact-parent {
border-color: #808080;
position: relative;
}
.contact-ethink .contact-parent .contact-field-heads h5 {
color: #808080;
font-weight: 300;
position: absolute;
top: 5px;
left: 0px;
width: 129px;
text-align: center;
transition: 1s all;
}
.contact-ethink .contact-parent:hover .contact-field-heads h5,
.contact-ethink .contact-parent:focus .contact-field-heads h5 {
color: #808080;
position: absolute;
top: -18px;
left: 30px;
width: 129px;
border: 1px solid #808080;
text-align: center;
transition: 1s all;
}
.contact-ethink .contact-parent:active .contact-field-heads h5 {
font-weight: 400;
font-size: 15px;
color: #808080;
position: absolute;
top: -18px;
left: 30px;
width: 129px;
border: 1px solid #808080;
text-align: center;
transition: 1s all;
}
.contact-ethink .contact-parent input {
color: #808080;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
.contact-ethink .contact-parent textarea {
color: #808080;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
.contact-ethink .btn {
background-color: #e67e22;
transition: 0.5s all;
color: #fff;
}
.contact-ethink .btn:hover {
background-color: #a65813;
color: #fff;
}
.contact-ethink .btn:focus,
.contact-ethink .btn:active {
outline: none;
}
@media (max-width: 307px) {
.contact-ethink .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.contact-ethink .heading {
top: 100px;
marin: auto 0;
right: 20px;
center: block;
padding-left: 10px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.contact-ethink .heading {
top: 15px;
marin: auto 0;
right: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.features-enthink {
background: url("../img/construction/slider/bg-slider-construction.jpg");
}
.features-enthink .alpha {
background-color: rgba(32,46,49,0.95);
}
.features-enthink .alpha .s-title .upper span {
color: #e67e22;
}
.features-enthink .alpha .s-title .lower h3 {
color: #fff;
}
.features-enthink .alpha .media .media-body h4 {
color: #fff;
text-transform: uppercase;
}
.features-enthink .alpha .media .media-body p {
color: #e67e22;
letter-spacing: 1px;
line-height: 20px;
font-size: 14px;
}
.features-enthink .alpha .media-bottom-para p {
font-size: 15px;
color: #fff;
font-weight: 200;
}
.footer-enthink {
background-color: #2a2a2a;
}
.footer-enthink .col-md-4th {
width: 25%;
margin-left: 48px;
float: left;
margin-right: 49px;
}
@media (max-width: 1199px) {
.footer-enthink .col-md-4th {
margin-left: 40px;
margin-right: 40px;
}
}
@media (max-width: 991px) {
.footer-enthink .col-md-4th {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
}
.footer-enthink .partition1 .head {
text-transform: uppercase;
padding-left: -40px;
border-bottom: 1px solid #808080;
font-weight: 900;
font-size: 14px;
}
.footer-enthink .partition1 .para {
line-height: 20px;
color: #808080;
font-size: 14px;
}
.footer-enthink .footer-text {
background-color: #333;
}
.footer-enthink .footer-text h5 {
font-size: 14px;
color: #fff;
}
.footer-enthink .footer-text h5 span {
font-weight: 600 !important;
}
.gallery-enthink {
background-color: #e6e6e6;
}
.gallery-enthink #enthink_gallery-mixitup {
overflow: hidden;
}
.gallery-enthink .mix {
display: none;
}
.gallery-enthink nav {
background-color: transparent;
margin-bottom: 30px;
}
.gallery-enthink .portfolio-filter {
list-style: none;
text-align: center;
}
.gallery-enthink .portfolio-filter li {
display: inline-block;
}
.gallery-enthink .portfolio-filter li a {
margin-top: 10px;
transition: 0.5s all;
color: #8e4b10;
border: 1px solid #e67e22;
letter-spacing: 2px;
display: block;
margin-right: 10px;
margin-left: 10px;
font-size: 12px;
line-height: normal;
padding: 10px;
text-transform: uppercase;
}
.gallery-enthink .portfolio-filter li a.active {
background-color: #e67e22;
color: #fff;
cursor: pointer !important;
}
.gallery-enthink .portfolio-filter li a:hover {
transition: 1s all ease-in-out;
color: #773f0d;
cursor: pointer !important;
text-decoration: none;
}
.gallery-enthink .portfolio-filter li a:focus,
.gallery-enthink .portfolio-filter li a:visited,
.gallery-enthink .portfolio-filter li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.gallery-enthink figure {
background-color: #fff;
position: relative;
overflow: hidden;
}
.gallery-enthink figure,
.gallery-enthink figure figcaption {
transition: 1s all;
}
.gallery-enthink figure figcaption {
transition: 1s all;
position: absolute;
width: 50%;
height: 100%;
left: -100%;
background-color: rgba(230,126,34,0.6);
top: 0;
opacity: 0;
}
.gallery-enthink figure .figcaption1 {
transition: 1s all;
position: absolute;
width: 50%;
height: 100%;
right: -100%;
background-color: rgba(128,128,128,0.9);
top: 0;
opacity: 0;
}
.gallery-enthink figure .figcaption2 {
transition: 1s all;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
}
.gallery-enthink figure .figcaption2 i {
transform: scale(5);
transition: 1s all;
position: relative;
color: #fff;
top: 0;
left: 0;
line-height: 40px;
font-size: 40px;
}
.gallery-enthink figure:hover img {
cursor: pointer;
}
.gallery-enthink figure:hover figcaption {
opacity: 2;
border-radius: 0;
cursor: pointer;
left: 0;
}
.gallery-enthink figure:hover .figcaption1 {
opacity: 2;
cursor: pointer;
border-radius: 0;
right: 0;
}
.gallery-enthink figure:hover .figcaption2 {
opacity: 2;
cursor: pointer;
text-decoration: none;
z-index: 5;
top: 0;
}
.gallery-enthink figure:hover .figcaption2 i {
transform: scale(1);
}
.section_titles .heading {
text-align: center;
padding-top: 80px;
height: 150px;
width: 100%;
z-index: 1;
}
.section_titles .heading h3 {
font-size: 25px;
color: #404040;
text-transform: uppercase;
}
.section_titles .heading h3 span {
font-weight: 700;
font-size: 25px;
color: #d57118;
text-transform: uppercase;
}
.section_titles .heading .text {
font-weight: 100;
color: #404040;
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
}
.no-dac {
text-decoration: none !important;
}
.ts {
text-shadow: 1px 0px 1px #000;
}
.fs-title {
font-size: 17px !important;
}
.ma {
margin: auto !important;
}
.bs {
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
}
.navbar-enthink .wrapper {
z-index: 2000;
transition: 1s all;
opacity: 9;
width: 100%;
left: 0;
top: 0;
position: absolute;
font-weight: 400;
}
.navbar-enthink .wrapper .topbar {
position: absolute;
min-height: 110px;
width: 100%;
z-index: 100;
top: 0;
}
.navbar-enthink .wrapper .topbar .topbar-text {
position: relative;
margin-top: 14px;
color: #999;
letter-spacing: 0.8px;
font-size: 14px;
font-weight: 400;
}
.navbar-enthink .wrapper .topbar .topbar-text a {
color: #999;
text-decoration: none;
letter-spacing: 0.5px;
}
.navbar-enthink .wrapper .topbar .media .media-body .p1 {
margin-top: 5px;
text-transform: uppercase;
font-size: 13px !important;
color: #e67e22;
letter-spacing: 0.6px;
margin-bottom: 5px;
}
.navbar-enthink .wrapper .topbar .media .media-body .p2,
.navbar-enthink .wrapper .topbar .media .media-body p {
font-size: 15px !important;
margin-top: -5px;
}
.navbar-enthink .wrapper .search_bar {
width: 100%;
position: relative;
}
.navbar-enthink .wrapper .search_bar ul input {
color: #e67e22;
}
.navbar-enthink .wrapper .search_bar ul input:hover {
border-color: #e67e22;
outline: none;
}
.navbar-enthink .wrapper .search_bar ul input.active,
.navbar-enthink .wrapper .search_bar ul input:focus {
border-color: #e67e22;
}
.navbar-enthink .wrapper .search_bar ul .input-group-btn .btn-primary:hover {
border-color: #e67e22;
background-color: #be6415;
}
.navbar-enthink .wrapper .search_bar ul .input-group-btn .btn-primary:focus {
border-color: #e67e22;
background-color: #be6415;
outline: none;
}
.navbar-enthink .wrapper .search_bar ul .input-group-btn .btn-primary:active {
border-color: #e67e22;
background-color: #be6415;
}
.navbar-enthink.topbar-two .wrapper {
background-color: #fcfcfc !important;
}
.navbar-enthink.topbar-dark .wrapper {
background-color: #394245 !important;
}
@media (max-width: 369px) {
.navbar-enthink .wrapper {
z-index: 0 !important;
display: none;
}
}
.navbar-enthink .navbar {
margin-left: 20px;
margin-right: 20px;
transition: 0.5s all ease-in;
top: 70px;
position: fixed;
border: none;
}
.navbar-enthink .navbar.navbar-enthink {
background-color: #333;
height: 100px;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav {
margin-top: 25px;
transition: 0.5s all ease-in;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a {
border-radius: 0;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:link,
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:visited {
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
transition: 0.5s all;
border-radius: 0;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:hover,
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:focus {
background-color: transparent;
border-radius: 0;
color: #e67e22;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li.active,
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:visited {
border-bottom: 1px solid #e67e22;
border-radius: 0;
}
.navbar-enthink .navbar.navbar-enthink .navbar-brand img {
top: -40px;
position: relative;
}
.navbar-enthink .navbar.navbar-enthink .navbar-header .navbar-brand {
position: relative;
top: 25px;
color: #e67e22;
text-transform: uppercase;
transition: 0.5s all ease-in;
}
.navbar-enthink .navbar.navbar-enthink .navbar-toggle i {
position: relative;
top: 2px;
}
.navbar-enthink .navbar.navbar-enthink.affix {
z-index: 3000 !important;
margin-left: 0px;
margin-right: 0px;
background-color: #333 !important;
transition: 0.8s all;
height: 72px;
border: none;
position: fixed;
top: 0px;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-nav {
transition: 0.8s all;
margin-top: 6px;
font-size: 9px !important;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-nav li {
transition: 0.8s all;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-nav li a {
color: #fff;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-nav li a:hover {
color: #e67e22;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-header {
transition: 0.8s all;
border: none;
}
@media (max-width: 767px) {
.navbar-enthink .navbar.navbar-enthink {
margin-right: 0;
margin-left: 0;
}
.navbar-enthink .navbar.navbar-enthink .container,
.navbar-enthink .navbar.navbar-enthink .container .col-xs-12,
.navbar-enthink .navbar.navbar-enthink .container .row,
.navbar-enthink .navbar.navbar-enthink .container [class ~="col-"],
.navbar-enthink .navbar.navbar-enthink .container [class*=' col-'],
.navbar-enthink .navbar.navbar-enthink .container .navbar-collapse {
padding: 0;
margin: 0;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-header {
top: 0;
}
.navbar-enthink .navbar.navbar-enthink.affix .navbar-header button {
margin-top: 20px;
}
.navbar-enthink .navbar.navbar-enthink .navbar-header {
border: 0;
}
.navbar-enthink .navbar.navbar-enthink .navbar-header .navbar-brand {
display: block;
margin: 0 auto;
}
.navbar-enthink .navbar.navbar-enthink .navbar-header button {
margin-top: 35px;
transition: 0.5s all ease-in;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav {
background-color: #e67e22;
display: block;
margin: 0 !important;
width: 100%;
padding: 10px;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a {
padding-bottom: 5px;
padding-top: 5px;
color: #fff !important;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:hover {
background-color: transparent;
border-radius: 0;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:focus {
background-color: transparent;
}
.navbar-enthink .navbar.navbar-enthink .navbar-nav li.active,
.navbar-enthink .navbar.navbar-enthink .navbar-nav li a:visited {
border-left: 1px solid #fff;
background-color: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
}
}
@media (max-width: 369px) {
.navbar-enthink .navbar.navbar-enthink {
top: 0;
}
.navbar-enthink .navbar.navbar-enthink .navbar-brand img {
top: -15px;
}
}
.quote-enthink {
background: url("../img/construction/enthink/quote/0.jpg");
background-repeat: no-repeat;
background-size: cover;
background-attachement: fixed;
}
.quote-enthink .alpha {
background-color: rgba(32,46,49,0.9);
}
.team-enthink .alpha {
background-color: rgba(32,46,49,0.9);
}
.team-enthink .img {
border: 1px solid #333;
transition: 0.5s all;
}
.team-enthink .img img {
cursor: pointer;
}
.team-enthink .img .text-box {
width: 100%;
opacity: 2;
z-index: 6;
transition: 1s all;
background-color: #333;
}
.team-enthink .img .text-box .team-text {
transition: 0.9s all;
text-transform: uppercase;
}
.team-enthink .img .text-box .team-text span {
font-size: 11px;
}
.team-enthink .img .text-box .team-text h3 {
font-weight: 700;
font-size: 15px;
}
.team-enthink .img:hover {
border-color: #e67e22;
background-color: rgba(230,126,34,0.5);
}
.team-enthink .img:hover .text-box {
cursor: pointer;
background-color: #e67e22;
border-color: #e67e22;
transition: 0.1s all;
}
.team-enthink .img:hover .text-box .team-text {
transition: 0.1s all;
border-color: #333;
}
.team-enthink .img:hover .text-box .team-text span {
transition: 0.1s all;
color: #333;
}
.team-enthink .img:hover .text-box .team-text h3 {
transition: 0.1s all;
color: #333;
}
.team-enthink .img:hover {
opacity: 2px;
}
.team-enthink .img:hover .layer1 {
left: 0;
top: 0;
cursor: pointer;
opacity: 2;
}
.team-enthink .text-heading h4 {
letter-spacing: 0.5px;
line-height: 30px;
}
.team-enthink .text-heading p {
letter-spacing: 0.9px;
line-height: 30px;
}
@media (max-width: 307px) {
.team-enthink .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.team-enthink .heading {
top: 100px;
marin: auto 0;
right: 20px;
center: block;
padding-left: 10px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.team-enthink .heading {
top: 15px;
marin: auto 0;
right: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.team-enthink .owl-team .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0px;
bottom: -100px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.team-enthink .owl-team .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.team-enthink .owl-team .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
left: 54px;
bottom: -100px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.team-enthink .owl-team .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.team-enthink .owl-team .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.team-enthink .owl-team .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.quote-widget-enthink {
overflow: hidden;
}
.quote-widget-enthink .author-name p {
color: #fff;
font-size: 14px;
font-weight: 400;
}
.quote-widget-enthink .img img {
height: 140px;
border: 8px solid #fff;
margin-top: 30px;
margin-bottom: 25px;
}
.quote-widget-enthink .text p {
letter-spacing: 0.9px;
font-size: 15px;
font-weight: 100;
color: #fff;
}
.quote-widget-enthink p. {
color: #fff;
}
.quote-widget-enthink .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
right: 64px;
bottom: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.quote-widget-enthink .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.quote-widget-enthink .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 10px;
bottom: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.quote-widget-enthink .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.quote-widget-enthink .owl-tweeter .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.quote-widget-enthink .owl-tweeter .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.widget2 {
overflow: hidden;
}
.widget2 .blocks {
transition: 1s all;
cursor: pointer;
background-color: #2a2a2a;
border: 1px solid rgba(230,126,34,0.4);
}
.widget2 .blocks .media-text h4 {
color: #e67e22;
letter-spacing: 1px;
font-weight: 900;
text-transform: uppercase;
font-size: 14px;
}
.widget2 .blocks .media-text p {
line-height: 20px;
color: #808080;
letter-spacing: 1px;
font-weight: 100;
font-size: 13px;
}
.widget2 .blocks .button {
bottom: 25px;
left: 48px;
}
.widget2 .blocks .button .btn-primary {
color: #e67e22;
border: none;
transition: 0.5s all;
}
.widget2 .blocks .button .btn-primary:hover {
color: #fff;
background-color: #e67e22;
}
.widget2 .blocks:hover .button .btn-primary {
color: #fff;
background-color: #e67e22;
}
.widget3 form .input1,
.widget3 form input {
height: 126px;
margin-bottom: -17px;
border: none;
color: #fff;
padding-left: 30px;
padding-right: 30px;
transition: 0.5s all;
background-color: rgba(128,128,128,0.2);
}
.widget3 form .input1:hover,
.widget3 form input:hover {
border: 2px solid #e67e22;
}
.widget3 form .input1:focus,
.widget3 form input:focus {
border: 2px solid #e67e22;
}
.widget3 form .input1.active,
.widget3 form input.active {
border: 2px solid #e67e22;
}
.widget3 form .button {
bottom: 4px;
right: 4px;
}
.widget3 form .button .btn {
transition: 0.5s all;
border-right: #e67e22;
border-bottom: #e67e22;
border-top: #e67e22;
background-color: #e67e22;
border-radius: 0;
}
.widget3 form .button .btn:hover {
background-color: #be6415;
}
.widget3 form:hover input {
transition: 0.5s all;
border: 2px solid #e67e22;
}
.widget3 .sidebox .btn {
transition: 0.5s all;
padding-top: 45px;
height: 126px;
width: 100%;
background-color: #e67e22;
border: 0;
border-radius: 0;
}
.widget3 .sidebox .btn:hover {
background-color: #be6415;
}
.widget3 .subscription-text h3 {
font-size: 17px;
color: #e67e22;
font-weight: 800;
}
.widget3 .subscription-text h5 {
font-size: 14px;
color: #e67e22;
}
.widget4 form {
margin-bottom: 0;
}
.widget4 form .tweets2 {
height: 126px;
outline: none;
border: none;
background-color: #e67e22;
padding: 40px;
}
.widget4 form .tweets2 h4 {
font-weight: 700;
color: #808080;
}
.widget4 .sidebox .btn {
background-color: #e67e22;
padding-top: 45px;
height: 126px;
width: 100%;
border: 0;
border-radius: 0;
transition: 0.5s all;
}
.widget4 .sidebox .btn .fa {
font-size: 50px;
}
.widget4 .sidebox .btn:hover {
background-color: #be6415;
}
.widget4 .tweets1 h3 {
font-size: 17px;
color: #e67e22;
font-weight: 800;
}
.widget4 .tweets1 h5 {
font-size: 14px;
color: #e67e22;
}
.widget5 form {
margin-bottom: 0;
}
.widget5 form .fb2 {
height: 126px;
outline: none;
border: none;
background-color: #e67e22;
padding: 40px;
}
.widget5 form .fb2 h4 {
font-weight: 700;
color: #808080;
}
.widget5 .sidebox .btn {
transition: 0.5s all;
background-color: #e67e22;
padding-top: 45px;
height: 126px;
width: 100%;
border: 0;
border-radius: 0;
}
.widget5 .sidebox .btn:hover {
background-color: #be6415;
}
.widget5 .fb1 h3 {
font-size: 17px;
color: #e67e22;
font-weight: 800;
}
.widget5 .fb1 h5 {
font-size: 14px;
color: #e67e22;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0px;
top: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
left: 54px;
top: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.about-envision .contain {
background: #f7f7f7;
padding-left: 11.66666667%;
}
.about-envision .heading {
position: absolute;
top: 90px;
padding-left: 70px;
padding-top: 80px;
height: 150px;
width: 260px;
left: 30px;
z-index: 1;
background-color: #e67e22;
}
.about-envision .heading h3 {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.about-envision .heading .text {
color: #404040;
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
border-left: 8px solid #404040;
}
.about-envision .contain {
padding-top: 150px;
padding-bottom: 150px;
}
.about-envision .contain .img {
margin-top: 10px;
position: relative;
border: 10px solid #d9d9d9;
}
.about-envision .contain .img .layer1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 1s all;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.about-envision .contain .img:hover .layer1 {
cursor: pointer;
opacity: 2;
}
.about-envision .contain .text-heading h4 {
color: #e67e22;
letter-spacing: 0.5px;
line-height: 30px;
}
.about-envision .contain .text-heading p {
letter-spacing: 0.9px;
line-height: 30px;
}
.about-envision .callout1 .callout {
position: relative;
background-color: #e67e22;
}
.about-envision .callout1 .callout .twitter1 {
margin-left: 20%;
height: 100px;
width: 160px;
top: 0;
z-index: 3;
left: 0;
background-color: #f00;
}
.about-envision .callout1 .callout .twitter1 h3 {
color: #008000;
padding-right: 10px;
text-align: right;
font-size: 50px;
}
.about-envision .callout1 .callout .twitter2 {
margin-left: 20%;
height: 100px;
width: 160px;
top: 0;
z-index: 3;
right: 0;
background-color: #f00;
}
.about-envision .callout1 .callout .twitter2 h3 {
color: #008000;
padding-right: 10px;
text-align: right;
font-size: 50px;
}
@media (max-width: 307px) {
.about-envision .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.about-envision .heading {
top: 100px;
marin: auto 0;
left: 20px;
center: block;
padding-left: 30px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.about-envision .heading {
top: 15px;
marin: auto 0;
left: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.contact-envision .contain {
background-color: #f7f7f7;
padding-left: 11.66666667%;
}
.contact-envision .heading {
position: absolute;
top: 90px;
padding-left: 30px;
padding-top: 80px;
height: 150px;
width: 260px;
right: 30px;
z-index: 1;
background-color: #e67e22;
}
.contact-envision .heading h3 {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.contact-envision .heading .text {
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
border-left: 8px solid #404040;
}
.contact-envision .contain {
padding-top: 150px;
}
.contact-envision .contain .img {
position: relative;
border: 10px solid #d9d9d9;
}
.contact-envision .contain .img .layer1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 1s all;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.contact-envision .contain .img:hover .layer1 {
cursor: pointer;
opacity: 2;
}
.contact-envision .contact-parent {
border-color: #808080;
position: relative;
}
.contact-envision .contact-parent .contact-field-heads h5 {
color: #808080;
font-weight: 400;
font-size: 15px;
background-color: #f7f7f7;
position: absolute;
top: -18px;
left: 30px;
width: 129px;
border: 1px solid #808080;
text-align: center;
transition: 1s all;
}
.contact-envision .contact-parent:hover .contact-field-heads h5 {
left: 60px;
}
.contact-envision .contact-parent input {
color: #808080;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
.contact-envision .contact-parent textarea {
color: #808080;
font-weight: 400;
font-size: 14px;
box-shadow: none;
}
.contact-envision .btn {
background-color: #e67e22;
transition: 0.5s all;
color: #fff;
font-size: 15px;
}
.contact-envision .btn:hover {
background-color: #be6415;
color: #fff;
}
.contact-envision .btn:focus,
.contact-envision .btn:active {
outline: none;
}
@media (max-width: 307px) {
.contact-envision .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.contact-envision .heading {
top: 100px;
marin: auto 0;
right: 20px;
center: block;
padding-left: 10px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.contact-envision .heading {
top: 15px;
marin: auto 0;
right: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.features-envision .contain {
background: #f7f7f7;
padding-left: 11.66666667%;
}
.features-envision .heading {
position: absolute;
top: 90px;
padding-left: 30px;
padding-top: 80px;
height: 150px;
width: 260px;
right: 30px;
z-index: 1;
background-color: #e67e22;
}
.features-envision .heading h3 {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.features-envision .heading .text {
color: #404040;
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
border-left: 8px solid #404040;
}
.features-envision .contain {
padding-top: 80px;
padding-bottom: 80px;
}
.features-envision .contain .img {
position: relative;
border: 10px solid #d9d9d9;
}
.features-envision .contain .img .layer1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 1s all;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.features-envision .contain .img:hover {
opacity: 2px;
}
.features-envision .contain .img:hover .layer1 {
cursor: pointer;
opacity: 2;
}
.features-envision .contain .media .media-body h4 {
font-size: 16px;
text-transform: uppercase;
}
.features-envision .contain .media .media-body p {
letter-spacing: 1px;
line-height: 20px;
font-size: 14px;
}
@media (max-width: 307px) {
.features-envision .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.features-envision .heading {
top: 100px;
marin: auto 0;
right: 20px;
center: block;
padding-left: 10px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.features-envision .heading {
top: 15px;
marin: auto 0;
right: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.footer-envision {
background-color: #2a2a2a;
}
.footer-envision .col-md-4th {
width: 25%;
margin-left: 48px;
float: left;
margin-right: 49px;
}
@media (max-width: 1199px) {
.footer-envision .col-md-4th {
margin-left: 40px;
margin-right: 40px;
}
}
@media (max-width: 991px) {
.footer-envision .col-md-4th {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
}
.footer-envision .ulist {
padding-top: 42px;
padding-bottom: 42px;
}
.footer-envision .partition1 .head {
text-transform: uppercase;
padding-left: -40px;
border-bottom: 1px solid #808080;
font-weight: 900;
color: #ccc;
font-size: 15px;
}
.footer-envision .partition1 .para {
line-height: 20px;
color: #fff;
font-size: 13px;
font-weight: 100;
}
.footer-envision .footer-text {
background-color: #333;
}
.footer-envision .footer-text h5 {
font-size: 13px;
font-weight: 100;
color: #fff;
}
.footer-envision .footer-text h5 span {
font-weight: 600 !important;
}
.gallery-envision .contain {
background: #f7f7f7;
padding-left: 11.66666667%;
}
.gallery-envision .heading {
position: absolute;
top: 90px;
padding-left: 70px;
padding-top: 80px;
height: 150px;
width: 260px;
left: 30px;
z-index: 1;
background-color: #e67e22;
}
.gallery-envision .heading h3 {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.gallery-envision .heading .text {
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
border-left: 8px solid #404040;
}
.gallery-envision #envision_gallery-mixitup {
overflow: hidden;
}
.gallery-envision .mix {
display: none;
}
.gallery-envision nav {
background-color: #333;
margin-bottom: 30px;
}
.gallery-envision .portfolio-filter {
list-style: none;
text-align: center;
}
.gallery-envision .portfolio-filter li {
display: inline-block;
}
.gallery-envision .portfolio-filter li a {
transition: 0.5s all;
color: #e67e22;
letter-spacing: 2px;
display: block;
margin-right: 18px;
margin-left: 18px;
font-size: 12px;
line-height: normal;
padding: 10px;
text-transform: uppercase;
}
.gallery-envision .portfolio-filter li a.active {
background-color: #e67e22;
color: #fff;
cursor: pointer !important;
}
.gallery-envision .portfolio-filter li a:hover {
transition: 1s all ease-in-out;
color: #f3bf91;
cursor: pointer !important;
text-decoration: none;
}
.gallery-envision .portfolio-filter li a:focus,
.gallery-envision .portfolio-filter li a:visited,
.gallery-envision .portfolio-filter li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.gallery-envision figure {
margin: 8px;
padding: 5px;
background-color: #fff;
border: 1px solid #ccc;
position: relative;
overflow: hidden;
}
.gallery-envision figure,
.gallery-envision figure figcaption {
transition: 1s all;
}
.gallery-envision figure figcaption {
transition: 1s all;
position: absolute;
width: 50%;
height: 100%;
left: -100%;
background-color: rgba(230,126,34,0.6);
top: 0;
opacity: 0;
}
.gallery-envision figure .figcaption1 {
transition: 1s all;
position: absolute;
width: 50%;
height: 100%;
right: -100%;
background-color: rgba(230,126,34,0.6);
top: 0;
opacity: 0;
}
.gallery-envision figure .figcaption2 {
transition: 1s all;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
}
.gallery-envision figure .figcaption2 i {
transition: 1s all;
position: relative;
color: #fff;
top: 0;
left: 0;
line-height: 40px;
font-size: 30px;
}
.gallery-envision figure:hover img {
cursor: pointer;
}
.gallery-envision figure:hover figcaption {
transform: rotate(45deg) scale(4);
opacity: 2;
border-radius: 0;
cursor: pointer;
left: 0;
}
.gallery-envision figure:hover .figcaption1 {
transform: rotate(45deg) scale(4);
opacity: 2;
cursor: pointer;
border-radius: 0;
right: 0;
}
.gallery-envision figure:hover .figcaption2 {
opacity: 2;
cursor: pointer;
text-decoration: none;
z-index: 5;
top: 0;
}
@media (max-width: 307px) {
.gallery-envision .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.gallery-envision .heading {
top: 100px;
marin: auto 0;
left: 20px;
center: block;
padding-left: 30px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.gallery-envision .heading {
top: 15px;
marin: auto 0;
left: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.table-1 {
position: relative;
display: table;
height: 100%;
width: 100%;
}
.table-middle-row-1 {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.navbar-envision .wrapper {
z-index: 2000;
transition: 1s all;
opacity: 9;
width: 100%;
left: 0;
top: 0;
position: absolute;
font-weight: 400;
}
.navbar-envision .wrapper .topbar {
position: absolute;
min-height: 110px;
width: 100%;
z-index: 100;
top: 0;
}
.navbar-envision .wrapper .topbar .topbar-text {
position: relative;
margin-top: 14px;
color: #999;
letter-spacing: 0.8px;
font-size: 14px;
font-weight: 400;
}
.navbar-envision .wrapper .topbar .topbar-text a {
color: #999;
text-decoration: none;
letter-spacing: 0.5px;
}
.navbar-envision .wrapper .topbar .media .media-body .p1 {
margin-top: 5px;
text-transform: uppercase;
font-size: 13px !important;
color: #e67e22;
letter-spacing: 0.6px;
margin-bottom: 5px;
}
.navbar-envision .wrapper .topbar .media .media-body .p2,
.navbar-envision .wrapper .topbar .media .media-body p {
font-size: 15px !important;
margin-top: -5px;
}
.navbar-envision .wrapper .search_bar {
width: 100%;
position: relative;
}
.navbar-envision .wrapper .search_bar ul input {
color: #e67e22;
}
.navbar-envision .wrapper .search_bar ul input:hover {
border-color: #e67e22;
outline: none;
}
.navbar-envision .wrapper .search_bar ul input.active,
.navbar-envision .wrapper .search_bar ul input:focus {
border-color: #e67e22;
}
.navbar-envision .wrapper .search_bar ul .input-group-btn .btn-primary:hover {
border-color: #e67e22;
background-color: #be6415;
}
.navbar-envision .wrapper .search_bar ul .input-group-btn .btn-primary:focus {
border-color: #e67e22;
background-color: #be6415;
outline: none;
}
.navbar-envision .wrapper .search_bar ul .input-group-btn .btn-primary:active {
border-color: #e67e22;
background-color: #be6415;
}
.navbar-envision.topbar-two .wrapper {
background-color: #fcfcfc !important;
}
.navbar-envision.topbar-dark .wrapper {
background-color: #394245 !important;
}
@media (max-width: 369px) {
.navbar-envision .wrapper {
z-index: 0 !important;
display: none;
}
}
.navbar-envision .navbar {
margin-left: 20px;
margin-right: 20px;
transition: 0.5s all ease-in;
top: 70px;
position: fixed;
border: none;
}
.navbar-envision .navbar.navbar-tranglo {
background-color: #333;
height: 100px;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav {
margin-top: 25px;
transition: 0.5s all ease-in;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a {
border-radius: 0;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:link,
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:visited {
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
transition: 0.5s all;
border-radius: 0;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:hover,
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:focus {
background-color: transparent;
border-radius: 0;
color: #e67e22;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li.active,
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:visited {
border-bottom: 1px solid #e67e22;
border-radius: 0;
}
.navbar-envision .navbar.navbar-tranglo .navbar-brand img {
top: -40px;
position: relative;
}
.navbar-envision .navbar.navbar-tranglo .navbar-header .navbar-brand {
position: relative;
top: 25px;
color: #e67e22;
text-transform: uppercase;
transition: 0.5s all ease-in;
}
.navbar-envision .navbar.navbar-tranglo .navbar-toggle i {
position: relative;
top: 2px;
}
.navbar-envision .navbar.navbar-tranglo.affix {
z-index: 3000 !important;
margin-left: 0px;
margin-right: 0px;
background-color: #333 !important;
transition: 0.8s all;
height: 72px;
border: none;
position: fixed;
top: 0px;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-nav {
transition: 0.8s all;
margin-top: 6px;
font-size: 9px !important;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-nav li {
transition: 0.8s all;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-nav li a {
color: #fff;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-nav li a:hover {
color: #e67e22;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-header {
transition: 0.8s all;
border: none;
}
@media (max-width: 767px) {
.navbar-envision .navbar.navbar-tranglo {
margin-right: 0;
margin-left: 0;
}
.navbar-envision .navbar.navbar-tranglo .container,
.navbar-envision .navbar.navbar-tranglo .container .col-xs-12,
.navbar-envision .navbar.navbar-tranglo .container .row,
.navbar-envision .navbar.navbar-tranglo .container [class ~="col-"],
.navbar-envision .navbar.navbar-tranglo .container [class*=' col-'],
.navbar-envision .navbar.navbar-tranglo .container .navbar-collapse {
padding: 0;
margin: 0;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-header {
top: 0;
}
.navbar-envision .navbar.navbar-tranglo.affix .navbar-header button {
margin-top: 20px;
}
.navbar-envision .navbar.navbar-tranglo .navbar-header {
border: 0;
}
.navbar-envision .navbar.navbar-tranglo .navbar-header .navbar-brand {
display: block;
margin: 0 auto;
}
.navbar-envision .navbar.navbar-tranglo .navbar-header button {
margin-top: 35px;
transition: 0.5s all ease-in;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav {
background-color: #e67e22;
display: block;
margin: 0 !important;
width: 100%;
padding: 10px;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a {
padding-bottom: 5px;
padding-top: 5px;
color: #fff !important;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:hover {
background-color: transparent;
border-radius: 0;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:focus {
background-color: transparent;
}
.navbar-envision .navbar.navbar-tranglo .navbar-nav li.active,
.navbar-envision .navbar.navbar-tranglo .navbar-nav li a:visited {
border-left: 1px solid #fff;
background-color: transparent;
border-top: 0;
border-right: 0;
border-bottom: 0;
}
}
@media (max-width: 369px) {
.navbar-envision .navbar.navbar-tranglo {
top: 0;
}
.navbar-envision .navbar.navbar-tranglo .navbar-brand img {
top: -15px;
}
}
.services-envision .contain {
background: #f7f7f7;
padding-left: 11.66666667%;
}
.services-envision .heading {
position: absolute;
top: 90px;
padding-left: 70px;
padding-top: 80px;
height: 150px;
width: 260px;
left: 30px;
z-index: 1;
background-color: #e67e22;
}
.services-envision .heading h3 {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.services-envision .heading .text {
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
border-left: 8px solid #404040;
}
.services-envision .contain {
padding-top: 150px;
padding-bottom: 150px;
}
.services-envision .contain .img {
position: relative;
border: 10px solid #d9d9d9;
}
.services-envision .contain .img .layer1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 1s all;
background-color: rgba(0,0,0,0.5);
z-index: 2;
}
.services-envision .contain .img:hover {
opacity: 2px;
}
.services-envision .contain .img:hover .layer1 {
cursor: pointer;
opacity: 2;
}
.services-envision .contain .text-heading h4 {
letter-spacing: 0.5px;
line-height: 30px;
}
.services-envision .contain .text-heading p {
letter-spacing: 0.9px;
line-height: 30px;
}
.services-envision .callout1 .callout {
position: relative;
background-color: #e67e22;
}
.services-envision .callout1 .callout .twitter1 {
margin-left: 20%;
height: 100px;
width: 160px;
top: 0;
z-index: 3;
left: 0;
background-color: #f00;
}
.services-envision .callout1 .callout .twitter1 h3 {
color: #008000;
padding-right: 10px;
text-align: right;
font-size: 50px;
}
.services-envision .callout1 .callout .twitter2 {
margin-left: 20%;
height: 100px;
width: 160px;
top: 0;
z-index: 3;
right: 0;
background-color: #f00;
}
.services-envision .callout1 .callout .twitter2 h3 {
color: #008000;
padding-right: 10px;
text-align: right;
font-size: 50px;
}
@media (max-width: 307px) {
.services-envision .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.services-envision .heading {
top: 100px;
marin: auto 0;
left: 20px;
center: block;
padding-left: 30px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.services-envision .heading {
top: 15px;
marin: auto 0;
left: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.team-envision .contain {
background: #f7f7f7;
padding-left: 11.66666667%;
}
.team-envision .heading {
z-index: 10;
position: absolute;
top: 90px;
padding-left: 30px;
padding-top: 80px;
height: 150px;
width: 260px;
right: 30px;
z-index: 10;
background-color: #e67e22;
}
.team-envision .heading h3 {
color: #fff;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
}
.team-envision .heading .text {
font-size: 12px;
text-transform: uppercase;
padding-left: 10px;
border-left: 8px solid #404040;
}
.team-envision .contain {
padding-top: 150px;
padding-bottom: 150px;
}
.team-envision .contain .img {
position: relative;
}
.team-envision .contain .img img {
cursor: pointer;
border: 10px solid #d9d9d9;
}
.team-envision .contain .img .layer1 {
position: absolute;
height: 100%;
width: 55px;
top: -50%;
left: 0;
opacity: 0;
transition: 1s all;
background-color: rgba(230,126,34,0.7);
z-index: 100;
}
.team-envision .contain .img .text-box {
position: absolute;
height: 80px;
width: 170px;
bottom: -13px;
right: 0px;
opacity: 2;
z-index: 6;
transition: 1s all;
background-color: #333;
padding-left: 50px;
padding-top: 35px;
}
.team-envision .contain .img .text-box .team-text {
transition: 0.9s all;
text-transform: uppercase;
padding-left: 7px;
margin: 0;
border-left: 6px solid #fff;
}
.team-envision .contain .img .text-box .team-text span {
font-size: 11px;
}
.team-envision .contain .img .text-box .team-text h3 {
font-weight: 700;
font-size: 15px;
}
.team-envision .contain .img:hover .text-box {
cursor: pointer;
background-color: #e67e22;
border-color: #e67e22;
transition: 0.1s all;
}
.team-envision .contain .img:hover .text-box .team-text {
transition: 0.1s all;
border-color: #333;
}
.team-envision .contain .img:hover .text-box .team-text span {
transition: 0.1s all;
color: #333;
}
.team-envision .contain .img:hover .text-box .team-text h3 {
transition: 0.1s all;
color: #333;
}
.team-envision .contain .img:hover {
opacity: 2px;
}
.team-envision .contain .img:hover .layer1 {
left: 0;
top: 0;
cursor: pointer;
opacity: 2;
}
.team-envision .contain .text-heading h4 {
letter-spacing: 0.5px;
line-height: 30px;
}
.team-envision .contain .text-heading p {
letter-spacing: 0.9px;
line-height: 30px;
}
@media (max-width: 307px) {
.team-envision .heading {
top: 15px;
padding-left: 30px;
padding-top: 40px;
height: 100px;
width: 210px;
}
}
@media (max-width: 1199px) {
.team-envision .heading {
top: 100px;
marin: auto 0;
right: 20px;
center: block;
padding-left: 10px;
padding-top: 50px;
height: 120px;
width: 210px;
}
}
@media (max-width: 991px) {
.team-envision .heading {
top: 15px;
marin: auto 0;
right: 0px;
center: block;
padding-left: 30px;
padding-top: 30px;
height: 100px;
width: 100%;
}
}
.team-envision .owl-team .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0px;
bottom: -80px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.team-envision .owl-team .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.team-envision .owl-team .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
left: 54px;
bottom: -80px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.team-envision .owl-team .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.team-envision .owl-team .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.team-envision .owl-team .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.widget1 {
overflow: hidden;
}
.widget1 .img img {
height: 140px;
border: 8px solid #fff;
margin-top: 30px;
margin-bottom: 25px;
}
.widget1 .text p {
letter-spacing: 0.9px;
font-size: 15px;
font-weight: 100;
color: #fff;
}
.widget1 p. {
color: #fff;
}
.widget1 .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
right: 64px;
bottom: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.widget1 .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.widget1 .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 10px;
bottom: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.widget1 .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.widget1 .owl-tweeter .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.widget1 .owl-tweeter .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.widget2 {
overflow: hidden;
}
.widget2 .blocks {
transition: 1s all;
cursor: pointer;
background-color: #2a2a2a;
border: 1px solid rgba(230,126,34,0.4);
}
.widget2 .blocks .media-text h4 {
color: #e67e22;
letter-spacing: 1px;
font-weight: 900;
text-transform: uppercase;
font-size: 14px;
}
.widget2 .blocks .media-text p {
line-height: 20px;
color: #fff;
letter-spacing: 1px;
font-weight: 100;
font-size: 14px;
}
.widget2 .blocks .button {
bottom: 42px;
left: 35px;
background-image: none;
}
.widget2 .blocks .button .btn-primary {
letter-spacing: 0.9px;
color: #e67e22;
border: none;
transition: 0.5s all;
}
.widget2 .blocks .button .btn-primary:hover {
color: #fff;
background-color: #e67e22;
}
.widget2 .blocks:hover .button .btn-primary {
color: #fff;
background-color: #e67e22;
}
.widget3 form .input1,
.widget3 form input {
height: 126px;
margin-bottom: -17px;
border: none;
color: #fff;
padding-left: 30px;
padding-right: 30px;
transition: 0.5s all;
background-color: rgba(128,128,128,0.2);
}
.widget3 form .input1:hover,
.widget3 form input:hover {
border: 2px solid #e67e22;
}
.widget3 form .input1:focus,
.widget3 form input:focus {
border: 2px solid #e67e22;
}
.widget3 form .input1.active,
.widget3 form input.active {
border: 2px solid #e67e22;
}
.widget3 form .button {
bottom: 30px;
right: -13px;
background-image: none;
}
.widget3 form .button .btn {
transition: 0.5s all;
border-right: #e67e22;
border-bottom: #e67e22;
border-top: #e67e22;
letter-spacing: 0.9px;
background-color: #e67e22;
border-radius: 0;
color: #fff;
font-size: 17px;
}
.widget3 form .button .btn:hover {
background-color: #be6415;
}
.widget3 form:hover input {
transition: 0.5s all;
border: 2px solid #e67e22;
}
.widget3 .sidebox .btn {
transition: 0.5s all;
padding-top: 45px;
height: 126px;
width: 100%;
background-color: #e67e22;
border: 0;
border-radius: 0;
}
.widget3 .sidebox .btn:hover {
background-color: #be6415;
}
.widget3 .subscription-text h3 {
font-size: 17px;
color: #e67e22;
font-weight: 800;
}
.widget3 .subscription-text h5 {
font-size: 14px;
color: #e67e22;
}
.widget4 form {
margin-bottom: 0;
}
.widget4 form .tweets2 {
height: 126px;
outline: none;
border: none;
background-color: #e67e22;
padding: 40px;
}
.widget4 form .tweets2 h4 {
font-weight: 700;
color: #fff;
}
.widget4 form .tweets2 p {
color: #fff;
letter-spacing: 0.8px;
}
.widget4 .sidebox .btn {
background-color: #e67e22;
padding-top: 45px;
height: 126px;
width: 100%;
border: 0;
border-radius: 0;
transition: 0.5s all;
}
.widget4 .sidebox .btn .fa {
font-size: 50px;
}
.widget4 .sidebox .btn:hover {
background-color: #be6415;
}
.widget4 .tweets1 h3 {
font-size: 17px;
color: #e67e22;
font-weight: 800;
}
.widget4 .tweets1 h5 {
font-size: 14px;
color: #e67e22;
}
.widget5 form {
margin-bottom: 0;
}
.widget5 form .fb2 {
height: 126px;
outline: none;
border: none;
background-color: #e67e22;
padding: 40px;
}
.widget5 form .fb2 h4 {
font-weight: 700;
color: #808080;
}
.widget5 .sidebox .btn {
transition: 0.5s all;
background-color: #e67e22;
padding-top: 45px;
height: 126px;
width: 100%;
border: 0;
border-radius: 0;
}
.widget5 .sidebox .btn:hover {
background-color: #be6415;
}
.widget5 .fb1 h3 {
font-size: 17px;
color: #e67e22;
font-weight: 800;
}
.widget5 .fb1 h5 {
font-size: 14px;
color: #e67e22;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0px;
top: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
left: 54px;
top: 0;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.widget6 .construction_brands .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.cook_menu {
background: url("../img/1.mp4");
}
.cook_menu .cooking-imgbox1 figure {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}
.cook_menu .cooking-imgbox1 figure img {
transition: 0.5s all;
}
.cook_menu .cooking-imgbox1 figure figcaption {
cursor: pointer;
transition: 0.5s all;
opacity: 0;
height: 100%;
width: 100%;
}
.cook_menu .cooking-imgbox1 figure figcaption .layer1 {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.8);
top: 0;
left: 0;
}
.cook_menu .cooking-imgbox1 figure figcaption .layer2 {
position: absolute;
width: 100%;
bottom: -100%;
left: 0;
transition: 0.7s all;
}
.cook_menu .cooking-imgbox1 figure figcaption .layer2 h3 {
position: relative;
color: #fff;
width: 100%;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 2px;
background-color: #e67e22;
padding: 10px;
}
.cook_menu .cooking-imgbox1 figure figcaption .layer3 {
position: absolute;
left: 0;
top: 40%;
height: 100%;
width: 100%;
}
.cook_menu .cooking-imgbox1 figure figcaption .layer3 i {
font-size: 25px;
height: 100%;
color: #fff;
width: 100%;
position: relative;
text-align: center;
}
.cook_menu .cooking-imgbox1 figure:hover figcaption {
opacity: 1;
}
.cook_menu .cooking-imgbox1 figure:hover figcaption .layer2 {
position: absolute;
bottom: 0;
}
.cook_menu .cooking-imgbox1 figure:hover img {
transform: rotate(10deg) scale(1.5);
}
.cook_menu .cooking-imgbox1 .contentt .content-1,
.cook_menu .cooking-imgbox1 .contentt .content-2,
.cook_menu .cooking-imgbox1 .contentt .content-3 {
position: relative;
border: 1px solid #f2f2f2;
background-color: #f7f7f7;
}
.cook_menu .cooking-imgbox1 .contentt .content-1 h4,
.cook_menu .cooking-imgbox1 .contentt .content-2 h4,
.cook_menu .cooking-imgbox1 .contentt .content-3 h4 {
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
color: #4d4d4d;
letter-spacing: 2px;
}
.cook_menu .cooking-imgbox1 .contentt .content-1 p,
.cook_menu .cooking-imgbox1 .contentt .content-2 p,
.cook_menu .cooking-imgbox1 .contentt .content-3 p {
text-transform: capitalize;
color: #333;
letter-spacing: 1px;
font-size: 14px;
font-weight: 300;
}
.cook_menu .cooking-imgbox1 .contentt .content-1 hr,
.cook_menu .cooking-imgbox1 .contentt .content-2 hr,
.cook_menu .cooking-imgbox1 .contentt .content-3 hr {
padding-top: 3px;
margin: 0;
border-top: 1px solid #e67e22;
width: 20%;
display: inline-block;
}
.cook_menu .cooking-imgbox1 .contentt .pricebox {
position: absolute;
right: 0;
z-index: 2;
height: 80%;
top: 0;
background-color: #e67e22;
width: 41px;
border-radius: 0px 0px 25px 25px;
}
.cook_menu .cooking-imgbox1 .contentt .pricebox::before {
content: "\f117";
position: relative;
left: 0px;
top: -20px;
font-family: Flaticon;
color: #333;
text-align: center;
width: 100%;
font-size: 43px;
}
.cook_menu .cooking-imgbox1 .contentt .pricebox h3 {
position: relative;
top: -24px;
color: #fff;
text-align: center;
width: 100%;
}
.cooking_about .team-box {
margin-top: 60px;
margin-bottom: 80px;
}
.cooking_about .team-box figure {
position: relative;
overflow: hidden;
transition: 0.5s all;
}
.cooking_about .team-box figure figcaption {
transition: 0.5s all;
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 100%;
background-color: rgba(230,126,34,0.3);
border: 1px solid rgba(230,126,34,0.4);
cursor: pointer;
}
.cooking_about .team-box figure .layer1 {
transition: 0.5s all;
bottom: 0;
left: 0;
position: absolute;
}
.cooking_about .team-box figure .layer1 h3 {
position: relative;
padding: 5px;
font-weight: 500;
letter-spacing: 4px;
font-size: 12px;
text-transform: uppercase;
font-weight: 300;
background-color: #e67e22;
color: #fff;
text-align: center;
}
.cooking_about .team-box figure .layer2 {
transition: 0.5s all;
bottom: 100%;
left: 0;
width: 100%;
position: absolute;
}
.cooking_about .team-box figure .layer2 h4 {
letter-spacing: 4px;
position: relative;
padding: 5px;
font-size: 17px;
text-transform: uppercase;
font-weight: 500;
background-color: #e67e22;
color: #fff;
text-align: center;
width: 100%;
}
.cooking_about .team-box:hover figure img {
border-color: #e67e22;
}
.cooking_about .team-box:hover figure figcaption {
bottom: 0;
}
.cooking_about .team-box:hover figure .layer1 {
top: 0;
}
.cooking_about .team-box:hover figure .layer2 {
bottom: 0;
opacity: 1;
}
.quote-widget-cooking {
overflow: hidden;
background: url("../img/cooking/slider/1.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.quote-widget-cooking .alpha {
background-color: rgba(51,51,51,0.95);
}
.quote-widget-cooking .author-name p {
color: #fff;
font-size: 14px;
font-weight: 400;
}
.quote-widget-cooking .img img {
height: 140px;
border: 8px solid #fff;
margin-top: 30px;
margin-bottom: 25px;
}
.quote-widget-cooking .text p {
letter-spacing: 0.9px;
font-size: 15px;
font-weight: 100;
color: #fff;
}
.quote-widget-cooking #owl-quotes-cooking .owl-controls .owl-pagination .owl-page {
padding-top: 20px;
}
.quote-widget-cooking #owl-quotes-cooking .owl-controls .owl-pagination .owl-page span {
border-radius: 0;
}
.quote-widget-cooking #owl-quotes-cooking .owl-controls .owl-pagination .owl-page.active span {
transition: 1s all;
border-radius: 0;
background-color: transparent !important;
border: 1px solid #e67e22;
}
.cooking_portfolio #container1 nav .nav {
margin-bottom: 30px;
padding: 0;
}
.cooking_portfolio #container1 nav .nav li a {
padding: 10px;
background-color: #333;
color: #e67e22;
transition: 0.5s all;
}
.cooking_portfolio #container1 nav .nav li a.active {
background-color: #e67e22;
color: #fff;
cursor: pointer !important;
}
.cooking_portfolio #container1 nav .nav li a:hover {
background-color: #eb984e;
color: #fff;
cursor: pointer !important;
text-decoration: none;
}
.cooking_portfolio #container1 nav .nav li a:focus,
.cooking_portfolio #container1 nav .nav li a:visited,
.cooking_portfolio #container1 nav .nav li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.cooking_client {
background: url("../img/cooking/slider/1.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.cooking_client .alpha {
padding-bottom: 100px;
background-color: rgba(51,51,51,0.95);
}
.cooking_client .widget6 {
background-color: transparent !important;
}
.cooking_client .owl-buttons {
top: -60px;
position: relative;
}
.cooking_client .cooking-section_title .heading .text .title {
border-color: #fff;
}
.cooking_client .cooking-section_title .heading .text .title h3 {
top: -19px;
background-color: #fff;
color: #333;
border-radius: 0;
padding-right: 9px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 9px;
}
.cooking_client .cooking-section_title .heading .text .title h4 {
background-color: #fff;
color: #333;
border-radius: 0;
padding-right: 9px;
padding-left: 9px;
width: 217px;
}
.cooking_client .cooking-section_title .heading .text .title .lower .slogan span {
color: #e67e22;
}
@media (max-width: 400px) {
.cooking_client .heading .text .title {
width: 100%;
}
.cooking_client .heading .text .title h3 {
position: absolute;
left: 20px;
top: -10px !important;
width: 80px !important;
font-size: 14px;
letter-spacing: 2px;
}
.cooking_client .heading .text .title h4 {
right: 20px;
bottom: -10px !important;
width: 100px !important;
font-size: 14px;
letter-spacing: 2px;
}
.cooking_client .heading .text .title .lower .slogan span {
font-size: 10px;
}
}
.cooking_contact form h6.label {
color: #333;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px;
}
.cooking_contact form .form-control {
background-color: rgba(230,126,34,0.05);
border: 2px solid #333;
color: #333;
}
.cooking_contact form .form-control:focus {
border-color: #e67e22;
}
.cooking_contact form input::-webkit-input-placeholder,
.cooking_contact form textarea::-webkit-input-placeholder {
color: #333;
}
.cooking_contact form button {
color: #fff;
transition: 0.5s all;
background-color: #e67e22;
box-shadow: inset 0px 3px 5px #a65813;
}
.cooking_contact form button:hover {
color: #fff;
background-color: #e98b38;
}
.cooking_calculateform {
background-color: #333;
}
.cooking_calculateform .cooking-section_title .heading .text .title {
border-color: #fff;
}
.cooking_calculateform .cooking-section_title .heading .text .title h3 {
top: -19px;
background-color: #fff;
color: #333;
border-radius: 0;
padding-right: 9px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 9px;
}
.cooking_calculateform .cooking-section_title .heading .text .title h4 {
background-color: #fff;
color: #333;
border-radius: 0;
padding-right: 9px;
padding-left: 9px;
width: 243px;
}
.cooking_calculateform .cooking-section_title .heading .text .title .lower .slogan span {
color: #e67e22;
}
@media (max-width: 400px) {
.cooking_calculateform .heading .text .title {
width: 100%;
}
.cooking_calculateform .heading .text .title h3 {
position: absolute;
left: 20px;
top: -10px !important;
width: 80px !important;
font-size: 14px;
letter-spacing: 2px;
}
.cooking_calculateform .heading .text .title h4 {
right: 20px;
bottom: -10px !important;
width: 100px !important;
font-size: 14px;
padding-left: 1px !important;
letter-spacing: 2px;
}
.cooking_calculateform .heading .text .title .lower .slogan span {
font-size: 10px;
}
}
.cooking_calculateform .input-group {
width: 100%;
}
.cooking_calculateform label {
width: 100%;
}
.cooking_calculateform label h6 {
color: #fff;
}
.cooking_calculateform label select {
width: 100%;
padding: 7px;
border: 1px solid #fff;
background-color: transparent;
color: #fff;
cursor: pointer;
}
.cooking_calculateform label select option {
color: #fff;
background-color: #333 !important;
border: 1px solid #fff;
}
.cooking_calculateform label input {
width: 100%;
padding: 7px;
border: 1px solid #fff;
background-color: #333 !important;
color: #fff;
}
.cooking_calculateform label input::-webkit-input-placeholder,
.cooking_calculateform label textarea-webkit-input-placeholder {
color: #fff;
}
.cooking_calculateform .search_button>.btn {
margin-top: 20px;
background-color: transparent;
color: #fff;
transition: 0.5s all;
border-radius: 0;
border: 1px solid #fff;
}
.cooking_calculateform .search_button>.btn:hover,
.cooking_calculateform .search_button>.btn:focus {
background-color: #fff;
color: #333;
outline: none;
}
.cooking_footer {
background: url("../img/cooking/slider/1.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.cooking_footer .alpha {
background-color: rgba(0,0,0,0.92);
}
.cooking_footer .col-md-4th {
width: 25%;
margin-left: 48px;
float: left;
margin-right: 49px;
}
@media (max-width: 1199px) {
.cooking_footer .col-md-4th {
margin-left: 40px;
margin-right: 40px;
}
}
@media (max-width: 991px) {
.cooking_footer .col-md-4th {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
}
.cooking_footer .bgalpha {
background-color: rgba(255,255,255,0.08);
}
.cooking_footer .partition1 .head {
padding-top: 7px;
color: #c3c0c0;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
}
.cooking_footer .partition1 .para {
line-height: 20px;
color: #c3c0c0;
font-size: 14px;
}
.cooking_footer .partition1 .blog-desc {
position: relative;
top: 8px;
}
.cooking_footer .footer-text {
background-color: #333;
}
.cooking_footer .footer-text h5 {
font-size: 14px;
color: #c3c0c0;
}
.cooking_footer .footer-text h5 span {
font-weight: 600 !important;
}
.cooking-section_title .heading {
text-align: left;
padding-top: 80px;
height: 210px;
width: 100%;
z-index: 1;
}
.cooking-section_title .heading .text {
font-weight: 100;
}
.cooking-section_title .heading .text .title {
border: 2px solid #333;
margin: auto;
height: 100px;
width: 400px;
position: relative;
text-align: center;
}
.cooking-section_title .heading .text .title h3 {
position: absolute;
top: -23px;
padding: 5px;
left: 50px;
border-radius: 50%;
width: 200px;
font-size: 25px;
color: #333;
background-color: #fff;
z-index: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 7px;
}
.cooking-section_title .heading .text .title h4 {
position: absolute;
bottom: -17px;
right: 32px;
width: 200px;
text-align: center;
padding-left: 9px;
font-weight: 700;
font-size: 25px;
color: #333;
background-color: #fff;
letter-spacing: 10px;
text-transform: uppercase;
}
.cooking-section_title .heading .text .title .lower {
position: absolute;
width: 100%;
}
.cooking-section_title .heading .text .title .lower .slogan {
position: absolute;
padding-top: 35px;
padding-bottom: 16px;
text-align: center;
height: 100%;
width: 100%;
margin: auto;
}
.cooking-section_title .heading .text .title .lower .slogan span {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: #e67e22;
letter-spacing: 2.7px;
}
@media (max-width: 400px) {
.cooking-section_title .heading .text .title {
width: 100%;
}
.cooking-section_title .heading .text .title h3 {
left: 20px;
top: -14px;
width: 80px;
font-size: 14px;
letter-spacing: 2px;
}
.cooking-section_title .heading .text .title h4 {
right: 20px;
bottom: -12px;
width: 100px;
font-size: 14px;
letter-spacing: 2px;
}
.cooking-section_title .heading .text .title .lower .slogan span {
font-size: 10px;
}
}
.no-dac {
text-decoration: none !important;
}
.ts {
text-shadow: 1px 0px 1px #000;
}
.fs-title {
font-size: 17px !important;
}
.ma {
margin: auto !important;
}
.bs {
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
}
.resturent-bg {
background: url("../img/resturent/room-4.png") fixed no-repeat;
}
.twitts {
padding-top: 5px;
}
.twitts .media-left .tweet-img img {
width: 220px !important;
height: 100px;
}
.twitts .media-right .tweet-date {
color: #4d4d4d;
text-transform: capitalize;
font-weight: 200;
}
.medicl-headings {
padding: 50px 0px;
text-align: center;
text-transform: uppercase;
color: #4d4d4d;
position: relative;
font-size: 42px;
word-spacing: 2px;
}
.medicl-headings h1 {
font-weight: 100;
}
.medicl-headings h1 span {
font-weight: 900;
color: #e67e22;
letter-spacing: 1px;
}
.medicl-headings:before {
content: '';
position: absolute;
width: 15%;
height: 1px;
top: 100px;
left: 43%;
display: block;
border: 1px dotted #777;
}
.staff-section {
background-color: #f2f2f2;
}
.staff-para {
color: #999;
text-transform: capitalize;
}
.service-para {
text-align: center;
font-weight: 100;
color: #666;
}
.medical-footer {
background-color: #17a6b6;
}
.medical-footer .main-head {
padding-left: 30px;
}
.medical-footer .main-head a {
color: #fff;
text-decoration: none;
}
.medical-footer .main-head a:hover {
color: #eb984e;
}
.lower-footer {
background-color: #17a6b6;
}
.lower-footer a {
font-size: 14px;
color: #ccc;
text-decoration: none;
}
.lower-footer a:hover {
color: #fff;
}
.lower-footer .footer-para p {
font-size: 14px;
color: #ccc;
}
.border4 {
height: 300px;
border-left: 1px solid #fff;
}
.appointment-news {
margin: 0 !important;
padding: 0px !important;
background: url("../img/medical/appp.jpg");
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
}
.appointment-news .head-box h2 {
color: #fff;
}
.appointment-news .head-box small {
color: #fff;
}
.navbar-one-page .navbar {
transition: 0.5s all ease-in;
}
.navbar-one-page .navbar.navbar-appeen {
background-color: transparent;
height: 100px;
}
.navbar-one-page .navbar.navbar-appeen .navbar-nav {
margin-top: 25px;
transition: 0.5s all ease-in;
}
.navbar-one-page .navbar.navbar-appeen .navbar-nav li a:link {
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
transition: 0.5s all;
border-radius: 10px;
}
.navbar-one-page .navbar.navbar-appeen .navbar-nav li a:hover,
.navbar-one-page .navbar.navbar-appeen .navbar-nav li a:focus {
background-color: rgba(0,0,0,0.4);
color: #fff;
}
.navbar-one-page .navbar.navbar-appeen .navbar-nav li.active,
.navbar-one-page .navbar.navbar-appeen .navbar-nav li a:visited {
letter-spacing: 1px;
color: #fff;
text-transform: uppercase;
font-size: 14px;
transition: 0.5s all;
border-radius: 10px;
background-color: #8e4b10;
}
.navbar-one-page .navbar.navbar-appeen .navbar-header {
height: 100%;
padding-right: 20px;
color: #fff;
}
.navbar-one-page .navbar.navbar-appeen .navbar-header .navbar-brand {
position: relative;
top: 25px;
color: #fff;
text-transform: uppercase;
font-weight: 800;
transition: 0.5s all ease-in;
}
.navbar-one-page .navbar.navbar-appeen.affix {
background-color: rgba(230,126,34,0.95);
color: #fff;
height: 72px;
border: none;
}
.navbar-one-page .navbar.navbar-appeen.affix .navbar-nav {
color: #fff;
margin-top: 10px;
}
.navbar-one-page .navbar.navbar-appeen.affix .navbar-header {
border: none;
}
.navbar-one-page .navbar.navbar-appeen.affix .navbar-header .navbar-brand {
top: 10px;
}
@media (max-width: 767px) {
.navbar-one-page .navbar.navbar-appeen {
border-bottom: none;
}
.navbar-one-page .navbar.navbar-appeen .container,
.navbar-one-page .navbar.navbar-appeen .container .col-xs-12,
.navbar-one-page .navbar.navbar-appeen .container .row,
.navbar-one-page .navbar.navbar-appeen .container [class ~="col-"],
.navbar-one-page .navbar.navbar-appeen .container [class*=' col-'],
.navbar-one-page .navbar.navbar-appeen .container .navbar-collapse {
padding: 0;
margin: 0;
border-bottom: none;
}
.navbar-one-page .navbar.navbar-appeen.affix .navbar-header button {
margin-top: 20px;
}
.navbar-one-page .navbar.navbar-appeen .navbar-header {
border: none;
}
.navbar-one-page .navbar.navbar-appeen .navbar-header .navbar-brand {
display: block;
margin: 0 auto;
}
.navbar-one-page .navbar.navbar-appeen .navbar-header button {
margin-top: 35px;
transition: 0.5s all ease-in;
}
.navbar-one-page .navbar.navbar-appeen .navbar-nav {
background-color: #e67e22;
display: block;
margin: 0;
margin-top: 0 !important;
width: 100%;
padding: 10px;
border: none;
}
.navbar-one-page .navbar.navbar-appeen .navbar-nav li a:hover {
border-radius: 0;
}
}
#aboutus-onepage,
#portfolio-onepage,
#services-onepage,
#testimonial-onepage,
#blog-onepage {
padding-top: 70px;
margin-top: -70px;
}
.one-page-team-section .bg-team-img {
background: url("../img/slider/topslider.jpg") fixed center;
}
.one-page-team-section .one-page-team {
text-align: center;
}
.one-page-team-section .one-page-team .head-box h2 {
color: #fff;
}
.one-page-team-section .one-page-team .head-box small {
color: #fff !important;
}
.contact-maskutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed;
background-size: cover;
}
.contact-maskutravel .alpha {
background-color: rgba(255,255,255,0.9);
}
.contact-maskutravel .heading .lower {
left: -51px;
}
.contact-maskutravel .makutravel-section_title .heading .text .title .lower {
right: 10px;
}
.contact-maskutravel form button {
color: #fff;
transition: 0.5s all;
background-color: #e67e22;
box-shadow: inset 0px 3px 5px #a65813;
}
.contact-maskutravel form button:hover {
color: #fff;
background-color: #e98b38;
}
.makutravel-section_title .heading {
text-align: left;
padding-top: 80px;
height: 150px;
width: 100%;
z-index: 1;
}
.makutravel-section_title .heading .text {
font-weight: 100;
}
.makutravel-section_title .heading .text .title {
margin: auto;
height: 20px;
width: 400px;
position: relative;
text-align: center;
}
.makutravel-section_title .heading .text .title h3 {
font-size: 25px;
color: #404040;
text-transform: uppercase;
}
.makutravel-section_title .heading .text .title h3 span {
font-weight: 700;
font-size: 25px;
color: #d57118;
text-transform: uppercase;
}
.makutravel-section_title .heading .text .title .lower {
position: relative;
}
.makutravel-section_title .heading .text .title .lower .slogan {
padding-left: 2px;
padding-right: 2px;
font-size: 12px;
position: absolute;
top: -2px;
text-align: center;
right: 75px;
height: 20px;
color: #333;
font-weight: 100;
}
.makutravel-section_title .heading .text .title .lower .obstacle {
margin: auto;
position: relative;
right: 60px;
top: 21px;
}
.makutravel-section_title .heading .text .title .lower .obstacle::before {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
content: "\f130";
position: absolute;
font-size: 15px;
top: -15px;
right: -12px;
color: #e67e22;
font-family: Flaticon;
}
.makutravel-section_title .heading .text .title .lower .line1 {
margin: auto;
height: 1px;
width: 75px;
position: absolute;
background-color: #e67e22;
top: 4px;
right: 19px;
}
.makutravel-section_title .heading .text .title .lower .line2 {
margin: auto;
height: 1px;
width: 63px;
position: absolute;
background-color: rgba(51,51,51,0.6);
top: 8px;
right: 19px;
}
.makutravel-section_title .heading .text .title .lower .line3 {
margin: auto;
height: 1px;
width: 100px;
top: 0;
right: 19px;
position: absolute;
background-color: #333;
}
@media (max-width: 400px) {
.makutravel-section_title .heading .text .title {
text-align: center;
width: 200px;
}
.makutravel-section_title .heading .text .title h3 {
font-size: 16px;
padding: 0;
}
.makutravel-section_title .heading .text .title h3 span {
font-size: 16px;
color: #e67e22;
}
.makutravel-section_title .heading .text .title .lower .slogan {
font-size: 11px;
height: 15px;
position: relative;
border-color: transparent;
right: -18px;
}
.makutravel-section_title .heading .text .title .lower .obstacle {
margin: auto;
right: 0;
width: 100%;
position: relative;
top: 0px;
}
}
.no-dac {
text-decoration: none !important;
}
.ts {
text-shadow: 1px 0px 1px #000;
}
.fs-title {
font-size: 17px !important;
}
.ma {
margin: auto !important;
}
.bs {
box-shadow: 0.6px 0.6px 0.8px 0.1px #000;
}
.makutravel_blog {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed;
background-size: cover;
}
.makutravel_blog .alpha {
background-color: rgba(255,255,255,0.9);
}
.makutravel_blog .heading .lower {
right: 54px;
}
.portfolio-makutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.portfolio-makutravel .alpha {
background-color: rgba(255,255,255,0.9);
}
.portfolio-makutravel .heading .lower {
right: 45px;
}
.portfolio-makutravel #container1 nav .nav {
margin-bottom: 30px;
padding: 0;
}
.portfolio-makutravel #container1 nav .nav li a {
padding: 10px;
background-color: #333;
color: #e67e22;
transition: 0.5s all;
}
.portfolio-makutravel #container1 nav .nav li a.active {
background-color: #e67e22;
color: #fff;
cursor: pointer !important;
}
.portfolio-makutravel #container1 nav .nav li a:hover {
background-color: #eb984e;
color: #fff;
cursor: pointer !important;
text-decoration: none;
}
.portfolio-makutravel #container1 nav .nav li a:focus,
.portfolio-makutravel #container1 nav .nav li a:visited,
.portfolio-makutravel #container1 nav .nav li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
.services-makutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.services-makutravel .heading .title h3 {
color: #fff !important;
}
.services-makutravel .heading .title .lower {
right: 48px;
}
.services-makutravel .heading .title .lower .slogan span {
color: #fff;
}
.services-makutravel .heading .title .lower .obstacle .line2 {
background-color: #fff;
}
.services-makutravel .heading .title .lower .obstacle .line3 {
background-color: #fff;
}
.services-makutravel .alpha {
background-color: rgba(51,51,51,0.97);
padding-bottom: 40px;
}
.services-makutravel .alpha .iconbox-9-inner {
background-color: rgba(230,126,34,0.05);
}
.services-makutravel .alpha .iconbox-9-inner .text .title {
color: #e67e22;
}
.services-makutravel .alpha .iconbox-9-inner .text .title-slogan p {
color: #fff;
}
.services-makutravel .alpha .iconbox-9-inner .text .description p {
color: #fff;
}
.services-makutravel .alpha .owl-services .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0px;
bottom: -100px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(128,128,128,0.5);
border: 1px solid transparent;
}
.services-makutravel .alpha .owl-services .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
background-color: #e67e22;
color: #fff;
border: 1px solid #e67e22;
}
.services-makutravel .alpha .owl-services .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
left: 54px;
bottom: -100px;
font-size: 30px;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #808080;
border: 1px solid #808080;
}
.services-makutravel .alpha .owl-services .owl-theme .owl-controls .owl-buttons .owl-next:hover {
background-color: #e67e22;
border: 1px solid #e67e22;
color: #fff;
}
.services-makutravel .alpha .owl-services .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.services-makutravel .alpha .owl-services .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
background-color: transparent;
color: #fff;
}
.contact-makutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.contact-makutravel .alpha {
background-color: rgba(51,51,51,0.97);
}
.contact-makutravel .heading .title h3 {
color: #fff !important;
}
.contact-makutravel .heading .title .lower {
right: 10px;
}
.contact-makutravel .heading .title .lower .slogan span {
color: #fff;
}
.contact-makutravel .heading .title .lower .obstacle .line2 {
background-color: #fff;
}
.contact-makutravel .heading .title .lower .obstacle .line3 {
background-color: #fff;
}
.contact-makutravel form .form-control {
background-color: rgba(230,126,34,0.05);
border: 1px solid rgba(255,255,255,0.2);
color: #fff;
}
.contact-makutravel form .form-control:focus {
border-color: #e67e22;
}
.contact-makutravel form button {
color: #fff;
transition: 0.5s all;
background-color: #e67e22;
box-shadow: inset 0px 3px 5px #a65813;
}
.contact-makutravel form button:hover {
color: #fff;
background-color: #e98b38;
}
.footer_makutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed;
background-size: cover;
background-position: center;
background-repeat: non-repeat;
}
.footer_makutravel .alpha {
background-color: rgba(42,42,42,0.95);
}
.footer_makutravel .col-md-4th {
width: 25%;
margin-left: 48px;
float: left;
margin-right: 49px;
}
@media (max-width: 1199px) {
.footer_makutravel .col-md-4th {
margin-left: 40px;
margin-right: 40px;
}
}
@media (max-width: 991px) {
.footer_makutravel .col-md-4th {
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
}
.footer_makutravel .partition1 .head {
text-transform: uppercase;
padding-left: -40px;
color: #fff;
font-weight: 500;
font-size: 14px;
}
.footer_makutravel .partition1 .line hr {
border-top: 1px solid #e67e22;
width: 15%;
margin: 0;
padding-bottom: 10px;
}
.footer_makutravel .partition1 .para {
line-height: 20px;
color: #fff;
font-size: 14px;
}
.footer_makutravel .partition1 ul.fair_price_list {
list-style: none;
}
.footer_makutravel .partition1 ul.fair_price_list li span {
font-size: 13px;
text-transform: uppercase;
color: #e67e22;
}
.footer_makutravel .partition1 ul.fair_price_list li span a {
padding-left: 5px;
color: #fff;
}
.footer_makutravel .partition1 ul.fair_price_list li span:hover {
color: #e67e22;
}
.footer_makutravel .partition1 ul.fair_price_list li span:hover a {
color: #e67e22;
}
.footer_makutravel .partition1 ul.fair_price_list li hr {
border-color: #504e4e;
margin-top: 0;
margin-bottom: 10px;
}
.footer_makutravel .partition1 ul.fair_price_list li p {
line-height: 20px;
color: #808080;
font-size: 14px;
}
.footer_makutravel .partition1 .travel_source {
padding: 0;
list-style: none;
}
.footer_makutravel .partition1 .travel_source li {
padding-top: 2px;
padding-bottom: 2px;
}
.footer_makutravel .partition1 .travel_source li a {
font-size: 14px;
color: #fff;
font-weight: 300;
}
.footer_makutravel .partition1 .travel_source li a:hover {
color: #e67e22;
}
.footer_makutravel .partition1 .travel_source li:before {
content: "\f0da";
font-family: FontAwesome;
color: #e67e22; /* or whatever color you prefer */
margin-right: 4px;
}
.footer_makutravel .partition1 .gallery-img li {
padding: 0;
height: 70px;
width: 70px;
}
.footer_makutravel .partition1 .gallery-img .figure {
position: relative;
}
.footer_makutravel .partition1 .gallery-img .figure .figcaption1 {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
transition: 0.5s all;
background-color: rgba(0,0,0,0.7);
}
.footer_makutravel .partition1 .gallery-img .figure .figcaption2 {
position: absolute;
height: 100%;
width: 100%;
transition: 0.7s all;
left: 21px;
top: 22px;
opacity: 0;
}
.footer_makutravel .partition1 .gallery-img .figure .figcaption2 i {
position: absolute;
font-size: 15px;
color: #e67e22;
padding: 5px;
border-radius: 50%;
border: 1px solid #e67e22;
}
.footer_makutravel .partition1 .gallery-img .figure:hover .figcaption1 {
opacity: 1;
}
.footer_makutravel .partition1 .gallery-img .figure:hover .figcaption2 {
opacity: 1;
}
.footer_makutravel .footer-text {
background-color: #333;
}
.footer_makutravel .footer-text h5 {
font-size: 14px;
color: #fff;
}
.footer_makutravel .footer-text h5 span {
font-weight: 600 !important;
}
.clients-makutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.clients-makutravel .alpha {
padding-bottom: 100px;
background-color: rgba(51,51,51,0.95);
}
.clients-makutravel .widget6 {
background-color: transparent !important;
}
.clients-makutravel .owl-buttons {
top: -60px;
position: relative;
}
.clients-makutravel .makutravel-section_title .heading .text .title h3 {
color: #fff;
}
.clients-makutravel .makutravel-section_title .heading .text .title .lower {
right: 17px;
}
.clients-makutravel .makutravel-section_title .heading .text .title .lower .slogan span {
color: #fff;
}
.clients-makutravel .makutravel-section_title .heading .text .title .lower .obstacle .line2 {
background-color: #fff;
}
.clients-makutravel .makutravel-section_title .heading .text .title .lower .obstacle .line3 {
background-color: #fff;
}
.calculateform-makutravel {
background-color: #e67e22;
padding-bottom: 60px;
}
.calculateform-makutravel .makutravel-section_title .heading .text .title h3 span {
color: #fff;
}
.calculateform-makutravel .heading .title h3 {
color: #fff !important;
}
.calculateform-makutravel .heading .title .lower {
right: 27px;
}
.calculateform-makutravel .heading .title .lower .slogan span {
color: #fff;
}
.calculateform-makutravel .heading .title .lower .obstacle::before {
color: #fff !important;
}
.calculateform-makutravel .heading .title .lower .obstacle .line1 {
background-color: #fff;
}
.calculateform-makutravel .heading .title .lower .obstacle .line2 {
background-color: #fff;
}
.calculateform-makutravel .heading .title .lower .obstacle .line3 {
background-color: #fff;
}
.calculateform-makutravel .input-group {
width: 100%;
}
.calculateform-makutravel label {
width: 100%;
}
.calculateform-makutravel label h6 {
color: #fff;
}
.calculateform-makutravel label select {
width: 100%;
padding: 7px;
border: 1px solid #fff;
background-color: transparent;
color: #fff;
cursor: pointer;
}
.calculateform-makutravel label select option {
color: #fff;
background-color: #e67e22;
border: 1px solid #e67e22;
}
.calculateform-makutravel label input {
width: 100%;
padding: 7px;
border: 1px solid #fff;
background-color: transparent;
color: #fff;
}
.calculateform-makutravel label input::-webkit-input-placeholder,
.calculateform-makutravel label textarea-webkit-input-placeholder {
color: #fff;
}
.calculateform-makutravel .search_button>.btn {
margin-top: 20px;
background-color: transparent;
color: #fff;
transition: 0.5s all;
border-radius: 0;
border: 1px solid #fff;
}
.calculateform-makutravel .search_button>.btn:hover,
.calculateform-makutravel .search_button>.btn:focus {
background-color: #fff;
color: #e67e22;
outline: none;
}
.about-makutravel {
background: url("../img/travel/makutravel/background/0.jpg");
background-attachment: fixed !important;
background-size: cover;
}
.about-makutravel .alpha {
background-color: rgba(255,255,255,0.9);
}
.about-makutravel .makutravel-section_title .heading .text .title .lower {
right: 25px;
}
.about-makutravel .introduction_makutravel h1.title {
color: #333;
margin-top: 20px;
font-size: 20px;
font-weight: 700;
padding-top: 10px;
text-transform: uppercase;
padding-bottom: 10px;
}
.about-makutravel .introduction_makutravel hr {
margin-top: 5px;
border-color: #e67e22;
width: 100px;
margin-left: 0;
}
.about-makutravel .introduction_makutravel p.para {
font-size: 16px;
letter-spacing: 0.8px;
word-spacing: 0.5px;
line-height: 23px;
font-weight: 300;
}
.about-makutravel .big_icons i::before {
font-size: 220px;
color: #e67e22;
}
.about-makutravel .widget .container {
width: 100% !important;
}
.about-makutravel .widget .container .tab6 {
width: 100%;
position: relative;
top: -41px;
}
@media (min-width: 1200px) {
.about-makutravel .widget .container {
width: 100% !important;
}
}
@media (min-width: 992px) {
.about-makutravel .widget .container {
width: 100% !important;
}
}
@media (min-width: 992px) and (min-width: 768px) {
.about-makutravel .widget .container {
width: 100% !important;
}
}
.travel_search_widget .box a .img {
position: relative;
height: 230px;
width: 170px;
left: -25px;
background-color: #f00;
}
.travel_search_widget .title {
position: relative;
}
.travel_search_widget .title p {
position: absolute;
color: #fff;
}
.travel_search_widget .title i {
position: absolute;
color: #fff;
top: 50px;
font-size: 100px;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons {
position: relative;
height: 200px;
width: 100px;
background-color: #f00;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: -4px;
top: 0px;
font-size: 15px;
color: #333;
background-color: transparent;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-prev:hover {
color: #e67e22;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
left: 64px;
top: 0px;
font-size: 15px;
color: #333;
background-color: transparent;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons .owl-next:hover {
color: #e67e22;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons div {
margin-top: 30px;
margin-bottom: 30px;
line-height: 40px;
border-radius: 0;
padding: 0;
color: #fff;
opacity: 1;
}
.travel_search_widget .owl-tweeter .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.5s all;
color: #fff;
}
.travel_search_widget .text p {
letter-spacing: 0.9px;
font-size: 15px;
font-weight: 100;
color: #fff;
}