@charset "utf-8";
/* CSS Document */

/****
 create by :ashok shedge
 create date : 16/6/2017
 modified by :*****************/
 
 
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');
/*font-family: 'Oswald', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');
/*font-family: 'Playfair Display', serif;*/
@import url('https://fonts.googleapis.com/css?family=Carrois+Gothic');
/*font-family: 'Carrois Gothic', sans-serif;*/


body{ background:#fff; font-family: 'Carrois Gothic', sans-serif;font-size:14px;color:#333;font-weight:400;}

/*.container{ width:1170px;}*/


.header{ margin:0 0 30px 0;}

.social-icon {position:absolute; right:25px; z-index:999999;}
.social-icon:after { content:""; clear:both; display: block}
.social-icon li {padding:1px; display:inline-block; float:left; text-align:left; margin-top:9px;color:#fff; line-height:30px !important;}
.social-icon li a { display:inline-block; width:35px; height:35px;color:#fff; line-height:40px; text-align:center; text-decoration:none; font-size:20px; margin-right:6px !important;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:20px; background:#ff5a00;}
.social-icon li a:hover{border-radius:20px;color:#ff5a00;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:6px; background:#fff;}


.inner-banner { background-image:url(../images/portfolio-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);}

.inner-banner-1 { background-image:url(../images/about-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);}

.inner-banner-2 { background-image:url(../images/contact-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);}

.inner-banner-3 { background-image:url(../images/kids-photography-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }

.inner-banner-4 { background-image:url(../images/miniatures-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }

.inner-banner-5 { background-image:url(../images/landscapes-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }

.inner-banner-6 { background-image:url(../images/portraits-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }

.inner-banner-7 { background-image:url(../images/sports-event-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }

.inner-banner-8 { background-image:url(../images/media-banner.jpg); width:100%; min-height:480px; background-repeat: no-repeat;background-size: cover;  background-position: center center;  padding:50px 0 50px 0; background-color: rgba(0, 0, 0, 0); margin-bottom:60px; position:absolute;  -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); }



.page-heading { text-align:center;}
.page-heading h1{font-family: 'Playfair Display', serif; font-weight:700; color:#fff; font-size:70px; margin:100px 0 50px 0;}

h3.heading-title {display: inline-block;}
h3.heading-title {position:relative; font-family: 'Playfair Display', serif; font-size:40px; font-weight:400; color:#161515; line-height:24px;  margin:60px 0 20px 0; padding: 15px 15px;}
h3.heading-title:before{background: #000; top: 0; content: ""; height: 1px; left: 0; position: absolute;transition: all 300ms ease-out 0s;width: 100%;} 
h3.heading-title:after {background: #000; bottom: 0; content: ""; height: 1px; right: 0; position: absolute;transition: all 300ms ease-out 0s;width: 100%;}

.social-icon-1 { border-top:1px solid #ddd; padding-top:10px;}
.social-icon-1:after { content:""; clear:both; display: block;}
.social-icon-1 ul{ padding:0px;}
.social-icon-1 li {padding:1px; display:inline-block;  text-align:left; margin-top:9px;color:#fff; line-height:30px !important;}
.social-icon-1 li a { display:inline-block; width:35px; height:35px;color:#fff; line-height:40px; text-align:center; text-decoration:none; font-size:20px; margin-right:6px !important;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:20px; background:#ff5a00;}
.social-icon-1 li a:hover{border-radius:20px;color:#ff5a00;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;border-radius:6px; background:#fff;}

.text-content{ text-align:left;font-family: 'Carrois Gothic', sans-serif; margin-bottom:60px;}
.text-content h4{ font-size:20px; color:#565454; letter-spacing:0.50px; margin:20px 0;}
.text-content p{ font-size:17px; color:#565454; letter-spacing:0.50px; margin:5px 0 25px 0;}
.text-content img{ margin-bottom:20px;}
.text-content h2{font-family: 'Playfair Display', serif; font-weight:700; color:#565454; font-size:24px; margin:0px;}

.footer_bottom { margin:10px 0 60px 0; text-align:center;}
.footer_bottom p{font-family: 'Oswald', sans-serif;font-size:13px; font-weight:400; color:#6d6c6c;  text-decoration:none; letter-spacing:0.75px; margin:5px 0px;}
.footer_bottom p a{ color:#6d6c6c;}



.form-control {display: block;width: 100%;/*height: 40px;*/ padding: 20px 12px; font-size: 14px; line-height: 1.42857143;
color: #555; border: 1px solid #ddd;}
.form-group {margin-bottom: 20px;}
.submit-link{ background:#fff; padding:10px 30px;font-family: 'Playfair Display', serif; font-weight:700; font-size:18px;color:#090909; letter-spacing:1.5px; border:1px solid #ddd; border-radius:4px; text-transform:uppercase; text-decoration:none;}
.submit-link:hover{ background:#161515; color:#fff; text-decoration:none;}



.divider10{ height:10px;}
.divider20{ height:20px;}
.divider30{ height:30px;}
.divider50{ height:50px;}
.divider80{ height:80px;}
.divider120{ height:120px;}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
	

}

 
 /* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {

.logo{ max-width:100%;}


}

/* Small Devices, Tablets */ 
@media only screen and (max-width : 768px){



.img-responsive{width: 100%;}


}



/* Extra Small Devices, Phones */ 
 @media only screen and (max-width : 480px) {
	 
.logo{ max-width:60% !important;}
.social-icon li a { display:inline-block; width:30px; height:30px;color:#fff; line-height:35px; font-size:16px;}

.social-icon-1 li a { display:inline-block; width:30px; height:30px;color:#fff; line-height:35px; font-size:16px;}

.page-heading h1{font-size:40px; margin:180px 0 0 0;}

h3.heading-title{font-size:30px; margin:130px 0 20px 0;}

.text-content h4{ font-size:17px;}
.text-content p{ font-size:15px;}

}



/* Custom, iPhone Retina */ 
 @media only screen and (max-width : 320px) {
	 

.logo{ max-width:60% !important;}


}




/* Custom, */ 
 @media only screen and (max-width : 360px) {
	


}





.course-list {background: #fff;margin-bottom:40px;border-radius: 5px;outline: 1px solid #efefef;box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.1);; font-size:14px;transition: transform .2s; font-family: 'Carrois Gothic', sans-serif;}
.course-list:hover {transform: scale(1.02); box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.2);}
.course-list a{text-decoration: none; color: #565454;}
.course-img {position:relative; margin-bottom:15px;}
.course-img img{ max-width: 100%;}
.course-thumbnail img {
   width: 100%;
   margin: 0 auto;
   border-bottom: 1px solid #efefef;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}
.course-author{margin-top:10px}
.course-author-img {position:absolute; bottom:0px; left:10px; border-radius:50%; border:4px solid #ffffff; -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.15); box-shadow: 0 1px 1px 0 rgba(0,0,0,.15);}
.course-price {float:right; margin-right:10px;font-weight:500;color: #3014cc; font-weight: 700;}

.course-author-info { font-family: 'Carrois Gothic', sans-serif;
    margin-left: 75px;
    min-height: 22px;
    color: #737373;
}
.course-title { margin:10px 10px 5px 10px}
.course-title h4 {font-family: 'Carrois Gothic', sans-serif; font-size:17px; line-height:22px; max-height:44px; overflow:hidden;height:44px;letter-spacing: inherit;font-weight: 600 !important;} 
/* max-height:22px;Overflow hidden needed or else there will be overlapping issue in trainee side courses list*/
.course-title p {font-family: 'Carrois Gothic', sans-serif;
   line-height: 22px;
   height: 65px;
   overflow: hidden;
   color: #737373;}


.course-details{ text-align: left;}

.course-details h4{font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #565454;
    font-size: 24px;
    margin: 20px  0px;}


    .course-details h5{font-family: 'Carrois Gothic', sans-serif;
        font-weight: 500;
        color: #565454;
        font-size: 22px;
        margin: 5px  0px;}
        .course-details h6{font-family: 'Carrois Gothic', sans-serif;
            font-weight: 500;
            color: #565454;
            font-size: 16px;
            margin: 10px  0px;}
            .course-details p {font-family: 'Carrois Gothic', sans-serif;
                font-size: 15px;
                color: #565454;
                letter-spacing: 0.50px;}

   /*-----------------------------------------*/

   .timeline {

    list-style: none;
    margin: 25px 0 22px;
    padding: 0;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style:none;
  }

  .timeline:after {
    border: 6px solid;
    border-top-width: 13px;
    border-color: #e4e4e4  transparent transparent;
    transform: rotate(180deg);
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left:15px;
  }

  .timeline-horizontal:after {
    border-top-width: 6px;
    border-left-width: 13px;
    border-color: transparent transparent transparent #2f4671;
    top: 15px;
    right: 0;
    bottom: auto;
    left: auto;
  }
  .timeline-horizontal .timeline-milestone {
    border-top: 2px solid #2f4671;
    display: inline;
    float: left;
    margin: 20px 0 0 0;
    padding: 40px 0 0 0;
  }
  .timeline-horizontal .timeline-milestone:before {
    top: -17px;
    left: auto;
  }
  .timeline-horizontal .timeline-milestone.is-completed:after {
    top: -17px;
    left: 0;
  }

  .timeline-milestone {
    border-left: 2px solid #2f4671;
    margin: 0 0 0 20px;
    padding: 0 0 20px 25px;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
  }
  .timeline-milestone:before {
     border: 1px solid #e4e4e4;
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    top:0px;
    left: -13px;
    width: 25px;
    height: 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .timeline-milestone.is-completed:before {
    background-color: #2f4671;
  }
  .timeline-milestone.is-completed:after {
    color: #FFF;
    content: "\f00c";
    display: block;
    font-family: "FontAwesome";
    line-height: 32px;
    position: absolute;
    top:-19px;
    left: -17px;
    text-align: center;
    width: 32px;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .timeline-milestone.is-current:before {
    background-color: #fff;
  }
  .timeline-milestone.next-content:before {
    background-color: #2f4671;
    border: 0;
  }

  .timeline-milestone.next-content:after {
    color: #FFF;
    content: "\f023";
    display: block;
    font-family: "FontAwesome";
    line-height: 32px;
    position: absolute;
    top: -19px;
    left: -17px;
    text-align: center;
    width: 32px;
    height: 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }


  .timeline-milestone.next-content .timeline-action .title {
    color: #b5b5b5;
  }

  .timeline-action {
    background-color: #eaecf0;
    padding: 20px 20px 30px 20px;
   position: relative;
   top: -15px;
  }

  .timeline-action.is-expandable .title {
    cursor: pointer;
    position: relative;
     top: -2px;
  }
  .timeline-action.is-expandable .title:focus {
    outline: 0;
    text-decoration: none;
  }
  .timeline-action.is-expandable .title:after {
      font-family: 'icomoon' !important;
/*    border: 6px solid #666;
    border-color: transparent transparent transparent #2f4671;*/
    content: "\e907";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 12px;
  }
  .timeline-action.is-expandable .content {
    display: none;
  }
  .timeline-action.is-expandable.is-expanded .title:after {
    border-color: #2f4671 transparent transparent transparent;
    top: 10px;
    right: 5px;
    font-family: 'icomoon' !important;
    content: "\e903";
    font-size: 12px; display: none;
  }
  .timeline-action.is-expandable.is-expanded .content {
    display: block;
  }
  .timeline-action .title, .timeline-action .content {
    word-wrap: break-word;
  }

  .timeline-action .title {font-family: 'Carrois Gothic', sans-serif;
    color: #364347; font-weight: 400;
    font-size: 18px;
    margin: 0;
  }
  .timeline-action .details {
    display: block;
   font-size: 14px;
   margin-bottom: 10px;
   margin-top: 0px;
    color:#868686;
  }
  .timeline-action .content {
    font-size: 14px;
  }

  .content-list {
    line-height: 1.4;
    list-style: none;
    padding-left: 10px;
  }

  .content-list li { font-size: 16px;
  padding: 10px;
   background: #fff;
   margin: 3px 5px;
   width: 99%;}

  .timeline body {
    background-color: #EEE;
  }

  .timeline .page {
    max-width: 1200px;
    margin: 40px 30px;
  }

  .timeline a {
    color: #364347;
    text-decoration: none;
}
.timeline a:hover, a:focus {
text-decoration: underline;
}
.content-list li a i { margin-right:10px;}
.btn-timeline { float:right; color: #868686; font-size:11px; display: none;}

.btn-timeline a { margin-left:15px; padding:2px 15px !important; font-size:12px !important;;line-height: 16px !important;}






.timeline-milestone {
    border-left: 1px solid #e4e4e4;}

	.timeline-milestone:before {
	 border: 2px solid #e4e4e4}

	.timeline-action {
	background-color: #f9f9f9; }

	.timeline-action {border-radius: 5px;}
	.content-list li { border-radius: 5px;}
	.timeline:after {border: 3px solid; border-top-width: 6px; border-color: #e4e4e4 transparent transparent; transform: rotate(180deg); content: ""; display: block; position: absolute; bottom: -5px; left: 17.5px;}



/*----------------------------------*/

.pricing-style ul.plan-details{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    /*color: black;*/
    width: 260px; /* width of each table */
    margin-right: 20px; /* spacing between tables */
    margin-bottom: 4em;
    /*border: 1px solid #393e4e;*/
    transition: all .5s;
  }
  
  .pricing-style ul.plan-details:hover { /* when mouse hover over pricing table */
    transform: scale(1.05);
    transition: all .5s;
    z-index: 100;
    box-shadow: 0 0 10px #393e4e6e;
  }
  .pricing-style ul.active {
      transform: scale(1.1);
      transition: all .5s;
      z-index: 100;
      box-shadow: 0 0 10px #393e4e6e;}
  
  @media screen and (max-width: 640px){
      .pricing-style ul.active{
          transform: none !important;
      }
  }
  
  .pricing-style ul.plan-details .center{
    margin: 0 auto;
    text-align: center;
  }
  
  .pricing-style ul.plan-details img{
    max-width: 80%;
    height: auto;
  }
  
  .pricing-style ul.plan-details li{
    padding: 10px 10px;
    position: relative;
    /*border-bottom: 1px solid #393e4e;*/
  }
  
  .pricing-style ul.plan-details li:last-child{
    border-bottom: 0px;
  }
  
  .pricing-style ul.plan-details li.title{
    font-weight: bold;
    text-align: center;
    padding: 30px 10px;
    /*background: #393e4e;
    color: white;*/
    box-shadow: 0 -4px 5px rgba(0,0,0,.05) inset;
    text-transform: uppercase;
  }
  
  .pricing-style ul.plan-details li.title > h1{
      font-size: 3.6em;
      margin: 5px;
  }
  
  .pricing-style ul.plan-details li.title > h1 > small{
      font-size: 0.5em;
   }
   .pricing-style ul.plan-details li.title > h1 > span{
     font-size: 0.5em;
   }
  .pricing-style ul.plan-details li.title > h1 > span.plan-currency{
      display: initial;
          font-size: 0.7em;
   }
  .pricing-style ul.plan-details li.title > h5{
      font-size: 1em;
      margin: 5px;
  }
  
  .pricing-style ul.plan-details li.title > h4{
      font-size:22px;
      margin: 5px;
          min-height: 44px;
  }
  
  .pricing-style ul.plan-details li.title > p{
      font-size:13px;
      margin: 5px;
      height: 35px;
      overflow: hidden;
  }
  
  .pricing-style ul.plan-details li.title > span{
      display: block;
      margin: 10px 5px;
      /*height: 40px;*/
      height: 75px;
      overflow: hidden;
          /*font-size: 90%;*/
          font-size: 14px;
  }
  
  
  
  .pricing-style ul.plan-details li b{
    text-transform: uppercase;
  }
		
  /*------------------------*/

  /*Pricing plans new 2 - starts*/
.pricing-style2{
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4em;
    justify-content: center;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    margin-top: 50px;
  }
  
  .pricing-style2 ul.plan-details{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    /*color: black;*/
  /*  width: 350px; */
    width: 260px;
    margin-right: 30px;
    margin-bottom: 4em;
    border: 1px solid #e6e6e6;
    transition: all .5s;
    text-align: center;
    background: #fff;
    border-radius: 5px;
  }
  
  .pricing-style2 ul.plan-details:hover{
    transform: scale(1.05);
    transition: all .5s;
    z-index: 100;
    box-shadow: 0 0 10px #393e4e6e;
  }
  
  .pricing-style2 ul.plan-details .center{
    margin: 0 auto;
    text-align: center;
  }
  
  .pricing-style2 ul.plan-details img {
    max-width: 80%;
    height: auto;
  }
  
  .pricing-style2 ul.plan-details li{
    padding: 10px 10px;
    position: relative;
     border-bottom: 1px solid #f3f3f3;
  }
  
  .pricing-style2 ul.plan-details li{
    padding: 10px 10px;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
  }
  
  .pricing-style2 ul.plan-details li:nth-child(2){
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 30px !important;
    background: #fff;
  }
  
  .pricing-style2 ul.plan-details li:last-child{
    border-bottom: 0px;
  }
  
  .pricing-style2 ul.plan-details li.title{
    font-weight: bold;
    text-align: center;
    padding: 10px;
    /*background: #06d19c;*/
    color: white;
    box-shadow: 0 -4px 5px rgba(0,0,0,.02) inset;
    text-transform: uppercase;
    position: relative;
  }
  
  .pricing-style2 ul.plan-details li.title > .special{
        text-align: center;
      padding: 10px 0px;
      font-size: 14px;
      border-radius: 4px;
      width: 100%;
      /*background: white;
      color: #06d19c;*/
      text-transform: uppercase;
      position: absolute;
      top: -48px;
      right: 0px;
      box-shadow: 0 0 6px #393e4e47;
  }
  .pricing-style2 ul.plan-details li.title > .special img {margin: 0px; width: 100%;}
  
  
  .pricing-style2 ul.plan-details li.price{
    font-weight: bold;
    text-align: center;
    padding: 20px 10px;
    text-transform: uppercase;
  }
  
  .pricing-style2 ul.plan-details li.price > h1{
      font-size:2.8em;
      margin: 5px;
      font-weight: 700;
      /*color: #06d19c;*/
  }
  
  .pricing-style2 ul.plan-details li.price > h1 > small {
      font-size: 0.3em;
      display:block;
   }
  
  .pricing-style2 ul.plan-details li.title > h5{
      font-size: 1em;
      margin: 5px;
  }
  
  .pricing-style2 ul.plan-details li.price > h4{
      font-size:22px;
      margin: 5px;
          min-height: 44px;
  }
  .pricing-style2 ul.plan-details li.price > p{
      font-size:14px;
      margin: 5px;
      height: 35px;
      overflow: hidden;
  }
  
  .pricing-style2 ul.plan-details li.price > span{
      display: block;
      margin: 10px 5px;
      height: 80px;
      overflow: hidden;
          /*font-size: 90%;*/
          font-size: 14px;
  }
  
  
  
  .pricing-style2 ul.plan-details li b{
    text-transform: uppercase;
  }
  .pricing-style2 ul.plan-details li.title b{
    font-size: 250%;
  }
  
  .pricing-style2 ul.plan-details:last-of-type{ /* remove right margin in very last table */
    margin-right: 0;
  }
  
  /*very last LI within each pricing UL */
  .pricing-style2 ul.plan-details li:last-of-type{
    text-align: center;
    margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
  }
  
  .pricing-style2 a.pricebutton{
    background: #06d19c;
    text-decoration: none;
    padding: 15px 40px;
    display: inline-block;
    margin: 10px auto;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
    box-shadow: 5px 3px 14px #393e4e40;
  }
  .pricing-style2 a.pricebutton:hover{
    box-shadow: 5px 10px 20px #393e4e40;
  }
  
  @media only screen and (max-width: 600px) {
    .pricing-style2 ul.plan-details{
      border-radius: 0;
      width: 100%;
      margin-right: 0;
    }
  
    .pricing-style2 ul.plan-details:hover{
      transform: none;
      box-shadow: none;
    }
  
    .pricing-style2 a.pricebutton{
      display: block;
    }
  }

  .pricing-style2 ul.plan-details li > h1 > span.curr-code {
    font-size: 24px;
}