/*=============================================================================================	
    Company    : PT Web Architect Technology - webarq.com
    Document   : MediaQuery 1024
    Author     : Rizki Nida Chaerulsyah - akuiki.net
==============================================================================================*/

/* structure
----------------------------------------------------------------------------------------------*/
.wrapper{width: 728px;}
.std_btn {
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    width: auto;
    padding: 0 25px;
    height: 34px;
    font-size: 15px;
    background: #1b1e49;
    color: #FFF;
    margin: 10px auto 0;
    text-align: center;
    line-height: 32px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
section h2 {font-size: 27px;}

/* header
----------------------------------------------------------------------------------------------*/
header .logo {margin: 12px 20px 13px 0;}
header .search {width: 400px;}
header .search input[type=text] {width: 360px;}
header .menu li a{font-size: 16px;padding: 0 35px 0 10px;}

/* middle
----------------------------------------------------------------------------------------------*/
.banner {position: relative;overflow: hidden;}
.banner .pager {text-align: center;padding: 15px 0 0 0;}
.banner .pager a.box{
    float: none;
    background: #959595;
    display: inline-block;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    padding: 0 ;
    margin:  0 3px;
    border-radius: 100%;
	min-height: 0;
    border:none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.banner .pager a.box.active{background:#1b1e49}
.banner .pager a.active:after{display: none;}
.banner .pager a.box:first-child{margin: 0 5px}

.feature_product .list .box {width: 343px;height: 215px;}
.feature_product .list .box .image {width: 180px;height: 215px;}
.feature_product .list .box .desc {width: 140px;}
.feature_product .list .box .desc h5 {font-size: 18px; height: 44px; line-height: 24px; word-break: break-all; overflow: hidden; }
.feature_product .list .box .desc p {font-size: 12px;line-height: 16px; overflow: hidden; height: 48px;}

.list_promo .box, .sale_promo .list_sale .box {width: 172px;height: 193px;margin: 0 10px 15px 0;}
.list_promo .box h5, .sale_promo .list_sale .box h5 {font-size: 14px;padding: 10px 5px;}
.list_promo .box.big { width: 356px;height: 398px;}

.list_promo .left {width: 359px;}
.list_promo .left .box {margin: 0 10px 10.5px 0;}

.member_card .wrapper .img_right{width: 440px;}
.member_card .wrapper p {font-size: 13px;line-height: 16px;width: 255px;}
.member_card .wrapper a.std_btn {font-size: 14px;width: 140px;}

.product_category .box {width: 352px;height: 206px;}

.buildnow .right {width: 324px;padding: 0 0 0 40px}
.buildnow .left {width: 364px;}


.list_promo.type_2 .box.big .image.vid {width: 96%;}
.list_promo.type_2 .box .image {width: 94%;}
.list_promo.type_2 .box .image img{max-width: none;}

.buildstart .img_left {left: -30px;}
.buildstart .right {width: 290px;margin: 40px 0;}
.buildstart p {font-size: 14px;line-height: 20px;}
.buildstart h2 {font-size: 36px;margin: 0 0 10px;}


.std_content .side_nav {width: 200px;}
.std_content .side_nav .nav li a {font-size: 12px;}
.std_content .side_nav .nav li.active ul a, 
.std_content .side_nav .nav li ul a{font-size: 12px;}

.std_content .content {width: 510px;}

.shops .product_category .list .box {width: 508px;height: 240px;}
.shops .product_category .list .box img{min-width: 100%}

.std_content .content .list_product .box {width: 243px;height: 420px}
.std_content .content .list_product .box .image {width: 100%;height: 195px}
.std_content .content .list_product .box .image img{min-width: 100%;}
.std_content .content .list_product .box:nth-child(3n+0) {margin-right: 20px;}
.std_content .content .list_product .box:nth-child(2n+0) {margin-right: 0px;}
.std_content .content .list_product .box .price_btn a {font-size: 17px;width: 120px;height: 35px;line-height: 35px;}

.std_content .content .bar_filter label {font-size: 15px;}

.paging .total {font-size: 15px;line-height: 25px;}

.cart_added .desc {width: 530px;}
.cart_added .desc .title {width: 390px;margin: 0 0 50px 0;}

.product_det .images .large {width: 478px;height: 300px;margin-bottom: 20px}
.product_det .images .thumb {width: 100%;text-align: center;}
.product_det .images .thumb a{display: inline-block;margin:0 12px}
.product_det .desc .right {width: 160px;}
.product_det .desc .left {width: 300px;}
.product_det table th {width: 180px;}

.std_content .list_product.news_article .box,
.std_content .list_product.other_product .box {width:154px;height: 190px;}
.std_content .list_product.news_article .box:nth-child(2n),
.std_content .list_product.other_product .box:nth-child(2n){margin-right:20px;}
.std_content .list_product.news_article .box:nth-child(3n),
.std_content .list_product.other_product .box:nth-child(3n){margin-right: 0;}
.std_content .list_product.news_article .box .image,
.std_content .list_product.other_product .box .image{height: 135px;}
.std_content .list_product.news_article .box h5,
.std_content .list_product.other_product .box h5{font-size: 12px;line-height: 15px;}
.std_content .list_product.news_article .box{height:210px }

.list_news .box.big {width: 725px;height: 395px;}
.list_news .box.big .image {width:100%;height: 224px;}
.list_news .box.big .image img{min-width: 100%}

.list_news .box {width: 351px;height: 361px;margin-bottom: 20px}
.list_news .box:nth-child(3){margin-right: 0;}
.list_news .box:nth-child(5){margin-right: 0;}
.list_news .box:nth-child(9){margin-right: 0;}
.list_news .box:nth-child(13){margin-right: 0;}
.list_news .box:nth-child(15){margin-right: 0;}
.list_news .box .image {width: 100%;}
.list_news .box .image img{min-width: 100%;}
.list_news .box .desc h5 {height: 45px; overflow: hidden;}
.list_news .box .desc p {height: 60px; overflow: hidden;}

.news_detail .image.thumb img {margin: 0 19px 19px 0;}
.news_detail .image.thumb img:nth-child(4){margin-right: 0}
.list_promo.type_3 .box.big {height: 340px;}
.list_promo.type_3 .box.big p {font-size: 12px;}
.list_promo.type_3 .box {height: 163.5px;}

.member_card2 .sec_1 .image img{width: 296px;}
.member_card2 .sec_1 h2 {font-size: 27px;}
.member_card2 h2, 
.member_card2 p {max-width: 365px;}
.member_card2 p {line-height: 24px;font-size: 16px }

.member_card2 .sec_2, .member_card2 .sec_2 .bg {height: 780px;}
.member_card2 .sec_2 h2 {font-size: 27px;line-height: 30px;}
.member_card2 h2, 
.member_card2 p {max-width: 445px;}

.member_card2 .sec_3, .member_card2 .sec_3 .bg {height: 703px;}
.member_card2 .sec_3 h2 {font-size: 27px;line-height: 31px;}
.member_card2 .sec_3 h2 ,
.member_card2 .sec_3 p{max-width: 360px}
.member_card2 .sec_3 .bg img{width:415px;}
.member_card2 .sec_3 a.std_btn, 
.member_card2 .sec_4 a.std_btn {font-size: 21px;width: 210px;height: 40px;line-height: 39px;}

.member_card2 .sec_5 {height: 1010px;}
.member_card2 .sec_5 h2, .member_card2 .sec_4 h2 {font-size: 30px;padding: 120px 0 25px;line-height: 36px;}
.member_card2 .sec_5 .link {margin: 100px 0 70px;}
.member_card2 .sec_5 .link a {display: inline-block;width: 149px;}

.about .sec_2 { height: auto; text-align: center; }
.about .sec_2 h2.ico { padding-top: 65px; margin-top: 50px; font-size: 36px; line-height: 40px; background-size: 60px; }
.about .sec_2 .year { font-size: 30px; }
.about .sec_2 p { font-size: 14px; line-height: 21px; text-align: left; }
.about .sec_2 a.std_btn { width: 300px; margin-top: 40px; margin-bottom: 35px; }

.std_content .note p {font-size: 16px;}
.std_content .accord_career span {margin-right: 40px;}
.list_Career .acc_career .title_acc span.poss {margin-right: 8px;}
.list_Career .acc_career .title_acc span.loca {margin-right: 72px;}
.list_Career .acc_career .title_acc {padding: 30px 20px;}

.about .sec_1 .bg img{margin-top: 60px}
.about .sec_1 h2 {font-size: 60px;}

.about .sec_3, .about .sec_3 .bg{height: 915px}
.about .sec_3 h2,
.about .sec_3 p{width: auto;max-width: none}

.about .sec_4 .circle {
    margin: 40px auto;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}
.about .sec_6 p {padding: 0 20px;}
.about .sec_6 .link {text-align: center;}
.about .sec_6 .link a {float: none; display: inline-block;margin-bottom: 50px}

.about .sec_4, 
.about .sec_4 .bg {height: 960px;}

.about .sec_5 .wrapper .left,
.about .sec_5 .wrapper .right{float: none;text-align: center;display: block;width: 100%}
.about .sec_5 .wrapper h2{text-align: center;font-size: 45px;}
.about .sec_5 .wrapper h2 br{display: none;}
.about .sec_5 .wrapper .right p{text-align: center;}
.about .sec_5 .wrapper .right {padding: 0px 0 20px 0;}
.about .sec_5 .wrap_circle .circle .box .text {
    top: -55px !important;
    bottom: auto !important;
    text-align: center !important;
    left: -12px !important;
}
.about .sec_5 .wrap_circle {
    position: relative;
    width: 100%;
    padding: 0 0 36.5px 0;
    margin: 100px 0 0 0;
    background-size: 1544px auto;
}
.member_card2 .sec_5 {height: 970px;}
.about .sec_5 .wrap_circle .circle {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}
.about .sec_6 {height: 900px;}
.about .sec_6 h2 {padding: 100px 0 20px;}
.about .sec_6 .link {margin: -25px 0 15px;}

.std_content .form_bask form .column {float: left;width: 330px;}
.std_content .form_bask form .column.right {width: 330px;}
.std_content .form_bask form .column.right input[type="text"] {width: 310px;}
.std_content .form_bask form .row .column.multi input[type="text"] {width: 209px;}
.std_content .form_bask form .column input[type="text"],
.std_content .form_bask form .column textarea {width: 307px;}
.std_content .form_bask form .column.full textarea {width: 664px;}
.std_content .form_bask form .column.right .day .cover_combo select {width: 70px;}
.std_content .form_bask form .column.right .month .cover_combo select {width: 85px;}
.std_content .form_bask form .column.right .year .cover_combo select {width: 70px;}
.std_content .form_bask form .column.right label {
    display: inline-block;
    font-size: 14px;
    color: #646464;
    font-style: italic;
    vertical-align: middle;
    margin-right: 20px;
}
.std_content table.tbl_bask tbody td:first-child {width: 550px;}
.std_content table.tbl_bask tbody td h3, .std_content table.tbl_bask tbody tr:last-child td:last-child h3 {font-size: 17px;}
.std_content .list_locator ul li {width: 325px;margin-bottom: 50px}
.std_content .list_locator ul li:nth-child(3n){margin-right: 35px}
.std_content .list_locator ul li:nth-child(2n){margin-right: 0}
.std_content form.reward .row input[type="submit"], .std_content form.cont_form .column input[type="submit"] {padding: 0 25px;}

.benefit {width: 100%;}
.benefit .dec_hover{  max-width: 660px;}
.benefit .dec_hover._2:after{left: 265px;}
.benefit .dec_hover._3:after{left: 500px;}
.benefit .dec_hover._4:after{left: 20px;}
.benefit .dec_hover._5:after{left: 265px;}
.benefit .dec_hover._6:after{left: 500px;}
.benefit .dec_hover._7:after{left: 20px;}
.benefit .dec_hover._8:after{left: 265px;}
.benefit .dec_hover._9:after{left: 500px;}
.benefit .dec_hover._10:after{left: 20px;}
.benefit .dec_hover._11:after{left: 265px;}
.benefit .dec_hover._12:after{left: 500px;}

.news_detail .image.youtube iframe {
    width: 100%;
    height: 385px
}
/* footer
----------------------------------------------------------------------------------------------*/
footer .cbottom .logo {width: 160px;margin: 25px 30px 25px 0;}
footer .cbottom .findus{width: 235px;}
footer .cbottom .nav {width: 130px;padding: 30px 0px 17px 20px;}
footer .cbottom .copy{text-align: center}
footer .cbottom .copy .left,
footer .cbottom .copy img{display:inline-block;float: none;}
footer .cbottom .copy img{margin-top: 10px}