/*
* Scaffolding.
*/
html {
position: relative;
height: 100%;
font-size: 16px;
font-family: 'Raleway';
}
body {
position: relative;
font-family: 'Raleway';
height: 100%;
font-size: 1rem;
}
/*
* 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: 1rem;
letter-spacing: 1.5;
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: #f39c12;
}
.clr-primary-hvr:hover {
color: #f39c12;
}
.bg-primary {
background-color: #f39c12;
}
.bg-primary-hvr:hover {
background-color: #f39c12;
}
.bdr-primary {
border-color: #f39c12;
}
.bga-primary-1 {
background-color: rgba(243,156,18,0.1);
}
.bga-primary-1-hover:hover {
background-color: rgba(243,156,18,0.1);
}
.bga-primary-2 {
background-color: rgba(243,156,18,0.2);
}
.bga-primary-2-hover:hover {
background-color: rgba(243,156,18,0.2);
}
.bga-primary-3 {
background-color: rgba(243,156,18,0.3);
}
.bga-primary-3-hover:hover {
background-color: rgba(243,156,18,0.3);
}
.bga-primary-4 {
background-color: rgba(243,156,18,0.4);
}
.bga-primary-4-hover:hover {
background-color: rgba(243,156,18,0.4);
}
.bga-primary-5 {
background-color: rgba(243,156,18,0.5);
}
.bga-primary-5-hover:hover {
background-color: rgba(243,156,18,0.5);
}
.bga-primary-6 {
background-color: rgba(243,156,18,0.6);
}
.bga-primary-6-hover:hover {
background-color: rgba(243,156,18,0.6);
}
.bga-primary-7 {
background-color: rgba(243,156,18,0.7);
}
.bga-primary-7-hover:hover {
background-color: rgba(243,156,18,0.7);
}
.bga-primary-8 {
background-color: rgba(243,156,18,0.8);
}
.bga-primary-8-hover:hover {
background-color: rgba(243,156,18,0.8);
}
.bga-primary-9 {
background-color: rgba(243,156,18,0.9);
}
.bga-primary-9-hover:hover {
background-color: rgba(243,156,18,0.9);
}
.clr-secondary {
color: #999;
}
.clr-secondary-hvr:hover {
color: #999;
}
.bg-secondary {
background-color: #999;
}
.bg-secondary-hvr:hover {
background-color: #999;
}
.bdr-secondary {
border-color: #999;
}
.bga-secondary-1 {
background-color: rgba(153,153,153,0.1);
}
.bga-secondary-1-hover:hover {
background-color: rgba(153,153,153,0.1);
}
.bga-secondary-2 {
background-color: rgba(153,153,153,0.2);
}
.bga-secondary-2-hover:hover {
background-color: rgba(153,153,153,0.2);
}
.bga-secondary-3 {
background-color: rgba(153,153,153,0.3);
}
.bga-secondary-3-hover:hover {
background-color: rgba(153,153,153,0.3);
}
.bga-secondary-4 {
background-color: rgba(153,153,153,0.4);
}
.bga-secondary-4-hover:hover {
background-color: rgba(153,153,153,0.4);
}
.bga-secondary-5 {
background-color: rgba(153,153,153,0.5);
}
.bga-secondary-5-hover:hover {
background-color: rgba(153,153,153,0.5);
}
.bga-secondary-6 {
background-color: rgba(153,153,153,0.6);
}
.bga-secondary-6-hover:hover {
background-color: rgba(153,153,153,0.6);
}
.bga-secondary-7 {
background-color: rgba(153,153,153,0.7);
}
.bga-secondary-7-hover:hover {
background-color: rgba(153,153,153,0.7);
}
.bga-secondary-8 {
background-color: rgba(153,153,153,0.8);
}
.bga-secondary-8-hover:hover {
background-color: rgba(153,153,153,0.8);
}
.bga-secondary-9 {
background-color: rgba(153,153,153,0.9);
}
.bga-secondary-9-hover:hover {
background-color: rgba(153,153,153,0.9);
}
.clr-red {
color: #f00;
}
.clr-red-hvr:hover {
color: #f00;
}
.bg-red {
background-color: #f00;
}
.bg-red-hvr:hover {
background-color: #f00;
}
.bdr-red {
border-color: #f00;
}
.bga-red-1 {
background-color: rgba(255,0,0,0.1);
}
.bga-red-1-hover:hover {
background-color: rgba(255,0,0,0.1);
}
.bga-red-2 {
background-color: rgba(255,0,0,0.2);
}
.bga-red-2-hover:hover {
background-color: rgba(255,0,0,0.2);
}
.bga-red-3 {
background-color: rgba(255,0,0,0.3);
}
.bga-red-3-hover:hover {
background-color: rgba(255,0,0,0.3);
}
.bga-red-4 {
background-color: rgba(255,0,0,0.4);
}
.bga-red-4-hover:hover {
background-color: rgba(255,0,0,0.4);
}
.bga-red-5 {
background-color: rgba(255,0,0,0.5);
}
.bga-red-5-hover:hover {
background-color: rgba(255,0,0,0.5);
}
.bga-red-6 {
background-color: rgba(255,0,0,0.6);
}
.bga-red-6-hover:hover {
background-color: rgba(255,0,0,0.6);
}
.bga-red-7 {
background-color: rgba(255,0,0,0.7);
}
.bga-red-7-hover:hover {
background-color: rgba(255,0,0,0.7);
}
.bga-red-8 {
background-color: rgba(255,0,0,0.8);
}
.bga-red-8-hover:hover {
background-color: rgba(255,0,0,0.8);
}
.bga-red-9 {
background-color: rgba(255,0,0,0.9);
}
.bga-red-9-hover:hover {
background-color: rgba(255,0,0,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);
}
.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-facebook {
color: #3b5998;
}
.clr-facebook-hvr:hover {
color: #3b5998;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-facebook-hvr:hover {
background-color: #3b5998;
}
.bdr-facebook {
border-color: #3b5998;
}
.bga-facebook-1 {
background-color: rgba(59,89,152,0.1);
}
.bga-facebook-1-hover:hover {
background-color: rgba(59,89,152,0.1);
}
.bga-facebook-2 {
background-color: rgba(59,89,152,0.2);
}
.bga-facebook-2-hover:hover {
background-color: rgba(59,89,152,0.2);
}
.bga-facebook-3 {
background-color: rgba(59,89,152,0.3);
}
.bga-facebook-3-hover:hover {
background-color: rgba(59,89,152,0.3);
}
.bga-facebook-4 {
background-color: rgba(59,89,152,0.4);
}
.bga-facebook-4-hover:hover {
background-color: rgba(59,89,152,0.4);
}
.bga-facebook-5 {
background-color: rgba(59,89,152,0.5);
}
.bga-facebook-5-hover:hover {
background-color: rgba(59,89,152,0.5);
}
.bga-facebook-6 {
background-color: rgba(59,89,152,0.6);
}
.bga-facebook-6-hover:hover {
background-color: rgba(59,89,152,0.6);
}
.bga-facebook-7 {
background-color: rgba(59,89,152,0.7);
}
.bga-facebook-7-hover:hover {
background-color: rgba(59,89,152,0.7);
}
.bga-facebook-8 {
background-color: rgba(59,89,152,0.8);
}
.bga-facebook-8-hover:hover {
background-color: rgba(59,89,152,0.8);
}
.bga-facebook-9 {
background-color: rgba(59,89,152,0.9);
}
.bga-facebook-9-hover:hover {
background-color: rgba(59,89,152,0.9);
}
.clr-ig {
color: #966842;
}
.clr-ig-hvr:hover {
color: #966842;
}
.bg-ig {
background-color: #966842;
}
.bg-ig-hvr:hover {
background-color: #966842;
}
.bdr-ig {
border-color: #966842;
}
.bga-ig-1 {
background-color: rgba(150,104,66,0.1);
}
.bga-ig-1-hover:hover {
background-color: rgba(150,104,66,0.1);
}
.bga-ig-2 {
background-color: rgba(150,104,66,0.2);
}
.bga-ig-2-hover:hover {
background-color: rgba(150,104,66,0.2);
}
.bga-ig-3 {
background-color: rgba(150,104,66,0.3);
}
.bga-ig-3-hover:hover {
background-color: rgba(150,104,66,0.3);
}
.bga-ig-4 {
background-color: rgba(150,104,66,0.4);
}
.bga-ig-4-hover:hover {
background-color: rgba(150,104,66,0.4);
}
.bga-ig-5 {
background-color: rgba(150,104,66,0.5);
}
.bga-ig-5-hover:hover {
background-color: rgba(150,104,66,0.5);
}
.bga-ig-6 {
background-color: rgba(150,104,66,0.6);
}
.bga-ig-6-hover:hover {
background-color: rgba(150,104,66,0.6);
}
.bga-ig-7 {
background-color: rgba(150,104,66,0.7);
}
.bga-ig-7-hover:hover {
background-color: rgba(150,104,66,0.7);
}
.bga-ig-8 {
background-color: rgba(150,104,66,0.8);
}
.bga-ig-8-hover:hover {
background-color: rgba(150,104,66,0.8);
}
.bga-ig-9 {
background-color: rgba(150,104,66,0.9);
}
.bga-ig-9-hover:hover {
background-color: rgba(150,104,66,0.9);
}
.clr-google-plus {
color: #d14836;
}
.clr-google-plus-hvr:hover {
color: #d14836;
}
.bg-google-plus {
background-color: #d14836;
}
.bg-google-plus-hvr:hover {
background-color: #d14836;
}
.bdr-google-plus {
border-color: #d14836;
}
.bga-google-plus-1 {
background-color: rgba(209,72,54,0.1);
}
.bga-google-plus-1-hover:hover {
background-color: rgba(209,72,54,0.1);
}
.bga-google-plus-2 {
background-color: rgba(209,72,54,0.2);
}
.bga-google-plus-2-hover:hover {
background-color: rgba(209,72,54,0.2);
}
.bga-google-plus-3 {
background-color: rgba(209,72,54,0.3);
}
.bga-google-plus-3-hover:hover {
background-color: rgba(209,72,54,0.3);
}
.bga-google-plus-4 {
background-color: rgba(209,72,54,0.4);
}
.bga-google-plus-4-hover:hover {
background-color: rgba(209,72,54,0.4);
}
.bga-google-plus-5 {
background-color: rgba(209,72,54,0.5);
}
.bga-google-plus-5-hover:hover {
background-color: rgba(209,72,54,0.5);
}
.bga-google-plus-6 {
background-color: rgba(209,72,54,0.6);
}
.bga-google-plus-6-hover:hover {
background-color: rgba(209,72,54,0.6);
}
.bga-google-plus-7 {
background-color: rgba(209,72,54,0.7);
}
.bga-google-plus-7-hover:hover {
background-color: rgba(209,72,54,0.7);
}
.bga-google-plus-8 {
background-color: rgba(209,72,54,0.8);
}
.bga-google-plus-8-hover:hover {
background-color: rgba(209,72,54,0.8);
}
.bga-google-plus-9 {
background-color: rgba(209,72,54,0.9);
}
.bga-google-plus-9-hover:hover {
background-color: rgba(209,72,54,0.9);
}
.clr-rss {
color: #ff8300;
}
.clr-rss-hvr:hover {
color: #ff8300;
}
.bg-rss {
background-color: #ff8300;
}
.bg-rss-hvr:hover {
background-color: #ff8300;
}
.bdr-rss {
border-color: #ff8300;
}
.bga-rss-1 {
background-color: rgba(255,131,0,0.1);
}
.bga-rss-1-hover:hover {
background-color: rgba(255,131,0,0.1);
}
.bga-rss-2 {
background-color: rgba(255,131,0,0.2);
}
.bga-rss-2-hover:hover {
background-color: rgba(255,131,0,0.2);
}
.bga-rss-3 {
background-color: rgba(255,131,0,0.3);
}
.bga-rss-3-hover:hover {
background-color: rgba(255,131,0,0.3);
}
.bga-rss-4 {
background-color: rgba(255,131,0,0.4);
}
.bga-rss-4-hover:hover {
background-color: rgba(255,131,0,0.4);
}
.bga-rss-5 {
background-color: rgba(255,131,0,0.5);
}
.bga-rss-5-hover:hover {
background-color: rgba(255,131,0,0.5);
}
.bga-rss-6 {
background-color: rgba(255,131,0,0.6);
}
.bga-rss-6-hover:hover {
background-color: rgba(255,131,0,0.6);
}
.bga-rss-7 {
background-color: rgba(255,131,0,0.7);
}
.bga-rss-7-hover:hover {
background-color: rgba(255,131,0,0.7);
}
.bga-rss-8 {
background-color: rgba(255,131,0,0.8);
}
.bga-rss-8-hover:hover {
background-color: rgba(255,131,0,0.8);
}
.bga-rss-9 {
background-color: rgba(255,131,0,0.9);
}
.bga-rss-9-hover:hover {
background-color: rgba(255,131,0,0.9);
}
.clr-skype {
color: #00aff0;
}
.clr-skype-hvr:hover {
color: #00aff0;
}
.bg-skype {
background-color: #00aff0;
}
.bg-skype-hvr:hover {
background-color: #00aff0;
}
.bdr-skype {
border-color: #00aff0;
}
.bga-skype-1 {
background-color: rgba(0,175,240,0.1);
}
.bga-skype-1-hover:hover {
background-color: rgba(0,175,240,0.1);
}
.bga-skype-2 {
background-color: rgba(0,175,240,0.2);
}
.bga-skype-2-hover:hover {
background-color: rgba(0,175,240,0.2);
}
.bga-skype-3 {
background-color: rgba(0,175,240,0.3);
}
.bga-skype-3-hover:hover {
background-color: rgba(0,175,240,0.3);
}
.bga-skype-4 {
background-color: rgba(0,175,240,0.4);
}
.bga-skype-4-hover:hover {
background-color: rgba(0,175,240,0.4);
}
.bga-skype-5 {
background-color: rgba(0,175,240,0.5);
}
.bga-skype-5-hover:hover {
background-color: rgba(0,175,240,0.5);
}
.bga-skype-6 {
background-color: rgba(0,175,240,0.6);
}
.bga-skype-6-hover:hover {
background-color: rgba(0,175,240,0.6);
}
.bga-skype-7 {
background-color: rgba(0,175,240,0.7);
}
.bga-skype-7-hover:hover {
background-color: rgba(0,175,240,0.7);
}
.bga-skype-8 {
background-color: rgba(0,175,240,0.8);
}
.bga-skype-8-hover:hover {
background-color: rgba(0,175,240,0.8);
}
.bga-skype-9 {
background-color: rgba(0,175,240,0.9);
}
.bga-skype-9-hover:hover {
background-color: rgba(0,175,240,0.9);
}
.clr-viemo {
color: #4bf;
}
.clr-viemo-hvr:hover {
color: #4bf;
}
.bg-viemo {
background-color: #4bf;
}
.bg-viemo-hvr:hover {
background-color: #4bf;
}
.bdr-viemo {
border-color: #4bf;
}
.bga-viemo-1 {
background-color: rgba(68,187,255,0.1);
}
.bga-viemo-1-hover:hover {
background-color: rgba(68,187,255,0.1);
}
.bga-viemo-2 {
background-color: rgba(68,187,255,0.2);
}
.bga-viemo-2-hover:hover {
background-color: rgba(68,187,255,0.2);
}
.bga-viemo-3 {
background-color: rgba(68,187,255,0.3);
}
.bga-viemo-3-hover:hover {
background-color: rgba(68,187,255,0.3);
}
.bga-viemo-4 {
background-color: rgba(68,187,255,0.4);
}
.bga-viemo-4-hover:hover {
background-color: rgba(68,187,255,0.4);
}
.bga-viemo-5 {
background-color: rgba(68,187,255,0.5);
}
.bga-viemo-5-hover:hover {
background-color: rgba(68,187,255,0.5);
}
.bga-viemo-6 {
background-color: rgba(68,187,255,0.6);
}
.bga-viemo-6-hover:hover {
background-color: rgba(68,187,255,0.6);
}
.bga-viemo-7 {
background-color: rgba(68,187,255,0.7);
}
.bga-viemo-7-hover:hover {
background-color: rgba(68,187,255,0.7);
}
.bga-viemo-8 {
background-color: rgba(68,187,255,0.8);
}
.bga-viemo-8-hover:hover {
background-color: rgba(68,187,255,0.8);
}
.bga-viemo-9 {
background-color: rgba(68,187,255,0.9);
}
.bga-viemo-9-hover:hover {
background-color: rgba(68,187,255,0.9);
}
.clr-wp {
color: #21759b;
}
.clr-wp-hvr:hover {
color: #21759b;
}
.bg-wp {
background-color: #21759b;
}
.bg-wp-hvr:hover {
background-color: #21759b;
}
.bdr-wp {
border-color: #21759b;
}
.bga-wp-1 {
background-color: rgba(33,117,155,0.1);
}
.bga-wp-1-hover:hover {
background-color: rgba(33,117,155,0.1);
}
.bga-wp-2 {
background-color: rgba(33,117,155,0.2);
}
.bga-wp-2-hover:hover {
background-color: rgba(33,117,155,0.2);
}
.bga-wp-3 {
background-color: rgba(33,117,155,0.3);
}
.bga-wp-3-hover:hover {
background-color: rgba(33,117,155,0.3);
}
.bga-wp-4 {
background-color: rgba(33,117,155,0.4);
}
.bga-wp-4-hover:hover {
background-color: rgba(33,117,155,0.4);
}
.bga-wp-5 {
background-color: rgba(33,117,155,0.5);
}
.bga-wp-5-hover:hover {
background-color: rgba(33,117,155,0.5);
}
.bga-wp-6 {
background-color: rgba(33,117,155,0.6);
}
.bga-wp-6-hover:hover {
background-color: rgba(33,117,155,0.6);
}
.bga-wp-7 {
background-color: rgba(33,117,155,0.7);
}
.bga-wp-7-hover:hover {
background-color: rgba(33,117,155,0.7);
}
.bga-wp-8 {
background-color: rgba(33,117,155,0.8);
}
.bga-wp-8-hover:hover {
background-color: rgba(33,117,155,0.8);
}
.bga-wp-9 {
background-color: rgba(33,117,155,0.9);
}
.bga-wp-9-hover:hover {
background-color: rgba(33,117,155,0.9);
}
.clr-twitter {
color: #00aced;
}
.clr-twitter-hvr:hover {
color: #00aced;
}
.bg-twitter {
background-color: #00aced;
}
.bg-twitter-hvr:hover {
background-color: #00aced;
}
.bdr-twitter {
border-color: #00aced;
}
.bga-twitter-1 {
background-color: rgba(0,172,237,0.1);
}
.bga-twitter-1-hover:hover {
background-color: rgba(0,172,237,0.1);
}
.bga-twitter-2 {
background-color: rgba(0,172,237,0.2);
}
.bga-twitter-2-hover:hover {
background-color: rgba(0,172,237,0.2);
}
.bga-twitter-3 {
background-color: rgba(0,172,237,0.3);
}
.bga-twitter-3-hover:hover {
background-color: rgba(0,172,237,0.3);
}
.bga-twitter-4 {
background-color: rgba(0,172,237,0.4);
}
.bga-twitter-4-hover:hover {
background-color: rgba(0,172,237,0.4);
}
.bga-twitter-5 {
background-color: rgba(0,172,237,0.5);
}
.bga-twitter-5-hover:hover {
background-color: rgba(0,172,237,0.5);
}
.bga-twitter-6 {
background-color: rgba(0,172,237,0.6);
}
.bga-twitter-6-hover:hover {
background-color: rgba(0,172,237,0.6);
}
.bga-twitter-7 {
background-color: rgba(0,172,237,0.7);
}
.bga-twitter-7-hover:hover {
background-color: rgba(0,172,237,0.7);
}
.bga-twitter-8 {
background-color: rgba(0,172,237,0.8);
}
.bga-twitter-8-hover:hover {
background-color: rgba(0,172,237,0.8);
}
.bga-twitter-9 {
background-color: rgba(0,172,237,0.9);
}
.bga-twitter-9-hover:hover {
background-color: rgba(0,172,237,0.9);
}
.clr-tumblr {
color: #2c4762;
}
.clr-tumblr-hvr:hover {
color: #2c4762;
}
.bg-tumblr {
background-color: #2c4762;
}
.bg-tumblr-hvr:hover {
background-color: #2c4762;
}
.bdr-tumblr {
border-color: #2c4762;
}
.bga-tumblr-1 {
background-color: rgba(44,71,98,0.1);
}
.bga-tumblr-1-hover:hover {
background-color: rgba(44,71,98,0.1);
}
.bga-tumblr-2 {
background-color: rgba(44,71,98,0.2);
}
.bga-tumblr-2-hover:hover {
background-color: rgba(44,71,98,0.2);
}
.bga-tumblr-3 {
background-color: rgba(44,71,98,0.3);
}
.bga-tumblr-3-hover:hover {
background-color: rgba(44,71,98,0.3);
}
.bga-tumblr-4 {
background-color: rgba(44,71,98,0.4);
}
.bga-tumblr-4-hover:hover {
background-color: rgba(44,71,98,0.4);
}
.bga-tumblr-5 {
background-color: rgba(44,71,98,0.5);
}
.bga-tumblr-5-hover:hover {
background-color: rgba(44,71,98,0.5);
}
.bga-tumblr-6 {
background-color: rgba(44,71,98,0.6);
}
.bga-tumblr-6-hover:hover {
background-color: rgba(44,71,98,0.6);
}
.bga-tumblr-7 {
background-color: rgba(44,71,98,0.7);
}
.bga-tumblr-7-hover:hover {
background-color: rgba(44,71,98,0.7);
}
.bga-tumblr-8 {
background-color: rgba(44,71,98,0.8);
}
.bga-tumblr-8-hover:hover {
background-color: rgba(44,71,98,0.8);
}
.bga-tumblr-9 {
background-color: rgba(44,71,98,0.9);
}
.bga-tumblr-9-hover:hover {
background-color: rgba(44,71,98,0.9);
}
.clr-linkedin {
color: #4875b4;
}
.clr-linkedin-hvr:hover {
color: #4875b4;
}
.bg-linkedin {
background-color: #4875b4;
}
.bg-linkedin-hvr:hover {
background-color: #4875b4;
}
.bdr-linkedin {
border-color: #4875b4;
}
.bga-linkedin-1 {
background-color: rgba(72,117,180,0.1);
}
.bga-linkedin-1-hover:hover {
background-color: rgba(72,117,180,0.1);
}
.bga-linkedin-2 {
background-color: rgba(72,117,180,0.2);
}
.bga-linkedin-2-hover:hover {
background-color: rgba(72,117,180,0.2);
}
.bga-linkedin-3 {
background-color: rgba(72,117,180,0.3);
}
.bga-linkedin-3-hover:hover {
background-color: rgba(72,117,180,0.3);
}
.bga-linkedin-4 {
background-color: rgba(72,117,180,0.4);
}
.bga-linkedin-4-hover:hover {
background-color: rgba(72,117,180,0.4);
}
.bga-linkedin-5 {
background-color: rgba(72,117,180,0.5);
}
.bga-linkedin-5-hover:hover {
background-color: rgba(72,117,180,0.5);
}
.bga-linkedin-6 {
background-color: rgba(72,117,180,0.6);
}
.bga-linkedin-6-hover:hover {
background-color: rgba(72,117,180,0.6);
}
.bga-linkedin-7 {
background-color: rgba(72,117,180,0.7);
}
.bga-linkedin-7-hover:hover {
background-color: rgba(72,117,180,0.7);
}
.bga-linkedin-8 {
background-color: rgba(72,117,180,0.8);
}
.bga-linkedin-8-hover:hover {
background-color: rgba(72,117,180,0.8);
}
.bga-linkedin-9 {
background-color: rgba(72,117,180,0.9);
}
.bga-linkedin-9-hover:hover {
background-color: rgba(72,117,180,0.9);
}
.clr-youtube {
color: #e62117;
}
.clr-youtube-hvr:hover {
color: #e62117;
}
.bg-youtube {
background-color: #e62117;
}
.bg-youtube-hvr:hover {
background-color: #e62117;
}
.bdr-youtube {
border-color: #e62117;
}
.bga-youtube-1 {
background-color: rgba(230,33,23,0.1);
}
.bga-youtube-1-hover:hover {
background-color: rgba(230,33,23,0.1);
}
.bga-youtube-2 {
background-color: rgba(230,33,23,0.2);
}
.bga-youtube-2-hover:hover {
background-color: rgba(230,33,23,0.2);
}
.bga-youtube-3 {
background-color: rgba(230,33,23,0.3);
}
.bga-youtube-3-hover:hover {
background-color: rgba(230,33,23,0.3);
}
.bga-youtube-4 {
background-color: rgba(230,33,23,0.4);
}
.bga-youtube-4-hover:hover {
background-color: rgba(230,33,23,0.4);
}
.bga-youtube-5 {
background-color: rgba(230,33,23,0.5);
}
.bga-youtube-5-hover:hover {
background-color: rgba(230,33,23,0.5);
}
.bga-youtube-6 {
background-color: rgba(230,33,23,0.6);
}
.bga-youtube-6-hover:hover {
background-color: rgba(230,33,23,0.6);
}
.bga-youtube-7 {
background-color: rgba(230,33,23,0.7);
}
.bga-youtube-7-hover:hover {
background-color: rgba(230,33,23,0.7);
}
.bga-youtube-8 {
background-color: rgba(230,33,23,0.8);
}
.bga-youtube-8-hover:hover {
background-color: rgba(230,33,23,0.8);
}
.bga-youtube-9 {
background-color: rgba(230,33,23,0.9);
}
.bga-youtube-9-hover:hover {
background-color: rgba(230,33,23,0.9);
}
.clr-wordpress {
color: #666;
}
.clr-wordpress-hvr:hover {
color: #666;
}
.bg-wordpress {
background-color: #666;
}
.bg-wordpress-hvr:hover {
background-color: #666;
}
.bdr-wordpress {
border-color: #666;
}
.bga-wordpress-1 {
background-color: rgba(102,102,102,0.1);
}
.bga-wordpress-1-hover:hover {
background-color: rgba(102,102,102,0.1);
}
.bga-wordpress-2 {
background-color: rgba(102,102,102,0.2);
}
.bga-wordpress-2-hover:hover {
background-color: rgba(102,102,102,0.2);
}
.bga-wordpress-3 {
background-color: rgba(102,102,102,0.3);
}
.bga-wordpress-3-hover:hover {
background-color: rgba(102,102,102,0.3);
}
.bga-wordpress-4 {
background-color: rgba(102,102,102,0.4);
}
.bga-wordpress-4-hover:hover {
background-color: rgba(102,102,102,0.4);
}
.bga-wordpress-5 {
background-color: rgba(102,102,102,0.5);
}
.bga-wordpress-5-hover:hover {
background-color: rgba(102,102,102,0.5);
}
.bga-wordpress-6 {
background-color: rgba(102,102,102,0.6);
}
.bga-wordpress-6-hover:hover {
background-color: rgba(102,102,102,0.6);
}
.bga-wordpress-7 {
background-color: rgba(102,102,102,0.7);
}
.bga-wordpress-7-hover:hover {
background-color: rgba(102,102,102,0.7);
}
.bga-wordpress-8 {
background-color: rgba(102,102,102,0.8);
}
.bga-wordpress-8-hover:hover {
background-color: rgba(102,102,102,0.8);
}
.bga-wordpress-9 {
background-color: rgba(102,102,102,0.9);
}
.bga-wordpress-9-hover:hover {
background-color: rgba(102,102,102,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;
height: 100%;
}
.table-row {
display: table-cell !important;
}
.table-middle-row {
display: table-cell !important;
vertical-align: middle !important;
}
.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 {
width: 80px;
}
.wp25 {
width: 25%;
}
.wp50 {
width: 50%;
}
.wp75 {
width: 75%;
}
.wp100 {
width: 100%;
}
.h5 {
height: 5px;
}
.h10 {
height: 10px;
}
.h15 {
height: 15px;
}
.h20 {
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%;
}
#alerts {
position: relative;
border: 20px #fff;
background-color: #ddd;
}
#alerts .heading-cntr {
position: relative;
padding: 30px 0;
background-color: #fff;
}
#alerts .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
}
#alerts .alerts-box {
position: relative;
background-color: #fff;
padding: 30px;
margin-top: 20px;
}
#alerts .alerts-box::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
}
#alerts .alerts-box .alert {
border-radius: 0;
padding: 20px;
}
#alerts .alerts-box .alert-danger {
margin-bottom: 0;
}
.backtop {
z-index: 4;
position: fixed;
right: 0;
padding: 0;
margin: 0;
transition: 0.5s all;
bottom: 20px;
right: 20px;
}
.backtop .icon-top {
height: 45px;
width: 45px;
background-color: #f39c12;
text-align: center;
border: 1px solid #f39c12;
}
.backtop .icon-top span {
color: #fff;
text-align: center;
line-height: 45px;
font-size: 20px;
}
.backtop .icon-top:hover {
transition: 0.6s all ease-in-out;
border: 1px solid #f4a62a;
background-color: #f4a62a;
}
.blog,
.slide {
background: url("../img/sparrow/works/23.jpg") center;
background-size: cover;
height: auto;
transition: 0.5s all ease-in-out;
}
.blog.blog1,
.slide.blog1 {
background: url("../img/sparrow/works/24.jpg") center;
background-size: cover;
height: auto;
}
.blog.blog2,
.slide.blog2 {
background: url("../img/sparrow/works/25.jpg") center;
background-size: cover;
height: auto;
}
.blog.blog3,
.slide.blog3 {
background: url("../img/sparrow/works/182.jpg") center;
background-size: cover;
height: auto;
}
.blog.blog4,
.slide.blog4 {
background: url("../img/sparrow/works/187.jpg") center;
background-size: cover;
height: auto;
}
.blog.blog5,
.slide.blog5 {
background: url("../img/sparrow/works/sun.jpg") center;
background-size: cover;
height: auto;
}
.blog .bg-alpha,
.slide .bg-alpha {
transition: 0.5s all;
background: url("../img/Slider/8.png");
background-color: rgba(0,0,0,0.6);
height: 100%;
padding: 50px 50px;
}
.blog .bg-alpha a,
.slide .bg-alpha a {
text-decoration: none;
transition: 0.5s all;
}
.blog .bg-alpha a:hover,
.slide .bg-alpha a:hover {
text-decoration: none;
}
.blog .bg-alpha a h3,
.slide .bg-alpha a h3 {
display: inline-block;
color: #fff;
font-size: 25px;
letter-spacing: 1px;
font-weight: 700;
margin-bottom: 20px;
}
.blog .bg-alpha .s-b-line,
.slide .bg-alpha .s-b-line {
border: 1px solid #fff;
width: 50px;
margin: auto;
margin-bottom: 20px;
}
.blog .bg-alpha p,
.slide .bg-alpha p {
color: #fff;
letter-spacing: 1.5px;
line-height: 28px;
font-size: 16px;
font-weight: 200;
}
.blog .bg-alpha .lyn,
.slide .bg-alpha .lyn {
border: 1px solid #fff;
width: 50px;
margin-top: 5px;
margin-bottom: 30px;
}
.blog .bg-alpha .comments,
.slide .bg-alpha .comments {
color: #fff;
font-weight: 100;
margin-top: 30px;
}
.blog .bg-alpha .comments i,
.slide .bg-alpha .comments i {
color: #fff;
font-size: 16px;
}
.blog .bg-alpha .date,
.slide .bg-alpha .date {
display: inline-block;
}
.blog .bg-alpha .date p,
.slide .bg-alpha .date p {
font-size: 18px;
letter-spacing: 1.5px;
color: #fff;
font-weight: 500;
}
.blog .bg-alpha .post-by,
.slide .bg-alpha .post-by {
display: inline-block;
}
.blog .bg-alpha .post-by p,
.slide .bg-alpha .post-by p {
display: inline-block;
font-size: 20px;
letter-spacing: 1px;
font-weight: 400;
color: #fff;
}
.blog .bg-alpha .post-by a,
.slide .bg-alpha .post-by a {
text-decoration: none;
}
.blog .bg-alpha .post-by a span,
.slide .bg-alpha .post-by a span {
color: #fff;
font-weight: 100;
}
.blog:hover .bg-alpha,
.slide:hover .bg-alpha {
background-color: rgba(0,0,0,0.8);
}
.slide {
padding-left: 0;
transition: 1s all ease-in-out;
}
.slide .blog-overlay1 {
padding-top: 60px;
padding-bottom: 60px;
}
.slide .blog-overlay1 a h3 {
font-size: 30px;
line-height: 30px;
font-family: 'Oswald' !important;
}
.slide .blog-overlay2 {
position: absolute;
top: 50%;
bottom: 0;
left: 0;
padding: 0 60px;
opacity: 0;
}
.slide .blog-overlay2 a p {
color: #fff;
}
.slide:hover .blog-overlay1 {
opacity: 0;
z-index: 0;
}
.slide:hover .blog-overlay2 {
position: absolute;
z-index: 1;
opacity: 2;
transition: 0.6s all ease-in-out;
top: 25%;
}
@media (max-width: 767px) {
.slide .bg-alpha {
padding: 60px 10px !important;
}
.slide .bg-alpha .blog-overlay2 {
left: 0;
}
.slide .bg-alpha .blog-overlay2 a h3 {
font-size: 18px !important;
}
.slide .bg-alpha .blog-overlay2 p {
font-size: 14px;
}
}
.btn-box {
display: inline-block;
}
.btn-box .v-btn {
position: relative;
display: inline-block;
border: 2px solid #f39c12;
background-color: #f39c12;
letter-spacing: 1px;
color: #fff;
transition: 0.5s all ease-in-out;
font-size: 16px;
border-radius: 2;
z-index: 22;
overflow: hidden;
font-weight: 400;
}
.btn-box .v-btn:focus {
outline: none !important;
}
.btn-box .v-btn:hover {
background-color: #e5910c;
}
.btn-box .v-btn.v-btn-lg {
display: inline-block;
font-size: 18px;
}
.btn-box .v-t-btn {
position: relative;
display: inline-block;
border: 2px solid #f39c12;
background-color: transparent;
letter-spacing: 1px;
color: #f39c12;
font-size: 16px;
border-radius: 0;
transition: 0.5s all ease-in-out;
}
.btn-box .v-t-btn:hover {
background-color: #f39c12;
border: 2px solid #f39c12;
color: #fff;
}
.btn-box .v-t-btn:focus {
outline: none;
}
.btn-box .v-t-btn.v-btn-lg {
display: inline-block;
font-size: 18px;
}
.btn-box .v-btn-primary {
background-color: #f39c12 !important;
color: #fff;
}
.btn-box .v-btn-primary:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #f39c12 !important;
border-color: #f39c12 !important;
}
.btn-box .v-btn-secondary {
background-color: #999 !important;
color: #fff;
}
.btn-box .v-btn-secondary:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #999 !important;
border-color: #999 !important;
}
.btn-box .v-btn-red {
background-color: #f00 !important;
color: #fff;
}
.btn-box .v-btn-red:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #f00 !important;
border-color: #f00 !important;
}
.btn-box .v-btn-white {
background-color: #fff !important;
color: #fff;
}
.btn-box .v-btn-white:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #fff !important;
border-color: #fff !important;
}
.btn-box .v-btn-black {
background-color: #000 !important;
color: #fff;
}
.btn-box .v-btn-black:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #000 !important;
border-color: #000 !important;
}
.btn-box .v-btn-facebook {
background-color: #3b5998 !important;
color: #fff;
}
.btn-box .v-btn-facebook:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #3b5998 !important;
border-color: #3b5998 !important;
}
.btn-box .v-btn-ig {
background-color: #966842 !important;
color: #fff;
}
.btn-box .v-btn-ig:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #966842 !important;
border-color: #966842 !important;
}
.btn-box .v-btn-google-plus {
background-color: #d14836 !important;
color: #fff;
}
.btn-box .v-btn-google-plus:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #d14836 !important;
border-color: #d14836 !important;
}
.btn-box .v-btn-rss {
background-color: #ff8300 !important;
color: #fff;
}
.btn-box .v-btn-rss:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #ff8300 !important;
border-color: #ff8300 !important;
}
.btn-box .v-btn-skype {
background-color: #00aff0 !important;
color: #fff;
}
.btn-box .v-btn-skype:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #00aff0 !important;
border-color: #00aff0 !important;
}
.btn-box .v-btn-viemo {
background-color: #4bf !important;
color: #fff;
}
.btn-box .v-btn-viemo:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #4bf !important;
border-color: #4bf !important;
}
.btn-box .v-btn-wp {
background-color: #21759b !important;
color: #fff;
}
.btn-box .v-btn-wp:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #21759b !important;
border-color: #21759b !important;
}
.btn-box .v-btn-twitter {
background-color: #00aced !important;
color: #fff;
}
.btn-box .v-btn-twitter:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #00aced !important;
border-color: #00aced !important;
}
.btn-box .v-btn-tumblr {
background-color: #2c4762 !important;
color: #fff;
}
.btn-box .v-btn-tumblr:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #2c4762 !important;
border-color: #2c4762 !important;
}
.btn-box .v-btn-linkedin {
background-color: #4875b4 !important;
color: #fff;
}
.btn-box .v-btn-linkedin:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #4875b4 !important;
border-color: #4875b4 !important;
}
.btn-box .v-btn-youtube {
background-color: #e62117 !important;
color: #fff;
}
.btn-box .v-btn-youtube:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #e62117 !important;
border-color: #e62117 !important;
}
.btn-box .v-btn-wordpress {
background-color: #666 !important;
color: #fff;
}
.btn-box .v-btn-wordpress:hover {
background-color: transparent !important;
transition: 0.6s all;
color: #666 !important;
border-color: #666 !important;
}
.btn-box .v-t-btn-primary {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-primary:hover {
background-color: #f39c12 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #f39c12 !important;
}
.btn-box .v-t-btn-secondary {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-secondary:hover {
background-color: #999 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #999 !important;
}
.btn-box .v-t-btn-red {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-red:hover {
background-color: #f00 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #f00 !important;
}
.btn-box .v-t-btn-white {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-white:hover {
background-color: #fff !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #fff !important;
}
.btn-box .v-t-btn-black {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-black:hover {
background-color: #000 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #000 !important;
}
.btn-box .v-t-btn-facebook {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-facebook:hover {
background-color: #3b5998 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #3b5998 !important;
}
.btn-box .v-t-btn-ig {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-ig:hover {
background-color: #966842 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #966842 !important;
}
.btn-box .v-t-btn-google-plus {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-google-plus:hover {
background-color: #d14836 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #d14836 !important;
}
.btn-box .v-t-btn-rss {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-rss:hover {
background-color: #ff8300 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #ff8300 !important;
}
.btn-box .v-t-btn-skype {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-skype:hover {
background-color: #00aff0 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #00aff0 !important;
}
.btn-box .v-t-btn-viemo {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-viemo:hover {
background-color: #4bf !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #4bf !important;
}
.btn-box .v-t-btn-wp {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-wp:hover {
background-color: #21759b !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #21759b !important;
}
.btn-box .v-t-btn-twitter {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-twitter:hover {
background-color: #00aced !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #00aced !important;
}
.btn-box .v-t-btn-tumblr {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-tumblr:hover {
background-color: #2c4762 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #2c4762 !important;
}
.btn-box .v-t-btn-linkedin {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-linkedin:hover {
background-color: #4875b4 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #4875b4 !important;
}
.btn-box .v-t-btn-youtube {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-youtube:hover {
background-color: #e62117 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #e62117 !important;
}
.btn-box .v-t-btn-wordpress {
background-color: transparent !important;
color: #fff;
border: 1px solid #fff;
}
.btn-box .v-t-btn-wordpress:hover {
background-color: #666 !important;
transition: 0.6s all;
color: #333 !important;
border: 1px solid #666 !important;
}
.box .counter-box {
height: 100px;
width: 100px;
background-color: transparent;
border: 2px solid #f39c12;
border-radius: 50%;
margin: auto;
line-height: 100px;
color: #f39c12;
font-size: 30px;
transition: 0.5s all ease-in-out;
}
.box h3 {
font-size: 30px;
font-weight: 800;
}
.box p {
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #333;
margin-bottom: 0;
}
.box:hover .counter-box {
background-color: #f39c12;
color: #fff;
}
.line1 {
position: relative;
text-align: center;
}
.line1:before {
content: '';
width: 80px;
height: 1px;
top: calc(50%);
left: 41%;
position: absolute;
background-color: #666;
display: inline-block;
}
.line1:after {
position: absolute;
content: '';
width: 80px;
height: 1px;
right: 41%;
top: calc(50%);
background-color: #666;
display: inline-block;
}
@media (max-width: 400px) and (min-width: 200px) {
.line1 {
position: relative;
text-align: center;
}
.line1:before {
content: '';
width: 50px;
height: 1px;
top: calc(50%);
left: 27%;
position: absolute;
background-color: #666;
display: inline-block;
}
.line1:after {
position: absolute;
content: '';
width: 50px;
height: 1px;
right: 27%;
top: calc(50%);
background-color: #666;
display: inline-block;
}
}
@media (max-width: 767px) and (min-width: 401px) {
.line1 {
position: relative;
text-align: center;
}
.line1:before {
content: '';
width: 50px;
height: 1px;
top: calc(50%);
left: 40%;
position: absolute;
background-color: #666;
display: inline-block;
}
.line1:after {
position: absolute;
content: '';
width: 50px;
height: 1px;
right: 40%;
top: calc(50%);
background-color: #666;
display: inline-block;
}
}
header {
position: relative;
}
header .navbar-default {
background-color: #000;
border-bottom: none;
height: 80px;
transition: 300ms all;
margin-bottom: 0;
}
header .navbar-default .navbar-header .navbar-brand h2 {
font-size: 30px;
font-family: 'lucida handwritting';
}
header .navbar-default .navbar-header .navbar-brand h2 span {
background-color: #f39c12;
padding: 5px;
}
header .navbar-default .navbar-header .navbar-brand img {
height: 50px;
}
header .navbar-default .navbar-header .navbar-toggle {
color: #fff;
margin-top: 20px;
width: 60px;
transition: 300ms all;
}
header .navbar-default .navbar-header .navbar-toggle:hover {
color: #f39c12;
}
@media (max-width: 767px) {
header .navbar-default .navbar-collapse {
background-color: #000;
border-top: none !important;
margin-top: 2px;
}
}
header .navbar-default .navbar-collapse ul.navbar-nav > li > a {
color: #aaa;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.4px;
padding-top: 30px;
padding-bottom: 30px;
transition: all 300ms;
}
header .navbar-default .navbar-collapse ul.navbar-nav > li > a:hover {
background-color: #f39c12;
color: #fff;
}
header .navbar-default .navbar-collapse ul.navbar-nav > li.active,
header .navbar-default .navbar-collapse ul.navbar-nav > li:focus {
background-color: #333 !important;
color: #fff !important;
}
@media (max-width: 767px) {
header .navbar-default .navbar-collapse ul.navbar-nav > li a {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu {
min-width: 250px;
box-shadow: none;
background: #000;
transition: 0.5s all;
display: block;
opacity: 0;
visibility: hidden;
border: none;
transform: translateX(-10px);
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a {
padding: 10px 15px;
color: #999;
text-transform: uppercase;
font-size: 14px;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a i {
margin-right: 8px;
transition: 300ms all;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a:hover {
background-color: transparent;
color: #999;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a:hover i {
transform: translateX(2px);
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu li:not(:last-child) {
border-bottom: 1px dotted #222;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown:hover > a {
background-color: #f39c12;
color: #fff;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown:hover .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
@media (max-width: 767px) {
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu {
min-width: 250px;
box-shadow: none;
background: rgba(0,0,0,0.95);
transition: 0.5s all;
visibility: visible;
color: #fff;
border: none;
overflow: hidden;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a {
padding: 10px 15px;
color: #fff !important;
text-transform: uppercase;
font-size: 14px;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a i {
margin-right: 8px;
color: #fff;
transition: 300ms all;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a:hover {
background-color: transparent;
color: #fff;
}
header .navbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu > li > a:hover i {
transform: translateX(2px);
}
}
header.affix {
width: 100%;
z-index: 1000;
}
header.affix .dnavbar-default {
background-color: #000 !important;
}
header.affix .dnavbar-default .navbar-header .navbar-brand h2 {
margin-top: 15px;
color: #333;
letter-spacing: 1px;
}
header.affix .dnavbar-default .navbar-header .navbar-toggle {
color: #4d4d4d;
margin-top: 20px;
width: 60px;
transition: 300ms all;
}
header.affix .dnavbar-default .navbar-header .navbar-toggle .fa-bars,
header.affix .dnavbar-default .navbar-header .navbar-toggle:hover {
color: #f39c12;
}
header.affix .dnavbar-default .navbar-collapse ul.navbar-nav > li > a {
color: #666;
}
header.affix .dnavbar-default .navbar-collapse ul.navbar-nav > li > a:hover {
color: #fff;
}
header.affix .dnavbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu li a {
color: #888;
}
header.affix .dnavbar-default .navbar-collapse ul.navbar-nav li.dropdown .dropdown-menu li:not(:last-child) {
border-bottom: 1px dotted #222;
}
header.affix .dnavbar-default .navbar-collapse ul.navbar-nav li.dropdown:hover > a {
background-color: #000;
color: #888;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
background-color: #f39c12;
color: #fff !important;
}
.heading-cntr h2 {
font-size: 44px;
color: #4d4d4d;
font-weight: 900;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
margin-top: 0;
margin-bottom: 0;
padding: 20px;
}
.heading-cntr h2 span {
letter-spacing: 1.4px;
text-transform: uppercase;
padding: 5px 5px 5px 10px;
}
.heading-cntr p {
font-size: 18px;
letter-spacing: 1.4px;
color: #333;
margin-bottom: 20px;
margin-top: 0;
}
.heading-cntr .line {
border-top: 2px solid #b3b3b3;
width: 80px;
margin: 0 auto;
}
@media (max-width: 767px) {
.heading-cntr h2 {
font-size: 22px;
line-height: 30px !important;
margin-bottom: 5px;
}
}
.heading h2 {
font-size: 35px;
color: #fff;
font-weight: 900;
letter-spacing: 1.8px;
text-transform: uppercase;
margin-bottom: 10px;
}
.heading .line-1 {
border-top: 2px solid #fff;
width: 80px;
margin: 0 auto;
}
#bg-img {
position: relative;
background: url("../img/header/01.jpg") center fixed;
background-position: cover;
}
#bg-img .alpha {
position: relative;
background: url("../img/slider/9.png");
background-color: rgba(0,0,0,0.7);
height: auto;
padding-top: 180px;
padding-bottom: 120px;
}
#bg-img .alpha h2 {
font-family: 'Oswald', sans-serif;
color: #fff;
font-size: 50px;
font-weight: 900;
margin-top: 0;
margin-bottom: 20px;
letter-spacing: 2px;
text-transform: uppercase;
}
#bg-img .alpha p {
color: #fff;
font-weight: 300;
font-size: 22px;
letter-spacing: 0.9px;
line-height: 130%;
word-spacing: 2px;
margin-bottom: 0;
}
@media (max-width: 767px) {
#bg-img .alpha p {
font-size: 16px;
}
}
.info-box {
margin-bottom: 10px;
margin-top: 16px;
}
.info-box .icon-box {
position: relative;
display: inline-block;
height: 60px;
width: 60px;
border: 1px solid #fff;
border-radius: 50%;
background-color: transparent;
}
.info-box .icon-box i {
color: #fff;
font-size: 20px;
line-height: 60px;
}
.info-box .icon-box.icon-box-lg {
height: 80px;
width: 80px;
}
.info-box .icon-box.icon-box-lg i {
font-size: 30px;
line-height: 60px;
}
.info-box h5 {
color: #fff;
letter-spacing: 1px;
text-transform: lowercase;
font-size: 14px;
font-weight: 100;
font-style: italic;
margin-bottom: 0;
}
.info-box p {
color: #fff;
font-size: 18px;
text-transform: capitalize;
font-weight: 100;
}
.icon-box1 {
margin: 50px;
}
.icon-box1 .box1 {
height: 130px;
width: 130px;
border: 2px solid #4d4d4d;
border-radius: 50%;
background-color: transparent;
color: #4d4d4d;
font-size: 45px;
line-height: 130px;
text-align: center;
margin: auto;
transition: 0.5s all ease-in-out;
}
.icon-box1 .box1:hover {
background-color: #4d4d4d;
color: #fff;
}
.award-box {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
transition: 0.5s all;
}
.award-box .a-icon {
position: abosulte;
font-size: 40px;
color: #f39c12;
}
.award-box .a-ib-content {
position: relative;
padding-left: 65px;
margin-top: -75px;
}
.award-box .a-ib-content h3 {
color: #333;
font-weight: 800;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
}
.award-box .a-ib-content h5 {
font-weight: 200;
color: #808080;
}
.award-box .a-ib-content p {
letter-spacing: 1px;
color: #333;
font-weight: 300;
}
.award-box:hover .a-icon {
color: #e08e0b;
}
.v-icon {
position: relative;
width: 35px;
height: 35px;
border: 1px solid #fff;
display: inline-block;
line-height: 35px;
transition: 0.5s all ease-in-out;
background-color: transparent;
}
.v-icon .fa {
font-size: 14px;
color: #fff;
}
.v-icon:hover {
background-color: #fff;
}
.v-icon:hover .fa {
color: #333;
}
.v-icon.v-icon-lg {
width: 55px;
height: 55px;
display: inline-block;
}
.v-icon.v-icon-lg .fa {
display: inline-block;
font-size: 18px;
line-height: 55px;
}
.v-icon.v-icon-xlg {
width: 70px;
height: 70px;
display: inline-block;
}
.v-icon.v-icon-xlg .fa {
display: inline-block;
font-size: 25px;
line-height: 70px;
}
.v-icon.circle {
border-radius: 50%;
}
.v-icon-primary {
background-color: transparent !important;
}
.v-icon-primary:hover {
background-color: #f39c12 !important;
transition: 0.6s all;
border-color: #f39c12 !important;
}
.v-icon-primary:hover .fa {
color: #fff !important;
}
.v-icon-secondary {
background-color: transparent !important;
}
.v-icon-secondary:hover {
background-color: #999 !important;
transition: 0.6s all;
border-color: #999 !important;
}
.v-icon-secondary:hover .fa {
color: #fff !important;
}
.v-icon-red {
background-color: transparent !important;
}
.v-icon-red:hover {
background-color: #f00 !important;
transition: 0.6s all;
border-color: #f00 !important;
}
.v-icon-red:hover .fa {
color: #fff !important;
}
.v-icon-white {
background-color: transparent !important;
}
.v-icon-white:hover {
background-color: #fff !important;
transition: 0.6s all;
border-color: #fff !important;
}
.v-icon-white:hover .fa {
color: #fff !important;
}
.v-icon-black {
background-color: transparent !important;
}
.v-icon-black:hover {
background-color: #000 !important;
transition: 0.6s all;
border-color: #000 !important;
}
.v-icon-black:hover .fa {
color: #fff !important;
}
.v-icon-facebook {
background-color: transparent !important;
}
.v-icon-facebook:hover {
background-color: #3b5998 !important;
transition: 0.6s all;
border-color: #3b5998 !important;
}
.v-icon-facebook:hover .fa {
color: #fff !important;
}
.v-icon-ig {
background-color: transparent !important;
}
.v-icon-ig:hover {
background-color: #966842 !important;
transition: 0.6s all;
border-color: #966842 !important;
}
.v-icon-ig:hover .fa {
color: #fff !important;
}
.v-icon-google-plus {
background-color: transparent !important;
}
.v-icon-google-plus:hover {
background-color: #d14836 !important;
transition: 0.6s all;
border-color: #d14836 !important;
}
.v-icon-google-plus:hover .fa {
color: #fff !important;
}
.v-icon-rss {
background-color: transparent !important;
}
.v-icon-rss:hover {
background-color: #ff8300 !important;
transition: 0.6s all;
border-color: #ff8300 !important;
}
.v-icon-rss:hover .fa {
color: #fff !important;
}
.v-icon-skype {
background-color: transparent !important;
}
.v-icon-skype:hover {
background-color: #00aff0 !important;
transition: 0.6s all;
border-color: #00aff0 !important;
}
.v-icon-skype:hover .fa {
color: #fff !important;
}
.v-icon-viemo {
background-color: transparent !important;
}
.v-icon-viemo:hover {
background-color: #4bf !important;
transition: 0.6s all;
border-color: #4bf !important;
}
.v-icon-viemo:hover .fa {
color: #fff !important;
}
.v-icon-wp {
background-color: transparent !important;
}
.v-icon-wp:hover {
background-color: #21759b !important;
transition: 0.6s all;
border-color: #21759b !important;
}
.v-icon-wp:hover .fa {
color: #fff !important;
}
.v-icon-twitter {
background-color: transparent !important;
}
.v-icon-twitter:hover {
background-color: #00aced !important;
transition: 0.6s all;
border-color: #00aced !important;
}
.v-icon-twitter:hover .fa {
color: #fff !important;
}
.v-icon-tumblr {
background-color: transparent !important;
}
.v-icon-tumblr:hover {
background-color: #2c4762 !important;
transition: 0.6s all;
border-color: #2c4762 !important;
}
.v-icon-tumblr:hover .fa {
color: #fff !important;
}
.v-icon-linkedin {
background-color: transparent !important;
}
.v-icon-linkedin:hover {
background-color: #4875b4 !important;
transition: 0.6s all;
border-color: #4875b4 !important;
}
.v-icon-linkedin:hover .fa {
color: #fff !important;
}
.v-icon-youtube {
background-color: transparent !important;
}
.v-icon-youtube:hover {
background-color: #e62117 !important;
transition: 0.6s all;
border-color: #e62117 !important;
}
.v-icon-youtube:hover .fa {
color: #fff !important;
}
.v-icon-wordpress {
background-color: transparent !important;
}
.v-icon-wordpress:hover {
background-color: #666 !important;
transition: 0.6s all;
border-color: #666 !important;
}
.v-icon-wordpress:hover .fa {
color: #fff !important;
}
@media (max-width: 767px) {
.v-icon.v-icon-lg,
.v-icon.v-icon-xlg {
width: 35px;
height: 35px;
display: inline-block;
}
.v-icon.v-icon-lg .fa,
.v-icon.v-icon-xlg .fa {
display: inline-block;
font-size: 14px;
line-height: 35px;
}
.v-icon.circle {
border-radius: 50%;
}
}
.bg-icon {
position: relative;
width: 35px;
height: 35px;
display: inline-block;
line-height: 35px;
transition: 0.5s all ease-in-out;
}
.bg-icon .fa {
font-size: 18px;
color: #fff;
}
.bg-icon:hover {
background-color: #474747;
}
.bg-icon:hover .fa {
color: #fff;
}
.bg-icon.bg-icon-lg {
width: 55px;
height: 55px;
display: inline-block;
}
.bg-icon.bg-icon-lg .fa {
display: inline-block;
font-size: 18px;
line-height: 55px;
}
.bg-icon.bg-icon-xlg {
width: 70px;
height: 70px;
display: inline-block;
}
.bg-icon.bg-icon-xlg .fa {
display: inline-block;
font-size: 25px;
line-height: 70px;
}
.bg-icon.circle {
border-radius: 50%;
}
.bg-icon-primary,
.bg-icon-xlg-primary {
background-color: #f39c12 !important;
border-color: #f39c12 !important;
}
.bg-icon-primary:hover,
.bg-icon-xlg-primary:hover {
background-color: #ae6e09 !important;
transition: 0.6s all;
border-color: #ae6e09 !important;
}
.bg-icon-primary:hover .fa,
.bg-icon-xlg-primary:hover .fa {
color: #fff !important;
}
.bg-icon-secondary,
.bg-icon-xlg-secondary {
background-color: #999 !important;
border-color: #999 !important;
}
.bg-icon-secondary:hover,
.bg-icon-xlg-secondary:hover {
background-color: #6b6b6b !important;
transition: 0.6s all;
border-color: #6b6b6b !important;
}
.bg-icon-secondary:hover .fa,
.bg-icon-xlg-secondary:hover .fa {
color: #fff !important;
}
.bg-icon-red,
.bg-icon-xlg-red {
background-color: #f00 !important;
border-color: #f00 !important;
}
.bg-icon-red:hover,
.bg-icon-xlg-red:hover {
background-color: #b30000 !important;
transition: 0.6s all;
border-color: #b30000 !important;
}
.bg-icon-red:hover .fa,
.bg-icon-xlg-red:hover .fa {
color: #fff !important;
}
.bg-icon-white,
.bg-icon-xlg-white {
background-color: #fff !important;
border-color: #fff !important;
}
.bg-icon-white:hover,
.bg-icon-xlg-white:hover {
background-color: #b3b3b3 !important;
transition: 0.6s all;
border-color: #b3b3b3 !important;
}
.bg-icon-white:hover .fa,
.bg-icon-xlg-white:hover .fa {
color: #fff !important;
}
.bg-icon-black,
.bg-icon-xlg-black {
background-color: #000 !important;
border-color: #000 !important;
}
.bg-icon-black:hover,
.bg-icon-xlg-black:hover {
background-color: #000 !important;
transition: 0.6s all;
border-color: #000 !important;
}
.bg-icon-black:hover .fa,
.bg-icon-xlg-black:hover .fa {
color: #fff !important;
}
.bg-icon-facebook,
.bg-icon-xlg-facebook {
background-color: #3b5998 !important;
border-color: #3b5998 !important;
}
.bg-icon-facebook:hover,
.bg-icon-xlg-facebook:hover {
background-color: #293e6a !important;
transition: 0.6s all;
border-color: #293e6a !important;
}
.bg-icon-facebook:hover .fa,
.bg-icon-xlg-facebook:hover .fa {
color: #fff !important;
}
.bg-icon-ig,
.bg-icon-xlg-ig {
background-color: #966842 !important;
border-color: #966842 !important;
}
.bg-icon-ig:hover,
.bg-icon-xlg-ig:hover {
background-color: #69492e !important;
transition: 0.6s all;
border-color: #69492e !important;
}
.bg-icon-ig:hover .fa,
.bg-icon-xlg-ig:hover .fa {
color: #fff !important;
}
.bg-icon-google-plus,
.bg-icon-xlg-google-plus {
background-color: #d14836 !important;
border-color: #d14836 !important;
}
.bg-icon-google-plus:hover,
.bg-icon-xlg-google-plus:hover {
background-color: #963022 !important;
transition: 0.6s all;
border-color: #963022 !important;
}
.bg-icon-google-plus:hover .fa,
.bg-icon-xlg-google-plus:hover .fa {
color: #fff !important;
}
.bg-icon-rss,
.bg-icon-xlg-rss {
background-color: #ff8300 !important;
border-color: #ff8300 !important;
}
.bg-icon-rss:hover,
.bg-icon-xlg-rss:hover {
background-color: #b35c00 !important;
transition: 0.6s all;
border-color: #b35c00 !important;
}
.bg-icon-rss:hover .fa,
.bg-icon-xlg-rss:hover .fa {
color: #fff !important;
}
.bg-icon-skype,
.bg-icon-xlg-skype {
background-color: #00aff0 !important;
border-color: #00aff0 !important;
}
.bg-icon-skype:hover,
.bg-icon-xlg-skype:hover {
background-color: #007aa8 !important;
transition: 0.6s all;
border-color: #007aa8 !important;
}
.bg-icon-skype:hover .fa,
.bg-icon-xlg-skype:hover .fa {
color: #fff !important;
}
.bg-icon-viemo,
.bg-icon-xlg-viemo {
background-color: #4bf !important;
border-color: #4bf !important;
}
.bg-icon-viemo:hover,
.bg-icon-xlg-viemo:hover {
background-color: #0090e2 !important;
transition: 0.6s all;
border-color: #0090e2 !important;
}
.bg-icon-viemo:hover .fa,
.bg-icon-xlg-viemo:hover .fa {
color: #fff !important;
}
.bg-icon-wp,
.bg-icon-xlg-wp {
background-color: #21759b !important;
border-color: #21759b !important;
}
.bg-icon-wp:hover,
.bg-icon-xlg-wp:hover {
background-color: #17526d !important;
transition: 0.6s all;
border-color: #17526d !important;
}
.bg-icon-wp:hover .fa,
.bg-icon-xlg-wp:hover .fa {
color: #fff !important;
}
.bg-icon-twitter,
.bg-icon-xlg-twitter {
background-color: #00aced !important;
border-color: #00aced !important;
}
.bg-icon-twitter:hover,
.bg-icon-xlg-twitter:hover {
background-color: #0078a6 !important;
transition: 0.6s all;
border-color: #0078a6 !important;
}
.bg-icon-twitter:hover .fa,
.bg-icon-xlg-twitter:hover .fa {
color: #fff !important;
}
.bg-icon-tumblr,
.bg-icon-xlg-tumblr {
background-color: #2c4762 !important;
border-color: #2c4762 !important;
}
.bg-icon-tumblr:hover,
.bg-icon-xlg-tumblr:hover {
background-color: #1f3245 !important;
transition: 0.6s all;
border-color: #1f3245 !important;
}
.bg-icon-tumblr:hover .fa,
.bg-icon-xlg-tumblr:hover .fa {
color: #fff !important;
}
.bg-icon-linkedin,
.bg-icon-xlg-linkedin {
background-color: #4875b4 !important;
border-color: #4875b4 !important;
}
.bg-icon-linkedin:hover,
.bg-icon-xlg-linkedin:hover {
background-color: #32527e !important;
transition: 0.6s all;
border-color: #32527e !important;
}
.bg-icon-linkedin:hover .fa,
.bg-icon-xlg-linkedin:hover .fa {
color: #fff !important;
}
.bg-icon-youtube,
.bg-icon-xlg-youtube {
background-color: #e62117 !important;
border-color: #e62117 !important;
}
.bg-icon-youtube:hover,
.bg-icon-xlg-youtube:hover {
background-color: #a11710 !important;
transition: 0.6s all;
border-color: #a11710 !important;
}
.bg-icon-youtube:hover .fa,
.bg-icon-xlg-youtube:hover .fa {
color: #fff !important;
}
.bg-icon-wordpress,
.bg-icon-xlg-wordpress {
background-color: #666 !important;
border-color: #666 !important;
}
.bg-icon-wordpress:hover,
.bg-icon-xlg-wordpress:hover {
background-color: #474747 !important;
transition: 0.6s all;
border-color: #474747 !important;
}
.bg-icon-wordpress:hover .fa,
.bg-icon-xlg-wordpress:hover .fa {
color: #fff !important;
}
@media (max-width: 767px) {
.bg-icon.bg-icon-lg,
.bg-icon.bg-icon-xlg {
width: 35px;
height: 35px;
display: inline-block;
}
.bg-icon.bg-icon-lg .fa,
.bg-icon.bg-icon-xlg .fa {
display: inline-block;
font-size: 14px;
line-height: 35px;
}
.bg-icon.circle {
border-radius: 50%;
}
}
.animation-parent {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
left: 0;
top: 0;
z-index: 200000;
}
.loading h5 {
letter-spacing: 2px;
font-style: italic;
color: #fff;
text-align: center;
font-weight: 100;
}
.spinner {
margin: 10px auto 0;
width: 70px;
text-align: center;
}
.spinner > div {
width: 18px;
height: 18px;
background-color: #f39c12;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.price-box {
background-color: #fff;
border: 1px solid #ccc;
margin: 0 auto;
text-align: center;
transition: 0.5s all ease-in-out;
padding-top: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
.price-box .icon {
font-size: 40px;
color: #f39c12;
}
.price-box .price {
position: relative;
background-color: #f2f2f2;
transition: 0.5s all ease-in-out;
padding-top: 10px;
padding-bottom: 10px;
}
.price-box .price h2 {
line-height: 70px;
margin-top: 0;
font-weight: 800;
font-size: 40px;
color: #666;
margin-bottom: 0;
}
.price-box .price h2 sup {
font-weight: 200;
font-size: 20px;
color: #333;
}
.price-box .price p {
color: #333;
font-weight: 200;
font-size: 18px;
margin-top: 0;
}
.price-box .heading {
padding-bottom: 30px;
background-color: #fff;
color: #666;
margin: 0;
text-transform: uppercase;
transition: 0.5s all ease-in-out;
}
.price-box .heading h4 {
font-weight: 300;
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 5px;
text-transform: capitalize;
margin-top: 10px;
font-size: 25px;
}
.price-box .tags {
padding: 10px;
background-color: #fff;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0;
}
.price-box .tags h5 {
color: #808080;
font-weight: 600;
}
.price-box .tags h5 span {
color: #666;
font-weight: 300;
}
.p-price-box {
position: relative;
background-color: #fff;
border: 1px solid #ddd;
margin: 0 auto;
text-align: center;
transition: 0.5s all ease-in-out;
padding-top: 20px;
margin-top: 30px;
margin-bottom: 30px;
}
.p-price-box::after {
content: '';
position: absolute;
display: block;
height: 63px;
width: 20px;
background-color: #fff;
left: 48.5%;
bottom: -63px;
transform: translateX(-10px);
}
.p-price-box .icon {
font-size: 40px;
color: #f39c12;
}
.p-price-box .price {
position: relative;
background-color: #f39c12;
transition: 0.5s all ease-in-out;
padding-top: 10px;
padding-bottom: 10px;
}
.p-price-box .price h2 {
line-height: 70px;
margin-top: 0;
font-weight: 800;
font-size: 40px;
color: #fff;
margin-bottom: 0;
}
.p-price-box .price h2 sup {
font-weight: 200;
font-size: 20px;
color: #fff;
}
.p-price-box .price p {
color: #fff;
font-weight: 200;
font-size: 18px;
margin-top: 0;
}
.p-price-box .heading {
padding-bottom: 30px;
background-color: #fff;
color: #666;
margin: 0;
text-transform: uppercase;
transition: 0.5s all ease-in-out;
}
.p-price-box .heading h4 {
font-weight: 300;
letter-spacing: 1px;
margin-top: 0;
margin-bottom: 5px;
text-transform: capitalize;
margin-top: 10px;
font-size: 25px;
}
.p-price-box .tags {
padding: 10px;
background-color: #fff;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0;
}
.p-price-box .tags h5 {
color: #808080;
font-weight: 600;
}
.p-price-box .tags h5 span {
color: #666;
font-weight: 300;
}
.switcher {
position: fixed;
height: 250px;
width: 250px;
background: #000;
left: -250px;
top: 150px;
transition: 0.7s all ease-in-out;
z-index: 100;
}
.switcher .switcher-btn {
position: absolute;
left: 100%;
padding: 20px;
background: #000;
color: #f39c12;
display: inline-block;
}
.switcher .switcher-btn .fa {
font-size: 24px;
}
.switcher .switcher-content {
position: absolute;
padding: 10px;
text-align: center;
color: #fff;
transition: 0.5s all ease-in-out;
}
.switcher .switcher-content hr {
background-color: #f39c12;
width: 40%;
}
.switcher .switcher-content p {
color: #fff;
margin-top: 10px;
text-transform: uppercase;
}
.switcher .switcher-content .colors {
position: relative;
text-align: center;
}
.switcher .switcher-content .colors ul {
padding: 0;
margin: 0;
}
.switcher .switcher-content .colors ul li {
float: left;
width: 40px;
height: 40px;
margin: 5px;
display: inline;
border: 2px solid #fff;
transition: 0.5s all;
}
.switcher .switcher-content .colors ul li:hover {
cursor: pointer;
border-radius: 50%;
transition: 0.5s all ease-in-out;
}
.switcher .links {
position: absolute;
bottom: 0;
}
.switcher .links ul li a {
color: #f39c12;
text-decoration: none;
text-align: left;
font-weight: 400;
float: left;
top: 0;
}
.switcher:hover {
left: 0%;
}
.switcher-styles-bg {
background-color: #f39c12 !important;
}
.switcher-wisteria-bg {
background-color: #8d44af !important;
}
.switcher-nephritis-bg {
background-color: #157b41 !important;
}
.switcher-alizarin-bg {
background-color: #e83d3d !important;
}
.switcher-midnightblue-bg {
background-color: #2d3e50 !important;
}
.switcher-greensea-bg {
background-color: #17a086 !important;
}
.switcher-asbestos-bg {
background-color: #7e8c8c !important;
}
.switcher-pumpkin-bg {
background-color: #d45300 !important;
}
.collapse-cutoms .panel-group {
margin-bottom: 0;
}
.collapse-cutoms .panel-group .panel {
background-color: #fff;
border-radius: 0;
border-color: #f2f2f2;
}
.collapse-cutoms .panel-group .panel p {
color: #808080;
line-height: 1.7;
letter-spacing: 1px;
margin-bottom: 0;
padding: 20px;
}
.collapse-cutoms .panel-group .panel .panel-heading {
background-color: #f39c12;
border-radius: 0;
height: 60px;
}
.collapse-cutoms .panel-group .panel .panel-heading .panel-title {
margin-top: 5px;
}
.collapse-cutoms .panel-group .panel .panel-heading .panel-title span {
color: #fff;
margin-top: 2px;
font-weight: 700;
margin-right: 20px;
}
.collapse-cutoms .panel-group .panel .panel-heading a {
padding: 15px 15px;
display: block;
color: #333;
}
.collapse-cutoms .panel-group .panel .panel-heading a:hover,
.collapse-cutoms .panel-group .panel .panel-heading a:active,
.collapse-cutoms .panel-group .panel .panel-heading a:visited,
.collapse-cutoms .panel-group .panel .panel-heading a:link {
text-decoration: none;
}
.collapse-cutoms .panel-group .panel .panel-heading a {
span
transition: 0.4s all;
margin-right: 20px;
}
.collapse-cutoms .panel-group .panel .panel-heading a.collapsed span {
transform: rotate(180deg);
}
.collapse-cutoms .panel-group .p-ic .panel-body {
border-top-color: #f2f2f2 !important;
background-color: #fff;
}
.collapse-cutoms .panel-group h4 {
color: #fff;
font-weight: 600;
letter-spacing: 1px;
}
.collapse-cutoms .panel-heading {
padding: 0;
}
.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;
line-height: 25px;
letter-spacing: 1.4px;
margin-bottom: 0;
}
.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: #f39c12;
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: #f39c12;
}
.tab2 .nav-tabs > li > a.active {
border-color: #f39c12;
}
.tab2 .nav-tabs > li.active > a,
.tab2 .nav-tabs > li.active > a:focus {
cursor: default;
background-color: transparent !important;
border: 1px solid transparent;
color: #f39c12;
cursor: pointer;
border-bottom-color: #f39c12;
}
.tab2 .tab-status {
border-left: 1px solid #f39c12;
border-right: 1px solid #f39c12;
border-radius: 5px 5px 5px 5px;
padding: 20px;
}
.tab2 .tab-status h4 {
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.tab2 .tab-status p {
font-size: 15px;
line-height: 25px;
letter-spacing: 1.4px;
margin-bottom: 13px;
}
.tab2 .nav-tabs {
border-bottom: none;
}
#typo {
padding: 0 10px;
}
#typo h4 {
color: #333;
font-weight: 700;
font-size: 22px;
}
#typo p {
color: #4d4d4d;
font-weight: 300;
letter-spacing: 1px;
font-size: 16px;
line-height: 28px;
}
#about {
position: relative;
background-color: #ddd;
}
#about::after {
content: '';
display: block;
position: absolute;
width: 20px;
background-color: #fff;
height: 60px;
left: 48.9%;
bottom: -5px;
z-index: 5;
}
#about .heading-cntr {
position: relative;
padding: 20px;
margin-top: 22px;
background-color: #fff;
}
#about .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 72px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -72px;
transform: translateX(-10px);
}
#about .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 82px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -82px;
transform: translateX(-10px);
}
#about .m-para {
position: relative;
text-align: center;
background-color: #fff;
padding: 20px;
border-radius: 3px;
margin-top: 50px;
}
#about .m-para::after,
#about .m-para::before {
content: '';
display: block;
position: absolute;
width: 10px;
top: -125px;
background-color: #fff;
height: 150px;
left: 40%;
transform: rotate(40deg);
}
#about .m-para::after {
transform: rotate(-40deg);
left: 60%;
}
#about .m-para p {
font-size: 18px;
color: #333;
letter-spacing: 1px;
text-align: center;
line-height: 30px;
}
#about .m-para p span {
color: #f39c12;
font-weight: 800;
}
@media (max-width: 769px) {
#about .m-para .btn.v-btn {
padding: 5px;
margin-top: 10px;
font-size: 14px;
}
}
#about .name p {
font-size: 40px;
color: #666;
font-style: italic;
font-weight: 100;
}
#about .designer img {
border: 10px solid #fff;
}
.hp-100 {
height: 100% !important;
}
.develop {
position: relative;
width: 100%;
border: 20px solid #fff;
border-bottom: 0;
}
.develop::before {
content: '';
position: absolute;
display: block;
width: 20px;
left: 50%;
transform: translateX(-15px);
height: 82px;
top: -82px;
background-color: #fff;
}
.develop::after {
content: '';
position: absolute;
display: block;
width: 20px;
left: 50%;
transform: translateX(-15px);
height: 82px;
background-color: #fff;
z-index: 10;
}
.develop .developer-img {
position: relative;
background: url("../img/sparrow/slider/bg-client.jpg") center center;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
height: 350px !important;
width: 100% !important;
text-align: center;
}
.develop .developer-img .overlay {
padding: 20px;
height: 100% !important;
background-color: rgba(0,0,0,0.8);
}
.develop .developer-img .overlay p {
color: #fff;
margin-bottom: 0;
font-size: 23px;
letter-spacing: 1px;
font-weight: 100;
line-height: 120%;
}
#skills,
#awards {
position: relative;
background-color: #ddd;
padding-bottom: 50px;
}
#skills .bars,
#awards .bars {
position: relative;
background-color: #fff;
padding: 20px;
margin-top: 20px;
}
#skills .bars::after,
#awards .bars::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
}
#skills .skills,
#awards .skills,
#skills .awards,
#awards .awards {
position: relative;
height: auto;
padding-top: 30px;
padding-bottom: 30px;
}
#skills .skills h2,
#awards .skills h2,
#skills .awards h2,
#awards .awards h2 {
color: #666;
font-size: 25px;
letter-spacing: 1px;
margin-top: 0;
font-weight: 800;
}
#skills .skills canvas,
#awards .skills canvas,
#skills .awards canvas,
#awards .awards canvas {
height: 80px;
width: 80px;
border-radius: 50%;
margin-top: 30px;
}
#skills .skills .scnd-heading-lyn,
#awards .skills .scnd-heading-lyn,
#skills .awards .scnd-heading-lyn,
#awards .awards .scnd-heading-lyn {
border-top: 1px solid #f39c12;
width: 50px;
margin: auto;
}
#skills .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#skills .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
transform: translateX(-10px);
bottom: -52px;
}
#awards {
position: relative;
}
#awards .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#awards .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -52px;
transform: translateX(-10px);
}
#awards .award-container {
position: relative;
background-color: #fff;
margin-top: 20px;
}
#awards .award-container::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -52px;
transform: translateX(-10px);
}
#awards .award-container::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -52px;
transform: translateX(-10px);
}
#awards a:hover {
text-decoration: none !important;
}
#awards a:focus {
text-decoration: none !important;
}
#bar2 {
height: 20px !important;
bacground-color: #f39c12;
}
#blog-post {
padding-top: 80px;
background-color: #ddd;
}
#blog-post .lft-icons h5 {
font-size: 30px;
margin-top: 30px;
font-weight: 900;
color: #4d4d4d;
}
#blog-post .lft-icons p {
font-size: 15px;
}
#blog-post .lft-icons .fa {
color: #4d4d4d;
font-size: 25px;
margin-bottom: 10px;
}
#blog-post .lft-icons hr {
border-color: #d9d9d9;
}
#blog-post .lft-icons-sm h5 {
font-size: 20px;
margin-top: 10px;
font-weight: 900;
color: #4d4d4d;
}
#blog-post .lft-icons-sm p {
font-size: 14px;
}
#blog-post .lft-icons-sm .fa {
color: #4d4d4d;
font-size: 20px;
margin-bottom: 10px;
}
#blog-post .lft-icons-sm hr {
border-color: #d9d9d9;
}
#blog-post .blog-lft-sec {
background-color: #fff;
padding-bottom: 20px;
margin-bottom: 50px;
}
#blog-post .blog-lft-sec .blog-image img {
width: 100%;
}
#blog-post .blog-lft-sec:hover .img-overlay {
opacity: 2;
z-index: 2;
}
#blog-post .blog-lft-sec .b-l-content-sm {
padding: 5px;
}
#blog-post .blog-lft-sec .b-l-content-sm a {
text-decoration: none;
}
#blog-post .blog-lft-sec .b-l-content-sm a h2 {
font-size: 20px;
margin-top: 0;
font-weight: 800;
letter-spacing: 1px;
color: #333;
}
#blog-post .blog-lft-sec .b-l-content-sm a:hover {
text-decoration: none;
}
#blog-post .blog-lft-sec .b-l-content-sm .aurthor {
position: relative;
color: #808080;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
}
#blog-post .blog-lft-sec .b-l-content-sm .aurthor a {
color: #f39c12;
text-decoration: none;
font-size: 16px;
font-weight: 400;
}
#blog-post .blog-lft-sec .b-l-content {
position: relative;
padding: 30px;
}
#blog-post .blog-lft-sec .b-l-content a {
text-decoration: none;
}
#blog-post .blog-lft-sec .b-l-content a h2 {
font-size: 25px;
margin-top: 0;
font-weight: 800;
letter-spacing: 1px;
color: #333;
}
#blog-post .blog-lft-sec .b-l-content a:hover {
text-decoration: none;
}
#blog-post .blog-lft-sec .b-l-content .quotes {
position: absolute;
margin-top: 10px;
}
#blog-post .blog-lft-sec .b-l-content .quotes .fa {
color: #f39c12;
font-size: 28px;
}
#blog-post .blog-lft-sec .b-l-content .blog-cntr-para {
background-color: #f7f7f7;
border-left: 3px solid #f39c12;
padding: 20px;
margin-left: 35px;
}
#blog-post .blog-lft-sec .b-l-content .blog-cntr-para p {
font-style: italic;
letter-spacing: 1px;
font-size: 18px;
font-weight: 400;
line-height: 28px;
margin-bottom: 0;
}
@media (max-width: 767px) {
#blog-post .blog-lft-sec .b-l-content .blog-cntr-para {
margin-left: 20px !important;
padding: 10px !important;
}
#blog-post .blog-lft-sec .b-l-content .blog-cntr-para p {
font-size: 16px !important;
margin-bottom: 0;
}
}
#blog-post .blog-lft-sec .b-l-content .main-para p {
line-height: 25px;
letter-spacing: 1.5px;
}
#blog-post .blog-lft-sec .b-l-content .aurthor {
position: relative;
color: #808080;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
}
#blog-post .blog-lft-sec .b-l-content .aurthor a {
color: #f39c12;
text-decoration: none;
font-size: 16px;
font-weight: 400;
}
#blog-post .blog-lft-sec .b-l-content .quote {
padding-top: 20px;
padding-bottom: 20px;
}
#blog-post .blog-lft-sec .b-l-content .quote i {
font-size: 25px;
}
#blog-post .blog-lft-sec .b-l-content .quote p {
font-size: 25px;
font-weight: 300;
letter-spacing: 1px;
}
#blog-post .blog-lft-sec .blog-aurthor {
padding-bottom: 20px;
}
#blog-post .blog-lft-sec .blog-aurthor .hr-line {
border-bottom: 1px solid #e6e6e6;
width: 95%;
margin: auto;
}
#blog-post .blog-lft-sec .blog-aurthor ul {
list-style-type: none;
padding-left: 25px;
margin-top: 10px;
}
#blog-post .blog-lft-sec .blog-aurthor ul li {
display: inline-block;
border-right: 1px solid #808080;
margin-right: 5px;
padding-right: 8px;
color: #4d4d4d;
font-size: 14px;
letter-spacing: 1px;
}
#blog-post .blog-lft-sec .blog-aurthor ul li span {
color: #808080;
letter-spacing: 200;
font-size: 13px;
letter-spacing: 1.5px;
text-transform: uppercase;
}
#blog-post .blog-lft-sec .share {
background-color: #f7f7f7;
padding: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}
#blog-post .blog-lft-sec .share p {
display: inline-block;
color: #666;
font-size: 18px;
letter-spacing: 1px;
margin-bottom: 10px;
}
#blog-post .blog-lft-sec .share .share-icons {
display: inline-block;
padding-bottom: 10px;
margin-top: 0;
}
@media (max-width: 767px) {
#blog-post .blog-lft-sec .share {
padding-bottom: 35px;
}
#blog-post .blog-lft-sec .share p {
font-size: 16px;
margin-bottom: 10px;
}
#blog-post .blog-lft-sec .share .share-icons {
padding-bottom: 0;
margin-top: -10px;
}
}
#blog-post .blog-lft-sec .about-aurthor {
position: relative;
background-color: #fff !important;
padding: 20px;
}
#blog-post .blog-lft-sec .about-aurthor .aurthor-img {
display: inline-block;
}
#blog-post .blog-lft-sec .about-aurthor .aurthor-img img {
display: inline-block;
margin-top: 10px;
}
#blog-post .blog-lft-sec .about-aurthor .description {
display: inline-block;
}
#blog-post .blog-lft-sec .about-aurthor .description h4 {
color: #4d4d4d;
font-weight: 600;
font-size: 22px;
letter-spacing: 1px;
}
#blog-post .blog-lft-sec .about-aurthor .description p {
display: inline-block;
letter-spacing: 1px;
color: #666;
line-height: 25px;
font-weight: 300;
}
#blog-post .blog-lft-sec .c-lyn {
border-bottom: 1px solid #e6e6e6;
}
#blog-post .blog-lft-sec .blog-comments {
position: relative;
padding: 20px;
}
#blog-post .blog-lft-sec .blog-comments h2 {
font-weight: 700;
color: #666;
letter-spacing: 1.4px;
text-transform: uppercase;
}
#blog-post .blog-lft-sec .blog-comments .media li {
list-style-type: none;
margin-top: 20px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-left img {
height: 80px;
width: 80px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body {
padding-left: 10px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body .media-heading h4 {
margin-top: 5px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 5px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body .media-heading .c-date p {
color: #808080;
font-weight: 300;
font-size: 16px;
font-style: italic;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body .media-heading p {
line-height: 25px;
letter-spacing: 1px;
font-weight: 300;
}
#blog-post .blog-lft-sec .blog-comments .media li li {
list-style-type: none;
margin-top: 10px;
margin-left: 30px;
}
#blog-post .blog-lft-sec .blog-comments .media li li .media-left img {
height: 70px;
width: 70px;
}
#blog-post .blog-lft-sec .blog-comments .media li li .media-body {
padding-left: 10px;
}
#blog-post .blog-lft-sec .blog-comments .media li li .media-body .media-heading h5 {
margin-top: 5px;
font-weight: 600;
letter-spacing: 1px;
}
@media (max-width: 767px) {
#blog-post .blog-lft-sec .blog-comments {
padding: 5px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
#blog-post .blog-lft-sec .blog-comments .media {
padding-left: 5px;
}
#blog-post .blog-lft-sec .blog-comments .media li {
margin-top: 10px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-left img {
height: 60px;
width: 60px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body {
padding-left: 10px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body .media-heading h4 {
margin-top: 5px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 5px;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body .media-heading .c-date p {
color: #808080;
font-weight: 300;
font-size: 14px;
font-style: italic;
}
#blog-post .blog-lft-sec .blog-comments .media li .media-body .media-heading p {
line-height: 20px;
letter-spacing: 1px;
font-weight: 300;
text-transform: lowercase;
}
#blog-post .blog-lft-sec .blog-comments .media li li {
list-style-type: none;
margin-top: 10px;
margin-left: 10px;
}
#blog-post .blog-lft-sec .blog-comments .media li li .media-left img {
height: 50px;
width: 50px;
}
#blog-post .blog-lft-sec .blog-comments .media li li .media-body {
padding-left: 10px;
}
#blog-post .blog-lft-sec .blog-comments .media li li .media-body .media-heading h5 {
margin-top: 5px;
font-weight: 600;
letter-spacing
}
}
#blog-post .blog-lft-sec .message {
padding: 25px;
}
#blog-post .blog-lft-sec .message h2 {
text-transform: uppercase;
color: #666;
letter-spacing: 0.5px;
}
#blog-post .blog-lft-sec .message form .form-group input {
padding: 15px;
width: 90%;
margin: auto;
margin-top: 20px;
border: 2px solid #e6e6e6;
font-size: 16px;
letter-spacing: 1px;
transition: 0.5s all;
}
#blog-post .blog-lft-sec .message form .form-group input:hover,
#blog-post .blog-lft-sec .message form .form-group input:focus {
outline: none;
border-color: #4d4d4d;
}
#blog-post .blog-lft-sec .message form .form-group input::-webkit-input-placeholder {
color: #808080;
}
#blog-post .blog-lft-sec .message form .form-group textarea {
padding: 15px;
width: 90%;
margin-top: 20px;
border: 2px solid #e6e6e6;
font-size: 16px;
letter-spacing: 1px;
transition: 0.5s all;
}
#blog-post .blog-lft-sec .message form .form-group textarea:hover,
#blog-post .blog-lft-sec .message form .form-group textarea:focus {
outline: none;
border-color: #4d4d4d;
}
#blog-post .blog-lft-sec .message form .form-group textarea::-webkit-input-placeholder {
color: #808080;
}
#blog-post .blog-ryt-sec {
position: relative;
}
#blog-post .blog-ryt-sec .m-p-blog {
position: relative;
}
#blog-post .blog-ryt-sec .m-p-blog .img-overlay {
transition: 0.9s all;
position: absolute;
top: 0;
overflow: hidden;
padding: 50px 80px;
text-align: center;
opacity: 2;
z-index: 2;
}
#blog-post .blog-ryt-sec .m-p-blog .img-overlay h4 {
font-weight: 600;
color: #fff;
letter-spacing: 1px;
line-height: 28px;
}
#blog-post .blog-ryt-sec .m-p-blog img {
width: 100%;
}
#blog-post .blog-ryt-sec .m-p-blog:before {
content: '';
position: absolute;
z-index: 2;
height: 85%;
width: 80%;
top: 7%;
left: 10%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
transition: 0.5s all ease-in-out;
}
@media (max-width: 767px) {
#blog-post .blog-ryt-sec .m-p-blog .img-overlay {
transition: 0.9s all;
position: absolute;
top: 8%;
overflow: hidden;
padding: 40px 80px;
text-align: center;
opacity: 2;
z-index: 2;
}
#blog-post .blog-ryt-sec .m-p-blog .img-overlay h4 {
font-weight: 500;
color: #fff;
letter-spacing: 1px;
line-height: 28px;
margin-bottom: 0;
}
#blog-post .blog-ryt-sec .m-p-blog img {
width: 100%;
}
#blog-post .blog-ryt-sec .m-p-blog:before {
content: '';
position: absolute;
z-index: 2;
height: 85%;
width: 80%;
top: 7%;
left: 10%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
transition: 0.5s all ease-in-out;
}
}
#blog-post .blog-ryt-sec .m-p-blog:hover:before {
background-color: rgba(0,0,0,0.7);
}
#blog-post .blog-ryt-sec .categories,
#blog-post .blog-ryt-sec .top-posts,
#blog-post .blog-ryt-sec .about-us,
#blog-post .blog-ryt-sec .archives,
#blog-post .blog-ryt-sec .tags {
position: relative;
background-color: #fff;
padding: 20px;
margin-bottom: 50px;
border-bottom: 3px solid #fcfcfc;
transition: 0.5s all;
}
#blog-post .blog-ryt-sec .categories:hover,
#blog-post .blog-ryt-sec .top-posts:hover,
#blog-post .blog-ryt-sec .about-us:hover,
#blog-post .blog-ryt-sec .archives:hover,
#blog-post .blog-ryt-sec .tags:hover {
border-color: #e6e6e6;
}
#blog-post .blog-ryt-sec .categories::before,
#blog-post .blog-ryt-sec .top-posts::before,
#blog-post .blog-ryt-sec .about-us::before,
#blog-post .blog-ryt-sec .archives::before,
#blog-post .blog-ryt-sec .tags::before {
content: '';
position: absolute;
display: block;
height: 50px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -50px;
transform: translateX(-10px);
}
#blog-post .blog-ryt-sec .categories h3,
#blog-post .blog-ryt-sec .top-posts h3,
#blog-post .blog-ryt-sec .about-us h3,
#blog-post .blog-ryt-sec .archives h3,
#blog-post .blog-ryt-sec .tags h3 {
color: #333;
letter-spacing: 1.5px;
font-weight: 800;
margin-top: 10px;
text-transform: uppercase;
}
#blog-post .blog-ryt-sec .categories .c-h-lyn,
#blog-post .blog-ryt-sec .top-posts .c-h-lyn,
#blog-post .blog-ryt-sec .about-us .c-h-lyn,
#blog-post .blog-ryt-sec .archives .c-h-lyn,
#blog-post .blog-ryt-sec .tags .c-h-lyn {
position: relative;
border-bottom: 1px solid #b3b3b3;
width: 50px;
margin-bottom: 20px;
}
#blog-post .blog-ryt-sec .categories .c-items,
#blog-post .blog-ryt-sec .top-posts .c-items,
#blog-post .blog-ryt-sec .about-us .c-items,
#blog-post .blog-ryt-sec .archives .c-items,
#blog-post .blog-ryt-sec .tags .c-items {
position: relative;
list-style-type: none;
padding-left: 0;
}
#blog-post .blog-ryt-sec .categories .c-items li a,
#blog-post .blog-ryt-sec .top-posts .c-items li a,
#blog-post .blog-ryt-sec .about-us .c-items li a,
#blog-post .blog-ryt-sec .archives .c-items li a,
#blog-post .blog-ryt-sec .tags .c-items li a {
color: #666;
letter-spacing: 1px;
font-weight: 600;
text-align: left;
text-decoration: none;
line-height: 30px;
padding-left: 0;
transition: 0.6s all ease-in-out;
}
#blog-post .blog-ryt-sec .categories .c-items li a i,
#blog-post .blog-ryt-sec .top-posts .c-items li a i,
#blog-post .blog-ryt-sec .about-us .c-items li a i,
#blog-post .blog-ryt-sec .archives .c-items li a i,
#blog-post .blog-ryt-sec .tags .c-items li a i {
font-size: 18px;
color: #666;
}
#blog-post .blog-ryt-sec .categories .c-items li a:hover,
#blog-post .blog-ryt-sec .top-posts .c-items li a:hover,
#blog-post .blog-ryt-sec .about-us .c-items li a:hover,
#blog-post .blog-ryt-sec .archives .c-items li a:hover,
#blog-post .blog-ryt-sec .tags .c-items li a:hover {
color: #f39c12;
padding-left: 10px;
}
#blog-post .blog-ryt-sec .categories .main-para,
#blog-post .blog-ryt-sec .top-posts .main-para,
#blog-post .blog-ryt-sec .about-us .main-para,
#blog-post .blog-ryt-sec .archives .main-para,
#blog-post .blog-ryt-sec .tags .main-para {
position: relative;
line-height: 25px;
}
#blog-post .blog-ryt-sec .top-posts {
position: relative;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items {
list-style-type: none;
padding-left: 0;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items img {
height: 80px;
width: 120px;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items .media-body a {
text-decoration: none;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items .media-body a h4 {
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
color: #f39c12;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items .media-body .date p {
color: #808080;
font-size: 18px;
word-spacing: 10px;
}
@media (max-width: 767px) {
#blog-post .blog-ryt-sec .top-posts .t-p-items img {
height: 60px;
width: 80px;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items .media-body a h4 {
font-size: 15px;
}
#blog-post .blog-ryt-sec .top-posts .t-p-items .media-body .date p {
font-size: 14px;
}
}
#blog-post .blog-ryt-sec .tags {
position: relative;
}
#blog-post .blog-ryt-sec .tags .tag-items {
list-style-type: none;
padding-left: 0;
}
#blog-post .blog-ryt-sec .tags .tag-items li {
text-align: center;
background-color: #f39c12;
border: 1px solid #f39c12;
display: inline-block;
padding: 10px;
margin-bottom: 5px;
width: 100%;
transition: 0.5s all;
}
#blog-post .blog-ryt-sec .tags .tag-items li a {
color: #fff;
text-decoration: none;
}
#blog-post .blog-ryt-sec .tags .tag-items li:hover {
background-color: transparent;
}
#blog-post .blog-ryt-sec .tags .tag-items li:hover a {
color: #f39c12;
}
#blog-post .blog-ryt-sec .tags::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
cursor: pointer;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
.related {
position: relative;
padding-top: 30px;
background-color: #ddd;
padding: 50px;
border-top: 20px solid #fff;
}
.related .heading-cntr {
position: relative;
padding: 30px 0;
background-color: #fff;
margin-top: 0;
}
.related .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
.related .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
}
.related .r-owl-posts {
position: relative;
background-color: #fff;
padding: 50px 30px;
margin-top: 20px;
margin-right: 0;
}
.related .r-owl-posts::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
}
.related .r-owl-posts #owl-posts .owl-carousel {
margin-right: 0 !important;
}
.related .r-owl-posts #owl-posts .related-post {
position: relative;
background-color: #e6e6e6;
padding-bottom: 20px;
}
.related .r-owl-posts #owl-posts .related-post .post-type-image {
transition: 0.3s all ease-in-out;
opacity: 1;
}
.related .r-owl-posts #owl-posts .related-post .post-type-image:hover {
opacity: 0.7;
}
.related .r-owl-posts #owl-posts .related-post .post-heading a {
text-decoration: none;
}
.related .r-owl-posts #owl-posts .related-post .post-heading a h3 {
color: #4d4d4d;
letter-spacing: 1px;
font-weight: 800;
margin-top: 10px;
transition: 0.3s all;
}
@media (max-width: 767px) {
.related .r-owl-posts #owl-posts .related-post .post-heading a h3 {
font-weight: 600;
}
}
.related .r-owl-posts #owl-posts .related-post .post-heading a h3:hover {
color: #f39c12;
}
.related .r-owl-posts #owl-posts .related-post .post-date p {
font-size: 16px;
font-style: italic;
font-weight: 300;
color: #666;
letter-spacing: 1px;
}
#blog_slider {
background-color: #ddd;
padding: 10px 0;
}
#blog_slider .row {
margin: 0 !important;
}
#blog_slider .owl-theme .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 0;
top: 43%;
}
#blog_slider .owl-theme .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0;
top: 43%;
}
#blog_slider .owl-theme .owl-controls .owl-buttons div {
height: 80px;
width: 40px;
text-align: center;
background-color: #f2f2f2 !important;
color: #000;
line-height: 80px;
opacity: 1;
}
#blog_slider .owl-theme .owl-controls .owl-buttons div:hover {
transition: 0.4s all;
background-color: #fff;
}
#blog-page {
padding-top: 80px;
background-color: #ddd;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
}
#blog-page .lft-icons h5 {
font-size: 30px;
margin-top: 30px;
font-weight: 900;
color: #4d4d4d;
}
@media (max-width: 767px) {
#blog-page .lft-icons h5 {
font-size: 23px !important;
}
}
#blog-page .lft-icons p {
font-size: 15px;
}
@media (max-width: 767px) {
#blog-page .lft-icons p {
font-size: 12px;
}
}
#blog-page .lft-icons .fa {
color: #4d4d4d;
font-size: 25px;
margin-bottom: 10px;
}
#blog-page .lft-icons hr {
border-color: #d9d9d9;
}
#blog-page .lft-icons-sm h5 {
font-size: 20px;
margin-top: 10px;
font-weight: 900;
color: #4d4d4d;
}
@media (max-width: 767px) {
#blog-page .lft-icons-sm h5 {
font-size: 18px !important;
}
}
#blog-page .lft-icons-sm p {
font-size: 14px;
}
@media (max-width: 767px) {
#blog-page .lft-icons-sm p {
font-size: 12px;
}
}
#blog-page .lft-icons-sm .fa {
color: #4d4d4d;
font-size: 20px;
margin-bottom: 10px;
}
#blog-page .lft-icons-sm hr {
border-color: #d9d9d9;
}
#blog-page .blog-lft-sec {
background-color: #fff;
margin-bottom: 80px;
}
#blog-page .blog-lft-sec .blog-image {
position: relative;
}
#blog-page .blog-lft-sec .blog-image a img {
width: 100%;
}
#blog-page .blog-lft-sec .blog-image .overlays {
position: absolute;
left: 0;
top: 0;
background: url("../img/slider/subtle-dots.png");
background-color: rgba(0,0,0,0.4);
height: 100%;
width: 100%;
}
#blog-page .blog-lft-sec:hover .img-overlay {
z-index: 2;
}
#blog-page .blog-lft-sec .b-l-content-sm {
padding: 5px;
}
#blog-page .blog-lft-sec .b-l-content-sm a {
text-decoration: none;
}
#blog-page .blog-lft-sec .b-l-content-sm a h2 {
font-size: 20px;
margin-top: 0;
font-weight: 800;
letter-spacing: 1px;
color: #333;
}
#blog-page .blog-lft-sec .b-l-content-sm a:hover {
text-decoration: none;
}
#blog-page .blog-lft-sec .b-l-content-sm .aurthor {
position: relative;
color: #808080;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
}
#blog-page .blog-lft-sec .b-l-content-sm .aurthor a {
color: #f39c12;
text-decoration: none;
font-size: 16px;
font-weight: 400;
}
#blog-page .blog-lft-sec .b-l-content {
padding: 30px;
}
#blog-page .blog-lft-sec .b-l-content a {
text-decoration: none;
}
#blog-page .blog-lft-sec .b-l-content a h2 {
font-size: 25px;
margin-top: 0;
font-weight: 800;
letter-spacing: 1px;
color: #333;
}
#blog-page .blog-lft-sec .b-l-content a:hover {
text-decoration: none;
}
#blog-page .blog-lft-sec .b-l-content .aurthor {
position: relative;
color: #808080;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
}
#blog-page .blog-lft-sec .b-l-content .aurthor a {
color: #f39c12;
text-decoration: none;
font-size: 16px;
font-weight: 400;
}
#blog-page .blog-lft-sec .b-l-content .quote {
padding-top: 20px;
padding-bottom: 20px;
}
#blog-page .blog-lft-sec .b-l-content .quote i {
font-size: 25px;
}
#blog-page .blog-lft-sec .b-l-content .quote p {
font-size: 25px;
font-weight: 300;
letter-spacing: 1px;
}
#blog-page .blog-lft-sec {
border-bottom: 3px solid transparent;
transition: 0.5s all ease-in-out;
}
#blog-page .blog-lft-sec:hover {
border-bottom: 3px solid #f39c12;
}
#blog-page .blog-lft-sec:hover .overlay {
background-color: rgba(0,0,0,0.6);
height: 100%;
z-index: 5;
}
#blog-page .blog-ryt-sec .m-p-blog .img-overlay {
transition: 0.9s all;
position: absolute;
top: 0;
overflow: hidden;
padding: 50px 80px;
text-align: center;
opacity: 2;
z-index: 2;
}
#blog-page .blog-ryt-sec .m-p-blog .img-overlay h4 {
font-weight: 600;
color: #fff;
letter-spacing: 1px;
line-height: 28px;
}
#blog-page .blog-ryt-sec .m-p-blog img {
width: 100%;
}
#blog-page .blog-ryt-sec .m-p-blog:before {
content: '';
position: absolute;
z-index: 2;
height: 85%;
width: 80%;
top: 7%;
left: 10%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
transition: 0.5s all ease-in-out;
}
#blog-page .blog-ryt-sec .m-p-blog:hover:before {
background-color: rgba(0,0,0,0.7);
}
@media (max-width: 767px) {
#blog-page .blog-ryt-sec .m-p-blog .img-overlay h4 {
font-weight: 800 !important;
letter-spacing: 1.4px !important;
margin-top: 150px !important;
}
}
#blog-page .blog-ryt-sec .social-tabs {
background-color: #fff;
padding: 20px 10px;
margin-bottom: 50px;
border-bottom: 3px solid #fcfcfc;
transition: 0.5s all;
}
#blog-page .blog-ryt-sec .social-tabs:hover {
border-color: #e6e6e6;
}
#blog-page .blog-ryt-sec .social-tabs::before {
content: '';
position: absolute;
display: block;
height: 50px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -50px;
transform: translateX(-10px);
}
#blog-page .blog-ryt-sec .social-tabs .fb-btn,
#blog-page .blog-ryt-sec .social-tabs .twitter-btn,
#blog-page .blog-ryt-sec .social-tabs .instagram-btn,
#blog-page .blog-ryt-sec .social-tabs .utube-btn {
background-color: #3b5998;
padding: 10px 0;
border-radius: 0;
width: 100%;
color: #fff;
margin-bottom: 5px;
font-size: 16px;
letter-spacing: 0.9px;
font-weight: 400;
transition: 0.5s all ease-in-out;
}
#blog-page .blog-ryt-sec .social-tabs .fb-btn .fa,
#blog-page .blog-ryt-sec .social-tabs .twitter-btn .fa,
#blog-page .blog-ryt-sec .social-tabs .instagram-btn .fa,
#blog-page .blog-ryt-sec .social-tabs .utube-btn .fa {
color: #fff;
}
#blog-page .blog-ryt-sec .social-tabs .fb-btn:hover,
#blog-page .blog-ryt-sec .social-tabs .twitter-btn:hover,
#blog-page .blog-ryt-sec .social-tabs .instagram-btn:hover,
#blog-page .blog-ryt-sec .social-tabs .utube-btn:hover {
background-color: #355089;
}
#blog-page .blog-ryt-sec .social-tabs .twitter-btn {
background-color: #00aced;
}
#blog-page .blog-ryt-sec .social-tabs .twitter-btn:hover {
background-color: #009bd5;
}
#blog-page .blog-ryt-sec .social-tabs .instagram-btn {
background-color: #966842;
}
#blog-page .blog-ryt-sec .social-tabs .instagram-btn:hover {
background-color: #875e3b;
}
#blog-page .blog-ryt-sec .social-tabs .utube-btn {
background-color: #e62117;
}
#blog-page .blog-ryt-sec .social-tabs .utube-btn:hover {
background-color: #cf1e15;
}
#blog-page .blog-ryt-sec .categories,
#blog-page .blog-ryt-sec .top-posts,
#blog-page .blog-ryt-sec .about-us,
#blog-page .blog-ryt-sec .archives,
#blog-page .blog-ryt-sec .tags {
background-color: #fff;
padding: 20px;
margin-bottom: 50px;
border-bottom: 3px solid #fcfcfc;
transition: 0.5s all;
}
#blog-page .blog-ryt-sec .categories:hover,
#blog-page .blog-ryt-sec .top-posts:hover,
#blog-page .blog-ryt-sec .about-us:hover,
#blog-page .blog-ryt-sec .archives:hover,
#blog-page .blog-ryt-sec .tags:hover {
border-color: #e6e6e6;
}
#blog-page .blog-ryt-sec .categories::before,
#blog-page .blog-ryt-sec .top-posts::before,
#blog-page .blog-ryt-sec .about-us::before,
#blog-page .blog-ryt-sec .archives::before,
#blog-page .blog-ryt-sec .tags::before {
content: '';
position: absolute;
display: block;
height: 50px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -50px;
transform: translateX(-10px);
}
#blog-page .blog-ryt-sec .categories h3,
#blog-page .blog-ryt-sec .top-posts h3,
#blog-page .blog-ryt-sec .about-us h3,
#blog-page .blog-ryt-sec .archives h3,
#blog-page .blog-ryt-sec .tags h3 {
color: #333;
letter-spacing: 1.5px;
font-weight: 800;
margin-top: 10px;
text-transform: uppercase;
}
#blog-page .blog-ryt-sec .categories .c-h-lyn,
#blog-page .blog-ryt-sec .top-posts .c-h-lyn,
#blog-page .blog-ryt-sec .about-us .c-h-lyn,
#blog-page .blog-ryt-sec .archives .c-h-lyn,
#blog-page .blog-ryt-sec .tags .c-h-lyn {
border-bottom: 1px solid #b3b3b3;
width: 50px;
margin-bottom: 20px;
}
#blog-page .blog-ryt-sec .categories .c-items,
#blog-page .blog-ryt-sec .top-posts .c-items,
#blog-page .blog-ryt-sec .about-us .c-items,
#blog-page .blog-ryt-sec .archives .c-items,
#blog-page .blog-ryt-sec .tags .c-items {
list-style-type: none;
padding-left: 0;
}
#blog-page .blog-ryt-sec .categories .c-items li a,
#blog-page .blog-ryt-sec .top-posts .c-items li a,
#blog-page .blog-ryt-sec .about-us .c-items li a,
#blog-page .blog-ryt-sec .archives .c-items li a,
#blog-page .blog-ryt-sec .tags .c-items li a {
color: #666;
letter-spacing: 1px;
font-weight: 600;
text-align: left;
text-decoration: none;
line-height: 30px;
padding-left: 0;
transition: 0.6s all ease-in-out;
}
#blog-page .blog-ryt-sec .categories .c-items li a i,
#blog-page .blog-ryt-sec .top-posts .c-items li a i,
#blog-page .blog-ryt-sec .about-us .c-items li a i,
#blog-page .blog-ryt-sec .archives .c-items li a i,
#blog-page .blog-ryt-sec .tags .c-items li a i {
font-size: 18px;
color: #666;
}
#blog-page .blog-ryt-sec .categories .c-items li a:hover,
#blog-page .blog-ryt-sec .top-posts .c-items li a:hover,
#blog-page .blog-ryt-sec .about-us .c-items li a:hover,
#blog-page .blog-ryt-sec .archives .c-items li a:hover,
#blog-page .blog-ryt-sec .tags .c-items li a:hover {
color: #f39c12;
padding-left: 10px;
}
#blog-page .blog-ryt-sec .categories .main-para,
#blog-page .blog-ryt-sec .top-posts .main-para,
#blog-page .blog-ryt-sec .about-us .main-para,
#blog-page .blog-ryt-sec .archives .main-para,
#blog-page .blog-ryt-sec .tags .main-para {
line-height: 25px;
}
#blog-page .blog-ryt-sec .top-posts .t-p-items {
list-style-type: none;
padding-left: 0;
}
#blog-page .blog-ryt-sec .top-posts .t-p-items img {
height: 80px;
width: 120px;
}
#blog-page .blog-ryt-sec .top-posts .t-p-items .media-body a {
text-decoration: none;
}
#blog-page .blog-ryt-sec .top-posts .t-p-items .media-body a h4 {
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
line-height: 20px;
color: #f39c12;
}
#blog-page .blog-ryt-sec .top-posts .t-p-items .media-body .date p {
color: #808080;
font-size: 18px;
word-spacing: 10px;
}
#blog-page .blog-ryt-sec .tags .tag-items {
list-style-type: none;
padding-left: 0;
}
#blog-page .blog-ryt-sec .tags .tag-items li {
text-align: center;
background-color: #f39c12;
border: 1px solid #f39c12;
display: inline-block;
padding: 10px;
margin-bottom: 5px;
width: 100%;
transition: 0.5s all;
}
#blog-page .blog-ryt-sec .tags .tag-items li a {
color: #fff;
text-decoration: none;
}
#blog-page .blog-ryt-sec .tags .tag-items li:hover {
background-color: transparent;
}
#blog-page .blog-ryt-sec .tags .tag-items li:hover a {
color: #f39c12;
}
#blog-page .blog-ryt-sec .tags::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
cursor: pointer;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
#grid {
position: relative;
background-color: #ddd;
}
#grid .b-grid {
position: relative;
}
#grid .b-grid .r-p-box {
background-color: #fff;
padding-bottom: 20px;
margin-bottom: 30px;
}
#grid .b-grid .r-p-box .b-l-content {
position: relative;
}
#grid .b-grid .r-p-box .b-l-content a {
text-decoration: none;
}
#grid .b-grid .r-p-box .b-l-content a h3 {
color: #333;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: 800;
}
#grid .b-grid .r-p-box .b-l-content a:hover {
text-decoration: none;
}
#grid .b-grid .r-p-box .b-l-content p {
color: #333;
font-weight: 300;
}
#grid .b-btm-image {
position: relative;
}
#grid .b-btm-image .img-overlay {
transition: 0.9s all;
position: absolute;
top: 25%;
overflow: hidden;
padding: 80px;
text-align: center;
opacity: 2;
z-index: 2;
}
#grid .b-btm-image .img-overlay h2 {
font-weight: 600;
color: #fff;
letter-spacing: 1px;
line-height: 28px;
}
#grid .b-btm-image img {
width: 100%;
}
#grid .b-btm-image .img-o-lays {
position: absolute;
background: url("../img/slider/subtle-dots.png");
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#grid .b-btm-image:before {
content: '';
position: absolute;
z-index: 2;
height: 85%;
width: 80%;
top: 7%;
left: 10%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
transition: 0.5s all ease-in-out;
}
#grid .b-btm-image:hover:before {
background-color: rgba(0,0,0,0.7);
}
@media (max-width: 767px) {
#grid .b-btm-image .img-overlay {
top: 50%;
}
#grid .b-btm-image .img-overlay h2 {
margin-top: 150px !important;
font-weight: 800 !important;
letter-spacing: 1.4px !important;
font-size: 20px !important;
}
#grid .b-btm-image:before {
top: 50%;
}
}
#subs {
position: relative;
background-color: #ddd;
border-top: 20px solid #fff;
padding-top: 50px;
}
#subs .subs-border {
position: relative;
border: 20px solid #fff;
padding: 50px;
margin-bottom: 50px;
}
#subs .subs-border::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -72px;
transform: translateX(-10px);
}
#subs .subs-border::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -72px;
transform: translateX(-10px);
}
#subs .subs-border .subs-i-sec {
position: relative;
background-color: #fff;
padding: 20px;
}
#subs .subs-border .subs-i-sec .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
margin-top: 23px;
}
#subs .subs-border .subs-i-sec .heading-cntr::before {
display: none !important;
}
#subs .subs-border .subs-i-sec .heading-cntr::after {
display: none;
}
#subs .container-fluid {
border-top: 20px solid #fff;
}
#subs .input-group {
width: 100%;
}
#subs .input-group input {
border-radius: 0;
border: 1px solid #999;
width: 100%;
padding: 30px;
text-align: center;
color: #999;
letter-spacing: 1.5px;
}
#subs .input-group input:focus {
outline: none;
}
#subs .social-ribbon {
background-color: #f39c12;
border-right: 1px solid #fff;
height: auto;
}
#subs .social-ribbon a {
text-decoration: none;
}
#subs .social-ribbon a p {
display: inline-block;
padding-top: 30px;
padding-bottom: 30px;
background-color: transparent;
color: #fff;
letter-spacing: 1px;
margin: 0;
text-transform: capitalize;
}
#subs .social-ribbon a p span {
color: #fff;
}
#subs .social-ribbon a:hover {
text-decoration: none;
}
#subs .footer-img-grid {
overflow: hidden;
transition: 0.5s all ease-in-out;
opacity: 1;
}
#subs .footer-img-grid:hover {
opacity: 0.6;
}
@media (max-width: 767px) {
#grid .b-btm-image .img-overlay {
transition: 0.9s all;
position: absolute;
top: 0;
overflow: hidden;
letter-spacing: 1px;
color: #fff;
padding: 8px 50px;
text-align: center;
opacity: 2;
z-index: 2;
}
#grid .b-btm-image .img-overlay h2 {
font-weight: 500;
font-size: 16px;
margin-bottom: 0;
}
#grid .b-btm-image img {
width: 100%;
}
#grid .b-btm-image:before {
content: '';
position: absolute;
z-index: 2;
height: 85%;
width: 80%;
top: 7%;
left: 10%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
transition: 0.5s all ease-in-out;
}
#grid .b-btm-image:hover:before {
background-color: rgba(0,0,0,0.7);
}
.m-p-blog {
overflow: hidden;
}
.m-p-blog .img-overlay {
transition: 0.9s all;
position: absolute;
top: 0;
overflow: hidden;
padding: 25px 10px !important;
text-align: center;
opacity: 2;
z-index: 2;
}
.m-p-blog .img-overlay h4 {
font-weight: 400 !important;
font-size: 16px !important;
color: #fff;
letter-spacing: 1px;
line-height: 20px !important;
}
.m-p-blog img {
width: 100%;
}
.m-p-blog:before {
content: '';
position: absolute;
z-index: 2;
height: 85%;
width: 80%;
top: 7%;
left: 10%;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
transition: 0.5s all ease-in-out;
}
.m-p-blog:hover:before {
background-color: rgba(0,0,0,0.7);
}
}
#buttons {
position: relative;
background-color: #ddd;
}
#buttons .heading-cntr {
position: relative;
padding: 30px 0;
background-color: #fff;
}
#buttons .b-i-box {
position: relative;
padding: 50px 10px;
background-color: #fff;
margin: 20px 0;
}
#buttons .b-i-box::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
#buttons .b-i-box::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
z-index: 10;
}
#clients {
position: relative;
padding-bottom: 35px;
background-color: #ddd;
z-index: 0;
}
#clients .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#clients .heading-cntr::before {
display: none;
}
#clients .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -60px;
transform: translateX(-10px);
}
#clients .my-clients {
background-color: #fff;
padding: 20px;
margin-top: 20px;
}
#clients .my-clients .overlay {
text-align: center;
opacity: 0.55;
padding: 15px;
margin-bottom: 15px;
overflow: hidden;
display: block;
border: 1px solid #999;
transition: 0.3s all;
}
#clients .my-clients .overlay:hover {
opacity: 1;
}
#contact {
position: relative;
padding-bottom: 50px;
padding-top: 60px;
background-color: #ddd;
}
#contact .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#contact .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 95px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -95px;
transform: translateX(-10px);
}
#contact .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -60px;
transform: translateX(-10px);
}
#contact .contact-sec {
position: relative;
background-color: #fff;
padding: 30px;
}
#contact .contact-sec::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
}
#contact .contact-sec .cntct-img {
position: relative;
height: auto;
}
#contact .contact-sec .form {
position: relative;
background-color: #fff;
height: 493px;
}
#contact .contact-sec .form h2 {
text-transform: uppercase;
font-size: 20px;
color: #333;
font-weight: 700;
letter-spacing: 1px;
margin-top: 0 !important;
margin-bottom: 10px;
}
#contact .contact-sec .form p {
letter-spacing: 1px;
line-height: 25px;
}
#contact .contact-sec .form #myForm .form-group .help-block.with-errors {
margin-bottom: 0;
}
#contact .contact-sec .form #myForm .form-group .help-block.with-errors .list-unstyled {
margin-bottom: 0;
}
#contact .contact-sec .form #myForm .form-group input {
border-radius: 0 !important;
padding: 25px !important;
width: 100% !important;
margin-top: 15px !important;
border: 2px solid #b3b3b3;
letter-spacing: 1px;
transition: 0.5s all ease-in-out;
color: #333 !important;
}
#contact .contact-sec .form #myForm .form-group input:hover {
border: 2px solid #333;
}
#contact .contact-sec .form #myForm .form-group input:focus {
outline: none;
border: 2px solid #333;
box-shadow: none !important;
}
#contact .contact-sec .form #myForm .form-group input::-webkit-input-placeholder {
color: #808080;
}
#contact .contact-sec .form #myForm .form-group textarea {
border-radius: 0 !important;
width: 100% !important;
padding: 15px;
border: 2px solid #b3b3b3;
letter-spacing: 1px;
transition: 0.5s all ease-in-out;
color: #333 !important;
}
#contact .contact-sec .form #myForm .form-group textarea:hover {
border: 2px solid #333;
}
#contact .contact-sec .form #myForm .form-group textarea:focus {
outline: none;
border: 2px solid #333;
box-shadow: none;
}
#contact .contact-sec .form #myForm .form-group textarea::-webkit-input-placeholder {
color: #808080;
}
#contact .contact-sec .form #myForm .btn.v-btn {
background-color: #f39c12;
color: #fff;
margin-bottom: 20px;
text-transform: capitalize;
}
#contact .contact-sec .form #myForm .btn.v-btn:focus {
outline: none;
}
@media (max-width: 769px) {
#contact .contact-sec .form #myForm .btn.v-btn {
padding: 5px;
margin-top: 10px;
font-size: 15px;
}
}
#count {
position: relative;
background-color: #ddd;
height: auto;
padding: 50px 0;
border-top: 20px solid #fff;
}
#count .count-box {
position: relative;
background-color: #fff;
padding: 20px;
}
#count .count-box::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -52px;
transform: translateX(-10px);
}
#count .count-box::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -52px;
transform: translateX(-10px);
}
.footer-4 {
position: relative;
background-color: #ddd;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
}
.footer-4 .container {
position: relative;
}
.footer-4 .container::before {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -60px;
transform: translateX(-10px);
}
.footer-4 .container::after {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -60px;
transform: translateX(-10px);
}
.footer-4 .container .footer-i-sec {
position: relative;
background-color: #fff;
padding: 20px;
}
.footer-4 .container .footer-i-sec h3 {
text-transform: uppercase;
font-size: 22px;
color: #4d4d4d;
}
.footer-4 .container .footer-i-sec .logo {
height: 10px;
width: 50px;
margin-top: 8px;
margin-bottom: 40px;
}
.footer-4 .container .footer-i-sec .footer-lyn {
border: 1px dashed #666;
width: 60px;
}
.footer-4 .container .footer-i-sec .foot-para-4 {
padding: 10px 0;
}
.footer-4 .container .footer-i-sec .foot-para-4 p {
padding: 0;
color: #666;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
line-height: 25px;
margin-bottom: 0;
}
.footer-4 .container .footer-i-sec .footer-add-4 {
padding-top: 5px;
}
.footer-4 .container .footer-i-sec .footer-add-4 ul {
list-style-type: none;
padding: 0;
}
.footer-4 .container .footer-i-sec .footer-add-4 ul li p {
color: #808080;
font-size: 14px;
letter-spacing: 1px;
}
.footer-4 .container .footer-i-sec .footer-add-4 ul li p a {
color: #808080;
}
.footer-4 .container .footer-i-sec .footer-add-4 ul li p a:hover {
text-decoration: none;
color: #f39c12;
}
.footer-4 .container .footer-i-sec .foot-blog-4 ul {
padding-top: 5px;
list-style-type: square;
}
.footer-4 .container .footer-i-sec .foot-blog-4 ul li a {
color: #808080;
}
.footer-4 .container .footer-i-sec .foot-blog-4 ul li:hover a {
color: #666;
text-decoration: none;
}
.footer-4 .container .footer-i-sec .foot-gallery-4 {
padding: 20px 0;
}
.footer-4 .container .footer-i-sec .foot-gallery-4 img {
border: 2px solid transparent;
}
.footer-4 .container .footer-i-sec .foot-gallery-4 img:hover {
border: 2px solid #f39c12;
transform: scale(1.06);
transition: 0.4s all;
}
.footer-4 .container .footer-i-sec .foot-sub-4 form {
margin-top: 10px;
}
.footer-4 .container .footer-i-sec .foot-sub-4 form input {
background: transparent;
color: #4d4d4d;
border-radius: 0;
padding: 20px 10px;
}
.footer-4 .container .footer-i-sec .foot-sub-4 form input:focus,
.footer-4 .container .footer-i-sec .foot-sub-4 form input:active {
border-color: #666;
outline-color: none;
}
.footer-4 .container .footer-i-sec .foot-sub-4 form .btn.v-btn {
border-radius: 0;
background-color: #f39c12;
color: #fff;
padding: 10px 0;
font-size: 16px;
letter-spacing: 1px;
transition: 0.5s all;
}
.footer-4 .container .footer-i-sec .foot-sub-4 form .btn.v-btn:hover {
background-color: #e08e0b;
}
.footer-4 .container .footer-i-sec .foot-sub-4 form .btn.v-btn:focus {
outline: none;
}
#icons {
position: relative;
background-color: #ddd;
}
#icons .heading-cntr {
position: relative;
padding: 30px 0;
background-color: #fff;
}
#icons .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
#icons .transparent-alpha {
position: relative;
padding: 20px;
background-color: #fff;
margin: 20px 0;
}
#icons .transparent-alpha::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
#icons .transparent-alpha::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
z-index: 10;
}
#icons .social-icns ul li {
display: inline-block;
}
.main-portfolio #portfolio {
padding-top: -30px !important;
}
#portfolio {
padding-top: 60px;
background-color: #ddd;
}
#portfolio .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
margin-top: 0;
}
#portfolio .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -60px;
transform: translateX(-10px);
}
#portfolio .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -52px;
transform: translateX(-10px);
}
#portfolio #alpha {
background-color: rgba(243,156,18,0.6);
}
#portfolio #container {
overflow: hidden;
}
#portfolio .mix {
display: none;
}
#portfolio .portfolio-filter {
position: relative;
list-style: none;
text-align: center;
margin-top: 30px;
position: relative;
padding: 20px;
background-color: #fff;
}
#portfolio .portfolio-filter::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -52px;
transform: translateX(-10px);
}
#portfolio .portfolio-filter::after {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -60px;
transform: translateX(-10px);
}
#portfolio .portfolio-filter li {
display: inline-block;
margin-top: 5px;
}
#portfolio .portfolio-filter li a {
color: #000;
letter-spacing: 2px;
display: block;
font-size: 12px;
line-height: normal;
padding: 10px 20px;
text-transform: uppercase;
transition: 0.3s all;
}
#portfolio .portfolio-filter li a.active {
background-color: #f39c12;
cursor: pointer !important;
color: #fff;
}
#portfolio .portfolio-filter li a:hover {
color: #fff;
background-color: #f39c12;
cursor: pointer !important;
text-decoration: none;
}
#portfolio .portfolio-filter li a:focus,
#portfolio .portfolio-filter li a:visited,
#portfolio .portfolio-filter li a:active {
box-shadow: none;
text-decoration: none;
outline: 0 none;
}
#portfolio #container {
border: 20px solid #fff;
border-bottom: 0;
padding: 35px 50px;
}
#portfolio #container .row {
background-color: #fff;
border: 3px solid #fff;
}
#portfolio #container .row figure {
position: relative;
overflow: hidden;
}
#portfolio #container .row figure figcaption {
transition: 0.9s all;
position: absolute;
width: 100%;
height: 100%;
left: 0;
background-color: rgba(0,0,0,0.7);
top: 0;
opacity: 0;
}
#portfolio #container .row figure .figcaption2 {
transition: 0.9s all;
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
}
#portfolio #container .row figure .figcaption2 .fa {
position: absolute;
top: 43%;
right: 45%;
color: #fff;
font-size: 25px;
border: 1px solid;
border-color: #fff;
margin: auto;
padding: 10px;
padding-right: 10px;
transition: 0.5s all;
}
#portfolio #container .row figure .figcaption2 .fa:hover {
background-color: #fff;
color: #f39c12;
}
@media (max-width: 400px) {
#portfolio #container .row figure .figcaption2 .fa {
font-size: 12px;
top: 38%;
right: 45%;
padding: 5px;
}
}
#portfolio #container .row figure:hover img {
cursor: pointer;
transform: rotate(5deg) scale(1.3);
transition: 1s all ease-in-out;
}
#portfolio #container .row figure:hover figcaption {
transform: rotate(0deg) scale(1.5);
opacity: 2;
border-radius: 0;
cursor: pointer;
left: 0;
transition: 0.9s all;
}
#portfolio #container .row figure:hover .figcaption2 {
opacity: 2;
cursor: pointer;
z-index: 5;
left: 0;
transition: 2s all;
}
#price {
background-color: #ddd;
padding-top: 50px;
padding-bottom: 30px;
border-top: 20px solid #fff;
}
#price .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#price .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -55px;
transform: translateX(-10px);
}
#price .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 63px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -63px;
z-index: 5;
transform: translateX(-10px);
}
#resume {
background-color: #ddd;
padding-top: 60px;
}
#resume .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#resume .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
top: -60px;
transform: translateX(-10px);
}
#resume .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -60px;
transform: translateX(-10px);
}
#resume .edu-box {
position: relative;
background-color: #fff;
margin-top: 30px;
}
#resume .edu-box .edu_empl_items {
text-align: center;
}
#resume .edu-box .edu_empl_items h3 {
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
}
#resume .edu-box .edu_empl_items .items .item .date {
color: #f39c12;
font-weight: 300;
font-size: 16px;
}
#resume .edu-box .edu_empl_items .items .item .body {
text-align: left;
position: relative;
margin-bottom: 40px;
}
#resume .edu-box .edu_empl_items .items .item .body .position {
color: #333;
font-weight: 700;
font-size: 18px;
}
#resume .edu-box .edu_empl_items .items .item .body .place {
color: #4d4d4d;
margin-bottom: 10px;
font-weight: 600;
letter-spacing: 0.9px;
}
#resume .edu-box .edu_empl_items .items .item .body .description {
line-height: 25px;
letter-spacing: 1.5px;
}
#resume .edu-box .edu_empl_items .items .item .body:before {
position: absolute;
left: -15px;
top: 0;
width: 2px;
height: calc(100% + 5px);
content: '';
background: #dedede;
}
#resume .edu-box .edu_empl_items .items .item .body:after {
width: 11px;
height: 11px;
border-radius: 50%;
position: absolute;
left: -20px;
background-color: #f39c12;
top: 0;
content: '';
}
.slider {
position: relative;
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
overflow: hidden;
}
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.slider .scroll-btn {
display: block;
z-index: 11;
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.slider .scroll-btn > * {
z-index: 11;
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ccc;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.slider .scroll-btn > *:hover,
.slider .scroll-btn > *:focus,
.slider .scroll-btn > *.active {
color: #ccc;
}
.slider .scroll-btn > *:hover,
.slider .scroll-btn > *:focus,
.slider .scroll-btn > *:active,
.slider .scroll-btn > *.active {
opacity: 0.8;
}
.slider .scroll-btn .mouse {
position: relative;
display: block;
width: 35px;
height: 55px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #ccc;
border-radius: 23px;
}
.slider .scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
background: #ccc;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-o-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.slider .simple {
position: absolute;
width: 100%;
height: 100%;
background: url("../img/header/6.jpg") center center fixed;
background-size: cover;
}
.slider .blur {
background: url("../img/header/6-blur.jpg") center center fixed;
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
opacity: 0;
}
.slider .alpha {
position: relative;
background: url("../img/slider/subtle-dots.png");
background-color: rgba(0,0,0,0.6);
opacity: 2;
height: 100%;
width: 100%;
}
.slider h1 {
color: #fff;
font-size: 60px;
text-align: center;
font-weight: 800;
letter-spacing: 1px;
font-family: 'Oswald', sans-serif;
}
.slider .slogan {
color: #fff;
font-size: 19px;
font-weight: 100;
}
.slider #nav1 {
transition: 5s;
}
.slider .para {
position: relative;
text-align: center;
}
.slider .para:before {
content: '';
width: 150px;
height: 1px;
top: calc(50%);
left: 28%;
position: absolute;
background-color: #aaa;
display: inline-block;
}
.slider .para:after {
position: absolute;
content: '';
width: 150px;
height: 1px;
right: 28%;
top: calc(50%);
background-color: #aaa;
display: inline-block;
}
.slider .para p {
display: inline-block;
font-size: 25px;
margin-top: 10px;
color: #fff !important;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 100;
}
.slider ul {
display: inline-block;
list-type-style: none;
padding: 0;
margin: 0 auto;
text-align: center;
}
.slider ul li {
display: inline-block;
}
.slider .arrow-down {
position: relative;
display: block;
bottom: 21% !important;
}
@media (max-width: 767px) {
.slider {
transition: 0.5s all ease-in-out;
}
.slider h1 {
font-size: 40px;
}
.slider .para {
position: relative;
text-align: center;
}
.slider .para:before {
display: none;
}
.slider .para:after {
display: none;
}
.slider .para p {
font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 810px) {
.slider {
transition: 0.5s all ease-in-out;
}
.slider h1 {
font-size: 40px;
}
.slider .para {
position: relative;
text-align: center;
}
.slider .para:before {
position: absolute;
left: 10% !important;
}
.slider .para:after {
right: 10% !important;
}
}
@media (min-width: 811px) and (max-width: 950px) {
.slider {
transition: 0.5s all ease-in-out;
}
.slider h1 {
font-size: 40px;
}
.slider .para {
position: relative;
text-align: center;
}
.slider .para:before {
position: absolute;
left: 15% !important;
}
.slider .para:after {
right: 15% !important;
}
}
@media (min-width: 951px) and (max-width: 1235px) {
.slider {
transition: 0.5s all ease-in-out;
}
.slider h1 {
font-size: 40px;
}
.slider .para {
position: relative;
text-align: center;
}
.slider .para:before {
position: absolute;
left: 18% !important;
}
.slider .para:after {
right: 18% !important;
}
}
#accordian-v {
position: relative;
background-color: #ddd;
}
#accordian-v .heading-cntr {
position: relative;
padding: 30px 0;
background-color: #fff;
}
#accordian-v .acc-box {
position: relative;
margin-top: 20px;
margin-bottom: 40px;
}
#accordian-v .acc-box::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -54px;
transform: translateX(-10px);
}
#accordian-v .acc-box::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -55px;
transform: translateX(-10px);
}
@media (max-width: 767px) {
#accordian-v .acc-box::after {
opacity: 0;
}
}
#accordian-v .sliderr-box {
position: relative;
margin-top: 20px;
margin-bottom: 40px;
}
#accordian-v .sliderr-box::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -54px;
transform: translateX(-10px);
}
#accordian-v .sliderr-box::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -55px;
transform: translateX(-10px);
}
@media (max-width: 767px) {
#accordian-v .sliderr-box::before {
opacity: 0;
}
}
#tabs-v {
position: relative;
background-color: #ddd;
}
#tabs-v .heading-cntr {
position: relative;
padding: 30px 0;
background-color: #fff;
}
#tabs-v .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
#tabs-v .tabs-box {
position: relative;
background-color: #fff;
padding: 20px;
margin-top: 20px;
}
#tabs-v .tabs-box::before {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -52px;
transform: translateX(-10px);
}
#tabs-v .tabs-box::after {
content: '';
position: absolute;
display: block;
height: 55px;
width: 20px;
background-color: #fff;
left: 49.5%;
bottom: -52px;
transform: translateX(-10px);
z-index: 10;
}
.tabs-slider-custom .overlay-img {
position: absolute;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.7);
height: 100%;
width: 100%;
z-index: 5;
}
.tabs-slider-custom .owl-theme {
display: block;
}
.tabs-slider-custom .owl-theme .owl-controls {
text-align: center;
display: block;
}
.tabs-slider-custom .owl-theme .owl-controls .owl-pagination {
display: block;
width: 100%;
position: absolute;
left: 0;
text-align: center;
bottom: 15px;
}
.tabs-slider-custom .owl-theme .owl-controls .owl-pagination .owl-page {
display: inline-block;
}
.tabs-slider-custom .owl-theme .owl-controls .owl-pagination .owl-page span {
margin-left: 5px;
display: inline-block;
position: relative;
border: 2px solid #fff !important;
height: 10px !important;
width: 10px !important;
background-color: transparent !important;
opacity: 1 !important;
border-radius: 50% !important;
}
.tabs-slider-custom .owl-theme .owl-controls .owl-pagination .owl-page.active span {
transition: 0.4s all;
background-color: #fff !important;
}
#testimonial {
background-color: #ddd;
padding-bottom: 100px;
}
#testimonial .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
#testimonial .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 60px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -55px;
transform: translateX(-10px);
}
#testimonial .row {
margin: 0 !important;
}
#testimonial .owl-theme {
display: block;
}
#testimonial .owl-theme .owl-controls {
text-align: center;
display: block;
}
#testimonial .owl-theme .owl-controls .owl-pagination {
display: block;
width: 100%;
position: absolute;
left: 0;
text-align: center;
top: 100%;
bottom: 0;
}
#testimonial .owl-theme .owl-controls .owl-pagination .owl-page {
display: inline-block;
}
#testimonial .owl-theme .owl-controls .owl-pagination .owl-page span {
margin-top: 30px;
margin-left: 5px;
display: inline-block;
position: relative;
border: 2px solid #fff !important;
height: 15px !important;
width: 15px !important;
background-color: transparent !important;
opacity: 1 !important;
border-radius: 0 !important;
}
#testimonial .owl-theme .owl-controls .owl-pagination .owl-page.active span {
transition: 0.4s all;
transform: rotate(45deg) scale(0.9);
background-color: #fff !important;
}
#testimonial .test {
position: relative;
background-color: #fff;
margin-top: 25px;
}
#testimonial .test:before {
content: '';
position: absolute;
z-index: 5;
height: 80%;
width: 95%;
padding: 120px;
left: 2.5%;
margin-top: 28px;
border: 1px solid #999;
}
#testimonial .test:before {
position: absolute;
content: '';
}
#testimonial .test .test-lft {
background-color: #0d0d0d;
height: 300px;
padding-top: 35px;
border-right: 0;
}
#testimonial .test .test-lft img {
margin: auto;
border: 5px dashed #fff;
}
#testimonial .test .test-ryt {
position: relative;
background-color: #fff;
height: 300px;
border-left: 0;
}
#testimonial .test .test-ryt .test-content {
padding: 35px;
}
#testimonial .test .test-ryt .test-content a {
text-decoration: none;
}
#testimonial .test .test-ryt .test-content a:hover {
text-decoration: none;
}
#testimonial .test .test-ryt .test-content a h2 {
color: #f39c12;
font-size: 30px;
font-weight: 900;
letter-spacing: 1px;
margin-bottom: 5px;
}
#testimonial .test .test-ryt .test-content a h4 {
color: #808080;
text-transform: capitalize;
margin-top: 0;
font-size: 20px;
}
#testimonial .test .test-ryt .test-content p {
color: #333;
font-size: 16px;
letter-spacing: 1.4px;
margin-bottom: 20px;
}
#testimonial .test .test-ryt .test-content .test-hr {
border-bottom: 1px solid #f39c12;
width: 50px;
margin: 0 auto;
margin-bottom: 30px;
}
@media (max-width: 767px) {
#testimonial .test .test-ryt .test-content a h2 {
font-size: 25px !important;
}
#testimonial .test .test-ryt .test-content a h4 {
font-size: 18px !important;
}
#testimonial .test .test-ryt .test-content p {
font-size: 14px !important;
margin-top: 0;
}
#testimonial .test .test-ryt .test-content .test-hr {
border-bottom: 1px solid #f39c12;
width: 50px;
margin: 0 auto;
margin-bottom: 20px;
}
}
#testimonial .test .test-ryt .test-content:before {
content: '';
border-width: 25px;
border-style: solid;
left: -48px;
margin-top: -25px;
top: 50%;
position: absolute;
border-color: transparent #fff transparent transparent;
}
@media (max-width: 767px) {
#testimonial .test {
position: relative;
margin: 10px 0;
overflow: hidden;
}
#testimonial .test:before {
display: none;
}
#testimonial .test .test-ryt .test-content:before {
content: '';
border-width: 25px;
border-style: solid;
left: 45%;
margin-top: -50px;
top: 0;
z-index: 10;
position: absolute;
border-color: transparent transparent #fff transparent;
}
}
.grid {
position: relative;
background-color: #ddd;
}
.grid .heading-cntr {
position: relative;
padding: 20px;
background-color: #fff;
}
.grid .heading-cntr::before {
content: '';
position: absolute;
display: block;
height: 50px;
width: 20px;
background-color: #fff;
left: 49.5%;
top: -50px;
transform: translateX(-10px);
}
.grid .heading-cntr::after {
content: '';
position: absolute;
display: block;
height: 63px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -63px;
z-index: 5;
transform: translateX(-10px);
}
.grid .typo-boxes {
position: relative;
padding: 20px;
background-color: #fff;
margin-bottom: 40px;
}
.grid .typo-boxes::after {
content: '';
position: absolute;
display: block;
height: 40px;
width: 20px;
background-color: #fff;
left: 49.6%;
bottom: -40px;
transform: translateX(-10px);
}