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

body {
    font-family: 'Open Sans', sans-serif;
    background-color: #fafafa;
    color: #000000;
}

h1 {
    font-size: 36px;
    font-weight: normal;
    font-family: 'PT Sans', sans-serif;
    color: #033870;
    text-align: center;
    margin: 0 0 23px;
    padding: 20px 0 0 0;
}

h2,
h3,
h4,
h5 {
    font-size: 36px;
    font-weight: normal;
    font-family: 'PT Sans', sans-serif;
    color: #033870;
    margin: 0 0 23px;
}

ul li {
	padding-bottom: 15px;
	line-height: 27px;
}

a {
    color: blue;
    text-decoration: none;
    background: transparent;
}

a:focus,
a:hover {
    color: red;
    text-decoration: none;
}

header {
    background-image: url("../img/header_22.png");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 120px;
    width: 100%;
    background-position: 80% center;
}

header .lg {
    margin: 30px auto;
    display: block;
}

header p {
    color: #fafafa;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    float: left;
    margin: 83px 0 0;
}

.head-top-list {
    text-shadow: 1px 1px 1px #16345a, 3px 3px 5px #16345a;
    font-size: 20px !important;
    font-weight: 100;
    color: rgb(250, 250, 250);
    line-height: 1.1;
    /*margin: 0 40px;*/
    padding-left: 110px;
}

.head-top-list li::before {
    background: url("../img/li_head_chek.png") no-repeat;
    height: 32px;
    width: 32px;
    content: "";
    float: left;
    display: inline-block;
    margin-right: 15px;
}

.head-top-list li:last-child {
    width: 200px;
}

.boldy {
    font-weight: bold;
}

/*.head-top-list li {
    margin: 0px 3.45%;
}*/

/*section.best-essay {
    padding: 20px 0;
}*/

.text {
    color: #373737;
    line-height: 22px;
}

.box {
    background: #fff;
    min-height: 155px;
    padding: 5px;
    margin: 0px;
    box-shadow: 0px 0px 5px 0px rgba(231, 231, 231, 1);
}

.box-sm {
    min-height: auto !important;
    padding: 15px;
    margin: 0;
}

.box p {
    color: #485258;
    font-size: 24px;
    font-weight: 300;
    line-height: 28px;
}

.box p span {
    font-weight: 800;
    color: #3a6082;
    font-size: 60px;
    line-height: 46px;
}

.toplist {
    margin: 20px 0 0;
    padding: 18px 25px;
    font-size: 13px;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(231, 231, 231, 1);
}

.toplist.active {
    border: 3px solid #1061a6;
    padding-top: 55px;
}

.toplist.active .top-choice {
    position: absolute;
    top: -13px;
    left: 10px;
}


/*.toplist.active .to-left {
    padding-left: 75px;
}*/

.top-essay h2 {
    margin: 0;
}

.color-blue {
  color: #033870; 
}

.color-blue {
  margin-top: 25px; 
  font-size: 36px;
  font-weight: normal;
  font-family: inherit;
}

.head {
    color: #0a2d45;
    font-size: 28px;
    margin: 0 0 15px;
    word-break: break-all;
}

.company {
    float: left;
    display: block;
    /*width: 100%;
    padding-left: 36px;*/
}

.users_say {
    float: right;
}

.company.img-item {
    padding-left: 0 !important;
    width: 100%;
}

.key_features .head,
.users_say .head {
    color: #398ec7;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 18px;
}

.key_features li {
    background: url(../img/li.png) no-repeat 0 3px;
    padding: 0 0 0 27px;
    margin: 0 0 10px;
    line-height: 19px;
}

.key_features .list-unstyled {
    min-height: 50px;
}
.key_features {
    min-height: 50px;
    max-width: 200px;
    margin: 0 auto;
}
.recommend img {
    position: absolute;
    z-index: 1;
    left: -20px;
    top: -10px;
}

.recommend .btn {
    float: right;
    margin: auto 15px;
}

.users_say p {
    color: #232323;
    font-weight: 600;
    float: right;
    padding: 0 12%;
}

.users_say span {
    margin: 0 12px 0 0;
    min-width: 51px;
    display: inline-block;
}

.bottom_text {
    padding-top: 30px;
}

.bottom_text p {
    color: #373737;
    line-height: 22px;
    margin: 0 0 20px;
}

.bottom_text ul {
    margin: 0 0 20px;
}

.bottom_text li {
    margin: 0 0 5px 0px;
    color: #373737;
}

footer {
    background: #0b4e95;
    text-align: center;
    padding: 20px 0 5px;
}

footer p {
    color: #9cc2ea;
    font-size: 13px;
    line-height: 22px;
}

.btn-danger {
    display: inline-block;
    box-sizing: content-box;
    cursor: pointer;
    padding: 0 0;
    min-width: 133px;
    height: 37px;
    border: none;
    border-color: transparent;
    /*border-bottom: 3px solid #b71c00;*/
    border-radius: 0;
    font: 28px/35px 'PT Sans Narrow', sans-serif;
    color: rgba(255, 255, 255, 0.9);
    text-overflow: clip;
    background: -webkit-linear-gradient(-90deg, #398ec7 0, #2C79CA 100%);
    background: -webkit-linear-gradient(270deg, #398ec7 0, #2C79CA 100%);
    background: linear-gradient(180deg, #398ec7 0, #2C79CA 100%);
    background-position: 50% 50%;
    background-origin: padding-box;
    background-clip: border-box;
    background-size: auto auto;
    /*-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 3px 0 #2C79CA;
    text-shadow: 0px -1px 1px rgba(153, 40, 3, 1);
    text-decoration: none;
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn-danger:active,
.btn:active,
{
    background: -webkit-linear-gradient(-90deg, #398ec7 0, #2C79CA 100%);
    background: -webkit-linear-gradient(270deg, #398ec7 0, #2C79CA 100%);
    background: linear-gradient(180deg, #398ec7 0, #2C79CA 100%);
    background-position: 50% 50%;
    outline: none;
    box-shadow: none;
    text-shadow: 0px 1px 1px rgba(153, 40, 3, 1);
}

.btn-danger:hover,
.btn-danger:focus {
    background: -webkit-linear-gradient(-90deg, #398ec7 0, #2C79CA 100%);
    background: -webkit-linear-gradient(270deg, #398ec7 0, #2C79CA 100%);
    background: linear-gradient(180deg, #398ec7 0, #2C79CA 100%);
    background-position: 50% 50%;
    outline: none;
    text-shadow: none;
}

.btn-danger_green {
    display: inline-block;
    box-sizing: content-box;
    cursor: pointer;
    padding: 0 0;
    min-width: 133px;
    height: 37px;
    border: none;
    border-color: transparent;
    /*border-bottom: 3px solid #b71c00;*/
    border-radius: 0;
    font: 28px/35px 'PT Sans Narrow', sans-serif;
    color: rgba(255, 255, 255, 0.9);
    text-overflow: clip;
    background: -webkit-linear-gradient(-90deg, #70D328 0, #5cbb16  100%);
    background: -webkit-linear-gradient(270deg, #70D328 0, #5cbb16  100%);
    background: linear-gradient(180deg, #70D328 0, #5cbb16  100%);
    background-position: 50% 50%;
    background-origin: padding-box;
    background-clip: border-box;
    background-size: auto auto;
    /*-webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);*/
    box-shadow: 0 3px 0 #5cbb16;
    text-shadow: 0px -1px 1px rgba(153, 40, 3, 1);
    text-decoration: none;
    -webkit-transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 300ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn-danger_green:active,
.btn:active,
{
    background: -webkit-linear-gradient(-90deg, #70D328 0, #5cbb16  100%);
    background: -webkit-linear-gradient(270deg, #70D328 0, #5cbb16  100%);
    background: linear-gradient(180deg, #70D328 0, #5cbb16  100%);
    background-position: 50% 50%;
    outline: none;
    box-shadow: none;
    text-shadow: 0px 1px 1px rgba(153, 40, 3, 1);
}

.btn-danger_green:hover,
.btn-danger_green:focus {
    background: -webkit-linear-gradient(-90deg, #70D328 0, #5cbb16  100%);
    background: -webkit-linear-gradient(270deg, #70D328 0, #5cbb16  100%);
    background: linear-gradient(180deg, #70D328 0, #5cbb16  100%);
    background-position: 50% 50%;
    outline: none;
    text-shadow: none;
}

/*-- input---*/

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    display: block;
    float: right;
    width: 60%;
}

.gsearch {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(28, 73, 133);
    background-color: rgb(156, 193, 238);
    border-radius: 0;
    width: 100%;
    height: 38px;
    margin: 40px auto;
    display: block;
    float: right;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding-left: 40px;
}


/*.form-control{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(28, 73, 133);    
    background-color: rgb(156, 193, 238);
    border-radius: 0;
    width: 65%;
    height: 38px;
    margin: 40px auto;
    display: block;
    float: right;
}*/

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon .glyphicon{
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 20px;
    width: 20px;
    text-align: center;
    padding: 10px 0;
    top: 40px;
    color: #1C4985;
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}

#first_examp {
    border: 3px solid #1261a7; 
}
.top-bage{
    position: absolute;
    top: -14px;
}

#first_title {
    padding-left: 18%;
}

#header_feat {
	margin-left: 10%;
}

.header_feat {
	background: url(../img/head_fea_icon.png) no-repeat 0% 0%;
	width: 33%;
	display: inline-block;
}

.header_feat p {
	font-size: 18px;
	padding-left: 40px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	margin: 0px auto 40px auto;
}
main{
	padding-bottom:40px;
}
.top-raiting{
 	text-align: right;
    	padding-right: 31%;
}
.top-brand-box{
	
}
.text-center .key_features li{
 	text-align: left;
 	line-height: 24px;
}
.recommend .btn.btn-danger.btn-danger-new {
	height: 39px;
	float:none!important;
	box-shadow: none;
	background: #ff4906; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff4906 0%, #fe2800 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff4906 0%,#fe2800 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff4906 0%,#fe2800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4906', endColorstr='#fe2800',GradientType=0 ); /* IE6-9 */

}
.compare-box{
	padding:30px; 
}
.col-md-4.text-center .company{
	float:none!important;
	text-align:center;
}
.top-brand-box,.compare-box{
	box-shadow: 1px 1px 3px 1px #e7e7e7, -1px -1px 3px 1px #e7e7e7;
}
.top-brand-box{
	padding-top:24px;
	padding-bottom:24px;
	padding-left:15px;
	margin-bottom:24px;
	
}
.top-brand-box,.compare-box{
	background-color: #fff;
}
.box.box-sm.text-center.box-sm-new{
	padding-top:0;
}
a.btn-link-new{
	display: inline-block;
	height: 39px;
}
.recommend {
    padding-right: 9px;
}

.btn-danger,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger_green:hover, 
.btn-danger_green:focus,
.btn-danger_green{
   background: -webkit-linear-gradient(-90deg, #ff6523 0, #fe3600 100%);
   background: -webkit-linear-gradient(270deg, #ff6523 0, #fe3600 100%);
   background: linear-gradient(180deg, #ff6523 0, #fe3600 100%);
   box-shadow: 0 2px 0 #c32700;
   color: #fff;

}

.form-wrapp {
    max-width: 450px;
    padding-bottom: 25px;
    margin: 0 auto;
}
.form-wrapp label,
.form-wrapp input{
   display: block;
}
.form-wrapp input,
.form-wrapp textarea{
   padding: 10px;
   margin-bottom: 25px;
   border: 3px solid #1261a7;
   
}
.form-wrapp label,
.form-wrapp input,
.form-wrapp textarea{
   width: 100%;
 
}
.form-wrapp textarea{
   resize: none;
}
#book-submit{
  width: 133px;
  margin: 0 auto;
  border: none;
}

footer a {
    color: #fff;
}
.company img{
    width: 235px;
    margin: 0 auto;
}