/*********************************************************************************

	Note: This is custom css.

**********************************************************************************/


/* -------------------------
FIRSTPAGE 
--------------------------*/




.bg_image--firstpage {
  background-image: url(../img/bg/banner_firstpage.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }


.single-motive-speach {
  padding: 100px 50px !important;
	text-align: center;
}


.single-motive-speach .content img {
  max-height: 100px !important;
}

.single-motive-speach .content p {
   line-height: 25px;
font-family: 'Poppins', sans-serif !important;
font-size: 14px !important;
letter-spacing: 0.5px !important;
}

.single-motive-speach .icon  {
margin-top: -7px !important;
	margin-right: 37px;
}

.single-motive-speach .icon i  {

}


.single-motive-speach-bg1 {
	background-color: #913438 !important;
	-webkit-transition: background 0.6s linear;
    -moz-transition: background 0.6s linear;
    -o-transition: background 0.6s linear;
    transition: background 0.6s linear;
	animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
	
}


.single-motive-speach-bg1:hover {
	  background-color: transparent!important;
}
.single-motive-speach-bg2 {
	 background-color: #138995 !important;
	-webkit-transition: background 0.6s linear;
    -moz-transition: background 0.6s linear;
    -o-transition: background 0.6s linear;
    transition: background 0.6s linear;
	animation: fadeIn ease 2.5s;
-webkit-animation: fadeIn ease 2.5s;
-moz-animation: fadeIn ease 2.5s;
-o-animation: fadeIn ease 2.5s;
-ms-animation: fadeIn ease 2.5s;
}

.single-motive-speach-bg2:hover {
	  background-color: transparent!important;
}
.single-motive-speach-bg3 {
	 background-color: #003e69 !important;
	-webkit-transition: background 0.6s linear;
    -moz-transition: background 0.6s linear;
    -o-transition: background 0.6s linear;
    transition: background 0.6s linear;
	animation: fadeIn ease 3s;
-webkit-animation: fadeIn ease 3s;
-moz-animation: fadeIn ease 3s;
-o-animation: fadeIn ease 3s;
-ms-animation: fadeIn ease 3s;
}
.single-motive-speach-bg3:hover {
	   background-color: transparent!important;
}



.icon-grid-box {
margin-top: 0px !important; 
	 grid-column-gap: 100px;
  grid-row-gap: 50px;
}

 .icon-grid-box .bk-icon {
    }

 .icon-grid-box .bk-icon .icon {
    
}

.bk-icon {
	
}

 .icon-grid-box .bk-icon .icon.bg-color-1 {
        background: #913438; }
      .icon-grid-box .bk-icon .icon.bg-color-2 {
        background: #008d96; }
      .icon-grid-box .bk-icon .icon.bg-color-3 {
        background: #005977; }





 @media only screen and (min-width: 1691px) {

 
.single-motive-speach {
  padding: 100px 40px !important;
}
 
  .single-motive-speach-bg1 {
height: 325px !important;
padding-top: 12px !important;
}
 .single-motive-speach-bg2 {
height: 325px !important;
padding-top: 12px !important;
}

.single-motive-speach-bg3 {
height: 325px !important;
padding-top: 12px !important;
}
	 
	 
}


 @media only screen and (min-width: 1400px) and (max-width: 1690px) {


.single-motive-speach {
  padding: 100px 40px !important;
}
 
  .single-motive-speach-bg1 {
height: 325px !important;
padding-top: 3.5% !important;
}
 .single-motive-speach-bg2 {
height: 325px !important;
padding-top: 6% !important;
}

.single-motive-speach-bg3 {
height: 325px !important;
	padding-top: 7% !important;
}
	 
	 
}


 @media only screen and (min-width: 1200px) and (max-width: 1399px) {


.single-motive-speach {
  padding: 80px 35px !important;
}

	  .single-motive-speach-bg1 {
height: 280px !important;
padding-top: 4.5% !important;
}
 .single-motive-speach-bg2 {
height: 280px !important;
padding-top: 8.5% !important;
}

.single-motive-speach-bg3 {
height: 280px !important;
	padding-top: 9.5% !important;
}
	 
	 
 
}




 @media only screen and (min-width: 992px) and (max-width: 1199px) {


.single-motive-speach {
  padding: 80px 50px !important;
}

	 
	  .single-motive-speach-bg1 {
height: 270px !important;
padding-top: 1.5% !important;
}
 .single-motive-speach-bg2 {
height: 270px !important;
padding-top: 4% !important;
}

.single-motive-speach-bg3 {
height: 270px !important;
	padding-top: 5.5% !important;
}
	 
	 
	 
}



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

.single-motive-speach .content img {
  max-height: 85px !important;
}
	 
.single-motive-speach {
  padding: 80px 40px !important;
}

	  .single-motive-speach-bg1 {
height: 270px !important;
padding-top: 12px !important;
}
 .single-motive-speach-bg2 {
height: 270px !important;
padding-top: 13px !important;
}

.single-motive-speach-bg3 {
height: 270px !important;
	padding-top: 17px !important;
}
	 
	 
	 
}


 @media only screen and (min-width: 500px) and (max-width: 767px) {

.single-motive-speach .content img {
  max-height: 75px !important;
}
	 
.single-motive-speach {
  padding: 40px 0px !important;
}

 	  .single-motive-speach-bg1 {
height: 260px !important;
padding-top: 52px !important;
}
 .single-motive-speach-bg2 {
height: 150px !important;
padding-top: 0px !important;
}

.single-motive-speach-bg3 {
height: 150px !important;
	padding-top: 0px !important;
}

	
	 
}



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

.single-motive-speach .content img {
  max-height: 70px !important;
}
	 
.single-motive-speach {
  padding: 40px 0px !important;
}

 
 	  .single-motive-speach-bg1 {
height: 250px !important;
padding-top: 50px !important;
}
 .single-motive-speach-bg2 {
height: 150px !important;
padding-top: 0px !important;
}

.single-motive-speach-bg3 {
height: 150px !important;
padding-top: 0px !important;
}

	
	 
}