.header{
background-color:#fff;
position:relative;
box-shadow:0px 0px 13px #00000054;
}
/* Topbar */
.header .topbar{
background-color:#fff;
border-bottom:1px solid #eee;
}
.header .topbar{
padding:15px 0;
}
.header .logo {
margin: 0px;
padding:30px 10px;
text-align:center;
}

/* Header Sticky */
.header.sticky .header-inner{
background:#FFFFFF;
width:100%;
position:fixed;
z-index:999;
top:0;
left:0;
bottom:initial;
-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease;
transition:all 0.4s ease;
animation: fadeInDown 0.5s both 0.1s;
box-shadow:0px 0px 13px #00000054;
}
.header.sticky .header-inner .logo {padding:20px 10px;}
.header.sticky .header-inner .logo img {max-width:250px;}
/*=========================
End Header CSS
===========================*/

/*===========================
Start Hero Area CSS
=============================*/
.slider .single-slider {
height: 600px;
background-size: cover;
background-position: center;
background-repeat:no-repeat;
}
.slider .single-slider .text{
margin-top:120px;
}
.slider.index2 .single-slider .text{
margin-top:150px;
}
.slider .single-slider h1 {
color: #2C2D3F;
font-size: 38px;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 42px;
}
.slider .single-slider h1 span{
color:#1a76d1;
}
.slider .single-slider p {
color: #2C2D3F;
margin-top: 27px;
font-weight: 400;
}
.slider .single-slider .button{
margin-top:30px;
}
.slider .single-slider .btn{
color:#fff;
background:#1a76d1;
font-weight:500;
display:inline-block;
margin:0;
margin-right:10px;
}
.slider .single-slider .btn:last-child{
margin:0;
}
.slider .single-slider .btn.primary{
background:#2C2D3F;
color:#fff;
}
.slider .single-slider .btn.primary:before{
background:#1A76D1;
}
.slider .owl-carousel .owl-nav {
margin: 0;
position: absolute;
top: 50%;
width: 100%;
margin-top:-25px;
}
.slider .owl-carousel .owl-nav div {
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
background: #1A76D1;
color: #fff;
font-size: 26px;
position: absolute;
margin: 0;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 0;
border-radius: 50%;
}
.slider .owl-carousel .owl-nav div:hover{
background:#2C2D3F;
color:#fff;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-prev{
left:20px;
}
.slider .owl-carousel .owl-controls .owl-nav .owl-next{
right:20px;
}

/* Slider Animation */
.owl-item.active .single-slider h1{
animation: fadeInUp 1s both 0.6s;
}
.owl-item.active .single-slider p{
animation: fadeInUp 1s both 1s;
}
.owl-item.active .single-slider .button{
animation: fadeInDown 1s both 1.5s;
}
/*===========================
End Hero Area CSS
=============================*/

body {font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; color:#3C3C3C; font-size: 17px; line-height: 1.6em;}
/*h1, h2, h3, h4, h5, h6 {font-family: "Bitter", serif;}*/
h1, h2, h3, h4, h5, h6 {font-family: "Lato", serif;}
h1 {font-size:50px;}
h2 {font-size:44px;}
h3 {font-size:30px;}
h4 {font-size:25px; font-weight: 600;}
h5 {font-size:20px; font-weight: 600;}
h6 {font-size:18px; font-weight: 600;}

p {font-size: 17px; line-height: 1.6em; color:#3C3C3C; margin:0px 0px 25px 0px; padding: 0px;}
p:last-child {padding: 0px; margin:0px;}


.red-btn-large {
color: #FFFFFF;
padding: 10px 30px;
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
background: #CC002B;
position: relative;
box-shadow: none;
display: inline-block;
/*-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);*/
border: none;
border-radius: 0;
border-radius:4px;
border:2px #CC002B solid;
text-transform: uppercase;
}
.red-btn-large:hover{
border:2px #CC002B solid; color:#fff; padding: 10px 40px 10px 25px;
background: #CC002B url(../images/white-arrow.png) center right no-repeat;
}

.red-btn {
color: #CC002B;
padding: 10px 30px;
font-size: 16px;
text-transform: capitalize;
font-weight: 700;
background: #FFFFFF;
position: relative;
box-shadow: none;
display: inline-block;
/*-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);*/
border: none;
border-radius: 0;
border-radius:4px;
border:2px #CC002B solid;
text-transform: uppercase;
border-radius: 3px;
}
.red-btn:hover{
border:2px #CC002B solid; color:#CC002B; padding: 10px 40px 10px 25px;
background: #FFF url(../images/red-arrow.png) center right no-repeat;
}

.red-btn-small {
color: #FFFFFF;
padding: 7px 25px;
font-size: 18px;
text-transform: capitalize;
font-weight: 600;
background: #773342;
position: relative;
box-shadow: none;
display: inline-block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
border: none;
border-radius: 0;
border-radius:5px;
border:2px #FFFFFF solid;
text-transform: uppercase;
}
.red-btn-small:hover{
background: #CC002B; color:#fff; padding: 7px 20px;
}

.read-more-button {text-align:right; font-size:18px;}
.read-more {color:#3C3C3C; text-decoration:underline;}
.read-more:hover {color:#3C3C3C; text-decoration:none;}

.image-box {box-shadow: 3px 3px 10px #B4B4B4;}
.image-box img {width:100%;}
/*=========================
Header 
========================*/
.header-section {
background-image: url("../images/header-bg.jpg");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
padding: 8% 0px;
}


.white-line {margin:0px 0px 25px 0px;}
.gray-line {margin:0px 0px 30px 0px;}

.header-content {margin:0px; padding: 0px 5% 0px 10%;}
.header-content h1, .header-content h3, .header-content h4 {margin:0px 0px 30px 0px;}
.header-content h3 {max-width: 540px; font-weight: 300;}
.header-content h1 span {color: #CC002B;}
.header-content h4 {font-family: "Lato", serif; font-weight:700; margin:0px 0px 60px 0px;}
.my-background {padding:0px 0px 0px 0px; margin-bottom:6%;}
.my-background h3, .my-background h4, .my-background h5 {color:#CC002B;}
.my-background h5 {/*text-transform: uppercase;*/ margin-bottom:10px;}
.my-background ul {margin: 0px 0px 0px 20px;}
.my-background ul li {list-style: disc;}
/*=========================
Raed BG 
========================*/
.red-bg-section {background:#A21A36; padding:6% 0px; /*margin-bottom:8%;*/}
.white-text {/*max-width:900px;*/ margin:0px auto;}
.white-text h2, .white-text p {color:#FFFFFF;}
.white-text h2 {margin: 0px 0px 0px 0px; padding:0px;}
.white-text p {/*font-size:20px;*/ line-height: 1.6em; /*padding: 0px 0px 35px 0px;*/}
/*.white-text p:last-child {padding: 0px 0px 50px 0px;}*/
.white-text p:last-child {padding: 0px 0px 0px 0px;}

.number-list-space {margin-bottom:30px;}
.number-list h5 {color:#D21F45; margin:0px 0px 5px 0px; padding:0px;}
.number-list img {
float: left;
margin: 37px 20px 12px 0px;
}
.number-list-space .red-btn-small {margin-top:35px;}

.number-list-col {overflow: hidden; padding: 0px 0px 10px 0px;}
.number-list-content {margin:0px; padding:20px 30px 20px 0px; overflow: hidden;}
.number-list-img {float:left; width:11%; margin-right:2%;}
.number-list-li {float:right; width:87%; padding:10px 0px 0px 0px;}
.number-list-content li {margin-bottom:10px;}


/*=========================
About 
========================*/
.about-section {padding:0px 0px 7% 0px;}
.about-right-content {padding: 0px 8%;}
.about-right-content h2 {margin:0px 0px 30px 0px;}

.my-mission-section {padding:7% 0px 7% 0px;}
.what-section {padding:0px 0px 7% 0px;}
.ready-section {padding:0px 0px 7% 0px;}
.ready-section .content-box h2 {margin: 0px 0px 20px 0px;}
.content-box {padding-right:20px;}
.content-box h3 {color:#CC002B; margin: 0px 0px 0px 0px;}
.slider-gray-box {background:#EDEDED; padding:35px; box-shadow: 3px 3px 10px #B4B4B4;}
.slider-white-box {background:#FFFFFF; text-align:center; padding:20px;}
.slider-white-box .hero-slider .slide-text img {width:auto; margin: 0px auto}
.slider-white-box .hero-slider .slide-text {color:#CC002B; font-size:35px; line-height:1.5em;}
/*========================
Start Clients CSS
==========================*/
.clients{
background:#EDEDED;
padding:6% 0px;
position:relative;
}

.graybg{
background:#EDEDED;
padding:80px 50px 60px 50px;
position:relative;
}

.client-title {text-align:center; padding: 0px 0px 50px 0px;}

.clients .single-clients{
}

.clients .single-clients img {
width: 100%;
cursor: pointer;
text-align: center;
float: none;
padding: 0 35px;
}

.client-title h3, .client-title h4 {color:#CC002B;}

.single-clients img {
  filter: grayscale(100%);
  opacity: 0.8;
}

.single-clients:hover img {
  filter: grayscale(0%);
  opacity: 100;
}

/*========================
End Clients CSS
==========================*/

/*=========================
Testimonial CSS 
========================*/
.testimonial {padding:6% 0px;}
.testimonial-title {text-align:center; margin:0px 0px 60px 0px;}
.testimonial-title h3 {color:#CC002B;}
.testimonial-image {margin:0px;}
.testimonial-box {background:#EDEDED; padding:25px; font-size:18px; font-style: italic; text-align:center; margin: -80px 0px 0px 220px; max-width:60%; position: relative; box-shadow: 3px 3px 10px #B4B4B4;}
.testimonial-content {color:#333333;}
.testimonial-name {color:#B30F32; text-align: center; font-style: normal; padding: 10px 0px 0px 0px; font-weight:500;}
.testimonial-attribution {color:#B30F32; text-align: center; font-style: normal; padding: 0px 0px 0px 0px; font-size:15px;}
.testimonial-icon {text-align:center; margin:0px 0px 20px 0px;}
.testimonial-name-red {background:rgb(179, 15, 50, 0.8); color:#FFF; margin-top: -40px; position: relative; min-height: 40px; max-width:393px; text-align:left; padding:5px 20px;}
@media screen and ( max-width: 1260px ) {
.testimonial-box { margin: -80px 0px 0px 120px; box-shadow: 3px 3px 6px #B4B4B4; max-width:70%;}
}
@media screen and ( max-width: 990px ) {
.testimonial-box { margin: -20px 0px 0px 0px; box-shadow: 3px 3px 6px #B4B4B4; max-width:99%;}
}
/*=========================
Gray Box CSS 
========================*/
.gray-table{
background:#f9f9f9;
position:relative;
padding:6% 0px;
}
.gray-table .section-title {text-align: center;  margin-bottom: 40px; padding: 0px;}
.gray-table .single-table {
text-align: left;
position: relative;
overflow: hidden;
margin: 15px 0;
padding:10px 10px 0px 10px;
}

.gray-table .single-table .table-head {
padding:0px 0px 0px 0px;
}
.gray-table .single-table .icon img{

}

.gray-table .section-title h3 {color:#CC002B;}
.gray-table .single-table h4 {
font-size: 18px;
color: #CC002B;
margin-top: 30px;
margin-bottom: 15px;
line-height: 1.4em;
}
.gray-table .red-title {
font-size: 18px;
color: #CC002B;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.4em;
font-weight:700;
}
.gray-table .icon-img {box-shadow: 2px 2px 6px #B4B4B4; margin:0px 0px 40px 0px; text-align:center;}
.personal-testimonial-content {min-height:130px;}
.personal-testimonial-content p {margin:0px 0px 20px 0px;}
.button-center {padding: 60px 0px 20px 0px; text-align:center;}
.personal-testimonial-img {text-align:center;}
.personal-testimonial-img img {box-shadow: 2px 2px 6px #B4B4B4; margin:0px 0px 40px 0px; text-align:center;}



/*=========================
Personal Testimonials CSS 
========================*/
.dg-testimonials
{
background:#D90240;
position:relative;
padding:6% 0px;
}
.dg-testimonials-box {border:1px #F19AB4 solid; padding:0px 4% 4% 4%;}
.dg-testimonials-content, .dg-testimonials-title {max-width:890px; margin:0px auto;}
.dg-testimonials-content p, .dg-testimonials-title {color:#FFFFFF; text-align: center;}
.dg-testimonials-content p {font-size:20px;}
.dg-testimonials-title {font-weight:600; padding: 20px 0px 0px 0px;}
.dg-testimonal-icon {text-align:center; margin: -30px 0px 4% 0px;}
.dg-testimonial-slide1 {margin:0px; padding:0px;}
.dg-testimonials .owl-controls {display:none;}

@media screen and ( max-width: 767px ) {
.dg-testimonal-icon {margin: -18px 0px 4% 0px;}
.dg-testimonal-icon img {max-width:60px; height: auto;}
}

/*=========================
End About Us CSS
===========================*/

.contact-form h2 {margin: 0px 0px 25px 0px;}

.contact-form input {
width: 100%;
height: 60px;
border: 1px solid #2B2B2B;
/*text-transform: capitalize;*/
padding: 0px 18px;
color: #555;
font-size: 17px;
font-weight:400;
border-radius:0;
border-radius: 4px;
}
.contact-form input[type=text] {text-transform: capitalize;}

.contact-form textarea{
width: 100%;
height:136px;
padding: 18px;
border:1px solid #2B2B2B;
/*text-transform:capitalize;*/
resize:none;
border-radius: 4px;
font-size: 17px;
}

.contact-form .submit-button {width:100%; text-align: right;}
.contact-form .submit-btn {border:2px #CC002B solid; padding:10px 30px; font-size:16px; background:#FFFFFF; color:#CC002B; text-transform: uppercase; font-weight: 700; border-radius: 3px; line-height: 1.7em;}
/*.contact-form .submit-btn:hover{background:#CC002B; color:#fff;}*/
.contact-form .submit-btn:hover {
border:2px #CC002B solid; color:#CC002B; padding:10px 45px 10px 20px;
background: #FFFFFF url(../images/red-arrow1.png) center right no-repeat;
}

/*=========================
Thank you
===========================*/

.thank-you-section {padding:6% 0px 6% 0px;}
.about-right-content {padding: 0px 8%;}
.about-right-content h2 {margin:0px 0px 30px 0px;}

/*=========================
Start Footer CSS
===========================*/
.footer{
position:relative;
}
.footer .footer-top{
padding:80px 0px 0px 0px;
position:relative;
background:#EDEDED;
}

.footer p {font-size:16px;}

.footer .copyright{
background:#A21A36;
padding:15px 0px 15px 0px;
}
.footer .footer-link {text-align:center;}
.footer .social-link {text-align:right;}

.footer .copyright p{
color:#fff;
}
.footer a{
color:#fff;
font-weight:400;
display:inline-block;
margin-left:4px;
}
@media screen and ( max-width: 767px ) {
.copyright-content, .footer .social-link {text-align:center;}
.copyright-content p:last-child, .footer-link p:last-child {margin-bottom: 10px;}
}
/*=========================
End Footer CSS
===========================*/

@media screen and ( max-width: 976px ) {
h1 {font-size:40px;}
h2 {font-size:30px;}
h3 {font-size:25px;}
.red-btn { }
.personal-testimonial-content {min-height:10px;}
.testimonial-box {margin-bottom:30px;}
.gray-table .section-title
.gray-line {margin-bottom:20px;}
p:last-child {margin-bottom:20px;}
.about-right-content {padding:30px 0px 0px 0px;}
.content-box {padding-right:0px;}
}

@media screen and ( max-width: 767px ) {
h1 {font-size:35px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
.header-content {padding:0px;}
.header-content h4 {font-size: 22px; margin-bottom:30px;}
.graybg {padding: 40px 20px 40px 20px;}
.number-list-content {padding:0px 0px 25px 0px;}
.number-list-li {padding:0px;}
.personal-testimonial-img img {max-width:100px; margin: 0px 0px 20px 0px;}
.testimonial-box {margin:0px 0px 30px 0px; padding:20px;}

.footer .single-footer {margin:0px;}
.single-footer {margin:0px;}
.single-footer img {max-width:140px; display:none;}
.footer .footer-top {padding-top:40px;}
.footer .single-footer h2 {padding:0px; margin:0px 0px 20px 0px;}
.header .header-inner {padding-bottom:0px;}
}

.privacy-text {padding:10px 0px 0px 0px;}
.privacy-text a {color:#A21A36;}
.privacy-text a:hover {text-decoration:underline;}