body, input, select, textarea, button, .ui-btn, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    margin:0;
    padding: 0;
}

*{
    box-sizing: content-box;
}
p{
    margin:0;
    padding:0;
}

a{
    color: #2196F3;
    text-decoration: none;
}

body{
    margin:0;
    padding: 0;
}

#sidebar-menu{
    padding: 20px;
    top: 0;
    bottom: 0;
    left: -300px;
    position: fixed;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    width: 250px;
    z-index: 9999999;
    transition: left 300ms ease;
}

#sidebar-menu.open{
    display:block;
    left:0;
}

.sidebar-profile {
	position: relative;
	margin: -1em -1em 1.5em -1em;
	padding: 3em 1em 2em 1em;
	overflow: hidden;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.05);	
        position: relative;
}

.sidebar-profile .btn-close{
    position: absolute;
    right: 4px;
    top: 4px;
    font-style: normal;
    font-size: 20px;
    line-height: 10px;
    padding: 4px;
    opacity: 0.6;
    color: #fff;
    font-weight: 300;
    cursor: pointer;
}

.overlay-for-sidebar{
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    transition: background 0.8s ease;
    display: none;
}

.sidebar-profile:after {
	position: absolute;
	content : "";
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.01) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.01)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.01) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.01) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#000000',GradientType=0 );

}

.sidebar-profile .profile-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;	
	z-index: -1;
}

.sidebar-profile .profile-thumbnail {
	width: 80%;
	height: auto;
	border-radius: 50%;
	overflow: hidden;
	margin: -0.8em auto;
	display: inline-block;
	
	border: 2px solid rgba(255,255,255,0.05);
}

.sidebar-profile .profile-text {
	text-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	color: #fff;
}

.sidebar-profile .profile-text strong {
	font-size: 2p;
	line-height: 1.2em;
	display: block;
	font-weight: 400;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidebar-profile .profile-text .subline {
	font-size: 12px;
	line-height: 1.2em;
	font-weight: 400;
	display: block;
}

.sidebar-profile a, .sidebar-profile a:hover {
    color: #fff;
    text-decoration: none;
}

.sidebar-profile{background-color:#03A9F4;padding: 1.65em 1em 1.65em 1em;margin:-20px -20px 0;}
.sidebar-profile .col-xs-2{text-align: center;padding-top: 9px;}
.sidebar-profile .profile-text strong{font-size:1.5em}
.sidebar-profile .profile-text .subline{font-size:0.85em;}
#sidebar-menu hr.inset{margin: 0em -1em 0em -1em !important;}

.ui-btn-alt {
    border-radius: 0;
    text-align: left;
    margin: 0 -1em;
    position: relative;
    padding-left: 52px;
    padding-bottom: 14px;
    padding-top: 14px;
    text-transform: uppercase;
    font-weight: 500;
    white-space: normal !important;
    color: #333;
    text-decoration: none;
    display: block;
}

.ui-btn-alt i {
    font-size: 1.1em;
    margin-left: -32px;
    position: absolute;
    color: #607D8B;
}

.ui-btn-alt svg{
    margin-left: -32px;
    position: absolute;
    fill: #607D8B;
}

.ui-btn-alt:hover{
    background-color: #ededed;
    border-color: #ddd;
    color: #333;
}
.social-icons{font-size: 2.5em;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 5px;}
.social-icons>a{
    vertical-align: middle;
}
.social-icons svg{
    height:34px;
    width:34px;
}

.switchSiteContainer{margin-top: 5px;text-align: center;font-weight:500}
.switchSiteContainer .switch{
    margin-top:5px; margin-bottom:5px;
}

/*Toggle Switch*/
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
  vertical-align: middle;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.header {
    background-color: #2196F3;
    color: #ffffff;
    font-weight: 700;
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
    border-width: 1px 0;
    border-color: #ddd;
    top: -1px;
    padding-top: 1px;
}

.sidebar-menu-btn{
    line-height: 1.6em;
    padding: 0.4em;
    display: inline-block;
    position: absolute;
    width: 1.6em;
    box-sizing: content-box;
    z-index:99;
}

.header-element {
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 20px;
    line-height: 34px;
    padding: 12px;
    display: inline-block;
    overflow: hidden !important;
    text-align: center;
}

.share-header {
    position: absolute;
    top: 0;
    height: 60px;
    display: flex;
    width: 100%;
    display: none;
    animation: custom-fadeout 500ms;
}

.share-header.visible{
    animation: custom-fadein 500ms;
    display: flex;
}

.main-logo {
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: 0!important;
    text-align: left;
    margin: 0px 64px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.02em;
    display: block;
}

.search-btn{
    position: absolute;
    top: 2px;
    right: 0;
    width: 1.6em;
}

.main-logo a {
    color: #fff !important;
    text-decoration: none !important;
}

.top-bar{
    text-align: center;
    background: #2196f3;
}

.top-bar a,.top-bar a:visited,.top-bar a:hover{
    color: #fff;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
    font-weight: 500;
}

#page{
    padding-top: 59px;
}

.top-bar>div{
    float:left;
    width:33.33%;
}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.homepage, .content{
    padding: 1em;
}

.ui-container{
    padding:1em;
    overflow: visible;
    overflow-x: hidden;
    border: 0;
}

.top-news{margin:0 -1em;}
.top-news a,.top-news a:visited/*,.top-news a:hover*/{text-decoration:none;color:#fff;}
.top-news .container{width:100%;height:120px;display:block;}
.top-news .container .info{}
.top-news h2{font-weight:400;text-shadow: 1px 1px 2px rgba(0,0,0,0.65);font-size:1.2em;line-height:1.2em;white-space: normal;padding:10px 15px;position:absolute;bottom:0;width: auto;height: auto;}
.top-news p{padding:15px 15px 0;position:relative;display:none;}
.top-news .container div{position:absolute;width:100%;height:120px;-moz-background-size: cover!important;-o-background-size: cover;-webkit-background-size: cover;-khtml-background-size: cover;background-size: cover!important;background-position:center}
.top-news .container div::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .65;-webkit-transition: opacity 0.3s ease-in-out;  -moz-transition: opacity 0.3s ease-in-out;  -o-transition: opacity 0.3s ease-in-out;  transition: opacity 0.3s ease-in-out;}
.top-news .container a:hover div::after{opacity:0.9}
.top-news .container div.type1::after{background-color: #E3493B;background-image: -webkit-linear-gradient(45deg,#E3493B,#23B5AF);background-image: -moz-linear-gradient(45deg,#E3493B,#23B5AF);background-image: -o-linear-gradient(45deg,#E3493B,#23B5AF);background-image: linear-gradient(145deg,#E3493B,#23B5AF);}
.top-news .container div.type2::after{background-color: #F4733D;background-image: -webkit-linear-gradient(45deg,#F4733D,#38595E);background-image: -moz-linear-gradient(45deg,#F4733D,#38595E);background-image: -o-linear-gradient(45deg,#F4733D,#38595E);background-image: linear-gradient(145deg,#F4733D,#38595E);}
.top-news .container div.type3::after{background-color: #052E46;background-image: -webkit-linear-gradient(45deg,#052E46,#AC1B1B);background-image: -moz-linear-gradient(45deg,#052E46,#AC1B1B);background-image: -o-linear-gradient(45deg,#052E46,#AC1B1B);background-image: linear-gradient(145deg,#052E46,#AC1B1B);}
.top-news .container div.type4::after{background-color: #6D36B3;background-image: -webkit-linear-gradient(45deg,#6D36B3,#CC3333);background-image: -moz-linear-gradient(45deg,#6D36B3,#CC3333);background-image: -o-linear-gradient(45deg,#6D36B3,#CC3333);background-image: linear-gradient(145deg,#6D36B3,#CC3333);}
.top-news .container div.type5::after{background-color: #01701B;background-image: -webkit-linear-gradient(45deg,#01701B,#391091);background-image: -moz-linear-gradient(45deg,#01701B,#391091);background-image: -o-linear-gradient(45deg,#01701B,#391091);background-image: linear-gradient(145deg,#01701B,#391091);}

h2{
   font-size: 20px;
   font-weight: 400; 
   margin: 10px 0;
}
h2 a{
   color: #2196F3;
   text-decoration: none;
   text-transform: uppercase;
   
}


.pb-special-container{margin:0 -1em;}
a.pb-special,a.pb-special:hover,a.pb-special:visited{white-space:normal;color:inherit;display: block;padding:1em;text-decoration:none;}
a.pb-special.large{padding-top:0;}
a.pb-special h3{font-size: 1.28em;font-weight: 400;color: #252525;}
a.pb-special:hover h3{text-decoration:none;}
a.pb-special p{  font-size: 1.1em;padding: 6px 0;color: #555;font-weight: 300;line-height: 1.3em;}
a.pb-special img.thb{width: 100px;float: right;display: block;height: 78px;border:1px solid #d7d7d7}
a.pb-special img.thb.phone{height:72px;width:83px;border:0;}
a.pb-special img.thb.left{float:left}
a.pb-special img.big-thb{margin-bottom: 8px;width:100%;}
a.pb-special .excerpt {}

hr {
    display: block;
    border: 0px;
    border-top: 1px solid #cccccc;
    padding: 0px;
    margin: 1em 0px;
}

.homepage hr, .ui-panel-inner hr {
    margin: 0 -1em;
}

.img-link-item{background: transparent;overflow: hidden;width: 100%;height: 165px;margin-bottom: 1px;}
.img-link-item .img-link-container{position:relative;height:100%;}
.img-link-item .link-img-container{position: relative;height: 100%;background-size: contain;background-position: center;background-repeat:no-repeat;}
.img-link-item .link-img-overlay{position: relative;height: 100%;background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0),rgba(29,29,29,.5));background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(29,29,29,.5));background-image: linear-gradient(180deg,rgba(8,14,20,0),rgba(8,14,20,0.6));}
.img-link-item .link-info-container{position: absolute;bottom: 0;width: 100%;color: #fff;padding-top: 60px;padding-bottom: 10px;}
.img-link-item .link-info{bottom:0;width:40%;white-space:normal;  text-shadow: 1px 1px 0 rgba(0,0,0,.5);font-size:1.1em}
.img-link-item .link-info.left{float:left;text-align:right}
.img-link-item .link-info.right{float:right;text-align:left}

.full-width{margin:0 -1em;}
.sample-ad1{display:block;width:300px;height:250px;margin:0 auto;background:#eee;margin-top:10px;}
.sample-ad2{display:block;width:320px;height:50px;margin:0 auto;background:#eee;margin-top:10px;}
.ad-box{display:block;margin:0 auto;margin-top:10px;text-align:center}
.ad-box.zero{margin-top:0;}
.switchSiteContainer{margin-top: 5px;text-align: center;font-weight:500}

#slider,#slider2{width:328vw}
.gallery {background: #d8d8d8;border:1px solid #c8c8c8;overflow: hidden;overflow-x: auto}
.gallery ul{height:145px;overflow:hidden;}
.gallery ul li{display:block;clear:both}
.gallery div.phone{width:41vw;text-align:center;float:left;}
.gallery div.phone div.inner{margin:10px;font-size:1em;color:#ddd;text-shadow:0 0 0;position:relative}
.gallery div.phone div.inner>a{margin-top: -36px;padding: 5px 3px;background-color: rgba(0,0,0,0.6);color: #fff;margin-left: 2px;font-size:16px;position: absolute;bottom:2px;left:0;right:0;}
.gallery div.inner div.image{background:#fff;border:1px solid #ccc;padding:10px 0;width:100%;margin-bottom:5px;}
.gallery div.inner a{color:#333;text-decoration:none;font-weight:100;display: block;text-overflow: ellipsis;}

.share-header{position: absolute;top: 0;height: 59px;display: flex;width: 100%;display: none;}
.share-header>span{width: 59px;z-index: 0;}
.share-header a{color: #fff !important;flex: 1;background: rgb(59, 89, 152);text-align: center;z-index: 11 !important;font-size: 24px; line-height: 60px;}
.share-header a:hover{color:#fff;}
.share-header a.facebook{background: rgb(59, 89, 152);}
.share-header a.twitter{background: rgb(85, 172, 238);;}
.share-header a.whatsapp{background: rgb(77, 194, 71);;}
.share-header a.more{background: rgb(252, 109, 76);}
.share-header a.youtube{background: #D22222;}

ul.manufacturer-list{
    padding: 0;
}
ul.manufacturer-list li{float:left;width: 33.33%;font-size:16px;margin-bottom: 18px;text-align:center;list-style: none;padding: 10px 0;}
ul.manufacturer-list li a{display: block;font-size: 18px;color:#333;text-decoration: none;}
ul.manufacturer-list li a img{display: block;margin: 0 auto 8px;max-width: 75%;min-height: 24px;}
ul.manufacturer-list .manufacturer-li{
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}

.footer {
    background-color: #2196F3;
    color: #fff;
    text-align: center;
    padding: 15px 5px 10px;
    border-bottom: 0;
    font-weight: 400;
}

.footer a{
    padding: 0.7em 1em;
    text-transform: uppercase;
    font-weight: 500;
    white-space: normal !important;
    font-size: 12.5px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
    color: inherit;
    border: 0px;
    text-shadow: none !important;
    border-radius: 4px;
    text-decoration: none;
}

.row {
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left: .5rem
}

.col-xs {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -webkit-flex-basis: 8.333%;
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-xs-2 {
    -webkit-flex-basis: 16.667%;
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%
}

.col-xs-3 {
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -webkit-flex-basis: 33.333%;
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-xs-5 {
    -webkit-flex-basis: 41.667%;
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%
}

.col-xs-6 {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -webkit-flex-basis: 58.333%;
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%
}

.col-xs-8 {
    -webkit-flex-basis: 66.667%;
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%
}

.col-xs-9 {
    -webkit-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -webkit-flex-basis: 83.333%;
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%
}

.col-xs-11 {
    -webkit-flex-basis: 91.667%;
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%
}

.col-xs-12 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.ui-search-box, .ui-input-with-x, .ui-custom-search{
    background-color: #fff;
    border: 0;
    color: #333;
    position:relative;
    padding-right: 40px;
}

.ui-custom-search{
    border: 1px solid #ccc;
}

.ui-search-box input, .ui-input-with-x input, .ui-input input, .ui-input textarea, .ui-custom-search input{
    background:transparent;
    border:0;
    font-size: 17px;
    line-height: 2.25em;
    padding-left: 10px;
    font-weight: 400;
    display:block;
    width:95%;
    outline: none;
}

.ui-search-box .ui-btn-clear, .ui-input-with-x .ui-btn-clear, .ui-custom-search .ui-btn-clear{
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 300;
    color: rgba(155,155,155,0.5);
    font-size: 29px;
    text-align: center;
    width: 38px;
    height: 38px;
    display: none;
    cursor: pointer;
}

#search-phones-container{border:0;margin:0 auto;width:95%;display:none;padding:0;font-size:1em;margin-bottom: -3px;}
#search-phones-container.open{display:block;}
#search-phones-container .ui-input-text.ui-mini input,#search-prices-form .ui-input-text.ui-mini input{font-size: 1.4em;line-height: 21px;padding-left: 10px;font-weight: 400;}
.custom-search-box .ui-input-text.ui-mini input{padding:8px;font-size:16px;font-weight:400;}
#search-phones-container .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear{margin-top: -20px;margin-right: -2px;}
.ui-page-theme-a .custom-search-box .ui-body-inherit{border:1px solid #ccc !important;}
.custom-search-box .ui-input-text:after, .custom-search-box .ui-input-search:after{background:transparent !important}
#search-phones-container #suggestions, #search-prices-form #suggestions-price{
    list-style: none;
    padding:0;
}
#search-phones-container #suggestions,#search-prices-form  #suggestions-price{margin-top: 1px;background-color: #fff;color: #333;}
#search-phones-container .ui-mini.ui-input-has-clear{margin-bottom:0;}
#search-phones-container #suggestions a, #search-prices-form #suggestions-price a{
    display: block;
    text-decoration: none;
    font-size: 16px;
    line-height: 1em;
    padding: 9px;
    color: #333;
    font-weight: 300;
}

#search-phones-container #suggestions a:hover, #search-prices-form #suggestions-price a:hover  {
    background: #ededed
}
#search-prices-form .ui-input-text{margin-bottom:1px}
#search-prices-form  #suggestions-price{margin:0;}

h1.page-title {
    font-size: 2em;
    line-height: 1.25em;
    font-weight: 500;
}

.specs-image{text-align:center;margin-top:20px;}
.specs-group{margin-top: 20px;}
.specs-group h2{font-size: 1.0em;text-transform: uppercase;border-bottom: 2px solid #ccc;font-weight: 500;padding: 2px 0;color: #6290B4;color:#2196F3}
.features{font-size:1.15em;margin-top:5px;font-weight:300;}
.features table{border-collapse: collapse;width:100%;}
.features table strong{font-weight:400;color:#333}
.features table td{padding:4px 4px;vertical-align:top;}
.features table td:first-child {padding-left: 0px;}
.features table td:last-child {padding-left: 6px;}
.features table tr{border-top:0px solid #f8f8f8}
.feature-yes{width:16px;height:16px;background:transparent url('//cdn.phonebunch.com/images/yes.png')}
.feature-no{width:16px;height:16px;background:transparent url('//cdn.phonebunch.com/images/no.png')}
.feature-yes,.feature-1{width:20px;height:20px;background:transparent url('//cdn.phonebunch.com/images/yes.svg')}
.feature-no,.feature-0,.feature--1{width:20px;height:20px;background:transparent url('//cdn.phonebunch.com/images/no.svg')}
.browse-similar{font-weight: 400;}
.features.compare{font-size:1em;line-height: 1.3}
.compare-page .specs-group{margin-top:25px;}
.features.compare table td{width:50%;padding:5px;text-align:center;font-size:1.1em}
.features.compare.phones3 table td{width:33%;}
.features.compare table td:first-child{border-right:1px solid #ddd;word-break: break-word;}
.features.compare.phones3 table td{border-left:1px solid #ddd;font-size:1.05em}
.features.compare.phones3 table td:first-child{border:0px;}
.features.compare table td[colspan="2"],.features.compare table td[colspan="3"]{font-weight:100;text-align:center;color:#aaa;border-right:0;font-weight: 400;color: #333;font-size:1.05em}
.features.compare table td.winner{font-weight:400}
#suggestions1,#suggestions2,#suggestions3{font-weight:300;margin: 0 -0.5em;font-size: 0.95em;padding: 0;list-style: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}


.sugg-list li{
    padding: .7em 1em;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    cursor: pointer;
}
.sugg-list li:hover{
    background-color:#ededed
}

span.red{color:#bb0000;font-weight: 700;}
span.green{color:#009900;font-weight: 700;}

#image-gallery{background:#fff;padding-top:25px;}
#image-gallery #thumbarea{width:100%}
#image-gallery #thumbs{width:auto;display:inline-block;list-style: none;margin: 0 5px 5px 5px;padding:0;}
#image-gallery #thumbs img{display:inline-block;cursor:pointer;margin-right:4px;margin-bottom:5px;}
#image-gallery #thumbs img{border:1px solid #ccc;opacity:0.6;padding:5px;}
#image-gallery #thumbs img:hover{opacity:0.8}
#image-gallery #thumbs img.active{opacity:1.0;border:1px solid #aaa}
#image-gallery #imagearea{background:url(//cdn.phonebunch.com/images/preload_alt.gif) center center no-repeat #ffffff;}
#image-gallery #imagearea img{max-width:100%;margin-bottom:10px;margin-top:10px}

.recent-news{margin-top:25px;}
.recent-news>h3{margin-bottom:8px;}
.recent-news a.pb-special h3{font-size:1.1em;font-weight:300;margin:0;}
.recent-news a.pb-special{padding:0.5em 1em;}
.recent-news hr{margin:0;}

.features table td.specs-name{
    text-align: right;
}
.features table td.specs-name.width30{
    width: 30%;
}
.features table td.specs-name.width31{
    width: 31%;
}
.features table td.specs-name.width32{
    width: 32%;
}
.features table td.specs-name.width34{
    width: 34%;
}
.features table td.specs-name.width35{
    width: 35%;
}
.features table td.specs-name.width37{
    width: 37%;
}
.features table td.specs-name.width38{
    width: 38%;
}
.features table td.specs-name.width40{
    width: 40%;
}
.features table td.specs-name.width41{
    width: 41%;
}
.features table td.specs-name.width52{
    width: 52%;
}
.features table td.specs-name.width60{
    width: 60%;
}

.specs-boxes{
	margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.specs-boxes>div {
    width: 32%;
    display: inline-block;
    vertical-align: text-top;
}

.specs-boxes img {
    background-image: url(//cdn.phonebunch.com/images/phone-specs-highlight.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.specs-boxes img.display-size {
    background-position-x: 0;
}

.specs-boxes img.camera-front-rear {
    background-position-x: -68px;
}

.specs-boxes img.processor-name-speed {
    background-position-x: -136px;
}

.specs-boxes span {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.specs-boxes span.small {
    font-size: 13px;
    font-weight: 400;
}

#price-tag{
    display: block;
    font-size: 28px;
    text-align: center;
    letter-spacing: 0px;
    font-weight: 500;
    color: #F44336;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1;
    cursor:pointer;
}

.phone-navigation{  margin: 10px 0 0 0;border: 1px solid #0382BB;border-bottom: 0;background-color:#0396D8;padding:0;}
.phone-navigation li {
    display: block;
    position: relative;
    overflow: visible;
    margin: 0;
    padding: 0;
    list-style: none;
}
.phone-navigation li a{border-radius: 0;font-weight: 400;border-bottom:1px solid #0382BB;background-color:#0396D8;font-size:1.05em;min-height: 1.25em;padding:0.7em 1em;display: block;color:#fff;text-decoration: none;}
.phone-navigation li a img{
    position: absolute;
    left: .8em;
    top: .9em;
    max-height: 1em;
    max-width: 1em;
}
.phone-navigation li a svg{
    vertical-align: middle;
    margin-top: -3px;
    height: 20px;
    width: 20px;
    fill: #ffffff;
    margin-right: 7px;
}
ul.unboxing-image-gallery{list-style:none;margin-bottom:0;margin-left:1em;margin-top:8px}
ul.unboxing-image-gallery li{display:inline-block;width:140px;margin-right:5px;margin-bottom:2px;}
ul.unboxing-image-gallery li img{border: 1px solid #bbb;padding:0;}


#key-specs{
    margin: 30px 0;
    font-size: 1.1em;
    font-weight: 300;
}
#key-specs h2{
    font-weight: 400;
    font-size: 21px;
    margin: 0;
    text-decoration: underline;
    text-align:center;
    margin-top: 10px;
}

#key-specs ul{
    padding: 0;
    list-style-position: outside;
    margin-left: 20px;
    list-style-type: square;
    margin-top: 5px;
}

#key-specs ul li{
    padding-top: 5px;
}

.phones-list-extra{
    margin: 0 -1em;
    padding: 0;
    list-style: none;
    margin-top: 5px;
}

.phones-list-extra a{
    min-height: 3.625em;
    padding: .7em 1em;
    padding-left: 6.25em;
    position: relative;
    display:block;
    margin: 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    color: #333;
}

.phones-list-extra a:after{
    right: .5625em;
    background-color: rgba(0,0,0,0);
    background-position: center center;
    background-repeat: no-repeat;
    color: #cccccc;
    top: 50%;
    margin-top: -11px;
    content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23575757%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E);
}

.phones-list-extra a:hover{
    background-color:#ededed
}

.phones-list-extra>li h4 {
    font-size: 1.1em;
    font-weight: 400;
    margin: 1.1em 0;
}

.phones-list-extra a img{
    width: 100%;
    height: auto;
    margin: auto auto;
    left: 1em;
    position: absolute;
    top: 6px;
    max-height: 5em;
    max-width: 5em;
}

.phones-list-extra-container {
    margin-top: 25px;
}

h3 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 400;
}

h3 a{
    text-decoration: none;
}

.best-price-div{float:left;margin-bottom: 15px;border: 1px solid gainsboro;font-size: 14px;width: 140px;}
.best-price-title{
    font-weight: 600;
    padding: 1px 0 2px;
    border-bottom: 1px solid gainsboro;
    background: #ddd;
    font-size: 15px;
    line-height: 1.55em;
}
.small-price-box a{
    display: block;
    color: #000 !important;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 16px;
    vertical-align: top;
    margin-bottom: 0;
    text-align:center;
    text-decoration: none;
}

.small-price-box a:last-child{
    margin-bottom:0;
}

.small-price-box a img{
    height: 30px;
    width: 120px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}

.posts-box{background:transparent;margin-top:25px;}
.posts-box h3{
	display: block;
	margin: 0;
    margin-bottom: 10px;
    background: transparent;
    text-align: center;
    border-bottom: 3px solid #333;
    padding: 0;
	color:#f7f7f7;
	letter-spacing: 1px;
	text-decoration: none;
    font-size: 1em;
    text-transform: uppercase;
	font-weight: 400;
	border:0;
}
.posts-box h3 span{
	display: block;
    background: #333;
    padding: 8px;
	line-height:1em;
}

.posts-box h3 span.blue{
	background:#2196F3;
}

.posts-box .content{
	padding:0;
	border:0;
	background:transparent;
	margin-top:0;
}

.posts-box .content .inline-post{
	width: 49%;
    display: inline-flex;
    padding-bottom: 25px;
	vertical-align:top;
}
.posts-box .content .inline-post.ml a{
	margin-left:7px;
	margin-right:0;
}
.posts-box .content .inline-post a{
	font-weight: 400;
	font-size: 0.95em;
    line-height: 1.25em;
	color:#252525;
	margin-right:7px;
	display:block;
}
.posts-box .content .inline-post a:hover{text-decoration:none;color:#2196F3;}

.posts-box .content .inline-post a img{display:block;width:100%;height:auto;}

.posts-box .content .inline-post a span{
	display: block;
    margin-top: 7px;
	white-space:normal;
}

#reviews-list a,#news-container a{text-decoration:none;}
.nd2-card.news-card{max-width:auto;}
.nd2-card.news-card a{text-decoration:none;}
.nd2-card.news-card .card-title .card-primary-title{max-width:100%;white-space:normal;color: #252525;font-size:1.3em;font-weight:400;text-overflow: ellipsis;line-height: 26px;overflow: hidden}
.nd2-card.news-card .card-supporting-text.has-action p{font-size: 1.1em;padding: 6px 0;color: #555;font-weight: 300;line-height: 1.3em;white-space:normal;}
.nd2-card {
	display: block;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin: 25px auto;
	max-width: 450px;
	overflow: hidden;
}

.nd2-card .card-title.has-supporting-text {
	padding: 24px 16px 16px 16px;
}

.nd2-card .card-title .card-subtitle {
	font-size: 14px;
	margin: 0px;
	color: #8e8e8e;
	font-weight: 400;
	line-height: 20px;
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
        margin-top: 5px;
}

.nd2-card .card-title .card-subtitle .posted-by{
    padding:0;
}

.nd2-card .card-supporting-text {
    padding: 16px 16px 16px 16px;
    display: block;
    font-size: 16px;
    line-height: 1.6em;
    margin: 0px 0px;
}

.nd2-card.news-card .card-supporting-text.has-action p {
    font-size: 1.1em;
    padding: 6px 0;
    color: #555;
    font-weight: 300;
    line-height: 1.3em;
    white-space: normal;
    user-select: none;
}

.nd2-card .card-media img {
    width: 100%;
    display: block;
    border:0;
}

#load-more-news,#load-more-comparisons,.load-more{
    border: 0px;
    text-shadow: none !important;
    border-radius: 4px;
    background-color: #2196F3;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: .7em 1em;
    display:block;
    text-align: center;
    margin: 5px auto 0;
    max-width: 450px;
}

.ui-loader, .ui-dialog{
    width: 12.5em;
    filter: Alpha(Opacity=88);
    opacity: .88;
    box-shadow: 0 1px 1px -1px #fff;
    height: auto;
    margin-left: -6.875em;
    margin-top: -2.6875em;
    padding: .625em;
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0;
    display: block;
    background-color: #2a2a2a;
    color: #fff;
    text-shadow: 0 1px 0 #111;
    border-radius: .3125em;
}

.ui-icon-loading {
    margin: 0 auto .625em;
    filter: Alpha(Opacity=75);
    opacity: .75;
    background-color: #000;
    display: block;
    width: 2.75em;
    height: 2.75em;
    padding: .0625em;
    -webkit-border-radius: 2.25em;
    border-radius: 2.25em;
    background: url(//cdn.phonebunch.com/images/ajax-loader.gif);
    background-size: 2.875em 2.875em;
}

.ui-loader h4 {
    font-size: 1em;
    margin: 0;
    text-align: center;
}

.by-author{margin-bottom: 15px;text-align: left;color: #888;font-size:0.85em;margin-top:-5px;}
.by-author.alt{margin-top: 0;text-align: right;margin-bottom:10px}
.news-content{color:#444;font-weight:300;margin-top: 15px;}
.news-content b{font-weight:400}
.news-content h2{font-size: 1.5em;line-height: 1.25em;font-weight: 500;padding: 15px 0 0;}
.news-content h3{padding: 12px 0 0;}
.news-content p img{max-width:100% !important;height:auto !important;padding:10px 0 10px;padding:0;margin-bottom:-10px;margin-top:-3px;}
.news-content p:first-child img{margin-bottom:-10px;}
.news-content p, .content p{font-size:1.15em;line-height:1.35em;padding:10px 0;font-weight: 300;}
.news-content p a,.news-content p a:hover{text-decoration:none;white-space:normal !important;font-weight:400;}
.news-content ul, .news-content ol{margin: 5px 0 15px 25px;padding:0;}
.news-content ul li{list-style-type: square;line-height: 20px;margin-bottom: 5px;font-size: 1.07em;line-height: 1.2em;}
.news-content ol li{line-height: 20px;margin-bottom: 5px;font-size: 1.07em;line-height: 1.2em;}
.author{
    margin-top: 7px;
    color: #999;
    font-size: 0.9em;
    box-shadow: none;
    max-width: none;
}
.author.alt{border: 1px solid #dedede;background-color: #fafafa;margin-top:15px;}

.nd2-card.author .card-title{padding:8px 0 0;}
.nd2-card.author a{text-decoration:none;}
.nd2-card.author .card-title .card-avatar{width:64px;height:64px;
display: block;
    float: left;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 16px;
    background-color: #bdbdbd;}
.nd2-card.author.alt .card-title .card-avatar{margin-left: 1em;}
.nd2-card.author .card-title.has-avatar h3.card-primary-title{font-weight:500;text-transform:uppercase;font-size: 16px;line-height: 20px;}
.nd2-card.author.alt .card-title.has-avatar h3.card-primary-title{margin-top: 2px;}
.nd2-card.author .card-title.has-avatar .card-subtitle{margin-bottom:0px;font-size:0.85em}
.nd2-card.author .card-supporting-text{padding: 0 1em;font-size: 1.0em;line-height: 1.3em;font-weight: 300;}
.nd2-card.author.alt .card-supporting-text{margin-top:0px;    font-size: 15px;
    line-height: 1.2em;}
.nd2-card.author .card-supporting-text p{
    padding-bottom: 0;
}
.nd2-card.author .card-action{padding:2px 8px;margin-top:-12px;}
.nd2-card.author.alt .card-action{margin-top:0;}
.nd2-card.author.alt .card-action .social-links{
    text-align: right;
}
.nd2-card.author.alt .card-action .social-links a{
    padding: 10px;
    line-height: 1;
    display: inline-block;
    border-radius: 50%;
}
.nd2-card.author.alt .card-action .social-links a svg{
    fill: #aaa;
}

.nd2-card.author.alt .card-action .social-links a:hover{
    background: #ededed;
}
.nd2-card.author.alt .card-action .social-links a:hover svg{
    fill: #444;
}

.pb-unboxing .nd2-card.author .card-title.has-avatar h3.card-primary-title{
    padding-top: 12px;
}

.pb-unboxing .nd2-card.author .card-title.has-avatar .card-subtitle{
    margin-top: 0;
}

.pb-unboxing .author .card-action .ui-btn.ui-btn-fab{
    padding:8px;
}

.pb-unboxing .new-content p img {
    max-width: 100% !important;
    height: auto !important;
    padding: 10px 0 10px;
    padding: 0;
    margin-bottom: -10px;
    margin-top: -3px;
}

.pb-unboxing .new-content p:first-child img {
    margin-bottom: -10px;
}

.between-xs {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.prev-next-news{font-size:0.9em;margin-top:25px !important;background-color: #fafafa;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;}
.prev-next-news .arrow{font-size:2.5em;width:1em;padding:5px;color:#555}
.prev-next-news td{vertical-align:middle;max-width:50%;}
.prev-next-news td a{white-space:normal !important;color:#607D8B !important;font-weight:300 !important;color:#354f5b !important}
.prev-next-news td.link{width:50%;padding:3px 0}
.prev-next-news td.link.left{padding-right:5px;border-right: 1px solid #efefef;}
.prev-next-news td.link.right{padding-left:5px;text-align:right;}

.news-content table.table.table-bordered {
    overflow-x: auto;
    margin: 10px auto 15px;
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
}

.news-content table.table.table-bordered td {
    padding: 4px 10px;
    border: 1px solid #ccc;
}


#compare-phones-form{margin-top:20px;position:relative;margin-left: 10px;margin-right: 10px;}
#compare-phones-form input[type="text"]{font-size: 1em;line-height: 21px;}
#compare-phones-form .ui-btn.ui-btn-b{background:#2196F3;margin-top:10px;}
#compare-phones-form .ui-input-text{font-size:1em;margin-bottom:5px;}
#compare-phones-form span.vs{text-align:center;display:block;font-weight:500;font-size:1.3em;padding-top:12px;padding-bottom:5px}
.custom-search-box{margin-top:15px;}
#compare-phones-form .ui-icon-delete:after,#search-phones-container .ui-icon-delete:after, #search-reviews-form .ui-icon-delete:after, #search-prices-form .ui-icon-delete:after,  .custom-search-box .ui-icon-delete:after{background-color:transparent;opacity:0.2;background-size:contain;background-image:url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M38%2012.83l-2.83-2.83-11.17%2011.17-11.17-11.17-2.83%202.83%2011.17%2011.17-11.17%2011.17%202.83%202.83%2011.17-11.17%2011.17%2011.17%202.83-2.83-11.17-11.17z%22%2F%3E%3Cpath%20d%3D%22M0%200h48v48h-48z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
#compare-phones-form .ui-input-with-x{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.ui-input{
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 1px solid #ccc;
}
#compare-phones-form  .ui-input-with-x .ui-btn-clear{
    top: -3px;
}
div[data-role="popup"] p{font-size:1.1em;font-weight:300;}
div[data-role="popup"]{}
ul.sugg-list{display:none;font-weight:500;}
.ui-li-has-thumb.compare-phone a{padding-top: 15px;padding-bottom: 15px;padding-right: 6.25em;padding-left: 6.25em;min-height: 3.625em;position:relative;display:block;}
.ui-li-has-thumb.compare-phone a:hover{background-color: #ededed;}
.ui-li-has-thumb.compare-phone a img{top:9px !important;max-height: 5em;max-width: 5em;height: auto;left:1em;max-height: 80px;max-width: 80px;position: absolute;}
.ui-li-has-thumb.compare-phone a img.right-image{display:block;right: 1em;top: 5px;left:auto;}
.ui-li-has-thumb.compare-phone a h3 {
    text-align: center;
    margin: 0;
    font-weight: 400;
    font-size: 1.05em;
    text-align:center;
    color: #333;
}
.comparison-list #load-more{background:#2196F3;margin-top:5px;}
.comparison-list #reviews-list{padding:0;list-style:none;margin:0 -1em;margin-top:5px;}
.comparison-list>h3{color:#2196F3}
.comparison-list{margin-top:25px;}
.compare-header{background-color:#1E7BC5}
.compare-header div{text-align:center;font-weight:100;}
.compare-header div a,.compare-header div a:hover,.compare-header div a:visited{display: block;text-align: center;color: #fff;padding: 8px 1em 5px 0;font-weight: 400;white-space:normal}
.compare-header div a.left{padding: 8px 0 5px 1em;}
.compare-header div a.right{padding: 8px 1em 5px 0;}
.compare-header div a.center{padding: 8px 0 5px 0;}
.compare-header div a img{display: block;margin: 0 auto;}
.compare-header div.border{border-left:1px solid #ddd;}

.compare3-header{padding: 0 1em;background-color: #1E7BC5;}
.compare3-header table{width:100%;}
.compare3-header table td{width:33%;text-align:center}
.compare3-header table td a,.compare3-header table td a:hover,.compare3-header table td a:visited{display: block;text-align: center;color: #fff;padding: 8px 0 5px 0;font-weight: 400;white-space:normal}
.compare3-header table td.border{border-left:1px solid #ddd;}
.compare3-header table td a img{margin: 0 auto;display: block;}


.primary-btn {
    background: #2196F3;
    font-size: 16px;
    margin: .5em 0;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    box-shadow: none;
    border:0;
    color:#fff;
    border-radius: .3125em;
    font-weight: 500;
    text-transform: uppercase;
    box-sizing: border-box;
}

.primary-btn.full-width{
    width:100%;
}

.primary-btn.btn-mini {
    padding: 0.8em 0.8em 0.6em;
    margin-right: .3125em;
    margin-left: .3125em;
    display: inline-block;
    font-size: 0.75em;
    font-weight: 500;
}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  width: 300px; /* Set a default minimum width */
  margin-left: -150px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
  box-sizing: border-box;
  border-radius: 5px;
}
#snackbar.error{
    background: #bb0000;
}
#snackbar.success{
    background: #009900;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-grid-a>.ui-block-a, .ui-grid-a>.ui-block-b {
    width: 50%;
}

.ui-block-a {
    clear: left;
}

.phones-list{margin-top:10px;}
.phone-box {margin: 0 auto;overflow: hidden;position: relative;width:85%;border-radius: 4px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.10), 0 2px 10px 0 rgba(0, 0, 0, 0.08);}
.phone-box a {text-decoration: none;color:#555;white-space:normal;display:block;text-align:center;padding:10px 20px;}
.phone-box a:hover {cursor: pointer;white-space:normal;}
.phone-box a img {padding: 5px;background: #fff;}
.phone-box a ul{text-align:left;margin:10px 0 0;padding:0;line-height: 1.3}
.phone-box a ul li{list-style: square outside none; color: #E47719;  font-size: 1.0em; font-weight: 300;margin-left:20px;}
.phone-box a ul li span{color:#555;}
.phone-box a h2{color:#2290E9;font-size:1.4em;margin:0;line-height: 1.3}
.phone-box a span.phone-price{display: block;text-align: center;color: #B00;font-size: 1.1em;font-weight: 400;margin-bottom: 5px;}
.phone-box a:hover span.phone-name{text-decoration:underline}
.phones-list .ui-block-a, .phones-list .ui-block-b{padding:12px 0;width:100%;float:none;}

.phones-list-extra-container{margin-top:25px;}
.phones-list-extra{margin-top:5px !important}
.phones-list-extra-container  #reviews-list{margin-top:5px;}
.ui-listview.phones-list-extra .ui-li-has-thumb>.ui-btn>img:first-child{top:6px;}
.ui-listview.phones-list-extra>li h4{font-size: 1.1em;font-weight: 400;margin: 1.1em 0;}

.ui-grid-a.bottom-nav{padding: 5px 0;}
.ui-grid-a.bottom-nav .ui-block-a{text-align:left;}
.ui-grid-a.bottom-nav .ui-block-b{text-align:right;}
.ui-grid-a.bottom-nav .ui-btn{padding:0.8em 0.8em 0.6em}

a.featured-news{
    display: block;
    text-align: center;
    color: #ff5400 !important;
    white-space: normal !important;
    margin: 0 !important;
    margin-top: 15px !important;
    margin-bottom: -10px !important;
    font-size: 1.1em;
}

.content table.table.table-bordered {
    overflow-x: auto;
    margin: 10px auto 15px;
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
}

.content table.table.table-bordered td {
    padding: 4px 10px;
    border: 1px solid #ccc;
}

p.buy-now{
    padding: 10px;
}
.deal-button{
    display: block;
    background-color: #0396D8;
    color: #fff;
    padding: 6px 15px;
    border: 1px solid #0382BB;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 0;
    margin-bottom: 10px;
    text-align:left;
}

.deal-button:hover,.deal-button:active{
    background-color:#0382BB;
    text-decoration:none;
}

.deal-button.flipkart{
    background-image: url('//cdn.phonebunch.com/images/deal-button-flipkart.png');
}
.deal-button.snapdeal{
    background-image: url('//cdn.phonebunch.com/images/deal-button-snapdeal.png');
}
.deal-button.amazon{
    background-image: url('//cdn.phonebunch.com/images/deal-button-amazon.png');
}

.deal-button span.title{
    display:block;
    color: #fff;
}
.deal-button span.sub-title{
    display: block;
    font-weight: 300;
    font-size: 16px;
    color: #fff;
}

p.deal-details{
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 5px;
    font-size:20px;
}

p.deal-details span{
    display:block;
}

p.deal-details .starts{
    color: #008000;
    font-weight: 600;
}

p.deal-details .ends{
    margin-top: 15px;
    color: #ed4c5c;
    font-weight: 600;
}

.nd2-card.ext-reviews-card{max-width:auto;}
#reviews-list a,#news-container a{text-decoration:none;}
.nd2-card.ext-reviews-card a{text-decoration:none;}
.nd2-card.ext-reviews-card .card-title .card-primary-title{max-width:100%;white-space:normal;color: #252525;font-size:1.3em;font-weight:400;margin-right:0;}
.nd2-card.ext-reviews-card .card-supporting-text p{font-size: 1.1em;padding: 6px 0;color: #555;font-weight: 300;line-height: 1.3em;white-space:normal;}
.nd2-card.card-media-right.card-media-small.ext-reviews-card .card-media{float:right;position:relative;}
.nd2-card.card-media-right.card-media-small.ext-reviews-card .card-title{min-height:0;padding:16px 16px 0;}
.nd2-card.card-media-right.ext-reviews-card .card-supporting-text.has-title{padding-top:5px;}
#search-reviews{font-size: 1.3em;line-height: 21px;}
p.no-result-found{background: #fff;padding: 50px;text-align: center;font-size: 1.3em;font-weight: 400;}

.review-content p{
    overflow-wrap: break-word;
}

.videoWrapper {float: none;clear: both;width: 100%;position: relative;padding-bottom: 55.95%;padding-top: 0px;height: 0;margin:10px auto 15px;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.review-image {
    text-align: center;
    position: relative;
    margin-bottom: 8px;
    cursor: default;
}
.review-image img{width:100% !important;height:auto !important;}
.review-image .review-score{position: absolute;top: 5px;left: 5px;height: 54px;width: 54px;font-size: 24px;background: #390;display: block;color: #eee;box-shadow: 0 0 5px #555;line-height:36px;text-shadow:0 0 0}
.review-image .review-score.red{background:#c00;}
.review-image .review-score.yellow{background:#ffac00;}
.review-image .review-score.green{background:#390;}
.review-image .review-score.light-green{background:#9c0;}
.review-image .review-score span{font-size: 11px;display:block;line-height:11px;}
.mobile-review-parameters{padding: 3px 0 25px;list-style: none;margin:0;padding:0;font-size: 13px;font-style: normal;color: black;margin:0 auto;margin:10px 10px 0 10px !important}
ul.mobile-review-parameters li{list-style: none inside none;max-width:100% !important;}
.mobile-review-parameters .parameter{position: relative;color: #444;font-size: 1.3em;line-height: inherit;font-weight: 300;}
.mobile-review-parameters li.total .parameter{font-weight:400;}
.mobile-review-parameters .clear{height:0;width:0;clear:both;margin:0;padding:0}
.parameter-bar {float: left;width: 89%;height: 20px;margin: 5px 0 10px;background: #f4f4f4;}
li.total .parameter-bar{border: 1px solid #555;}
.parameter-bar .fill,.parameter-bar .pRating {float: left;height: 20px;}
.parameter-bar .fill.red {background: #c00;}
.parameter-bar .fill.yellow {background: #ffac00;}
.parameter-bar .fill.green {background: #390;}
.parameter-bar .fill.light-green {background: #9c0;}
.mobile-review-parameters .pRating {float: left;display: inline-block;width: 23px;height: 17px;margin: 5px 0 0 7px;border-bottom: 3px solid transparent;text-align: center;font-size: 1.3em;}
.mobile-review-parameters li.total .pRating {font-weight:400;}
.mobile-review-parameters .pRating.red {border-color: #c00;}
.mobile-review-parameters .pRating.yellow {border-color: #ffac00;}
.mobile-review-parameters .pRating.green {border-color: #390;}
.mobile-review-parameters .pRating.light-green {border-color: #9c0;}
.mobile-review-parameters .pRating span.best{display:none;}
.hidden-load{height:0;width:0;display:none;visibility:hidden;padding:0;margin:0;border:0;}


div.review-card .hex:before {
    content: " ";
    width: 0; height: 0;
    border-bottom: 40px solid #9c0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    position: absolute;
    top: -40px;
}

div.review-card .hex {
    margin-top: 60px;
	margin-left:80px;	
    width: 150px;
    height: 80px;
    background-color: #9c0;
    position: relative;
}

div.review-card .hex:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -40px;
    border-top: 40px solid #9c0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
}

div.review-card .hex p{
	font-size:85px;
	line-height:80px;
	color:white;
}

div.review-card div.review-summary{
	font-size:28px;
	font-weight:normal;
	color:#ffffff;
	padding:40px 0;
}

div.review-card div.review-pros-cons h3.review-pros{
	font-size:24px;
	color:#6c6;
	margin:10px 0 0 0;
	padding:0;
}

div.review-card div.review-pros-cons h3.review-cons{
	font-size:24px;
	color:red;
	margin:10px 0 0 0;
	padding:0;
}

div.review-card div.review-pros-cons ul.review-points-cons, div.review-card div.review-pros-cons ul.review-points-pros {
margin: 0;
    padding: 0;
    color:#ffffff;
}
div.review-card div.review-pros-cons ul.review-points-cons li, div.review-card  div.review-pros-cons ul.review-points-pros li{
padding:3px 0 3px 5px;
	font-size:17px;
list-style: none;
}

div.review-card  div.review-pros-cons ul.review-points-pros li:before {
  content: "\002B \0020";
}

div.review-card  div.review-pros-cons ul.review-points-cons li:before {
  content: "\002D \0020";
}

div.review-card  div.review-pros-cons{
	float:left;
	width:265px;
	height:auto;
	margin-top:60px;
	margin-left:30px;
	padding-bottom:30px;
}
div.review-card  div.review-summary{
	float:left;
	width:300px;
	margin:60px 0 60px 0;
	padding-left:20px;
	padding-right:30px;
	border-right:1px solid #ffffff;
}

div.review-card  div.review-card-container{
	background:#2F4F4F;width:100%;height:auto;margin-top:-40px;
}
div.review-summary{margin:60px 0 0 !important;border-right:0px !important;}
div.review-pros-cons{margin-top:10px !important;}
div.review-summary{width:auto !important;padding-right:20px !important}
.hex{margin-left:-75px !important;left:50%;}

.page404{
	text-align:center;
}
.page404 h1{
	color:#323a45;
	font-size: 8em;
    font-weight: 600;
}
.page404 h4{
	font-size: 1.429em;
    color: #7c8795;
    text-transform: uppercase;
}

.page404 p{
	margin: 1em 0 2em;
    font-size: 1.1em;
    line-height: 1.5em;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes custom-fadein {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes custom-fadeout {
  from {opacity: 1;}
  to {opacity: 0;}
}



@media (max-width: 768px){
    a.pb-special .excerpt {
        display: none;
    }
}

@media(min-width: 728px) {
    .mobile-specific {
        display:none;
    }
}