custom css

*{
font-family: “Segoe UI”,Sans-serif;
}
section{
padding: 80px 0;
}
.cpsbtn{
background: orange;
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 10px 20px;
border-radius: 4px;
}
.cpsbtn2{
color: #fff;
text-transform: uppercase;
font-weight: 700;
padding: 8px 20px;
border-radius: 4px;
border: 2px solid;
}

/* top bar */
.social-icon{
border-radius: 5px;
border-color: transparent;
}
.social-icon:hover{
border: none;
}
.social-iconf{
background: #3b5998;
}
.social-icont{
background: #1da1f2;
}
.social-iconi{
background: #e30079;
}
.social-iconp{
background: #DE0000;
}
.social-iconl{
background: #0077b5;
}

/* menubar */
#mainheader{-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
#ceilogo{
max-height: 64px;
}
.main-menu-wrap{
margin: 12px 0;
border: none;
}
li.freetialli a,li.getquoteli a{
margin: -15px 0;
padding: 25px 0;
line-height: 30px;
color: #fff !important;
border-radius: 4px;
}
li.freetialli a{
background: orange;
}
li.getquoteli a{
background: #1886b9;
}

@media only screen and (min-width: 768px) and (max-width: 990px){
.main-menu-wrap{
margin: 0;
}
ul.main-menu{
margin-top: 0;
}
li.freetialli a,li.getquoteli a{
line-height: 20px;
}
}

/*** SLIDER */
.hmpgsldr{
padding: 20px;
}
.hmpgsldr h2{
font-weight: 700;
font-size: 45px !important;
color: #1F497D;
}
.hmpgsldr h2 span{
color: orange;
}
.hmpgsldr p{
line-height: 23px;
margin-bottom: 20px;
}
.hmpgsldr a{

}
.sd897s{
padding: 30px 0;
}
.sd897s>div>span{
display: block;
font-size: 11px;
margin-top: 5px;
}

/* FEATURE */
.hmpgfeatures{
background: #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
padding: 60px 0 80px;
}
.hmpgfeatures img{
background: #fff;
width: 95px;
border-radius: 10px;
border: 2px solid orange;
margin: 20px 0;
padding: 10px;
}
.hmpgfeatures h4{
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
color: #1F497D;
}
.hmpgfeatures p{
max-width: 350px;
margin-left: auto;
margin-right: auto;
}

/* CLIPPING PATH */
.hmpgursrv{
text-align: center;
padding: 60px 0;
}
.hmpgursrv h2{
text-transform: uppercase;
font-weight: 900;
}
.hmpgursrv p{
max-width: 700px;
margin-left: auto;
margin-right: auto;
line-height: 23px;
padding: 10px 0;
}
.hmpgursrv img{
margin: 15px 0;
border: 1px solid #333;
}

/* PROCESS STEPS */
.hmpgprcss{
background: #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 60px 0 30px;
text-align: center;
}
.hmpgprcss h2{
font-weight: 700;
}
.hmpgprcss .col-sm-12 p{
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.hmpgprcss img{
background: #f5f5f5;
padding: 5px;
border-radius: 3px;
width: 70px;
border: 1px solid #ddd;
margin-bottom: 15px;
}
.hmpgprcss h4{
font-weight: 900;
}
.hmpgprcss h4 span{
color: orange;
font-size: 30px;
}
.hmpgprcss .col-sm-4 p{
max-width: 350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

/* OUR SERVICES */
.hmpguralls{
padding: 60px 0;
}
.cpsemnidv h2{
text-align: center;
font-weight: 800;
}
.cpsemnidv p{
text-align: center;
margin-bottom: 25px;
}

.cpsbtndv{
background: #eee;
border-radius: 4px;
display: block;
overflow: auto;
padding: 0;
}
.cpsbtndv>div{
width: 33%;
float: left;
text-align: center;
padding: 25px 0;
font-size: 22px;
font-weight: 700;
color: #555;
display: block;
overflow: auto;
}
.cpsbtndv>div i{
color: #1F497D;
font-size: 22px;
}
.cpsbtndv>div.active{
border-bottom: 5px solid orange
}
.cpsbtndv>div:not(:last-child){
border-right: 1px solid #ddd;
}

.cpstabdiv{
margin-top: 20px;
display: none;
}
.cpstabdiv.active{
display: block;
}

.cpstabdiv a{
padding-left: 50px;
margin-bottom: 30px;
}
.cpstabdiv a i{
position: absolute;
left: 0;
font-size: 35px;
width: 52px;
text-align: center;
line-height: 50px;
background: #eee;
border-radius: 4px;
}
.cpstabdiv a h4{
color: #444;
font-weight: 900;
margin-bottom: 5px;
}
.cpstabdiv a p{
color: #333;
}
.cpstabdiv img{
margin: 20px 0;
}
/* media */
@media only screen and (max-width: 1000px) {
.cpsbtndv>div{
font-size: 13px;
padding: 15px 5px;
min-height: 80px;
}
.cpsbtndv>div i{
font-size: 13px;
display: block;
}
}

/* PRICING */
.hmpgpricing{
padding: 80px 0;
background: #eee;
text-align: center;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.hmpgpricing h2{
font-weight: 700;
text-transform: uppercase;
}
.hmpgpricing a{
color: #333;
}
.hmpgpricing img{
background
: #fff;
padding: 15px;
width: 120px;
border-radius: 10px;
border: 1px solid #ddd;
margin: 20px 0
}
.hmpgpricing h4{
margin-bottom: 5px;
font-weight: 900;
font-size: 20px;
}
.hmpgpricing a.cpsbtn{
color: #fff;
margin-top: 20px;
}

/* COUNTS */
.cpscounter{
padding: 100px 0 90px;
background: #21325B;
text-align: center;
}
.cpscnttbig{
color: orange;
font-size: 40px;
font-weight: 900;
}
.cpscnttsm{
color: #fff;
font-weight: 600;
}
.cpscntbig{
color: orange;
font-size: 70px;
font-weight: 600;
}
.cpscntsm{
color: #fff;
font-size: 18px;
margin-top: 20px;
}

/* BENEFIT */
.hmpgbnft h2{
font-weight: 600;
}
.hmpgbnft li{
line-height: 25px;
font-weight: 600;
}

/* GROW BIZ */
.hmpgdrow{
background: #eee;
border-top: 1px solid #ddd;
padding: 70px 0 50px;
}
.hmpgdrow h2{
font-weight: 800;
}
.hmpgdrow .col-sm-5{
text-align: center;
}

/* **********************
* ** SERVICE PAGE *****
* **********************/
.breadcroumb-areasrv{
background: #162438;
color: #fff;
text-align: center;
padding: 70px 30px;
}
.srvpgbrcm h1{
text-transform: uppercase;
font-weight: 900;;
}
.srvpgbrcm p{
font-size: 16px;
margin-bottom: 15px;
}
a.srvpgft{
background: #35BAF2;
color: #fff;
padding: 10px 20px;
border-radius: 4px;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
}
/***********/
.srvpginto{
padding: 60px 0;
}
.srvpginto .col-sm-8{
min-height: 426px;
}
.srvpginto .col-sm-8>div{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
left: 15px;
}

.srvpginto p{
font-size: 16px;
}
.srvpginto img{
border: 1px solid #333;
}
.srvpginto img:first-child{
margin-bottom: 30px;
}
/**********/
.srvpgfree{
background: #E0E0E0;
border-top: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 10px 0;
text-align: center;
}
.sd897s{
position: relative;
min-height: 460px;
}
.sd897s>div{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.srvpgfree h2{
text-transform: uppercase;
font-weight: 900;
}
.srvpgfree p{
font-size: 16px;
}
.srvpgfree a{
clear: both;
}
.srvpgfree img{
max-width: 460px;
}
/**********/
.srvpgsmpl{
padding: 60px 0 40px;
text-align: center;
}
.srvpgsmpl h2{
font-weight: 900;
margin-bottom: 40px;
}
.srvpgsmpl img{
border: 3px solid #333;
margin-bottom: 30px;
}
/*******/
.srvpgmainc{
background: #f5f5f5;
padding: 60px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.srvpgmainc h2{
position: relative;
margin-top: 15px;
}
.srvpgmainc h2:after{
content: ”;
border-bottom: 3px solid orange;
width: 50px;
position: absolute;
left: 0;
bottom: -10px;

}
.srvpgmainc h3{
color: #555;
font-weight: 700;
margin-top: 12px;
}
.srvpgmainc h4{

}
.srvpgmainc p{

}
.srvpgmainc ul{
list-style-type: inherit;
list-style-position: inside;
}
.srvpgmainc li{
font-weight: 500;
}

/* PRICING PAGE */
.pricingtxt{
padding: 60px 0 20px;
}
/********/
.pricingtbl{
padding: 40px 0;
text-align: center;
}
.pricingtbl h2{
font-weight: 900;
margin-bottom: 20px;
}
.prctable{
margin-top: 20px;
border: 1px solid #eee;
border-radius: 10px;
overflow: hidden;
}
.prctable h4{
background: #162438;
color: #fff;
font-size: 20px;
line-height: 90px;
margin-bottom: 0;
box-shadow: 0px 0px 30px rgba(0,0,0,0.3) inset;
}
.prctable2 h4{
background: orange;
}

ul.ptblulusd{
background: #fffde0;
min-height: 359px;
}
.ptblulusd li{
padding: 12px 5px;
font-weight: 600;

box-shadow: 0px 0px 20px rgba(0,0,0,0.2) inset;
}
.ptblulusd li:not(:last-child){
border-bottom: 1px solid #e3df98;
}
.ptblulusd li strong{
color: #212b7c;
font-weight: 900;
}
/********/
ul.ptblulopt{
background: #eee;
font-weight: 700;
}
ul.ptblulopt li{
padding: 15px 5px;
border-bottom: 1px solid #ccc;

box-shadow: 0px 0px 20px rgba(0,0,0,0.3) inset;
}

.prctable>div{
background: #eee;
padding: 15px 0;
box-shadow: 0px 0px 20px rgba(0,0,0,0.2) inset;
}
.prctable>div a{
background: orange;
color: #fff;
font-weight: 700;
font-size: 18px;
padding: 8px 15px 10px;
border-radius: 5px;
text-transform: uppercase;
}

/********/
.pricingbulk{
padding: 30px 0;

}
.pricingbulk span{
font-weight: 700;
font-size: 18px;
}
.pricingbulk h2{
font-weight: 800
}
/********/
.pricingfaq{
padding: 30px 0 60px;
}
.pricingfaq h2{
font-weight: 800
}
.prcfqq{
font-weight: 700;
color: orange;
font-size: 18px;
margin-top: 15px;
margin-bottom: 0;
}
.prcfqa{
font-size: 16px;
}

/*********************/
/**** FOOTER ********/
.hmpgfootcta{
padding: 15px 0;
background: #4665B1;
color: #FFF;
text-align: center;
font-size: 18px;
}
.hmpgfootcta a{
margin-left: 5px;
font-size: 15px;
}

/*** portfolio */
#cpstopbtn{
position: fixed;
bottom: 20px;
left: 15px;
background: #1f497d;
width: 30px;
font-size: 16px;
text-align: center;
line-height: 30px;
border-radius: 4px;
display: none;
color: orange
}
.slbCloseBtn{
display: none;
}

/*** portfolio ***/
.portfoliosec{
padding: 50px 0;
}

.prtnavmain>div{
text-align: center;
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.prtnav{
display: inline-block;
background: #bbb;
margin: 5px;
padding: 5px 15px;
border-radius: 15px;
font-size: 15px;
cursor: pointer;
color: #162438;
}
.prtnav.active{
background: orange;
padding: 8px 20px;
border-radius: 20px;
font-weight: 600;
font-size: 16px;
}
.xprtnav.active{
padding: 8px 20px;
border-radius: 20px;
border: 1px solid;
font-weight: 600;
font-size: 16px;
}

.prtbody{
display: none;
}
.prtbody.active{
display: block;
}
.prtportfolio_item{
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 20px;
display: block;
box-sizing: border-box;
}
.prtportfolio_item:hover .prtafter{
display: block;
}
.prtportfolio_item:hover .prtbefore, .prtportfolio_item .prtafter{
display:none;
}

Categories

Tags

amazonproductphotography (1)Automotive Photo Editing (1)automotiveindustry (1)automotivephotography (2)Background Removal Services (1)background removing (1)backgroundremove (1)Begginers Tutorial (1)Beginner Photographers (1)car editing (1)car photo editing (1)car photo editing service (1)carbusiness (3)cardealer (3)carphotoediting (2)carphotography (2)cars (1)clipping (1)clipping path (1)Clipping Path Services (1)clippingservice (1)Color Correction Service (1)create transparent background (1)E-commerce Product Editing Services (1)ecommercephotography (1)Fashion Photo Editing Services (1)ghost mannequin (1)Ghost Mannequin Photography (1)ghost mannequin service (1)graphic design (1)high-end jewelry photo retouching (2)how to (1)Image Enhancement Services (1)Image Manipulation Services (1)image masking (1)Interior Photography (1)Invisible Mannequin Effect (1)jewelry clipping path (2)jewelry photo editing (2)jewelry photo retouching (1)jewelry photographer (1)jewelry photography (1)jewelry photography studio (1)jewelry retouching (2)jewelry retouching service (1)jewelryphotoretouching (1)masking (1)masking service (1)pen tool (1)photo editing (1)Photo Editing Services (1)photo masking (1)Photo Retouching Services (1)photoeditingtips (1)photography post production services (1)photoshop (2)Photoshop for clothing (1)photoshop tutorial (1)product photographers (1)product photography (1)productphotographystudio (2)Real Estate Photography (1)retouching (1)transparent background (1)usedcars (2)vehiclegraphics (1)whitebackgroundphotography (1)