@charset "utf-8";
/* CSS Document */

body {
    cursor: default;
	font-family: Calibri, 'Open Sans', sans-serif;
}

/*************************************************
             typography & general
**************************************************/
h1 {
	text-transform: uppercase;
	font-family: Calibri, Segoe Print, Artist-Nouveau, 'Maven Pro', sans-serif;
	font-size: 100px;
	font-weight: 900;
	line-height: 80px;
	color: #e1dfdf;
}

/***************************************************
 -- ��������� � html ����, �� ����������� �� h2
****************************************************

span.cursive {
	font-family: Calibri, 'Comic Sans MS', 'Marck Script', cursive;
	font-size: 32px;
	font-weight: 700;
	text-transform: none;
}

span.small {
	font-family: Calibri, DS Zombie Cyr, Century Gothic, Beresta, Artist-Nouveau, Segoe Print, 'Comic Sans MS', sans-serif; 
	font-size: 70px;
	font-weight: 700;
}

**************************************************/

h2 {
	text-transform: uppercase;
	font-family: 'Calibri', 'Maven Pro', sans-serif;
	font-size: 32px;
	font-weight: 700;
	color: #4d4c4c;
}

h3 {
	text-transform: uppercase;
	font-family: 'Calibri', 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 20px;
	color: #b46b6b;
}

h4 {
	text-transform: uppercase;
	font-family: 'Calibri', 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #565555;
}

h5 {
	text-transform: uppercase;
	font-family: Calibri, 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #fff;
}

p {
	font-family: 'Calibri', 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #2e2e2e;
}

a:link {
	font-family: Calibri, 'Open Sans', sans-serif;
	text-decoration: none;
	color: #3e3e3e;
}

a:visited {
	font-family: Calibri, 'Open Sans', sans-serif;
	text-decoration: none;
	color: #3e3e3e;
}

a:hover {
	font-family: Calibri, 'Open Sans', sans-serif;
	text-decoration: none;
	color: #b46b6b;
}

.whiteBackground {
    background: #fff;
}

.separator {
    border: 20px;
    height: 5px;
    background:rgba(203,77,103,1);
}

.title {
    position: relative;
    z-index: 500;
    width: 100%;
    border-bottom: 1px solid #dedddd;
    margin: 50px 0 40px 0;
    padding-bottom: 10px;
}

.subtitle {
    position: relative;
    z-index: 500;
    margin-bottom: 45px;
}

.subtitle p {
    padding: 15px;
    background: #fff;
	color: #767676;
}

.subtitle ul li {
    display: block;
    padding: 5px;
    font-size: 12px;
    color: #fff;
}

.subtitle.smart p:first-child, .subtitle.green p:first-child, .subtitle.red p:first-child  {
    font-size: 17px;
    font-weight: 300;
    border: 6px solid #fff;
}

.subtitle.red {
	margin-left: 50px;
	width: 200px;
	border: 1px solid #dedddd;
    background:rgba(203,77,103,1);
}

.subtitle.green {
	width: 200px;
	border: 1px solid #dedddd;
    background:rgba(5,166,140,1);
}

.subtitle.smart {
    margin-left: 50px;
    width: 200px;
    border: 1px solid #dedddd;
    background:rgba(5,166,140,1);
}

.subtitle.terms {
    float: right;
    width: 200px;
    border: 1px solid #dedddd;
    background:rgba(5,166,140,1);
    text-align: center;
    margin: -75px 0 0 0;
}

.termsBlock p img {
    width: 120px;
    opacity:.3;
}

.termsBlock p:last-child {
    padding-left: 102px;
    margin: -115px 50px 0 90px;
}

.email-send_form input[type="text"] {
    width: 140px;
    margin: 20px 0 0 13px;
    padding: 5px 14px 5px 14px;
    height: 30px;
    background-color: #f0f0ef;
    font-size: 16px;
    color: #939292;
    border: 1px solid #fff;

}

.email-send_form input[type="submit"] {
    background-color: #b46b6b;
    color: #fff;
    font-family: Calibri, 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-style: normal;
    width: 90px;
    text-align: center;
    border: 1px solid #b46b6b;
    display: block;
    margin: 30px auto;
}

.priceContainer {
    border: 1px solid #dedddd;
    background: #fff;
}

.priceContainer th {
    padding: 12px;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
    background: rgba(175,182,190,1);
}

.bestOffer {
    color: #0a806b;
    background: rgba(255,255,255,1)!important;
}

.priceContainer td {
    padding: 12px;
    font-size: 20px;
    font-weight: 900;
}

.priceContainer td:nth-child(2) p {
    margin-left: 30px;
    font-size: 26px;
    text-align: center;
}

.tab a  {
    padding: 12px 40px;
    color: #EDEDED;
    text-decoration: none;
}

.tab a:hover  {
	color: #fff;
	text-decoration: none;	
}

.bigText {
    margin-left: 50px;
    font-size: 20px;
    font-weight: 900;
}

.littleText {
    margin-left: 50px;
    color: grey;
}


/*************************************************
                     header
**************************************************/

header {
    position: relative;
    z-index: 900;
    width: 100%;
    height: 81px;
    background:rgba(145,157,175,1);
}

.name {
	padding-top: 40px;
	text-align: center;
	margin: 0 auto;
}

.name p {
	font-family: Calibri, 'Marck Script', cursive;
	font-weight: normal;
	font-size: 90px;
	text-transform: capitalize;
	color: #414141;
}



/*************************************************
                       nav
**************************************************/

nav {
    position: relative;
    z-index: 1000;
    height: 41px;
    text-align: center;
    background:rgba(145,157,175,.7);
}

.color_bar {
    position: relative;
    z-index: 900;
    width: 100%;
    height: 3px;
}

.color_bar:hover {
    position: relative;
    z-index: 900;
    width: 600px;
    height: 3px;
}

nav ul, nav li {
	line-height: 105px;
	margin-top: -20px;
	font-weight: 300;
}

nav ul li {
    display: inline-block;
    vertical-align: top;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    color:rgba(255,255,255,.7);
    font-family: Calibri, Bookman Old Style, Calibri, Sony Sketch EF, Olympia Deco, DS Zombie Cyr, Century Gothic, Beresta, Artist-Nouveau, Segoe Print, 'Comic Sans MS', sans-serif;
}

nav a:link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    text-decoration: none;
    color: #fff;
	font-family: Calibri, Bookman Old Style, 'Open Sans', sans-serif;
	font-weight: 300;
}

nav a:visited {
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

nav a.lite:hover {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 4px solid rgba(225,44,44,.7);
    font-size: 20px;
    color: rgba(164,256,243,1);
}

span.logo {
	display: inline-block;
    z-index: 1000;
    position: relative;
    width: 170px;
    height: 170px;
    margin-top: -20px;
    vertical-align: middle;
    font-family: 'Comic Sans MS', Myriad Pro, 'Vollkorn', Helvetica, Arial, serif;
    /** ������ ������ BeeskneesCTT, Century Gothic, DS Goose, DS Zombie Cyr, Planet Benson 2, Artist-Nouveau, B Surfers, */
    color: #fff;
    font-weight: normal;
    font-size: 100px;
    text-transform: none;
    background: url(../img/logo.png) no-repeat 0 0;
}

/*************************************************
                      #intro
**************************************************/

#intro {
    position: relative;
    height: 400px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: rgba(145,157,175,1);
    /*background: url(../img/intro_bg.png) repeat fixed;*/
}

#intro h1 {
    position: relative;
    z-index: 500;
    padding-top: 10px;
    margin: 0 auto;
}

span.intro_line {
    display: inline-block;
    width: 355px;
    height: 2px;
    border-bottom: 2px solid #fff;
	margin: 0 5px 0 5px;
}

span.intro_line2 {
    display: inline-block;
    width: 900px;
    height: 15px;
    border-bottom: 2px solid #fff;
	vertical-align: text-top;
}


/*************** parallax elements ***************/

#intro .bg1 {
    position: absolute;
    z-index: 300;
    width: 100%;
    height: 720px;
    margin: 0 auto;
    padding: 0;
    background: url(../img/intro_bg1.png) 50% 0 repeat-x fixed; /*1*/
}

#intro .bg2 {
    position: absolute;
    z-index: 300;
    width: 100%;
    height: 720px;
    margin: 0 auto;
    padding: 0;
    background: url(../img/intro_bg2.png) 50% 0 repeat-x fixed; /*2*/
}

#intro .bg3 {
    position: absolute;
    z-index: 300;
    width: 100%;
    height: 720px;
    margin: 0 auto;
    padding: 0;
    background: url(../img/intro_bg3.png) 50% 0 repeat-x fixed; /*3*/
}



/*************************************************
                       #work
**************************************************/

#work {
    position: relative;
    z-index: 500;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    background: url(../img/work_bg.png) repeat;
    /*-moz-box-shadow: 0px -2px 3px 0px #5a5a5a;
    -webkit-box-shadow: 0px -2px 3px 0px #5a5a5a;
    box-shadow: 0px -2px 3px 0px #5a5a5a;
    border-bottom: 2px dashed #a3a1a1;*/
}

.gallery {
	margin-top: 90px;
	text-align: center;
}

.caption {
	border-bottom: 1px solid #bcbcbc;
	width: 280px;
	margin: 0 auto;
}

.caption p {
    padding: 10px;
	color: #434343;
    background: #fff;
    text-align: center;
}

.center {
	margin: 0 auto;
}

.ss:hover {
	opacity: 0.6;
}

.spacer {
	margin-bottom: 30px;
}

.screenshot1 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot1.png") no-repeat 0 0;
}

.screenshot2 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot2.png") no-repeat 0 0;
}

.screenshot3 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot3.png") no-repeat 0 0;
}

.screenshot4 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot4.png") no-repeat 0 0;
}

.screenshot5 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot5.png") no-repeat 0 0;
}

.screenshot6 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot6.png") no-repeat 0 0;
}
.screenshot7 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot7.jpg") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.screenshot7s {
	width: 280px;
    height: 180px;
    background: url("../img/apple_cinema_display.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

.screenshot8 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot8.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot9 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot9.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot10 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot10.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot11 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot11.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot12 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot12.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot13 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot13.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot14 {
	width: 280px;
    height: 180px;
    background: url("../img/screenshot14.png") no-repeat 0 0;
    background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot15 {
	background: url("../img/screenshot15.png") no-repeat 0 0;
	width: 280px;
	height: 180px;	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}
.screenshot16 {
	background: url("../img/screenshot13.png") no-repeat 0 0;
	width: 280px;
	height: 180px;	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

/*************************************************
                     #social
**************************************************/
ul.tabs {
	height: 38px;
	line-height: 40px;
	list-style: none;
	overflow: hidden;
	}

.tabs li {
	display: inline;
	font-size: 15px;
	outline: 0;
	border: 0;
	color: #555;
	padding: 8px 10px 9px;
	vertical-align: middle;
	cursor:pointer;
	background: rgba(230, 223, 223, 1);
	}

.tabs li:hover {
	color: #fff;
    background: rgba(102, 204, 255, 0.7);
}

.tabs li.current {
	background: #fff;
	color: #777;
 	}

.box {
	border-top: 4px solid #fff;
	padding: 0 15px 0 15px;
	background: rgba(255, 255, 255, 0.9);
	display: none;
	height: auto !important;             /* �����, ����� ����������� ���� */
	}

.box.visible {
	background: rgba(255, 255, 255, 0.9);
	padding: 0 15px 0 15px;
	border-top: 4px solid #fff;
	display: block;
	height: auto !important;
	height: 100%;                        /* �� �������� ����� ��� � ������ �� ����� */
	min-height: 100%;
	margin: 0 auto;
	}


/*************************************************
        ����� ���������� ������� �����
**************************************************/

/*************************************************
                     #����
**************************************************/

#services {
	background: #fff;
	width: 100%;
	height: auto; 
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 500;
	border-bottom: 2px dashed #a3a1a1;
}


#services .subtitle {
	border: 1px solid #efefef;
}

.icons {
	text-align: center;
}

.icons h3 {
	margin-top: 20px;
}

.icons p {
	margin-top: 15px;
	font-size: 16px;
	color: #6e6d6d;
}

.service1 {
	background: url(../img/service1.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service2 {
	background: url(../img/service2.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service3 {
	background: url(../img/service3.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service4 {
	background: url(../img/service4.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service5 {
	background: url(../img/service5.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service6 {
	background: url(../img/service6.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service7 {
	background: url(../img/service7.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service8 {
	background: url(../img/service8.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service9 {
	background: url(../img/service9.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service11 {
	background: url(../img/service11.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service12 {
	background: url(../img/service12.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.service13 {
	background: url(../img/service13.png) no-repeat 0 0;
	width: 166px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
}

.serv:hover {
	opacity: 0.7;
}

.priceworks {
        background: rgba(132,132,132,.7);
        color: #fff;
	font-family: Calibri, 'Open Sans', sans-serif;
	-webkit-box-shadow: 0px 0px 1px #595959;
	-moz-box-shadow: 0px 0px 1px #595959;
	box-shadow: 0px 0px 1px #595959;
}

a.howmany {	
	text-transform: uppercase;
	height: 10px;
	background-color: #ffbb6c;
	line-height: 10px;
	display: block; 
	font-size: 140%;
	font-family: Calibri, '18VAG_Rounded_M_Bold';
	color:#fff;
	margin: 20px 0 0 640px;
	padding: 20px; 
	font-weight:bold; 
	border-radius:6px;
	position: absolute; 
	/*background-image: url(../img/work_nav.png);*/
	-moz-box-shadow: 0 3px 0 #c72d47;
	-webkit-box-shadow: 0 3px 0 #c72d47;
	box-shadow: 0 3px 0 #c72d47; 
}


a.howmany:hover {
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
	background: #ff780c;
	color: #fff;
}

/*************************************************
                     #about
**************************************************/

#about {
	background: url(../img/work_bg.png) repeat;
	width: 100%;
	height: 620px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 500;
}

#about h4 {
	margin-bottom: 20px;
}

.about_me p {
	margin-bottom: 15px;
	color: #363636;
}

span.bullet {
	width: 5px;
	height: 16px;
	display: inline-block;
	background-color: #b46b6b;
	margin-right: 6px;
}


/*************** skills ***************/

.skills {
    cursor:default
}

.skills p {
	color: #fff;
	font-size: 15px;
	padding: 4px 0  0 7px;
}

.skill1 {
	width: 330px;
	height: 29px;
	background-color: #ac6666;
}

.skill2 {
	width: 300px;
	height: 29px;
	background-color: #b67b7b;
	margin-top: 12px;
}

.skill3 {
	width: 280px;
	height: 29px;
	background-color: #bc8888;
	margin-top: 12px;
}

.skill4 {
	width: 230px;
	height: 29px;
	background-color: #c09898;
	margin-top: 12px;
}

.skill5 {
	width: 210px;
	height: 29px;
	background-color: #cbabab;
	margin-top: 12px;
}

.skill6 {
	width: 210px;
	height: 29px;
	background-color: #cbabab;
	margin-top: 12px;
}

.skill7 {
	width: 180px;
	height: 29px;
	background-color: #cbabab;
	margin-top: 12px;
}

.skill8 {
	width: 170px;
	height: 29px;
	background-color: #cbabab;
	margin-top: 12px;
}

.skill9 {
	width: 120px;
	height: 29px;
	background-color: #cbabab;
	margin-top: 12px;
}

.sk:hover {
	opacity: 0.7;
}

/*************** social ***************/

.social ul li {
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
}

.social img {
	margin-right: 4px;
}

.social a:link {
	text-transform: uppercase;
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	color: #363636;
	vertical-align: middle;
}

.social a:hover {
	opacity: 0.5;
}



/*************************************************
                     #��������
**************************************************/

#contact {
	background: url(../img/contact_bg.jpg) repeat fixed;
	width: 100%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
}


/*************** parallax elements ***************/

#contact .bg1 {
	background: url(../img/footer_bg1.png) 50% 0 repeat-x fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 2340px;
	z-index: 300;
}

#contact .bg2 {
	background: url(../img/footer_bg2.png) 50% 0 repeat-x fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 2340px;
	z-index: 300;
}

#contact .bg3 {
	background: url(../img/footer_bg3.png) 50% 0 repeat-x fixed;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	height: 2340px;
	z-index: 300;
}


#contact h2 {
	color: #fff;
	position: relative;
	z-index: 500;
}


/*************** ���������� ����� ***************/

.done {
	font-family: Calibri, 'Open Sans', sans-serif;
	color: #fff;
	font-size: 15px;
	margin-bottom: 15px;
	padding: 10px;
	display: none;
}

.contact_form {
	position: relative;
	z-index: 500;
}

.contact_form p {
    font-family: Calibri;
	color: #fff;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 4px;
}

.contact_form input {
	width: 400px;
	height: 30px;
	margin-bottom: 15px;
	padding-left: 4px;
	background-color: #f0f0ef;
	font-family: Calibri, 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	color: #939292;
	border: 1px solid #fff;
}

.contact_form textarea {
	background-color: #f0f0ef;
	margin-bottom: 10px;
	padding-left: 5px;
	margin-left: 4px;
	font-family: Calibri, 'Open Sans', sans-serif;
	font-style: italic;
	font-weight: 300;
	font-size: 16px;
	color: #939292;
	width: 520px;
	height: 179px;
	border: 1px solid #fff;
}

.contact_form input.submit-button {
	background-color: #b46b6b;
	color: #fff;
	font-family: Calibri, 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-style: normal;
    font-size: 12px;
	width: 90px;
	padding: 0;
	margin-left: 443px;
	text-align: center;
	border: 1px solid #b46b6b;
}

.contact_form input.submit-button:hover {
	opacity: 0.7;
}

.bullet2 {
    width: 6px;
    height: 11px;
    display: inline-block;
    background-color: #b46b6b;
    margin-right: 4px;
}

.bullet3 {
    width: 6px;
    height: 11px;
    display: inline-block;
    background-color: #b46b6b;
    margin-left: 4px;
    margin-right: 4px;
}

.captcha {
    width: 150px !important;
    margin-right: 1em;
}

/*************** contact info ***************/

.contact_info {
    position: relative;
    z-index: 500;
    margin-top: 10px;
}

.contact_info h5 {
	margin-bottom: 18px;
}

.contact_info img {
	margin-right: 10px;
	vertical-align: baseline;
}

.greenBranchFigure {
    padding: 0px 6px;
    color: #fff;
    border-radius: 20px;
    background: green
}

.blueBranchFigure {
    padding: 0px 6px;
    color: #fff;
    border-radius: 20px;
    background: #29acc7
}

.contact_info p {
	color: #fff;
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 10px;
    margin-left: .2em;
}

.contact_info p > img {  /* Only direct descendants */
    width: 16px
}

.emergency p{
    color: #d6d6d6
}

.footerLinks {
	display: table;
	width: 100%;
	height: 7em; /* �������� ����� ��� min-height, �� ���� ����� ������������� ���� �� ���������� �� ���������� */
}

.footerLinks div { /* ��� IE8+ � ��������� ��������� */
	display: table-cell;
	vertical-align: bottom;
	padding: 25px 0 55px 25px;
}

span.address {
	font-family: Calibri;
	margin-left: 32px;
}

span.address:last-child {
    margin-bottom: 20px;
}

.map_frame {
    position: relative;
    z-index: 500;
    width: 700px;
    height: 200px;
    margin-left: 5px;
    margin-top: 17px;
    -webkit-box-shadow: 0px 0px 0px 7px #f0f0ef;
    -moz-box-shadow: 0px 0px 0px 7px #f0f0ef;
    box-shadow: 0px 0px 0px 7px #f0f0ef;
}

/*************** pixels counter ***************/
.pixels {
	position: relative;
	z-index: 600;
	margin-top: 70px;
	text-align: right;
}

.pixels p {
	color: #fff;
}
/*************** copyright ***************/
.copyright {
	position: relative;
	z-index: 600;
	text-align: center;
	margin-top: 45px;
}

.copyright p {
	color: #fff;
	font-size: 14px;
}

.avocado {
	width: 240px;
	float: right;
	font-size: 13px;
	color: rgba(153,179,192,1)
}

.avocado a {
	font-size: 13px;
	color: rgba(153,179,192,1)
}

.avocado a:hover, .avocado p {
	font-size: 13px;
	color: rgba(255,255,255,1)
}

#phoneList1, #phoneList2, #phoneList3 {
    margin: -33px 0px 0px 30px;
}
.time:after     {
	content: '10:00-19:00' ;
		}

.timeweekend:after     {
	content: '12:00-16:00';
		}

.year:after     {
	content: '2016';
		}