@font-face {
  font-family: "Gotham-Bold";
  src: url("../fonts/GothamBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/GothamBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/GothamBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/GothamBold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/GothamBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/GothamBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/GothamBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham-Book";
  src: url("../fonts/GothamBook.eot"); /* IE9 Compat Modes */
  src: url("../fonts/GothamBook.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/GothamBook.otf") format("opentype"), /* Open Type Font */
    url("../fonts/GothamBook.svg") format("svg"), /* Legacy iOS */
    url("../fonts/GothamBook.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/GothamBook.woff") format("woff"), /* Modern Browsers */
    url("../fonts/GothamBook.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("../fonts/GothamMedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/GothamMedium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/GothamMedium.otf") format("opentype"), /* Open Type Font */
    url("../fonts/GothamMedium.svg") format("svg"), /* Legacy iOS */
    url("../fonts/GothamMedium.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/GothamMedium.woff") format("woff"), /* Modern Browsers */
    url("../fonts/GothamMedium.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}



















/*------slider-------*/
.carousel-caption{text-align:center; height:200px; top:50%; margin-top:-100px;}
.carousel-caption img{margin-left:auto; margin-right:auto;}
.carousel-caption h1{text-align:center; font-size:24px; font-family: "Gotham-Bold";}
.topslider .item > img{width:100%; max-width:100%;}


/*------about-------*/
.aboutblock{padding:80px 0px;}
.aboutblock h4{font-size:22px;font-family: "Gotham-Bold"; color:#1d8562; margin-bottom:20px; text-transform:uppercase;}
.aboutblock p{font-size:15px; color:#7b838a; margin-bottom:15px;font-family: "Gotham-Book"; text-align:justify;}

/*------course-------*/
.fourcourses{padding:80px 0px 30px 0px; background:#2e404d;}
.fourcourses h4{font-size:22px; font-family: "Gotham-Medium"; color:#00ffa9; margin-bottom:20px; text-transform:uppercase;}
.fourcourses p{font-size:15px; color:#bec2c5; margin-bottom:30px;font-family: "Gotham-Book";text-align:justify;}
.fourcourses .table span{font-size:14px; color:#00ffa9;font-family: "Gotham-Medium";text-align:justify;}
.fourcourses .table{font-size:14px; color:#bec2c5;font-family: "Gotham-Book";text-align:justify;}

.fourcourses .table > tbody > tr > td{border:none; padding:0px;text-align:justify;}

.coursemain{margin-bottom:50px;}
.coursemain a{width:175px; height:50px; border-radius:30px; line-height:50px; color:#2e404d; text-align:center; display:inline-block; background:#00ffa9;}
.coursemain a:hover{text-decoration:none; background:#fff;color:#2e404d;}

/*------footer-------*/

.footer{padding:60px 0px 40px 0px; background:#00574f;}
.footer h3{font-size:30px; color:#fff;font-family: "Gotham-Medium"; text-align:center; margin-bottom:50px; margin-top:0px;}
.contactmain{margin-bottom:30px; text-align:center;}
.contactmain img{margin-left:auto; margin-right:auto; margin-bottom:20px; max-height:82px;}
.contactmain h4{font-size:22px;font-family: "Gotham-Medium"; color:#f4c47d; margin-bottom:20px; text-transform:capitalize;}

.contactmain a{font-size:14px; color:#fff;}
.contactmain a:hover{text-decoration:none; color:#fff;}

.wbtn {
    height: 50px;
    width: 50px;
    display: block;
    position: fixed;
    right: 30px;
    bottom: 50px;
    z-index: 999;
}
.newcallbuton {
    background-color: #2e404d;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    z-index: 99999;
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #fff;
    display: none;
}
.newcallbuton:hover{color:#fff;}


/*------copyright-------*/

.copyright{background:#0f0f0f; height:100px;}


ul.socila{margin:45px 0 0 0; padding:0; list-style:none;}
ul.socila li{float:left; padding:0px 8px;}
ul.socila li a{display:block;}

.fortext{text-align:right;}

.fortext p{font-size:15px; color:#fff; margin-top:45px;font-family: "Gotham-Book";}



.modal-content .form-control{height:50px; border:none; background:#e6e7e8; color:#2e404d;font-family: "Gotham-Medium"; box-shadow:none;}

.modal-content .form-group{margin-bottom:30px;}

.form-control::-moz-placeholder {
  color: #2e404d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #2e404d;
}
.form-control::-webkit-input-placeholder {
  color:#2e404d;
}



.btn-primary {
    width:175px; height:50px; border-radius:30px; color:#2e404d; text-align:center; display:inline-block; background:#00ffa9;border:none;font-family: "Gotham-Medium";
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.btn-primary:hover{text-decoration:none; background:#00574f;color:#fff; border:none;}


.modal-header {
   background:#2e404d; color:#fff;font-family: "Gotham-Medium"; text-transform:uppercase;
}

.form-control-feedback{
    
    top: 18px;
    right: 4px;
    
    width: 15px; color:#ccc;
    height: 15px;
    line-height: 15px;
    text-align: center;
    pointer-events: none;font-size: 11px !important;
}
.close {
   
    color: #fff;
    text-shadow:none;
 
    opacity: 1;
}

.modal-content{border-radius:0px;}


.thbnayoubox{padding:30px;}

.thbnayoubox h2{
color: #00ffa9;
font-family: "Gotham-Book";
text-align: center !important; font-size:24px; margin-top:20%; line-height:35px;}







/*------resposive-------*/

@media (max-width: 768px) {
	.newcallbuton {
    display: block !important;
}
  ul.socila {
    margin: 20px 0 0 0;
   
}
.fortext{text-align:left;}
.fortext p{margin-top:20px;}
}

@media (max-width: 550px) {
  .carousel-caption h1 {
    
    font-size: 13px;
   
}
}