@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap');

html{
    overflow-x: hidden;
}

body {
	overflow-x: hidden;
}

.do_card {
    width: 100%;
    font-size: 19px;
    line-height: 33px;
}

.row-big-card .cont {
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    margin: 30px auto;
    width: calc(100% - 40px);
    max-width: 1760px;
    padding: 0;
    position: relative;
}

.card-img {
    padding-left: 45%;
    position: relative;
}

.row-big-card .cont .card-inner {
    padding: 40px 20px 0 60px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    bottom: 0;
    background: white;
    width: 40%;
}

.card-img div {
    display: block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-bottom: 64%;
}

.card-inner h3 {
    font-size: 3rem;
    letter-spacing: -1px;
    color: black;
    margin: 0 0 1.5%;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.inner-text p {
    margin: 1.5% 0 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.inner-text {
    position: relative;
}

.card-inner h4 {
    font-size: 24px;
    line-height: 29px;
    margin: 0;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

span.cta-card {
    display: inline-block;
    font-size: 18px;
    line-height: 82px;
    text-transform: uppercase;
    padding: 0 13%;
    border: 1px solid #1A1A1A;
    color: #1A1A1A;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


@media (max-width: 1774px) {
  .card-inner h4 {
    font-size: calc(20px  + (24 - 20)*(100vw - 1100px)/(1774 - 1100));
    line-height: calc(22px  + (29 - 22)*(100vw - 1100px)/(1774 - 1100));
  }
  .card-inner p {
    font-size: calc(16px  + (19 - 16)*(100vw - 1100px)/(1774 - 1100));
    line-height: calc(20px  + (33 - 20)*(100vw - 1100px)/(1774 - 1100));
  }
  span.cta-card {
    font-size: calc(16px  + (18 - 16)*(100vw - 1100px)/(1774 - 1100));
    line-height: calc(45px  + (82 - 45)*(100vw - 1100px)/(1774 - 1100));
  }
  .row-big-card .cont .card-inner {
    padding-left: calc(40px  + (80 - 40)*(100vw - 1100px)/(1774 - 1100));
    padding-top: calc(20px  + (40 - 20)*(100vw - 1100px)/(1774 - 1100));
  }
  .single-box-inner h4 {
    font-size: calc(20px  + (44 - 20)*(100vw - 960px)/(1774 - 960));
    line-height: calc(26px  + (50 - 26)*(100vw - 960px)/(1774 - 960));
  }
  .inner-hero-edizioni-txt h1 {
    font-size: calc(40px  + (76 - 40)*(100vw - 960px)/(1774 - 960));
    line-height: calc(46px  + (82 - 46)*(100vw - 960px)/(1774 - 960));
  }
}

@media (max-width: 1100px) {
.card-img div {
    padding-bottom: 80%;
  }
  .card-inner h3 {
    font-size: calc(24px  + (40 - 24)*(100vw - 610px)/(1100 - 610));
    line-height: calc(28px  + (50 - 28)*(100vw - 610px)/(1100 - 610));
  }
  .card-inner h4 {
    font-size: calc(16px  + (20 - 16)*(100vw - 610px)/(1100 - 610));
    line-height: calc(20px  + (26 - 20)*(100vw - 610px)/(1100 - 610));
  }
  .card-inner p {
    font-size: calc(13px  + (16 - 13)*(100vw - 610px)/(1100 - 610));
    line-height: calc(16px  + (22 - 16)*(100vw - 610px)/(1100 - 610));
  }
  span.cta-card {
    font-size: calc(15px  + (16 - 15)*(100vw - 610px)/(1100 - 610));
    line-height: calc(34px  + (60 - 34)*(100vw - 610px)/(1100 - 610));
  }
  .row-big-card .cont .card-inner {
    padding-left: 30px;
    padding-top: 20px;
  }
}

@media (max-width: 610px) {
  .card-inner h4 {
    font-size: calc(18px + (24 - 18)*(100vw - 320px)/(610 - 320));
    line-height: calc(22px + (26 - 22)*(100vw - 320px)/(610 - 320));
}
}
  
@media (max-width: 768px) {
  .card-img div {
    padding-bottom: 110%;
  }
 }



@media (max-width: 768px) {
  .row-big-card .cont .card-inner {
      padding: 0 20px 30px;
      position: relative;
      z-index: 3;
      top: 45%;
      left: 0;
      bottom: 0;
      background: white;
      width: calc(100% - 40px); 
  }

  .card-img {
    padding-left: 0;

  }
  .card-img div {
    padding-bottom: 64%;
  }
  .card-inner h3 {
    font-size: calc(30px  + (48 - 30)*(100vw - 320px)/(610 - 320));
    line-height: calc(36px  + (66 - 36)*(100vw - 320px)/(610 - 320));
  }
  .card-inner h4 {
    font-size: calc(18px  + (24 - 18)*(100vw - 320px)/(610 - 320));
    line-height: calc(22px  + (26 - 22)*(100vw - 320px)/(610 - 320));
  }
  .card-inner p {
    font-size: calc(14px  + (19 - 14)*(100vw - 320px)/(610 - 320));
    line-height: calc(18px  + (33 - 18)*(100vw - 320px)/(610 - 320));
  }
  span.cta-card {
    font-size: calc(15px  + (18 - 15)*(100vw - 320px)/(610 - 320));
    line-height: calc(34px  + (60 - 34)*(100vw - 320px)/(610 - 320));
  }
 }





  
@media (max-width: 610px) {
  .row-big-card .cont .card-inner {
      padding: 0 20px 30px;
      position: relative;
      z-index: 3;
      top: 45%;
      left: 0;
      bottom: 0;
      background: white;
      width: calc(100% - 40px); 
  }

  .card-img {
    padding-left: 0;

  }
  .card-img div {
    padding-bottom: 64%;
  }
  .card-inner h3 {
    font-size: calc(30px  + (48 - 30)*(100vw - 320px)/(610 - 320));
    line-height: calc(36px  + (66 - 36)*(100vw - 320px)/(610 - 320));
  }
  .card-inner h4 {
    font-size: calc(18px  + (24 - 18)*(100vw - 320px)/(610 - 320));
    line-height: calc(22px  + (26 - 22)*(100vw - 320px)/(610 - 320));
  }
  .card-inner p {
    font-size: calc(14px  + (19 - 14)*(100vw - 320px)/(610 - 320));
    line-height: calc(18px  + (33 - 18)*(100vw - 320px)/(610 - 320));
  }
  span.cta-card {
    font-size: calc(15px  + (18 - 15)*(100vw - 320px)/(610 - 320));
    line-height: calc(34px  + (60 - 34)*(100vw - 320px)/(610 - 320));
  }
 }


.banner_stud {
    background: url("../images/student.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    display: flex;
}
.banner_stud:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner_stud:after {
    content: "";
    display: table;
    clear: both;
}



.banner {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/banner.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner:after {
    content: "";
    display: table;
    clear: both;
}

.pro-banner {
    background: url("../images/20161123072121_David-prakasham-home.jpg") no-repeat;
    background-size: contain;
    color: #fff;
    display: flex;    
}
.pro-banner:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.pro-banner:after {
    content: "";
    display: table;
    clear: both;
}



.banner-2 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/20161222085049_welcome.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-2:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-2:after {
    content: "";
    display: table;
    clear: both;
}

.banner-3 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/Worship_service.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-3:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-3:after {
    content: "";
    display: table;
    clear: both;
}


.banner-4 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/our_church.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-4:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-4:after {
    content: "";
    display: table;
    clear: both;
}


.banner-5 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/jesus.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-5:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-5:after {
    content: "";
    display: table;
    clear: both;
}

.banner-6 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/our_campus.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-6:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-6:after {
    content: "";
    display: table;
    clear: both;
}

.banner-7 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/childrens_ministry.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-7:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-7:after {
    content: "";
    display: table;
    clear: both;
}

.banner-8 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/student_ministry.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-8:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-8:after {
    content: "";
    display: table;
    clear: both;
}

.banner-9 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/womens_ministry.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-9:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-9:after {
    content: "";
    display: table;
    clear: both;
}

.banner-10 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/senior_ministry.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-10:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-10:after {
    content: "";
    display: table;
    clear: both;
}

.banner-11 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/life_groups.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-11:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-11:after {
    content: "";
    display: table;
    clear: both;
}

.banner-12 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/worship.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-12:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-12:after {
    content: "";
    display: table;
    clear: both;
}

.banner-13 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/widows_ministry.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-13:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-13:after {
    content: "";
    display: table;
    clear: both;
}

.banner-14 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/wedding_ministry.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-14:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-14:after {
    content: "";
    display: table;
    clear: both;
}

.banner-15 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/wedding_bureau.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-15:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-15:after {
    content: "";
    display: table;
    clear: both;
}

.banner-16 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/funerals.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-16:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-16:after {
    content: "";
    display: table;
    clear: both;
}

.banner-17 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/media.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-17:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-17:after {
    content: "";
    display: table;
    clear: both;
}

.banner-18 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/Counseling_Black.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-18:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-18:after {
    content: "";
    display: table;
    clear: both;
}

.banner-19 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/employment.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-19:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-19:after {
    content: "";
    display: table;
    clear: both;
}

.banner-20-disaster {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/20161223162407_disaster-recovery.jpg")100% 0 no-repeat;
    background-size: cover;
    filter: grayscale(100%);
    color: #fff;
    display: block;
}
.banner-20-disaster:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-20-disaster:after {
    content: "";
    display: table;
    clear: both;
}

.banner-20 {
    font-family: 'Archivo Black', sans-serif; 
    background: url("../images/Missions_Black.jpg")100% 0 no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
}
.banner-20:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.banner-20:after {
    content: "";
    display: table;
    clear: both;
}


.container-fluid_top {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btnn {
  margin-left: 50px;
  letter-spacing: 0.1em;
  cursor: pointer;
  font-weight: 400;
  line-height: 45px;
  float: center;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.btnn:hover {
  color: white;
  text-decoration: none;
}

/*btn_background*/
.effect01 {
  color: white;
  border: 2px solid #F1A918;
  box-shadow:0px 0px 0px 1px #F1A918 inset;
  background-color: #F1A918;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.effect01:hover {
  border: 2px solid #666;
  background-color: #FFF;
  box-shadow:0px 0px 0px 4px #EEE inset;
}

/*btn_text*/
.effect01 span {
  transition: all 0.2s ease-out;
  z-index: 2;
}

.give_btn_1{
  margin-left: 28%;
}

.give_btn_2{
  margin-left: 10%;
}

.effect01:hover span{
  letter-spacing: 0.13em;
  color: #333;
}

/*highlight*/
.effect01:after {
  background: #FFF;
  border: 0px solid #000;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .8;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  width: 50px;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);/*easeOutCirc*/
  z-index: 1;
}
.effect01:hover:after {
  background: #FFF;
  border: 20px solid #000;
  opacity: 0;
  left: 120%;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}


.container-fluid {
    max-width: 95%;
    display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 5%;
}
.content {
  float: center;
    text-align: center;
    padding: 20px;
}

.content_welcome{
  float: center;
    text-align: center;
    padding: 20px;

}



.content_welcome_text{
  float: center;
  text-align: center;
  margin-top: 15%;
  font-size: 7vw;
  text-shadow: 2px 2px #000;
}

/*clock*/


.example h1,
.example p,
.example .button {
  transition: all .2s ease-in-out;
}

.light-theme .example h1 {
  color: #FFFFFF;
}

.light-theme .example p {
  color: #FFFFFF;
}

.light-theme .buttons .button {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.light-theme .buttons .button:hover {
  color: #151515;
  background-color: #FFFFFF;
}

.example {
  font-family: 'Roboto', sans-serif;
  width: 550px;
  margin: auto;
  padding: 2px;
  box-sizing: border-box;
}

.example .flipdown {
  margin: auto;
}

.example h1 {
  text-align: center;
  font-weight: 100;
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 10px;
}

.example p {
  text-align: center;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 35px;
}

.example .buttons {
  width: 100%;
  height: 50px;
  margin: 50px auto 0px auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.example .buttons p {
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  padding: 0px 25px 0px 0px;
  color: #333;
  margin: 0px;
}

.example .button {
  display: inline-block;
  height: 50px;
  box-sizing: border-box;
  line-height: 46px;
  text-decoration: none;
  color: #333;
  padding: 0px 20px;
  border: solid 2px #333;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  transition: all .2s ease-in-out;
}

.example .button:hover {
  background-color: #333;
  color: #FFF;
}

.example .button i {
  margin-right: 5px;
}

@media(max-width: 550px) {
  .example {
    width: 100%;
  }

  .example h1 {
    font-size: 2.5em;
  }

  .example p {
    margin-bottom: 25px;
  }

  .example .buttons {
    width: 100%;
    margin-top: 25px;
    text-align: center;
    display: block;
  }

  .example .buttons p,
  .example .buttons a {
    float: none;
    margin: 0 auto;
  }

  .example .buttons p {
    padding-right: 0px;
  }

  .example .buttons a {
    display: inline-block;
  }
}















/*



.pro-banner {
    background: url("../images/20161123072121_David-prakasham-home.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    height: auto;
    color: #fff;
    display: flex;
}
.pro-banner:before {
    content: "";
    float: left;
    padding-bottom: 40%;
}
.pro-banner:after {
    content: "";
    display: table;
    clear: both;
}*/


.content-1 p{
  font-size: 1.8vw;
	float: right;
    text-align: right;
}

.content-1 h1{
  font-size: 3vw;
	float: right;
    text-align: right;
}

.container-video {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.col-kids {
  float: left;
  width: 33.33%;
  padding: 5px;
}

.btn {
  background-color: white; 
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
}

.btn {font-size: 10px;}


.btn:hover{
	background-color: #F1A918;
	color: white;
}

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

	.kids-banner {
    background: url("../images/kiddies2.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    height: 300px;
    width: 100%;
}

	.title-img {
		height: 100px;
		width: auto;
}

	.kids-text{
		font-size: 10px;
	}

	

}

.small,
.small2,
.small3 {
    font-size: 14px;
    margin-top: 50px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.small .small-ul,
.small2 .small-ul,
.small3 .small-ul {
    display: flex;
    position: absolute;
    top: 0
}

.small .small-ul li,
.small2 .small-ul li,
.small3 .small-ul li {
    margin-left: 5px
}

.small .small-span,
.small2 .small-span,
.small3 .small-span {
    position: absolute;
    top: calc(50% - 20px);
    opacity: .1;
    cursor: pointer;
    color: #FFF;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 1);
}

.small .small-span:hover,
.small2 .small-span:hover,
.small3 .small-span:hover {
    opacity: .5
}

.small .small-span:first-of-type,
.small2 .small-span:first-of-type,
.small3 .small-span:first-of-type {
    right: 10px
}

.small .small-span:last-of-type,
.small2 .small-span:last-of-type,
.small3 .small-span:last-of-type {
    left: 10px
}


.slide-title{
  color: #fff;
  text-transform: uppercase;
  font-weight: bolder;
}

.slide-show {
	padding: 20px;
  width: 1900px; 
  overflow: hidden;
  margin: auto;
}
.slide-list {
	padding: 10px;
	position: relative; 
	overflow: hidden; 
	width: 2900px; 
	height: 400px;

}
.slide-list > div {
  float: left; width: 400px; padding: 5px; height: 174px; 
  box-sizing: content-box;
  position: relative;
}
.slide-list > div:before {
  position: absolute; left: 10px; top: 10px; color: #fff;
}
.slide-list > div:nth-child(3n+1)::before {content: '01'}
.slide-list > div:nth-child(3n+2)::before {content: '02'}
.slide-list > div:nth-child(3n+3)::before {content: '03'}
.slide-list > div img {width: 100%;}
.slide-btn { left: 45%; position: absolute; padding: 10px;}
.slide-btn button {
  background: rgba(0,0,0,0.4);
  border: none;
  color: #fff;
  border-radius: 50%;
  width: 40px; height: 40px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.slide-btn button:hover {background: rgba(0,0,0,0.8);}


/* Google Fonts */

.separator{max-height:500px;overflow:hidden;margin:0 auto 25px auto}

/* Responsive Mega Menu */
.header_area{
  font-family: 'Oswald';
  background:#000;width:100%;margin:auto;top:0;right:0;left:0;z-index:99;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.navigation{width:100%;height:70px;display:table;position:relative;font-family:inherit}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0;color:#fff;font-size:24px;text-decoration:none}
.nav-brand:hover,.nav-brand:focus{color:#fff}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:0;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#fff;border-radius:10px;box-shadow:0 .5em 0 0 #fff,0 1em 0 0 #fff}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;transition-duration:.2s;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:30px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:20px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}
.navigation-portrait .nav-menu{width:100%}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.navigation-landscape .nav-menu.nav-menu-centered>li{float:none}
.nav-menu>li{display:inline-block;float:left;text-align:left}
.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.nav-menu>li>a{height:70px;padding:26px 15px;display:inline-block;text-decoration:none;font-size:17px;color:#fff;transition:color .3s,background .3s}
.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{background:rgba(0,0,0,0.1);color:#fff}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:8px;margin-top:4px;float:right;transition:all .2s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #fff #fff transparent;transform:rotate(45deg);transition:border .2s}
.navigation-portrait .submenu-indicator-chevron{border-color:transparent #999 #999 transparent;position:absolute;top:18px;left:24px}
.navigation-portrait:hover .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.nav-dropdown>li .submenu-indicator-chevron{border-color:transparent #999 #999 transparent}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}
.nav-search{height:70px;float:right;z-index:19998}
.navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:32px}
.navigation-hidden .nav-search{display:none}
.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:rgba(0,0,0,0.1)}
.navigation-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}
.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#fff;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;transform:rotate(-45deg)}
.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}
.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;transform:translateX(-50%)}
.nav-search-button:hover .nav-search-icon{color:#fff}
.nav-search>form{width:100%;height:100%;padding:0;display:none;position:absolute;left:0;top:0;background-color:#000;z-index:99}
.nav-search-inner{width:70%;height:70px;margin:auto;display:table}
.navigation-portrait .nav-search-inner{height:48px}
.nav-search-inner input[type="text"],.nav-search-inner input[type="search"]{height:70px;width:100%;margin:0;padding:0 12px;font-size:22px;text-align:center;color:#fff;outline:none;line-height:70px;border:none;background-color:transparent;transition:all .3s}
.navigation-portrait .nav-search-inner input[type="text"],.navigation-portrait .nav-search-inner input[type=search]{height:48px;font-size:18px;line-height:48px}
.nav-search input[type="search"]::placeholder{color:#fff;opacity:1}
.nav-search input[type="search"]:-ms-input-placeholder{color:#fff}
.nav-search input[type="search"]::-ms-input-placeholder{color:#fff}
.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;outline:none;color:rgba(255,255,255,.5);font-size:20px;cursor:pointer;text-align:center}
.navigation-portrait .nav-search-close-button{top:10px;right:14px}
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;background-color:#fdfdfd}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#F1A918}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #F1A918 #F1A918 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{transform:rotate(-180deg)}
.megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fff;box-shadow:0 15px 20px -5px rgba(0,0,0,.2)}
.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:table}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none}
.navigation-landscape .megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0}
.navigation-landscape .megamenu-list:last-child{border:none}
.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#343a40;text-decoration:none;font-size:13px}
.megamenu-list>li>a:hover{background-color:#F1A918;color:#fff}
.megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:500;text-transform:uppercase;color:#343a40}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%}
.navigation-landscape .list-col-3{width:33%}
.navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{width:20%}
.nav-dropdown > li > a{color:#343a40;padding:10px 20px;border-bottom:1px solid #f6f6f6}
.nav-dropdown > li > a:hover,.nav-dropdown > li > a:focus{color:#F1A918}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1)}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99}
.navigation-portrait .nav-menu > li > a{color:#222;width:100%;height:auto;padding:10px 10px 10px 30px}
/* Media Query Mega Menu */
@media only screen and (min-width:320px) and (max-width:767px){
.nav-dropdown > li > a,.megamenu-list > li > a{width:65%}}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
.container{max-width:540px}}
@media (min-width:768px){
.container{max-width:720px}}
@media (min-width:992px){
.container{max-width:960px}}
@media (min-width:1200px){
.container{max-width:1140px}}



.centered {
	text-align: center;
	   text-shadow: 2px 2px #000;
	color: white;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.small-content{
	text-align: center;
	   text-shadow: 2px 2px #000;
	color: white;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.logo-img{
  width: 100%;
  height: auto;
}

.promo-banner-title{
	text-align: center;
	   text-shadow: 2px 2px #000;
	color: white;
  position: absolute;
  top: 150%;
  left: 75%;
  transform: translate(-50%, -50%);
}

.promo-banner-text{
	text-align: center;
	   text-shadow: 2px 2px #000;
	color: white;
	font-size: 20px;
  position: absolute;
  top: 180%;
  left: 75%;
  transform: translate(-50%, -50%);
}


#video-play {
  border-radius: 30px;
  width: 50px;
  height: 50px;
  margin: 10px auto;
  border: #fff 5px solid;
  display: block;
  text-indent: -10000px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -30px;
  transition: all 300ms ease-in-out;
  background: rgba(0,0,0,.3);
  box-shadow: 2px 2px 8px rgba(0,0,0,.3);
  text-decoration: none;
}
#video-play:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -8px;
  margin-top: -14px;
  border: 15px transparent solid;
  border-left: 25px #fff solid;
  color: #ccc;
  display: block;
  text-indent: 0;
}
/*#video-play:after {
  content: "\25B6";
  font-size: 30px;
  line-height: 25px;
  position: absolute;
  padding-left: 15px;
  text-align: center;
  color: #fff;
  display: block;
  text-indent: 0;
  transition: all 600ms ease-in-out;
  text-decoration: none;
}*/
#video-play:hover {
  transform: scale(1.2);
  background: rgba(0,0,0,.5);
}
/*#video-play:hover:after {
transform: rotate(360deg);
}*/
.wrap {
  width: 100%;
  height: 500px;
  margin: 50px auto;
  padding: 100px 20px 20px 20px;
  background: #150A07;
  position: relative;
  border-radius: 3px;
  box-shadow: 1px 2px 1px rgba(0,0,0,.4)
  
}

.video-container {
    position: relative;
    padding-bottom: 0;
    padding-top: 0; 
    height: 0; 
    overflow: hidden;
    transition: all 500ms ease-in-out;
    
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0%;
}
h1 {
  font-weight: bold;
}


h1 {
  font-weight: bold;
  text-transform: uppercase;
}

#countdown li {
  display: inline-block;
  font-size: 5rem;
  list-style-type: none;
  padding: 1em;
  text-transform: uppercase;
}

#countdown li span {
  display: block;
  font-size: 4.5rem;
}

#content {
  display: none;
  padding: 1rem;
}

#header  {

    position: relative;
    background: url('../images/banner.jpg') 50% 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}   

#header h1 {
 color: #FFFFFF;
 text-shadow: 2px 2px #000000;
 font-size: 3rem;
}
#header h1{
  text-align:center;
}

@media (max-width:768px)
{
  #header  {

	display: block;
    position: relative;
    background: url('../images/banner.jpg') 100% 100% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
  }
}

#header p{
	float: right;
	text-shadow: 1px 1px #000000;
	margin: 20px;
	font-size: 1.2rem;
	text-align: right;
	color: white;
}

@media (max-width:767px)
{
  .card-service{
  	padding-left: 15%;
  }
  }
}

@media (max-width:767px)
{
  #header{
  	width: 100%;
  	height: 500px;  	
  }

  .header-text{
  	color: red;
  	text-align: center;	 	
  }

  #header h1{
  	float: center;
  	font-size: 2rem;	
  }
  
}	



.countdown_weekly{
  float: center;

}

#countholder .link{
  margin-top: 40px;
}
 
#countholder a{
  display: inline-block;
  color: #fff;
  font-size: 20px;
  padding: 20px;
  background: #265;
  border-radius: 10px;
  text-decoration: none;
}
 
#countholder a:hover{
  background: #487;
}
 
#countholder{
 font-family: sans-serif;
 color: #fff;
 display: inline-block;
 font-weight: 100;
 text-align: center;
 font-size: 48px;
 background-color: #333;
 padding:20px;
 border-radius: 6px;
 margin-bottom:30px;
 line-height: 1.4;
}
 
 
#countholder > div{
 padding: 4px 10px;
 border-radius: 3px;
 background: #cc3300;
 display: inline-block;
}
 
#countholder div > span{
 border-radius: 3px;
 background: #F7AB12;
 display: inline-block;
}
 
#countholder .smalltext{
 padding-top: 5px;
 font-size: 16px;
}


/* Wrapper */
.icon-button {
  background-color: white;
  border-radius: 3.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 2.0rem;
  height: 3.6rem;
  line-height: 3.6rem;
  margin: 0 5px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 3.6rem;
}

/* Circle */
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
  width: 0;
}
.icon-button:hover span {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 3.6rem;
  margin: -1.8rem;
}
.instagram span {
  background-color: #FA0095;
}
.facebook span {
  background-color: #3B5998;
}
.youtube span {
  background-color: #db5a3c;
}

/* Icons */
.icon-button i {
  background: none;
  color: white;
  height: 3.6rem;
  left: 0;
  line-height: 3.6rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
  width: 3.6rem;
  z-index: 10;
}
.icon-button .fa-instagram {
  color: #FA0095;
}
.icon-button .icon-facebook {
  color: #3B5998;
}
.icon-button .fa-youtube {
  color: #db5a3c;
}
.icon-button:hover .fa-instagram,
.icon-button:hover .icon-facebook,
.icon-button:hover .fa-youtube {
  color: white;
}



.m-text{
	color: black;
}


.container h1{
	color: #fff;
}

.clear {
  clear: both;
}

.uk-label{
  font-weight: bold;
  font-size: 1.5rem;
  background-color: #FFFFFFA8;
  height: 60px;
  width: 100%;
  color: black;
  margin-top: -30px;
  margin-right: -30px;
  padding-top: 10px;"
}

@media (max-width:768px)
{
  .ser_time{
    font-size: 1.5vw;
  }
}

@media (max-width:360px)
{
  .ser_time{
    font-size: 4vw;
  }
}

@media (max-width:375px)
{
  .ser_time{
    font-size: 4vw;
  }
}

@media (max-width:414px)
{
  .ser_time{
    font-size: 4vw;
  }
}







strong{
	color: #315795;
}

.above-footer{
	color: white;
	background-color: #414141;
}

.foot_pad{
  padding: 10px;
}

.foot_pad_social{
  padding-top: 6px;
}

.fa{
  padding: 10px;
  color: lightgrey;
  background-color: grey;
}



.site-footer
{
  background-color:#26272b;
  padding:45px 0 20px;
  font-size:15px;
  line-height:24px;
  color:#737373;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#F1A918;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#F1A918;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#00aced
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}

.gallery-cell {
  width: 66%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
}


.gallery-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}