/*** ======= // TABLE OF CONTENT // ============================

01- Google Fonts

02- General Styling

03- Cross Browser Compatibility

04- Project Style

05- Header Styles

    05.1- Header Style 1

    05.2- Header Style 2

    05.3- DropDown

    05.4- Sticky Header

06- Responsive Header

    06.1- Responsive Menu

07- Theme Button

08- Featured Area

09- Pillars Sec

10- Sec Title

11- About Sec

12- Service Sec

13- Support Sec

14- Team Sec

15- Events & Prayer Timing Sec

16- Testimonials Sec

17- Featured Sec

18- Footer

19- Bottom Bar

20- Featured Area Style 2

21- History Sec

22- Sec Title Style 2

23- Team Style 2

24- Service Style 2

25- Features Sec

26- Support Style 2

27- Testimonials Style 2

28- Newsletter Sec

29- Page Title Wrap

30- Contact Info Wrap

31- Newsletter Style 2

32- Contact Page

33- Blog Page

34- Pagination Wrap

35- Event Page

36- Bord Sec

37- Crowd Funding Page

38- Expans

39- About Page

40- Message

41- Portfolio

42- Place

43- Blog Detail Page

44- Sidebar

45- Shapes Style

46- Sidepanel

47- Header Search

48- Page Loaders



===================================================== ***/



/*===== Google Fonts =====*/

@import url(https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i);

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i');





/*===== General Styling =====*/

html, 

body {overflow-x:hidden;}

body {

  float: left;

  font-family: Poppins;

  letter-spacing: -.3px;

  margin: 0;

  position: relative;

  width: 100%;

}

h1,h2,h3,h4,h5,h6 {

  font-family: Poppins;

  color: #444;

  font-weight: 700;

}

.h1, h1 {

    font-size: 2.2rem;

}

p {

  font-family: Poppins;

  color: #666;

  line-height: 26px;

  font-size: 15px;

  font-weight: 400;

}

ul li,

ol li {

  font-family: Poppins;

  color:#666;

  font-size:14px;

  line-height:26px;

}

a {color: inherit;}

a:hover,

a:focus,

ins {

  text-decoration:none;

  outline:none;

  color:#d1ad3c;

}

input,

textarea,

select,

button {border: 0;}

button,

input[type="submit"],

.fileContainer,

input[type="file"] {cursor: pointer;}

input:focus,

textarea:focus,

select:focus,

button:focus,

a:focus,

.form-wrp fieldset p a:focus,

.page-link:focus,

.btn.focus, 

.btn:focus,

.bootstrap-select .dropdown-toggle:focus {

  border-color: transparent;

  outline: none !important;

  -webkit-box-shadow: none !important;

  -ms-box-shadow: none !important;

  -o-box-shadow: none !important;

  box-shadow: none !important;

}

textarea {resize: none;}

main {

  float: left;

  position: relative;

  width: 100%;

  padding-top: 0 !important;

}

body.boxed {text-align: center;}

body.boxed main {

  float: none;

  display: inline-block;

  text-align: left;

  width: 1720px;

}

section {

  float:left;

  position:relative;

  width:100%;

}

.gap {

  float: left;

  padding: 100px 0;

  position: relative;

  width: 100%;

}

.less-gap,

.gap.less-gap {padding: 80px 0;}

.top-spac30,

.gap.top-spac30 {padding-top: 30px;}

.bottom-spac30,

.gap.bottom-spac30 {padding-bottom: 30px;}

.top-spac40,

.gap.top-spac40 {padding-top: 40px;}

.bottom-spac40,

.gap.bottom-spac40 {padding-bottom: 40px;}

.top-spac50,

.gap.top-spac50 {padding-top: 50px;}

.bottom-spac50,

.gap.bottom-spac50 {padding-bottom: 50px;}

.top-spac60,

.gap.top-spac60 {padding-top: 60px;}

.bottom-spac60,

.gap.bottom-spac60 {padding-bottom: 60px;}

.top-spac70,

.gap.top-spac70 {padding-top: 70px;}

.bottom-spac70,

.gap.bottom-spac70 {padding-bottom: 70px;}

.top-spac80,

.gap.top-spac80 {padding-top: 80px;}

.bottom-spac80,

.gap.bottom-spac80 {padding-bottom: 80px;}

.top-spac90,

.gap.top-spac90 {padding-top: 90px;}

.bottom-spac90,

.gap.bottom-spac90 {padding-bottom: 90px;}

.top-spac120,

.gap.top-spac120 {padding-top: 120px;}

.bottom-spac120,

.gap.bottom-spac120 {padding-bottom: 120px;}

.top-spac140,

.gap.top-spac140 {padding-top: 140px;}

.bottom-spac140,

.gap.bottom-spac140 {padding-bottom: 140px;}

.top-spac170,

.gap.top-spac170 {padding-top: 170px;}

.bottom-spac170,

.gap.bottom-spac170 {padding-bottom: 170px;}

.top-spac180,

.gap.top-spac180 {padding-top: 180px;}

.bottom-spac180,

.gap.bottom-spac180 {padding-bottom: 180px;}

.top-spac200,

.gap.top-spac200 {padding-top: 200px;}

.bottom-spac200,

.gap.bottom-spac200 {padding-bottom: 200px;}

.top-spac220,

.gap.top-spac220 {padding-top: 220px;}

.bottom-spac220,

.gap.bottom-spac220 {padding-bottom: 220px;}

.top-spac230,

.gap.top-spac230 {padding-top: 230px;}

.bottom-spac230,

.gap.bottom-spac230 {padding-bottom: 230px;}

.top-spac250,

.gap.top-spac250 {padding-top: 250px;}

.bottom-spac250,

.gap.bottom-spac250 {padding-bottom: 250px;}

.top-spac270,

.gap.top-spac270 {padding-top: 270px;}

.bottom-spac270,

.gap.bottom-spac270 {padding-bottom: 270px;}

.remove-gap,

.gap.remove-gap {padding-top: 0;}

.remove-bottom,

.gap.remove-bottom {padding-bottom: 0;}

.no-gap,

.gap.no-gap {padding: 0;}

.wht-bg {background-color: #fff;}

.drk-bg {background-color: #383838;}

.drk-bg2 {background-color: #222;}

.gray-bg {background-color: #edf8fd;}

.gray-bg2 {background-color: #f6f6f6;}

.container {

  padding: 0;

  max-width:1170px;

}

.remove-ext,

.remove-ext1,

.remove-ext2,

.remove-ext3,

.remove-ext4,

.remove-ext5,

.remove-ext6,

.remove-ext7,

.remove-ext8,

.remove-ext9,

.remove-ext10,

.remove-ext11,

.remove-ext12,

.remove-ext13,

.remove-ext14,

.remove-ext15 {

  float: left;

  margin-bottom: -20px;

  z-index: 1;

  width: 100%;

}

.remove-ext1 {margin-bottom: -15px;}

.remove-ext2 {margin-bottom: -25px;}

.remove-ext3 {margin-bottom: -30px;}

.remove-ext4 {margin-bottom: -35px;}

.remove-ext5 {margin-bottom: -40px;}

.remove-ext6 {margin-bottom: -45px;}

.remove-ext7 {margin-bottom: -50px;}

.remove-ext8 {margin-bottom: -55px;}

.remove-ext9 {margin-bottom: -60px;}

.remove-ext10 {margin-bottom: -65px;}

.remove-ext11 {margin-bottom: -70px;}

.remove-ext12 {margin-bottom: -75px;}

.remove-ext13 {margin-bottom: -80px;}

.remove-ext14 {margin-bottom: -85px;}

.remove-ext15 {margin-bottom: -90px;}

.ovrlp50,

.ovrlp75,

.ovrlp90,

.ovrlp100,

.ovrlp-120,

.ovrlp-200,

.ovrlp-240 {

  position: relative;

  z-index: 1;

}

.ovrlp50 {margin-top: -50px;}

.ovrlp75 {margin-top: -75px;}

.ovrlp90 {margin-top: -90px;}

.ovrlp100 {margin-top: -100px;}

.ovrlp-200 {margin-bottom: -200px;}

.ovrlp-240 {margin-bottom: -240px;}

.ovrlp-120 {margin-bottom: -120px;}

.mrg {margin: 0;}

.mrg > div {padding: 0;}

.mrg5 {margin: 0 -2.5px;}

.mrg5 > div {padding: 0 2.5px;}

.mrg6 {margin: 0 -3px;}

.mrg6 > div {padding: 0 3px;}

.mrg10 {margin: 0 -5px;}

.mrg10 > div {padding: 0 5px;}

.mrg15 {margin: 0 -7.5px;}

.mrg15 > div {padding: 0 7.5px;}

.mrg20 {margin: 0 -10px;}

.mrg20 > div {padding: 0 10px;}

.mrg25 {margin: 0 -12.5px;}

.mrg25 > div {padding: 0 12.5px;}

.mrg40 {margin: 0 -20px;}

.mrg40 > div {padding: 0 20px;}

.mrg55 {margin: 0 -27.5px;}

.mrg55 > div {padding: 0 27.5px;}

.fixed-bg {

  background-position: center;

  height:100%;

  width:100%;

  margin:0;

  position:absolute;

  left:0;

  top:0;

  z-index:-2;

}

.fixed-bg {

  background-attachment: scroll;

  background-size:cover;

}

.fixed-bg.ptrn-bg {background-size: initial;}

.black-layer:before,

.black-layer2:before,

.black-layer3:before,

.white-layer:before,

.gray-layer:before,

.gray-layer2:before,

.white-grad-layer:before,

.thm-layer:before,

.blue-layer:before {

  content: "";

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}

.blue-layer:before {background-color: #2c496f;}

.white-layer:before {background-color:#ffffff;}

.gray-layer:before {background-color: #f1f1f1}

.gray-layer2:before {background-color: #cfcfcf;}

.black-layer:before {background-color: #000000;}

.black-layer2:before {background-color: #2c2c2b;}

.black-layer3:before {background-color: #3f3f43;}

.white-grad-layer:before {

  background-image: -moz-linear-gradient(left,  rgba(255,255,255,.8) 0%, rgba(255,255,255,.95) 25%, rgba(255,255,255,0.9) 35%, rgba(255,255,255,0) 100%);

  background-image: -webkit-linear-gradient(left,  rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);

  background-image: linear-gradient(to right, rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );



 }

.opc1:before {opacity: .1;}

.opc15:before {opacity: .15;}

.opc2:before {opacity: .2;}

.opc25:before {opacity: .25;}

.opc3:before {opacity: .3;}

.opc35:before {opacity: .35;}

.opc4:before {opacity: .4;}

.opc45:before {opacity: .45;}

.opc5:before {opacity: .5;}

.opc55:before {opacity: .55;}

.opc6:before {opacity: .6;}

.opc65:before {opacity: .65;}

.opc7:before {opacity: .7;}

.opc75:before {opacity: .75;}

.opc8:before {opacity: .8;}

.opc85:before {opacity: .85;}

.opc9:before {opacity: .9;}

.opc95:before {opacity: .95;}

iframe {

  border: 0;

  width: 100%;

}

img {

  height: auto;

  max-width: 100%;

  vertical-align: middle;

}

.wdth5 {width: 5%;}

.wdth10 {width: 10%;}

.wdth15 {width: 15%;}

.wdth20 {width: 20%;}

.wdth25 {width: 25%;}

.wdth30 {width: 30%;}

.wdth35 {width: 35%;}

.wdth40 {width: 40%;}

.wdth45 {width: 45%;}

.wdth50 {width: 50%;}

.wdth55 {width: 55%;}

.wdth60 {width: 60%;}

.wdth65 {width: 65%;}

.wdth70 {width: 70%;}

.wdth75 {width: 75%;}

.wdth80 {width: 80%;}

.wdth85 {width: 85%;}

.wdth90 {width: 90%;}

.wdth95 {width: 95%;}

.wdth100 {width: 100%;}

.particle-bx {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.wow {visibility: hidden;}



/*===== Cross Browser Compatibility =====*/

i,

a,

img,

input,

button,

textarea,

:before,

:after,

label,

span,

nav > ul li,

.featured-cap > *,

.team-info,

.team-box2,

.bord-info,

.prtfl-info,

header,

.srv-box2,

.srv-info2 > *,

.contact-form-model-wrap

{

  -webkit-transition: all .25s linear;

  -ms-transition: all .25s linear;

  -o-transition: all .25s linear;

  transition: all .25s linear;

}



nav ul ul,

.header-search,

.srch-cls-btn,

.rsnp-mnu,

.sidepanel,

.plr-box > i

{

  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */

  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

}



.brd-rd50,

.pilr-box > i

{

  -webkit-border-radius: 50%;

  border-radius: 50%;

}



.brd-rd40

{

  -webkit-border-radius: 40px;

  border-radius: 40px;

}



.brd-rd30

{

  -webkit-border-radius: 30px;

  border-radius: 30px;

}



.brd-rd20

{

  -webkit-border-radius: 20px;

  border-radius: 20px;

}



.brd-rd10

{

  -webkit-border-radius: 10px;

  border-radius: 10px;

}



.brd-rd5

{

  -webkit-border-radius: 5px;

  border-radius: 5px;

}



.brd-rd3

{

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.brd-rd0

{

  -webkit-border-radius: 0px;

  border-radius: 0px;

}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;}

.wow {visibility: hidden;}

.slimScrollDiv {

  float: left;

  width: 100%;

}



/*===== Project Style =====*/



/*===== Header Style 1 =====*/

.topbar {

  background: #2d555b;

  position: relative;

  display: block;

}

.topbar .header-event .count-list li {

  padding: 13px 22px;

  margin: 0 3px;

  cursor: pointer;

  display: inline-table;

      padding-left: 0;

}

.topbar .header-event .count-list li:first-child {

  margin-left: 0 !important;

}

.topbar ul {

	margin-bottom: 0;

}

.topbar .header-event .count-list li h6 {

  font-size: 16px;

  margin: 0;

  color: #ffffff;

  font-family: "Lato", sans-serif;

  text-transform: uppercase;

  font-weight: 700;

  padding-right: 22px;

  display: block;

}

.topbar .header-event .count-list li span {

  color: #fff;

  margin: 0;

  display: inline-block;

  font-size: 14px;

  font-family: "Lato", sans-serif;

}

.topbar .header-event .count-list li span.count {

  font-weight: 700;

  margin-right: 8px;

}

.topbar .header-event .count-list li span.con {

  opacity: 1;

  font-weight: 400;

  transition: all 0.3s;

      margin-left: 10px;

}

.topbar .header-event .count-list li:hover span.con {

  opacity: 0.5;

}

.topbar .header-social ul li {

  padding: 13px 0 13px 17px;

}

.topbar .header-social ul li a {

  font-size: 20px;

  display: block;

  color: #fff;

  opacity: 1;

}

.topbar .header-social ul li a:hover {

  color: #fff;

  opacity: 0.5;

}



header {

  float: left;

  position: relative;

  width: 100%;

  z-index: 999;

}

header.style1 {

  position: fixed;

  top: 0;

  left: 0;

  padding: 15px 0 20px 0;

  background: rgba(0,0,0,0.2);

}

header.style1 .logo {float: left; padding-top:5px;}

header.style1 nav {margin-top: 6px;}

.logo {display: inline-block;}

.logo > a {

  float: left;

  width: 100%;

  padding: 2px 0;

}

nav {display: inline-block;}

.logo + nav {

    float: right;

    margin-top: 15px;

}

nav > div {

  float: left;

  width: 100%;

}

nav > div > ul {float: right;}

nav > div > a {float: right;}

nav > div > a + ul {margin-right: 35px;}

nav > div ul {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  float: left;

  width: 100%; 

}

nav > div > ul {

  display: inline-block;

  width: auto;

}

nav > div ul li {

  float: left;

  width: 100%;

  position: relative;

  font-size: 14px;

}

nav > div > ul > li {

  width: auto;

  line-height: 50px;

  font-size: 15px;

}

header.style2 ul li:hover a {

	color:#666 !important;

}

header.style2 ul li a:hover {

	color:#d1ad3c !important;

}



header.style1 nav > div > ul > li {color: #fff;}

nav > div > ul > li + li {margin-left: 30px;}

/*===== Header Style 2 =====*/

header.style2 .logo {float: left;}

header.style2 .logo > a {padding: 13.5px 0;}

header.style2 nav > div > ul > li {line-height: 75px;}

header.style2 nav > div > a.thm-btn {

  padding: 9.5px 20px;

  margin-top: 16.5px;

}

header.style2 nav > div > a.srch-btn {

  margin-left: 20px;

  margin-top: 25px;

  font-size: 18px;

  display:none;

}

/*===== DropDown =====*/

nav > div ul ul {

  position: absolute;

  left: 100%;

  top: 100%;

  background-color: rgba(255,255,255,1);

  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -o-box-shadow: 0 0 20px rgba(0,0,0,.15);

  box-shadow: 0 0 20px rgba(0,0,0,.15);

  z-index: 1;

  min-width: 220px;

  padding: 10px 0;

  opacity: 0;

  visibility: hidden;

}

nav > div ul ul li {

  float: left;

  width: 100%;

}

nav > div ul ul li a {

  float: left;

  width: 100%;

  padding: 10px 20px;

}

nav > div ul ul li + li {border-top: 1px solid #e0e0e0;}

nav > div ul li.menu-item-has-children:hover > ul {

  opacity: 1;

  visibility: visible;

  left: 0;

}

nav > div > ul > li.menu-item-has-children > a::before {

  content: "\f107";

  font-family: fontawesome;

  position: absolute;

  right: 0;

}

nav > div > ul > li.menu-item-has-children {padding-right: 15px;}

nav > div ul ul ul {

  top: 60%;

  left: 100%;

}

nav > div ul ul li.menu-item-has-children:hover > ul {

  left: 100%;

  top: 0;

}

nav > div ul ul li.menu-item-has-children:before {

    content: "\f105";

    font-family: fontawesome;

    position: absolute;

    right: 25px;

    line-height: 50px;

}

/*===== Sticky Header =====*/

header.sticky-active {

  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -o-box-shadow: 0 0 20px rgba(0,0,0,.15);

  box-shadow: 0 0 20px rgba(0,0,0,.15);

}

header.style2.sticky-active .logo,

header.style2.sticky-active nav {margin-bottom: -6.4px;}

header.style1.sticky-active {

  background-color: #fff;

  padding: 15px 0;

}

header.style1.sticky-active nav {margin-top: 0;}

header.style1.sticky-active nav > div > ul > li {color: #666;}

/*===== Responsive Header =====*/

.rspn-hdr {

  display: none;

  float: left;

  width: 100%;

  position: relative;

  z-index: 999;

  background-color: #333;

}

.rspn-mdbr {

  background-color: #252a2c;

  float: left;

  width: 100%;

}

.rspn-scil {

  float: left;

  list-style: outside none none;

  margin-bottom: 0;

  padding-left: 0;

}

.rspn-scil > li {

  color: #fff;

  float: left;

  font-size: 10px;

  line-height: 38px;

  margin-right: 10px;

  text-align: center;

}

.rspn-scil > li .ico {

    margin-right: 5px;

    margin-left: 10px;

}

.rspn-scil > li:last-child {margin-right: 0;}

.rspn-scil > li a {

  background-color: #3d3d3d;

  color: inherit;

  float: left;

  height: 38px;

  width: 33px;

}

.rspn-srch {

  float: right;

  height: 38px;

  position: relative;

  width: calc(100% - 135px);

}

.rspn-srch > input {

  background-color: transparent;

  border: 0 none;

  color: #7e7e7e;

  font-size: 12px;

  height: 100%;

  padding: 0 7%;

  width: 100%;

}

.rspn-srch > input:focus {font-style: normal;}

.rspn-srch > button {

  background-color: transparent;

  border: 0;

  color: #999;

  font-size: 12px;

  height: 100%;

  position: absolute;

  right: 10px;

  top: 0;

}

.lg-mn {

  float: left;

  padding: 20px;

  position: relative;

  width: 100%;

}

.lg-mn .logo {

  float: left;

  width: auto;

}

.lg-mn .logo > a {padding: 0;}

.lg-mn {text-align: center;}

.rspn-cnt {

  display: inline-block;

  margin-top: 15px;

}

.rspn-cnt > span {

  display: inline-block;

  margin:  0 8px;

  font-size: 14px;

  color: #fff;

}

.rspn-cnt > span i {margin-right: 8px;}

.rspn-mnu-btn {

  background-color: #fff;

  color: #141414;

  cursor: pointer;

  font-size: 13px;

  height: 40px;

  line-height: 40px;

  position: absolute;

  right: 20px;

  text-align: center;

  top: 50%;

  width: 40px;

  margin-top: -20px;

}

/*===== Responsive Menu =====*/

.rsnp-mnu {

  background-color: #0c0c0c;

  bottom: 0;

  opacity: 0;

  padding: 85px 40px 50px;

  position: fixed;

  right: -350px;

  top: 0;

  visibility: hidden;

  z-index: 99999;

  max-width: 350px;

  width: 100%;

}

.rsnp-mnu.slidein {

  opacity: 1;

  right: 0;

  visibility: visible;

}

.rspn-mnu-cls {

  background-color: #303030;

  color: #fff;

  cursor: pointer;

  font-size: 13px;

  height: 40px;

  line-height: 40px;

  position: absolute;

  right: 12px;

  text-align: center;

  top: 12px;

  width: 40px;

}

.rsnp-mnu > ul {

  display: inline-block;

  list-style: outside none none;

  margin-bottom: 0;

  padding-left: 0;

  /* overflow-y: auto !important; */
  overflow-y: hidden;

  height: 300px;

  width: 100% !important;

}

.rsnp-mnu > ul > li {

  color: #fff;

  float: left;

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 20px;

  position: relative;

  text-transform: uppercase;

  width: 100%;

}

.rsnp-mnu > ul > li a {

  color: inherit;

  display: block;

}

.rsnp-mnu > ul > li:last-child {margin-bottom: 0;}

.rsnp-mnu > ul ul {

  display: none;

  list-style: outside none none;

  margin-bottom: 0;

  padding-left: 20px;

  opacity: 1;

  position: static;

  visibility: visible;

}

.rsnp-mnu ul li.menu-item-has-children.active > a {margin-bottom: 15px;}

.rsnp-mnu > ul li.menu-item-has-children::before {

  content: ". . .";

  right: 0;

  position: absolute;

  top: -2px;

}

.rsnp-mnu > ul ul > li {

  color: #a4a4a4;

  font-size: 13px;

  margin-bottom: 12px;

  position: relative;

  text-transform: initial;

}

.rsnp-mnu > ul ul > li:last-child {margin-bottom: 0;}

/*===== Theme Button =====*/

.thm-btn,

.secndry-btn {

  display: inline-block;

  color: #fff;

  position: relative;

  z-index: 1;

  overflow: hidden;

  padding: 14.5px 45px;

  font-size: 14px;

  font-weight: 500;

  -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  -ms-box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  -o-box-shadow: 0 10px 30px rgba(0,0,0,0.15);

  box-shadow: 0 10px 30px rgba(0,0,0,0.15);

}

.thm-btn i,

.secndry-btn i {margin-left: 5px;}

.thm-btn:before,

.secndry-btn:before {

  content: "";

  position: absolute;

  left: 40%;

  right: 40%;

  z-index: -1;

  top: 0;

  bottom: 0;

  opacity: 0;

  background-color: #000;

}

.thm-btn:hover:before, 

.thm-btn:focus:before,

.secndry-btn:hover:before,

.secndry-btn:focus:before {

  left: 0;

  right: 0;

  opacity: .4;

}

.thm-btn:hover, 

.thm-btn:focus,

.secndry-btn:hover,

.secndry-btn:focus {color: #fff;}

/*===== Featured Area =====*/

.featured-area-wrap {

  float: left;

  position: relative;

  width: 100%;

}

.featured-area {

  float: left;

  width: 100%;

}

.featured-item {

  float: left;

  position: relative;

  z-index: 1;

  width: 100%;

  background-size: cover;

  background-position: center;

  padding: 100px 15px 50px;

}

.featured-item:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

  background-color: #2a486c;

  opacity: 0;

}

.featured-cap {

    display: inline-block;

    max-width: 90%;

    padding: 20px 0 60px 0;

    text-align: left;

}

.featured-cap-img {

    margin-top: -100px;

}

.featured-cap h1 , .featured-cap p , .featured-cap a {

	color:#fff;

}

.featured-cap > img {

  width: auto !important;

  display: inline-block !important;

}

.featured-cap > * {opacity: 0;}

.owl-item.active .featured-cap > * {opacity: 1;}

.featured-cap > h3 {

  color: #fff;

  font-size: 35px;

  margin-bottom: 0;

  font-weight: 400;

  font-family: roboto;

}

.featured-cap > img + img,

.featured-cap > img + h1 {margin: 10px 0 0;}

.featured-cap > img + h3,

.featured-cap > h1 + h3 {margin-top: 3px;}

.featured-cap > h3 + span {margin-top: 15px;}

.featured-cap > span {

  color: #fff;

  display: block;

  font-size: 22px;

  font-weight: 300;

}

.featured-cap > span + a {margin-top: 30px;}

/*===== Pillars Sec =====*/

.plrs-wrap {

  float: left;

  width: 100%;

}

.remove-ext5 .plr-box {margin-bottom: 40px; padding-top:10px;}

.plr-box {

  float: left;

  position: relative;

  width: 100%;

}

.plr-box > i {

  color: #2a486c;

  font-size: 55px;

  display: inline-block;

  background-color: #fff;

  border: 1px solid #2a486c;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  height: 106px;

  width: 106px;

  line-height: 104px;

  position: relative;

  z-index: 1;

  margin-bottom: 10px;

}

.plr-box:hover > i {color: #fff;}

.plr-box > i:after {

  content: "";

  position: absolute;

  left: -10px;

  top: -10px;

  right: -10px;

  bottom: -10px;

  z-index: -1;

  border: 10px solid;

  -webkit-border-radius: inherit;

  border-radius: inherit;

  opacity: .55;

  -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.2);

  -ms-box-shadow: 0 5px 20px rgba(0,0,0,0.2);

  -o-box-shadow: 0 5px 20px rgba(0,0,0,0.2);

  box-shadow: 0 5px 20px rgba(0,0,0,0.2);

}

.pilr-info {

  float: left;

  width: 100%;

}

.plr-box > i + .pilr-info {margin-top: 25px;}

.pilr-info > h4 {

  margin-bottom: 0;

  color: #2a486c;

  font-size: 24px;

  font-weight: 600;

}

.pilr-info > p {

  margin-bottom: 0;

  font-size: 15px;

  line-height: 24px;

  color: #000;

}

.pilr-info > h4 + p {margin-top: 15px;}

/*===== Sec Title =====*/

.sec-title {

  float: left;

  width: 100%;

  position: relative;

  margin-bottom: 20px;

}

.sec-title-inner {

  position: relative;

  padding-bottom: 17px;

}

.sec-title-inner:before {

  content: "";

  position: absolute;

  left: 0;

  width: 150px;

  height: 3px;

  bottom: 0;

}

.text-center .sec-title-inner:before {

  left: 50%;

  margin-left: -75px;

}

.sec-title-inner > span {

  display: inline-block;

  font-size: 18px;

  font-weight: 600;

}

.sec-title-inner > span + h3 {margin-top: 5px;}

.sec-title-inner > h3 {

  margin-bottom: 0;

  font-size: 35px;

  font-weight: 600;

}

.sec-title-inner > h3 span {color: #534a4a;}

.sec-title > p {

  margin-bottom: 0;

  display: inline-block;

  font-size: 16px;

  max-width: 60%;

}

.sec-title-inner + p {margin-top: 18px;}

/*===== About Sec =====*/

.abot-wrap {

  float: left;

  width: 100%;

}

.abot-sec {

  float: left;

  width: 100%;

}

.abot-sec .sec-title {

  float: none;

  display: inline-block;

}

.abot-sec > p {

  margin-bottom: 0;

  color: #222;

  max-width: 82%;

}

.abot-sec > p + a {margin-top: 25px;}

/*===== Service Sec =====*/

.serv-wrap {

  float: left;

  width: 100%;

}

.sec-title + .serv-wrap {margin-top: 40px;}

.srv-tl {

  float: left;

  width: 100%;

}

.srv-tl > h2 {

  margin-bottom: 0;

  font-size: 45.5px;

  text-transform: uppercase;

  font-weight: 500;

}

.srv-tl > h2 span {font-weight: 700;}

.srv-tl > h5 {

  margin-bottom: 0;

  font-size: 27.15px;

  line-height: 36px;

  font-weight: 400;

}

.srv-tl > h2 + h5 {margin-top: 5px;}

.bg-mode-clr {

  background-color: rgba(255,255,255,.96);

  background-blend-mode: saturation;

}

.remove-ext9 .serv-box {margin-bottom: 60px;}

.remove-ext10 .serv-box {margin-bottom: 65px;}

.serv-box {

  float: left;

  width: 100%;

}

.serv-box > i {

  font-size: 50px;

  float: left;

  line-height: initial;

}

.serv-box:hover > i {

  -webkit-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.serv-info {

  float: left;

  width: 100%;

}

.serv-box > i + .serv-info {

  width: calc(100% - 50px);

  padding-left: 15px;

}

.serv-info > h4 {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 500;

}

.serv-info > h4 + p {margin-top: 10px;}

.serv-info > p {

  margin-bottom: 0;

  line-height: 24px;

}

/*===== Support Sec =====*/

.black-layer .sec-title-inner:before,

.black-layer2 .sec-title-inner:before {

  background-image: -moz-linear-gradient(359deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));

  background-image: -webkit-linear-gradient(359deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

  background-image: -o-linear-gradient(359deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

  background-image: -ms-linear-gradient(359deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

  background-image: linear-gradient(91deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );

}

.suprt-wrap {

  float: left;

  width: 100%;

}

.suprt-sec {

  float: left;

  width: 100%;

}

.black-layer2 .sec-title-inner > span, 

.black-layer2 .suprt-sec > p {color: #fff;}

.suprt-sec .sec-title {

  float: none;

  display: inline-block;

}

.suprt-sec > p {

  margin-bottom: 0;

  font-size: 18px;

  line-height: 30px;

  font-weight: 300;

  letter-spacing: 0;

  max-width: 90%;

}

.suprt-prgrs {

  width: 100%;

  margin-left: -35px;

  display: inline-block;

}

.suprt-prgrs .suprt-prg {

  float: left;

  max-width: 23%;

  margin-top: 10px;

}

.suprt-prg .circliful > text:first-child {

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  -o-transform: translateY(10px);

  transform: translateY(10px);

  font-weight: 500;

}

.suprt-prgrs + a {margin-top: 55px;}

/*===== Team Sec =====*/

.sec-title + .team-wrap {margin-top: 60px;}

.team-wrap {

  float: left;

  width: 100%;

}

.remove-ext5 .team-box {margin-bottom: 70px;}

.team-box {

  display: inline-block;

  position: relative;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  max-width: 265px;

  z-index: 1;

}

.team-box:before {

  content: "";

  position: absolute;

  left: -15px;

  right: -15px;

  top: -15px;

  bottom: -15px;

  opacity: .55;

  z-index: -1;

  -webkit-border-radius: inherit;

  border-radius: inherit;

}

.team-info {

  position: absolute;

  left: 0;

  right: 0;

  padding: 0 15px;

  z-index: 1;

  top: 65%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0;

}

.team-box > img {

  -webkit-border-radius: inherit;

  border-radius: inherit;

  border: 1px solid;

}

.team-box:after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  -webkit-border-radius: inherit;

  border-radius: inherit;

  opacity: 0;

  -webkit-transform: scale(.3);

  -ms-transform: scale(.3);

  -o-transform: scale(.3);

  transform: scale(.3);

}

.team-box:hover::after {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  opacity: .7;

}

.team-info > h4 {

  margin-bottom: 0;

  font-size: 25px;

  font-weight: 600;

}

.team-info > h4 + p {margin-top: 5px;}

.team-info > p {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 22px;

  color: #fff;

  font-weight: 300;

}

.team-scl {display: inline-block;}

.team-info > p + .team-scl {margin-top: 15px;}

.team-scl > a {

  display: inline-block;

  line-height: 27px;

  width: 27px;

  background-color: #fff;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-size: 12px;

  text-align: center;

}

.team-scl > a:hover, 

.team-scl > a:focus {color: #fff;}

.team-box:hover .team-info {

  opacity: 1;

  top: 50%;

}

/*===== Events & Prayer Timing Sec =====*/

.evnt-pry-wrap {

  float: left;

  width: 100%;

}

.sec-title + .evnt-wrap {margin-top: 10px;}

.evnt-pry-wrap .evnt-wrap {width: calc(100% - 20px);}

.evnt-wrap {

  float: left;

  width: 100%;

}

.remove-ext5 .evnt-box {margin-bottom: 35px;}

.evnt-box {

  float: left;

  width: 100%;

}
.myi-news .evnt-box {
  margin-bottom: 35px;
  border-radius: 50px 0px 50px 0px;
  border: 1px solid #d1ad3c;
  box-shadow: 0 10px 10px 0 rgb(0 0 0 / 25%);
}

.evnt-thmb {

  float: left;

  width: 100%;

  position: relative;

  overflow: hidden;

}

.myi-news .evnt-thmb {

  border-top-left-radius: 50px;

}
.evnt-thmb > a {

  display: inline-block;

  width: 100%;

}

.evnt-thmb > a img {width: 100%;}
.myi-news .evnt-thmb > a img {border-top-left-radius: 50px;}

.evnt-thmb > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

  z-index: 1;

}

.evnt-box:hover .evnt-thmb > a::before {opacity: .5;}

.evnt-box:hover .evnt-thmb > a img {

  -webkit-transform: scale(1.1) rotate(2deg);

  -ms-transform: scale(1.1) rotate(2deg);

  -o-transform: scale(1.1) rotate(2deg);

  transform: scale(1.1) rotate(2deg);

}

.evnt-info {

  float: left;

  width: 100%;

}

.myi-news .evnt-info {
  padding: 0 20px 10px;
  min-height: 240px;

}

.evnt-thmb + .evnt-info {margin-top: 20px;}

.evnt-info > h4 {

  margin-bottom: 0;

  font-size: 22px;

  font-weight: 600;

}

.pst-mta {

  display: inline-block;

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  width: 100%;

}

.evnt-info > h4 + .pst-mta {margin-top: 10px;}

.pst-mta > li {

  display: inline-block;

  color: #534a4a;

}

.pst-mta > li i {margin-right: 8px;}

.pst-mta > li + li {margin-left: 20px;}

.evnt-info > p {

  margin-bottom: 0;

  color: #534a4a;

  max-width: 90%;

}

.evnt-info > ul + p {margin-top: 5px;}

.prayer-times {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  float: left;

  width: 100%;

}

.sec-title + .prayer-times {margin-top: 5px;}

.prayer-times > li {

  display: table;

  width: 100%;

  float: left;

  font-size: 16px;

  color: #5e5e5e;

  line-height: 45px;

}

.prayer-times > li span {

  display: table-cell;

  vertical-align: middle;

  width: 33.334%;

}

.prayer-times > li.pry-tim-hed {font-weight: 600;}

.prayer-times > li + li {border-top: 1px solid rgba(0,0,0,.15);}

.prayer-times > li span.thm-clr {font-weight: 500;}

.prayer-times > li span:last-child {text-align: right;}

/*===== Testimonials Sec =====*/

.testi-wrap {

  float: left;

  width: 100%;

}

.sec-title + .testi-wrap {margin-top: 25px;}

.testi-car {

  display: inline-block !important;

  max-width: 860px;

}

.testi-itm {

  float: left;

  width: 100%;

  border: 1px solid;

  background-color: #fff;

  position: relative;

  margin-top: 75px;

  padding: 78px 30px 35px;

  opacity: .92;

}

.testi-itm > i {

  position: absolute;

  left: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  z-index: 1;

  top: -60px;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

}

.testi-itm > i img {

  -webkit-border-radius: inherit;

  border-radius: inherit;

  border: 1px solid;

}

.testi-itm > i:before {

  content: "";

  position: absolute;

  left: -10px;

  right: -10px;

  top: -10px;

  bottom: -10px;

  z-index: -1;

  -webkit-border-radius: inherit;

  border-radius: inherit;

  opacity: .55;

  -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);

  -ms-box-shadow: 0 5px 20px rgba(0,0,0,.2);

  -o-box-shadow: 0 5px 20px rgba(0,0,0,.2);

  box-shadow: 0 5px 20px rgba(0,0,0,.2);

}

.testi-info {

  float: left;

  width: 100%;

}

.testi-info > h4 {

  margin-bottom: 0;

  text-transform: uppercase;

  font-size: 18px;

  font-weight: 600;

  letter-spacing: 0;

}

.testi-info > h4 + p {margin-top: 15px;}

.testi-info > p {

  margin-bottom: 0;

  font-size: 18px;

  line-height:26px;

  display: inline-block;

  max-width: 90%;

  position: relative;

}

.testi-info > p i:first-child {

    left: -10px;

    top: -5px;

}

.testi-info > p i {

  font-size: 30px;

  font-weight: 700;

  position: absolute;

  line-height: initial;

  padding-left:5px;

}

/*===== Featured Sec =====*/

.fea-wrap {

  float: left;

  width: 100%;

}

.remove-ext5 .fea-box {margin-bottom: 40px;}

.fea-box {

  float: left;

  width: 100%;

}

.fea-box > i {

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-style: normal;

  border: 1px dotted #6c6c6c;

  line-height: 75px;

  width: 75px;

  display: inline-block;

  height: 75px;

  font-size: 23px;

}

.fea-info {

  float: left;

  width: 100%;

}

.fea-box > i + .fea-info {margin-top: 20px;}

.fea-info > h4 {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 600;

  color: #2d2d2d;

}

.fea-info > h4 + p {margin-top: 13px;}

.fea-info > p {

  margin-bottom: 0;

  font-size: 17px;

  color: #2d2d2d;

}

/*===== Footer =====*/

footer {

  float: left;

  width: 100%;

}

.footer-data {

  float: left;

  width: 100%;

}

.wdgt-box {

  float: left;

  width: 100%;

  margin-bottom: 50px;

}

.wdgt-box > p {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 24px;

  letter-spacing: 0;

  font-weight: 300;

}

.logo + p {margin-top: 15px;}

.drk-bg .wdgt-box > p,

.drk-bg2 .wdgt-box > p {color: #fff;}

.wdgt-box > h4 {

  position: relative;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 15px;

  padding-bottom: 10px;

}

.wdgt-box.style2 > h4 {padding-bottom: 0;}

.wdgt-box.style2 > h4:before {display: none;}

.drk-bg .wdgt-box > h4, 

.drk-bg .wdgt-box > ul li,

.drk-bg2 .wdgt-box > h4, 

.drk-bg2 .wdgt-box > ul li {color: #fff;}

.wdgt-box > h4:before {

  content: "";

  position: absolute;

  left: 0;

  width: 150px;

  height: 3px;

  bottom: 0;

}

.wdgt-box > ul {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  float: left;

  width: 100%;

}

.wdgt-box ul li:hover a {

	color:#ccc !important;

}

.wdgt-box ul li a:hover {

	color:#d1ad3c !important;

}



.wdgt-box > ul li {

  float: left;

  width: 100%;

  font-weight: 400;

  position: relative;

}

.cont-lst > li {padding-left: 23px;}

.cont-lst > li i {

  position: absolute;

  left: 0;

  top: 0;

}

.wdgt-box > ul li + li {margin-top: 5px;}

/*===== Bottom Bar =====*/

.footer-data + .bottom-bar {border-top: 1px solid rgba(255,255,255,.5);}

.bottom-bar {

  float: left;

  width: 100%;

  padding: 24px 0 35px;

}

.drk-bg .bottom-bar > p,

.drk-bg2 .bottom-bar > p,

.scl > a:hover,

.scl > a:focus {color: #fff;}

.bottom-bar > p {

  margin-bottom: 0;

  display: inline-block;

  line-height: 32px;

}

.scl {display: inline-block;}

.bottom-bar > p + .scl {float: right;}

.scl > a {

  line-height: 32px;

  width: 32px;

  display: inline-block;

  background-color: #fff;

  text-align: center;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-size: 14px;

  color: #222;

}

.scl > a + a {margin-left: 5px;}

/*===== Featured Area Style 2 =====*/

.featured-item.style2 {padding: 180px 15px 130px;}

.featured-item.style2::before {background-color: #0a0a0a;}

.featured-area2 .owl-dots {

  position: absolute;

  left: 50%;

  bottom: 65px;

  line-height: initial;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  display:none;

}

.featured-area2 .owl-dots button.owl-dot {

  background-color: rgba(255,255,255,.55);

  height: 9px;

  width: 9px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  margin: 0 4px;

}

.featured-area2 .owl-nav {

  position: absolute;

  left: 75px;

  right: 75px;

  top: 55%;

}

.featured-area2 .owl-nav > button.owl-prev {left: 0;}

.featured-area2 .owl-nav > button.owl-next {right: 0;}

.featured-area2 .owl-nav > button.owl-prev, 

.featured-area2 .owl-nav > button.owl-next {

  color: #fff;

  font-size: 30px;

  position: absolute;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  margin-top: -50px;

}

/*===== History Sec =====*/



.home-about-sec {

    background: url(../images/islamic.jpg);

    background-size: cover;

    background-repeat: no-repeat;

}

.home-service-sec {

	background: url(../images/serv-bg.png);

    background-size:100% 100%;

    background-repeat: no-repeat;

}

.home-service-sec .srv-box2:hover {

	border-color:#2a486c;

}

.home-service-sec .sec-title-inner2 > h3 {

	color:#d1ad3c;

}

.contact-sec .sec-title-inner > h3 {

	color:#d1ad3c;

}

.home-service-sec .srv-box2 > i {

	color:#d1ad3c;

}

.home-service-sec .srv-info2 > a {

    color:#d1ad3c;

}

.home-gellry-sec {

	background-color:#f7f7f7;

}

.home-gellry-sec .sec-title-inner2 > h3 {

	color:#d1ad3c;

}

.home-event-sec .sec-title-inner > h3 {

	color:#d1ad3c;

}

.home-event-sec .event-mta > li i {

	color:#d1ad3c;

}

.home-news-sec .sec-title-inner > h3 {

	color:#d1ad3c;

}

.home-news-sec .pst-mta > li {

	color:#d1ad3c;

}

.pg-title-main {

	background-color:#2d555b;

}

.donate-block {

    background-color: #2d555b;

}

.donate-block circle.circle.start {

    stroke:#d1ad3c;

}

.fea-itm-c {

	background-color:#d1ad3c;

	transform: scale(1.06);

    margin-top: 5px;

} 

.hstry-wrap {

  float: left;

  width: 100%;

}

.hstry-img {

  float: left;

  width: 100%;

  position: relative;

}

.hstry-desc {

  float: left;

  width: 100%;

  margin-top: 25px;

  padding:0 90px 0 15px;

}

.hstry-desc > span {

  display: block;

  text-transform: uppercase;

  font-size: 16px;

}

.hstry-desc > span + h2 {margin-top: 5px;}

.hstry-desc > h2 {

  margin-bottom: 0;

  font-size: 38px;

  font-weight: 600;

}

.hstry-desc > h2 + p {margin-top: 20px;}

.hstry-desc > p {

  margin-bottom: 0;

  font-size: 16.5px;

  color: #444;

}

.hstry-desc > p + strong {margin-top: 20px;}

.hstry-desc > strong {

  display: block;

  font-weight: 600;

  font-size: 18px;

  color: #444;

}

.hstry-desc > strong + ul {margin-top: 10px;}

.hstry-desc > ul {

  padding-left: 0;

  margin-bottom: 0;

  float: left;

  width: 100%;

  list-style: none;

}

.hstry-desc > ul li {

  font-size: 15.5px;

  font-weight: 500;

  color: #444;

  float: left;

  position: relative;

  padding: 0 15px 0 20px;

  width: 50%;

  margin-top: 10px;

}

.hstry-desc > ul li:before {

  content: "";

  height: 11px;

  width: 11px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  position: absolute;

  left: 0;

  top: 7px;

}

/*===== Sec Title Style 2 =====*/

.sec-title2 {

  float: left;

  width: 100%;

  margin-bottom: 40px;

}

.sec-title-inner2 > span {

  display: block;

  font-size: 18px;

  font-weight: 600;

  line-height:18px;

}

.thm-layer .sec-title-inner2 > span, 

.thm-layer .sec-title-inner2 > h3,

.thm-layer .sec-title2 > p,

.black-layer3 .sec-title-inner2 > span, 

.black-layer3 .sec-title-inner2 > h3,

.black-layer3 .sec-title2 > p {color: #fff;}

.sec-title-inner2 > span + h3 {margin-top: 10px;}

.sec-title-inner2 > h3 {

  margin-bottom: 0;

  font-size: 35px;

  font-weight: 600;

}

.sec-title-inner2 + p {margin-top: 15px;}

.sec-title2 > p {

  margin-bottom: 0;

  color: #444;

  display: inline-block;

  max-width: 685px;

  letter-spacing: 0;

}

/*===== Team Style 2 =====*/



    .gallery-slider .owl-stage{

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .gallery-slider .img-round{

        border-radius: 0.475rem;

    }

	

	

.remove-ext3 .team-box2 {margin-bottom: 30px;}

.team-box2 {

  float: left;

  padding: 25px 31px 23px;

  position: relative;

  border: 1px solid #ededed;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  width: 100%;

  background-color: #fff;

  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);

  -ms-box-shadow: 0 0 10px rgba(0,0,0,.05);

  -o-box-shadow: 0 0 10px rgba(0,0,0,.05);

  box-shadow: 0 0 10px rgba(0,0,0,.05);

}

.team-box2:hover {

  border-color: #fff;

  -webkit-box-shadow: 0 10px 70px rgba(0,0,0,.15);

  -ms-box-shadow: 0 10px 70px rgba(0,0,0,.15);

  -o-box-shadow: 0 10px 70px rgba(0,0,0,.15);

  box-shadow: 0 10px 70px rgba(0,0,0,.15);

}

.team-box2 > img {

  -webkit-border-radius: 50%;

  border-radius: 50%;

  border: 3px solid;

  display: inline-block;

}

.team-info2 {

  float: left;

  width: 100%;

}

.team-box2 > img + .team-info2 {margin-top: 18px;}

.team-info2 > h4 {

  margin-bottom: 0;

  font-weight: 600;

  font-size: 22px;

}

.team-info2 > h4 + p {margin-top: 10px;}

.team-info2 > p {

  margin-bottom: 0;

  font-size: 14px;

  line-height: 22px;

  color: #444;

}

.team-info2 > p + .team-scl {margin-top: 20px;}

.team-box2 .team-scl > a {

  background-color: #c9c9c9;

  color: #fff;

  margin: 0 2.5px;

}

.team-box2:hover .team-info2 > h4,

.team-box2:hover .team-info2 > p {color: #fff;}

.team-box2 .team-scl > a:hover, 

.team-box2 .team-scl > a:focus {background-color: #333 !important;}

/*===== Service Style 2 =====*/

.remove-ext3 .srv-box2 {margin-bottom: 30px;}

.srv-box2 {

  border: 1px solid #ededed;

  -webkit-border-radius: 5px;

  border-radius: 5px;

  float: left;

  width: 100%;

  padding: 25px 30px 35px;

  background-color: #fff;

  box-shadow: 0 7px 10px -5px rgb(0 0 0 / 50%);

}

.srv-box2:hover > i {color: #fff;}

.srv-box2:hover .srv-info2 > h4, 

.srv-box2:hover .srv-info2 > p, 

.srv-box2:hover .srv-info2 > a {color: #fff;}

.srv-box2 > i {

  font-size: 60px;

  display: inline-block;

}

.srv-info2 {

  float: left;

  width: 100%;

}

.srv-box2 > i + .srv-info2 {margin-top: 10px;}

.srv-info2 > h4 {

  font-weight: 500;

  font-size: 18px;

  margin-bottom: 0;

}

.srv-info2 > h4 + p {margin-top: 15px;}

.srv-info2 > p {

  margin-bottom: 0;

  color: #444;

  font-size: 14px;

}

.srv-info2 > p + a {margin-top: 12px;}

.srv-info2 > a {

  display: inline-block;

  font-size: 16px;

}

.srv-info2 > a i {margin-left: 7px;}

.view-all {

  float: left;

  margin-top: 50px;

  width: 100%;

  margin-bottom:-10px;

}

/*===== Features Sec =====*/

.fea-car {

  float: left;

  width: 100%;

  margin: -30px 0;

}

.fea-itm {

  float: left;

  background-size: cover;

  background-position: center;

  width: 100%;

  padding: 55px 30px;

  position: relative;

  z-index: 1;

  margin:15px 0;

  min-height: 360px;

}

.fea-itm:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #2d555b;

  z-index: -1;

}

.fea-itm > i {

  color: #fff;

  font-size: 55px;

  display: inline-block;

}

.fea-info2 {

  float: left;

  width: 100%;

}

.fea-info2 > h4 {

  color: #fff;

  position: relative;

  font-size: 28px;

  font-weight: 600;

  left: 0;

  margin-bottom: 0;

  padding-bottom: 10px;

}

.fea-info2 > h4:before {

  content: "";

  position: absolute;

  left: 50%;

  width: 45px;

  height: 3px;

  bottom: 0;

  margin-left: -22.5px;

  background:#fff !important;

}

.fea-info2 > h4 + p {margin-top: 15px;}

.fea-info2 > p {

  margin-bottom: 0;

  color: #fff;

  display: inline-block;

  max-width: 86%;

  line-height: 24px;

}

.fea-info2 > p + a {margin-top: 35px;}

.fea-info2 > a {

  display: inline-block;

  background-color: #fff;

  -webkit-border-radius: 40px;

  border-radius: 40px;

  border: 2px solid #fff;

  text-transform: uppercase;

  padding: 11.4px 60px;

  letter-spacing: 0;

}

.fea-car > .row > div:nth-child(2) {z-index: 9;}

.fea-car > .row > div:nth-child(2) .fea-itm:before {opacity: .68;}

.fea-car > .row > div:nth-child(2) .fea-info2 > h4:before {background-color: #fff;}

.fea-car > .row > div:nth-child(2) .fea-info2 > a, 

.fea-info2 > a:hover, 

.fea-info2 > a:focus {

  background-color: transparent;

  color: #fff;

}

.fea-car > .row > div:nth-child(2) .fea-info2 > a {

  -webkit-transform: scale(.9);

  -ms-transform: scale(.9);

  -o-transform: scale(.9);

  transform: scale(.9);

}

.fea-car > .row > div:nth-child(2) .fea-info2 > a:hover,

.fea-car > .row > div:nth-child(2) .fea-info2 > a:focus {background-color: #fff;}

/*===== Support Style 2 =====*/

.suprt-prgrs.style2 {margin: -25px 0 0;}

.suprt-prgrs.style2 .suprt-prg {

  float: none;

  display: inline-block;

  max-width: 22%;

  margin-top: 0;

  padding: 0 30px;

}

.suprt-prgrs.style2 .suprt-prg circle {stroke-width: 8px;}

.suprt-prgrs.style2 .suprt-prg circle.border {stroke: #fff;}

.suprt-prgrs.style2 .suprt-prg text:first-child {fill: #fff;}

/*===== Testimonials Style 2 =====*/

.testi-wrap.style2 .testi-itm {

  background-color: transparent;

  border: 0;

  padding: 0;

  margin-top: 0;

}

.testi-wrap.style2 .testi-itm > i {

  position: static;

  -webkit-transform: translate(0);

  -ms-transform: translate(0);

  -o-transform: translate(0);

  transform: translate(0);

  display: inline-block;

  margin: 10px 0 25px;

}

.testi-wrap.style2 .testi-itm > i:before {opacity: 1;}

.testi-wrap.style2 .testi-info > p {max-width: 84%;}

/*===== Newsletter Sec =====*/

.nwsltr-wrp {

  float: left;

  width: 100%;

}

.nwsltr-innr {

  display: inline-block;

  max-width: 585px;

  width: 100%;

}

.nwsltr-title {

  float: left;

  width: 100%;

}

.nwsltr-title > h3 {

  margin-bottom: 0;

  font-size: 35px;

  letter-spacing: 0;

}

.nwsltr-title > h3 + span {margin-top: 2px;}

.nwsltr-title > span {

  display: block;

  font-size: 14px;

}

.thm-layer .nwsltr-title > h3, 

.thm-layer .nwsltr-title > span {color: #fff;}

.nwsltr-innr > form {

  float: left;

  width: 100%;

  position: relative;

}

.nwsltr-title + form {margin-top: 15px;}

.nwsltr-innr > form input {

  -webkit-border-radius: 40px;

  border-radius: 40px;

  font-size: 16px;

  color: #222;

  font-weight: 300;

  background-color: rgba(255,255,255,.65);

  padding: 15.5px 30px;

  float: left;

  width: 100%;

}

.nwsltr-innr > form button {

  position: absolute;

  right: 0;

  bottom: 0;

  top: 0;

  -webkit-border-radius: 40px;

  border-radius: 40px;

  background-color: #222;

  color: #fff;

  font-weight: 700;

  font-size: 16px;

  text-transform: uppercase;

  padding: 10px 45px;

}

/*===== Page Title Wrap =====*/

.page-title-wrap {

    float: left;

    width: 100%;

    padding: 60px 0 50px;

}

.page-title-wrap > h1 {

  margin-bottom: 10px;

  text-align: center;

}

.page-title-wrap > h2 {

  position: relative;

  display: inline-block;

  font-size: 36px;

  margin-bottom: 0;

  padding-bottom: 14px;

  font-weight: 400;

  letter-spacing: 0;

  color: #fff;

}

.page-title-wrap > h2:before {

  content: "";

  position: absolute;

  height: 6px;

  width: 100%;

  left: 0;

  bottom: 0;

}

.black-layer2 .page-title-wrap > h2, 

.black-layer2 .breadcrumbs > li {color: #fff;}

.breadcrumbs {

  display: inline-block;

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

}

.page-title-wrap > h2 + .breadcrumbs {

  float: right;

  margin-top: 10px;

}

.breadcrumbs > li {

  float: left;

  font-size: 15px;

  font-weight: 300;

  position: relative;

  margin-top: 12px;

  line-height: initial;

  color:#ccc;

}

.breadcrumbs > li a {

	color:#fff;

}

.breadcrumbs > li + li {

  padding-left: 20px;

  margin-left: 15px;

}

.breadcrumbs > li + li:before {

  content: "";

  height: 9px;

  width: 9px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-color: #fff;

  position: absolute;

  left: 0;

  top: 9px;

}

.sec-title + .team-wrap2 {margin-top: 20px;}

/*===== Contact Info Wrap =====*/

.contact-info-wrap {

  float: left;

  width: 100%;

}

.remove-ext3 .contact-info-box {margin-bottom: 30px;}

.contact-info-box {

  float: left;

  padding: 22px 30px;

  border: 1px solid #ddd;

  width: 100%;

}

/* .contact-info-box > i {

  display: inline-block;

  line-height: 65px;

  height: 65px;

  width: 65px;

  border: 1px solid;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-size: 28px;

} */

.contact-info-box  i {

  display: inline-block;

  line-height: 65px;

  height: 65px;

  width: 65px;

  border: 1px solid;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  font-size: 28px;

  border-color: #2a486c;

}

.contact-info-box:hover  i {

  background-color: #2a486c;

  color: #ffffff;

}

.contact-info-box > strong {

  display: block;

  font-size: 16px;

  color: #333;

  font-weight: 500;

}

.contact-info-box > i + strong {margin-top: 18px;}

.contact-info-box > span {

  display: block;

  font-size: 15px;

  color: #333;

}

.contact-info-box > strong + span, 

.contact-info-box > strong + a {margin-top: 10px;}

.contact-info-box > a {

  color: #333;

  font-size: 15px;

  display: inline-block;

}

.contact-info-box:hover > i {color: #fff;}

/*===== Newsletter Style 2 =====*/

.newsletter-wrap2 {

  float: left;

  width: 100%;

}

.newsletter-inner {

  display: inline-block;

  max-width: 640px;

  width: 100%;

}

.nwsltr-title2 {

  float: left;

  width: 100%;

  margin-bottom: 30px;

}

.nwsltr-title2 > span {

  font-size: 14px;

  display: block;

  font-weight: 500;

  letter-spacing: 0;

}

.nwsltr-title2 > h3 {

  letter-spacing: 0;

  margin-bottom: 0;

  font-size: 34px;

  font-weight: 800;

}

.blue-layer .nwsltr-title2 > span, 

.blue-layer .nwsltr-title2 > h3 {color: #fff;}

.nwsltr-title2 > h3 + span,

.nwsltr-title2 > span + h3 {margin-top: 7px;}

.newsletter-inner > form {

  float: left;

  width: 100%;

  position: relative;

}

.nwsltr-title2 + form {margin-top: 50px;}

.newsletter-inner > form input {

  float: left;

  width: 100%;

  border-bottom: 1px solid #fff;

  background-color: transparent;

  color: #fff;

  height: 45px;

  -webkit-border-radius: 0 40px 40px 0;

  border-radius: 0 40px 40px 0;

  font-size: 14px;

  font-weight: 500;

}

.newsletter-inner > form input::-webkit-input-placeholder {color: #fff;}

.newsletter-inner > form input::-moz-placeholder {color: #fff;}

.newsletter-inner > form input:-ms-input-placeholder {color: #fff;}

.newsletter-inner > form input:-moz-placeholder {color: #fff;}

.newsletter-inner > form button {

  -webkit-border-radius: 40px;

  border-radius: 40px;

  padding: 12px 45px;

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0px;

}

/*===== Contact Page =====*/

.sec-title + .contact-info-wrap,

.sec-title + .contact-form {margin-top: 30px;}

.contact-loc {

  float: left;

  width: 100%;

  height: 500px;

}

.cont-title {

  float: left;

  width: 100%;

  margin-bottom: 55px;

}

.cont-title > span {

  display: block;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;

}

.cont-title > span + h3 {margin-top: 20px;}

.cont-title > h3 {

  margin-bottom: 0;

  font-size: 28px;

  font-weight: 600;

  color: #373737;

  letter-spacing: 0;

}

.contact-form {

  float: left;

  width: 100%;

}

.contact-form > form {

  display: inline-block;

  max-width: 735px;

  width: 100%;

}

.contact-form > form input, 

.contact-form > form textarea {

  float: left;

  width: 100%;

  font-size: 15px;

  color: #333;

  border: 1px solid rgba(0,0,0,.3);

  padding: 10px 15px;

  height: 50px;

  margin-top: 20px;

}

.contact-form > form textarea {height: 155px;}

.contact-form > form textarea + button {margin-top: 40px;}

/*===== Blog Page =====*/

.blog-wrap {

  float: left;

  width: 100%;

}

.remove-ext7 .blog-box {margin-bottom: 50px;}

.blog-box {

  float: left;

  position: relative;

  width: 100%;

  -webkit-box-shadow: 0 0px 50px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0px 50px rgba(0,0,0,.15);

  -o-box-shadow: 0 0px 50px rgba(0,0,0,.15);

  box-shadow: 0 0px 50px rgba(0,0,0,.15);

}

.blog-thmb {

  float: left;

  width: 100%;

  overflow: hidden;

}

.blog-thmb > a {

  display: inline-block;

  width: 100%;

  position: relative;

}

.blog-thmb > a img {width: 100%;}

.blog-thmb > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0;

  z-index: 1;

  background-color: #000;

}

.blog-box:hover .blog-thmb > a::before {opacity: .5;}

.blog-box:hover .blog-thmb > a img {

  -webkit-transform: scale(1.1) rotate(2deg);

  -ms-transform: scale(1.1) rotate(2deg);

  -o-transform: scale(1.1) rotate(2deg);

  transform: scale(1.1) rotate(2deg);

}

.blog-info {

  float: left;

  width: 100%;

  padding: 25px 25px 30px;

}

.pst-mta2 {

  display: inline-block;

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  width: 100%;

}

.blog-info > li {float: left;}

.pst-mta2 > li {

  float: left;

  font-size: 15px;

  font-weight: 300;

  color: #1e1e1e;

}

.pst-mta2 > li i {margin-right: 10px;}

.pst-mta2 + h4 {margin-top: 2px;}

.blog-info > h4 {

  margin-bottom: 0;

  font-size: 22px;

  font-weight: 500;

}

.blog-info > h4 + p {margin-top: 17px;}

.blog-info > p {

  margin-bottom: 0;

  line-height: 25px;

}

.blog-info > p + a {margin-top: 23px;}

.blog-info > a {

  text-decoration: underline;

  display: inline-block;

  font-size: 15px;

  font-weight: 500;

}

/*===== Pagination Wrap =====*/

.pagination-wrap {

  float: left;

  width: 100%;

  margin-top: 55px;

  margin-bottom:-10px;

}

.pagination {

  display: inline-block;

  margin-bottom: 0;

}

.pagination > li {

  float: left;

  margin: 5px;

  font-weight: 500;

  letter-spacing: 0;

}

.pagination > li a {

  height: 33px;

  float: left;

  width: 33px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #d2d2d2;

  line-height: 33px;

}

.pagination > li.active a, 

.pagination > li a:hover, 

.pagination > li a:focus {color: #fff;}

/*===== Event Page =====*/

.event-wrap {

  float: left;

  width: 100%;

}

.event-desc {

  float: left;

  width: 100%;

}

.event-desc > h4 {

  position: relative;

  padding-bottom: 5px;

  font-size: 28px;

  font-weight: 600;

  margin-bottom: 0;

}

.event-desc > h4:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  height: 3px;

  width: 90px;

}

.event-desc > h4 + span {margin-top: 24px;}

.event-desc > span {

  display: block;

  font-size: 16px;

  font-weight: 600;

  color: #535353;

  opacity: .8;

  font-style: italic;

  line-height: 24px;

}

.event-desc > span + p {margin-top: 30px;}

.event-desc > p {

  font-size: 16px;

  font-weight: 500;

  color: #535353;

  margin-bottom: 0;

}

.remove-ext3 .event-box2 {

  background-color: #2d555b;

  border-radius: 75px 0px 75px 0;

  box-shadow: 0 10px 15px 0 #8e6119;

  margin-bottom: 30px;

  overflow: hidden;

  display: flex;

}

.event-box2 {

  float: left;

  width: 100%;

  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 30px rgba(0,0,0,.15);

  -o-box-shadow: 0 0 30px rgba(0,0,0,.15);

  box-shadow: 0 0 30px rgba(0,0,0,.15);

}

.event-thumb {

  float: left;

  width: 100%;

  position: relative;

  overflow: hidden;

  flex: 1;

}

.event-thumb > a {

  display: inline-block;

  width: 100%;

}

.event-thumb > a img {

  width: 100%;

  /* margin-top: 20px; */

    margin-bottom: 0;

    max-width: 380px;

    margin-left: -1px;

    border-right: 10px solid #d1ad3c;

    border-radius: 0 0 130px 0;

}

.event-thumb > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  z-index: 1;

  opacity: 0;

}

.event-box2:hover .event-thumb > a::before {opacity: .5;}

.event-box2:hover .event-thumb > a img {

  -webkit-transform: scale(1.1) rotate(2deg);

  -ms-transform: scale(1.1) rotate(2deg);

  -o-transform: scale(1.1) rotate(2deg);

  transform: scale(1.1) rotate(2deg);

}

.event-info {

  float: left;

  padding: 50px 30px 20px;

  width: 100%;

  text-align: left;

  flex: 2;

}

.event-info h4 a {

  color:#fff;

}





.event-info > h4 {

  font-weight: 500;

  margin-bottom: 0;

  font-size: 25px;

  min-height: 25px;

}

.event-info > h4 + p {margin-top: 10px;}

.event-info > p {

  margin-bottom: 0;

  line-height: 26px;

  color:#fff;

}

/* .event-info > p + ul {

  margin-top: 8px;

  margin-bottom: 20px;

} */

.event-mta {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  display: inline-block;

  width: 100%;

}

.event-mta > li {

  font-size: 13px;

  color: #fff;

  font-weight: 500;

  float: left;

  margin-right: 10px;

}

.event-mta > li i {

  width: 20px;

  text-align: center;

  margin-right: 10px;

  display: inline-block;

  font-size: 18px;

  /* float: left; */

  line-height: inherit;

}

/* .event-mta > li + li {margin-top: 10px;} */

.event-mta + a {

  margin-top: 25px;

  padding: 8px 45px;

  font-size: 12.8px;

}



.fnds-dnts-wrap {

  float: left;

  width: 100%;

}

.fnds-dnts-innr {

  display: inline-block;

  max-width: 470px;

}

.fnds-title {

  float: left;

  width: 100%;

}

.fnds-title > h3 {

  margin-bottom: 0;

  font-size: 34px;

  letter-spacing: 0;

}

.blue-layer .fnds-title > h3, 

.blue-layer .fnds-title > p {color: #fff;}

.fnds-title > h3 + p {margin-top: 7px;}

.fnds-title > p {

  margin-bottom: 0;

  letter-spacing: 0;

  font-size: 14px;

  line-height: 24px;

}

.fnds-dnts-innr > ul {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  display: inline-block;

  width: 100%;

}

.cwnt-tim {margin-top: 3px;}

.cwnt-tim > li {

  float: left;

  width: 30.334%;

  border: 1px dotted #fff;

  margin-top: 20px;

  padding: 25px 14px;

}

.cwnt-tim > li + li {margin-left: 20px;}

.cwnt-tim > li span {

  font-size: 43.9px;

  color: #fff;

  font-weight: 700;

  display: inline-block;

}

.cwnt-tim > li span + p,

.cwnt-tim > li p + span {margin-top: 7px;}

.cwnt-tim > li p {

  margin-bottom: 0;

  display: block;

  font-weight: 700;

  text-transform: uppercase;

  color: #fff;

  font-size: 26.3px;

}

.cwnt-tim + .dnt-mta {margin-top: 43px;}

.dnt-mta > li {

  color: #fff;

  display: inline-block;

  font-size: 14px;

  letter-spacing: 0;

}

.dnt-mta > li + li {margin-left: 15px;}

.dnt-mta > li i {

  float: left;

  line-height: inherit;

  font-size: 20px;

  margin-right: 7px;

}

/*=== Bord Sec ===*/

.sec-title.style2 > p {

  font-size: 15px;

  max-width: 90%;

}

.bord-wrap {

  float: left;

  width: 100%;

}

.sec-title + .bord-wrap {margin-top: 15px;}

.bord-box {

  float: left;

  width: 100%;

  position: relative;

  overflow: hidden;

}

.bord-box:before {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  opacity: 0;

  content: "";

}

.bord-box:hover:before {opacity: .8;}

.bord-box > img {width: 100%;}

.bord-info {

  position: absolute;

  left: 0;

  right: 0;

  bottom: -80px;

  padding: 0 20px 32px;

  opacity: 0;

}

.bord-info > h4 {

  margin-bottom: 0;

  color: #fff;

  font-size: 24px;

  font-weight: 600;

  letter-spacing: 0;

}

.bord-info > h4 + p {margin-top: 5px;}

.bord-info > p {

  margin-bottom: 0;

  line-height: 20px;

  letter-spacing: 0;

  font-size: 14px;

  color: #fff;

}

.bord-info > p + span {margin-top: 5px;}

.bord-info > span {

  color: #fff;

  display: block;

  font-size: 15px;

  font-weight: 600;

}

.bord-box:hover .bord-info {

  opacity: 1;

  bottom: 0;

}

/*===== Crowd Funding Page =====*/

.abt-wrap2 {

  float: left;

  width: 100%;

  direction: rtl;

}

.abt-desc2 {

  float: left;

  width: 100%;

  direction: initial;

}

.abt-desc2 .sec-title > p {

  max-width: 100%;

  font-size: 18px;

}

.abt-desc2 > span {

  display: block;

  font-weight: 700;

  color: #585454;

  font-style: italic;

}

.abt-desc2 > span + p {margin-top: 15px;}

.abt-desc2 > p {

  margin-bottom: 0;

  font-size: 18px;

  line-height: 26px;

}

.abt-img2 {

  float: left;

  width: 100%;

}

.abt-img2 img {width: 100%;}

/*=== Expans ===*/

.remove-gap .expns-wrp {

  padding-top: 100px;

  border-top: 1px solid #e1e1e1;

}

.expns-wrp {

  float: left;

  width: 100%;

}

.remove-ext3 .expns-box {margin-bottom: 30px;}

.expns-box {

  float: left;

  width: 100%;

}

.expns-box > a {

  float: left;

  width: 100%;

  position: relative;

  overflow: hidden;

}

.expns-box > a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: #000;

  z-index: 1;

  opacity: 0;

}

.expns-box:hover > a:before {opacity: .5}

.expns-box > a img {width: 100%;}

.expns-box:hover > a img {

  -webkit-transform: scale(1.1) rotate(2deg);

  -ms-transform: scale(1.1) rotate(2deg);

  -o-transform: scale(1.1) rotate(2deg);

  transform: scale(1.1) rotate(2deg);

}

.expns-info {

  float: left;

  width: 100%;

  border: 1px solid #ededed;

  padding: 25px 20px 30px;

  text-align: center;

}

.expns-info > h4 {

  font-size: 23.8px;

  margin-bottom: 0;

  text-align: initial;

  font-weight:600;

}

.expns-info > h4 + p {margin-top: 15px;}

.expns-info > p {

  margin-bottom: 0;

  font-size: 15.85px;

  line-height: 24px;

  font-weight: 400;

  text-align: initial;

}

.expns-info-innr {

  float: left;

  width: 100%;

  display: table;

  text-align: initial;

}

.expns-info > p + .expns-info-innr {margin-top: 12px;}

.expns-info-innr > * {

  display: table-cell;

  vertical-align: middle;

}

.expns-info-innr > span {

  width: 105px;

  font-size: 15.85px;

  font-weight: 500;

  min-width: 105px;

}

.expns-info-innr > span i {

  color: #a1a1a1;

  font-weight: 700;

  display: block;

  font-style: normal;

}

.expns-info-innr .expns-prg {min-width: 125px;}

.expns-info-innr + a {

    margin-top: 20px;

    font-weight: 500;

    font-size: 15px;

    padding: 10px 40px;

    letter-spacing: 0;

}



.contr-wrap {

  float: left;

  width: 100%;

}

.contr-inner {

  display: inline-block;

  text-align: initial;

  max-width: 1040px;

  width: 100%;

  overflow: hidden;

}

.contr-inr {

  padding: 55px 35px 40px;

  display: table-cell;

  vertical-align: middle;

  position: relative;

}

.contr-inr:before {

  content: "";

  opacity: .8;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

}

.contr-desc > h2 {

  margin-bottom: 0;

  color: #fff;

  font-size: 36px;

  font-weight: 600;

}

.contr-desc > h2 + p {margin-top: 5px;}

.contr-desc > p {

  margin-bottom: 0;

  font-size: 16px;

  color: #fff;

  line-height: 22px;

  max-width: 85%;

}

.contr-desc > p strong {

  font-style: italic;

  font-weight: 700;

}

.contr-butn > a {

  font-weight: 600;

  font-size: 20px;

  padding: 12px 60px;

}

.contr-butn:after {

  position: absolute;

  right: -60%;

  width: 200%;

  content: "";

  z-index: -1;

  height: 200%;

  top: 0;

  -webkit-transform: rotate(-47deg);

  -ms-transform: rotate(-47deg);

  -o-transform: rotate(-47deg);

  transform: rotate(-47deg);

}

.contr-desc {padding-left: 45px;}

/*===== About Page =====*/

.srv-wrap3 {

  float: left;

  width: 100%;

  direction: rtl;

}

.remove-ext5 .srv-box3 {margin-bottom: 40px;}

.srv-box3 {

  float: left;

  width: 100%;

  direction: ltr;

}

.srv-ttl {

  display: inline-block;

  position: relative;

  padding-left: 70px;

}

.srv-ttl > i {

  position: absolute;

  left: 0;

  font-size: 48px;

  line-height: initial;

  top: -12px;

}

.srv-box3:hover .srv-ttl > i {

  -webkit-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

.srv-ttl > h4 {

  margin-bottom: 0;

  font-size: 18px;

  font-weight: 500;

}

.srv-ttl > h4 + span {margin-top: 5px;}

.srv-ttl > span {

  display: block;

  font-size: 15px;

  color: #8e8e8e;

}

.srv-ttl + p {margin-top: 8px;}

.srv-box3 > p {

  margin-bottom: 0;

  line-height: 24px;

}

.srv-wrap3 .remove-ext5 {margin-top: 50px;}

.srv-mckp {

  float: left;

  width: 100%;

  position: relative;

}

.srv-mckp > img {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  top: -60px;

}

/*===== Message =====*/

.msn-wrap {

  float: left;

  width: 100%;

}

.msn-thmb-wrap {

  float: left;

  width: 100%;

  min-height: 455px;

  position: relative;

}

.msn-thmb-wrap > a {

  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -o-box-shadow: 0 0 20px rgba(0,0,0,.15);

  box-shadow: 0 0 20px rgba(0,0,0,.15);

  position: absolute;

	border: 10px solid #fff;

    background: #e4e4e4;

	padding:5px 10px;

}

.msn-thmb-wrap > a:hover {z-index: 1;}

.msn-desc {

  float: left;

  width: 100%;

}

.msn-desc > h3 {

  position: relative;

  margin-bottom: 0;

  padding-bottom: 12px;

  font-size: 28px;

  font-weight: 600;

  letter-spacing: 0;

}

.msn-desc > h3:before {

  height: 3px;

  width: 150px;

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

}

.msn-desc > h3 + p {margin-top: 25px;}

.msn-desc > p {

  margin-bottom: 0;

  line-height: 24px;

}

.msn-desc > p + ul,

.msn-desc > ul + p {margin-top: 17px;}

.msn-desc > ul {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  display: inline-block;

  width: 100%;

}

.msn-desc > ul li {

  float: left;

  width: 100%;

  font-size: 15px;

  letter-spacing: 0;

  padding-left: 30px;

  position: relative;

}

.msn-desc > ul li:before {

  content: "\f178";

  position: absolute;

  height: 18px;

  width: 18px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  left: 0;

  top: 4px;

  font-family: fontawesome;

  color: #fff;

  font-size: 12px;

  line-height: 18px;

  text-align: center;

}

.msn-desc > ul li + li {margin-top: 7px;}

.msn-desc > p + a {margin-top: 35px;}

.msn-desc > a {

  font-size: 15px;

  padding: 11.25px 45px;

  letter-spacing: 0;

}

/*===== Portfolio =====*/

.sec-title + .prtfl-wrap {margin-top: 25px;}

.prtfl-wrap {

  float: left;

  width: 100%;

}

.fltr-lnks {

  display: inline-block;

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

}

.fltr-lnks > li {

  display: inline-block;

  margin: 0 15px;

  font-weight: 500;

  font-size: 14px;

}

.fltr-lnks > li a {

  position: relative;

  padding-bottom: 3px;

}

.fltr-lnks > li a:before {

  content: "";

  position: absolute;

  left: 0;

  right: 80%;

  bottom: 0;

  height: 2px;

  opacity: 0;

}

.prtfl-dta {

  float: left;

  width: 100%;

}

.fltr-lnks + .prtfl-dta {margin-top: 35px;}

.fltr-lnks > li.active a::before, 

.fltr-lnks > li a:hover:before, 

.fltr-lnks > li a:focus:before {

  right: 0;

  opacity: 1;

}

.prtfl-box {

  float: left;

  width: 100%;

  position: relative;

}

.prtfl-box > img {width: 100%;}

.remove-ext1 .prtfl-box {margin-bottom: 15px;}

.prtfl-box:before {

  content: "";

  position: absolute;

  left: 45px;

  right: 45px;

  top: 45px;

  bottom: 45px;

  opacity: 0;

}

.prtfl-box:hover:before {

  opacity: .95;

  left: 15px;

  right: 15px;

  top: 15px;

  bottom: 15px;

}

.prtfl-info {

  position: absolute;

  left: 15px;

  right: 15px;

  top: 50%;

  padding: 0 15px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  opacity: 0;

}

.prtfl-box:hover .prtfl-info {opacity: 1;}

.prtfl-info > a {

  display: inline-block;

  color: #fff;

  font-size: 14px;

}

.prtfl-info > a + h4 {margin-top: 5px;}

.prtfl-info > h4 {

  color: #fff;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;

}

.prtfl-info > h4 + span {margin-top: 10px;}

.prtfl-info > span {

  display: block;

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: 0;

}

/*===== Place =====*/

.place-wrap {

  float: left;

  width: 100%;

}

.place-inner {

  display: inline-block;

  max-width: 910px;

  width: 100%;

}

.place-inner > h2 {

  margin-bottom: 0;

  font-size: 49.2px;

  text-transform: uppercase;

  font-weight: 600;

}

.blue-layer .place-inner > h2, 

.blue-layer .place-inner > p {color: #fff;}

.place-inner > h2 + p {margin-top: 5px;}

.place-inner > p {

  margin-bottom: 0;

  line-height: 24px;

  font-size: 16px;

}

.place-inner > p + a {margin-top: 25px;}

.place-inner > a {padding: 13.5px 20px;}

/*===== Blog Detail Page =====*/

.blog-detail-wrp {

  float: left;

  width: 100%;

}

.blog-detail {

  float: left;

  width: 100%;

  background-color: #d1ad3c2b;

  padding: 20px;

  box-shadow: 0 10px 10px 0 rgb(0 0 0 / 15%);

  border-radius: 10px;

}

.blog-detail-inf {

  float: left;

  width: 100%;

  overflow: hidden;

}

.blog-detail-inf img {width: 100%;}

.blog-detail-inf-inr {

  float: left;

  width: 100%;

  padding: 20px;

  border: 1px solid #ddd;

  -webkit-border-radius: 0 0 5px 5px;

  border-radius: 0 0 5px 5px;

  background-color: #2d555b;

}

.blog-detail-inf-inr .pst-mta {

  color:#ffffff;

  margin-bottom: 0;

}

.blog-detail-inf-inr h4 {color:#ffffff;}

.blog-detail-inf-inr ul li {color:#ffffff;}

.blog-detail-desc {

  float: left;

  width: 100%;

}

.blog-detail-desc > p {margin: 25px 0 0;}

blockquote {

  display: inline-block;

  background-color: #efefef;

  padding: 40px 50px;

  text-align: center;

  margin: 45px 0 15px;

  position: relative;

  font-style: italic;

  font-size: 20px;

  z-index: 1;

}

blockquote p {

  margin-bottom: 0;

  font-size: inherit;

}

blockquote p i.fa {

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 70px;

  z-index: -1;

  line-height: initial;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.pst-shr-tgs {

  float: left;

  width: 100%;

  margin-top: 45px;

  padding: 15px 0;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}

.tag-clouds {line-height: 30px;}

.tag-clouds > span,

.team-scl > span {

  display: inline-block;

  margin-right: 15px;

}

.tag-clouds > a {display: inline-block;}

.pst-shr-tgs .team-scl > a {

  background-color: #272727;

  color: #fff;

  margin: 0 2.5px;

}

.cmts-wrp {

  float: left;

  width: 100%;

  margin-top: 40px;

}

.cmts-wrp > h3 {margin-bottom: 25px; font-weight:600;}

.cmt-thrd {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  float: left;

  width: 100%;

}

.cmt-thrd > li {

  float: left;

  width: 100%;

}

.cmt-bx {

  float: left;

  width: 100%;

  padding-bottom: 30px;

  border-bottom: 1px solid #ddd;

  margin-bottom: 30px;

}

.cmt-bx > img {

  float: left;

  margin-right: 20px;

}

.cmt-inf {display: table;}

.cmt-inf > h6 {

  font-weight: 400;

  margin-bottom: 0;

}

.cmt-inf > span {display: inline-block;}

.cmt-inf > p {

  margin: 5px 0 0;

  line-height: 25px;

}

.cmt-inf > a {

  display: inline-block;

  font-weight: 600;

  margin-top: 5px;

  font-size: 15px;

}

.cmt-inf > a:hover, 

.cmt-inf > a:focus {color: #000;}

.cmt-frm {

  float: left;

  width: 100%;

  margin-top: 20px;

}

.cmt-thrd .children {

  padding-left: 50px;

  list-style: none;

  float: left;

  width: 100%;

  margin-bottom: 0;

}

.cmt-thrd .children > li {

  float: left;

  width: 100%;

}

.cmt-frm > h3 {margin-bottom: 30px; font-weight:600;}

.cmt-frm form button {min-width: initial;}

.cnt-frm {

  float: left;

  width: 100%;

}

.cnt-frm > form {

  float: left;

  width: 100%;

}

.cnt-frm > form input, 

.cnt-frm > form textarea {

  float: left;

  width: 100%;

  padding: 15px 30px;

  border: 1px solid #ddd;

  margin-bottom: 20px;

  font-size: 15px;

  height: 50px;

}

.cnt-frm > form textarea {height: 180px;}

.cnt-frm > form button {

  display: inline-block;

  margin-top: 20px;

}

/*===== Sidebar =====*/

.sidebar-wrp {

  float: left;

  width: 100%;

}

.sidebar-wrp .wdgt-box {

  float: left;

  margin-bottom: 40px;

  width: 100%;

}

.wdgt-box > form {

  float: left;

  width: 100%;

}

.wdgt-box > form input, 

.wdgt-box > form textarea {

  float: left;

  width: 100%;

  margin-bottom: 10px;

  border: 1px solid #ddd;

  font-size: 15px;

  padding: 10px 24px;

  color: #777;

}

.srch-frm {position: relative;}

.srch-frm > input {

  -webkit-border-radius: inherit;

  border-radius: inherit;

  margin-bottom: 0 !important;

}

.srch-frm > button {

  position: absolute;

  background-color: transparent;

  font-size: 13px;

  right: 0;

  top: 0;

  bottom: 0;

  width: 45px;

}

.sidebar-wrp .wdgt-box > ul.cat-lst li {text-align: right;}

.sidebar-wrp .wdgt-box > ul li a {float: left;}

.sidebar-wrp .wdgt-box > ul li + li {

  padding-top: 10px;

  margin-top: 10px;

  border-top: 1px dashed #ddd;

}

.sidebar-wrp .wdgt-box > ul li + li i {top: 15px;}

.lst-caus {

  float: left;

  width: 100%;

}

.lst-cas {

  float: left;

  width: 100%;

}

.lst-cas > h6 {

  margin: 10px 0 0;

  font-weight: 400;

}

.ltst-car.owl-carousel .owl-nav > button {

  line-height: 50px !important;

  width: 30px;

  font-size: 20px !important;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  -o-transform: translateY(0);

  transform: translateY(0);

}

.ltst-car.owl-carousel .owl-nav {top: 60px;}

.rcnt-wrp {

  float: left;

  width: 100%;

}

.rcnt-bx {

  float: left;

  width: 100%;

}

.rcnt-bx + .rcnt-bx {margin-top: 20px;}

.rcnt-bx > a {

  float: left;

  overflow: hidden;

}

.rcnt-bx > a + .rcnt-inf {padding-left: 20px;}

.rcnt-bx {display: table;}

.rcnt-inf {

  display: table;

  margin-top: 7px;

}

.rcnt-inf > h6 {

  font-weight: 400;

  font-size: 16px;

  margin-bottom: 5px;

}

.rcnt-inf > span {

  display: inline-block;

  font-size: 14px;

}

.rcnt-inf > span i {margin-right: 5px;}



/*===== Shapes Style =====*/

.shp-img {

  position: absolute;

  left: 0;

  width: 100%;

  z-index: 3;

}

.botm-shp {bottom: -1px;}

.top-shp {top: 0;}

.lft-shp {left: -700px;}

.shp-lyr {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  height: 375px;

  width: 800px;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  opacity: .23;

}





.contact-btn {

  position: fixed;

  right: 25px;

  z-index: 33;

  color: #fff;

  font-size: 15px;

  background-color: #252525;

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  -o-transform: rotate(-90deg);

  transform: rotate(-90deg);

  -webkit-transform-origin: center right;

  -ms-transform-origin: center right;

  -o-transform-origin: center right;

  transform-origin: center right;

  -webkit-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

  padding: 10px 25px;

  line-height: initial;

  text-align: center;

  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 15px rgba(0,0,0,.15);

  -o-box-shadow: 0 0 15px rgba(0,0,0,.15);

  box-shadow: 0 0 15px rgba(0,0,0,.15);

  top: 100px;

}

.contact-btn i {

  margin-right: 10px;

  -webkit-transform: rotate(90deg);

  -ms-transform: rotate(90deg);

  -o-transform: rotate(90deg);

  transform: rotate(90deg);

  display: inline-block;

  font-size: 20px;

}

.contact-btn:hover, 

.contact-btn:focus, 

.contact-btn:hover i, 

.contact-btn:focus i {color: #fff;}

/*===== Sidepanel =====*/

.sidepanel {

  padding: 30px;

  position: fixed;

  width: 250px;

  background: #222222;

  z-index: 100000000;

  left: -250px;

  top: 100px;

  display:none;

}

.show {left: 0;}

.sidepanel > span {

  position: absolute;

  right: -50px;

  height: 50px;

  width: 50px;

  text-align: center;

  line-height: 50px;

  cursor: pointer;

  font-size: 22px;

  color: #ffffff;

  background: #222222;

  top: 0;

}

.color-picker {

  float: left;

  width: 100%;

}

.color-picker > h3 {

  float: left;

  width: 100%;

  margin: 0 0 20px;

  position: relative;

  font-weight: 700;

  color: #fff;

  font-size: 13px;

  padding-bottom: 13px;

}

.color-picker > h3::before {

  content: "";

  background: #777;

  height: 3px;

  width: 13px;

  left: 0;

  bottom: 0;

  position: absolute;

}

.color-picker > a::before {

  height: 100%;

  top: 0;

  left: 0;

  width: 0;

  position: absolute;

  z-index: 1;

  content: "";

}

.color-picker > a.color-picker::before {width: 100%;}

.color-picker > a::after {

  color: #fff;

  content: "✔";

  font-size: 16px;

  left: 50%;

  top: 50%;

  position: absolute;

  opacity: 0;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 2;

}

.color-picker > a.applied::after {opacity: 1}

.color-picker > a {

  cursor: pointer;

  float: left;

  height: 35px;

  margin: 0 10px 10px 0;

  position: relative;

  width: 35px;

}

.color-picker .color {background-color: #d1ad3c;}

.color-picker .color2 {background-color: #b57c00;}

.color-picker .color3 {background-color: #d1ad3c;}

.color-picker .color4 {background-color: #f64243;}

/*===== Header Search =====*/

.header-search {

  position: fixed;

  top: 0;

  bottom: 0;

  right: 0;

  background-color: rgba(0,0,0,.95);

  z-index: 9999;

  opacity: 0;

  visibility: hidden;

  left: 100%;

}

.srch-cls-btn {

  position: absolute;

  right: 20px;

  top: 20px;

  line-height: 45px;

  width: 45px;

  color: #333;

  background-color: #fff;

  text-align: center;

  font-size: 15px;

  cursor: pointer;

}

.srch-cls-btn:hover {color: #fff;}

.header-search > form {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

  right: 0;

}

.header-search > form input {

  float: left;

  width: 100%;

  padding: 20px 150px 20px 50px;

  font-size: 25px;

  background-color: transparent;

  color: #fff;

}

.header-search > form button {

  position: absolute;

  color: #fff;

  right: 100px;

  background-color: transparent;

  font-size: 25px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%);

}

.header-search.active {

  left: 0;

  opacity: 1;

  visibility: visible;

}

/*===== Page Loaders =====*/

.pageloader-wrap {

  position: fixed;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  background-color: #000;

  z-index: 99999;

}

.loader {

  position: absolute;

  left: 50%;

  top: 50%;

  width: 75px;

  height: 100px;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}

.loader__bar {

  position: absolute;

  bottom: 0;

  width: 10px;

  height: 50%;

  background: #fff;

  -webkit-transform-origin: center bottom;

          transform-origin: center bottom;

  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);

}

.loader__bar:nth-child(1) {

  left: 0px;

  -webkit-transform: scale(1, 0.2);

          transform: scale(1, 0.2);

  -webkit-animation: barUp1 4s infinite;

          animation: barUp1 4s infinite;

}

.loader__bar:nth-child(2) {

  left: 15px;

  -webkit-transform: scale(1, 0.4);

          transform: scale(1, 0.4);

  -webkit-animation: barUp2 4s infinite;

          animation: barUp2 4s infinite;

}

.loader__bar:nth-child(3) {

  left: 30px;

  -webkit-transform: scale(1, 0.6);

          transform: scale(1, 0.6);

  -webkit-animation: barUp3 4s infinite;

          animation: barUp3 4s infinite;

}

.loader__bar:nth-child(4) {

  left: 45px;

  -webkit-transform: scale(1, 0.8);

          transform: scale(1, 0.8);

  -webkit-animation: barUp4 4s infinite;

          animation: barUp4 4s infinite;

}

.loader__bar:nth-child(5) {

  left: 60px;

  -webkit-transform: scale(1, 1);

          transform: scale(1, 1);

  -webkit-animation: barUp5 4s infinite;

          animation: barUp5 4s infinite;

}

.loader__ball {

  position: absolute;

  bottom: 10px;

  left: 0;

  width: 10px;

  height: 10px;

  background: #fff;

  border-radius: 50%;

  -webkit-animation: ball 4s infinite;

          animation: ball 4s infinite;

}



@-webkit-keyframes ball {

  0% {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  5% {

    -webkit-transform: translate(8px, -14px);

            transform: translate(8px, -14px);

  }

  10% {

    -webkit-transform: translate(15px, -10px);

            transform: translate(15px, -10px);

  }

  17% {

    -webkit-transform: translate(23px, -24px);

            transform: translate(23px, -24px);

  }

  20% {

    -webkit-transform: translate(30px, -20px);

            transform: translate(30px, -20px);

  }

  27% {

    -webkit-transform: translate(38px, -34px);

            transform: translate(38px, -34px);

  }

  30% {

    -webkit-transform: translate(45px, -30px);

            transform: translate(45px, -30px);

  }

  37% {

    -webkit-transform: translate(53px, -44px);

            transform: translate(53px, -44px);

  }

  40% {

    -webkit-transform: translate(60px, -40px);

            transform: translate(60px, -40px);

  }

  50% {

    -webkit-transform: translate(60px, 0);

            transform: translate(60px, 0);

  }

  57% {

    -webkit-transform: translate(53px, -14px);

            transform: translate(53px, -14px);

  }

  60% {

    -webkit-transform: translate(45px, -10px);

            transform: translate(45px, -10px);

  }

  67% {

    -webkit-transform: translate(37px, -24px);

            transform: translate(37px, -24px);

  }

  70% {

    -webkit-transform: translate(30px, -20px);

            transform: translate(30px, -20px);

  }

  77% {

    -webkit-transform: translate(22px, -34px);

            transform: translate(22px, -34px);

  }

  80% {

    -webkit-transform: translate(15px, -30px);

            transform: translate(15px, -30px);

  }

  87% {

    -webkit-transform: translate(7px, -44px);

            transform: translate(7px, -44px);

  }

  90% {

    -webkit-transform: translate(0, -40px);

            transform: translate(0, -40px);

  }

  100% {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}



@keyframes ball {

  0% {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  5% {

    -webkit-transform: translate(8px, -14px);

            transform: translate(8px, -14px);

  }

  10% {

    -webkit-transform: translate(15px, -10px);

            transform: translate(15px, -10px);

  }

  17% {

    -webkit-transform: translate(23px, -24px);

            transform: translate(23px, -24px);

  }

  20% {

    -webkit-transform: translate(30px, -20px);

            transform: translate(30px, -20px);

  }

  27% {

    -webkit-transform: translate(38px, -34px);

            transform: translate(38px, -34px);

  }

  30% {

    -webkit-transform: translate(45px, -30px);

            transform: translate(45px, -30px);

  }

  37% {

    -webkit-transform: translate(53px, -44px);

            transform: translate(53px, -44px);

  }

  40% {

    -webkit-transform: translate(60px, -40px);

            transform: translate(60px, -40px);

  }

  50% {

    -webkit-transform: translate(60px, 0);

            transform: translate(60px, 0);

  }

  57% {

    -webkit-transform: translate(53px, -14px);

            transform: translate(53px, -14px);

  }

  60% {

    -webkit-transform: translate(45px, -10px);

            transform: translate(45px, -10px);

  }

  67% {

    -webkit-transform: translate(37px, -24px);

            transform: translate(37px, -24px);

  }

  70% {

    -webkit-transform: translate(30px, -20px);

            transform: translate(30px, -20px);

  }

  77% {

    -webkit-transform: translate(22px, -34px);

            transform: translate(22px, -34px);

  }

  80% {

    -webkit-transform: translate(15px, -30px);

            transform: translate(15px, -30px);

  }

  87% {

    -webkit-transform: translate(7px, -44px);

            transform: translate(7px, -44px);

  }

  90% {

    -webkit-transform: translate(0, -40px);

            transform: translate(0, -40px);

  }

  100% {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

@-webkit-keyframes barUp1 {

  0% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  40% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  50% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  90% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  100% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

}

@keyframes barUp1 {

  0% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  40% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  50% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  90% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  100% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

}

@-webkit-keyframes barUp2 {

  0% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  40% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  50% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  90% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  100% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

}

@keyframes barUp2 {

  0% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  40% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  50% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  90% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  100% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

}

@-webkit-keyframes barUp3 {

  0% {

    -webkit-transform: scale(1, 0.6);

            transform: scale(1, 0.6);

  }

  100% {

    -webkit-transform: scale(1, 0.6);

            transform: scale(1, 0.6);

  }

}

@keyframes barUp3 {

  0% {

    -webkit-transform: scale(1, 0.6);

            transform: scale(1, 0.6);

  }

  100% {

    -webkit-transform: scale(1, 0.6);

            transform: scale(1, 0.6);

  }

}

@-webkit-keyframes barUp4 {

  0% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  40% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  50% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  90% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  100% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

}

@keyframes barUp4 {

  0% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  40% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

  50% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  90% {

    -webkit-transform: scale(1, 0.4);

            transform: scale(1, 0.4);

  }

  100% {

    -webkit-transform: scale(1, 0.8);

            transform: scale(1, 0.8);

  }

}

@-webkit-keyframes barUp5 {

  0% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  40% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  50% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  90% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  100% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

}

@keyframes barUp5 {

  0% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  40% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

  50% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  90% {

    -webkit-transform: scale(1, 0.2);

            transform: scale(1, 0.2);

  }

  100% {

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

}











/*===== Primary Color =====*/



/*===== Background Color =====*/

.thm-bg,

.thm-btn,

.thm-layer:before,

.team-box:before,

.team-scl > a:hover,

.team-scl > a:focus,

.testi-itm > i:before,

.scl > a:hover,

.scl > a:focus,

.owl-carousel .owl-dots button.owl-dot.active,

.hstry-desc > ul li:before,

.team-box2 .team-scl > a:hover,

.team-box2 .team-scl > a:focus,

.fea-info2 > h4:before,

.fea-car > .row > div:nth-child(2) .fea-itm:before,

.nwsltr-innr > form button:hover,

.nwsltr-innr > form button:focus,

.page-title-wrap > h2:before,

.contr-inr:before,

.contr-butn:after,

.pst-shr-tgs .team-scl > a:hover,

.pst-shr-tgs .team-scl > a:focus,

.shp-lyr,

.contact-btn:hover,

.contact-btn:focus,

.srch-cls-btn:hover,

.pageloader-wrap,

.rspn-mnu-btn:hover,

.rspn-scil > li a:hover,

.rspn-mnu-cls:hover,

.rspn-scil > li a:focus,

.plr-box:hover > i,

.breadcrumbs > li + li::before,

.srv-box2:hover,

.team-box2:hover,

.model-close:hover

{

  background-color: #d1ad3c;

}



.wdgt-box > h4:before

{

  background-image: -moz-linear-gradient(0deg, rgba(209,173,60,1) 0%, rgba(208,210,216,0) 100%);

  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(209,173,60,1)), color-stop(100%, rgba(208,210,216,0)));

  background-image: -webkit-linear-gradient(0deg, rgba(209,173,60,1) 0%, rgba(208,210,216,0) 100%);

  background-image: -o-linear-gradient(0deg, rgba(209,173,60,1) 0%, rgba(208,210,216,0) 100%);

  background-image: -ms-linear-gradient(0deg, rgba(209,173,60,1) 0%, rgba(208,210,216,0) 100%);

  background-image: linear-gradient(90deg, rgba(209,173,60,1) 0%, rgba(208,210,216,0) 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ad3c', endColorstr='#d0d2d8',GradientType=1 );

}





/*===== Text Color =====*/

.thm-clr,

nav div > ul li:hover > a, 

nav div > ul li a:focus, 

nav div > ul li:hover > a:before, 

nav div > ul li a:focus:before,

.sec-title-inner > h3,

.srv-tl > h2 span,

.serv-box > i,

.serv-info > h4 a:hover,

.serv-info > h4 a:focus,

.team-info > h4,

.evnt-info > h4 a:hover,

.evnt-info > h4 a:focus,

.pst-mta > li.thm-clr,

.prayer-times > li span.thm-clr,

.wdgt-box > ul li:hover > a,

.wdgt-box > ul li a:focus,

.srch-btn:hover,

.srch-btn:focus,

.owl-carousel .owl-nav button.owl-next:hover, 

.owl-carousel .owl-nav button.owl-prev:hover,

.owl-carousel .owl-nav button.owl-next:focus, 

.owl-carousel .owl-nav button.owl-prev:focus,

.hstry-desc > span,

.hstry-desc > strong span,

.team-info2 > h4,

.sec-title-inner2 > h3,

.srv-box2 > i,

.srv-info2 > a,

.fea-info2 > a,

.breadcrumbs > li a:hover,

.breadcrumbs > li a:focus,

.contact-info-box > a:hover,

.contact-info-box > a:focus,

.cont-title > span,

.blog-info > a,

.blog-info > h4 a:hover,

.blog-info > h4 a:focus,

.pst-mta2 > li a:hover,

.pst-mta2 > li a:focus,

.event-info > h4 a:hover,

.event-info > h4 a:focus,

.event-mta > li i,

.srv-ttl > i,

.msn-desc > h3,

.fltr-lnks > li a:hover,

.fltr-lnks > li a:focus,

.fltr-lnks > li.active > a,

.prtfl-info > a:hover,

.prtfl-info > a:focus,

.tag-clouds > a:hover,

.tag-clouds > a:focus,

.cmt-inf > a,

.rcnt-inf > h6 a:hover,

.rcnt-inf > h6 a:focus,

.contact-btn i,

.header-search > form button:hover,

.header-search > form button:focus,

.rsnp-mnu ul > li > a:focus,

.rsnp-mnu ul > li:hover > a,

.rsnp-mnu ul > li.active > a,

.rspn-srch > button:hover,

.rsnp-mnu ul li.menu-item-has-children.active:before,

.rspn-cnt > span a:hover,

.rspn-cnt > span a:focus,

.rspn-srch > button:hover,

.rspn-srch > button:focus,

.evnt-info > h4 a:hover,

.evnt-info > h4 a:focus,

.expns-info > h4 a:hover,

.expns-info > h4 a:focus

{

  color: #d1ad3c;

}



/*===== Border Color =====*/

.thm-brd-clr,

.plr-box > i::after,

.testi-itm,

.hstry-img:before,

.thm-layer .team-box2 > img,

.plr-box:hover > i,

.srv-box2:hover

{

  border-color: #d1ad3c;

}







/*===== Secondary Color =====*/



/*===== Background Color =====*/

.secndry-bg,

.secndry-btn,

.team-box:after,

.contact-info-box:hover > i,

.pagination > li.active > a,

.pagination > li a:hover,

.pagination > li a:focus,

.msn-desc > ul li:before,

.prtfl-box:before,

.fltr-lnks > li a:before

{

  background-color: #2a486c;

}



.sec-title-inner:before,

.event-desc > h4:before,

.msn-desc > h3:before

{

  background-image: -moz-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);

    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(42,72,108,1)), color-stop(100%, rgba(80,125,179,0)));

    background-image: -webkit-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);

    background-image: -o-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);

    background-image: -ms-linear-gradient(359deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);

    background-image: linear-gradient(91deg, rgba(42,72,108,1) 0%, rgba(80,125,179,0) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a486c', endColorstr='#507db3',GradientType=1 );

}



/*===== Text Color =====*/

.secndry-clr,

.plr-box > i,

.pilr-info > h4,

.sec-title-inner > span,

.sec-title-inner > h3 span,

.srv-tl > h2,

.serv-info > h4,

.team-scl > a,

.evnt-info > h4,

.pry-tim-hed > span,

.testi-info > h4,

.sec-title-inner2 > span,

.srv-info2 > h4,

.srv-info2 > a:hover,

.srv-info2 > a:focus,

.contact-info-box > i,

.blog-info > a:hover,

.blog-info > a:focus,

.pagination > li a,

.srv-ttl > h4,

.msn-desc > ul li,

.cmt-inf > a:hover,

.cmt-inf > a:focus

{

  color: #2a486c;

}



/*===== Border Color =====*/

.secndry-brd-clr,

.plr-box > i,

.team-box > img,

.testi-itm > i img,

.team-box2 > img,

.contact-info-box > i,

.pagination > li.active > a,

.pagination > li a:hover,

.pagination > li a:focus

{

  border-color: #2a486c;

}





/*===== Contact Form Model =====*/

.contact-form-model-wrap {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 99999;

  background-color: rgba(0,0,0,.9);

  padding: 110px 15px 70px;

  opacity: 0;

  visibility: hidden;

}

.contact-form-model-wrap.active {

  opacity: 1;

  visibility: visible;

}

.model-close {

  position: absolute;

  right: 30px;

  width: 40px;

  line-height: 40px;

  top: 40px;

  background-color: #fff;

  cursor: pointer;

  z-index: 99;

}

.model-close:hover {color: #fff;}

.contact-form-inner {

  display: inline-block;

  max-width: 800px;

  background-color: #fff;

  padding: 50px;

  overflow-y: auto;

  height: 650px;

  width: 100%;

}

.contact-form-inner .contact-form > form {max-width: 100%;}



.featured-area2.simple .owl-nav > button.owl-prev, 

.featured-area2.simple .owl-nav > button.owl-next {margin-top: 0;}



.evnt-thmb > a:before,

.blog-thmb > a:before,

.event-thumb > a:before,

.expns-box > a:before {

  background: #fff none repeat scroll 0 0;

  content: "";

  height: 220%;

  left: 20%;

  opacity: 0;

  position: absolute;

  top: -160%;

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

  width: 100px;

}

.evnt-thmb > a:hover:before,

.blog-thmb > a:hover:before,

.event-thumb > a:hover:before,

.expns-box > a:hover:before {

  left: 100%;

  opacity: 0.5;

  top: 100%;

}



.featured-area-wrap.fr-shdw {

  -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);

  -o-box-shadow: 0 0 20px rgba(0,0,0,.15);

  box-shadow: 0 0 20px rgba(0,0,0,.15);

}





.team-wrap.text-center.remove-ext3 {margin-bottom: -25px;}

.gap > .sec-title2 {padding: 0 15px;}

.style2 .logo img{

	/*width:95%;*/

}

header.sticky-active .logo img{



}



.gap.remove-gap.three-block-section {

    padding-top: 0;

    padding-bottom: 0;

}

header.sticky-active{

	padding-bottom:6px;

}

.page-title-wrap h1 img {

    opacity: 0.9;

}

.blog-detail-inf-inr h4{

	padding:10px 0px 5px 0;

	font-weight:600;

}

.event-wrap .col-md-5.col-sm-12.col-lg-5 .event-desc > p{

	line-height:28px;

}

.style-4-donate .sec-title2 p{

	color:#fff;

}

.style-4-donate .view-all,

 .abot-wrap,

 .nwsltr-wrp,

 .testi-wrap {

	margin-bottom:-5px;

}



.sec-title,

.nwsltr-wrp {margin-top: -5px;}

.wh-no-shp .featured-item {padding-bottom: 130px;}

.wh-no-shp .featured-item .featured-cap {padding-bottom: 0;}

.slider-1 .featured-area2 .owl-nav {

  position: absolute;

  left: 75px;

  right: 75px;

  top: 57%;

}

.team-green-block .sec-title2.text-center{

	margin-top:-3px;

}

.team-green-block  .remove-ext3 .team-box2{

	margin-bottom:25px;

}

.donate-block .view-all{

	margin-bottom:-7px;

}

.owl-yellow .featured-cap{

	padding:100px 0 0 0;

}

.gap.style-4-donate {

	padding:95px 0 100px 0;

}

.fnds-dnts-wrap.text-center {

    margin-top: -7px;

}

.fea-car > .row > div:first-child .fea-itm {padding-left: 40%;}

.fea-car > .row > div:last-child .fea-itm {padding-right: 40%;}



.fea-car > .row > div {

  -ms-flex: 0 0 38.5%;

  flex: 0 0 38.5%;

  max-width: 38.5%;

}

.fea-car > .row > div:nth-child(2) {

  -ms-flex: 0 0 23%;

  flex: 0 0 23%;

  max-width: 23%;

}

.owl-curve-green .featured-cap{

	padding:0 0 80px 0;

}

.owl-curve-green .featured-area2 .owl-nav{

	top:50%;

}

.owl-carousel .owl-item .featured-cap h1 img {

    display: block;

    width: 90%;

    text-align: center;

    margin: 0 auto;

}

.featured-cap > h3{

	font-size:28px;

}

.featured-item.style2{

	padding:200px 15px 130px;

}





/** custom css 27-05 **/

.mihm-count {

    background-color: #fff;

    max-width: 360px;
    min-width: 330px;

    min-height: 80px;

    border-radius: 20px;

    margin: 20px 0;

    box-shadow: 0 10px 5px 0 rgb(0 0 0 / 35%);

}



.mihm-count ul {

    list-style: none;

    display: flex;

    flex-direction: row;

    justify-content: center;

}



.mihm-count ul li {

    font-size: 28px;

    flex-direction: column;

    display: flex;

    text-align: center;

    margin-top: 15px;

    margin-right: 15px;

    padding-right: 15px;

    border-right: 2px dotted #000;

}

.mihm-count ul li:last-child {

    border:none;

}



.mihm-count ul li span {

    font-size: 16px;

    font-weight: bold;

    margin-top: 5px;

}



.timeline {

    position: relative;

    padding: 10px;

    margin: 0 auto;

    overflow: hidden;

    color: #ffffff;

}



.timeline:after {

    content: "";

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -1px;

    border-right:4px solid #2d555b;

    height: 100%;

    display: block;

}



.timeline-row {

    padding-left: 50%;

    position: relative;

    margin-bottom: 30px;

}



.timeline-row .timeline-time {

    position: absolute;

    right: 50%;

    top: 31px;

    text-align: right;

    margin-right: 20px;

    color: #000000;

    font-size: 1.5rem;

}



.timeline-row .timeline-time small {

    display: block;

    font-size: 1.3rem;

    color: #333;

    font-weight: 600;

}



.timeline-row .timeline-content {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 30px;
}



.timeline-row .timeline-content:after {

    content: "";

    position: absolute;

    top: 20px;

    height: 3px;

    width: 40px;

}



.timeline-row .timeline-content:before {

    content: "";

    position: absolute;

    top: 20px;

    right: -50px;

    width: 20px;

    height: 20px;

    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;

    border-radius: 100px;

    z-index: 100;

    background: #d1ad3c;

    border: 4px solid #2d555b;

}



.timeline-row .timeline-content h4 {

    margin: 0 0 20px 0;

    line-height: 1.5;

    color: #fff;

}



.timeline-row .timeline-content p {

    margin-bottom: 30px;

    line-height: 150%;

}





.timeline-row .timeline-content .event-mta {

  padding-left: 0;

  list-style: none;

  margin-bottom: 0;

  display: inline-block;

  width: 100%;

}

.timeline-row .timeline-content .event-mta > li {

  font-size: 13px;

  color: #fff;

  font-weight: 500;

  float: left;

  margin-right: 30px;

}

.timeline-row .timeline-content .event-mta > li i {

  width: 20px;

  text-align: center;

  margin-right: 10px;

  display: inline-block;

  font-size: 18px;

  line-height: inherit;

}



.timeline-row .timeline-content .event-mta + a {

  margin-top: 25px;

  padding: 8px 45px;

  font-size: 12.8px;

}

.timeline-row .timeline-content .thumbs {

    margin-bottom: 20px;

}



.timeline-row .timeline-content .thumbs img {

    margin-bottom: 10px;

}



.timeline-row:nth-child(even) .timeline-content {

    background-color: #d1ad3c;

    margin-left: 40px;

    text-align: left;

}



.timeline-row:nth-child(even) .timeline-content:after {

    left: -39px;

    border-right: 18px solid #d1ad3c;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

}



.timeline-row:nth-child(even) .timeline-content:before {

    left: -50px;

    right: initial;

}



.timeline-row:nth-child(odd) {

    padding-left: 0;

    padding-right: 50%;

}



.timeline-row:nth-child(odd) .timeline-time {

    right: auto;

    left: 50%;

    text-align: left;

    margin-right: 0;

    margin-left: 20px;

}



.timeline-row:nth-child(odd) .timeline-content {

    background-color: #d1ad3c;

    margin-right: 40px;

    margin-left: 0;

    text-align: right;

}



.timeline-row:nth-child(odd) .timeline-content:after {

    right: -40px;

    border-left: 18px solid #d1ad3c;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

}



@media (max-width: 767px) {

    .timeline {

        padding: 15px 10px;

    }

    .timeline:after {

        left: 28px;

    }

    .timeline .timeline-row {

        padding-left: 0;

        margin-bottom: 16px;

    }

    .timeline .timeline-row .timeline-time {

        position: relative;

        right: auto;

        top: 0;

        text-align: left;

        margin: 0 0 6px 56px;

    }

    .timeline .timeline-row .timeline-time strong {

        display: inline-block;

        margin-right: 10px;

    }

    .timeline .timeline-row .timeline-icon {

        top: 52px;

        left: -2px;

        margin-left: 0;

    }

    .timeline .timeline-row .timeline-content {

        padding: 15px;

        margin-left: 56px;

        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

        position: relative;

    }

    .timeline .timeline-row .timeline-content:after {

        right: auto;

        left: -39px;

        top: 32px;

    }

    .timeline .timeline-row:nth-child(odd) {

        padding-right: 0;

    }

    .timeline .timeline-row:nth-child(odd) .timeline-time {

        position: relative;

        right: auto;

        left: auto;

        top: 0;

        text-align: left;

        margin: 0 0 6px 56px;

    }

    .timeline .timeline-row:nth-child(odd) .timeline-content {

        margin-right: 0;

        margin-left: 55px;

    }

    .timeline .timeline-row:nth-child(odd) .timeline-content:after {

        right: auto;

        left: -39px;

        top: 32px;

        border-right: 18px solid #5a99ee;

        border-left: inherit;

    }

    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {

        left: 20px;

    }

    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {

        left: 0;

    }

}





.img__wrap {

  position: relative;

}

.img__wrap img {

    border-radius: 10px;

    height: 240px;

    width: 100%;

}



.mi-timelinemn {

    margin-top: -240px;

    background-color: rgba(0,0,0,0.66);

    height: 240px;

    border-radius: 10px;

    position: relative;

    text-align: left;

    padding: 30px 40px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.img__description_layer {

  position: absolute;

  top: 32px;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(209, 173, 60, 1);

  color: #333;

  visibility: hidden;

  opacity: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius:10px;



  /* transition effect. not necessary */

  transition: opacity .2s, visibility .2s;

}



.img__wrap:hover .img__description_layer {

  visibility: visible;

  opacity: 1;

  height:240px;

  margin-top:-140px;

  text-align:center;

}



.img__description {

  transition: .2s;

  transform: translateY(1em);

  color:#fff;

  padding: 30px;

}



.img__wrap:hover .img__description {

  transform: translateY(0);

}



.micompt .hstry-img img {

    border-radius: 10px;

    box-shadow: 0 10px 10px 0 rgb(0 0 0 / 45%);

}