@font-face {
    font-family: 'typicons';
    src: url("../fonts/typicons.eot");
    src: url("../fonts/typicons.eot?#iefix") format('embedded-opentype'),
        url("../fonts/typicons.woff") format('woff'),
        url("../fonts/typicons.ttf") format('truetype'),
        url("../fonts/typicons.svg#typicons") format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.lead {
    margin-bottom: 30px;
}
.bg-green{
    background: #1ABC9C;
}
.bg-blue{
    background: #3498DB;
}
.bg-purple{
    background: #9B59B6;
}
.bg-yellow{
    background: #E67E22;
}
.bg-red{
    background: #E74C3C;
}
.bg-grey{
    background: #777;
}
.bg-white{
    background: #fff;
}
.red{
    color: red;
}
#main_menu2 {float:right; margin:5px 0 0 0;}
.nav2{ padding:0; margin:0; }

.nav2>li>a:hover,.nav2>li>a:focus{
    color: #31C3A6;
    background-color: #fff;
    border-radius: 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.global-link img:hover{

	animation-name: global-icon;
	-webkit-animation-name: global-icon;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes global-icon {
	0% {
		transform: rotate(0deg) ;
	}
	20% {
		transform: rotate(-2deg) ;
	}
	35% {
		transform: rotate(2deg) ;
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes global-icon {
	0% {
		-webkit-transform: rotate(0deg) ;
	}
	20% {
		-webkit-transform: rotate(-2deg);
	}
	35% {
		-webkit-transform: rotate(2deg) ;
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}


.home-package .col-lg-2{
    width: 20%;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 20px;
}
.package-detail{
    color: white;
    font-size: 15px;
    line-height: 35px;
    text-align: left;
}
.sc-why{
    color: #297b6a;
}
.footer .col-lg-1{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 8%;
    padding: 0px;
}
footer .col-lg-1 a{
    color: #fff;
}
footer .col-lg-1 a:hover{
    color: #1ABC9C;
}
.footer .col-lg-7{
    float: none;
    display: inline-block;
    vertical-align: middle;
    width: 57%;
    padding: 0px;
    padding-top: 5px;
}
footer .col-lg-7 a{
    color: #1ABC9C;
}
footer .col-lg-7 a:hover{
    color: #DF6662;
}
.footer-hide{
    display: none;
}
.testimonial:hover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 2;
}
.testimonee:hover{
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.testimonial .btn.cta.btn-default {
    max-width: 200px;
}
.social-icon{
    font-size: 30px;
    font-weight: normal;
}
.top-title{
    background-color: #1ABC9C;
    color: #fff;
}
.top-title h1, .top-title h3{
    color: #fff;
}
.top-title h1{
    margin-top: 41px;
}


.title-page h2 {
    font-size: 3.3em;
    text-transform: uppercase !important;
    letter-spacing: 3px;
    text-align: center;
    margin: 70px 0px 70px 0px;
    color: #fff;
    line-height: 40px;
}
.listing{

    color: white;
    margin-bottom: 50px;
}
.listing td{
    width: 15%;
}
.listing .btn.cta.btn-default {
    max-width: 150px;
}
.listing .btn.cta {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 15px 15px;
}
.table-left{
    background-color: #444;

    text-align: center;
    border: none;
    border-top: 0px;
}
.listing thead td{
    font-size: 30px;
    text-align: center;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
}
.domain-list{
    border: 1px solid #ddd;
    color:#555;
    margin-bottom: 50px;
}
.domain-list tbody tr td{
    width: 15%;
    padding: 10px;
}

.domain-list thead td{
    color: #fff;
    font-size: 30px;
    text-align: center;
}

.pkg-img td {
    text-align: center;
}
.pkg-img td img{
    margin-top: 5px;
    max-width: 140px;
    margin-bottom: 5px;
}
.pkg-img-id td {
    text-align: center;
}
.pkg-img-id td img{
    margin-top: 13px;
    max-width: 150px;
    margin-bottom: 13px;
}

.pkg-pin{
    border: 2px solid #fff;
border-radius: 100px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px;

color: #fff;

}
.pkg-pin:hover{
    border: 2px solid #E67E22;
border-radius: 100px;
padding-bottom: 1px;
padding-right: 2px;
padding-left: 2px;

color: #E67E22;

}
.reseller ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 16.099999999999998px;
    font-weight: 200;
    line-height: 1.6em;
}
.reseller li{
    background-image: url(../img/his-dota.png);
    background-repeat: no-repeat;
    background-position: 0px 10px;
    padding-left: 20px;
}
fieldset {
    border: 0px;
    border-top: 1px solid #1ABC9C;
}
legend {
    width: auto;
    border: none;
    text-align: center;
    margin-bottom: 10px;
}
.title-legend {
    padding: 10px 10px 10px 10px;
    color: #1ABC9C;
    font-size: 30px;
    font-weight: 200;
}
.title-blue {
    padding-top: 16px;
    text-align: center;
    padding-bottom: 10px;

    margin-bottom: 30px;
}
.chat-email-info span{
    font-weight: 400;
color: #bbb;
letter-spacing: 2px;
font-size: 13px;
display: block;
padding: 13px 15px 15px 15px;
text-align: center!important;
text-transform: uppercase;
cursor: pointer;
}
.chat-email-info span:hover{
    color: #31C3A6;
}
.reseller-info{
    margin-bottom: 50px;
}
.about-img{
    text-align: center;
}
.about-img img{
    width: 100%;
    max-width: 300px;
}
.client-content .col-lg-3 {
    text-align: center;
}
.client-content .col-lg-3 img {
    max-width: 200px;
    max-height: 150px;
    margin-bottom: 30px;
}
.client-content img {
    width: auto;
}
.client-content h3 {
    margin-top: 0px;
    font-size: 24px;
}
.client-title {
    text-align: right;
    margin-top: 20px;
}

.domain .col-lg-8{
    float: none;
    margin: auto;
}
.domain-syarat{
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    margin: 15px auto;
}
.syarat-title{
    color: #1ABC9C;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}
iframe{display:none;}
.contact h1{
    font-size: 30px;
    margin-top: 0px;
}
.contact-left a{
    color: #555;
}
.contact-left a:hover{
    color: #1ABC9C;
}
.confirm-pay{
    margin-top: 50px;
    margin-bottom: 50px;
}
#inputTanggal{
    background-color: #fff;
    padding: 1em 1.2em;
    text-indent: 1px;
    border-radius: 4px;
    border: 1px solid #cccccc;
    margin-bottom: 0.5em;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #555;
}
#inputTanggal:focus{
    border: 1px solid #1ABC9C;
}
.img-top{
    text-align: center;
}
.img-top img{
    margin-top: 18px;
    height: 100%;
    text-align: center;
}
.facility-demo img{
    width: 100%;
}
.facility-demo{
    text-align: left;
    vertical-align: middle;
}
.facility-demo .col-lg-2, .facility-demo .col-lg-1, .facility-demo .col-lg-9{
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.facility-demo .col-lg-1{
    width: 12%;
}
.facility-demo .col-lg-2{
    width: 19%;
}
.facility-demo .col-lg-9{
    width: 67%;
}
.jobs-choose{
    background: none;
    border: none;
    font:'Lato', sans-serif;
    font-size: 16.099999999999998px;
font-weight: 200;
padding: 0px;
margin: 10px 10px;
}
.jobs-caret{
    border-top: 6px solid #1ABC9C;
}
.jobs-content{
    border: 1px solid #1ABC9C;
    padding: 15px;
    margin-top: 10px;
}
.hidden-768{
    display: none;
}
.messages{
    border: 1px solid #1ABC9C;
padding: 15px;
margin-bottom: 30px;
}
.form-icon{
    font-size: 20px;
font-weight: normal;
vertical-align: top;
color: #1ABC9C;
}
.error{
    border: 1px solid red;
}
.error .form-icon{
    color: red;
}
.span-slide{
   background: rgb(43, 54, 68); /* The Fallback */
   background: rgba(43, 54, 68, 0.75); 
   padding: 10px;
}
.title-slide{
    font-size: 60px;
    font-weight: 500;
    text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.66);
}
.title-slide2{
    color: white;
    font-size: 24px;
    font-weight: 500;
     text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.9);
}
.line-slide{
    color: white;
   padding: 7px;
   padding-left: 10px;
   box-shadow:2px 2px 10px rgba(24, 24, 24, 0.66);
   margin-right: 10px;
}
.fullwidthbanner .p-shadow{
    font-size: 18px;
    line-height: 28px;
    text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.9);
}

.promo-img img{
    width: 100%
}
@media (max-width: 1199px) {
    .home-package .col-lg-2{
        width: 100%;
    }
    .package-detail{

        text-align: center;
    }
    .testimonial:hover{
        -moz-transform:none;
        -webkit-transform: none;
        -o-transform:none;
        -ms-transform: none;
        transform: none;
        z-index: 0;
    }
    .footer .col-lg-1{
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding: 0px;
        height: 28px
    }
    .footer .col-lg-7{
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        padding: 0px;
    }
    .footer-detail{
        display: none;
    }
    .footer-hide{
        display: inline-block;
    }
    .client-content .col-lg-3{
        width: 24%;
        float: left;
    }
    .client-content .col-lg-9{
        width: 74%;
        float: left;
    }
    .client-content .col-lg-3 img{
        max-width: 150px;
    }
    .top-title .col-lg-9, .top-title .col-lg-3{
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .top-title .col-lg-9{
        width: 74%;

    }
    .top-title .col-lg-3{
        width: 24%;

    }
}
@media (max-width: 990px) {
        .chat-email-info{
       margin: 10px 0px 0px 0px;
} 
    
    .last .dropdown-menu {
        background: #fff;
        display: none;
        left:-76px;
        padding:0;
        position:static;
        top:48px;
        width:auto;
        z-index:300;
        webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        background:#2b3e50;
        box-shadow:none !important;
        border:none;
    }
    .btn-navbar{display:block;}
    nav #main_menu2{ background:#fff;}
    #main_menu2{width:100%; display:block; margin:0px 0px 0 0;background:#fff;padding-left: 7px;}


    .nav2 > li{border:none; z-index:2000;}
    .nav2 > li > a { margin: 10px 0px 0px 0px;}

    .home-package .col-lg-2{
        width: 100%;
    }
    .rev-title.bold { font-size: 40px!important; padding:12px 10px!important; letter-spacing: 4px; }

}
@media (max-width: 768px) {
    .carousel-small .col-lg-4{
        width: 340px;
        padding: 0px;
    }
    .client-content {
        padding-bottom: 30px;
    }
    .client-content .col-lg-3{
        width: 100%;
        float: none;
    }
    .client-content .col-lg-9{
        width: 100%;
        float: none;
    }
    .client-content .col-lg-3 img{
        max-width: 200px;
    }
    .client-content .col-lg-9 h3{
        text-align: center;
    }
    .top-title .col-lg-9{
        width: 100%;

    }
    .top-title .col-lg-3{
        display: none;

    }
    .facility-img .pull-right{
        float: none;
    }
    .facility-img .col-lg-4{
        width: 100%
    }
    .facility-demo .col-lg-2{
        width: 100%;
        text-align: center
    }
    .facility-demo img{
        max-width: 200px;
    }
    .facility-demo .col-lg-1{
        width: 20%;
    }
    .facility-demo .col-lg-9{
        width: 78%
    }
    .hidden-phone{
        display: none!important;
    }
    .hidden-768{
        display: block;
    }
}

.modal-ads .modal-content {
    background-color: transparent;
    border: none;
}
.modal-ads .modal-body {
    overflow: hidden;
    border-radius: 15px;
}
.btn-promo {
    position: absolute;
    z-index: 9;
    bottom: 37px;
    left: 42px;
    background-color: #212844;
    font-weight: 600;
    font-size: 25px;
    border-radius: 10px;
    padding: 9px 34px;
    border: none;
    box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.7);
  }

  .p-0{
    padding:0;
  }

  .circle-close {
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    background: #333;
    color: #fff !important;
    text-decoration: none;
    border: 3px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 1px 8px;
    -webkit-box-shadow: -2px 1px 3px #555;
    -moz-box-shadow: -2px 1px 3px #555;
    box-shadow: -2px 1px 3px #555;
    z-index: 9;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
        min-height: calc(100% - 4rem);
}

@media (min-width: 768px){
    .modal-md-lg {
        width: 700px;
    }
}