/*  
Theme Name: Marsudirini
Theme URI: http://www.templatation.com/
Version: 1.0
Description: EducationWP is beautiful wordpress theme suitable for Teachers.
Author: templatation
Author URI: http://www.templatation.com
Template: educationwp

	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
  */

  .comments-box {
    display: none;
  }

  .hero-section .tt-negative-margin .tt-welcomeblock2 {
    
  }
  .dpsp-networks-btns-wrapper{
    width: 100%;
  }
  #submit-subsribe{
    background-color: #ff5050 !important;
	  
  }

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail.a>img, .thumbnail>img{
	display:block;
	width: 100%;
	height: 40px;
}
 .wpb_text_column.wpb_content_element{
	font-size: 16px;
    color: black;
    line-height: 150%;
    margin-bottom: 20px;
	margin-left:15px;
} 
.wpb_text_column p {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: black;
}
#website-form{
  margin-top: 25px;
  background-color: #e9221f ;
}

#banner-home-ids .vc_column-inner{
  padding: 0px; 
}
  #hero-section .vc_column_container .vc_column-inner > .wpb_wrapper > #hero-form {
    display: none;
  }

  .dpsp-button-style-1 .dpsp-network-btn {
    color: #fff !important;
    padding-left: 38px;
    min-width: 127px;
  }

  .button-st {
    position: absolute;
    top: 285px;
    right: -95px;
  }

  .nopadding {
    padding: 0px!important;
  }

  .tt-header .top-line {
    display: none;
  }
  .button-banner-link .tt-mslide-cell{
	 display: table-cell;
     vertical-align: bottom;
}
/* .digital-marketing-button .tt-mslide-cell .tt-mslide-btn {
	margin-bottom:40px;
} */
  .button-banner-link .tt-mslide-cell .tt-mslide-btn{
	margin-bottom:45px;
  }
 .button-banner-link-tokeped .tt-mslide-cell .tt-mslide-btn{
	margin-bottom:25px;
  }
	.button-banner-link-tokeped .tt-mslide-cell{
	 display: table-cell;
     vertical-align: bottom;
   }
	.button-banner-link-tokeped .tt-mslide{
	 background-size: 100% 100%;
	 background-position: center center;
	 background-repeat: no-repeat;
	}

   .banner-baru .tt-mslide-cell{
    vertical-align: middle;
  }

  .banner-baru .tt-mslide-cell .tt-mslide-btn{
    margin-top: 358px;
    margin-left: 20px;
  }
  .banner-baru-ids .tt-mslide-cell .tt-mslide-btn {
	margin-top: 475px;
    margin-left: 0px;
}

  .ujian-nasional-button .tt-mslide-cell .tt-mslide-btn {
	text-align: left;
	padding-left:80px;
	padding-top: 10px;
}

  /*.tt-mslide-btn{
    margin-bottom: -100px;
    }*/

    .banner-baru .tt-mslide{
      background-size: contain !important;
      background-repeat: no-repeat;
    }

    @import url("../educationwp/style.css");
	.tt-heading type-2{
	display:none;
	}

    @font-face {
      font-family: 'Montserrat-Light';
      src: url('Montserrat/Montserrat-Light.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Montserrat-Black';
      src: url('Montserrat/Montserrat-Black.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Montserrat-Light';
      src: url('Montserrat/Montserrat-Light.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Montserrat-Bold';
      src: url('Montserrat/Montserrat-Bold.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Montserrat-Black';
      src: url('Montserrat/Montserrat-Black.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'Montserrat-Bold';
      src: url('Montserrat/Montserrat-Bold.otf') format('opentype');
      font-weight: 400;
      font-style: normal;
    }


    /*Test Form */

    #sticky-form .panel-body{
      padding: 0px !important;
    }

    #website-form{
      border:none;
    }

    div.new-form h2 {
      text-align: center;
      width: 100%;
      margin-bottom: 0px;
      padding: 5px 0px 0px 0px;
      color: #fff;
      margin-top: 0;
      font-size: 22px;
      font-weight: bold;
    }

    div.new-form input:not([type='submit']) , div.new-form select {
     background-color: #fff;
     padding: 6px 10px;
     margin-top: 15px;
     width: 100%;
     height: 45px;
   }

   div.new-form input[type='submit'] {
     margin-top: 10px;
     height: 45px;
     color: #fff;
   }

   div.new-form {
    /*margin-bottom: 50px;*/
    background-color: #4f4f4f;
    /*width: 60%;*/
    float: left;
  }

  div.new-form div.form1 {
   padding-right: 0px;
   padding-left: 0px;
 }

  .form1 iframe {
  margin-top: 15px;
}


 #sidebar #text-5 div.new-form, 
 #sidebar #text-12 div.new-form {
   width: 100%;
 }


 div#hero-form {
   width: 25%;
 }

 div#hero-form div.vc_column-inner {
   padding: 0px;
 }

 div#hero-form div.new-form {
   width: 100%;
 }
 /*End Test Form */

 *{
   font-family: 'Montserrat-Light' !important;
 }

 b, strong{
   font-family: 'Montserrat-Light' !important;
 }

 .h3, h3{
   font-size: 26px;
 }

 .h4, h4, .simple-text h4, .c-h4{
   font-size: 22px;
 }

 i.fa{
   font-family: "FontAwesome" !important;
 }

 body:not(.home) .tt-header {
  background: rgba(0,0,0,0);
}

body:not(.home) .mainblock,
body:not(.home) #content-wrapper{
	padding-top: 85px;
}

.white-text{
	color: #FFFFFF !important;
}

.tt-header .main-nav > ul > li{
	margin-left: 5px!important;
}

#main-banner-text > div{
	background: transparent;
	border: none;
}

#hero-section h1, #hero-section h1 > span, #hero-section h2.tt-mslide-subtitle{
	text-transform: uppercase;
	font-family: 'Montserrat-Bold' !important;
	word-wrap: normal;
}

#hero-section h1 > i{
	font-size: 6rem;
	font-style: normal;
}

#main-banner-text h2{
	font-size: 18px;
	text-transform: uppercase;
}

#main-banner-text h4{
	font-size: 6rem;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#hero-section > .vc_col-sm-4 > .vc_column-inner{
	padding: 35px 0 0;
}

#hero-section > .vc_col-sm-4 > .vc_column-inner .vc_cta3-container{
	border-right: 1px solid #FFF;
}

#hero-section > .vc_col-sm-4:last-child > .vc_column-inner .vc_cta3-container{
	border: none !important;
}

#cta-section .tt-university-title{
	color: #FFF;
	font-size: 22px;
}

#cta-section .tt-university-title > small{
	font-size: 20px;
}

#cta-section .tt-university-subtitle{
	font-size: 35px;
	font-style: normal;
	line-height: 5rem;
}

#cta-section .btn-join:hover span{
	color: #ed1b24;
}

/*#hero-section.marginned{
	margin-top: -25rem;
	z-index: 5;
  }*/

  #hero-section .banner-text{
   border: none;
 }

 #hero-section .banner-text h2,
 #hidden-feature .banner-text h2{
   font-size: 18px;
   color: #FFF;
 }

 #hero-section .banner-text h4,
 #hidden-feature .banner-text h4{
   font-size: 22px;
   color: #FFF;
 }

 #hero-section .banner-text button{
   background: transparent;
   color: #FB6908;
 }

 .tt-header.stick{
   background: white;
 }

 #news-section .tt-news-title{
   color: #FFF;
 }

 .tt-news-date{
   color: #FFFFFF;
 }

 .tt-footer-author a{
   margin-left: 5px;
 }

 .comment-form .submit{
   color: #FFF;
 }

 .front-post .vc_custom_heading > h4{
   height: 50px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }

 .front-post .vc_custom_heading > p{
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.scrollup{
  background-color: #5a5a5a66 !important;
  bottom: 85px !important;
  right: 20px !important;
}

.point-sub{
  display: block;
  background-color: #ea212d;
  height: 6px;
  border-radius: 50%;
  width: 6px;
  top: 10px;
  right: 70px;
  position: absolute;
}

.new-label-sub{
  top: 10px;
  right: 30px;
  padding: 1px 3px;
  border-radius: 3px;
  background: #ea212d;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 7px;
  line-height: 12px;
  position: absolute;
}

.new-label{
  top: 15px;
  right: 20px;
  padding: 1px 3px;
  border-radius: 3px;
  background: #ea212d;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 7px;
  line-height: 12px;
  position: absolute;
}

.connector-icon-facebook {
  background-image: url('http://www.idseducation.com/wp-content/uploads/2017/09/messenger-white-e1504356275278.png') !important;
}

.b24-widget-button-callback {
  background-color: rgb(41, 202, 62) !important;
}

.tt-cours-bottom{
	display: none;
}

.tt-header .main-nav>ul>li>ul,
.tt-header .main-nav>ul>li>ul>li>ul{
	background: #272727;
}

.tt-header .main-nav>ul>li>a{
	color: #001b6f;
}

.tt-topheading{
	padding: 10% 0 3%;
}

.tt-sidebar-right>.container:before{
	right: 33%;
}

#course-row .vc_gitem-post-data-source-post_excerpt p{
	height: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
}

#sidebar input{
	width: 100%;
}

/*#sidebar input:not([type='submit']),
#sidebar select, #sidebar textarea{
	background: #FFF;
	padding: 6px 10px;
	margin-top: 0;
  } */

  #sidebar select{
   height: 38px;
 }

 #sidebar #text-5, 
 #sidebar #text-12{
   float: left;
   /*background: #5f5f5f;*/
   /*padding: 16px; */
   /*background: #5f5f5f url('//www.idseducation.com/wp-content/themes/ed-child/lp_assets/css/../images/badge_red.png');*/
	/*background-repeat: no-repeat;
	background-size: contain;
	background-position-y: -5%;*/
}

#sidebar #text-5 .form-label, 
#sidebar #text-12 .form-label,
#sidebar #text-5 br,
#sidebar #text-12 br{
	display: none;
}

#sidebar #text-5 p,
#sidebar #text-12 p,
#sidebar #text-5 span
#sidebar #text-12 span{
	line-height: 1;
}

#sidebar #text-5 h3.title, #sidebar #text-12 h3.title {
  text-align: center;
}

#sidebar #text-5 h3.title,
#sidebar #text-12 h3.title{
	color: #FFF;
	font-size: 22px;
	margin-bottom: 30px;
}


#sidebar #text-5 textarea, 
#sidebar #text-12 textarea{
	max-height: 90px;
	min-height: 90px;
}

#sidebar .wpcf7-form p{
	margin-bottom: 10px;
}

#sidebar .tt-spost-date{
	font-style: normal;
	margin-bottom: 8px;
}

#sidebar .title:after{
	content: '';
	display: none;
}

.simple-text ul:not(.et_shortcodes_controls_arrows) li{
	list-style: disc;
}

.simple-text li:before{
	content: '';
}

.gallery-caption{
	font-size: 11px;
}

.simple-text p, .simple-text h1, .simple-text h2, .simple-text h3, .simple-text h4, .simple-text h5, .simple-text h6, .simple-text img, 
.simple-text blockquote, .simple-text ul, .simple-text ol, .simple-text div[class^="col-"]{
	margin-bottom: 10px;
}

.simple-text h1, .simple-text h2, .simple-text h3, .simple-text h4, .simple-text h5, .simple-text h6{
	margin-top: 20px;
}

.simple-text ol{
	padding-left: 60px;
}

.simple-text ul {
  padding-left: 0px;
}


.simple-text li{
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	letter-spacing: normal;
}

p{
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	letter-spacing: normal;
}

.wp-caption p.wp-caption-text{
	font-size: 14px;
}

.tt-heading-title{
	margin-bottom: 25px;
	font-size: 25px;
	line-height: 36px;
  	margin-top: 30px;
	
}

.tt-heading.type-2{
	display:none !important;
}

.tt-heading-title:after{
	display: none;
}


.simple-text > .gallery-size-thumbnail{
	display: flex;
}

.simple-text > .gallery-size-thumbnail > .gallery-item{
	padding: 10px 5px;
	border: 1px solid #ccc;
}

.simple-text > .gallery-size-thumbnail > .gallery-item:nth-child(){
	border-left: none;
}

.page-id-45576 #content-wrapper{
	padding-top: 0px!important;
	overflow: hidden;
}

.page-id-45576 #hero-section .vc_col-sm-12 .vc_column-inner{
	padding-top: 0;
}

.page-id-1108 .gallery-size-thumbnail .gallery-item{
	border: 1px solid #ccc;
}

.et_shortcodes_controls_arrows{
	display: none;
}

.et_quote{
	font-size: 16px !important;
}

.et-simple-slider{
	background: #F7F7F7 !important;
}

.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper{
	margin-right: -15px;
}

.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item{
	padding-right: 15px;
}

.tt-arrow-left.type-2, .tt-arrow-right.type-2{
	width: 35px;
	height: 35px;
}

.tt-arrow-left.type-2 i, .tt-arrow-right.type-2 i{
	line-height: 35px;
}

.et-custom-list ul li:before{
	content: "\f00c" !important;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #ED1B24;
  background: none !important;
  top: 10px !important;
  font-size: 2.5rem;
}

.offline, .online {
	right: 60px !important;
	width: 280px !important;
}

.new-slides div.tt-mslide div.tt-mslide-table{
  padding: 100px 5%;
}

.new-slides div.tt-mslide div.tt-mslide-table div.tt-mslide-cell{
  vertical-align: bottom;
}

.new-slides div.tt-mslide div.tt-mslide-table div.tt-mslide-cell div.tt-mslide-btn{
  top: 50%;
}

#sticky-form{
	position: fixed;
	left: 110px;
	width: 362px;
	bottom: 5px;
	line-height: 1.5;
	box-shadow: 0px 2px 4px 0px #AAA;
	z-index: 999;
}

#sticky-form .panel-group{
	margin: 0;
}

#sticky-form h4{
	font-size: 20px !important;
	color: #FFF;
}

#sticky-form .panel-default>.panel-heading{
	background: #1b88f9;
}

#sticky-form .panel-default>.panel-heading:hover{
	background: #ec1b24;
}

#sticky-form .panel-default>.panel-heading p{
	color: #FFF;
}

#sticky-form input:not([type='submit']), #sticky-form select{
  width: 100%;
  background: #FFF;
  padding: 5px 15px;
  margin-top: 8px;
  height: 100%;
}

#sticky-form select{
	height: auto!important;
}

#sticky-form p{
	line-height: 1;
}

.tt-footer-title{
	position: relative;
	height: 45px;
	font-style: unset;
}

.tt-footer-title:after{
	position: absolute;
	bottom: 0;
}

#hero-section{
	overflow-y: visible;
}

#hero-section .vc_column_container .vc_column-inner > .wpb_wrapper{
	position: relative;
}

#hero-section .vc_column_container .vc_column-inner > .wpb_wrapper > #hero-form{
  background-color: #5f5f5f;
  background-color: #5f5f5f;
  position: absolute;
  top: 100px;
  right: 15%;
  z-index: 5;
}

div.form-slider-home h2 {
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
  padding: 10px 0px;
}

#hero-form span.form-label,
#hero-form form br{
	display: none;
}

#hero-form form p, #hero-form form p span{
	line-height: 1;
}


#hero-form input:not([type='submit']),
#hero-form select, #hero-form textarea{
	background: #FFF;
	padding: 6px 10px;
	margin-top: 8px;
	width: 100%;
}

#hero-form select{
	height: 31px;
}

#hero-form textarea{
	max-height: 60px;
	min-height: 60px;
}

#sticky-form textarea{
	max-height: 60px;
	min-height: 60px;
}

.b24-widget-button-inner-container, .bx-touch .b24-widget-button-inner-container {
  -webkit-transform: scale(.85);
  transform: scale(.85);
  -webkit-transition: transform .3s;
  transition: transform .3s;
}
.b24-widget-button-inner-container {
  position: relative;
  display: inline-block;
}
.b24-widget-button-inner-mask {
  position: absolute;
  top: -8px;
  left: -8px;
  height: 82px;
  min-width: 66px;
  -webkit-width: calc(100% + 16px);
  width: calc(100% + 16px);
  border-radius: 100px;
  background: #00aeef;
  opacity: .2;
}
.b24-widget-button-block {
  width: 66px;
  height: 66px;
  border-radius: 100%;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
}
.b24-widget-button-pulse-animate {
  -webkit-animation: widgetPulse infinite 1.5s;
  animation: widgetPulse infinite 1.5s;
}
.b24-widget-button-pulse {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #00aeef;
  border-top-color: rgb(0, 174, 239);
  border-right-color: rgb(0, 174, 239);
  border-bottom-color: rgb(0, 174, 239);
  border-left-color: rgb(0, 174, 239);
  border-radius: 50%;
}
.b24-widget-button-inner-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  border-radius: 100px;
  background: #00aeef;
  box-sizing: border-box;
}
.b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.b24-widget-button-visible {
  visibility: visible;
  -webkit-animation: b24-widget-button-visible 1s ease-out forwards 1;
  animation: b24-widget-button-visible 1s ease-out forwards 1;
}
.b24-widget-button-wrapper {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  visibility: hidden;
  z-index: 10150;
}
.b24-widget-button-position-bottom-right {
  right: 50px;
  bottom: 50px;
}
.b24-widget-button-position-bottom-right .b24-widget-button-popup {
  left: -320px;
  bottom: 0;
}
.b24-widget-button-popup-show {
  display: block;
  -webkit-animation: show .4s linear forwards;
  animation: show .4s linear forwards;
}
.b24-widget-button-popup {
  display: none;
  position: absolute;
  left: 100px;
  padding: 12px 20px 12px 14px;
  width: 312px;
  border: 2px solid #2fc7f7;
  border-top-color: rgb(47, 199, 247);
  border-right-color: rgb(47, 199, 247);
  border-bottom-color: rgb(47, 199, 247);
  border-left-color: rgb(47, 199, 247);
  background: #fff;
  border-radius: 15px;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}
.b24-widget-button-icon-container {
  position: relative;
}
.b24-widget-button-visible {
  visibility: visible;
}
.b24-widget-button-wrapper {
  visibility: hidden;
}

.pulse-container {
  width: 200px;
  height: 100%;
  margin: 0 auto 0;
}

.pulse-button {

  position: relative;
  width: 60px;
  height: 60px;
  border: none;
  box-shadow: 0 0 0 0 rgba(30, 190, 252, 0.7);
  border-radius: 50%;
  background-color: #00aeef;
  background-image: url(http://www.idseducation.com/wp-content/uploads/2017/09/logochat.jpg);
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover {
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  /*background: #1b88f9 none repeat scroll 0 0;*/
  /* background-color: #e9221f ; */
  width: 100% ;
}

button, html input[type="button"], input[type="reset"], input[type="submit"]:hover {
  /* background: #ed1b24 none repeat scroll 0 0 !important; */
}
.panel-group .panel {
  margin-bottom: 0;
  border: none;
}
.tt-header .cmn-toggle-switch {
  height: 0px !important;
  width: 30px !important;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 30px rgba(30, 190, 252, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 30px rgba(30, 190, 252, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 30px rgba(30, 190, 252, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 30px rgba(30, 190, 252, 0);}}


/*add code */
.tt-header{
  top: -30px !important;
}

#myModalNorm input {
	width: 100%;
	padding: 10px;
}
#myModalNorm label{
	color: white;
}
#myModalNorm  input[type="tel" i],input[type="email"],input[type="text"] {
	width: 100%;
	padding: 10px;
}

#myModalNorm span.form-label {
  color: white;
  font-size: 16px;
  margin-bottom: 10px;
  display: inline-block;
}

#myModalNorm form {
  background-color: #4f4f4f;
  padding: 15px;
  text-align: left;
}
#myModalNorm .modal-dialog {
  float: left;
  width: 30%;
  position: absolute;
  top: 40px;
  /* left: 0; */
  right: 100px;
}

#myModalNorm .modal-body {
	background-color: transparent;
  position: relative;
  padding: 10px 0px 0px 0px;
  float: left;
  width: 100%;
  margin: 0;
}

.content #dpsp-content-top {
  display: inline!important;
}

.opt-in-hound-opt-in-pop-up-close:after {
 top: -4px;
 position: relative;
}
#myModalNorm .new-form {
  width: 100%;
  float: left;
  padding-bottom: 20px;
} 
#menu-item-57514 {
}
.tt-header.stick #menu-item-57514 .btn-registration {
  margin: 7% auto;
}

#menu-item-57514 .btn-registration {
  margin: 20% auto;
}
#menu-item-57514 .btn-registration .reg{
  padding: 5px 14px;
}

.size-full.lazy-loaded {
  width: 100%;
  height: auto;
}
.tt-two-colors img {
  width: 100%;
  height: auto; 
}

.wpcf7-form-control-wrap textarea {
  width: 100%;
}

input[type="submit"].wpcf7-submit {
  color: #fff;
	background-color: #ff5050;
}

/*end code*/

@media (max-width: 1024px){

	.film-market .c-btn.type-1 {
		position: relative;
		top: -30px;
	}

  .client-logo-ids .logo-container {
    text-align: center;
  }
  .client-logo-ids .owl-item img {
    width: 150px!important;
  } 

	#myModalNorm .modal-dialog {
		width: 90%;
		right: 5px;
	}

	.banner-baru-ids .tt-mslide-cell .tt-mslide-btn{
    margin-top: 250px;
    margin-left: 0px;
  }
}

  .banner-baru .tt-mslide-cell .tt-mslide-btn{
    margin-top: 250px;
    margin-left: 0px;
  }


/* Mobile Vertical */
@media (max-width: 320px){
	.new-label{
   top: -5px;
   right: 60px;
   padding: 1px 3px;
   border-radius: 3px;
   background: #ea212d;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   font-size: 7px;
   line-height: 12px;
   position: absolute;
 }
 .scrollup{
   display: none !important;
   background-color: #5a5a5a66 !important;
   bottom: 85px !important;
   right: 20px !important;
 }
 .b24-widget-button-callback {
   background-color: rgb(41, 202, 62) !important;
 }
 .b24-widget-button-position-bottom-right {
   right: 20px !important;
 }
}

/* Mobile Horizontal */
@media (min-width: 320px) and (max-width: 767px){
  .new-slides div.tt-mslide div.tt-mslide-table div.tt-mslide-cell div.tt-mslide-btn{
    padding-top: 120px;
  }

  .new-label{
   top: -5px;
   right: 60px;
   padding: 1px 3px;
   border-radius: 3px;
   background: #ea212d;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   font-size: 7px;
   line-height: 12px;
   position: absolute;
 }
 .gallery-size-thumbnail{
  display: block;
}
.tt-header .top-inner,
.tt-header .toggle-block{
  background: #272727 !important;
  border: none;
} 

#hero-section.marginned{
  margin-top: 0;
}

#hero-section h1{
  font-size: 2.5rem !important;
  white-space: normal;
}

body.hero #hero-section{
  background: url('http://dev.idseducation.com/wp-content/uploads/2017/04/banner_ids-414-x-736.jpg') !important;
}

#hidden-feature > .vc_col-sm-4 > .vc_column-inner {
  padding-top: 0;
}

#hidden-feature > .vc_col-sm-4 > .vc_column-inner .vc_cta3-container{
  margin: 0;
  border-right: none;
  border-bottom: 1px solid #FFF;
}

#cta-section{
  background: url('http://dev.idseducation.com/wp-content/uploads/2017/04/banner-laptop_mobile.jpg') !important;
  background-size: cover !important;
}

#cta-section .wpb_wrapper > .vc_empty_space{
  height: 5vh !important;
}
.tt-header .main-nav>ul>li>ul>li>ul{
  display: block;
}
#hero-section h2.tt-mslide-subtitle{
  font-size: 32px;
}

.tt-mslide-table {
 height: 300px !important;
 padding: 70px 0 0 0 !important;
}




#sticky-form{
  max-height: 100vh;
  overflow-y: scroll;
  width: 100%;
  left: 0;
  text-align: center;
  bottom: -3px !important;
  z-index: 20000;
}


#sticky-form form{
  text-align: left;
}

#sticky-form .panel-default>.panel-heading{
  padding: 13px 15px;
}

.panel-body {
  padding: 5px!important;
}

#sticky-form .panel-default>.panel-heading+.panel-collapse>.panel-body{
  padding: 40px;
}
.scrollup{
	display: none !important;
	background-color: #5a5a5a66 !important;
	bottom: 85px !important;
	right: 20px !important;
}
.b24-widget-button-position-bottom-right {
 right: 20px !important;
}
.panel-group .panel {
	border: none !important;
}
.tt-negative-margin {
 margin-top: -51px;
}
.vc_column_container>.vc_column-inner {
 padding-left: 0 !important;
 padding-right: 0 !important;
 width: 100%;
}
.footer-widget-1 {
 text-align: center;
 margin: auto;
 float: none;
}
.footer-widget-1 .img-responsive {
 text-align: center;
 margin: auto;
 float: none;
}
.tt-header .logo {
 height: 40px;
 line-height: 30px;
}
.tt-header .top-inner {
 height: 60px;
}
.tt-header .cmn-toggle-switch {
 top: 30px;
}
.tt-footer.no-subs-form {
 padding-top: 40px;
}
.marg-lg-b25 {
 height: 0;
}
.tt-footer-title{
	position: relative;
	height: 65px;
	font-size: 14px;
}
.textwidget p {
	font-size: 12px;
}
.vc_btn3-container {
 margin-bottom: 0;
}
.vc_general.vc_cta3 {
  padding: 15px 28px;
}
body:not(.home) .mainblock, body:not(.home) #content-wrapper {
 padding-top: 60px;
}
/*	.tt-heading-title {
    	margin-bottom: 15px;
    	font-size: 16px;
    	line-height: 30px;
     }*/
     .simple-text h2, .c-h2 {
       font-size: 18px;
       line-height: 24px;
     }
     .simple-text h3, .c-h3 {
       font-size: 18px;
       line-height: 20px;
     }
     .h3, h3 {
       font-size: 18px;
     }
     .socmed-share {
       float: right;
     }
     .sumome-share-client-open-mobile {
       background: rgb(10, 219, 7) !important;
     }
     #tidio-chat iframe{
       width: 277px !important;
       right: -20px !important;
       bottom: 50px !important;
     }
   }

   /* Tablet Big Screen */
   @media (min-width: 768px) and (max-width: 991px){
     .tt-header .top-inner,
     .tt-header .toggle-block{
      /*background: rgba(0,0,0,1 !important;*/
      border: none;
    }
    .tt-header .main-nav>ul>li>ul>li>ul{
      display: block;
    }
    .tt-header .logo {
    	height: 40px;
    	line-height: 35px;
    }
    .tt-header .top-inner {
    	height: 60px;
    }
    .tt-header .cmn-toggle-switch {
    	top: 30px;
    }
    .tt-negative-margin {
    	margin-top: -51px;
    }
    .tt-footer.no-subs-form {
    	padding-top: 40px;
    }
    .marg-lg-b25 {
    	height: 0;
    }
    .tt-footer-title{
     position: relative;
     height: 65px;
     font-size: 14px;
   }
   .textwidget p {
     font-size: 12px;
   }
   body:not(.home) .mainblock, body:not(.home) #content-wrapper {
     padding-top: 60px;
   }
	/*.tt-heading-title {
    	margin-bottom: 15px;
    	font-size: 16px;
    	line-height: 30px;
     }*/
     .simple-text h2, .c-h2 {
       font-size: 18px;
       line-height: 24px;
     }
     .simple-text h3, .c-h3 {
       font-size: 18px;
       line-height: 20px;
     }
     .h3, h3 {
       font-size: 18px;
     }
     .socmed-share {
       float: right;
     }
   }

   /* Desktop Small Screen */
   @media (min-width: 992px) and (max-width: 1200px){
     #hero-section .banner-text{
      min-height: 213px;
    }

  }

  @media (max-width: 1500px){
   .tt-mslide-table {
     padding: 100px 7%;
   }
 }
 /* Desktop Large Screen */
 @media (min-width: 1200px){

 }
 @media(min-width: 1440px){

 }

 @media(max-width: 1024px){
    .wpsm_nav-tabs > li {
      display: inline-block;
  }
  .tt-header .top-inner, .tt-header .toggle-block {
    background: #fff !important;
  }

  .tt-header .top-line {
    background: transparent !important;
  }
}

.tt-footer-title:after {
  display: none;
}

.vc_btn3-size-md {
  background-color: transparent;
  color: #FB6908;
}

.button-view-more a {
  color: #FB6908!important;
  background-color: transparent!important;
  border-color: transparent!important;
}
.button-view-more {
  background-color: transparent!important;
  border-color: transparent!important;
  border: none!important;
  color: #FB6908!important;
}


/*div.section-view-more a.vc_gitem-link  {
    background-color: #272727!important;
    color: #ffb700!important;
    }*/

    .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
      background-color: transparent!important;
      color: #FB6908!important;
    }
    p.submit-form-ids input[type="submit"] {
     background: #e9221f!important;
   }
   div.form-slider-home input[type="submit"] {
    background: #e9221f!important;
  }

  .d-none {
    display: none!important;
  }

  .fa-phone:before {
    color: #FB6908;
  }

  .fa-envelope-o:before {
    color: #FB6908;
  }
  .button-profil-oscar {
     color: white!important;
    background: linear-gradient(to bottom, #ff7979 0%,#ff5f5f 100%);
    border: 1px solid #d85353;
        padding: 6px 14px;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0 5px 8px 0;
  }

  a.big-button {
    text-shadow: none!important;
    color: white!important;
  }

  .c-btn.type-1.color-4 {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #FB6908;
  }
  
  aside#sidebar input[type="submit"] {
    background-color: #e9221f;
  }

  div.form-subscribe-home select.wpcf7-select {
    padding: 8px;
    /*border: 1px solid #ccc;*/
    width: 100%;
    height: 35px;
  }

  .fa-envelope:before {
    color: #FB6908
  }

  div.sticky-form-ids .new-form {
   width: 100%;
 }

 .close-collapse {
  position: absolute;
  top: 0;
  right: 10px;
  display: none;
}

/* Mobile Horizontal */
@media only screen and (max-width: 319px){
  body:not(.home) .mainblock, body:not(.home) #content-wrapper {
    padding-top: 60px !important;
  }
	
	
}
@media only screen and (min-width: 320px)and (max-width: 700px){
	
	.button-banner-link-tokeped .tt-mslide-cell .tt-mslide-btn{
	 margin-bottom:40px!important;
     }
	.button-banner-link-tokeped .tt-mslide-cell .tt-mslide-btn .c-btn.type-1{
		line-height: 0px;
	}
	
}

@media only screen and (min-width: 320px)and (max-width: 767px){
	
	.ujian-nasional-button .tt-mslide-cell .tt-mslide-btn {
	padding-left:0px !important;
    padding-top: 30px !important;

    }
}

@media only screen and (min-width: 1024px){
  div.new-form {
    width: 60%;
  }


}

.vc_gitem-post-data {
	min-height: 200px;
}

@media only screen and (max-width: 600px){
  #rc-imageselect, .g-recaptcha {
    margin-left: -30px;
    margin-top: 0px;
    padding: 0;
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
  }
	
}
.vc_custom_1419260513295{
		background-color: #fff !important;
	}