*{
	margin: 0;
	padding: 0;
}
html{
	font-size: 20px;
	height: auto;
	width: 100%;
}
body{
	font-family: Myriad Pro Regular, Myriad Pro, Arial, Tahoma;
	background: #ebebeb;
	position: relative;
	min-width: 73.8%;
}
a{
	text-decoration: none;
	color: #d5d5d5;
	font-size: 0.6rem;
}
p{
	font-size: 0.6rem;
}
h2{
	font-size: 0.9rem;
	color: #d5d5d5;
}
h3{
	font-size: 0.9rem;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 100;
}
.nav-bottom div, ul, li, form, .logo{
	display: inline-block;
}
										/*HEADER*/

.head-box, .nav-top, .nav-bottom, .feature, .content, .footer-wrap, .footer-bottom, .slider{
	width: 47rem;
	margin: 0 auto;
	position: relative;
}
#wrapper{
	width: 47rem;
	height: 100%;
	margin: 0 auto;
}
.bg-box{
	height: 3.350rem;
	background: #474747;
	position: absolute;
	top: 3.350rem;
	right: 0;
	left: 8.450rem;
}
.bg-box-head{
	height: 3.350rem;
	position: absolute;
	background: #373737;
	left: 0;
	right: 0;
}
header{
	height: 3.350rem;
	background: #373737;
}
.head-box{
	height: 3.350rem

}
a[title="logo"]{
	width: 4.6rem;
	height: 3.350rem;
	display: block;
	background: transparent url("img/shape-2.png") no-repeat scroll 0% 0%;
}
a[title="GoodInc"]{
	font-size: 0.9rem;
	display: inline-block;
	padding-left: 0.5rem;
	vertical-align: top;
	margin-top: 1.1rem;
}
										/*SELECT BOX*/
.select-box{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0.750rem;
}
.general {
    height: 1.8rem;
    width: 9rem;
    overflow: hidden;
    background: #ffffff url("img/strelki.png") no-repeat 100% 50%;
    display: inline-block;
}
.general select {
    padding: 0.5rem 0 0.5rem 2rem;
    border: none;
    box-shadow: none;
    font-size: 0.6rem;
    color: #959595;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    -em-appearance: none;
}
.contact{
	width: 7.3rem;
	margin-left: 1rem;
}
.contact select {
	background: url(img/clock_pin.png) no-repeat 10% 50%;
}
.newsletter select{
	background: url(img/map_pin.png) no-repeat 7% 50%;
}
.newsletter select option{
	width: 2.5rem;
	height: 0.5rem;
}
.select-box select:focus {
    outline: none;
}

										/*NAV*/
.navigation{
	position: relative;
}
.nav-top{
	height: 3.350rem;
	background: #474747;
}
.nav-top a{
	font-size: 0.6rem;
	color: #d5d5d5;
}
.menu{
	width: 21rem;
	padding-left: 4rem;
	background: url(img/map_pin.png)no-repeat 6% 50%;
	position: relative;
}
.menu li{
	width: 3.5rem;
	display: inline-block;
	background: url(img/pointer.png)no-repeat 0 50%;
}
.menu li:first-child{
	background: none;
}
.menu li a{
	display: block;
	padding: 1.5rem 0 1.2rem 0;
	text-align: center;
}
.menu li a:focus{
	background: url(img/underline.png)no-repeat 50% 100%;
}
.quicklinks{
	position: relative;
	right: -7.5rem;
	top: 0;
}
.quicklinks li{
	background: url(img/pointer2.png)no-repeat 100% 50%;
}
.quicklinks a{
	display: block;
    vertical-align: top;
    text-align: center;
}
.links{
    text-align: left;
    padding: 1.550rem 2rem 1.250rem 0rem;
    background: url(img/map_pin.png)no-repeat 80% 50%;
}
.dropdown{
    padding: 1.550rem 1.650rem 1.250rem 1rem;
    background: url(img/strelka2.png)no-repeat 93% 55%;
}

										/*NAV_BOTTOM*/

.inp{
	width: 15rem;
	min-height: 1.5rem;
	background: #ffffff;
	margin-bottom: 0.5rem;
}
input[name="Q"]{
    border: none;
    outline: none;
    -webkit-appearance: none;
    width: 13.250rem;
    height: 2.2rem;
    vertical-align: middle;
    text-indent: 0.750rem;
    color: #959595;
}
input[name="B"] {
    width: 1.250rem;
    height: 1.250rem;
    border: none;
    background: url(img/clock.png) no-repeat 50% 50%;
    outline: none;
    position: absolute;
    top: 1.2rem;
   }
.findy select {
    height: 2.2rem;
    width: 9rem;
    overflow: hidden;
    background-image: url(img/map_pin_gray.png), url(img/strelki_findy.png);
    background-position: 7% 50%, 100% 50%;
    background-repeat: no-repeat, no-repeat;
    background-color: #ffffff;
    display: inline-block;
    border-radius: 0;
    border: none;
    outline: none;
    margin-left: 0.6rem;
    text-indent: 1.5rem;
    color:#959595;
    -webkit-appearance: none;
    -moz-appearance: none;
    -em-appearance: none;
}
.social{
	width: 345;
	position: relative;
	right: -6rem;
	margin-top: 1.250rem;
}
.social a {
	color:#959595;
	margin-left: 1.5rem;
	display: block;
    height: 1.250rem;
    line-height: 1.350rem;
}
.social img {
	padding-right: 0.250rem;
}

										/*FEATURE*/

.select-block{
    width: 31.9%;
    height: 19.5rem;
    position: absolute;
    display: inline-block;
    right: 0;
    background: #373737;
    vertical-align: top;
}
.brows-block{
	position: relative;
    display: inline-block;
    width: 69.6%;
    background: url(img/bg-side-note.png)no-repeat 100% 0%;
}
img[alt="Most"]{
	max-width: 31.1rem;
	height: 19.5rem;
}
.brows-block h4{
	position: absolute;
    bottom: 0.350rem;
    right: 1.6rem;
    color: #d5d5d5;
    font-size: 0.8rem;
    background-color: rgba(0, 0, 0, 0.5);
    width: 55.7%;
    height: 3.250rem;
    box-sizing: border-box;
    padding: 1.150rem 0 0 1.5rem;
}
.feature h2 {
	margin: 2.250rem 0 2.750rem 2.250rem;
}
.feature p{
	color: #a7a7a7;
	margin: 2rem 2.250rem 0 2.750rem;
	line-height: 0.9rem;
}
.plus{
	margin-left: 2.750rem;
	margin-right: 3.5rem;
	vertical-align: sub;
}
.feature .data{
	width: 5.250rem;
	text-align: right;
	display: inline-block;
	margin: 0;
	padding-top: 1.5rem;
	background: url(img/clock-gray.png)no-repeat 2% 100%;
}
.arrow{
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 0.8rem;
	padding: 0.4rem 0.650rem 0.4rem 0.650rem;
}
.back{
	background: #535353;
	margin-right: 1.750rem;
}
.next{
	background: #474747;
}

										/*SLIDER*/

.slider{
	margin-bottom: 1rem;
}
.add{
	display: inline-block;
    height: 15.6rem;
    position: absolute;
    padding: 3.5rem 0.325rem 0rem 0.5rem;
    font-size: 2rem;
    right: -1.750rem;
    top: 0.7rem;

}
.add-1{
    display: inline-block;
    height: 15.5rem;
    position: absolute;
    margin-top: 0.750rem;
    padding: 3.5rem 0.350rem 0rem 0.5rem;
    font-size: 2rem;
    left: -1.750rem;
    top: 0px;
}
.add-1:hover, .add:hover, .read-more:hover{
	background: #cacaca;
}
.slaid a{
	position: absolute;
	right: 0;
	background: url(img/add.png)no-repeat;
}
.slaid {
	width: 31.9%;
	height: 19rem;
	display: inline-block;
	background: #ffffff;
	box-sizing: border-box;
	margin-left: 0.785rem;
	margin-top: 0.750rem;
	position: relative;
}
.block-1{
	margin-left: 0;	
}
.slaid h1 {
	font-size: 1.250rem;
	color: #4f4f4f;
	margin: 1.250rem 0 0 1.5rem;
}
.slaid p{
	color: #4f4f4f;
	margin: 1.250rem 1.250rem 0 1.5rem;
	line-height: 1rem;
}

										/*SECTION*/

											/*reviews*/

section{
	width: 66.1%;
	position: relative;
	display: inline-block;
}										
.reviews, .revievs-small{
	background: #ffffff;
	box-sizing: border-box;
	padding-left: 2rem;
	padding-top: 1.750rem;
	padding-bottom: 1.6rem;
	margin-bottom: 0.6rem;
}
.reviews h1{
	font-size: 1.250rem;
	color: #4f4f4f;
}
.reviews span, .revievs-small span{
	color: #afafaf;
	font-size: 0.5rem;
	font-style: italic;
	padding: 0.5rem 1.5rem 0.5rem 1.5rem;
	background: url(img/pointer-large.gif)no-repeat 100% 50%;
}
.stars{
	background: url(img/stars.gif)no-repeat 20% 40% !important;
	padding-left: 4.250rem !important;
}
.reviews p {
	font-size: 0.7rem;
	color: #4f4f4f;
	line-height: 0.9rem;
	margin-top: 0.6rem;
}
.revievs-small h3{
	color: #4f4f4f; 
}
.revievs-small{
	padding-top: 0.750rem;
	padding-bottom: 0.750rem;
}
.read-more a{
	display: block;
    height: 3rem;
    text-align: center;
    background: url(img/plus-recent.png)no-repeat 50% 70%;
    padding-top: 0.5rem;
    font-size: 0.750rem;
    font-style: normal;
    font-weight: 800;
}

										/*TEXT BOX*/

.website-design{
	height: 52px;
	font-size: 0.6rem;
    background: #ffffff;
    margin-bottom: 1.250rem;
    margin-top: 1.5rem;
    position: relative;
}
img[alt="paste"],[alt="strelki"]{
	padding-left: 1rem;
	position: absolute;
	bottom: 0.9rem;
}
.website-design span{
	width: 26.5%;
	height: 100%;
	display: inline-block;
}
.website-design a{
	display: inline-block;
    margin-top: 0.750rem;
    margin-left: 1.5rem;
    padding-right: 2rem;
    padding-bottom: 0.250rem;
    padding-top: 0.250rem;
}
.website-design span:first-child{
	background: url(img/pointer.png)no-repeat 100% 50%;
}
.website-design span:last-child a{
	color: #f26c4f;
}
img[alt="strelki"]{	
	background-image:url(img/pointer.png),url(img/pointer.png);
	background-position: 30% 50%, 98% 50%;
	background-repeat:no-repeat,no-repeat;
	padding-right: 0.5rem;
}
										/*TEXT-BOX-01*/
.text-box-01, .text-box-03{
	background: #ffffff;
	padding-left: 2.5rem;
	padding-top: 1.750rem;
	line-height: 1rem;
	padding-bottom: 2rem;
	position: relative;
}
.add-text-box{
	color: #ffffff;
	display: inline-block;
	color: #ffffff;
    font-size: 1rem;
    display: inline-block;
    background: #cacaca;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.250rem 0.5rem 0.250rem 0.450rem;
}
.text-box-01 > p{
	padding-top: 2rem;
	color: #bababa;
}
.text-box-01 h1 + p{
	font-size: 0.7rem;
}
.text-box-01 p a{
	color: #f26c4f;
}
.bottom-text-box{
	width: 100%;
	height: 2.250rem;
	background: #efefef;
	position: absolute;
	left: 0;
	bottom: -3.350rem;
}
.bottom-text-box > span{
	color: #afafaf;
	font-size: 0.6rem;
	position: relative;
    top: 0.650rem;
    left: 1.250rem;
}
.bottom-text-box span + span{
	position: absolute;
	right: 1.250rem;
	left: initial;
}
a[title="like"]{
	background: url(img/like.gif)no-repeat 100% 50%;
	padding-right: 0.8rem;
	color: #afafaf;
}

										/*TEXT-BOX-02*/

.text-box-02{
	height: 30.750rem;
	background: #ffffff;
	margin-bottom: 1.250rem;
	margin-top: 3.6rem;
}
.text-box-02 > a{
    position: absolute;
    right: 0;
    margin-top: 13.5rem;
    font-size: 0.8rem;
    padding: 0.4rem 0.650rem 0.4rem 0.650rem;
    background: #535353;
}
.text-box-02 .pin-add{
	margin-right: 1.750rem;
	background: #474747;
}
.text-box-02 > a:hover{
	background: #f26c4f;
}
.text-box-02 h1{
	padding-top: 2rem;
	padding-left: 1.750rem;
}
.text-box-02 p{
	padding-top: 2rem;
	color: #bababa;
	padding-left: 1.750rem;
	padding-right: 1.750rem;
	line-height: 1rem;
}

.text-box-03 p{
	padding-top: 2rem;
	color: #bababa;
}
										/*ASIDE*/
.toolbar{
	width: 31.9%;
	position: relative;
	vertical-align: top;
	margin-left: 0.650rem;
	display: inline-block;
}
.toolbar p{
	color: #a7a7a7;
}
.toolbar h3{
	color: #4f4f4f; 
	font-size: 0.950rem;
}
.rec-block {
	height: 29rem;
	background: #373737;
}
.rec-block h1{
	font-size: 1.250rem;
	color: #ffffff;
	margin: 1.5rem 1.750rem 1.5rem 1.5rem;
}
.rec-block p{
	color: #ffffff;
	margin: 1.5rem 2rem 1.5rem 1.5rem;
	line-height: 1rem;
}
.recent-post{
	box-sizing: content-box;
    padding-left: 0.750rem;
    padding-top: 1.750rem;
    line-height: 1rem;
}
.recent-post span{
	background: url(img/plus-gray.png)no-repeat 0 50%;
	color: #afafaf;
    font-size: 0.6rem;
    font-style: italic;	
    padding-left: 1.250rem;
    padding-top: 0.250rem;
    padding-bottom: 0.250rem;
}
.bor-bot{
	background: url(img/border-bot.png)no-repeat 50% 100%;
	padding-bottom: 1.750rem;
}
.dop-menu{
	width: 100%;
	margin-top: 1.5rem;
}
.dop-menu li{
	width: 100%;
	display: block;
	margin-bottom: 0.250rem;
	box-shadow: 0.150rem 0rem 0rem rgba(0,0,0,0.3);
}
.dop-menu a{
	display: block;
	background: #ffffff;
	padding: 0.5rem  0 0.5rem 1rem;
	color: #474747;
}
.dop-menu span{
	color: #afafaf;
    font-size: 0.6rem;
    font-style: italic;
	padding-left: 0.5rem;
}
.stats{
	position: relative;
	margin-top: 2.5rem;
}
.stats ul:first-child li{
	font-size: 2.4rem;
	display: table;
	font-weight: 800;
}
.stats ul:last-child{
	position: absolute;
	top: 0.650rem;
	right: 0;
	line-height: 1.4rem;
}
.stats ul:last-child > li{
	display: table;
	margin-bottom: 1.5rem;
	color: #afafaf;
	font-size: 0.7rem;
}
.stats img{
	position: absolute;
	right: 6rem;
}

										/*FOOTER*/

footer{
	height: 3.350rem;
	background: #373737;
	padding-bottom: 15rem;
	margin-top: 2.750rem;
}
.footer-box{
	background: #474747;
	height: 3.350rem;
	margin-bottom: 2.5rem;
}
.footer-wrap{
	position: absolute;
}
.footer-logo{
	position: relative;
	top: 1.150rem;
}
.footer-box > a{
	padding-left: 0.5rem;
	vertical-align: top;
	margin-top: 1.1rem;
}
.footer-menu{
    position: absolute;
    right: 0;
    top: 1.150rem;
}
.footer-menu li{
	width: 3rem;
	text-align: center;
    padding-left: 0.5rem;
    background: url(img/pointer.png)no-repeat 0% 50%;
    font-size: 0.650rem;
}
.footer-menu li:first-child{
	background: none;
}
.footer-menu a{
	padding: 1.250rem 0 1.250rem 0;
}
.footer-menu a:hover{
	background: url(img/underline.png)no-repeat 0 100%;
}
.footer-bottom a{
	font-size: 0.6rem;
	margin-left: 0.5rem;
	line-height: 1rem;
	margin-top: 2.750rem;
}
.footer-bottom li:first-child a{
	margin-left: 0;
}
.footer-bottom p{
	color: #7e7e7e;
	margin-top: 1.250rem;
}
footer .bg-box{
	top: auto;
	bottom: 15rem;
}
footer .bg-box-head{
	bottom: 0;
	height: 18.350rem;
}