/*---------------------------------------  Global Styles  ---------------------------------------*/


.ml15{margin-left:15px}.mr15{margin-right:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}
.pl15{padding-left:15px}.pr15{padding-right:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}
.pt10{padding-top:10px}.pt20{padding-top:20px}.pt40{padding-top:40px}.pt50{padding-top:50px}.pt60{padding-top:60px}.pt80{padding-top:80px}.pt100{padding-top:100px}.pt150 {padding-top: 150px;}.pt200 {padding-top: 200px;}.pb150{padding-bottom: 150px;}.pb200{padding-bottom: 200px;}
.mt150{margin-top: 150px;}.mt200{margin-top: 200px;}.mb150{margin-bottom: 150px;}.mb200{margin-bottom: 200px;}
.pb10{padding-bottom:10px}.pb20{padding-bottom:20px}.pb40{padding-bottom:40px}.pb50{padding-bottom:50px}.pb60{padding-bottom:60px}.pb80{padding-bottom:80px}.pb100{padding-bottom:100px}
.mt20{margin-top:20px}.mt40{margin-top:40px}.mt50{margin-top:50px}.mt60{margin-top:60px}.mt80{margin-top:80px}.mt100{margin-top:100px}
.mb20{margin-bottom:20px}.mb40{margin-bottom:40px}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb80{margin-bottom:80px}.mb100{margin-bottom:100px}
.ma20{margin:20px;}.ma50{margin:50px;}.ma100{margin:100px;}.pa20{padding:20px;}.pa50{padding:50px;}.pa100{padding:100px;}
.themeBG {
    background: var(--primary);
}
.themeC {
    color: var(--primary);
}
.accentC {
    color: var(--accent);
}
.secondaryBG {
    background: var(--secondary);
}
.accentBG {
    background: var(--accent) !important;
}
.whiteTBG {
    background-color: rgba(256,256,256,.7);
    padding: 0 25px;
}
.whiteBG {
    background-color: #fff;
    color: var(--bGray) !important;
}
.darkT {
    color: #444;
    font-weight: 600;
}
span.accent, .accentT {
    color: var(--accent) !important;
}
.secondaryT {
    color: var(--secondary);
}
.whiteT {
    color: #fff !important;
}
.bGrayBG {
    background: var(--bGray) !important;
}
.strong {
    font-weight: 600 !important;
}
.footer1-section-area {
	background: ver(--secondary);
}
.service2-section-area .images-content-area .content-area p {
	color: #ffe2be;
}
.cta-section-area .cta-header-area {
	background: none;
}
.cta-section-area {
	background: var(--accent);
}
.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area {
	background: rgba(196, 83, 22, .8); /*rgba(74, 87, 218, .68);*/
	padding: 20px 24px 24px;
}
.case1-section-area .cs_case_study.cs_style_1.cs_hover_active.active .content-area p {
    color:#FFDDB0;
}
ul.dropdown-padding {
    margin-top: -15px;
    font-size: 18px;
}
.homepage1-body .header-area.homepage1 .header-elements .main-menu ul li ul.dropdown-padding li a {
    line-height: 1em;
}
a {
    color:var(--orange);
}
.case-pera-area {
    border-radius:32px;
}
a:hover {
    color:var(--purple);
}
.hidden {
    display:none !important;
}
.orangeBG {
    background:var(--orange) !important;
    color: #444;
}
.orangeNum {
    color: #000;
}
.header-btn1:hover {
    background: var(--accent) !important;
    background-color: var(--accent) !important;
    color: #fff;
}
.main-menu a {
    background:transparent !important;
}
.lgIcon {
    font-size: 70px;
}
.case-pera-area li {
  font-size: 18px;
  display: inline;
  padding: 15px;
  white-space: nowrap;
}
.case-pera-area li a{
    color: #444;
}
/*---------------------------------------  Homepage  ---------------------------------------*/


/*---------------------------------------  Subpages  ---------------------------------------*/
.blog-auhtor-sidebar-area p {
    margin-bottom:20px;
    font-size: 17px;
}
.blog-auhtor-sidebar-area h2 {
    font-size: 28px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.biggerP {
    font-size: 20px !important;
    line-height: 1.8em !important;
}
.blog-auhtor-section-area i {
    color: var(--accent) !important;
}
/*---------------------------------------  Forms  ---------------------------------------*/
.footer1-section-area .footer-logo-area3 form {
	background: #fff;
}

/*---------------------------------------  Media Breaks  ---------------------------------------*/
@media only screen and (max-width: 1199px){

}
@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 767px){
    .hideXS {
        display:none;
    }
}
@media only screen and (max-width: 479px){

}