@charset "utf-8";

/* Fonts */

@font-face {
    font-family: 'BebasNeue';
    src: url('/css/fonts/Bebas_Neue_Cyrillic.eot');
    src: url('/css/fonts/Bebas_Neue_Cyrillic.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/Bebas_Neue_Cyrillic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Light';
    src: url('/css/fonts/PFDinTextCondPro-Light.eot');
    src: url('/css/fonts/PFDinTextCondPro-Light.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-Light.woff') format('woff'),
         url('/css/fonts/PFDinTextCondPro-Light.ttf') format('truetype');                        
        
}

@font-face {
    font-family: 'Regular';
    src: url('/css/fonts/PFDinTextCondPro-Regular.eot');
    src: url('/css/fonts/PFDinTextCondPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-Regular.ttf') format('truetype'),
         url('/css/fonts/PFDinTextCondPro-Regular.svg#pf_din_text_cond_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Medium';
    src: url('/css/fonts/PFDinTextCondPro-Medium.eot');
    src: url('/css/fonts/PFDinTextCondPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-Medium.ttf') format('truetype'),
         url('/css/fonts/PFDinTextCondPro-Medium.svg#pf_din_text_cond_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bold';
    src: url('/css/fonts/PFDinTextCondPro-Bold.eot');
    src: url('/css/fonts/PFDinTextCondPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-Bold.ttf') format('truetype'),
         url('/css/fonts/PFDinTextCondPro-Bold.svg#pf_din_text_cond_proBd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LightItalic';
    src: url('/css/fonts/PFDinTextCondPro-LightItal.eot');
    src: url('/css/fonts/PFDinTextCondPro-LightItal.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-LightItal.woff') format('woff'),
         url('/css/fonts/PFDinTextCondPro-LightItal.ttf') format('truetype');                        
        
}

@font-face {
    font-family: 'Italic';
    src: url('/css/fonts/PFDinTextCondPro-Italic.eot');
    src: url('/css/fonts/PFDinTextCondPro-Italic.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-Italic.ttf') format('truetype'),
         url('/css/fonts/PFDinTextCondPro-Italic.svg#pf_din_text_cond_proIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BoldItal';
    src: url('/css/fonts/PFDinTextCondPro-BoldItal.eot');
    src: url('/css/fonts/PFDinTextCondPro-BoldItal.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/PFDinTextCondPro-BoldItal.ttf') format('truetype'),
         url('/css/fonts/PFDinTextCondPro-BoldItal.svg#pf_din_text_cond_proBdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}





/*Carusel*/



ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a, img{
border:none;
}


.main-carusel {
	padding-top: 35px;
	position:relative;
}


.post-carousel{
display: block;
margin: 10px auto 0 auto;

}

.main-carusel-images{
width:775px;
margin: 0 auto;
}

.main-carusel-images2{
width:1020px;
margin: 0 auto;
}

.main-carusel-images3{
width:1080px;
margin: 0 auto;
overflow: hidden;
}

.carousel1, .carousel2, .carousel3 {
	cursor: default !important;
}

 .carousel2 li {
	float: left;
	margin: 0 13px;
}
.carousel1 li{
float: left;
margin: 0 13px -16px 13px;
}

.carousel3 li{
	float: left;
	
}

.carousel1 li  a, .carousel2 li a, .carousel3 li a {
	display: block;
}



a.prev1 {
	width: 44px;
    background: url(/images/left1.png) 0 0 no-repeat;
	height: 66px;
	left: 17px;
	top: 140px;
	position: absolute;
	display: block;
	z-index: 19;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

a.next1 {
	width: 44px;
    background: url(/images/right1.png) 0 0 no-repeat;
	height: 66px;
	right: 17px;
	top: 140px;
	position: absolute;
	display: block;
	z-index: 19;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

 a.prev2 {
	width: 44px;
    background: url(/images/left1.png) 0 0 no-repeat;
	height: 66px;
	left: 17px;
	top: 155px;
	position: absolute;
	display: block;
	z-index: 19;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

a.next2 {
	width: 44px;
    background: url(/images/right1.png) 0 0 no-repeat;
	height: 66px;
	right: 17px;
	top: 155px;
	position: absolute;
	display: block;
	z-index: 19;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

 a.prev3 {
	width: 44px;
    background: url(/images/left1.png) 0 0 no-repeat;
	height: 66px;
	left: 2px;
	top: 113px;
	position: absolute;
	display: block;
	z-index: 19;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;

}
a.next3{
	width: 44px;
    background: url(/images/right1.png) 0 0 no-repeat;
	height: 66px;
	right: 2px;
	top: 113px;
	position: absolute;
	display: block;
	z-index: 19;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

/* end Carusel*/


/* =Reset CSS (v2.0)
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}



body, html{
font-family: 'Regular';
width:100%;
background: url('/images/main-bg.png');
}
ul,li {
list-style-position:inside;
list-style:none;
}

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

h1{
font-size:46px;
color: #FBF8FA;
font-family: 'BebasNeue';
text-transform:uppercase;
font-weight:400;
letter-spacing:2px;
}

h2{
font-size:40px;
color: #FBF8FA;
font-family: 'BebasNeue';
font-weight:400;
letter-spacing:2px;
text-align:center;
padding: 20px 0;
}

h3{
font-size:22px;
color: #222;
}

.clear{
float:none !important;
clear:both;
}

.max-width{
width:1180px;
margin:auto ;
position:relative;
}
.max-width2{
width:100%;
margin:auto;
}

/*Header*/
.header{
height:200px;
background: url(/images/main-top-bg.png) top left repeat-x;
position:fixed;
z-index:1000;
width: 100%;
}

.header-scroll{
height:100px;
background: url(/images/main-top-bg.png) top left repeat-x;
position:fixed;
z-index:101;
width: 100%;
transition:all, 0.1s;
-moz-transition:all, 0.1s;
-webkit-transition:all, 0.1s;
}

.header-bg{
width:100%;
height:100%;
/*background: url(/images/gradient-top-bg.png) top center repeat-x; */
}

.logo{
width:200px;
height:200px;
float:left;
margin:0 0 0 45px;
z-index:20;
position:absolute;
}


.main-title{
float:right;
width:410px;
text-align:center;
margin:0;
padding: 5px 0 0 0;
}

.main-title span{
display:block;
font-family: 'Regular';
font-size:24px;
color: #FFD851;
margin:5px 0 0 0;

}
.address{
float:right;
text-align:right;
width:450px;
}
.address p{
font-family: 'Regular';
font-size:36px;
color: #FBF8FA;
margin:7px 5px 0 0;
}
.address span{
display:block;
margin:7px 5px 0 0;
font-family: 'Regular';
font-size:21px;
color: #FFD851;
}
.enter-full{
display:block;
width:140px;
height:40px;
background: url('/images/enter-button2.png') left top no-repeat;
margin:8px 100px 0px 10px;
border:none;
cursor:pointer;
outline:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
font-family: 'Regular';
color: #FBF8FA;
font-size: 24px;
float:right;
}
.enter-scroll{
display:block;
width:140px;
height:40px;
background: url('/images/enter-button2.png') left top no-repeat;
margin:30px 20px 0 10px;
border:none;
cursor:pointer;
outline:none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
font-family: 'Regular';
color: #FBF8FA;
font-size: 24px;
float:right;
}


.address-content{
float:none;
margin:0 100px 0 0;
}
.address-content-scroll{
float:left;
width:280px;
padding: 10px 0 0 0;
}



/*First Block, in-bus*/
.in-bus{
height:802px;
background: url(/images/top.jpg) top center no-repeat;
top:156px;
position:relative;
z-index:1;
overflow:hidden;
}
.in-bus-scroll{
min-width:1180px;
height:802px;
background: url(/images/top.jpg) top center no-repeat;
top:56px;
position:relative;
z-index:1;
overflow:hidden;
}

.watch-video{
background: url(/images/arrow-video.png) left top no-repeat;
top:315px;
left:856px;
position:absolute;
}
.watch-video img{
display:block;
margin-left: 177px;
position:relative;
top:-27px;
}
.watch-video div{
margin:20px 0 0 110px;
}
.watch-video div p{
display:inline;
font-family: 'Italic';
font-style:italic;
font-size:28px;
color:#FBF8FA;
border-bottom:1px dashed #FBF8FA;
}
.video-bus{
position:absolute;
background-position:0 0;
background-repeat:no-repeat;
width:452px;
height:265px;
top:156px;
left:350px;
z-index:2;
}
.video-bus-play{
position:absolute;
left:50%;
top:50%;
width:148px;
height:148px;
margin:-74px 0 0 -74px;
background: url('/images/play.png') 50% 50% no-repeat;
}


/*Second Block, our-city, map*/
.our-city{
margin:80px 0 25px 0!important;
}
.our-city h1{
color:#222222;
text-align:center;
}
.city-images{
float:left;
width:740px; 
height:345px;
margin:65px 0 0 0;
position:relative;
z-index:3;
}

.frame {
    position: absolute;
    width: 205px;
    height: 195px;
    padding: 10px 10px 40px 10px;
    background-color: #f5f5f5;
    -moz-box-shadow: 0 0 2px 0 #000;
    -webkit-box-shadow: 0 0 2px 0 #000;
    box-shadow: 0 0 2px 0 #000;
}
.frame-inner {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
}
.frame-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0 0 1px 0 #f5f5f5;
    -webkit-box-shadow: inset 0 0 1px 0 #f5f5f5;
    box-shadow: inset 0 0 1px 0 #f5f5f5;
}
.frame-1 {
    top:18px;
    left:21px;
    -moz-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
}
.frame-2 {
    top:12px;
    right:254px;
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.frame-3 {
    top:15px;
    right:15px;
    -moz-transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}

.foto-arrow{
margin:275px 0 0 310px;
}

.cars-arrow{
position:absolute;
bottom:-60px;
left:-25px;

}
.efir-arrow{
display:block;
margin:-65px 0 0 -50px;
}

.city-video{
float:right;
margin-top:100px;
padding: 14px;
border: 1px solid #688099;
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0 0 3px 0 #999;
-webkit-box-shadow: inset 0 0 3px 0 #999;
box-shadow: inset 0 0 3px 0 #999;
}
.video{
overflow:hidden;
border: 1px solid #8e8e8e;
background-color: #d7d7d7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: inset 0 0 2px 0 #999;
-webkit-box-shadow: inset 0 0 2px 0 #999;
box-shadow: inset 0 0 2px 0 #999;
}

.city-map{
min-width:1180px;
position:relative;

}

.open[type=button]{
width:260px;
height:53px;
background:url(/images/map-button.png) top left no-repeat;
border:none;
outline:none;
cursor:pointer;
font-family: 'Regular';
color:#fff;
font-size:24px;
text-shadow:#333 0px 2px 1px;
display:block;
margin: 0px auto -28px auto;
padding: 0 0 8px 25px;
position:relative;
z-index:9;
}

.close{
width:260px;
height:53px;
background:url(/images/map-button.png) bottom right no-repeat;
border:none;
outline:none;
cursor:pointer;
font-family: 'Regular';
color:#fff;
font-size:24px;
text-shadow:#333 0px 2px 1px;
display:block;
margin: 0px auto -28px auto;
padding: 0 0 8px 25px;
position:relative;
z-index:9;
}


/*Map*/
.map-top{
height:14px;
background:url(/images/map-top.png) top left repeat-x;
position:relative;
z-index:2;
}

.map-main{
width: 100%;
 text-align: center;
 overflow: hidden;
margin: -6px 0 0 0;
position:relative;
z-index:1;

}

.map-bottom{
min-width:1180px;
position:relative;
z-index:2;
height:14px;
background:url(/images/map-bottom.png) top left repeat-x;
margin: -10px 0 0 0;

}




/*Third Block, check online*/
.online{
margin:25px 0 0 0;
}
.online h1{
color:#222222;
text-align:center;
margin: 0 0 60px 0;
}
.online-girl{
background: url('/images/girl.png') top left no-repeat;
float:left;
width:472px;
height:383px;
}
.speed-3g{
background: url('/images/3G.png') top left no-repeat;
float:left;
width:300px;
height:100px;
margin:-20px 0 0 280px;
position:absolute;
}
.online-city{
background: url('/images/city-transport.png') top left no-repeat;
float:left;
width:736px;
height:170px;
margin:-10px 0 0 420px;
position:absolute;
}
.online-text{
float:right;
margin:205px 45px 0 0;
}
.online-text p{
font-family: 'Regular';
font-size:28px;
color:#5A5A5A;
}


/*Fourth Block, follow*/
.blue-bg{
min-width:1180px;
margin:-1px 0 0 0;
background: url('/images/blue-main-bg.png');
padding:60px 0 0 0;
}
.follow{
width:951px;
margin:0 auto;

}
.tab1{
background: url('/images/follow-tab.png') top left no-repeat;
width:234px;
height:70px;
float:left;
margin: 0;
}
.tab2{
background: url('/images/follow-tab2.png') top left no-repeat;
width:234px;
height:70px;
float:left;
margin:0 5px 0 5px;
}
.tab3{
background: url('/images/follow-tab.png') top left no-repeat;
width:234px;
height:70px;
float:left;
margin: 0;
}
.tab4{
background: url('/images/follow-tab.png') top left no-repeat;
width:234px;
height:70px;
float:right;
margin:0;
}
.tab1 p, .tab2 p, .tab3 p, .tab4 p{
font-family: 'Medium';
font-size:18px;
text-align:center;
padding:10px 0 0 0;
letter-spacing:-1px;
color:#292929;
}
.tab2 p{
color:#fff!important;
letter-spacing:0px!important;
}
.follow-main{
background: url('/images/follow-main.png') top left no-repeat;
width:951px;
height:346px;
top:-20px;
position:relative;
border-bottom:5px solid #FCC62E;
z-index:2;
}
.follow-shadow{
background: url('/images/follow-shadow.png') top left no-repeat;
width:951px;
height:44px;
top:-30px;
padding:0;
position:relative;
z-index:1;
}

/*Fifth Block, GeoTagging*/
.geo-tag{
margin: 30px 0 50px 100px;
width:960px;
overflow:hidden;
}
.geo-tag h1{
color:#222222;
text-align:center;
}

p.geo-intro{
font-family: 'Regular';
color: #666;
font-size:28px;
display:block;
width:100%;
margin: 10px 0 30px 0;
}


/*Slider01 */

.slider01{
border:10px solid  #559EB2;
text-align:center;
margin: 0 auto 30px auto;
background:#fafafa;
}

.geo-post-info{
float:left;
width: 280px;
background:#fff;
padding:10px;
margin: 0 10px 0 10px;
min-height:120px;
font-family: 'Regular';
color:#222;
font-size: 18px;
}

.geo-post-info3{
float:left;
width: 280px;
background:#fff;
padding:10px;
margin: 0 0 0 10px;
font-family: 'Regular';
color:#222;
font-size: 16px;
}


.video-product{
min-width:1180px;
background:url(/images/blue-main-bg.png) left top repeat;
min-height:400px;
margin: -1px 0 0 0;
position:relative;
}

.video-product h1{
text-align:center;
padding: 30px 0 0 0;
}


.blue-bg-top{
min-width:1180px;
height:4px;
background:url(/images/top-blue-bg.png) left top repeat-x;
}

.video-product-bg{
min-width:1180px;
background:url(/images/bg-icons.png) center top no-repeat;
min-height:857px;

}

.fotostoc{
width:355px;
height:355px;
position:absolute;
top:120px;
left:0px;
background:url(/images/metro-girl.png) left top no-repeat;
z-index:5;
}

.question-bg{
width:962px;
height:281px;
position:absolute;
top:170px;
right:0px;
background:url(/images/orange-rectangle.png) left top no-repeat;
z-index:2;
}

.corect-margin{
margin:65px 0 0 240px;
}
.corect-margin2{
margin:15px 0 0 200px;
}

.question-bg div{
width: 650px;
margin:auto;
padding: 15px 0 0 80px;
}
.question-bg p{
color:#fff;
font-family: 'Regular';
font-size:40px;

}


.question-bg span{
text-transform:uppercase;
}





/*Slider*/
.slider-video{
float:left;
width:440px;
height:160px;
margin:0 0 0 70px;
}
.slider-video2{
float:right;
width:440px;
height:160px;
margin:0 40px 0 0;
}

#slider-wrapper {
height: 160px;
width: 100%;
}
.roundabout-example {
padding: 0;
width: 100%;
margin: 0 auto;
}
.roundabout-example ul {
list-style: none;
padding-left: 0;
width: 70%;
margin: 0 auto;
height: 160px;
}
.roundabout-example .stage {
padding: 0;
}

.roundabout-example2 {
padding: 0;
width: 100%;
margin: 0 auto;
}
.roundabout-example2 ul {
list-style: none;
padding-left: 0;
width: 70%;
margin: 0 auto;
height: 160px;
}
.roundabout-example2 .stage {
padding: 0;
}

.roundabout-moveable-item {
height: 160px;
width: 240px;
cursor: pointer;
overflow: hidden;

}
.roundabout-in-focus {
cursor: auto;
}
.roundabout-example img {
height: auto;
width: 15em;
}

.roundabout-example2 img {
height: auto;
width: 15em;
}

.post-body img {max-width:99% !important;}

.next, .previous, .next12, .previous12{
width:9px;
height:14px;
cursor:pointer;
margin:65px 0 0 0;
}
.previous, .previous12{
float:right;
margin-right: -26px;
}
.next, .next12{
float:left;
margin-left: -26px;
}
/*End Slider Styles*/



/* two-sliders  */

.two-sliders{
display:block;
width:100%;
position:relative;
margin: 460px 0 0 -30px;
}
.two-sliders p{
display:block;
font-family: 'Regular';
font-size:22px;
color:#000;
}
.slider-video p{
margin:0 0 20px 75px;
}
.slider-video2 p{
margin:0 0 20px 85px;
}

.to-download{
margin:80px 0 0 400px;
position:relative;
}
.to-download span{
display:inline;
margin:2px 0 0 -40px;
position:absolute;
z-index=2;
}
.to-download a p{
display:inline;
font-family: 'Regular';
font-size:20px;
color:#fff;
border-bottom:1px dashed #fff;
position:absolute;
z-index=1;
}

.down2{
width:315px;
height: 60px;
border:none;
outline:none;
cursor:pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 12px;
color:#3c3c3c;
font:27px 'Medium';
text-shadow:#fff 0px 1px 1px;
background: url(/images/download-button.png) left top no-repeat;
display: block;
margin: 50px 0 0 450px;

}

/*Timers Block, Special*/
.special{
margin:45px 0 0 0;
}
.special h1{
text-align:center;
color:#222222;
margin:0 0 50px 0;
}

.special span{
float:left;
font-family:'BebasNeue';
font-size:40px;
color:#2AAEC8;
margin:0 10px 10px 0
}
.second-text{
display:block-inline;
font-family: 'Regular';
font-size:20px;
text-align:center;
color:#191819;
border-bottom:4px solid #2CB7D3;
width:175px;
margin: 10px 0 0 85px;
}
.second-text2{
display:block-inline;
font-family: 'Regular';
font-size:20px;
text-align:center;
color:#191819;
border-bottom:4px solid #2CB7D3;
width:90%;
margin: 10px 0 0 20px;
}
.special img{

}

.special-text{
float:left;
width:85%;
font-family: 'Regular';
font-size:30px;
color:#DF5417;
border-bottom:1px solid #29A9C2;
margin:0 0 10px 0;
}

.hello{
float:left;
width:340px;
margin:0 0 0 20px;
height:470px;
}

.gift{
float:left;
width:340px;
margin:0 0 0 60px;
height:470px;
}
.ticket{
float:right;
width:340px;
margin:0 20px 0 0;
height:470px;
}

/*Timers*/
.timer1{
position:relative;
width:265px;
height:100px;
background: url('/images/timer-bg.png') top left no-repeat;
overflow:hidden;
margin:-35px 0 0 36px;
z-index:5;
}

/*Calculators*/

.calc1-bg{
min-width:1180px;
background: #3B454F url(/images/bg-calc.png) top left repeat;
margin: -1px 0 0 0;
padding: 0 0 65px 0;
}


.calc1-bg h1{
text-align:center;
padding: 60px 0 10px 0;
}
.sform1{
text-align:center;
padding: 80px 0 10px 0;
}
.sform2{
text-align:center;
padding: 0px 0 10px 0;
}
.calc1-bg p.or{
text-align:center;
font-family: 'Regular';
font-size:34px;
text-transform:uppercase;
color: #FFD851;
margin: 0 0 50px 0;

}


.calc1-top-bg{
min-width:1180px;
background:url(/images/bc.png) top left repeat-x;
height:5px;
margin: 30px 0 0 0;
}
.calc2-top-bg{
min-width:1180px;
background:url(/images/bc.png) top left repeat-x;
height:5px;

}

.form1{
width: 958px;
height:390px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: url(/images/form-bg.jpg) top left no-repeat;
margin: 0 auto;
}

.form1 .success {
    padding: 70px 50px 0;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
.form1 .success a {
    color: #ffd851;
    text-decoration: underline;
}
.form1 .success a:hover {
    text-decoration: none;
}

.form1 span{
color:#fff;
font-family: 'Regular';
font-size:22px;
}

.form1 input[type=text], .form1 input[type=tel], .form1 input[type=email]{
width:280px;
height: 37px;
border:none;
outline:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 0 0 44px;
color:#D27700;
font-family: 'Regular';
font-size:23px;
}

.form1 input[type=date]{
width:130px;
height: 37px;
border:none;
outline:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 0 0 4px;
color:#D27700;
font-family: 'Regular';
font-size:17px;
}

.form1 input[name=company]{
background: #fff url(/images/user.png) left top no-repeat;
}

.form1 input[name=person]{
background: #fff url(/images/user.png) left top no-repeat;
}
.form1 input[name=phone]{
background: #fff url(/images/phone.png) left top no-repeat;
}

.form1 input[name=email]{
background: #fff url(/images/email.png) left top no-repeat;
}



.form1 table{
text-align:right;
}

.form1 table td{
vertical-align:middle !important;
padding: 10px 0;
position:relative;
}

.form1 table span{
z-index:19;
}

.fields-left{
float: left;
width: 450px;
margin: 50px 0 0 30px;
}

.fields-right{
float:right;
width: 440px;
margin: 50px 30px 0 0;

}

.advert{
width:390px;
margin: 0 auto;
text-align:right;

}
.advert p{
display:inline;
color:#fff;
font: 22px 'Regular';
}

#advert table td{
padding: 0 2px;
}

#advert input[type=text]{
width: 115px;
padding: 0 0 0 4px;
color:#D27700;
}

.form1 input[type=submit]{
width:315px;
height: 60px;
border:none;
outline:none;
cursor:pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 12px;
color:#3c3c3c;
font:27px 'Medium';
text-shadow:#fff 0px 1px 1px;
background: url(/images/download-button.png) left top no-repeat;
display: block;
margin: 50px auto 0 auto;
}
.form1 input[type=submit]:disabled{
    opacity: .2;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}

.caracter{
background: url(/images/blue-main-bg.png) left top repeat;
min-width:1180px;
padding: 0 0 50px 0;
}
.caracter h1{
color:#000;
text-align:center;
padding: 40px 0;
}

.caracter img.shadow{
box-shadow:#444 0px 0px 5px 1px;
z-index:99;
width:98%;
}
.caracter span.tot{
font:25px 'Regular';
color:#fff;
padding: 0 0 0 20px;
}
.clickhere{
color:#fff;
font:26px 'Regular';
}


.bottom-blue-bg{
background: url(/images/bottom-blue-bg.png) left top repeat-x;
height:4px;
min-width:1180px;
}



.email-error  {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
/*right:-157px;
top:10px;*/
}

.person-error  {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
/*right:-157px;
top:10px;*/
}

.phone-error  {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
/*right:-157px;
top:10px;*/
}

.name2-error  {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
right:-222px;
top:0px;
z-index:19;
}

.email2-error  {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
right:-222px;
top:0px;
z-index:19;
}

.subscribe-form label{
position:relative;
height:40px !important;
display:inline-block;
}

.company-error  {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
/*right:-157px;
top:10px;*/
}
.date-error {
display: none;
background: url(/images/error.png) left top no-repeat;
width:161px;
height:37px;
position:absolute;
/*right:-157px;
top:18px;*/
}

.yellow-shadow{
box-shadow: #D27700 0px 0px 5px 1px;
}


.adv-slider{
min-width:1180px;
background:#fff;
padding: 0 0 30px 0;
}
.adv-slider h1{
color:#000;
text-align:center;
padding:40px 0;
}


/* Calc2 */

.calc2{
min-width:1180px;
background: #3B454F url(/images/bg-calc.png) top left repeat;
margin: -1px 0 0 0;
padding: 0 0 35px 0;
}
.calc2 h1{
text-align:center;
padding: 30px 0 70px 0;
}


.group{
min-width:1180px;
padding: 0 0 50px 0;
}

.group h1{
text-align:center;
padding: 40px 0;
color:#000;
}

/* Meta */
/*Intercontent*/
.person-frame {
    width: 260px;
    height: 225px;
    margin: 0 5px;
    overflow: hidden;
}
.intercontent{
text-align:center;
}

.meta-name{
font:27px 'Medium';
color:#1e1e1e;
text-transform:uppercase;
padding:5px 0 7px 0;
}

.meta-surname{
font:27px 'Regular';
color:#1e1e1e;
padding: 0 0 7px  0;
}

.meta1{
font:22px 'Regular';
color:#1e1e1e;

}
.meta2{
font:22px 'Regular';
color:#1e1e1e;
padding: 5px 0 0 6px;
display:inline-block;
}


/*Subscribe*/

.subscribe{
min-width:1180px;
background: #2BB2CD;
padding: 0 0 55px 0;

}

.subscribe h1{
text-align:center;
padding: 35px 0 15px 0;
}

.subscribe-form{
overflow:hidden;
width:100%;
text-align:center;
padding:0px;
min-height:70px;
}
.subscribe-form .success {
    padding: 0 50px;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    text-align: center;
}
.subscribe-form .success a {
    color: #ffd851;
    text-decoration: underline;
}
.subscribe-form input[type=text], .subscribe-form input[type=email] {
width:270px;
height: 37px;
border:none;
outline:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0 0 0 44px;
color:#D27700;
font-family: 'Regular';
font-size:23px;
}
.subscribe-form input[name=person]{
background: #fff url(/images/user.png) left top no-repeat;
}

.subscribe-form input[name=email]{
background: #fff url(/images/email.png) left top no-repeat;
}

.subscribe-form input[type=submit]{
background: #fff url(/images/button-last.png) left top no-repeat;
width:166px;
height:52px;
color:#fff;
border:none;
outline:none;
cursor:pointer;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin: 0 0 0 50px;
font:23px 'Regular';
box-shadow:#555  0px 0px 5px  1px; 
}

.subscribe-form span{
font: 22px 'Regular';
color:#fff;
padding: 0px 15px 0 50px;
}

.Sresult{
font:23px 'Regular';
color:#fff;
paddind: 15px 0 0 0;
}

/*Social*/

.social{
width:760px;
margin:auto;
text-align: center;
}
.social img{
padding: 20px;
}

/*Credits*/
.credits{
padding: 0 0 30px 0;
overflow:hidden;
}

.c1 {
width: 300px;
float:left;
color:#1e1e1e;
}
.c1 p{
font: 19px 'Regular';
color:#1e1e1e;
text-transform:uppercase;
line-height:32px;
}

.c1 span, .c2 span{
font: 19px 'Regular';
color:#1e1e1e;
}

.c2 {
width: 300px;
float:left;
text-align:center;
color:#1e1e1e;
margin: 0 0 0 120px;
}
.c2 p{
font: 25px 'Medium';
color:#1e1e1e;
line-height: 35px;
}


.c3 {
width: 300px;
float:right;
text-align:right;
padding: 0 10px 0 0;
}

.c3 a{
padding: 0 0 5px 0;
font: 19px 'Regular';
color:#1e1e1e;
vertical-align:middle;
}
.c3 img{
position:relative;
bottom:-10px;
left:0;
}
.c3 span{
font: 19px 'Regular';
 color:#1e1e1e;
}
.c3 p{
display: inline-block;
padding: 0 2px;
/*border-bottom:2px solid #7d7d7d;*/
}
#flex-logo{
vertical-align: middle;
}
#mt1-logo{
display: inline-block;
vertical-align: middle;
width: 35px;
height: 35px;
background: url(/i/logo-1mt.png);
}


/* Main Calc  2*/
.main-calc{
width:870px;
min-height:120px;
}

.select{
width: 370px;
float:right;
text-align:right;
}

.select select{
width:160px;
height:28px;
border: none;
outline:none;
position: relative;	
background: none;	
z-index: 100;
font: 16px 'Regular';
color:#3d4751;

}

div.select-div{
background: #fff;
width: 140px;		/* Π 20px 㪠���񟲥lect'ힺ���а魥񮬠󡫮㞠鱨򳡭塰󮯩 뮮𐫨 */
overflow: hidden;		/* ˭ﰪힺ��������� 泌󽲿 螠𐱥妫᭨ "񳫨" */
display: inline-block;
position: relative;		/* ز 즬殲 휾���sition:absolute 𐯧鷨ﮨ񯣠쩱 𐬠"񳫥" */
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
	}

.select-button {
    background: url(/images/choose.png) center center no-repeat;
    height: 28px;		/* Ѡ譥񹡯北ﳮ㬥硪ᱲ鮪枪/
    width: 30px;
    position: absolute;		/* Ѡ譥᦬ 櫲 𐬠𐱠㯬񡫰ἠ*/
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;		/* Ơ򰴱롥ꡥ䬠 򬯩 - ��� 򲼫랠*/
}


.select span{
font:22px 'Regular';
color:#fff;
padding: 0 10px 0 10px;
display:inline-block;
position:relative;
top:-6px;
}
.select img{
display:inline-block;
position:relative;
top:-3px;
}

.count{
float:right;
}
.count table{
width: 300px;
text-align:center;
margin: 40px 0 0 0;
}
.count table p{
text-transform:uppercase;
font:20px 'Regular';
color:white;
line-height:32px;
}
.count table span{
font:14px 'Regular';
color:white;
line-height:15px;
display:inline-block;
position:relative;
top:-4px;
text-align:left !important;
}

.count input[type="checkbox"]{
    display:none;            
}

.count input[type="checkbox"] + label::before{
content: "";
display: inline-block;
height: 29px;
width: 29px;
margin: 0 5px 0 50px;
background: #fff;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}


.count input[type="checkbox"]:checked + label::before {
background:white url(/images/checked.png) center center no-repeat;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

/* Calc 2*/

.calculator2-main{
width:870px;
}
.calculator2-main-help{
position:relative;
}

.calc2-bg{
padding:3px 0 5px 0;
background:#2b353d;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
overflow:hidden;
margin:6px 0;
position:relative;
}

.calc2-title{
float:left;
}
.calc2-title input[type=button]{
width:29px;
height:29px;
border:none;
outline:none;
cursor:pointer;
margin: 5px 8px;
}
.calc2-title span{
font:20px regular ;
color:#fff;
display:inline-block;
top:10px;
left:30px;
}
.level {
    overflow: hidden;
    margin-left: 2%;
}

.count-monitors{
width:115px;
float:right;
border-left:2px solid #515962;
border-right:2px solid #515962;
text-align:center;
height: 35px;
margin: 2px 0 0 0;
}
.count-monitors p{
font:22px 'Regular';
color:#fff;
padding:4px 0 0 0;
}
.options-select{
float:right;
width:175px;
text-align:center;
}


.options-select input[type="checkbox"]{
    display:none;            
}

.options-select input[type="checkbox"] + label::before{
content: "";
display: inline-block;
height: 29px;
width: 29px;
background: #495259;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin: 5px 3px 0 0;
}


.options-select input[type="checkbox"]:checked + label::before {
background:#495259 url(/images/checked.png) center center no-repeat;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}



/*Inter calc*/
.inter-bg{
padding:3px 0;
background:#35404b;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
overflow:hidden;
margin:6px 0 0 0;
}

.inter-title{
float:left;
}

.inter-title input[type=button]{
width:29px;
height:29px;
border:none;
outline:none;
cursor:pointer;
margin: 5px 8px;
}
.inter-title span{
font:20px 'Regular';
color:#fff;
position:relative;
display:inline-block;
/*top:-8px;*/
}
.inter-monitors{
width:115px;
float:right;
border-left:2px solid #515962;
border-right:2px solid #515962;
text-align:center;
height: 35px;
margin: 2px 0 0 0;
}
.inter-monitors p{
font:22px 'Regular';
color:#fff;
padding:4px 0 0 0;
}
.inter-select{
float:right;
width:175px;
text-align:center;
}


.inter-select input[type="checkbox"]{
    display:none;            
}

.inter-select input[type="checkbox"] + label::before{
content: "";
display: inline-block;
height: 29px;
width: 29px;
margin: 0 5px 0 50px;
background: #495259;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin: 5px 3px 0 0;
}


.inter-select input[type="checkbox"]:checked + label::before {
background:#495259 url(/images/checked.png) center center no-repeat;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}



/*Last calc*/
.last-bg{
padding:3px 0;
background:#44525e;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
overflow:hidden;
margin:6px 0 0 0;
}

.last-title{
float:left;
}

.last-title input[type=button]{
width:29px;
height:29px;
border:none;
outline:none;
cursor:pointer;
margin: 5px 8px;
}
.last-title span{
font:20px regular ;
color:#fff;
position:relative;
display:inline-block;
top:-8px;
}
.last-monitors{
width:115px;
float:right;
border-left:2px solid #515962;
border-right:2px solid #515962;
text-align:center;
height: 35px;
margin: 2px 0 0 0;
}
.last-monitors p{
font:22px 'Regular';
color:#fff;
padding:4px 0 0 0;
}
.last-select{
float:right;
width:167px;
text-align:center;
}


.last-select input[type="checkbox"]{
    display:none;            
}

.last-select input[type="checkbox"] + label::before{
content: "";
display: inline-block;
height: 29px;
width: 29px;
margin: 0 5px 0 50px;
background: #fff;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin: 5px 0px 0 3px;
}


.last-select input[type="checkbox"]:checked + label::before {
background:#fff url(/images/checked.png) center center no-repeat;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.last-download{
margin:0 10px 0 0;
position:relative;
bottom:-4px;
float:right;
}



/* Last fs*/
.adress-title{
float:left;
}

.adress-title input[type=button]{
width:29px;
height:29px;
border:none;
outline:none;
cursor:pointer;
margin: 5px 8px;
}
.adress-title span{
font:20px regular ;
color:#fff;
position:relative;
display:inline-block;
margin: 5px 0 0 70px
}
.adress-monitors{
width:115px;
float:right;
border-left:2px solid #515962;
border-right:2px solid #515962;
text-align:center;
height: 35px;
margin: 2px 0 0 0;
}
.adress-monitors p{
font:22px 'Regular';
color:#fff;
padding:4px 0 0 0;
}
.adress-select{
float:right;
width:167px;
text-align:center;
}


.adress-select input[type="checkbox"]{
    display:none;            
}

.adress-select input[type="checkbox"] + label::before{
content: "";
display: inline-block;
height: 29px;
width: 29px;
margin: 0 5px 0 50px;
background: #fff;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin: 5px 0px 0 3px;
}


.adress-select input[type="checkbox"]:checked + label::before {
background:#fff url(/images/checked.png) center center no-repeat;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

/* Calc1 elem*/

.elem-bg{
padding:3px 0;
background:#C2C2C2;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
overflow:hidden;
margin:6px 0 0 0;
}

.elem-title{
float:left;
}

.elem-title span{
font:20px regular ;
color:#333;
position:relative;
display:inline-block;
top:6px;
left:20px;
}
.elem-monitors{
width:115px;
float:right;
border-left:2px solid #515962;
border-right:2px solid #515962;
text-align:center;
height: 35px;
margin: 2px 0 0 0;
}
.elem-monitors p{
font:22px 'Regular';
color:#333;
padding:4px 0 0 0;
}
.elem-select{
float:right;
width:175px;
text-align:center;
}


.elem-select input[type="checkbox"]{
    display:none;            
}

.elem-select input[type="checkbox"] + label::before{
content: "";
display: inline-block;
height: 29px;
width: 29px;
margin: 0 5px 0 50px;
background: #fff;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
margin: 5px 3px 0 0;
}


.elem-select input[type="checkbox"]:checked + label::before {
background:#fff url(/images/checked.png) center center no-repeat;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.elem-download{
margin:0 10px 0 0;
position:relative;
bottom:-4px;
float:right;
}






/*calc result*/

.calc-result{
border-top:6px solid #f8ba33;
background:url(/images/final-price-bg.png) left top repeat;
margin: 15px 0 0 0;
padding: 0 0 10px 0;
}

.calc-result h3{
font:25px 'Regular';
color:white;
border-bottom:1px dashed #667f8a;
padding:2px 0 2px 20px;
margin: 0 0 10px 0;
}

.calc-result p{
font:25px 'Regular';
color:white;
padding:2px 0 2px 20px;
}

.calc-result span{
color:#ffbf34;
}



/*calc result 2*/

.calc-result2{
border-top:6px solid #f8ba33;
background:url(/images/final-price-bg.png) left top repeat;
margin: 15px 0 0 0;
padding: 0 0 10px 0;
}

.calc-result2 h3{
font:25px 'Regular';
color:white;
border-bottom:1px dashed #667f8a;
padding:2px 0 2px 20px;
margin: 0 0 10px 0;
}

.calc-result2 p{
font:25px 'Regular';
color:white;
padding:2px 0 2px 20px;
}

.calc-result2 span{
color:#ffbf34;
}

.coover{
position:relative!important;
}
.coover-2{
    overflow: hidden;
}


/* Popup result*/
.popup-result{
width:260px;
border-radius:3px;
background:#2b353d;
padding: 10px 20px 20px 20px;
position:absolute!important;
left:880px!important;
z-index:100;
}


.popup-result table{
width:260px;
text-align:right;

}
.popup-result table td{
vertical-align:middle;
padding: 10px 0;
}

.popup-result p.elements-mini{
text-align:left;
color:#fff;
font: 22px 'Regular';
}

.popup-result p.result-mini{
text-align:right;
color:#fff;
font: 22px 'Regular';
display:inline;
}

.orange{
color:#ffbf34 !important;
padding: 5px 0 0 ;
font: 22px 'Regular';
}


.closed{
background:url(/images/sprite-calc.png) left top no-repeat;
}
.opened{
background:url(/images/sprite-calc.png) 0 -29px no-repeat;
}

/*Level 1*/
#level1, #level11, #level12, #level111, #level112, #level121, #level122{
display:none;
}

/*Level 2*/
#level2, #level21, #level22, #level211, #level212, #level221, #level222{
display:none;
}



/*Level 3*/
#level3, #level31, #level32, #level311, #level312, #level321, #level322{
display:none;
}

/*Follow*/
.reporting{

}
.reporting .center{
    width: 1000px;
	margin:auto;
}

.reporting_header{
    width:1000px;
    height: 60px;
    text-align: justify;
}
.reporting_header a{
    display: inline-block;
    background: #fdc530;
    font-family: 'Regular';
    text-decoration: none;
    font-size: 18px;
    padding: 10px 24px;
    color: #292929;
    text-align: left;
    white-space: pre;
}
.reporting_header:after{
    content: '';
    display: inline-block;
    height: 0;
    position: relative;
    width: 100%;
}
.lst{
 float: right !important;
 margin-right: 0px !important;
}

.reporting_header a:hover{
    background: #158096;
    color: #fff;
}
.reporting_header a.active{
    background: #158096;
    color: #fff;
}
.reporting_body{
	overflow:hidden;
	width:1000px;
    padding-bottom: 40px;
    background: url(/images/shadov.png) no-repeat bottom center;
}
.reporting_body_block{
    border-bottom: 10px solid #fdc530;
    height: 376px;
    overflow: hidden;
    position: relative;
    width: 1000px;
	float:left;
    background: #fff;
}
.reporting_iten{
    position: absolute;
    top: 0;
    left: 0;
}

.lst{
float:right !important;

}

.reporting_iten img{
    width: 954px;
}

#google-map{
height:160px;
}

.slider .carousel ul {
    margin: 0;
    padding: 0;
}
.slider .carousel ul li {
    display: block;
    float: left;
    height: 569px;
    padding: 0;
    width: 940px;
}

.review{
    background: url(/images/geo.png) repeat-x top center;
    padding: 40px 0;
}

.review h1 {
    text-align: center;
    color: #222222;
}

.review .slider{
    position: relative;
    left: auto;
    border: none;
    width: 960px;
    height: 570px;
    margin: 0 auto;
}
.review .slider .carousel{
    margin-left: -9px;
}
.review .slider ul{}
.review .slider ul li{
    width: 980px;
    height: auto;
}

.review a.arrow {
    background: url("/images/arows.png") no-repeat scroll 0 0 transparent;
    height: 70px;
    margin-top: -35px;
    width: 47px;
    position: absolute;
    top: 50%;
    z-index: 2;
}
.review a.next {
    background-position: right top;
    float: right;
    right: -100px;
}
.review a.prev {
    background-position: left top;
    float: left;
    left: -100px;
}

.item_review{
    width: 462px;
    float: left;
    margin: 20px 14px;
}
.item_review .name{
    font-size: 19px;
    color: #837c6b;
    margin: 0;
    padding-left: 115px;
    font-family: 'Light';
    line-height: 20px;
    padding-bottom: 7px;
}
.item_review .name span{
    text-transform: uppercase;
    color: #000;
    font-family: 'Medium';
}

.review_data{background: url(/images/review_data.png) no-repeat top right;width: 462px;}
.review_data_pic{
    float: left;
    overflow: hidden;
    width: 138px;
    height: 138px;
    border: 4px solid #fff;
    background-color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.review_data_text{
    height: 125px;
    margin-left: 158px;
    padding: 20px 8px;
    color: #837c6b;
    font-size: 22px;
}
.review_data_text p{
    font-style: italic;
    color: #837c6b;
    margin: 0;
    font-family: 'LightItalic';
}

.scroll-top {
    position: fixed;
    z-index: 100;
    left: 20px;
    bottom: 20px;
    padding: 16px 20px;
    background: #444;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.anchor {
    position: absolute;
    margin-top: -100px;
}