/* 

    Document   : style

    Created on : Sep 15, 2014, 11:21:19 AM

    Author     : Safandhi Yonathan

    Description:

        Purpose of the stylesheet follows.

*/



body  ::selection {

   background: #2CB3FF;

}

body  ::-moz-selection {

   background: #2CB3FF;

}



.prefix-0 {padding-left:0px !important;}  

.prefix-1 {padding-left:10px !important;}

.prefix-2 {padding-left:20px !important;}

.prefix-3 {padding-left:30px !important;}

.prefix-4 {padding-left:40px !important;}

.prefix-5 {padding-left:50px !important;}

.prefix-6 {padding-left:60px !important;}

.prefix-7 {padding-left:70px !important;}

.prefix-8 {padding-left:80px !important;}



.pasfix-0 {padding-right:0px !important;}

.pasfix-1 {padding-right:10px !important;}

.pasfix-2 {padding-right:20px !important;}

.pasfix-3 {padding-right:30px !important;}

.pasfix-4 {padding-right:40px !important;}

.pasfix-5 {padding-right:50px !important;}

.pasfix-6 {padding-right:60px !important;}



.upfix-1 {padding-top:10px !important;}

.upfix-2 {padding-top:20px !important;}

.upfix-3 {padding-top:30px !important;}

.upfix-4 {padding-top:40px !important;}

.upfix-5 {padding-top:50px !important;}

.upfix-6 {padding-top:60px !important;}



.downfix-1 {padding-bottom:10px !important;}

.downfix-2 {padding-bottom:20px !important;}

.downfix-3 {padding-bottom:30px !important;}

.downfix-4 {padding-bottom:40px !important;}

.downfix-5 {padding-bottom:50px !important;}

.downfix-6 {padding-bottom:60px !important;}



.append-left-1 {margin-left: 10px !important;}

.append-left-2 {margin-left: 20px !important;}

.append-left-3 {margin-left: 30px !important;}

.append-left-4 {margin-left: 40px !important;}

.append-left-5 {margin-left: 50px !important;}

.append-left-6 {margin-left: 60px !important;}



.append-top-1 {margin-top: 10px !important;}

.append-top-2 {margin-top: 20px !important;}

.append-top-3 {margin-top: 30px !important;}

.append-top-4 {margin-top: 40px !important;}

.append-top-5 {margin-top: 50px !important;}

.append-top-6 {margin-top: 60px !important;}



.append-right-1 {margin-right: 10px !important;}

.append-right-2 {margin-right: 20px !important;}

.append-right-3 {margin-right: 30px !important;}

.append-right-4 {margin-right: 40px !important;}

.append-right-5 {margin-right: 50px !important;}

.append-right-6 {margin-right: 60px !important;}



.append-bottom-1 {margin-bottom: 10px !important;}

.append-bottom-2 {margin-bottom: 20px !important;}

.append-bottom-3 {margin-bottom: 30px !important;}

.append-bottom-4 {margin-bottom: 40px !important;}



.text-rb-bold {font-family: 'Roboto Bold';}

.text-rb-black {font-family: 'Robotto Black';}

.text-rb-medium {font-family: 'Roboto Medium';}

.text-rb-thin {font-family: 'Roboto Thin';}

.text-rb-light {font-family: 'Roboto Light';}

.text-rb-italic {font-family: 'Roboto Italic';}



.clr-pink {color: #da4968;}

.img {width: 100%;}

.grayscale img {

   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */

   filter: gray; /* IE6-9 */

   -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}

.grayscale.disabled img,.active img {

   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

   -webkit-filter: grayscale(0%);

}

.gradient {

   height: 10px;

   width: 100%;

   background: rgb(117,179,106); /* Old browsers */

   background: -moz-linear-gradient(left,  rgba(117,179,106,1) 0%, rgba(190,212,61,1) 35%, rgba(252,187,90,1) 65%, rgba(218,73,104,1) 100%); /* FF3.6+ */

   background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(117,179,106,1)), color-stop(35%,rgba(190,212,61,1)), color-stop(65%,rgba(252,187,90,1)), color-stop(100%,rgba(218,73,104,1))); /* Chrome,Safari4+ */

   background: -webkit-linear-gradient(left,  rgba(117,179,106,1) 0%,rgba(190,212,61,1) 35%,rgba(252,187,90,1) 65%,rgba(218,73,104,1) 100%); /* Chrome10+,Safari5.1+ */

   background: -o-linear-gradient(left,  rgba(117,179,106,1) 0%,rgba(190,212,61,1) 35%,rgba(252,187,90,1) 65%,rgba(218,73,104,1) 100%); /* Opera 11.10+ */

   background: -ms-linear-gradient(left,  rgba(117,179,106,1) 0%,rgba(190,212,61,1) 35%,rgba(252,187,90,1) 65%,rgba(218,73,104,1) 100%); /* IE10+ */

   background: linear-gradient(to right,  rgba(117,179,106,1) 0%,rgba(190,212,61,1) 35%,rgba(252,187,90,1) 65%,rgba(218,73,104,1) 100%); /* W3C */

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75b36a', endColorstr='#da4968',GradientType=1 ); /* IE6-9 */

   position: relative;

   z-index: 999;

}

.outer-glow-down {

   box-shadow: 0px 0px 20px rgba(0,0,0,.4);

}

.bg-shadow {

   background-image: url(../images/material/shadow-1.png);

   background-position: center top;

   background-repeat: no-repeat;

   position: absolute;

   top: 0px;

   height: 28px;

   width: 100%;

   z-index: 9;

}

.bg-hm {

   background: url(../images/material/bg-with-noise.jpg);

   background-position: left;

   background-repeat: repeat;

   position: relative;

   z-index: 1;

}

.bg-hm:after {

   background-image: url(../images/material/bg-with-logo.png);

   background-position: right bottom;

   background-repeat: repeat;

   bottom: 0px;

   content: "";

   display: block;

   height: 100%;

   position: absolute;

   right: 0px;

   width: 100%;

   z-index: -1;

}

.container img {width: 100%;}

.section-padd-1 {

   padding-top: 40px;

   padding-bottom: 91px;

}

.section-padd-2 {

   padding-top: 89px;

   padding-bottom: 91px;

}

.bg-green-line {

   background: #75b36a;

   float: left;

   height: 3px;

   width: 37%;

}

.bg-grey-line {

   background: #dddddd;

   float: left;

   height: 3px;

   width: 63%;

}

.hm-date {

   color: #666666;

   font-size: 12px;

}

.icon-download,.icon-upload {

   background-position: 20px center;

   background-repeat: no-repeat;

}

.icon-download {

   background-image: url(../images/material/icon-download.png)!important;

}

.icon-upload {

   background-image: url(../images/material/icon-upload.png)!important;

}

.select-form {

   position: relative;

}

.select-form span {

   background-color: #fff;

   background-image: url(../images/material/icon-select.png);

   background-position: right center;

   background-repeat: no-repeat;

   color: #666;

   font-size: 12px;

   padding: 10px 13px;

   position: absolute;

   width: 100%;

}

.general-select {width: 269px;}

/* Centering content

-------------------------*/

.outer {

   overflow: hidden;

   position: relative;display: table;

}

.middle {

   display: table-cell;

   vertical-align: middle;

   width: 100%;

   position: static;

   top: 50%;

}

.inner {

   position: relative;

   top: -50%;

}

/* structure

----------------------------------------------------------------------------------------------*/

#container {}

.wrapper {

   width:960px;

   margin:0 auto;

}

#middle {

   position:relative;
      

}

#footer {

   /*margin-top: 50px;*/

   padding-bottom: 28px;

   padding-top: 27px;

   position:relative;

}



/* header

----------------------------------------------------------------------------------------------*/

.icon-home img{width: auto;}

.navbar-brand img {width: 220px;}

.logo {

   position: absolute;

   text-align: center;

   top: -40px;

   width: 100%;

}

.navbar .container {

  padding-top: 60px;

  position: relative;}

/* middle

----------------------------------------------------------------------------------------------*/



/* home

---------------------------------------------*/

.hm-title {
   color: #444444;

   font-family: 'Roboto Bold';

   font-size: 48px;

   padding-bottom: 10px;
   
   margin-top: 0px;      

   position: relative;

   text-transform: uppercase;

}

.hm-title:after {

   background: #75b36a;

   bottom: 0px;

   content: "";

   display: block;

   height: 3px;

   position: absolute;

   width: 157px;

}

.hm-title.text-center:after {

   left: 50%;

   margin-left: -80px;

}

.hm-title.text-left:after {

   left: 0px;

}

.hm-title-2 {

   color: #666666;

   font-family: 'Roboto Medium';

   text-transform: uppercase;

}

.hm-title-3 {

   color: #666666;

   font-family: 'Roboto Thin';

}

.hm-title-4 {

   color: #75b36a;

   font-family: 'Roboto Bold';

   text-align: center;

   text-transform: uppercase;

}

#hm-overview {

   margin-left: auto;

   margin-right: auto;

   position: relative;

   width: 800px;

}

.logo-member {

   margin: 0 auto 20px;

   overflow: hidden;

   padding: 0;

}

.logo-member li {

   display: inline-block;

   height: 110px;

}

.logo-member li img {

   vertical-align: middle;

}

.banner {

   position: relative;

}

.info-area {

   overflow: hidden;

   padding: 38px 0 10px;

   position: relative;

}

.title-page {

   color: #444444;

   font-family: 'Roboto Bold';

   float: left;

   font-size: 48px;

   text-transform: uppercase;

}

.title-page-2 {

   color: #75b36a;

   font-family: 'Roboto Thin';

   font-size: 72px;

   text-transform: uppercase;

}

.border-pink {

   border: 3px solid #da4968;

   font-size: 24px;

   padding: 30px 10px;

   text-align: center;

}

.custom-list dl {

   -webkit-column-count: 2; /* Chrome, Safari, Opera */

    -moz-column-count: 2; /* Firefox */

    column-count: 2;

}

.custom-list dl {

   counter-reset: my-badass-counter;

   position: relative;

}

.custom-list dt:before {

   background: #da4968;

   -moz-border-radius: 50%;

   -webkit-border-radius: 50%;

   border-radius: 50%;

   color: #f5f7f2;

   content: counter(my-badass-counter, decimal);

   font-family: 'Roboto Bold';

   font-size: 24px;

   height: 34px;

   position: absolute;

   left: 0px;

   text-align: center;

   top: 10px;

   counter-increment: my-badass-counter;

   width: 34px;

}

.custom-list dt {

   font-size: 24px;

   font-weight: normal;

   min-height: 190px;

   position: relative;

   padding: 4px 30px 10px 60px;

}

.custom-list ul li:before {

   background: #da4968;

   -moz-border-radius: 50%;

   -webkit-border-radius: 50%;

   border-radius: 50%;

   color: #f5f7f2;

   height: 34px;

   left: -26px;

   display: inline-block;

   position: absolute;

   top: -6px;

   width: 34px;

   z-index: -1;

}

.custom-list ul li {

   list-style-image: url(../images/material/list-icon.png);

   margin-bottom: 30px;

}

.custom-list ol li,.custom-list ul li {

   padding-left: 15px;

   position: relative;

   z-index: 0;

}

.custom-list li .h4-list-title {

   font-family: 'Roboto Bold';

   font-size: 21px;

   margin: 0px;

   text-transform: uppercase;

}

.custom-list li {font-size: 21px;}

.sidemenu a {

   font-size: 14px;

}

/* Our Project

---------------------------------------------*/

.list-img-content {overflow: hidden;}

.list-img-content .lic-list {

   display: block;

}

.list-img-content .lic-list > div {

   overflow: hidden;

   position: relative;

}

.lic-list.comingsoon .click-more {

   display: none;

}

.lic-list.comingsoon .click-more:before {

   content: "";

}

.lic-list .click-more:before {

   bottom: 3px;

   left: 4px;

   position: relative;

}

.lic-list .glyphicon-plus:before {left: 6px;}

.lic-list .glyphicon-minus:before {left: 4px;}

.lic-list .lic-content {

   height: 168px;}

.lic-list .glyphicon-minus {display: none;}

.lic-padd {

   left: 0px;

   height: 100%;

   padding: 10% 20%;

   position: absolute;

   top: 0px;

   width: 100%;

}

.mark-text {

   background: rgba(218,73,104,.5);

   color: #fff;

   top: 0;

   line-height: 32px;

   padding-top: 15px;

   padding-bottom: 15px;

   text-align: center;

   text-transform: uppercase;

   width: 100%;

}

.mark-text .text-rb-light {font-size: 30px;}

.mark-text .text-rb-bold {font-size: 42px;}

.list-img-content .lic-title {

   color: #da4968;

   font-family: 'Roboto Bold';

   margin-top: 0;

   text-transform: uppercase;

}

.lic-content {font-size: 16px;}

.lic-plus-area {

   clear: both;

   margin-bottom: 30px;

   padding-left: 15px;

   padding-top: 20px;

   text-align: center;

}

.lic-plus-area:before {

   background: #dddddd;

   content: "";

   display: block;

   height: 1px;

   top: 20px;

   position: relative;

   width: 100%;

}

.lic-plus-area .click-more {

   border: none;

   height: 37px;

   padding: 3px 0px 0px 6px;

   position: relative;

   width: 37px;

   z-index: 1;

}

.lic-plus-area .click-more:hover {text-decoration: none;}

.icon-plus-1 {

   background: url(../images/material/icon-plus-1.png) no-repeat center center;

}

.icon-minus-1 {

   background: url(../images/material/icon-minus-1.png) no-repeat center center;

   display: none;

}

/* Gallery

---------------------------------------------*/

.hm-cald {

   color: #da4968;

   font-family: 'Roboto Bold';

   font-size: 16px;

   text-transform: uppercase;

}

.box-img-grid {

   

}

.box-img-grid > a {

   margin-bottom: 30px;

   overflow: hidden;

}

.box-img-grid span {display: block;}

.big-inside {

   position: relative;

}

.ig-caption {

   position: absolute;

   bottom: 0px;

   color: #fff;

   font-family: 'Roboto Bold';

   font-size: 18px;

   left: 0;

   width: 100%;

   min-height: 42px;

   background: rgba(0,0,0,.75);

}

.ig-caption span {padding: 13px 18px;}



.mosaicflow__column {float:left;}

.mosaicflow__item {margin: 10px 5px;position:relative;}

.mosaicflow__item img {display:block;width:100%;max-width:500px;height:auto;}

.mosaicflow__item .caption {

   position:absolute;

   bottom:0;

   left:0;

   width:100%;

   margin:0 !important;

   color:#fff;

   font-size:14px;

   text-shadow:1px 1px 1px hsla(0,0%,0%,.75);



   -webkit-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);

   -moz-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);

   -o-transition: all 0.4s cubic-bezier(0.23,1,0.32,1);

   transition: all 0.4s cubic-bezier(0.23,1,0.32,1);

}

.mosaicflow__item:hover .caption {}

.mosaicflow__item .caption span {display: block;padding: 0 18px 0 18px;}

.mosaicflow__item .caption .date {color: #CCC;font-size: 10px;line-height: 12px;padding-top: 7px;padding-bottom: 1px;}

.mosaicflow__item .caption .title {color: #FFF;font-size: 14px;line-height: 15px;padding-bottom: 6px;}



.arrow-back,.arrow-top {

   color: #666666;

   font-family: 'Roboto Bold';

   font-size: 12px;

   text-transform: uppercase;

}

.arrow-back {

   background: url(../images/material/icon-arrow-backward.png) no-repeat left center;

   padding-left: 20px;

}

.arrow-top {

   background: url(../images/material/icon-arrow-up.png) no-repeat right center;

   padding-right: 20px;

   text-align: right;

}

/* News

---------------------------------------------*/

.list-group .hm-cald {

   border-bottom: 1px solid #75b36a;

   margin-bottom: 15px;

   padding-bottom: 12px;

}

/* Career

---------------------------------------------*/

.toggle-hm-ap:hover {text-decoration: none;}

.toggle-hm-ap:before {

   background: url(../images/material/icon-plus-2.png) no-repeat left center;

   content: "";

   display: inline-block;

   height: 18px;

   margin-right: 10px;

   padding: 1px 2px 2px 3px;

   position: relative;

   top: 3px;

   width: 18px;

}

.hm-ap {

   color: #666;}

.hm-ap a {

   color: #666;

   text-transform: uppercase;

}

.hm-ap ol {padding-left: 55px;}

.hm-ap ol li {

   font-size: 30px;

   margin-bottom: 46px;

}

.hm-ap ol li > div {font-size: 16px;}

/* footer

----------------------------------------------------------------------------------------------*/

#footer .text-rb-bold {color: #666666;}

.copyright {

   color: #999999;

   font-size: 11px;

}



@media (min-width:1000px) {

   body {font-size: 15px;}

   .navbar-nav > li > a {font-size: 14px;}

}

@media (max-width:999px) {

   .bg-shadow {width: 90%;}

  .navbar { height:67px;}

  .navbar .container {padding-top: 6px;width: 100%;}

  .navbar-brand img {width: 142px;}

  .navbar-nav > li > a {font-size: 16px;}

  body{font-size: 14px;}

/*  .bg-green-line {width: 28%;}

  .bg-grey-line {width: 72%;}*/

  .breadcrumb {margin-top: 5px;}

  .breadcrumb > li {font-size: 11px;}

  .btn {font-size: 11px;min-width: 180px;}

  #hm-overview {width: auto;}

  /*.section-padd-1 {padding-top: 0px;}*/

  /* Corporate Info

---------------------------------------------*/

  .sidemenu a {font-size: 18px;}

  .title-page {font-size: 36px;}

  .hm-title {font-size: 36px;}

  .hm-title-2 {font-size: 24px;}

  .title-page-2 {font-size: 60px;}

  .border-pink,.custom-list dt:before,.custom-list dt {font-size: 18px;}

  .custom-list dt:before {height: 28px;width: 28px;}

  .custom-list li .h4-list-title,.custom-list li {font-size: 16px;}

  /* Our Project

---------------------------------------------*/

  .hm-title-3 {font-size: 24px;}

  .lic-content {}

  .mark-text .text-rb-light {}

  .mark-text .text-rb-bold {font-size: 34px;}

  /* Gallery

---------------------------------------------*/

  .gal-title {padding-left: 10%;padding-right: 10%;}

  .select-form span {font-size: 11px;}

  .general-select {width: 180px;}

  .hm-cald {font-size: 14px;}

  /* News

---------------------------------------------*/

  .list-group-item-heading {font-size: 12px;}

  .list-group-item-text {font-size: 11px;}

  /* Career

---------------------------------------------*/

  #showAp .hm-title-4 {margin-bottom: 30px;}

  .panel-title,.panel-body,.hm-ap ol li > div {font-size: 12px;}

  .hm-ap ol li {font-size: 24px;}

  .cp-title {font-size: 24px;}

  .custom-popup {font-size: 14px;}

  .fancybox-close {display: none;}

  /* Footer

---------------------------------------------*/

  #footer address {font-size: 11px;}

  .copyright {font-size: 10px;}

  #footer .img {float: right;width: 30%;}

   

}

@media (max-width:767px) {

  .bg-green-line {width: 39%;}

  .bg-grey-line {width: 61%;}

  /* Our Project

---------------------------------------------*/

   .list-img-content .lic-title {font-size: 14px;margin-top: 20px;}

   #footer .img {display: none;}

}

@media (max-width:480px) {

   body {font-size: 12px;}

   .navbar {height: 50px;}

   .logo {top: -20px;}

   .navbar-brand img {width: 100px;}

   .bg-shadow {background-size: 130%;margin-left: -15px;margin-right: -15px;width: 100%;}

   .breadcrumb {float: left;padding-left: 0px;position: absolute;top: 10px;}

   .breadcrumb > li {font-size: 10px;}

   .title-page {font-size: 30px;margin-top: 20px;}

   .hm-title {font-size: 30px;}

   .hm-title-2 {font-size: 18px;}

   .hm-title-3 {font-size: 18px;}

   .general-select {width: 150px;}

   .box-img-grid .col-xs-1,.box-img-grid .col-xs-2,.box-img-grid .col-xs-3,.box-img-grid .col-xs-4,

   .box-img-grid .col-xs-5,.box-img-grid .col-xs-6,.box-img-grid .col-xs-7,.box-img-grid .col-xs-8,

   .box-img-grid .col-xs-9,.box-img-grid .col-xs-10,.box-img-grid .col-xs-11,.box-img-grid .col-xs-12 {

      padding-left: 5px!important;padding-right: 5px!important;

   }

   /* Corporate Info

---------------------------------------------*/

   .title-page-2 {font-size: 35px;}

   .border-pink,.custom-list dt:before,.custom-list dt {font-size: 16px;}

   .custom-list dl {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}

   .custom-list dt {min-height: 100px;padding-left: 35px;}

   .custom-list dt:before {font-size: 18px;}

   .custom-list li {font-size: 14px;}

   .custom-list li .h4-list-title {font-size: 14px;}

   .custom-list ul li:before {}

   /* Our Project

---------------------------------------------*/

   .lic-list .lic-content {height: 164px;}

   /* Gallery

---------------------------------------------*/

   .gal-title {padding: 0px;}

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

   .mosaicflow__item {margin: 2px;}

   /* Career

---------------------------------------------*/

   .panel-title, .panel-body, .hm-ap ol li > div {position: relative;top: -10px;}

   ul.custom-list-small b {font-size: 16px;}

   .hm-ap ol {padding-left: 45px;}

   .lic-plus-area .glyphicon-plus {}

   /* Footer

---------------------------------------------*/

  #footer address {font-size: 10px;}

  .copyright {font-size: 9px;}

  

}

































/* css add new andrisam

===================================================================== */

.contact {}

.contact h3 {font-size: 30px; text-transform: uppercase; color: #666; margin-top: 0; font-family: 'Roboto Bold';}

.contact h4 {font-size: 24px; text-transform: uppercase; color: #da4968; margin-top: 25px; margin-bottom: 0; font-family: 'Roboto Bold';}

.contact .left_contact {}

.contact .left_contact p {line-height: 20px;}

.contact .contact_form {}

.contact .address {

   margin-top: 22px;

   background: url('../images/material/contact_address.png') no-repeat 5px 3px;

   padding-left: 25px;

}

.contact .phone {

   margin-top: 22px;

   background: url('../images/material/contact_phone.png') no-repeat 0 3px;

   padding-left: 25px;

}





#frame_map {margin-bottom: 35px;}





#contact_form {margin-top: 30px;}

#contact_form h3 {margin-bottom: 0px;}

#contact_form form {margin-top: 25px;}

#contact_form form p {margin-bottom: 18px;}

#contact_form form label.lbl {float: left; width: 134px; text-transform: uppercase; font-size: 16px; line-height: 32px; text-transform: uppercase;}

#contact_form span.ctrl { float: left; width:674px; display:block; }

#contact_form form input[type="text"], 

#contact_form form input[type="file"] {float: left; width: 674px; padding:7px 5px;}

#contact_form form textarea {float: left; width: 674px; padding: 7px 5px; height: 180px;}



#contact_form form input[type="text"],

#contact_form form input[type="file"],

#contact_form form textarea {background-color:#fff; border: 1px solid #ccc;}

#contact_form form input[type="submit"] {

   width: 228px;

   height: 46px;

   line-height: 46px;

   border:0;

   background: #da4968;

   color: #fff;

   text-transform: uppercase;   

   font-family: 'Roboto Bold';

}

#contact_form form input[type="submit"]:hover { 

   background:#c9302c;

}





header {

   position: fixed;

   width: 100%;

   z-index: 150;

}

#slider {padding-top:123px; }









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

   #contact_form form label {}

   #contact_form form input[type="text"],

   #contact_form form input[type="file"],

   #contact_form form textarea {

      width: 500px;       

   }

   

   #contact_form form label.lbl {

		width:98%;

   }

	

   #contact_form form span.ctrl {

		width: 98%;

   }

}



@media all and (max-width: 1000px) {

   #contact_form form label {width: 110px;}

   #contact_form form input[type="text"],

   #contact_form form input[type="file"],

   #contact_form form textarea {

      width: 395px;     

   }

   .contact h4 {font-size: 18px;}



   .contact .left_contact p {font-size: 12px; line-height: 16px;}

   #slider {padding-top:77px; }

   #middle {padding-top:0px; }



}



@media all and (max-width: 800px) {

  

   #contact_form form label {width: 100%}

   #contact_form form input[type="text"],

   #contact_form form input[type="file"],

   #contact_form form textarea {

      width: 98%;     

   }

   

   #slider {padding-top:60px; }

   #middle {padding-top:0px; }

}

@media all and (max-width: 320px) {	.flickerplate {		height: 465px;	}		.flickerplate ul.flicks li {		background-size: 810px;		background-repeat: no-repeat;		background-position: center top;	}	.flickerplate ul.flicks li .flick-inner {		bottom: -285px!important;	}}




/* ADDED BY CACTUAR FOR HALLAMAHONA */



label.error { color: #f00; font-weight:normal; }

.loading { display:none; font-size:15px !important; }



.paging-loading { display:none; }



.content * {

	font-family:'Roboto Light' !important;

	overflow:hidden !important;

}



.content img, .content-img img {

	max-width:100% !important;

	height:auto !important;

}	



.msg {

	border:thin solid #0f0;

	font-weight:bold;

	display:none;

	margin:10px 0px;

	padding:20px 10px;

}



.msg.msg-err {

	border:thin solid #f00;

}



.single-line {

	line-height:110%;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}



.paging-con {

	min-height:60px;

}



.grayscale img:hover {

	filter:none;

	-webkit-filter:none;

}



.mosaicflow img {

	max-width:500px;

	height:auto;

}



.mosaicflow__column {

	padding:0px 5px;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}



.mosaicflow__column img {

	cursor:pointer;

	display:block;

	margin-bottom:10px;

}



.lic-plus-area .loading {

	padding-top:25px;

}



label.error {

	font-size:90% !important;

	text-transform:none !important;

	width:100% !important;

}
.copyright a {
    color: #da4968;
   font-weight: bold;
}