@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

body {font-family: 'Open Sans', sans-serif; letter-spacing: 1px;}
a:link {color: #40b6e4;}
* {outline: none;}

.round-corners {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		-ms-border-radius: 4px;
		 -o-border-radius: 4px;
			border-radius: 4px;
}
.round {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
		-ms-border-radius: 50%;
		 -o-border-radius: 50%;
			border-radius: 50%;
}



h6 {color: #3d4142; font-weight: 700; text-transform: uppercase;}

.wrapper {position: absolute; min-height: 100%; padding-bottom: 108px; width: 100%;}

#header {background: rgba(0,0,0,.3); padding: 9px 0; border: none; margin: 0;}
#header .navbar-toggle .icon-bar {background: #fff;}
#navigation .nav {margin-right: 0; padding: 8px 0;}
#navigation .nav > li > a {height: 34px; line-height: 34px; font-size: 11px; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.75); text-transform: uppercase; padding: 0; font-weight: 700;}
#navigation .nav > li > a:hover, #navigation .nav li.active a {background: transparent; color: #40b6e4}
#navigation .nav > li > a:focus {outline: none; background: transparent;}
#navigation .nav > li {margin-left: 25px; position: relative;}
#navigation .nav > li.btn-login > a {background: #40b6e4; padding: 0 20px;}
#navigation .nav > li.btn-login > a:hover, #navigation .nav > li.btn-login.opened > a {color: #666; background: #fff;}
#navigation .login-popup {position: absolute; width: 220px; background: #fff; right: 0; margin-top: 17px; display: none;}
#navigation .login-popup:before {width: 10px; height: 5px; content: " "; background: url(../img/icons/login-pop-arrow.png); display: block; float: right; margin-right: 35px; margin-top: -5px;}
#navigation .login-popup .login {padding: 15px; border-bottom: 1px solid #eee;}
#navigation .login-popup .social-login a {display: block; height: 34px; text-align: center; line-height: 34px; overflow: hidden; font-size: 10px; font-weight: 700; line-height: 34px; text-transform: uppercase; color: #fff;}
#navigation .login-popup .social-login a:hover {opacity: .9; text-decoration: none;}
#navigation .login-popup .social-login a i {display: inline-block; float: left; height: 34px; width: 38px; font-size: 14px; line-height: 34px; text-align: center; background: rgba(0,0,0,.1);}
#navigation .login-popup .social-login .facebook {background: #4e69a2; margin: 0 0 15px;}
#navigation .login-popup .social-login .google {background: #d73d32;}
#navigation .login-popup .form-login input[type="text"],
#navigation .login-popup .form-login input[type="password"] {background: #f9f9f9; border: 1px solid #e0e0e0; color: #b6b5b5; font-size: 10px; padding: 0 14px; margin-bottom: 15px; height: 34px; display: block; width: 100%;}
#navigation .login-popup .form-login input[type="submit"] {background: #40b6e4; border: none; font-size: 10px; text-transform: uppercase; font-weight: 900; color: #fff; width: 80px; height: 28px;}
#navigation .login-popup .form-login input[type="submit"]:hover {opacity: .9;}
#navigation .login-popup .signup-link {padding: 15px;}
#navigation .login-popup .signup-link a {color: #40b6e4; font-weight: 900; font-size: 10px; line-height: 7px; height: 7px; display: block; text-transform: uppercase;}
.navbar-brand {padding: 5px 15px;}


.hero {padding-top: 70px; background: url(../img/hero-bg.jpg) repeat-y; background-position: center top;}
.hero .index-content-hero {text-align: center; max-width: 800px; margin: 0 auto; padding: 50px 0 65px;}
.hero .slogan {font-size: 42px; color: #fff; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 8px; font-family: 'Lato'; font-weight: 900;}
.hero .description {font-size: 11px; color: #fff; text-transform: uppercase; line-height: 20px; font-weight: 600; margin-bottom: 45px;}
.hero .hero-search {
	border: 1px solid rgba(255,255,255,.1); 
	background-color: rgba(0,0,0,.2);
			box-shadow: inset 0 0 10px rgba(0,0,0,.5);
	   -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.5);
	padding: 9px;
}
.hero .hero-search .form-group {margin: 0; background: #fff; padding: 5px; position: relative;
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.45);
 -webkit-box-shadow: 0 0 6px rgba(0,0,0,.45);
		 box-shadow: 0 0 6px rgba(0,0,0,.45);
}
.hero .hero-search .form-group input {border: none; outline: none; height: 40px; font-size: 20px; font-weight: 700; text-transform: uppercase;}
.hero .hero-search .form-group input[type="search"] {color: #666; width: 100%; padding-right: 150px; padding-left: 10px;}
.hero .hero-search .form-group input[type="submit"] {color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.75); background: #48bd82; padding: 6px 22px; position: absolute; right: 5px; top: 5px; z-index: 2;}
.hero .hero-search .form-group input[type="submit"]:hover {background: #44cd88;}
.hero.page-title-hero .title {font-size: 28px; color: #fff; text-transform: uppercase; letter-spacing: 4px; font-family: 'Lato'; font-weight: 900;}
.hero.page-title-hero .hero-title-content {padding: 40px 0;}
.hero .hero-logged-content {padding: 23px 0;}
.hero .hero-logged-content .user-logged {color: #fff; font-size: 12px; line-height: 34px;}
.hero .hero-logged-content .credits-info {color: #fff; font-size: 10px; text-transform: uppercase; font-weight: 700; display: inline-block; margin-right: 20px;}
.hero .hero-logged-content .credits-info span {color: #5bd698;}
.hero .hero-logged-content .imei-btn {text-shadow: none; font-weight: 600;}
.hero .hero-logged-content .imei-btn:hover {opacity: .9; color: #fff;}

#how-works {padding: 75px 0 40px; background: #fff; text-align: center;}
#how-works .item {margin-bottom: 30px;}
#how-works .item .desc {color: #3d4142; line-height: 18px; font-size: 12px; text-transform: uppercase; margin-top: 20px; font-weight: 700;}

#phone-info-blocks {background: #f3f3f3; padding: 75px 0 45px;}
#phone-info-blocks .block {position: relative; margin: 0 0 30px;}
#phone-info-blocks .block .icon {position: absolute; left: 15px; top: 0; width: 60px; height: 60px; background: #636082; text-align: center;}
#phone-info-blocks .block .icon i {text-shadow: 0 1px 0 rgba(0,0,0,.75); font-size: 30px; color: #fff; line-height: 60px;}
#phone-info-blocks .block .text {margin-left: 80px;}
#phone-info-blocks .block h6 {color: #3d4142; font-size: 12px; font-weight: 700; margin: 0 0 12px; text-transform: uppercase;}
#phone-info-blocks .block p {color: #727272; font-size: 12px; line-height: 18px; margin: 0 0 10px;}
#phone-info-blocks .block a {font-size: 11px; text-transform: uppercase; font-weight: 700;}

#statistics {padding: 75px 0 40px; background: #35334c; color: #fff;}
#statistics .item {margin: 0 0 35px;}
#statistics .item h6 {color: #fff; font-size: 12px; font-weight: 700; margin: 0; text-transform: uppercase;}
#statistics .item h6:after {content: " "; height: 2px; background: #fff; width: 100px; margin: 12px 0 26px; display: block;}
#statistics .item p {color: #fff; font-size: 12px; line-height: 18px; margin: 0;}
#statistics .item .date {color: #c6c5c7; font-size: 10px; font-weight: 600; margin-bottom: 18px;}
#statistics .item a {margin-top: 20px; display: block; font-size: 12px;}
#statistics .item.news .inf {font-size: 11px;}

#footer {padding: 45px 0; background: #1f1e2d; width: 100%; position: absolute; bottom: 0;}
#footer p, #footer ul {margin: 0; font-size: 11px; color: #fff; line-height: 18px; font-weight: 700; text-transform: uppercase;}
#footer ul a {color: #fff;}
#footer ul a:hover {color: #40b6e4; text-decoration: none;}
#footer ul {text-align: right;}
@media screen and (max-width: 767px) {
	#footer p {margin-bottom: 15px;}
	#footer, #footer ul {text-align: center;}
}

.main {padding: 55px 0;}

.faq li {padding: 15px 0; border-bottom: 1px solid #eeeeee;}
.faq .answeer {background: #eee; padding: 13px 20px; display: none; margin: 20px 20px 0 23px; line-height: 22px; color: #666565; font-size: 11px;}
.faq .trigger {color: #595959; cursor: pointer; font-size: 13px; font-weight: 600; line-height: 18px;}
.faq .trigger i {font-size: 15px; display: inline-block; float: left; line-height: 19px; margin-left: 3px; width: 9px; height: 18px; background: url(../img/icons/faq-closed.png) no-repeat left center;}
.faq li.opened .trigger i {background: url(../img/icons/faq-opened.png) no-repeat left center;}
.faq .trigger .question {display: inline-block; margin-left: 16px; float: left;} 


#about-section hr {margin: 45px 0;}
#about-section p {font-size: 11px; line-height: 22px; color: #727272; margin: 0;}

.contact-form {background: #f9f9f9; border: 1px solid #eee; padding: 25px 15px 5px; margin: 45px 0;}
.contact-form label {color: #3d4142; text-transform: uppercase; font-size: 12px;}
.contact-form .form-group {margin-bottom: 25px;}
.contact-form textarea.imei-form-control {height: 130px; margin-bottom: 50px;}
.contact-form .btn {background: #40b6e4; width: 80px; height: 40px; font-size: 11px; color: #fff; font-weight: 900;}
.contact-form .btn:hover {opacity: .9;}

.imei-form-control {display: block; width: 100%; color: #666; font-size: 12px; border: 1px solid #e0e0e0; background: #fff; height: 40px; padding: 0 10px;}

#blacklist-section > p {color: #727272; font-size: 12px; line-height: 18px; margin-bottom: 15px;}
#blacklist-section h6 {margin-bottom: 27px;}
#blacklist-section ol {line-height: 26px; color: #727272; font-size: 12px;}
#blacklist-section ol li b {color: #3d4142;}
#blacklist-section hr {margin: 45px 0;}
#blacklist-section .comments ul {margin-bottom: 70px;}
#blacklist-section .comments ul li {padding: 12px 20px; border: 1px solid #eee; border-top: none;}
#blacklist-section .comments ul li:first-child {border-top: 1px solid #eee;}
#blacklist-section .comments ul li p {margin: 0; line-height: 22px; color: #727272; font-size: 12px;}
#blacklist-section .comments ul li p b {text-transform: uppercase;}
#blacklist-section .comments ul li:nth-child(even) {background: #f9f9f9;}
#blacklist-section .comments form .note {color: #a6a6a6; font-size: 10px; margin: 15px 0 25px;}
#blacklist-section .comments form .imei-form-control {padding: 15px; height: 120px;}
#blacklist-section .comments form input[type="submit"] {width: 80px; height: 34px; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,.75); background: #40b6e4; text-transform: uppercase; font-weight: 900; font-size: 11px; letter-spacing: 1px;}


.imei-btn{text-shadow: 0 1px 0 rgba(0,0,0,.75); height: 34px; color: #fff; line-height: 34px; padding: 0 18px; border: none; background: #40b6e4; text-transform: uppercase; font-weight: 900; font-size: 11px; letter-spacing: 1px;}
.imei-btn:hover {opacity: .9;}


.selected-phone h4 {color: #3d4142; font-size: 18px; text-transform: uppercase; padding-bottom: 27px; border-bottom: 1px dashed #eee; margin-bottom: 30px; font-weight: 700;}
.selected-phone .visual-details {background: #f9f9f9; border: 1px solid #eee; text-align: center; padding: 15px;
	-webkit-border-radius: 4px 0 0 0;
	   -moz-border-radius: 4px 0 0 0;
		-ms-border-radius: 4px 0 0 0;
		 -o-border-radius: 4px 0 0 0;
			border-radius: 4px 0 0 0;
}
.selected-phone .visual-details .inner {background: #fff; border: 1px solid #f2f2f2;}
.selected-phone .visual-details .manufacture {height: 113px; border-bottom: 1px solid #f2f2f2; line-height: 112px;}
.selected-phone .visual-details .device-image {height: 585px; line-height: 585px;}
.selected-phone .visual-details .buttons {border: 1px solid #3ca771; margin-left: -1px; margin-right: -1px; margin-bottom: -1px;
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
		-ms-border-radius: 0 0 4px 4px;
		 -o-border-radius: 0 0 4px 4px;
			border-radius: 0 0 4px 4px;
}
.selected-phone .visual-details .buttons a {height: 48px; background: #48bd82; font-size: 11px; text-transform: uppercase; color: #fff; width: 100%; float: left; font-weight: 700; line-height: 18px; padding: 15px 0; text-decoration: none;}
.selected-phone .visual-details .buttons a:hover {background: #57d495;}
.selected-phone .visual-details .buttons a.check {border-right: 1px solid #3eab74;}
.selected-phone .visual-details .buttons a.cash {border-left: 1px solid #63c795;}
.selected-phone .phone-info {position: relative; overflow: hidden;
	-webkit-border-radius: 0 4px 0 0;
	   -moz-border-radius: 0 4px 0 0;
		-ms-border-radius: 0 4px 0 0;
		 -o-border-radius: 0 4px 0 0;
			border-radius: 0 4px 0 0;
}
.selected-phone .phone-info:before {width: 13px; content: ""; height: 100%; position: absolute; z-index: 9; left: 0; top: 0; bottom: 0; background: url(../img/icons/shadow.png) repeat-y;}
.selected-phone .phone-info .fa-check {color: #48bd82;}
.selected-phone .phone-info .fa-times {color: #ff0000;}


.imei-table thead {border: 1px solid #e3e3e3; background: #eee;}
.imei-table tbody tr {border: 1px solid #eee; border-top: none;}
.imei-table tbody tr:nth-child(even) {background: #f9f9f9;}
.imei-table th,
.imei-table td {font-size: 11px; line-height: 16px; padding: 11px 20px;}
.imei-table th {text-transform: uppercase; color: #666666; border-bottom: none!important;}
.imei-table td {color: #727272;}
.imei-table .clean {color: #48bd82;}
.imei-table .blacklisted {color: #ff0000;}

.imei-form .form-group {margin-bottom: 25px;}
.imei-form .form-group label {color: #3d4142; text-transform: uppercase; margin-bottom: 15px;}
.imei-form .form-group .imei-form-control {background: #f9f9f9;}

.site-access h5 {text-transform: uppercase; color: #3d4142; font-size: 16px; margin-bottom: 25px; padding-bottom: 17px; border-bottom: 1px solid #f1f1f1; font-weight: 700;}

.tabs {border-bottom: 1px solid #eee; margin-left: 0; margin-bottom: 50px;}
.tabs li {padding: 0;}
.tabs li a {border: 1px solid transparent; margin-bottom: -1px; outline: none; position: relative; z-index: 1; border-top-width: 2px; display: block; height: 47px; line-height: 47px; padding:  0 30px; color: #888; font-size: 11px; text-transform: uppercase; font-weight: 700; text-decoration: none;}
.tabs li a:hover {color: #3d4142;}
.tabs li.active a {border-color: #eee; border-top-color: #40b6e4; border-bottom-color: #fff; color: #3d4142;}


.change-password {margin-top: 10px;}
.change-password label {font-size: 12px; color: #3d4142;}
.change-password .btn {text-shadow: none; color: #fff;}
.change-password .imei-btn-danger {background: #fb0053; margin-left: 2px;}

.free-credits-panel {background: #f9f9f9; border: 1px solid #eee; padding: 15px; padding-bottom: 5px;}
.free-credits-panel ul {background: #fff; border: 1px solid #f2f2f2; line-height: 18px;}
.free-credits-panel ul li {border-bottom: 1px solid #f2f2f2; padding: 11px 14px;}
.free-credits-panel ul li:last-child {border-bottom: none;}
.free-credits-panel ul li b {color: #3d4142; font-size: 11px; font-weight: 700; text-transform: uppercase;}
.free-credits-panel ul li.active-credits {color: #888; font-size: 10px; text-transform: uppercase; font-weight: 700;}
.free-credits-panel ul li.active-credits span {color: #48bd82; float: right;}
.free-credits-panel ul li p {color: #9a9a9a; font-size: 11px;}
.free-credits-panel ul li p span {color: #3d4142; font-weight: 700;}
.free-credits-panel ul li.buy-credits label {margin: 0; color: #666; font-size: 10px; font-weight: 700; text-transform: uppercase;}
.free-credits-panel ul li.buy-credits select {height: 32px; background: #f9f9f9; margin-bottom: 10px; font-size: 10px; color: #727272;}
.credits-info p {color: #9a9a9a; font-size: 11px; line-height: 18px; margin-bottom: 15px;}

.check-imei {background: #35334c; padding: 10px 20px 20px; margin: 50px 0;}
.check-imei p {color: #fff; margin: 0 0 5px; font-size: 10px; font-weight: 700;}
.check-imei p span {color: #d8d8d8;}
.check-imei button.btn {background: #48bd82; display: block; height: 40px; text-shadow: none; width: 100%; color: #fff;}



.cash-phone-nav {background: #35334c; font-size: 13px; font-weight: 700; color: #fff; position: relative; overflow: hidden; margin: 0 0 70px;}
.cash-phone-nav:after {content: " "; width: 100%; position: absolute; left: 0; bottom: 0; height: 5px; background: rgba(255,255,255,.25);}
.cash-phone-nav ul {margin: 0; text-align: center;}
.cash-phone-nav ul li {width: 25%; position: relative; padding: 0; border-right: 1px solid #45435a; border-left: 1px solid #252435; float: left;}
.cash-phone-nav ul li:last-child {border-right: none;}
.cash-phone-nav ul li:first-child {border-left: none;}
.cash-phone-nav ul li a {display: block; color: #fff; height: 55px; line-height: 50px; text-decoration: none; text-transform: uppercase;}
.cash-phone-nav ul li.active:after {content: " "; height: 5px; background: #57df9b; width: 100%; position: absolute; bottom: 0; left: 0;}
.cash-phone-nav ul li.active a {color: #57df9b;}

.cash-phone-form .step {margin-bottom: 35px; display: none;}
.cash-phone-form .box {background: #f9f9f9; border: 1px solid #eee; padding: 14px;}
.cash-phone-form .box.selected {background: #40b6e4;}
.cash-phone-form .box .inner {background: #fff; padding: 10px 14px 14px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1);}
.cash-phone-form .box .selects label {font-size: 10px; text-transform: uppercase; color: #666666; margin: 0; line-height: 11px;}
.cash-phone-form .box .selects select {height: 32px; color: #727272; font-size: 10px;}
.cash-phone-form .box .selects .separator {height: 10px;}
.cash-phone-form .radio-btn {text-align: center; padding: 10px;}
.cash-phone-form .box .content {text-align: center; color: #666666; font-size: 13px; font-weight: 700; text-transform: uppercase; height: 114px;}
.cash-phone-form .box .content .icon {font-size: 34px;}
.cash-phone-form .box table {width: 100%; text-align: center; vertical-align: middle; height: 114px;}
.cash-phone-form .box table td {vertical-align: middle; height: 114px;}
.cash-phone-form .box h4 {color: #3d4142; font-weight: 700; margin: 0; text-transform: uppercase; text-align: center; }
.cash-phone-form .box h6 {color: #8b9091; text-transform: none; text-align: center; margin-top: 3px;}
.cash-phone-form .box .desc,
.cash-phone-form .box ul li {color: #9a9a9a; font-size: 11px; line-height: 18px; font-weight: 400;}
.cash-phone-form .box ul {padding-left: 15px;}
.cash-phone-form .box .desc label {font-weight: 400; margin: 0; line-height: 22px;}
.cash-phone-form .box .desc label input {margin: 0; vertical-align: -2px; margin-right: 4px;}

.cash-phone-form .imei-search {height: 50px; padding: 4px; background: #f9f9f9; border: 1px solid #e0e0e0; position: relative;}
.cash-phone-form .imei-search .btn {width: 97px; height: 40px; background: #48bd82; color: #fff; float: right; position: absolute; right: 4px; top: 4px; z-index: 2;}
.cash-phone-form .imei-search input[type="text"] {border: none; background: transparent; height: 40px; letter-spacing: 1px; width: 100%; padding: 0 105px 0 9px; color: #666666; font-size: 11px; font-weight: 700;}
.cash-phone-form select.imei-form-control {height: 50px; background: #f9f9f9; color: #666666; font-size: 11px; font-weight: 700; letter-spacing: 1px;}
.cash-phone-form  .or {text-align: center; line-height: 50px; color: #838383; font-size: 11px; font-weight: 700;}
.cash-phone-form .adv-src-trigger {color: #40b6e4; text-transform: uppercase; float: right; clear: both; margin-top: 10px; height: 20px; line-height: 20px; font-size: 11px; font-weight: 700;}
.cash-phone-form .adv-src-trigger i {display: inline-block; margin-left: 3px;}
.cash-phone-form .show-price {max-width: 360px; width: 90%; height: 50px; line-height: 50px; background: #48bd82; font-size: 13px; color: #fff; display: block; margin: 0 auto 95px; text-shadow:none;}
.cash-phone-form .info h6 {font-size: 13px; color: #3d4142; font-weight: 700;}
.cash-phone-form .info ul {margin: 0; font-size: 11px; line-height: 24px; color: #9a9a9a; padding-left: 15px;} 
.cash-phone-form .nav-btns a {color: #40b6e4; font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: 700;}
.cash-phone-form .nav-btns a:hover {color: #55d697;}
.cash-phone-form .price {
	border: 5px solid #000;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #35334b;
	margin: 90px auto;
	max-width: 800px;
	font-family: 'Lato';
	font-weight: 700;
	color: #fff;
	text-shadow: 0 2px 4px rgba(0,0,0,.5);
}
.cash-phone-form .price ul {margin: 0;}
.cash-phone-form .price > ul > li {height: 300px; font-size: 200px; text-shadow: 0 2px 4px rgba(0,0,0,.5); width: 25%; float: left; margin: 0; padding: 0; text-align: center;
	-moz-box-shadow: inset 0 0 50px rgba(0,0,0,.35);
	-webkit-box-shadow: inset 0 0 50px rgba(0,0,0,.35);
	box-shadow: inset 0 0 50px rgba(0,0,0,.35);
	border-right: 1px solid #3b394d;
	border-left: 1px solid #1e1e2b;
	overflow: hidden;
}
.cash-phone-form .price > ul > li:first-child {border-left: none;}
.cash-phone-form .price > ul > li:last-child {border-right: none;}

.cash-phone-form #show-price, 
.cash-phone-form #select-model {display: none;}

.thanks {padding: 50px 0 150px;}
.thanks {text-align: center;}
.thanks p {font-size: 32px; color: #48bd82; font-weight: 700;}
.thanks span {display: block; width: 100px; height: 100px; border-radius: 50%; background: #48bd82; color: #fff; text-align: center; margin: 20px auto; font-size: 50px; line-height: 100px;}






