@import url('https://fonts.googleapis.com/css?family=Oswald');
body{ background:#fff url(../images/bg_body.png) 0 0;}
a{text-decoration:none; color:#111}
a:hover{ color:#000}
img{max-width:100%;width:auto;height:auto;}
.wrap{ width:1140px; margin:0 auto}



.columns12, .columns23,.columns123{display:table; width:100%}
.columns12 > *, .columns23 > *,.columns123 > *{display:table-row}
.columns12 > * > *,.columns23 > * > *,.columns123 > * > *{ vertical-align:top; display:table-cell}
.columns12.vam > * > *,.columns23.vam > * > *,.columns123.vam > * > *{ vertical-align:middle}

.col-2{width:72%; box-sizing:border-box}
.col-1,.col-3{ width:28%; box-sizing:border-box}
.columns12  .col-1{ width:25%; padding-right:20px}
.columns12  .col-2{ padding-left:20px}
.columns123 .col-2{width:44%; box-sizing:border-box}
.col-2 {padding:0 16px;}
.col-3 { text-align:right}
.columns12 >*> .col-2{padding-right:0;}
.columns23 >*> .col-2{padding-left:0;}


.columns123 .col-1,.columns123 .col-2,.columns123 .col-3{ width:33%; padding-left:10px; padding-right:10px; border-right:1px dashed #ddd; text-align:left}
.columns123 .col-1{padding-left:0}
.columns123 .col-3{padding-right:0; border-right:0}

.columns12 .col-1{border-right:1px solid #ddd;}

.columns23.width70>*> .col-2{ width:70%; padding-right:25px; border-right:1px solid #ddd;}
.columns23.width70>*> .col-3{ padding-left:25px; width:auto}

.columns23.width50>*> .col-2{ width:50%; padding-right:10px;}
.columns23.width50>*> .col-3{ padding-left:10px; width:auto; text-align:left}

.columns23.width63>*> .col-2{ width:63.1%;}
.columns23.width63>*> .col-3{ width:auto}

.columns23.width69>*> .col-2{ width:69%;}
.columns23.width69>*> .col-3{ width:auto; text-align:left}
header .columns12 .col-1{ border-right:0; width:33%}
header .columns12 .col-2{ width:67%}

#middle{ margin:22px auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); padding:27px 25px; position:relative;z-index:1 }
/* .heading1{ border-bottom:3px solid #333; text-transform:uppercase; font-family:'Oswald', sans-serif;margin-bottom:20px} */
.heading1{ border-bottom:3px solid #333; text-transform:normal; font-family:'Oswald', sans-serif;margin-bottom:20px}
.heading1 h1,.heading1 h3{font:300 24px/1.5em 'Oswald', sans-serif; display:inline-block;}
.heading1 a{ float:right; margin-top: 10px; font-weight:bold }

/* .heading2{text-transform:uppercase; font-family:'Oswald', sans-serif;position:relative;text-align:center; margin:45px 0 20px;} */
.heading2{text-transform:normal; font-family:'Oswald', sans-serif;position:relative;text-align:center; margin:45px 0 20px;}
.heading2:after{ height:1px; width:100%; content:''; background:#333; position:absolute; bottom:14px; left:0}
.heading2:before{ height:3px; width:100%; content:''; background:#333; position:absolute; bottom:17px; left:0}
.heading2 h1, .heading2 h3{font:300 24px/1.5em 'Oswald', sans-serif; display:inline-block;  background:#fff; padding:0 7px; z-index:2;position:relative; width:auto !important}
.heading2.h-left{text-align:left; padding-left:20px; margin:0 0 20px;}





#middle .columns23 section{ margin-bottom:25px}
#middle .columns23 section:last-child{ margin-bottom:0}

.slider-effect a img{filter:sepia(0); transition:all .5s ease; border:1px solid #ccc; width:100%; height:auto;}
.slider-effect figure{ line-height:0}
.slider-effect a:hover img{ filter:sepia(40%)}
.caption-bg{ background:#000; background:rgba(0,0,0,.8); position:absolute; left:1px; bottom:0; width:100%; width:calc(100% - 2px); padding:15px 20px 15px; color:#fff; transition:all .5s ease-out}
.col-3 .caption-bg{ padding:10px}
.col-3 .slider-effect:hover .caption-bg{ padding-bottom:20px}
.caption-bg h3,h3, h1,h4{ font:15px/1.4em 'Oswald', sans-serif;}
.news-slider .caption-bg h3 .xxxlarge{ font-size:1.2em}

.caption-bg p{ color:#ccc}
.news-slider:hover .slider-effect .caption-bg,.video-slider:hover .slider-effect .caption-bg{ padding-bottom:25px}
.col-3 .caption-bg{ text-align:left}
.video-slider .caption-bg{ text-align:center}


.float-img { padding:6px 0; border-top:1px dashed #ddd;}
.float-img:first-child{ padding-top:0; border-top:0}
.float-img figure{ float:left; margin-right:10px; border:1px solid #ccc; line-height:0 }
.float-img h3{ font-size:15px; line-height:1.2em ; margin-bottom:8px; font-weight:500; margin-top:3px}

.video-slider + .col-3 div{ margin-bottom:13px;}
.video-slider + .col-3 div figure{ line-height:0}
.video-slider + .col-3 div img{ width:100%; height:auto}
.video-slider + .col-3 div:last-child{ margin-bottom:0}

/********THIN COLUMN LINKS********/
.tcl{line-height:1.2em; font-size:13px} 
.tcl .h2{ font:12px/1.5em 'Oswald', sans-serif; text-transform:uppercase; position:relative; padding-bottom:8px; margin-bottom:10px}
.tcl .h2:after{ width:80px; height:3px; background:#1189ce; content:''; position:absolute; bottom:0}
.tcl ul, .tcl li{margin:0;padding:0;list-style:none;}
.tcl ul ul{margin:5px 0 0 14px;}
.tcl li li{padding:4px 0;}

.tcl ul > li .plus{float:right;cursor:pointer;}
.tcl ul > li .plus:after{font-family:"Elusive-Icons";content:'\e829';}
.tcl ul > li .plus.act:after{font-family:"Elusive-Icons";content:'\e828';}
.tcl.divider ul > li:last-child{border-bottom:0;}

.tcl.float ul > li{float:left;}
.tcl.float.two li{width:50%; width:calc(50% - 10px); margin:10px; box-sizing:border-box}
.tcl.float.two li:nth-child(2n+1){ margin-left:0} 
.tcl.float.two li:nth-child(2n+2){ margin-right:0} 
 
.tcl.float.three li{width:33.3%; width:calc(33.3% - 14px); margin:10px; box-sizing:border-box}
.tcl.float.three li:nth-child(3n+1){ margin-left:0} 
.tcl.float.three li:nth-child(3n+3){ margin-right:0} 


.tcl.float.four li{width:25%;width:calc(25% - 9px); margin:0 6px; padding:10px 0; box-sizing:border-box}
.tcl.float.four li:nth-child(4n+1){ margin-left:0} 
.tcl.float.four li:nth-child(4n+4){ margin-right:0} 

.b2,.b3{font-weight:normal!important;margin-right:7px;float:left;line-height:1.3em;}
.b2:before,.b3:before{font-family:'Elusive-Icons';}

.b2:before{content:'\f12f'; font-size:10px}
.b3:before{content:'\f12f'; font-weight:normal}



figure{ position:relative}
/* figure:after{ content:''; display:table-cell; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/feature-pattern.png) 0 0; z-index:2000000; transition:all 1s ease-out}
figure:hover:after{ opacity:0} */
.listing figure{ float:left; width:260px}
.listing .list-detail{ font:14px/1.4em Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; overflow:hidden; padding-left:20px;}
.listing .button{ border:3px solid #666; text-transform:uppercase; font:bold 14px/1.5em 'Oswald', sans-serif; display:inline-block; padding:5px 17px}
.listing>ul> li{ margin-bottom:30px;  border-bottom:1px solid #ddd; padding-bottom:15px}
.listing li:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0}
.listing .news-slider figure, .listing .slider-effect figure{ position:relative; float:none; width:auto}


.picture-listing li{ margin-bottom:30px;  border-bottom:1px solid #ddd; padding-bottom:15px;font:14px/1.4em Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.picture-listing li:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0}

.sim-news li{background:#fcfcfc;border-radius:3px; box-shadow:0 0 5px rgba(155,155,155,.5); transition: all .2s ease-in}
.sim-news li:hover{ box-shadow:0 0 8px rgba(0,0,0,.4)}
.sim-news li>div{padding:10px 12px 18px;}
.sim-news li>div span{ margin-right:10px}
.sim-news li img{ width:100%; height:auto; display:inline-block; border-radius:3px 3px 0 0}
.news-list .highlight{ border-left:5px solid #999; padding:10px 18px;}
.news-list .like-video{ background:#dedede; border-radius:2px; padding:4px 8px; display:inline-block }
.news-list .columns23 .col-3 { text-align:right}
.news-list h3,.recharge h3{ font-size:22px}
.sim-news h4,.sim-news h3{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.video-listing .tcl{ position:relative; margin-top:-10px}
.video-listing .sim-news li{ padding-bottom:0; margin-bottom:20px}
.video-listing .sim-news li>div{ padding:7px 8px}
.icon-video,.icon-img{ position:relative; line-height:0}
.icon-video:before{content:""; background:url(../images/icon-video.png) center center no-repeat; position:absolute;  width:100%; height:100%; opacity:.7; transition:all .5s ease }
.icon-img:before{content:""; background:url(../images/icon-img.png) center center no-repeat; position:absolute;  width:100%; height:100%; opacity:.7; transition:all .5s ease; z-index:9 }
.icon-img:hover:before,.icon-video:hover:before{opacity:1}


.review>ul> li{ margin-bottom:40px;  border-bottom:1px solid #ddd; padding-bottom:25px}
.review>ul> li:last-child{ border-bottom:0; margin-bottom:0; padding-bottom:0}
.review-inner{ position:relative; margin-top:15px; cursor:pointer }
.review-inner img{width:100%; height:auto}
.review-content{ position:absolute; top:0; right:0; width:42%; height:100%; color:#fff}
.review-content>li{ background:rgba(0,0,0,.6);  height:32.8%; position:relative; left:100%; margin-bottom:2px; font-size:1.1em; padding:0 ; width:0; box-sizing:border-box; overflow:hidden; transition:all .2s ease-in }
.review-inner .review-content>li{ padding:15px; width:100%;left:0;transition:all .2s ease-in}
.review-inner:hover .review-content>li:first-child+li{transition:all .3s ease-in}
.review-inner:hover .review-content>li:last-child{transition:all .4s ease-in}
.review-content h3{ text-transform:uppercase; font-size:1.7em; line-height:1em; margin-bottom:5px}
.review .editr_r{position:absolute; width:108px; height:87px;  top:-50px; right:0}

.pagi{ display:inline-block; margin-top:20px; margin-bottom:10px}
.pagi li{ float:left; margin:0 2px}
.pagi li a{display: inline-block;padding:10px 12px;border-radius: 3px;border: solid 1px #d1d1d1;background: #f3f3f3;box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);color: #717171;text-shadow: 0px 1px 0px rgba(255,255,255, 1); }
.pagi .el{ font-size:13px}
.pagi li:hover a{background:#fefefe}
.pagi li.active a{border: none;background:#1189ce;box-shadow:inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); color:#fff; font-size:1.1em;padding:11px 14px; cursor:default} 

.alternative li{ text-align:center}
.alternative li li{ text-align:left}
.alternative figure{ border:1px solid #eee; text-align:center}
.alternative .bx-wrapper img{display:inline-block}
.alternative .columns12 .col-1{ width:40%; padding-right:5px}
.alternative .columns12 .col-2{ width:60%; padding-left:10px}
.alternative .xxxxlarge { font-size:1.3em; font-weight:bold}
.alternative  .ac-mb7px > *{ margin-bottom:4px}
.alternative p{ min-height:27px;padding-top:0}
.alternative .m3px{ margin-right:5px }
.alternative .mt3px{ margin-top:2px}

.news-list .columns123 .col-1{ width:30%}
.news-list .columns123 .col-2{ width:50%}.news-list .columns123 .col-3{ width:20%}
.editor-rating{ margin-top:20px}

.recharge li{background:#fcfcfc;border-radius:2px; box-shadow:0 0 5px rgba(155,155,155,.5); transition: all .2s ease-in; text-align:center}
.recharge li:hover{ box-shadow:0 0 8px rgba(0,0,0,.4); cursor:pointer}
.recharge li:hover .rec-logo img{filter:grayscale(0); transform:scale(1.08) }
.recharge .rec-detail{padding:10px 12px 18px; margin-top:40px; line-height:1.5em; min-height:70px}
.rec-logo{ background:#f1f1f1; position:relative; min-height:100px; text-align:center; padding:10px; margin:2px}
.rec-logo img{ width:60%; height:auto; position:relative; margin-bottom:-50px; border:1px solid #ddd; padding:3px; background:#fff; filter:grayscale(1); transition:all .5s ease}
.rec-footer{ background:#f1f1f1; padding:5px 10px}


 

.sel-des,.sel-sea{ position: relative;font:1.1em/1.5em 'Elusive-Icons';overflow: hidden; background-color: #fff;}
.sel-des:before,.sel-des:after,.sel-des.opera:before,.sel-sea.search1:before{ position:absolute; display:table-cell;line-height:0; top:50%; height:0}
.sel-des:before{ content:'\f1a7';left:8px}
.sel-des.opera:before{content:'\f211';left:8px}
.sel-des:after{ content:'\f12d'; right:15px; font-size:.8em;transition:all .2s ease}
.sel-des.icon-drop-down:after{ transform:rotate(180deg); transition:all .2s ease}
.sel-des select {background-color: transparent; background-image: none; -webkit-appearance: none;-moz-appearance: none; appearance: none; cursor:pointer; overflow:hidden;width:95%;  }
.sel-sea.search1:before{content:'\f1ee';left:8px}

.book-form select,.book-form input, .book-form button {width: 100%; min-height:48px}
.book-form input, .sel-des select{padding:12px 14px 12px 25px; box-sizing:border-box;border:none; font:16px/1.5em 'Open Sans'}
.book-form li{ border-left:1px solid #ddd; width:40%; float:left}
.book-form li:last-child{ width:20%}
.book-form .button{background:#1189ce; border:none ; padding:14px; font-weight:bold; color:#fff}


.recharge-plan>*>*>*{ border:1px solid #ddd; padding:15px 7px; line-height:1.2em	 }
.recharge-plan thead{ background:#eee; }
.recharge-plan tr:hover{background:#f9f9f9}

.social{ text-align:center; text-shadow:none}
.social li.share-count{ width:28%; padding-right:.7em; box-sizing:border-box }
.social li{float:left;  box-sizing:border-box; font-size:1em; margin-right:.5em; line-height:1.5em;}
.social li:last-child{ margin-right:0}
.social a{ display:block;padding:13px 10px 10px 13px; border-radius:.2em; color:#fff; box-shadow: inset 0px 2px 0px 0 rgba(255,255,255,.2), inset 0px -2px 0px 0 rgba(255,255,255,.1); transition:all .5s ease; box-sizing:border-box }
.social a:hover{border-radius:50%;box-shadow: inset 0px 2px 0px 0 rgba(255,255,255,.2), inset 0px -2px 0px 0 rgba(255,255,255,.1), 0 0 10px rgba(0,0,0,.6); color:#fff }
.social a:hover .el{ margin-right:0; transition:all .5s ease ;}
.social-num{ display:block;padding:.9em 0 .8em; border-radius:.2em; color:#fff; width:100%; position:relative;background:#666; border:1px solid #666; box-sizing:border-box}
.social-num:after{ content:''; border:.6em solid transparent; position:absolute; border-left-color:#666; right:-1.18em; top:10px; top:calc(50% - .6em);}
.social-num b{font-size:20px;}
.social .el{ font-size:20px; margin-right:1px; vertical-align:middle; position:relative ; margin-top:-5px}
.social .facebook-reg{ background:#294f9d; border:1px solid #294f9d}
.social .twitter-reg{ background:#2ba9e1; border:1px solid #2ba9e1}
.social .gplus-reg{ background:#f33c12; border:1px solid #f33c12}
.social .pinterest-reg{ background:#bd071d; border:1px solid #bd071d}
.social .instagram-reg{ background:#943586; border:1px solid #943586}
.social .whatsapp-reg{ background:#0dc143; border:1px solid #0dc143}
.social .youtube-reg{ background:#e52d27; border:1px solid #e52d27}
.el-whatsapp{ width:22px; height:22px; display:inline-block; background:url(../images/icon-whatsapp.png) no-repeat top left; vertical-align:middle; line-height:0; margin-top:-5px; position:relative}

.tags a{ background:#ddd; color:#666; text-shadow:1px 1px #eee; display:inline-block; padding:7px; margin:2px 0; border-radius:2px; box-shadow:1px 0 #bbb}
.tags a:hover{ background:#666;color:#eee;text-shadow:none}
.pic-sto{ margin:0 auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); padding:27px 0; position:relative;z-index:1 }

.forum .tcl li{ padding:20px; text-align:left; min-height:180px; background:#f6f6f6; border:1px solid #ccc; position:relative; color:#555; box-shadow:none}
.forum .tcl li .f-link{ position:absolute; bottom:20px; right:20px}
.hack-inner .tcl li{padding:8px  0}
.hack-inner .tcl li:first-child{ padding-top:0}
.hack-inner .tcl li:last-child{ padding-bottom:0}

/* .gadget-banner{background:#63c1f7; border:1px solid #419ed4} */
.gadget-banner{background:#e3e6e8; border:1px solid #419ed4}

.gadget-banner h1{ padding:12px; border-bottom:1px solid rgba(0,0,0,.4); text-shadow:1px 1px rgba(255,255,255,.6)}
.gadget-banner h1 a{ color:#333}

#middle .gadget-banner img{ width:auto}
.gadget-banner .columns12  .col-2{ padding-left:0; font-size:14px; line-height:1.5em; font-family:'Oswald', sans-serif;}
.gadget-banner .columns123>ul>  li{ width:28% ; color:#333; padding:10px 0; height:250px; border:none}
.gadget-banner .columns123 .col-1{background:#fff; padding:15px; text-align:center}
.gadget-banner .columns123 .col-3,.gadget-banner .columns123 .col-2{ width:36% }
.gadget-banner .columns123 .col-3{border-left:1px dashed rgba(255,255,255,.3); padding-left:10px}


.main-pro{ margin-top:20px}
.gadget-banner .editor-rating{ margin-top:0}
.pic-sto-detail-dis{width:940px; margin:0 auto}
		


#middle >.columns23>*>.col-3>*{ margin-bottom:20px}
.news-list p a{ color:#08c}
.inner h3{ min-height:44px}
.tcl.three a h3{ min-height:64px}
.caption-bg h3{ min-height:auto}