@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300); 

body{ 
  font-family: arial, sans-serif;
  height: 100vh; 
  background: transparent url(../images/bg.jpg) fixed top center no-repeat;
  background-size: cover;
  *background-size: 100% ; 
  /*
	background:url(../images/background.jpg) no-repeat;
	background-attachment:fixed;
	background-size:cover;
	background-position:50% 50%;
	font-family:open sans,sans-serif;
	outline:0;
	*/
}

.wrapper {
	display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    padding: 20px;
    *background: rgba(4, 40, 68, 0.85);
	background:#319ff5d9;
}

a,a:hover,a:focus,a:active,a.active{text-decoration:none;outline:0}ul,ol{margin:0;padding:0}li{list-style:none}a{color:#ff432e;text-decoration:none}a:hover{text-decoration:none}p{font-family:open sans,sans-serif;font-size:13px;line-height:21px}.btn-primary{border-color:#ff432e;background-color:#ff432e;text-transform:uppercase;font-weight:300;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;border-color:#ea321e;background-color:none!important}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{border-color:#ff432e;background-color:#ff432e}.section-title h3{color:#666!important;//font-style:italic;font-size:28px;font-family:oswald,sans-serif;text-transform:none}.section-title p{padding-bottom:60px;color:#999;font-size:18px;//font-style:italic;font-weight:300}#logo-section{}.logo h1{font-family:lobster,cursive;color:#fff;font-size:60px}.logo span{color:#999}

.blue{
	background: transparent url(../images/bg-putih.png);
	*background:#28abe3;
}

.green{background:#72bf48}.red{background:#ff432e}.light-red{background:#fb6648}.light-orange{background:#fa6900}.color{background:#0eceab}.purple{background:#9b59b6}.mainbody-section{padding-top:30px;padding-bottom:30px}

.menu-item{
	color:#fff;
	*padding-top:15px;
	*padding-bottom:45px;
	height:220px;
	margin:2px;
	*margin-bottom:30px;
	-webkit-transition:all .3s;
	transition:all .3s;
	*border:1px solid transparent;
}

.menu-item .icon {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-bottom:10px;
	border-bottom:1px solid #ff0000;
	*border-right:1px solid #ff0000;
}

.menu-item:hover{
	border:1px solid #ff0000;
}

.menu-item a{
	color:#000;
	display:block;
	-webkit-transition:all .3s;
	transition:all .3s;
}
.menu-item a p{
	font-family:oswald,sans-serif;
	line-height:140%;
	font-weight:300;
	font-size:20px;
	padding: 0 10px;
}
.menu-item a i{
	font-size:50px;
	padding-bottom:20px;
}
.menu-item:hover a{
	text-decoration:none;
}

.frontclick .col-md-3 {
	padding:0 !important;
	*border: 1px solid #fff;
	*margin-right: -1px;
	*margin-bottom: -1px;
	*margin-right:1px;
	*margin-bottom:1px;
	-webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}

.frontclick.appopd .col-md-4 {
	margin-bottom:5px;
	padding:0;
}
.frontclick.appopd .col-md-4 .menu-item{
	margin:2px;
	*margin:5px;
	border: 1px solid #ccc; 
	height: 350px;
}
.frontclick.appopd .col-md-4 .menu-item:hover{
	border:1px solid #ccc;
}
.frontclick .col-md-4 li{
	border-bottom:1px solid #ccc;
	padding:8px 0;
}
.frontclick .col-md-4 li a{
	color:#333;
}
.frontclick .col-md-4 li:last-child{
	border-bottom:none; 
}

@media only screen and (min-width:240px) and (max-width:379px){
.col-md-3{  
	width:100%; 
}
.menu-item{ 
	height:220px; 
}
.menu-item a p { 
    font-size: 17px; 
} 
.logo h1 { 
    font-size: 26px;
}
}

@media only screen and (min-width:240px) and (max-width:430px){

table tr th:nth-child(3) {
    display:none;
}
table tr td:nth-child(3) {
    display:none;
}
.frontclick.appopd .col-md-4 .menu-item{
	height:350px; 
}
}




@media only screen and (min-width:380px) and (max-width:599px){
.col-md-3{ 
	display:inline-grid;
	width:49%;
	*margin-right: -5px !important;
	margin-bottom:10px;
}
.menu-item{ 
	height:240px; 
}
.frontclick.appopd .col-md-4 .menu-item{
	height:350px; 
}

.menu-item a p { 
    font-size: 17px; 
} 
.logo h1 { 
    font-size: 26px;
}
}

@media only screen and (min-width:600px) and (max-width:991px){
.col-md-3{
	display:inline-grid;
	width:32.8%;
	*margin-right: -5px !important;
}
.frontclick.appopd .col-md-4{
	display:inline-grid;
	width:49%; 
	margin-bottom:10px;
}
.menu-item.responsive{width:49.5%;float:left;margin-right:3px;margin-top:5px}
.menu-item.responsive-2{width:49.5%;float:right;margin-top:5px}

.menu-item { 
	height:240px; 
}
.frontclick.appopd .col-md-4 .menu-item{
	height:500px; 
}

}



@media only screen and (min-width:992px) and (max-width:1360px){
.menu-item{*padding-top:15px;*padding-bottom:15px}
.menu-item a i{font-size:32px}
.menu-item a p{font-size:16px}

.frontclick.appopd .col-md-4 .menu-item{
	height:500px; 
}
}

#owl-demo .item img{display:block;width:100%;height:auto}.home-slider{margin-top:30px}.home-slider img{width:100%;height:auto}.home-slider .carousel-inner{height:400px}.home-slider .carousel-indicators{position:absolute;bottom:10%}.home-slider .carousel-indicators .active{background-color:#ff432e}

.copyright{
	*background:rgba( 0,0,0,.7);
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	border-top: 1px solid #43455f;
}

.section-modal .modal-content{padding:100px 10px !important;min-height:100%;border:0!important;border-radius:0;background-clip:border-box;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;color:#888;font-weight:300}

.section-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;background-color:transparent;cursor:pointer}.section-modal .close-modal:hover{opacity:.3}.section-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;background-color:#222;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.section-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;background-color:#222;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.feature,.feature-2{padding-bottom:80px}.feature{text-align:center}.feature h4{font-size:15px;color:#666;font-weight:300;font-family:oswald,sans-serif}.feature-2 h4{font-size:15px;color:#444;padding-bottom:10px;font-weight:300;font-family:oswald,sans-serif}.feature p,.feature-2 p{color:#444;font-size:13px;line-height:20px;font-weight:300}.feature i{font-size:3.5em;color:#fff;background:#ff432e;width:100px;height:100px;padding:25px;margin-bottom:10px;-webkit-border-radius:70%;-moz-border-radius:70%;-o-border-radius:70%;border-radius:70%;position:relative;box-shadow:0 0 0 30px transparent;-webkit-transform:translate3d(2,2,2);-moz-transform:translate3d(2,2,2);-o-transform:translate3d(2,2,2);transform:translate3d(2,2,2);-webkit-transition:box-shadow .6s ease-in-out;-moz-transition:box-shadow .6s ease-in-out;-o-transition:box-shadow .6s ease-in-out;transition:box-shadow .6s ease-in-out}.no-touch .feature:hover i,.no-touch .feature:active i,.no-touch .feature:focus i{-webkit-transition:box-shadow .4s ease-in-out;-moz-transition:box-shadow .4s ease-in-out;-o-transition:box-shadow .4s ease-in-out;transition:box-shadow .4s ease-in-out;box-shadow:0 0 0 0 #ff432e}.feature-2 i{color:#ff432e;font-size:3em;padding:1px 10px 0 1px;position:relative}.portfolio-item{position:relative;margin-bottom:30px}.portfolio-item .portfolio-details{background:rgba(0,0,0,.8);position:absolute;top:0;width:100%;height:100%;opacity:0}.portfolio-item .portfolio-details h4{padding-top:20%;padding-bottom:10%;color:#fff;font-family:oswald,sans-serif;font-weight:300;font-size:20px}.portfolio-item .portfolio-details a i{font-size:30px}.portfolio-item:hover .portfolio-details{opacity:1;animation:pulse;-webkit-animation:pulse;animation-duration:300ms;-webkit-animation-duration:300ms}.about-text{padding-bottom:50px}.about-text p{color:#777;text-align:justify}.about-text ul{margin-top:30px;font-size:13px}.about-text li{margin-bottom:10px;color:#999}.about-text li i{padding-right:10px;color:#ff432e}.skill{padding-bottom:5px}.skill p{margin-bottom:7px}.progress{background:#fff;overflow:visible;height:20px;margin-bottom:10px;background-color:#f9f9f9;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.progress-bar{background:#ff432e;float:left;height:100%;font-size:12px;color:#fff;text-align:center;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:width .6s ease;transition:width .6s ease;position:relative}.progress-bar-span{opacity:1;position:absolute;top:-5px;background:#acb2b8;padding:3px 10px;color:#fff;border-radius:0;right:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.skill:hover .progress-bar-span{opacity:1;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.custom-tab .nav-tabs.nav-justified>.active>a,.custom-tab .nav-tabs.nav-justified>.active>a:hover,.custom-tab .nav-tabs.nav-justified>.active>a:focus{border-radius:0;//border-left-color:transparent;color:#666;border-bottom-color:#ddd}.custom-tab .nav-tabs.nav-justified{margin-bottom:20px;background:#ff432e}.custom-tab .nav-tabs.nav-justified>li{border-right:1px solid #f1f1f1}.custom-tab .nav-tabs.nav-justified>li:last-child{border-right:0}.custom-tab .nav-tabs.nav-justified>li>a{padding:10px;font-size:18px;color:#fff;font-family:oswald,sans-serif;font-weight:300}.custom-tab .nav-tabs.nav-justified>li>a:hover{border-radius:0;color:#333}.custom-tab .tab-content .tab-pane p{text-align:justify;color:#777}@media only screen and (min-width:320px) and (max-width:991px){.custom-tab{margin-top:30px}}

.pricing-section{padding:20px 0;background:#f5f5f5}

.pricing-table{text-align:center;background:#fff}

@media only screen and (min-width:320px) and (max-width:991px){.pricing-table{margin-bottom:30px}}.plan-name{padding:15px 0;background:#ff432e}.plan-name h3{font-weight:300;color:#fff}.plan-price{padding:25px 0}.plan-price .price-value{font-size:38px;line-height:40px;font-weight:600;color:#444}.plan-price .price-value span{font-size:18px;font-weight:300;line-height:18px}.plan-price .interval{line-height:14px}.plan-list li{padding:13px;font-size:14px;border-bottom:1px solid #eee}.plan-list li:first-child{border-top:1px solid #eee}.plan-signup{padding:25px 0;background:#ff432e}.plan-signup a{text-transform:uppercase;color:#fff}.team-member{position:relative;width:100%;margin-bottom:30px}.team-details{font-family:open sans,sans-serif;padding-left:10px;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0}.team-member img{width:100%;height:auto}.team-details h4{font-size:25px;font-weight:300;color:#ff432e;font-family:oswald,sans-serif;text-transform:none;text-align:center;padding-top:20%}.team-details .designation{font-size:16px;font-weight:300;color:#fff;text-align:center}.team-details ul{padding-top:40%}.team-details li{display:inline-block;list-style:none;padding-right:10px}.team-details li a{padding:5px 8px;background:#ff432e;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}.team-member:hover .team-details{opacity:1;-webkit-animation:pulse;animation:pulse;animation-duration:300ms;-webkit-animation-duration:300ms}.latest-post{padding-bottom:20px}.latest-post h4{padding-top:20px;padding-bottom:5px}.latest-post h4 a{color:#ff432e}.latest-post .post-details li{color:#ff432e;display:inline;font-size:13px;color:#999;padding-right:10px}.latest-post .post-details li i{padding-right:5px;color:#ff432e}.latest-post p{padding:15px 0;color:#999;font-weight:300;text-align:justify}.footer-contact-info{background:#ff432e;color:#fff;padding:20px 30px;//margin-top:80px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}@media only screen and (min-width:320px) and (max-width:991px){.footer-contact-info{margin-bottom:30px;margin-top:30px}}.footer-contact-info ul{padding-bottom:10px}.footer-contact-info h4{padding-bottom:10px}.footer-contact-info li strong{font-weight:600}.footer-social{padding:78px 0;border:1px solid #ff432e;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}.footer-social li{display:inline-block;padding:0 10px}@media only screen and (max-width:360px){.footer-social li{padding:0 5px}}.footer-social li a{background:#ff432e;padding:8px;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #ff432e}.footer-social li i{font-size:15px;width:20px;height:20px}.footer-social li:hover a{background:#fff;//border:1pxsolid#FF432E;color:#666}.contact .btn-primary{padding:20px;font-size:16px}.contact .btn-primary:hover{background:transparent}.contact .section-title h3{color:#fff}.contact .section-heading{color:#fff}.contact .form-group{margin-bottom:25px}.contact .form-group input,.contact .form-group textarea{padding:20px}.contact .form-group input.form-control{height:auto}.contact .form-group textarea.form-control{height:236px}.contact::-webkit-input-placeholder{text-transform:uppercase;font-family:Montserrat,helvetica neue,Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}.contact:-moz-placeholder{text-transform:uppercase;font-family:Montserrat,helvetica neue,Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}.contact::-moz-placeholder{text-transform:uppercase;font-family:Montserrat,helvetica neue,Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}.contact:-ms-input-placeholder{text-transform:uppercase;font-family:Montserrat,helvetica neue,Helvetica,Arial,sans-serif;font-weight:700;color:#bbb}.contact .text-danger{color:#e74c3c}.contact button{font-weight:400;margin-top:30px}.contact .btn-primary{padding:20px;font-size:16px}.contact .btn-primary:hover{background:transparent;color:#ff432e}.clients{margin-bottom:80px}.clients h4{font-family:oswald,sans-serif;font-weight:300;padding-top:20px;padding-bottom:20px}.clients .speech{background:#ff432e;padding:20px;color:#fff}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { 
    line-height: 140% !important; 
}

.modal-open .modal {
    margin:20px !important;
}
.modal-open .modal {
    overflow-x: auto !important;
    overflow-y: auto !important;
	    background: #fff;
}