@charset "utf-8";
@import url(reset.css);
@import url(nav.css);
@import url(animate.css);
@import url(bootstrap-checkbox.css);
@import url(font-awesome.css);
@import url(ionicons.css);

/*.parallax p h4{color: #b0acac;}*/
/*whatsapp*/
/* CSS Multiple Whatsapp Chat */

#whatsapp-chat {
  box-sizing: border-box !important;
  outline: none !important;
  position: fixed;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 90px;
/* right: 30px;*/
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);

margin-left: 20px;
}

a.blantershow-chat {
  /*   background: #009688; */
  background: #fff;
  color: #404040;
  position: fixed;
  display: flex;
  font-weight: 400;
  justify-content: space-between;
  z-index: 98;
  bottom: 25px;
 /*right: 30px;*/
margin-left: 20px;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 30px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
}

a.blantershow-chat svg {
  transform: scale(1.2);
  margin: 0 10px 0 0;
}

.whatsapp-chat-header {
  background: #009688;
  background: #095e54;
  color: #fff;
  padding: 20px;
}
  
  .whatsapp-chat-name {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 0.5;
  }


.whatsapp-chat-avatar {
  position: relative;}
  .whatsapp-chat-avatar::after {
      content: "";
    bottom: 0px;
    right: 0px;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background-color: #4ad504;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid #095e54;
    left: 40px;
    top: 38px;
  }
  
 .whatsapp-chat-avatar img {
    border-radius: 100%;
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
    
  }



.info-chat span {
  display: block;
}
#get-label,
span.chat-label {
  font-size: 12px;
  color: #888;
}
#get-nama,
span.chat-nama {
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 700;
  color: #222;
}
#get-label,
#get-nama {
  color: #fff;
}
span.my-number {
  display: none;
}
/* .blanter-msg {
  color: #444;
  padding: 20px;
  font-size: 12.5px;
  text-align: center;
  border-top: 1px solid #ddd;
} */
textarea#chat-input {
    border: none;
    font-family: "Arial", sans-serif;
    width: 100%;
    height: 45px;
    outline: none;
    resize: none;
    padding: 10px;
    font-size: 14px;
    color: #000;
display: inline-block;
}

a#send-it {
  width: 30px;
  font-weight: 700;
  padding: 10px 7px 0;
  background:#eee;}
  
a#send-it svg {
    fill:#a6a6a6;
    height: 22px;
    width: 20px;
  }


.first-msg {
  background: transparent;
  padding: 30px;
  text-align: center;
  & span {
    background: #e2e2e2;
    color: #333;
    font-size: 14.2px;
    line-height: 1.7;
    border-radius: 10px;
    padding: 15px 20px;
    display: inline-block;
  }
}

.start-chat .blanter-msg {
  display: flex;
}
#get-number {
  display: none;
}
a.close-chat {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #fff;
  font-size: 30px;

}

@keyframes ZpjSY{
  0% {
    background-color: rgb(182, 181, 186);
  }
  15% {
    background-color: rgb(17, 17, 17);
  }
  25% {
    background-color: rgb(182, 181, 186);
  }
}

@keyframes hPhMsj {
  15% {
    background-color: rgb(182, 181, 186);
  }
  25% {
    background-color: rgb(17, 17, 17);
  }
  35% {
    background-color: rgb(182, 181, 186);
  }
}

@keyframes iUMejp {
  25% {
    background-color: rgb(182, 181, 186);
  }
  35% {
    background-color: rgb(17, 17, 17);
  }
  45% {
    background-color: rgb(182, 181, 186);
  }
}


@keyframes showhide {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes showchat {
  from {
    transform: scale(0);
    opacity: 0;
  }
}
@media screen and (max-width: 480px) {
  #whatsapp-chat {
    width: auto;
    left: 5%;
    right: 5%;
    font-size: 80%;
  }
}
.hide {
  display: none;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}
.show {
  display: block;
  animation-name: showhide;
  animation-duration: 0.5s;
  transform: scale(1);
  opacity: 1;
}

.whatsapp-message-container {
  display: flex;
  z-index: 1;
}

.whatsapp-message {
  padding: 7px 14px 6px;
  background-color: rgb(255, 255, 255);
  border-radius: 0px 8px 8px;
  position: relative;
  transition: all 0.3s ease 0s;
  opacity: 0;
  transform-origin: center top 0px;
  z-index: 2;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  margin-top: 4px;
  margin-left: -54px;
  max-width: calc(100% - 66px);
}

.whatsapp-chat-body {
  padding: 20px 20px 20px 10px;
  background-color: rgb(230, 221, 212);
  position: relative;
  &::before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0.08;
    background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png");
    // background-image: url(https://res.cloudinary.com/eventbree/image/upload/v1575782560/Widgets/whatsappbg_opt.jpg);
  }
}

.dAbFpq {
  display: flex;
  z-index: 1;
}

.eJJEeC {
  background-color: rgb(255, 255, 255);
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  opacity: 0;
  transition: all 0.1s ease 0s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
}

.hFENyl {
    position: relative;
    display: flex;
}

.ixsrax {
    height: 5px;
    width: 5px;
    margin: 0px 2px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    background-color: rgb(158, 157, 162);
    animation-name: ZpjSY;
}

.dRvxoz {

    height: 5px;
    width: 5px;
    margin: 0px 2px;
    background-color: rgb(182, 181, 186);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    top: 0px;
    animation-name: hPhMsj;
}

.kAZgZq {
    padding: 7px 14px 6px;
    background-color: rgb(255, 255, 255);
    border-radius: 0px 8px 8px;
    position: relative;
    transition: all 0.3s ease 0s;
    opacity: 0;
    transform-origin: center top 0px;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
    margin-top: 4px;
    margin-left: -54px;
    max-width: calc(100% - 66px);
    &::before {
    position: absolute;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    top: 0px;
    left: -12px;
    width: 12px;
    height: 19px;
}
}

.bMIBDo {
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.4);
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.iSpIQi {
    font-size: 14px;
    line-height: 19px;
    margin-top: 4px;
    color: rgb(17, 17, 17);
}

.cqCDVm {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    color: 
    rgba(17, 17, 17, 0.5);
    margin-right: -8px;
    margin-bottom: -4px;
}
/*/whatsapp*/
.coursedet li{list-style: disc;
line-height: 45px;}
.feedbk {margin-bottom: 15px;
padding: 20px 15px 20px 15px!important;
border-radius: 0px!important;}
.blog-pagination .pagination > li {
  display: inline;
  padding: 10px;
}
.section--slider-mobile{position: absolute;}
b, sup, sub, u, del {
  color: #9a1919!important;
}
.course_details_area .title::after {
  background: #d73c22!important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  color: #c6c0c0!important;
}
.primary-btn2:hover {
  background: transparent;
  color: #fff!important;background: #191919!important;}
.primary-btn2 {
  display: inline-block;
  background: #a82f1b!important;}
.comments-area a {
color: #c9cccf!important;
}
.blog_details h2 {
  color: #e3e1e1!important;}
.single-post-area .navigation-area h4 {
  color: #a41111!important;
}
.blog_details h2 {
  color: #e3e1e1;}
.blog_btn:hover {
  background: #e33736!important;
  border-color: #e33736!important;
  color: #fff!important;
}
.blog_details h2:hover {
  color: #e33736!important;
}
.blog_right_sidebar .tag_cloud_widget ul li a:hover {
  background: #e33736!important;
  color: #fff;
}
.blog_right_sidebar .author_widget .social_icon a:hover {
  color: #e33736!important;
}
.blog_right_sidebar .popular_post_widget .post_item .media-body h3:hover {
  color: #e33736!important;
}
.blog_right_sidebar .post_category_widget .cat-list li:hover a {
  color: #e33736!important;
}
.blog_right_sidebar .post_category_widget .cat-list li:hover {
  border-color: #e33736!important;
}
.blog_right_sidebar .widget_title {
  background: #000!important;
}
.blog-pagination .page-item.active .page-link {
  background: #e33736!important;
}
.blog-pagination .page-link:hover {
  color: #fff;
  text-decoration: none;
  background: #e33736!important;
  border-color: #eee;
}
.blog-pagination .page-link {
  color: #fff;
background: #191919;
}
.banner_area .banner_inner .overlay {
  background: rgba(0, 0, 0, 0.8)!important;
}
.single_course:hover h4 a {
  color: #d61e1d!important;
}
.single_course .course_content .tag {
  padding: 2px 21px;
  font-size: 13px;
  color: #fff!important;
  background: #242526!important;}
.single_course:hover .price {
  background: #171718!important;
  color: #fff!important;
}
.single_course .price {background: #d61e1d!important;color: #ffff!important;}
.courses{background: #191919!important;}
.footer-area .footer-bottom a {
  color: #e33837;
}
.footer-area .single-footer-widget ul li a:hover {
  color: #e33837!important;
}
.footer-area .footer-bottom .footer-social a {
  background: #2d2f30!important;}
.footer-area .footer-bottom .footer-social a:hover {
  background: #e33837!important;}
.footer-area .single-footer-widget input {
  background: #2d2f30!important;}
.footer-area .single-footer-widget .click-btn {
  background: #e33837!important;
  color: #fff!important;}
.footer-area {
  background: #212121!important;
}
.testimonial_area .owl-carousel .owl-dots .owl-dot.active {
  background: #be1312;
}
.testi_item {
  box-shadow: 3px 15px 30px 0px rgba(118, 22, 22, 0.3);}
.primary-btn {
  display: inline-block;
  background: #e43837!important;
  padding: 0px 48px;
  color: #fff!important;}
.clock_sec .clockinner {
  background: #212121!important;
  padding: 35px 20px!important;
  margin-right: 15px!important;
  text-align: center;
  border: 1px solid rgba(165, 30, 30, 0.4)!important;
  border-radius: 5px!important;
  margin-top: 45px!important;
}
.take {text-transform: uppercase;
font-weight: 600;
padding-top: 20px;}
.registration_area {
  background: #212121!important;
}
.primary-btn:hover {
background: #222121 !important;
color: #fff;
border: 1px solid #5e5c5c;
}
.container-fluid{width: 85%!important;}
.main_title h2 {color: #d2d1d1;}
.bg-blue .single_feature {
 color: #fff;
  background: #212121;}
.sticky .stick{display: inherit;}
.sticky .hed{display: none;}
.stick{display: none;}
.sticky nav ul li a{color: #000;}
.flexslider {
		width: 100%;
		margin: 0 auto;
		box-shadow: none;
}

.flexslider li {
		position: relative;
}

.flexslider li .meta {
		position: absolute;
		bottom: 25%;
		left: 9%;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		font-family: 'Roboto', sans-serif;
}

.flexslider li h1 {
		background: rgba(51, 51, 51, 0.5);
		padding: 12px 18px 12px;
		margin-bottom: 0;
		font-size: 1.8em;
		font-weight: 300;
}

.flexslider li h2 {
		background: rgba(51, 51, 51, 0.5);
		padding: 13px 18px 11px;
		font-size: 1.1em;
		margin-bottom: 0;
		font-weight: 300;
}

.flexslider li .category {
		display: flex;
		flex-direction: row;
}

.flexslider li .category p {
		background: #e43837;
		margin-right: 7px;
		font-size: 1.1em;
		padding: 12px 18px 10px;
		font-weight: 300;
}

.flexslider li .category span {
		background: #e43837;
		margin-top: 17px;
		padding: 8px 12px 0;
		font-size: 0.9em;
		font-weight: 300;
		height: 26px;
}

.flexslider li h1,
.flexslider li h2,
.flexslider li .category p,
.flexslider li .category span {
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutLeft;
		animation-name: fadeOutLeft;
}

.flexslider li.flex-active-slide .meta h1,
.flexslider li.flex-active-slide .meta h2,
.flexslider li.flex-active-slide .meta .category p,
.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .4s;
		animation-delay: .4s;
		-webkit-animation-duration: .6s;
		animation-duration: .6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.flexslider li.flex-active-slide .meta h2 {
		-webkit-animation-delay: .5s;
		animation-delay: .5s;
}

.flexslider li.flex-active-slide .meta .category p {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.flexslider li.flex-active-slide .meta .category span {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
}

.flex-direction-nav {
		position: absolute;
		top: 0;
		left: 30px;
}

.flex-direction-nav a {
		text-decoration: none;
		display: block;
		width: 30px;
		height: 30px;
		background-color: #333;
		margin: -20px 0 0;
		position: absolute;
		top: 50px;
		z-index: 10;
		overflow: hidden;
		opacity: .5;
		cursor: pointer;
		color: #fff;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
}

.flex-direction-nav .flex-prev {
		text-align: left;
		left: -10px;
}

.flex-direction-nav .flex-next {
		text-align: right;
		left: 30px;
}

.flexslider:hover .flex-prev {
		left: -10px;
}

.flexslider:hover .flex-next {
		left: 30px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
		opacity: 1;
}

.flex-direction-nav a:before {
		font-family: FontAwesome;
		content: '\f104';
		font-size: 25px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 0;
		padding: 2px;
		font-size: 19px;
    line-height: 27px;
}

.flex-direction-nav a.flex-next:before {
		content: '\f105';
}

@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
		}
}

/*accordian*/
.feature .single_feature:hover{box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
cursor: pointer;
background: #e43837;
color: #fff;}

    .question {
cursor: pointer;
position: relative;
background: #222;
padding: 25px;
margin-bottom: 10px;
    }

    .question h2 {
font-size: 17px;
margin: 0;
color: #002347;
    }

    .question .glyphicon {
      position: absolute;
      right: 20px;
      top: 0;
      height: 100%;
      display: flex;
      align-items: center;
      color: #C00C00;
      transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    }

    .answer {
      max-height: 0;
      overflow: hidden;
      transition: 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;
    }

    .accordion li.open .question .glyphicon {
      transform: rotate(180deg);
    }

    .accordion li.open .answer {
      max-height: 150px;
      padding: 23px 0px;
    }
/*banner*/
.blog_details h2 {
  font-size: 19px!important;
  line-height: 31px!important;}
.sendbtn .primary-btn2{color: #fff; border-radius: 0px;}
.modal-footer .primary-btn2{color: #fff; border-radius: 0px;}
.outline{padding-right: 12px;
color: #ffd050;}
.getin{padding:40px 0px;}

.banner_area .banner_inner .banner_content {padding-top:75px;}
/** WebsiteName Style **/
.single_feature{margin-bottom:0px!important;}
.single-footer-widget h4{font-size: 18px; font-weight: 600;}

.primary-btn2:hover{color: #000;}
.right-contents .enroll{color: #fff;}
.text-right .primary-btn2{color: #fff;}
.comments-area .thumb {
  margin-right: 20px;
  width: 100px;
}
.banner_area{height: 391px;}
/*.sticky nav ul li a{color: #000;}*/
.single_feature h4 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 15px;
padding-bottom: 6px;}
.clock_sec h1{padding-bottom: 15px;}
.main_title p{font-style: normal!important;padding-top:20px;}
.section_gap {
  padding: 90px 0;
}
.popular_courses {
  padding-bottom:0px;
}

.container 	{position:relative;}

.nicescroll-rails {z-index:999 !important;}

/*Modal*/
.modal .close{
  opacity: 1;
  color: #002347;
  font-size: 31px;
  position: absolute;
  z-index: 10;
  right: 8px;
  top: 8px;
}
.modal-dialog{border: 1px solid #9f9b9b;}
.modal-content{background-color: #181818!important;}
.modal-header .close{margin:0px!important;padding:0px;}
.modal-header{border-bottom:none!important;}
.modal-footer{border-top:none!important;}
.modal .close {
  opacity: 1;
  color: #f00;
  font-size: 25px;
  position: absolute;
  z-index: 10;
  right: 8px;
  top: 0px;}
.modal .close:hover {color:#fff!important;}
.modal-content {position:relative;}
/*fixbtn*/
.fixbtn {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position:fixed; z-index:999; width:200px; height:44px; top:300px; right:-80px; border-radius:3px; border:2px solid #03ad8b; background:#fff; color:#2a2a2a; font-size:18px; text-align:center; padding:10px; cursor:pointer; line-height:normal;}
.fixbtn i {margin-top:3px;}
.fixbtn:hover {background:#03ad8b; color:#fff; border-color:#fff;}
.fixbtn:hover i {color:#fff;}

/*blocked*/
.blocked {position:relative; display:table; width:100%;}
.blocked h1 {font-size:180px;}
.block-full {width:100%; height:100%;}
.block-vertical {display:table-cell; width:100%;}
.block-vertical-middle {vertical-align:middle;}
.block-vertical-bottom {vertical-align:bottom;}
.block-inner {padding:5% 0;}

/*social*/

.social li {display:inline; padding:0; text-align:center;}

.social li i {padding-top:17px; font-size:15px;}
.social li:hover a {color:#fff;}
.social li:hover{background-color:#f0ac08;}
.social a{color:#FFF;}



/*toTop*/
.scrollToTop{padding:10px 10px 5px 10px; line-height:normal; text-align:center; color:#e33837; position:fixed; bottom:20px; right:20px; z-index:9999; display:none;}
.scrollToTop:hover{color:#000;}
header { padding:10px 0; position:fixed; width:100%; z-index:9999;}
.subpage{padding-bottom:0px;}
.slider li { position:relative;}
.banner-caption {
    
    position: absolute;
    z-index: 99;
    bottom: 140px;
    left: 0;
    text-align: center;
}
section{padding:90px 0;}
footer{padding:60px 0;}


.btn-primary {
    color: #fff;
    background-color: #233878;
    border-color: #233878;
	font-weight:100;
}
.btn {
    display: inline-block;
    padding: 11px 30px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.banner-caption h1{padding-bottom:25px;}
.banner-caption p{padding-bottom:25px;}
nav ul li:hover a, nav ul li.active a{color:#e33736;}
nav ul li a{ color: #ffe4e4;
    display: inline-block;
}
.search_bar{max-width:600px;margin:0 auto;}
.sticky{background:#fff;}

.sec{width:100px; height:100px;background-color:#f3f3f3;margin:0 auto;}
.sec img{width:50px; height:50px;margin-top:30px;}



element.style {
}
.transition, a, input, button, .btn, .slicknav_menu, .slicknav_icon-bar {
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}
.btn-or:hover {
    background-color: #203268;
    color: #fff;
}
.bd-orange {
    border-color: #009;
}
.btn1 {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #009;
    border-radius: 4px;
}
.underline{width:262px;height:2px;background-color:#233878;margin:0 auto;}

.parallax {
    background-image: url(../images/img_parallax.jpg);
    height: 635px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	padding-bottom:30px;
	
}
.parallax p{color:#b3b3b3;}
.parallax h4{color:#FFF;}
footer h4{color:#FFF;}
footer p{color:#7b838a;}
.footlogo img{width: 80%;padding-bottom: 15px;opacity: 0.7;}
.parallax .single_feature {background:#282828;}
.social li{
   
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 50px;
    line-height: 22px;
    margin-right: 0;
	margin-left:0;
    text-align: center !important;
    width: 50px;
	background-color:#212121;
}
footer fa{padding-top:15px;}

.ns-t .carousel-control {
    position: absolute;
    top:inherit;
    bottom: 0;
    left: 0;
    width: 15%;
       font-size: 90px;
    font-weight: 100;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
 color:#000;
}
.ns-t .carousel-control.right {
    left: 30px;}
.ns-t .carousel-control.left{ background:none;}
.ns-t .carousel-control.right{ background:none;}

.fnt  li:hover a, li.active a{color:#233878;}
.fnt  li a{ color: #fff;
    display: inline-block;
}
 .icn .blog-img-tittle {
    
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
}
.icn .blog-img-tittle ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.icn .blog-img-tittle ul li {
    background: none;
    padding: 0 15px 0 0;
    color: #fff;
    font-size: 16px;
}
.icn .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bg-darkorange {padding: 10px 20px;}
.bg-darkorange li{    font-size: 14px;
    color: #fff;}
.bg-darkorange .fa	{    margin-top: 7px;
    color: #fff;
    margin-right: 7px;}
	.bg-darkorange  a{color:#fff;}
	.bg-darkorange  a:hover{color:#000;}

.uniq h4{border-bottom:1px solid #FFF; width:203px; padding-bottom:12px;}
.testit h4{border-bottom:1px solid #FFF; width:176px; padding-bottom:12px;}
.uniq img{width:20px; height:20px;color:#F60;}
.testi .fa-quote-left{color:#F60; font-size:17px;margin-right:20px;}
.testi .fa-quote-right{color:#F60; font-size:17px;margin-left:20px;margin-top:10px;}
.ytub .fa-youtube-play{color:#F00; font-size:26px;}

.inner-banner {
    position: relative;
    height: 392px;
    overflow-y: hidden;
    width: 100%;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
	
}

.breadcrumb-inline {
    width: 100%;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    background: none;
    font-size: 13px;

}
.breadcrumb a{color:#FC0;}
.breadcrumb .active{color:#fff;}

.course img{padding-top:15px; margin-left:0;}

.course li{    font-size: 14px;
    color: #000;}

	.course  a{color:#000;}
	.course  a:hover{color:#F90;}
.rwd-table td{padding:9px;}

.enroll a{border:1px solid #F90; background-color:#F90; color:#fff;padding:11px;}
.enroll p{font-size:14px;}
.enroll{padding-right:30px;}
.reviw{width:100px; height:100px;background-color:#CCC;margin:0 auto;}
.reviw img{width:50px; height:50px;margin-top:19px;margin-left:9px;}
.view a{border:2px solid #233878;padding:5px;}
.view a:hover{background-color:#233878; color:#FFF;}
.btn-lets {
    color: #fff;
    background-color:#F90;
    border-color: #F90;
}
.btn-lets:hover{color:#fff;
background-color:#F63;
    border-color: #F63;}
.vmwrap {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    line-height: 0px;
    text-align: center;
    padding: 30px 20px 30px 20px;
    height: 270px;
    -webkit-box-shadow: ;
}
.con li{    font-size: 14px;
    color: #000;}
.con .fa	{    margin-top: 7px;
    color: #9A1919;
    margin-right: 7px;dislpay:none;}
	.con  a{color:#ababab;}
	.con  a:hover{color:#fff;}
	
.modal-dialog h4{color:#F60;}
.lern p{margin-left: 55px; padding-top:7px;}
.contact iframe{ width:700px; height:450px;}
.math {border-bottom:2px solid #003; margin:auto 0; width:232px;}
.our {border-bottom:2px solid #003; margin:auto 0; width:266px;}
.review {border-bottom:2px solid #003; margin:auto 0; width:275px; margin-bottom:25px;}

.social-links {
    display: inline-block;
	margin-left:-47px;
}




/*------------   R E S P O N S I V E    S T Y L E ------------*/


	@media only screen and (max-width: 1200px) {

	}
	

	@media only screen and (max-width: 1024px) {

	}

	@media only screen and (max-width: 991px) {		
	h1,.h1					{font-size:40px;}
	h2,.h2 					{font-size:30px;}
	h3,.h3 					{font-size:25px;}
	h4,.h4 					{font-size:20px;}
	}
	
	@media only screen and (max-width: 767px) {
	.fixbtn {top:150px; font-size:12px; width:120px; right:-48px;}
	.fixbtn i {display:none}	
	}
	
	@media only screen and (max-width: 1262px) {
		
       .flex-control-nav{bottom:54px;}
	   .banner-caption{bottom:122px;}
	    h1{font-size:52px;}
	}
	@media only screen and (max-width: 1208px) {
		
       .flex-control-nav{bottom:54px;}
	   .banner-caption{bottom:103px;}
	   .inner-banner {height:302px;}
	    h1{font-size:50px;}
	}
	@media only screen and (max-width: 1181px) {
		
       .flex-control-nav{bottom:33px;}
	   .banner-caption{bottom:95px;}	    
	   .bordwrt{font-size:16px;}	   
	   .ns-t .carousel-control{width:18%;}
	   .contact iframe{ width:600px; height:450px;}
	    h1{font-size:50px;}
	    h4{font-size:22px;}
	    p{font-size:16px;}


	}
	@media only screen and (max-width: 1132px) {
		
       .flex-control-nav{bottom:25px;}
	   .banner-caption{bottom:86px;}	   
	   .bordwrt{font-size:16px;}
	    h1{font-size:50px;}
	}
	@media only screen and (max-width: 1101px) {
		
       .flex-control-nav{bottom:21px;}
	   .banner-caption{bottom:79px;}
	    h1{font-size:50px;}
	  
	}
	@media only screen and (max-width: 1062px) {
		
       .flex-control-nav{bottom:14px;}
	   .banner-caption{bottom:69px;}
	   .ns-t .carousel-control{width:18%;}
	   	h1{font-size:50px;}
	    h4{font-size:22px;}
	   
	   @media only screen and (max-width: 996px) {
		
       .flex-control-nav{bottom:4px;}
	   .banner-caption{bottom:48px;}	   
	   .ns-t .carousel-control{width:18%;}
	   .inner-banner {height:278px;}
	    h1{font-size:50px;}
	    h4{font-size:22px;}
	  
	}
	@media only screen and (max-width: 989px) {
		
       .flex-control-nav{bottom:4px;}
	   .banner-caption{bottom:50px;}	   
	   .banner-caption p{font-size:15px;}
	   .ns-t .carousel-control{width:18%;}	   
	   .bg-lightgray img{width:50px;}
	   .underline{width:118px;}
	   .lern p{margin-left:43px;}
	   .bg-darkorange{width:344px;}
	   .ns-t .carousel-control{width:24%;}
	   .math {border-bottom:2px solid #003; margin:auto 0; width:167px;}
       .our {border-bottom:2px solid #003; margin:auto 0; width:196px;}
	   .review {border-bottom:2px solid #003; margin:auto 0; width:197px; margin-bottom:25px;}
       .course img{height:170px;}
       .contact iframe{ width:450px; height:400px;}
       .respon th{padding:6px;}
        h1{font-size:42px;}
	    h4{font-size:22px;}
	    h5{font-size:21px;}
	    p{font-size:15px;}
	
	@media only screen and (max-width: 966px) {
		
       .flex-control-nav{bottom:4px;}
	   .banner-caption{bottom:50px;}	   
	   .banner-caption p{font-size:15px;}
	   .ns-t .carousel-control{width:18%;}	   
	   .bg-lightgray img{width:30px;}
	   .underline{width:118px;}
	   .lern p{margin-left:43px;}
	   .bg-darkorange{width:100%;}
	   .ns-t .carousel-control{width:24%;}
	    h1{font-size:42px;}
	    h4{font-size:22px;}
	    h5{font-size:16px;}
	    p{font-size:15px;}

	  
	}
	 @media only screen and (max-width: 963px) {
		
       .flex-control-nav{bottom:4px;}
	   .banner-caption{bottom:50px;}	    
	   .banner-caption p{font-size:15px;}
	   .ns-t .carousel-control{width:18%;}	   
	   .bg-lightgray img{width:30px;}
	   .underline{width:118px;}
	   .lern p{margin-left:43px;}
	   .bg-darkorange{width:359px;}
	    h1{font-size:42px;}
	    h4{font-size:22px;}
		h5{font-size:21px;}
	    p{font-size:15px;}
	   
	  
	}
	@media only screen and (max-width: 863px) {
		.inner-banner {height:243px;}
		}
		
	@media only screen and (max-width: 832px) {
		
       .flex-control-nav{bottom:-2px;}
	   .banner-caption{bottom:34px;}	   
	   .banner-caption p{font-size:15px;}
	   .ns-t .carousel-control{width:18%;}	   
	   .bg-lightgray img{width:30px;}
	   .underline{width:118px;}
	   .lern p{margin-left:43px;}
	   .inner-banner {height:227px;}
	   .bg-darkorange{width:345px;}
		h1{font-size:42px;}
	    h4{font-size:22px;}
	    h5{font-size:21px;}
	    p{font-size:15px;padding-bottom:0px;}
	  
	}
	@media only screen and (max-width:769px){
	 
	.blg img{ width:100%;}
	.blg  h4{ margin-top:15px;}	
	.blg .col-sm-12{ margin-top:50px !important;}
	.blg  .col-xs-12{ margin-bottom:15px;}
	 footer .log img{padding-top:20px;}
	 h5{font-size:15px;} 

	}
		

	@media only screen and (max-width:716px) {
		
       .flex-control-nav{bottom:-2px;}
	   .banner-caption{bottom:49px;}
	   .banner-caption p{font-size:15px;}
	   .ns-t .carousel-control{width:29%;}	   
	   .bg-lightgray img{width:30px;}
	   .underline{width:118px;}
	   .lern p{margin-left:43px;}
	   .banner-caption p{padding-bottom:6px;}
	   .inner-banner {height:208px;}
	    h1{font-size:29px; padding-bottom:0px;line-height:0}
	    h4{font-size:22px;}
	    h5{font-size:21px;}
	    p{font-size:14px;}
	  
	  
	}
	@media only screen and (max-width:754px) {
		.bg-darkorange{width:723px;}
	}
	
	@media only screen and (max-width:638px) {
		.bg-darkorange{width:608px;}
	}
	
	@media only screen and (max-width:393px) {
		.contact iframe{ width:360px; height:300px;}
		.breadcrumb-inline{font-size:11px;bottom:-18px;}
		.inner-banner {height:120px;}
		.ns-t .carousel-control {text-align:right;font-size:80px;}
		.search_bar.huge input[type=text] {font-size: 14px; padding-top:11px;}
		.bg-darkorange{width:361px;}
		
}
 @media screen and (max-width: 900px) and (min-width: 320px){

 	.flexslider .slides img {
  height: 500px;
 }
 .flexslider li h1 {
  background: rgba(51, 51, 51, 0.5);
  padding: 0px 18px 3px;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}
.flexslider li h2{font-size:17px;}
.flexslider li .category p {
  background: #e43837;
  margin-right: 7px;
  font-size: 14px;
  font-weight: 300;
  padding: 7px 24px 7px 24px;
  margin-top: 14px;
}
.hed img{width: 210px;}
.stick img{width: 210px;}
.slicknav_btn {
  margin: 0px 28px 0px 0px;
  background: #000;
  border-radius: 0px;
}
section {
  padding: 60px 0;
}
.main_title h2 {
  font-size: 26px;}
  .parallax {height:auto;}
  .sticky nav ul li a{color: #fff;}
  .blog-pagination{position: inherit;
  }
		
}