/*
 Theme Name:  Speak Arabic Theme
 Theme URI:    http://
 Description:  Bootstrap Child Theme
 Author:       Justin Yingling
 Author URI:   https://fosemckay.com
 Template:     wp-bootstrap-starter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  theme-name
*/


@font-face {
  font-family: 'Avenir LT';
  src: url('assets/fonts/avenir/AvenirNextLTW01RegularRegular.eot?#iefix') format('embedded-opentype'),  
       url('assets/fonts/avenir/AvenirNextLTW01RegularRegular.woff') format('woff'), 
       url('assets/fonts/avenir/AvenirNextLTW01RegularRegular.ttf')  format('truetype'), 
       url('assets/fonts/avenir/AvenirNextLTW01RegularRegular.svg#AvenirNextLTW01RegularRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir-Bold';
  src: url('assets/fonts/avenir/Avenir-Bold.eot');
  src: url('assets/fonts/avenir/Avenir-Bold.eot?#iefix') format('embedded-opentype'),
       url('assets/fonts/avenir/Avenir-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNextLTProBold';
  src: url('assets/fonts/avenir/AvenirNextLTProBold.svg#AvenirNextLTProBold') format('svg'),
       url('assets/fonts/avenir/AvenirNextLTProBold.ttf') format('truetype'),
       url('assets/fonts/avenir/AvenirNextLTProBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
 
@font-face {
  font-family: 'AvenirNext-Heavy';
  src: url('assets/fonts/avenir/AvenirNext-Heavy.svg#AvenirNext-Heavy') format('svg'),
       url('assets/fonts/avenir/AvenirNext-Heavy.ttf') format('truetype'),
       url('assets/fonts/avenir/AvenirNext-Heavy.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body, html { height: 100% }
body { color: #000; font-family: 'Avenir LT', sans-serif;  font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.container { margin: 0 auto; max-width: 100%; width: 1368px }
@media(max-width: 767px) {
.container { max-width: 90% }
}
/* .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1920px!important } */
.container-inner { max-width: 90% }
#content.site-content { padding-bottom: 0 }
a { color: #007bff }


/* bg colors */
.bg-pink { background: #D1495B }
.bg-dk-blue { background: #001F45 }
.text-blue  { color: #0069AA } 

/* headings */
h1,h2,h3,h4,h5,h6 { color: #0069AA; font-family: 'AvenirNextLTProBold', sans-serif; font-weight: 900 }
.h3-title--pink { color: #D1495B }
.text-dk-blue, 
.h3-title--dk-blue { color: #001F45 }
a:hover { color: #000 }

/* header */
.header { position: absolute; top: 118px; width: 100%; z-index: 10 } 
.ham-menu span { background: #fff!important; content: ''; display: block; height: 2px; margin: 6px 0; width: 40px }  
.header .container { position: relative }
.site-logo { background: url('assets/images/speak-arabic-logo@2x.png')no-repeat center center / cover; content: ''; display: block; height: 120px; position: relative; width: 152px; z-index: 100 }
@media(max-width: 767px) { 
 .header { top: 40px }
 .site-logo { float: right; top: -40px }
}


/* layover nav */ 
.layover-nav { display:none; position: fixed; height: 100vh; left: 0; margin: 0; max-width: 100%; padding: 80px; top: 0; width: 100%; z-index: 999 }
.layover-nav--columns { margin: 0 auto; width: 100% }
.layover-nav .nav-col { background: #999; color: #fff; margin: 0 8px; text-align: center } 
.layover-nav .nav-col .nav-col--title { color: #fff; font-size: 3em; margin-bottom: 2rem }
.layover-nav .nav-col p { color: inherit }
 
 
/* page header */
.page-header { background-position: center center; background-size: cover; height: 100vh; position: relative; width: 100% }
.page-header--inner { position: relative; z-index: 3  }
.page-title { position: absolute ; margin-top: 38vh}
.page-title span { color: #D1495B; display: block }
.page-title > h1 { color: #fff; font-size: 4rem }

.page-title--down-arrow { background: url('assets/images/down-arrow-style-1@2x.png')no-repeat center center / contain; content: ''; display: block; height: 40px; position: relative; width: 10px }
.page-header--overlay { height: 100vh; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 }  
.page-title--down-arrow { animation: pulse2 1.5s infinite;animation-direction: alternate; -webkit-animation-name: pulse2; animation-name: pulse2; display: table; margin: 0 auto; margin-top: 0x }

 
/* page nav */
.page-nav { margin: 0; padding: 30px 0 }
.page-nav ul { height: 10px; list-style: none; margin: 0; padding: 0 }
.page-nav ul li { display: inline-block; padding: 0 12px }
.page-nav ul li a { color: #000; font-size: 17px; }
.page-nav ul li a:hover { color: #D1495B; text-decoration: none }
.page-nav ul li.prev-page { padding-left: 0 } 
.page-nav ul li.prev-page span { background: url('assets/images/nav-arrow-left@2x.png')no-repeat center center / contain; content: ''; display: inline-block; height:10px; margin: 0 8px 0 0; position: relative; vertical-align: middle; width: 42px }
.page-nav ul li.next-page span { background: url('assets/images/nav-arrow-right@2x.png')no-repeat center center / contain; content: ''; display: inline-block; height: 10px; margin: 0 8px; position: relative; vertical-align: middle; width: 42px }
 @media(max-width: 1023px) {
  .page-nav ul { text-align: center }
}
/* sections */
.section { position: relative }
/* timeline */
.timeline--left-nav--sticky { display: none; left: 0; margin-left: 0; margin-top: 0; position: fixed; top: 0; transform: translate(78%, 34%); z-index: 10 }
.timeline--left-nav--sticky .timeline--blue--text-white li a { color: #fff }
.timeline-column .timeline--left-nav { margin-top: 40px; overflow-y: hidden; position: relative }
.timeline-column .timeline--left-nav:after{ background: #0069AA; content: ''; display: block; left: 14px; position: absolute; top: 10px; width: 3px; min-height: 238px; z-index: 1 }
.timeline-column .timeline--left-nav ul { list-style: none; margin: 0 0 0 3px; padding: 0 }
.timeline-column .timeline--left-nav ul li { clear: both; display: block; float: none; height: 40px; line-height: 1.6; margin: 20px 0; padding-left: 12px; position: relative }
.timeline--left-nav li a { font-size: 14px; text-decoration: none }
.timeline--left-nav li a.page-scroller { margin-top: 0 }
.timeline-column .timeline--left-nav ul li:first-of-type { margin-top: 0 }
.timeline-column .timeline--left-nav ul li:before { background: url('assets/images/blue-diamond-marker@2x.png')no-repeat center center / contain; content: ''; display: inline-block; height: 15px; left: -7px; position: relative; top: 2px; width: 15px; z-index: 2 }
.timeline-column .timeline--left-nav ul li.current-section:before { background: url('assets/images/red-diamond-marker@2x.png')no-repeat center center / contain; content: ''; display: inline-block; height: 27px; left: -13px; position: relative; top: 2px; width: 27px; z-index: 2 }
.timeline-column .timeline--left-nav ul li span { display: inline-block; position: absolute; width: 180px }
.timeline--blue--text-white { color: #fff } 
@media screen and (min-width: 1024px) and (max-width: 1600px) {
.timeline--left-nav--sticky { transform: translate(0,34%)  }
}
@media screen and (max-width: 1023px) {
  .timeline--left-nav--sticky,
  .timeline-column,
  .timeline-column .timeline--left-nav { display: none!important; left: -9999px }
}  
  

.h2-title { font-size: 3rem }
.h2-title--black { color: #000 }
.h2-title--pink  { color: #D1495B }

.down-arrow { bottom: 0; height: 40px; left: 0; position: absolute; text-align: center; width: 100%; z-index: 3 }
.down-arrow--rel { height: 40px; position: relative; text-align: center; width: 100%; z-index: 3 }
.down-arrow a { display: block; width: 100% }
.down-arrow span { background: url('assets/images/down-arrow@2x.png')no-repeat center center / contain; display: block; height: 8px; margin: 0 auto; width: 14px }
@media(max-width: 767px) {
  .down-arrow--rel { margin: 0 0 40px }
}
 
/* ac-section--1 */
.ac-section-1--content-1 { text-align: right }
.ac-section-1--content-1 .img-1 { width: 540px }
.ac-section-1--content-1 .img-2,
.ac-section-1--content-1 .img-3 { width: 674px } 

.ac-section-1--content-1 aside { text-align: left } 
.ac-section-1--content-1 aside p  { font-size: 14px; float: right; max-width: 90%; width: 511px }
@media(max-width: 767px) {
  .ac-section-1--content-1 .order-2 { order: 1 }
}
@media(max-width: 767px) {
  .ac-section-1--content-1 { text-align: center }
  .m-img { height: auto; margin: 0 auto; width: 100% }
  .ac-section-1--content-1 aside h3 { margin-left: 0!important }
  .ac-section-1--content-1 aside p { max-width: 100% }
  .mp-0 { padding-left: 0!important; padding-right: 0!important }
}
.vh100 { min-height: 100vh }

/* ac-section-2 */
.ac-section-2--content-2 aside p { max-width: 100%; width: 536px }
.culture-timeline-column--wrap { max-width: 100% }
.culture-timeline-column ul { list-style: none; margin: 0; padding: 0 }
/* .culture-timeline-column ul:after { background: #fff; content: ''; display: block; height: 2px; left: 0; top: -51px; position: relative; width: 55%; } */
.culture-timeline-column ul li { color: #fff; display: inline-block; position: relative; width: 26px }  
.culture-timeline-column ul li.child-item p { display: none }
.culture-timeline-column ul li:after { background: #fff; content: ''; display: block; height: 2px; left: 8px; top: -45px; position: relative; width: 100% }
.culture-timeline-column ul li:last-of-type:after { display: none }
.culture-timeline-column ul li.child-item:hover p,
.culture-timeline-column ul li.child-item.child-item--active p { display: block }  
.culture-timeline-column ul li.parent-item span { position: absolute; top: -10px }
.culture-timeline-column ul li.parent-item:before, 
.culture-timeline-column ul li.parent-item:hover:before{ background: url('assets/images/white-diamond-marker@2x.png')no-repeat center center / contain; content: ''; display: block; height: 15px; left: 0; position: relative; top: -36px; width: 15px; z-index: 100 }
.culture-timeline-column ul li.child-item:before { background: url('assets/images/culture-timeline-dot-default@2x.png')no-repeat center center / contain; content: ''; display: block; height: 12px; left: 0; position: absolute; top: -50px; width: 12px; z-index: 100 }
.culture-timeline-column ul li:hover:before,
.culture-timeline-column ul li.child-item.child-item--active:before { background: url('assets/images/culture-timeline-active@2x.png')no-repeat center center / contain; content: ''; display: block; height: 65px; left: 0; position: absolute; top: -103px; width: 12px; z-index: 100 }
.culture-timeline-column ul li:hover { padding: 0; margin: 0 } 
.culture-timeline-column ul li.child-item.child-item--active .pulse-dot--pink { animation: pulse 2s infinite; background: #fff; border-radius: 50%; box-shadow: 0 0 0 rgba(204,169,44, 0.4); content: ''; display: block; height: 12px; left: 0; margin-left: 0; margin-top: -51px; position: absolute; top: 1px; width: 12px }
.culture-timeline-column ul li:hover p,
.culture-timeline-column ul li.child-item.child-item--active p { margin: 0; position: absolute; top: -200px; width: 268px }
.culture-timeline-column--mobile-heading { display: none }
@media(max-width: 1600px) {  
  .culture-timeline-column { margin: 200px 0 0!important }
}
@media(max-width: 767px) { 
  .culture-timeline-column--mobile-heading { color: #D1495B; display: block; font-size: 18px; font-weight: bold }
  .ac-section-2--content-2 aside p { width: 100% } 
  .culture-timeline-column { margin: 20px 0 0!important }
  .culture-timeline-column--wrap { height: 400px; overflow-x: auto  }
  .culture-timeline-column ul li { display: inline-block ; float: none; margin: 20px auto; width: 90% }
  .culture-timeline-column ul li.parent-item:first-of-type { margin-bottom: 0 } 
  .culture-timeline-column ul li.parent-item { margin-bottom: 12px }
  .culture-timeline-column ul li.first-item { margin-top: 0 }
  .culture-timeline-column ul li.child-item p { display: block; position: relative; top: 0; width: 280px }
  .culture-timeline-column ul li:after { display: none }
  .culture-timeline-column ul li.parent-item span { font-size: 20px; font-weight: bold; padding-bottom: 6px; position: relative; top: 0 }
  .culture-timeline-column ul li.parent-item br { display: inline-block }
  .culture-timeline-column ul li.parent-item:before,
  .culture-timeline-column ul li.child-item.child-item--active:before { display: none }
  .culture-timeline-column ul li.child-item:before { position: relative; top: -4px }
}
.section-overlay { background-color: rgba(0,31,69,0.80); bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 }

/* ac-section-3 */ 
.ac-section-3 { background-position: center center; background-size: cover; height: auto; overflow: hidden; position: relative; width: 100% }
.ac-section-3 .container { position: relative; z-index: 2 }
.ac-section-3--content-3 { margin-top: 10% } 
@media(max-width: 767px) {
 .ac-section-3 { height: auto }
 .section-overlay { height: 100% }
}

/* ac-section-4 */  
.ac-section-4 .container { position: relative; z-index: 2 } 
.arab-world-map-section  { height: 916px; position: relative }
.arab-world-map-section .content-column { bottom: 0; left: 0; margin-bottom: 0; position: absolute; width: 564px } 
.arab-world-map-section .map-column { top: 0; right: 0; position: absolute; width: 916px } 
.arab-world-map-container { display: inline-block; position: relative }
.arab-world-map img { display: block; height: auto; max-width: 100% } 

.map-markers li { list-style: none; padding: 0 }
[class*="map-marker--"] { background: url('assets/images/map-dot@2x.png')no-repeat center center / contain;  border: 1px solid #fff; border-radius: 50%; display: block; height: 26px; left: 0; margin-left: 50%; position: absolute; top: 0; transition: all .2s ease-in-out; width: 26px; z-index: 100 }
[class*="map-marker--"]:hover  { border: 2px solid #fff; border-radius: 50%; transform: scale(1.1); z-index: 999 }
@media(max-width: 767px) { 
  [class*="map-marker--"] { height: 13px; width: 13px } 
}

.map-markers li:hover:before {  animation: none }
.map-markers li:before { animation: pulse 3s infinite; border-radius: 50%; box-shadow: 0 0 0 rgba(204,169,44, 0.4); content: ''; display: block; height: 12px; left: 0; margin-left: 6px; margin-top: 6px; position: absolute; top: 0; width: 12px }
@media(max-width: 767px) {
  [class*="map-marker--"], [class*="map-marker--"]:hover { border: none }
  .map-markers li:before {  margin-left: 0; margin-top: 0 } 
  .map-markers li:hover:before {  animation: none }
}
.arab-world-map .map-markers .map-marker--map-marker--1 { left: -26.25%; top: 4% }
.arab-world-map .map-markers .map-marker--map-marker--1:hover .info-box--1 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--2 { left: -34.75%; top: 4.75% }
.arab-world-map .map-markers .map-marker--map-marker--2:hover .info-box--2 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--3 { left: -15%; top: 3% }
.arab-world-map .map-markers .map-marker--map-marker--3:hover .info-box--3 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--4 { left: -11.25%; top: 7.5% }
.arab-world-map .map-markers .map-marker--map-marker--4:hover .info-box--4 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--5 { left: 10%; top: 10% }
.arab-world-map .map-markers .map-marker--map-marker--5:hover .info-box--5 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--6 { left: 15.5%; top: 8.75% }
.arab-world-map .map-markers .map-marker--map-marker--6:hover .info-box--6 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--7 { left: 15.75%; top: 6% }
.arab-world-map .map-markers .map-marker--map-marker--7:hover .info-box--7 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--8 { left: 19.5%; top: 3.25% }
.arab-world-map .map-markers .map-marker--map-marker--8:hover .info-box--8 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--9 { left: 26%; top: 7% }
.arab-world-map .map-markers .map-marker--map-marker--9:hover .info-box--9 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--10 { left: 32.5%; top: 11.5% }
.arab-world-map .map-markers .map-marker--map-marker--10:hover .info-box--10 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--11 { left: 37%; top: 14% }
.arab-world-map .map-markers .map-marker--map-marker--11:hover .info-box--11 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--12 { left: 37%; top: 16.75% }
.arab-world-map .map-markers .map-marker--map-marker--12:hover .info-box--12 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--13 { left: 40.75%; top: 18.75% }
.arab-world-map .map-markers .map-marker--map-marker--13:hover .info-box--13 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--14 { left: 45.75%; top: 20.75% }
.arab-world-map .map-markers .map-marker--map-marker--14:hover .info-box--14 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--15 { left: 29%; top: 20% }
.arab-world-map .map-markers .map-marker--map-marker--15:hover .info-box--15 { display: block } 

.arab-world-map .map-markers .map-marker--map-marker--16 { left: 31.5%; top: 30.5% }
.arab-world-map .map-markers .map-marker--map-marker--16:hover .info-box--16 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--17 { left: 13%; top: 31.5% }
.arab-world-map .map-markers .map-marker--map-marker--17:hover .info-box--17 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--18 { left: 27%; top: 35.5% }
.arab-world-map .map-markers .map-marker--map-marker--18:hover .info-box--18 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--19 { left: 30.25%; top: 46.5% }
.arab-world-map .map-markers .map-marker--map-marker--19:hover .info-box--19 { display: block }

.arab-world-map .map-markers .map-marker--map-marker--20 { left: 28.75%; top: 68% }
.arab-world-map .map-markers .map-marker--map-marker--20:hover .info-box--20 { display: block }

.arab-world-map .info-box { display: none; left: -435px; min-width: 480px; max-width: 100%; padding: 0 20px 20px; position: relative; top: 40px; z-index: 999 }
.info-box-blue:before { background: url('assets/images/info-box-marker-blue@2x.png')no-repeat center center / cover; content: ''; display: block; float: right; height: 23px; position: relative; top: -10px; width: 23px; z-index: 109 }

.arab-world-map .info-box .h3-title--pink { font-size: 30px; margin-bottom: 26px }
.arab-world-map .info-box .h3-title--pink span { color: #fff; display: block; font-size: 20px }

@media(max-width: 1500px) {
  .arab-world-map-section .content-column { max-width: 90%; width: 470px }
}
@media(max-width: 1270px) {
  .arab-world-map-section { height: auto }
  .arab-world-map-section .content-column { margin-top: 60px }
  .arab-world-map-section .content-column,
  .arab-world-map-section .map-column{ max-width: 100%; position: relative; width: 100% }
}
@media(max-width: 767px) {
  [class*="map-marker--"]:hover .info-box  { width: 90%; max-width: 90% }
  [class*="map-marker--"]:hover { background: none!important; left: 0!important; margin-left: -20px!important; position: absolute!important; top: 40px!important; width: 100%  } 
  .arab-world-map .info-box { display: none; left: 0; margin-left: -10px!important; width: 100%!important; max-width: 100%; padding: 0 20px 20px; position: relative; top: 40px; z-index: 999 }
  .info-box-blue:before { background:none; content: ''; display: block; float: none; height: 23px; position: relative; top: -10px; width: 23px; z-index: 109 }
  .arab-world-map .info-box .h3-title--pink { font-size: 120% }
  .arab-world-map .info-box .h3-title--pink span { font-size: 75% }
  .arab-world-map .info-box p { font-size: 80%; max-width: 70%!important }  
  .content-column .pl-5 { padding-left: 0!important }
}


/* ac-section-5 */  
/* diaspora-map */
.diaspora-map-container { display: inline-block; position: relative }
.diaspora-map img { display: block; height: auto; max-width: 100% }
.diaspora-map .map-markers .map-marker--map-marker--1 { left: -37.5%; top: 30% }
.diaspora-map .map-markers .map-marker--map-marker--1:hover .diaspora-map--info-box--1{ display: block }

.diaspora-map .map-markers .map-marker--map-marker--2 { left: -6.5%; top: 22.25% }
.diaspora-map .map-markers .map-marker--map-marker--2:hover .diaspora-map--info-box--2{ display: block }

.diaspora-map .map-markers .map-marker--map-marker--3 { left: -2%; top: 49% }
.diaspora-map .map-markers .map-marker--map-marker--3:hover .diaspora-map--info-box--3{ display: block }

.diaspora-map .map-markers .map-marker--map-marker--4 { left: -26.75%; top: 64% }
.diaspora-map .map-markers .map-marker--map-marker--4:hover .diaspora-map--info-box--4{ display: block }

.diaspora-map .map-markers .map-marker--map-marker--5 { left: 35%; top: 78% }
.diaspora-map .map-markers .map-marker--map-marker--5:hover .diaspora-map--info-box--5{ display: block }

.diaspora-map .diaspora-map--info-box { display: none; left: 44px; min-width: 480px; max-width: 100%; padding: 0 20px 20px; position: relative; top: -118px; z-index: 999 }
.diaspora-map .info-box-white:before { background: url('assets/images/info-box-marker-white@2x.png')no-repeat center center / cover; content: ''; display: block; float: left; height: 23px; margin-left: -32px; position: relative; top: 120px; width: 23px; z-index: 109 }

.diaspora-map .diaspora-map--info-box .h3-title--dk-blue { font-size: 30px; margin-bottom: 12px }
.diaspora-map .diaspora-map--info-box .h3-title--dk-blue span { color: #fff; display: block; font-size: 20px }

.diaspora-map .diaspora-map--info-box p { font-size: 13px }  

@media(max-width: 767px) { 
  .diaspora-map .diaspora-map--info-box { display: none; left: 0; margin-left: -10px!important; width: 100%!important; max-width: 100%; padding: 0 20px 20px; position: relative; top: 40px; z-index: 999 }
  .diaspora-map .info-box-white:before  { background:none; content: ''; display: block; float: none; height: 23px; position: relative; top: -10px; width: 23px; z-index: 109 }
  .diaspora-map .diaspora-map--info-box .h3-title--dk-blue { font-size: 120% }
  .diaspora-map .diaspora-map--info-box .h3-title--dk-blue span{ font-size: 75% }
  .diaspora-map .diaspora-map--info-box p { font-size: 80%; max-width: 75%!important }  
  .content-column .pl-5 { padding-left: 0!important }
}



/* animations */
/* pulse */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(209, 73, 91, 0.7);;
  }
  70% {
      -webkit-box-shadow: 0 0 0 5px rgba(209, 73, 91, 0.7);;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(209, 73, 91, 0.7);;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(209, 73, 91, 0.7);;
    box-shadow: 0 0 0 0 rgba(209, 73, 91, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 5px rgba(209, 73, 91, 0.7);;
      box-shadow: 0 0 0 5px rgba(209, 73, 91, 0.7);;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(209, 73, 91, 0.7);;
      box-shadow: 0 0 0 0 rgba(209, 73, 91, 0.7);;
  }
}
/* pulse2 */
@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.25);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes pulse2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

/* footer */
.sa-footer,
.sa-footer a { color: #fff }
.footer-content ul { margin: 0; padding: 0 }
.footer-content ul li { display: inline; padding: 0 8px }
.footer-content ul li:first-of-type { margin: 0; padding-left: 0 }  
.footer-content .footer-tools-icon { background: url('assets/images/footer-icons-sprite@2x.png')no-repeat 0 0 / cover; display: inline-block; height: 20px; margin: 0 6px; padding: 0; text-align: center; width: 20px }
.footer-tools .search-icon {  background-position: 2px 0 }
.footer-tools .fb-icon {  background-position: -31px 2px }
.footer-tools .tw-icon {  background-position: -65px 0 }
.footer-tools .inst-icon {  background-position: -104px 0 }
.footer-tools .mail-icon {  background-position: -144px 0 }
.footer-tools-icon a { display: block; height: 100%; width: 100% }
.footer-nav span { display: inline-block; font-size: 20px; font-weight: bold; left: -10px; position: relative; top: 2px }
.footer-logo { text-align: right }
.footer-logo img { height: auto; width: 152px }

@media(max-width: 767px) { 
  .footer-content ul li { padding: 0 4px }
  .footer-nav span { left: -6px }
}