/*color codes*/

/* end */

/*generic footer*/
.bottom { position: relative; z-index: 1; display: flex; flex-direction: column; }
.bottom .bottom-cnt { max-width: 1440px; margin: auto; padding: 0 40px;  }
.bottom .bottom-wrap { position: relative;  }


.bottom .pop-e-service-cnt { order: 2; padding: 40px 0px 20px; color: #fff; background: #0072ca; background: -moz-linear-gradient(top, #0072ca 0%, #0072ca 10%, #00508d 100%); background: -webkit-linear-gradient(top, #0072ca 0%,#0072ca 10%,#00508d 100%); background: linear-gradient(to bottom, #0072ca 0%,#0072ca 10%,#00508d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072ca', endColorstr='#00508d',GradientType=0 ); }
.bottom .pop-e-service-cnt h2 { border-top: 2px solid #fff; padding-top: 5px; margin: 0 0 25px; }
.bottom .pop-e-service .pes-item { position: relative; display: inline-block; width: 100%; margin-bottom: 25px; padding-left: 0px; vertical-align: top; }
.bottom .pop-e-service .pes-item:nth-child(2n+3) { margin-left: 0; }
.bottom .pop-e-service .pes-item:first-child {margin-left:0; }
.bottom .pop-e-service .pes-item h3 { margin: 0 0 5px; }
.bottom .pop-e-service .pes-item h3 a{color:#fff;border-bottom:1px solid transparent}
.bottom .pop-e-service .pes-item h3 a:hover{border-bottom:1px solid #fff}
.bottom .pop-e-service .pes-item p{margin:0;line-height:150%;}

.bottom .foot-links-cnt { order: 3; background: #363636; color: #fff; padding-bottom: 15px; border-bottom: 1px solid #494949 }
.bottom .foot-links-cnt .about-social { display: table;padding:35px 0 30px; }
.bottom .foot-links-cnt .about-social > * { padding: 0 25px; vertical-align: top; display: block; padding-left: 0; margin-bottom: 30px; }
.bottom .foot-links-cnt .about-social > *:first-child { padding-left: 0; }
.bottom .foot-links-cnt .about-social > *:last-child { padding-right:0; }
.bottom .foot-links-cnt .about-social .foot-logo { min-width:300px;padding:0;margin-bottom:15px; }
.bottom .foot-links-cnt .about-social .foot-logo img {  max-width: 300px; }
.bottom .foot-links-cnt .about-social .about { font-weight: 300; line-height: 150%; width: 100%; padding-right: 0; }
/*.bottom .foot-links-cnt .about-social .social { width: auto; margin-bottom: 0px; }
.bottom .foot-links-cnt .about-social .social img { -webkit-filter: grayscale(1); filter: grayscale(1); transition: filter 0.25s; max-width: 36px; }
.bottom .foot-links-cnt .about-social .social img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); transition:filter 0.25s;}
.bottom .foot-links-cnt .about-social .social a { display: inline-block; margin-right: -4px; margin-left: 15px; overflow: hidden; max-height: 50px; }
.bottom .foot-links-cnt .about-social .social a:first-child{margin-left:0;}*/

.bottom .foot-links-cnt .foot-links { }
.bottom .foot-links-cnt .foot-links ul{list-style:none;}
.bottom .foot-links-cnt .foot-links .main-foot-links { display: block; width: 100%; margin-bottom: 50px; }
.bottom .foot-links-cnt .foot-links .main-foot-links > * { display: inline; }
.bottom .foot-links-cnt .main-foot-links .navf1 { }
.bottom .foot-links-cnt .main-foot-links .navf1 >   ul { display: inline; width: 100% }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li { display: inline-block; width: 33.333%; width: calc(100% / 3); margin-right: -4px; }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li h2 { margin: 30px 0 30px; }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li h2 a { border-bottom: 1px solid transparent; transition: all 0.25s; }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li h2 a:hover { border-bottom: 1px solid #0072ca; padding-bottom: 5px; transition: all 0.25s; }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li li{ margin-bottom:10px; }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li li a { color: #fff; border-bottom: 1px solid transparent; transition: all 0.25s; }
.bottom .foot-links-cnt .main-foot-links .navf1 > ul > li li a:hover { border-bottom: 1px solid #fff; padding-bottom: 3px;transition:all 0.25s; }
.bottom .foot-links-cnt .main-foot-links .affiliates { display: inline-block; width: 33.333%; width: calc(100% / 3); padding: 0; vertical-align: top; }
.bottom .foot-links-cnt .main-foot-links .affiliates h2{color:#0072ca;}
.bottom .foot-links-cnt .main-foot-links .affiliates .aff-item { display: inline-block; margin-right: -4px; margin-left: 25px; vertical-align: top; }
.bottom .foot-links-cnt .main-foot-links .affiliates .aff-item:first-of-type {margin-left:0;}
.bottom .foot-links-cnt .meta-foot-links   {  }
.bottom .foot-links-cnt .meta-foot-links .navf2 { text-align: left; }
.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li { display: block /*inline-block*/;  }
/*.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li:before { content: "|";padding:0 5px; }*/
.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li:first-child { padding: 0; margin: 0; }
.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li:first-child a { margin-left:0; }
.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li:first-child:before { content: none; }
.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li a { color: #fff; margin:0 0 10px 0 /*0 1px 0 5px*/; display:inline-block; }
.bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li a:hover { border-bottom: 1px solid #fff; padding-bottom: 3px; transition: all 0.25s; }

.bottom .foot-links-cnt .bottom-cnt .foot-links .social { width: auto; margin-bottom: 0px; padding-top:20px; }
.bottom .foot-links-cnt .bottom-cnt .foot-links .social img { -webkit-filter: grayscale(1); filter: grayscale(1); transition: filter 0.25s; max-width: 36px; }
.bottom .foot-links-cnt .bottom-cnt .foot-links .social img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); transition:filter 0.25s;}
.bottom .foot-links-cnt .bottom-cnt .foot-links .social a { display: inline-block; margin-right: -4px; margin-left: 15px; overflow: hidden; max-height: 50px; }
.bottom .foot-links-cnt .bottom-cnt .foot-links .social a:first-child{margin-left:0;}

.bottom .copyright-cnt { order: 3; background: #363636; color: #fff; padding: 20px 0; border-bottom: 1px solid #494949 }
.bottom .copyright-cnt .bottom-cnt { display: block; width: 100%; }
.bottom .copyright-cnt .bottom-cnt > * { display: block; text-align: left; }
.bottom .copyright-cnt .navf3 ul { list-style: none; }
.bottom .copyright-cnt .navf3 ul > li { display: block/*inline-block*/; }
/*.bottom .copyright-cnt .navf3 ul > li:before { content: "|"; padding: 0 5px; }*/
.bottom .copyright-cnt .navf3 ul > li:first-child { padding: 0; margin: 0; }
.bottom .copyright-cnt .navf3 ul > li:first-child a { margin-left: 0; }
.bottom .copyright-cnt .navf3 ul > li:first-child:before { content: none; }
.bottom .copyright-cnt .navf3 ul > li a { color: #fff; border-bottom: 1px solid transparent; transition: all 0.25s; margin: 0 0 10px 0; display:inline-block;}
.bottom .copyright-cnt .navf3 ul > li a:hover { border-bottom: 1px solid #fff; padding-bottom: 3px; transition: all 0.25s; }
.bottom .copyright-cnt .copyright  { margin-top:40px; }
.bottom .copyright-cnt .copyright .last-update { display: block; }

@media (-webkit-min-device-pixel-ratio: 1.1)  {
  .bottom .bottom-cnt { padding: 0 27px; }

  .bottom .pop-e-service-cnt { padding: 27px 0px 14px;}
  .bottom .pop-e-service-cnt h2 { border-top: 2px solid #fff; padding-top: 4px; margin: 0 0 17px; }
  .bottom .pop-e-service .pes-item {  margin-bottom: 17px; }
  .bottom .pop-e-service .pes-item h3 { margin: 0 0 4px; }

  .bottom .foot-links-cnt { padding-bottom: 10px;  }
  .bottom .foot-links-cnt .about-social {  padding: 24px 0 20px; }
  .bottom .foot-links-cnt .about-social > * { padding: 0 0px; margin-bottom: 20px; }
  .bottom .foot-links-cnt .about-social .foot-logo { min-width: 200px;  margin-bottom: 10px; }
  .bottom .foot-links-cnt .about-social .foot-logo img { max-width: 200px; }
  .bottom .foot-links-cnt .about-social .social a { margin-left: 10px;max-height: 36px; }
  .bottom .foot-links-cnt .about-social .social img { max-height: 24px; }

  .bottom .foot-links-cnt .foot-links .main-foot-links {  margin-bottom: 36px; }
  .bottom .foot-links-cnt .main-foot-links .navf1 > ul > li h2 { margin: 20px 0 20px; }
  .bottom .foot-links-cnt .main-foot-links .navf1 > ul > li h2 a:hover { padding-bottom: 4px;  }
  .bottom .foot-links-cnt .main-foot-links .navf1 > ul > li li { margin-bottom: 7px; }
  .bottom .foot-links-cnt .main-foot-links .navf1 > ul > li li a:hover { padding-bottom: 2px;}
  .bottom .foot-links-cnt .main-foot-links .affiliates .aff-item { margin-left: 17px; }
  .bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li:before {padding: 0 4px; }
  .bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li a {  /*margin:*/ /*0 1px 0 4px*/ /*0;*/ }
  .bottom .foot-links-cnt .meta-foot-links .navf2 > ul > li a:hover {  /*padding-bottom: 2px;*/ }

  .bottom .copyright-cnt {padding: 14px 0;}
  .bottom .copyright-cnt .navf3 ul > li:before { padding: 0 4px; }
  .bottom .copyright-cnt .navf3 ul > li a:hover { padding-bottom: 3px; }
  .bottom .copyright-cnt .copyright { margin-top: 40px; }
}

/*screen up till 640*/
@media screen and (max-width: 640px) {
  .bottom .foot-links-cnt .main-foot-links .navf1 > ul > li { width: 50%; width: calc(100% / 2); }
  .bottom .foot-links-cnt .main-foot-links .affiliates { width: 50%; width: calc(100% / 2); }
  .bottom .bottom-cnt {   padding: 0 15px; }
  @media (-webkit-min-device-pixel-ratio: 1.1)  {
    .bottom .bottom-cnt { padding: 0 10px; }
  }
}

/*screen up till 512*/
@media screen and (max-width: 512px) {
}

/*screen up till 480*/
@media screen and (max-width: 480px) {
  .bottom .foot-links-cnt .main-foot-links .navf1 > ul > li { width: 100%; }
  .bottom .foot-links-cnt .main-foot-links .affiliates { width: 100%; }
  @media (-webkit-min-device-pixel-ratio: 1.1)  {
    .bottom .bottom-cnt { padding: 0 10px; }
  }
}


/*screen up till 372*/
@media screen and (max-width: 372px) {
  .bottom .foot-links-cnt .about-social .foot-logo img{ width:100%;}
  @media (-webkit-min-device-pixel-ratio: 1.1)  {
    .bottom .foot-links-cnt .about-social .foot-logo { width: 187px; }
  }
}