@import url(../fonts/fonts.css);
*{margin: 0 auto; padding: 0; outline: none;text-decoration: none;}
ul, ol{padding: 0;}
li{list-style: none;}
a:hover{text-decoration: none;cursor:pointer;}
.container {width: 1200px;}
body{font-family: 'roboto_monoregular';}
.paln_content .header-title {font-weight:800;color:#3e3a3b;font-family:'poppinsmedium';margin-bottom:0px;}
.pinkclass {color:#ff1261 !important; line-height: 11px;border-right: 1px solid #757575; display: inline-block;padding-right: 9px; font-family: 'poppinsmedium'; font-size: 13px;}
/*=====       HEADER       =====*/

header{width: 100%; float: left; position: fixed; top: 0; left: 0;z-index: 99;}
.header_utility{width: 100%; float: left; background: #f5f5f5; padding: 11px 0 7px; height: 38px; transition: all 0.4s ease;}
.header_fixed .header_utility{height: 0; overflow: hidden; padding: 0;}
.header_utility ul li{width: auto; float: left;  margin-right: 12px;}
.header_utility ul li a{color: #757575; line-height: 11px;border-right: 1px solid #757575; display: inline-block;padding-right: 9px; font-family: 'poppinsmedium'; font-size: 13px;}
.header_utility ul li a:hover{color: #ff1261;}
.header_utility ul li:last-child a{border:none;}

.header_primary{width: 100%; float: left; background: #1f1a34; padding: 12px 0 8px;}
.logo{width: auto; float: left;}
.logo img{max-width: 190px;} 

.site_language{width: auto; float: right; padding: 20px 0 0 0;}
.btn_lag{background: none; border: none; padding: 0; margin: 0 5px;}

/*=====    END HEADER    =====*/


/*=====      BANNER      =====*/

.home_banner{width: 100%; height: auto; padding-top: 130px; float: left;}
.home_banner figure img{width: 100%; float: left;}
.banner_text{width: 100%; float: left; position: absolute; top: 210px; left: 0;}
.banner_text h1{color: #fff; margin: 0; font-size: 110px; font-weight: bold;font-family: 'poppinsbold'; text-transform: uppercase; line-height: 110px;}
.banner_text h1 span{color: #ff1261;}

/*=====    END HEADER    =====*/

/*=====    END HEADER    =====*/
/*=====    MIIDLE PART    =====*/

.home_plan{width: 100%; float: left; background: #fafafa; padding: 28px 0 0 0;}
.plan_head{width: 100%; float: left; text-align: center;}
.plan_head h5{color: #000000; font-size: 20px; font-family: 'roboto_monobold'; word-spacing: 3px; margin-bottom: 18px;}
.plan_head ul{display: flex; justify-content: space-between;}
.plan_head ul li{width: auto;}
/*=====    No right border on CN page    =====*/
.plan_head ul li p{color: #000000; font-size: 20px; border-right: none; line-height: 19px; font-family: 'roboto_monobold'; padding-right: 25px;}
.plan_head.cn-top-list ul li p { padding-right: 65px; }
.plan_head.cn-top-list ul li:first-child p{ padding-left: 40px; }
.plan_head ul li:last-child p{border-right: none;}

.paln_list{width: 100%; float: left; padding-bottom: 70px;}
.grid-sizer{width: 33%; float: left;}
.grid-item{width: 33%; float: left; padding:17px;}
.paln_content{background: #fff; width: 100%; float: left; padding: 35px 30px 12px;}
.paln_content h5{color: #3e3a3b; text-transform: uppercase;font-family: 'roboto_monobold'; font-size: 20px; margin-top: 0; margin-bottom: 28px;}
.paln_content p, .paln_content div{color: #757575;font-family: 'poppinsmedium'; line-height: 25px; margin-bottom: 15px; word-wrap: break-word;}
.paln_content a{color: #757575;font-family: 'poppinsmedium'; line-height: 25px;}
.paln_content a:hover{color: #ff1261;}
.grid{width: 100%; float:left;}


/*=====    END MIIDLE PART    =====*/
/*=====       FOOTER       =====*/

footer{width: 100%; float: left; background: #1f1a34; color: #bfbfbf; padding: 40px 0 60px;}
.footer_logo{width: 100%; float: left; padding-top: 15px; margin-bottom: 25px;}
.footer_logo img{width: 100%; max-width: 290px;}  
.footer_middle{width: 100%; float: left; max-width: 305px;}
.footer_middle a{color: #fff; font-size: 13px; font-family: 'Roboto', sans-serif;font-weight: 700; margin-bottom: 35px; display: inline-block; width: 100%;}
footer h6{color: #fff; font-weight: bold; font-size: 13px; font-family: 'Roboto', sans-serif;font-weight: 700; margin-bottom: 25px;}
footer p, footer span{font-size: 12px; font-family: 'poppinsmedium'; line-height: 25px;}
footer span{display: block; font-weight: bold;}
.footer_right{width: 100%; float: left;}
.contact_item{width: 100%; float: left; margin-top: 10px; margin-bottom: 8px;}
.contact_item a{font-size: 12px; font-family: 'poppinsmedium'; color: #bfbfbf; word-wrap: break-word;}
footer a:hover, .contact_item a:hover{color: #ff1261;}
.footer_twitter a {font-size: 14px; font-family: 'poppinsmedium'; line-height: 25px;color:#ff1261;cursor:pointer;}
.footer_twitter a:hover {text-decoration:none;}
.footer_twitter img {width:16px;}
/*=====     END FOOTER     =====*/



/*=====     MEDIA QUERY     =====*/

@media screen and (max-width: 1230px) {

    .container{width: 100%;}
    .banner_text h1{font-size: 90px;}

}

@media screen and (max-width: 1024px) {
    
    .plan_head h5{font-size: 16px; wordr-spacing: 0px;}
    .plan_head ul li p{padding-right: 22px; font-size: 16px;}
    .banner_text h1{font-size: 80px;}
    
}

@media screen and (max-width: 899px) {
    
    .plan_head ul li p {padding-right: 8px; font-size: 15px;}
    .banner_text h1{font-size: 60px; line-height: 68px;}
    .plan_head.cn-top-list ul li p { padding-right: 45px; }

}


@media screen and (max-width: 767px) {
    
    .banner_text h1{font-size: 48px; line-height: 48px;}
    .banner_text{top: 180px;}
    .header_utility ul li a{font-size: 11px;}
    .plan_head h5 {font-size: 14px;line-height: 20px;}
    .plan_head ul{display: inherit;}
    .plan_head ul li p{border-right: none; font-size: 13px;}
    .plan_head.cn-top-list ul li:first-child p{ padding-left: 0px; }
    .grid-sizer{width: 100%;}
    .grid-item{width: 100%; position: inherit !important; top: inherit !important; left: inherit !important; }
    .grid{height: inherit !important;}
    footer .col-xs-12{max-width: 320px;float: none;margin: 0 auto;}
    
    
}

@media screen and (max-width: 567px) {
    
    .banner_text{top: 190px;}
    .banner_text h1{font-size: 28px; line-height: 32px;}
    .header_utility ul li{width: 100%; text-align: center;}
    .header_utility ul li a{border: none; padding-right: 0;}
    .header_utility{padding: 6px 0 4px;height: 73px;}  
    .grid-item{padding: 0; margin-bottom: 25px;}
    .paln_content{padding: 30px 15px 12px;}
    .plan_head{margin-bottom: 20px;}
    .home_banner{padding-top: 166px;}
    .plan_head.cn-top-list ul li p { padding-right: 25px; }
    
    
}

@media screen and (max-width: 479px) {
    
    .logo img{max-width: 150px;}
    .site_language{padding-top: 14px;}    
    .contact_item a{word-wrap: break-word;}
    .paln_content p{font-size: 13px;}
    .banner_text h1 {font-size: 26px;line-height: 24px;}
    .home_banner {padding-top: 150px;}
    

    
}

@media screen and (max-width: 320px) {
    
    
    .container .col-md-12 {padding-right:0px;padding-left:0px;}

    
}