/* Version:1.0  Author: Amy 
  Create Date:2019-12-19
  Update Date:2021-03-24 Amy
  Desc : About Us Common CSS */  
body{background-color: #fff;}
.osano-cm-widget { display: none; }
.author{margin-right: 3%;}
.authordate{margin-top: 1%;}
.newsModel{}
.newsBlockTitle,.newsBlockLeftYear,.newsBlockLeftDate{color: #333;}
.newsContentBlock a{color: #333;}
.yearContainer{ width:26%;  position:relative; margin-bottom: 6%;}
.yearSelect{width: 100%; border: 1px solid #999; border-radius: 5px; padding: 1%; margin-top: 15%; cursor:pointer; background:url("../images/icons/italkbbtv_icons_tbuttonArrowDown.png") no-repeat 90% center;  background-size:7.5%;}
.yearRightArrow {margin-bottom: 0; text-align: center;}
.yearText {padding-left: 9%; margin-bottom: 0; padding-top: 1.5%; padding-bottom: 1.5%;}
.otherYear {position: absolute; width: 100%; display: none; z-index: 1000; max-height: 1000%; overflow-y: auto;}
.otherYearText{padding: 5% 0; padding-left: 11%; margin-bottom:0; border-bottom: 1px solid #ccc; cursor:pointer; background-color: #f5f5f5;}
.otherYearText:hover{background-color: #333; border:1px solid #333; color:white; transition:all, 0.5s;}
.otherYear div{float: none; width: 100%;}

.newsBlock{margin-bottom: 6.5%; padding-bottom: 6%; border-bottom: 1px solid #ddd;}
.newsBlockLeft,.newsBlockSpace,.newsBlockRight{float:left;}
.newsBlockLeft img{width: 100%; margin-bottom: 5%; border-radius: 5px;}
.newsDate{width: 100%; text-align: center;}
.newsBlockLeft{width:28%;}
.newsBlockSpace{width: 8%;border: 0;}
.newsBlockRight{width:64%;}
.newsBlockRightText{}
.newsBlockTitle{margin-bottom: 4%; margin-top: -1.3%;}
.newsBlockLeftYear{margin-bottom:0;}
.newsBlockLeftDate{font-size:50px; padding-top: 5%; margin-bottom:0;}
.newsBlockLast{border-bottom:0;margin-bottom: 3%; padding-bottom: 0;}



.conItem img.inside{margin: 0 auto; width: 60%; margin-bottom: 4%; border-radius: 5px;}
.conItem img.inside100{margin: 0 auto; margin-bottom: 4%; width: 100%; border-radius: 5px;}
.imgCenter{width: fit-content !important;}
.conItem img.inside100notes{margin-bottom: 2.5%;width: 100%; border-radius: 5px;}
.newsTitle{color: #333; text-align: center; margin-bottom: 4%;}
.newsTitle h1{margin-bottom: 3%; text-align: center;}
.newsTitle h4,.newsTitle .social-share{text-align: right;}
.newsTitle h4{color: #444; font-weight: 400; padding-right: 1%;}
.social-share .social-share-icon{width: 36px; height: 36px; line-height: 36px;}
.listReturn{margin-top: 7%; margin-bottom: 6%}
.listReturn .list{float: left; width: 50%;}
.listReturn .return{float: right; text-align: right; width: 50%;}
.list .line{color: #bbb; padding: 0 5%;}


.moviesModel img{width: 100%; border-radius: 5px; margin-top: 2%; margin-bottom: 2.5%;}
.moviesTitle{color: #333;}
.moviesTitle .date{padding-left: 2%;}
.moviesModel .more{color: #f95762; margin-top: 1.5%;}

.contentModel .blogCon,.contentModel .bolgOther{float: left;}	
.contentModel .blogCon{width: 73%; padding-right: 12%}
.contentModel .bolgOther{width: 25%; padding-top: 2.2%;}
.blogCon .conItem p{margin-bottom: 4.5%; margin-top: 4.4%;}
.blogCon .conItem img.inside{margin-bottom: 5%; margin-top: 4.9%;}
.blogCon .conItem img.inside100{margin-bottom: 5%; margin-top: 4.9%;}
.blogTitle h1{text-align: left;}
.bolgOther{margin-bottom: 12%;}
.bolgOther .otherTitle{margin-bottom: 0;}
.bolgOther img{border-radius: 5px; margin-top: 8%; margin-bottom: 4%;}
.bolgOther a{text-decoration:none; color: #333;}
.bolgOther a:hover,.bolgOther a:focus{ text-decoration:none;color: #f95762;}
.contentTitle{margin-top: 10%;}
.mgnTitle{margin-top: 8%; margin-bottom: 4.9%;}

.appDownLoads{margin: 0 auto; width: 50%; margin-bottom: 5.6%;}
.conItem p.appText{text-align: center; color: #333; margin-bottom: 8%;}
.appLeft,.appRight,.appSpace{float: left;}
.appLeft img{margin-top: 0;}
.appSpace{width: 12%;}
.appLeft{width:46%;}
.appRight{width:42%; padding-top: 5.2%;}
.appRight p{padding: 16% 0; margin-bottom: 20%;}
.appRight p.apple{background:url("../images/icons/italkbbtv_icons_button_frontAppStore.png") no-repeat center center;  background-size:100%;}
.appRight p.google{background:url("../images/icons/italkbbtv_icons_button_frontGooglePlay.png") no-repeat center center;  background-size:100%;}
.faqModel{margin-bottom: 3%;}
.faq p{float: left; margin-bottom: 0;}
.faq p:first-child{width: 3.5%; text-align: right;}
.faq p:last-child{width: 96.5%;}

.termsList{margin-top: -2%; margin-bottom: 3.2%;}
.listModel{display: table; width: 100%; margin-bottom: 1.3%;}
.listModel div {display: table-cell;  word-wrap: break-word;}
.listLeft{width: 2%;}
.listRight{width: 98%;}

.careerModel{padding-bottom: 3%;}
.careerItemFrist{border-top: 1px solid #ddd;}
.careerItem{float: left; width: 100%; border-bottom: 1px solid #ddd; padding: 2.5% 0;}
.careerContent{padding-top: 5%; padding-bottom: 2%;}
.careerTitle {line-height: 2; background: url(../images/icons/careerPlus.png) no-repeat top left; background-size: 2.9%; padding-left: 4.5%; background-position: 0 45%; cursor: pointer;}
.careerMinus{line-height: 2; background: url(../images/icons/careerMinus.png) no-repeat top left; background-size: 2.9%; padding-left: 4.5%; background-position: 0 45%; cursor: pointer; color: #333; font-weight: bold;}
.careerDeliver{margin-bottom: 8%;}


/* feedBack menu styles begin */
.fbmenuCon{margin: 0 auto; width: 60%; padding-top: 1.2%;}
.fbmenuBox{width: 101.1%;}
.fbmenuBox a,.fbmenuBox a:link,.fbmenuBox a:visited{color: #222;}
.fbmenuBtn{float: left; text-align: center; margin-right: 4%; border: 1px solid #d74e56;line-height: 200%;cursor: pointer; box-shadow: inset 0 0 0 0 #d74e56; -webkit-transition: all ease .9s;  -moz-transition: all ease .9s;}
.fbmenuBtn:last-child{ margin-right:0;}
.fbmenuBtn:hover,.fbselected,.fbmenuBtn:visited{color:white;box-shadow: inset 450px 0 0 #d74e56;}
.fbmenuBox2 .fbmenuBtn{ width: 47.96%;}
.suggestionsBox{padding-top: 5%;}
.contentSuggestionsCon{display: none;}
/* feedBack menu styles begin */	

/* feedback */
.feedBackModel{margin-bottom: 7%; padding-bottom: 0;}
.feedBackModel input.text18,.hs-button{background: #333; color: #fff; border: 0; border-radius: 20px; padding: 0.5% 6%; cursor:pointer;}
.hs-input{margin-top: 3%; margin-bottom: 4.5%; width: 100%; border-radius: 5px; border: 2px solid #ccc; padding: 15px 18px; font-family: 'Noto Sans SC', sans-serif; color: #444;}
textarea.hs-input{height: 200px;}


/* cooperate */
.cooprateModel{margin-bottom: 7%; padding-bottom: 0;}
#firstname-c15bc479-7f95-40a6-b117-06f51f58f684,
#lastname-c15bc479-7f95-40a6-b117-06f51f58f684,
#email-c15bc479-7f95-40a6-b117-06f51f58f684,
#company-c15bc479-7f95-40a6-b117-06f51f58f684,
#message-c15bc479-7f95-40a6-b117-06f51f58f684{width: 100%; border-radius: 5px; border: 2px solid #ccc; padding: 15px 18px; margin-top: 1.5%; margin-bottom: 4%; font-family: 'Noto Sans SC', sans-serif; color: #444;}
.hs-button{margin-top: 2.5%;}

@media (max-width:1300px) {
    
}

@media (max-width: 1200px) and (min-width: 768px){   	
	.conItem p.appText{margin-bottom: 6%;}
	
	.careerModel{padding-bottom: 5%;}
	.careerContent{padding-top: 3%; padding-bottom: 0;}
	.careerTitle,.careerMinus{background-size: 2%; padding-left: 3%; background-position: 0 46%;}
	.careerDeliver{margin-bottom: 10%;}
}

@media (max-width:767px) {  
	.authordate{text-align: center; margin-top: 2.5%;}
	.yearContainer{width:100%; margin-bottom: 12%;}
	.yearSelect{background-size:6%;}
	.newsModel{padding: 0 7%;}
	.newsBlock{margin-bottom: 12.5%; padding-bottom: 12%;}
	.newsBlockLeft,.newsBlockRight{float: none; width: 100%;}
	.newsBlockLeft{margin-bottom: 8%;}
	.newsBlockLeft img{margin-bottom: 5%;}
	.newsBlockSpace{display: none;}
	.newsBlockLast{margin-bottom: 1.5%;}
	.newsBlockRightText .showM,.newsTitle .showM,.appText .showM{display: inline;}
	
	.conItem img.inside{margin-bottom: 6%; width: 100%;}
	.conItem img.inside100{margin-bottom: 6%;}
	.conItem img.inside100notes{margin-bottom: 4%;}
    .newsTitle{margin-bottom: 5.5%;}
	.newsTitle h1{margin-bottom: 5%;}
	.newsTitle h4{padding-right: 0;}
	.newsTitle h4,.newsTitle .social-share{text-align: center;}
	.social-share .social-share-icon{width: 30px; height: 30px; line-height: 30px;}
	
	.moviesModel img{margin-top: 5%; margin-bottom: 5.5%;}
	.moviesTitle .date{display: block; font-weight: normal; margin-top: 1%;}
	.moviesTitle,.moviesTitle .date{text-align: center;}
	.moviesModel .more{margin-top: 3%;}
	
	.contentModel .blogCon,.contentModel .bolgOther{float: none; width: 100%;}
	.contentModel .blogCon{padding-right: 0;}
	.blogCon .conItem p{margin-bottom: 6.5%;}
    .blogCon .conItem img.inside{margin-bottom: 7%; margin-top: 6.9%;}
    .blogCon .conItem img.inside100{margin-bottom: 7%; margin-top: 6.9%;}
	.imgCenter{width: 100% !important;}
	.bolgOther img{margin-top: 12%; margin-bottom: 4%;}	
	.mBolgOther .otherCon{float: left; width: 50%;}
	.mBolgOther .left{padding-right: 2.5%;}
	.mBolgOther .right{padding-left: 2.5%;}
	.mgnTitle{margin-top: 11%; margin-bottom: 7.2%;}
	
	.appDownLoads{width:100%; margin-bottom: 6.5%;}
	.appRight{width: 54%; margin-left: 23%; padding-top: 0;}
	.appRight p{margin-bottom: 18%;}
	.faqModel{margin-bottom: 5%;}
	.faq p:first-child{width: 8%;}
    .faq p:last-child{width: 92%;}	
	
	.termsList{margin-top: -3%; margin-bottom: 5.5%;}
	.listModel{margin-bottom: 3%;}
	.listLeft{width: 4%;}
    .listright{width: 96%;}
	
	.careerModel{padding-bottom: 10%; margin-top: 12%;}
	.careerTitle,.careerMinus{background-size: 4.8%; padding-left: 8%; background-position: 0 45%;}
	.careerDeliver{margin-bottom: 20%;}
		
	
	/* feedback */
	.fbmenuCon{width: 80%;}
	.fbmenuBtn{margin-right: 6%;}
	.fbmenuBox2 .fbmenuBtn{ width: 46.96%;}
	.suggestionsBox{padding-top: 8%;}
    .feedBackModel{margin-bottom: 18%; padding-bottom: 0;}
	.feedBackModel input.text18,.hs-button{padding: 0.8% 8%; font-size: 3.65vw;}
	.hs-input{margin-top: 4%; margin-bottom: 6.5%; padding: 2.5% 3%; font-size: 3.65vw;}
	textarea.hs-input{height: 250px;}
	
	/* cooperate */
    .cooprateModel{margin-bottom: 18%; padding-bottom: 0;}
    #firstname-c15bc479-7f95-40a6-b117-06f51f58f684,
    #lastname-c15bc479-7f95-40a6-b117-06f51f58f684,
    #email-c15bc479-7f95-40a6-b117-06f51f58f684,
    #company-c15bc479-7f95-40a6-b117-06f51f58f684,
    #message-c15bc479-7f95-40a6-b117-06f51f58f684{padding: 2.5% 3%; margin-bottom: 4%;}
	.hs-button{margin-top: 3%;}
   
}