body{
    font-family: Century Gothic;
    font-size: 15px;
    margin: 0;
    padding: 0;
    display: block;
}

a{
    text-decoration: none;
    color: inherit;
}

a:hover{
    color: #48b5c4;
}

.title0{
    font-size: 35px;
    color: #48b5c4;
}

.title1{
    font-size: 35px;
}

.title2{
    font-size: 32px;
}

.titleTeal{
    color: #48b5c4;
}

p{
    font-size: 25px;
}

ul{
    list-style-type: none;
}

ol{
    font-size: 25px; 
    color: #828282; 
    list-style-type: none;
}

.yellowSection{
    background-color: #d6bd6b; 
    opacity: .7;
    color: #fff;
}

.yellowSection p{
    color: #fff;
}

.appForm{
    font-size: 32px; 
    background:#d6bd6b; 
    padding:10px 20px; 
    border-radius: 10px; 
    text-decoration: none; 
    color: #48b5c4;
}

.appForm:hover{
    background:#48b5c4; 
    color: #fff;
}


header{
    background: url(/images/header-homepage.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
    box-shadow: inset 0 10em 10em -1em rgba(0,0,0,0.8);
}

.headerPad{
    padding:2em 1em;
}

.homeh2{
    letter-spacing: .5em;
    text-transform: uppercase;
    text-shadow: 6px 6px 15px #000;
    font-size: 74px;
}

.homeh1{
    text-shadow: 6px 6px 15px #000;
    font-size: 120px;
}

.subH2{
    font-size:42px;
}

.subH1{
    font-size:108px;
}
header .container .row .col-sm-12 h1 span{
    font-size: 55px;
}

p.healingHands{
    font-size: 35px;
    background-color: #48b5c4;
    padding: 5px 10px;
    border-radius: 50px;
    opacity: .8;
}

.centerT{
    text-align: center;
}

/*###################### NAVIGATION ########################*/

nav{
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

nav ul.topNavigation{
    text-align: center;
    list-style:none;
    text-transform: uppercase;
}

nav ul.topNavigation li{
    display: inline-block;
    text-align: center;
    padding: 1em 3em;
}

nav ul.topNavigation li a{
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin: auto;
    font-size: 22px;
    font-weight: 600;
}
nav ul.topNavigation li a:hover{
   color: #e2d28f;
}

#applyNow{
    border: solid #e2d28f;
    border-radius: 50px;
}

nav ul.topNavigation li.dropdownIcon{
    display: none;
  }


/*############################ SECTION ###############################*/

.sectionPad{
    padding: 3em 1em;
}

.sectionPad img{
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
}

.responsive-image{
    width:100%;
    height: auto;
}


.autoM{
    margin: auto;
}

.autoM h4{
    color: #48b5c4;
}

.autoM p{
    color: #828282;
}

/*######################### NEXT SECTION ##############################*/

.bImage{
    background-image: url(/images/programCoursesBG.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bImage ul li{
    color: #48b5c4;
    font-size: x-large;
}

.hRow h4 {
    display: flex;
    flex-direction: row;
    color: #48b5c4;
}

.hRow h4:before, h4:after{
    content: " ";
    flex: 1 1;
    border-bottom:2px solid #d6bd6b;
    margin: auto;
}

.centerT p{
    color: #828282;
}

/*######################### THREE//FOUR SECTION ########################*/

P.autoM{
    color: #828282;
}

.padtb{
    padding: 2em 1em;
}

/*######################### SECTION FIVE #############################*/

.bImage0{
    background-image: url(/images/babyBlueClouds.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 10em 10em -1em rgba(255, 255, 255, 0.9);
}

.bImage0 h4{
    color: #48b5c4;
}

.bImage0 h5{
    color: #fff;
    background-color: #48b5c4;
    padding: 10px 15px;
    border-radius: 20px;
}


/*######################### SECTION TESTIMONIALS #############################*/
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent; }
  
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0; }
    .slick-list:focus {
      outline: none; }
    .slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .slick-track:before, .slick-track:after {
      content: "";
      display: table; }
    .slick-track:after {
      clear: both; }
    .slick-loading .slick-track {
      visibility: hidden; }
  
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none; }
    [dir="rtl"] .slick-slide {
      float: right; }
    .slick-slide img {
      display: block; }
    .slick-slide.slick-loading img {
      display: none; }
    .slick-slide.dragging img {
      pointer-events: none; }
    .slick-initialized .slick-slide {
      display: block; }
    .slick-loading .slick-slide {
      visibility: hidden; }
    .slick-vertical .slick-slide {
      display: block;
      height: auto;
      border: 1px solid transparent; }
  
  .slick-arrow.slick-hidden {
    display: none; }
  
  /* Slider */
  .slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat; }

    /* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.testimonials {
    background-image: url(/images/tealBlueBGlogo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

.testimonials h3{
    color: #fff;
}

.testimonials__button {
      background: #e2d28f;
      color: white;
      border: 1px solid #668259;
      padding: 4px;
      text-align: center;
      width: fit-content;
      margin: 1rem auto; }

.testimonials__stars {
      color: #e2d28f;
      font-size: 2.5rem;
      display: flex;
      justify-content: center; }

    
.testimonials__item {
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    position: relative;
    margin-top: 2rem;
    font-family: "Palatino Linotype", "Times New Roman", serif;
    font-size: 1.2rem;
    border: solid #e2d28f;
    border-radius: 155px;
}
.testimonials__slider .slick-dots li button:before {
    font-size: 1rem;
    color: white;
    opacity: 0.9; }
  .testimonials__slider .slick-dots li.slick-active button:before {
    color: white; }
  .testimonials__cite {
    text-align: center; }

.testClientName{
    color: #48b5c4;
}

.TfSpecialBack{
    background: #fff;opacity: .7;
}

.TfSpecialBack a{
    color:#fff; padding:10px 20px;background-color: #48b5c4; border-radius: 10px;
}

/*########################### SECTION SIX ############################*/

.contactUs{
    background: #efefef;
}

.applyNow{
    background-color: #48b5c4;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
}

form input{
    width: 100%;
    border: none;
    font-size: 20px;
}

form textarea{
    width: 100%;
    border: none;
}

input#submit{
    background: #48b5c4;
    width: fit-content;
    padding: 5px 15px;
    color: #fff;
    border-radius: 10px;
}

button.submit{
    background: #48b5c4;
    width: fit-content;
    padding: 5px 15px;
    color: #fff;
    border-radius: 10px;
    border: none;
    font-size: 20px;
}

.padt{
    padding-top: 1em;
}

.padb{
    padding-bottom: 1em;
}

.Hpadb{
    padding-bottom: 3em;
}

.treeImage{
    width: 100%;
}

/*############################# FOOTER ###############################*/

footer{
    background: #d6bd6b;
    color: #fff;
}

footer .autoM p{
    color: #fff;
}

.fPadt{
    padding-top:1em;
    padding-bottom:.5em;
}

.contactP{
    font-size:14pt;
    line-height:10px;
}
/*###################### MOBILE RESPONSIVE ###########################*/


@media (max-width:1730px){
    nav ul.topNavigation li{
    padding: 1em 2em;
}

}

@media (max-width:1530px){
    nav ul.topNavigation li{
    padding: 1em 2em;
    font-size:5px;
}

}

@media (max-width:1330px){
    nav ul.topNavigation li{
    padding: 1em 1em;
}

}

@media (max-width:1460px){
    .treeImage{
        position: relative;
        bottom: -1em;
    }
}

@media (max-width:1420px){
    .treeImage{
        position: relative;
        bottom: -1.5em;
    }
}

@media (max-width:1400px){
    .treeImage{
        position: relative;
        bottom: -2.5em;
    }
    
    .homeh1{
        font-size:90px;
    }
    
    .homeh2{
        font-size:50px;
    }
}

@media (max-width:1365px){
    .treeImage{
        position: relative;
        bottom: -3.5em;
    }
}

@media (max-width:1327px){
    .treeImage{
        position: relative;
        bottom: -4.5em;
    }
}

@media (max-width:1290px){
    .treeImage{
        position: relative;
        bottom: -5.5em;
    }
}

@media (max-width:1250px){
    .treeImage{
        position: relative;
        bottom: -6.5em;
    }
}
@media (max-width:1210px){
    .treeImage{
        position: relative;
        bottom: -7.5em;
    }
}
@media (max-width:1175px){
    .treeImage{
        position: relative;
        bottom: -8.5em;
    }
}
@media (max-width:1135px){
    .treeImage{
        position: relative;
        bottom: -9.5em;
    }
}
@media (max-width:1096px){
    .treeImage{
        position: relative;
        bottom: -10.5em;
    }
}
@media (max-width:1058px){
    .treeImage{
        position: relative;
        bottom: -11.8em;
    }
}

@media (max-width:1400px){
    p.healingHands{
        font-size: 16px;        
    }
}

@media (max-width:1200px){
    nav ul.topNavigation li:not(:nth-child(1)){
        display: none;
    }
    
    nav ul.topNavigation li.dropdownIcon{
        display: block;
        text-align: right;
    }
    
    nav ul.topNavigation li.dropdownIcon a{
        font-size: x-large;
    }
    
    nav ul.topNavigation li a:hover {
        background-color: #000;
        padding: 5px 10px;
        border-radius: 25px;
    }

    nav ul.topNavigation.responsive{
        position: relative;
    }
    
    nav ul.topNavigation.responsive li{
        display: inline;
        float: none;
    }
    
    nav ul.topNavigation.resposive li a{
        display: block;
        text-align: left;
    }
    
    nav ul.topNavigation.responsive li{
        display: block;
        padding: 1em;
    }
    
    nav ul.topNavigation.responsive li.dropdownIcon{
        position: absolute;
        top: 0;
        right: 0;
    }

    ul#dropdownClick.topNavigation{
        padding: 0;
    }
    
    header .container .row .col-sm-12 h1 span{
        font-size: 25px;
    }

    .col-sm-3,
    .col-sm-6{
        width: 100%;
        margin: auto;
        overflow: hidden;
    }

    #applyNow{
        border:0;
        border-radius: 0;
    }

    .padtb{
        padding: 2em 1em;
    }

    .treeImage{
        position: inherit;
    }

    .homeh1{
        font-size:79px;
    }
    
    .homeh2{
        font-size:35px;
    }
}

@media (max-width:991px){
    .homeh1{
        font-size:58px;
    }
    
    .homeh2{
        font-size:28px;
    }
}

@media (max-width:770px) {
    .col-sm-4, .col-sm-8{
        width:100%;
    }

    .autoM img{
        margin: auto;
    }
    
    .homeh1{
        font-size:38px;
    }
    
    .homeh2{
        font-size:18px;
    }
    
    .hH2{
        font-size:30px;
    }
    
    .hHands{
        width:100%;
    }
    
    .image_adjusted{
    width:100%;
    height:auto;
    }
    
    .appForm{font-size:26px;}
}  





/*our team*/


.our-webcoderskull .row.heading h2 {
    color: #19a7bb;
    font-size: 32.52px;
    line-height: 95px;
    font-weight: 400;
    text-align: center;
    margin: 0 0 0px;
    padding-bottom: 0px;
    text-transform: uppercase;
}
.our-webcoderskull ul{
  margin:0;
  padding:0;
  list-style:none;
}
.our-webcoderskull .heading.heading-icon {
    display: block;
}
.our-webcoderskull .padding-lg {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
}
.practice-area.padding-lg {
    padding-bottom: 55px;
    padding-top: 55px;
}
.practice-area .inner{ 
     border:1px solid #999999; 
	 text-align:center; 
	 margin-bottom:28px; 
	 padding:40px 25px;
}
/*.our-webcoderskull .cnt-block:hover {*/
/*    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/
/*    border: 0;*/
/*}*/
.practice-area .inner h3{ 
    color:#3c3c3c; 
	font-size:24px; 
	font-weight:500;
	font-family: 'Poppins', sans-serif;
	padding: 10px 0;
}
.practice-area .inner p{ 
    font-size:14px; 
	line-height:22px; 
	font-weight:400;
}
.practice-area .inner img{
	display:inline-block;
}


.our-webcoderskull{
  /*background: url("http://www.webcoderskull.com/img/right-sider-banner.png") no-repeat center top / cover;*/
  background-color: #fffff6;
  padding-bottom: 70px;
}
.our-webcoderskull .cnt-block{ 
   float: left;
    width: 100%;
    /* background: #fff; */
    padding: 10px 20px;
    text-align: center;
    /* border: 2px solid #d5d5d5; */
    margin: 0 0 5px;
}
.our-webcoderskull .cnt-block figure{
   width:148px; 
   height:148px; 
   border-radius:100%; 
   display:inline-block;
   margin-bottom: 15px;
}
.our-webcoderskull .cnt-block img{ 
   width:148px; 
   height:148px; 
   border-radius:100%; 
   border: 3px solid #ef9127;
   object-fit: cover;
}
.our-webcoderskull .cnt-block h3 {
    color: #2a2a2a;
    font-size: 20px;
    font-weight: 500;
    padding: 0px 0;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.our-webcoderskull .cnt-block h3 a{
  text-decoration:none;
	color:#2a2a2a;
}
.our-webcoderskull .cnt-block h3 a:hover{
	color:#337ab7;
}
.our-webcoderskull .cnt-block p{ 
   color:#2a2a2a; 
   font-size:13px; 
   line-height:20px; 
   font-weight:400;
}
.our-webcoderskull .cnt-block .follow-us{
	margin:20px 0 0;
}
.our-webcoderskull .cnt-block .follow-us li{ 
    display:inline-block; 
	width:auto; 
	margin:0 5px;
}
.our-webcoderskull .cnt-block .follow-us li .fa{ 
   font-size:24px; 
   color:#767676;
}
.our-webcoderskull .cnt-block .follow-us li .fa:hover{ 
   color:#025a8e;
}