@CHARSET "UTF-8";

@font-face {
  font-family: "Tele-GroteskFet";
  src: url("../fonts/t036016t_v21-2.eot");
}
@font-face {
  font-family: "Tele-GroteskFet";
  src: url("../fonts/t036016t_v21-2.ttf");
}
@font-face {
  font-family: "Tele-Grotesk-Fett";
  src: url("../fonts/t036016t_v21-2.eot");
}
@font-face {
  font-family: "Tele-Grotesk-Fett";
  src: url("../fonts/t036016t_v21-2.ttf");
}
@font-face {
  font-family: "Tele-GroteskHal";
  src: url("../fonts/t036014t_v21-2.eot");
}
@font-face {
  font-family: "Tele-GroteskHal";
  src: url("../fonts/t036014t_v21-2.ttf");
}
@font-face {
  font-family: "Tele-Grotesk-Halb";
  src: url("../fonts/t036014t_v21-2.eot");
}
@font-face {
  font-family: "Tele-Grotesk-Halb";
  src: url("../fonts/t036014t_v21.ttf");
}
@font-face {
  font-family: "Tele-GroteskNor";
  src: url("../fonts/t036013t_v21.eot");
}
@font-face {
  font-family: "Tele-GroteskNor";
  src: url("../fonts/t036013t_v21-2.ttf");
}
@font-face {
  font-family: "Tele-GroteskUltra";
  src: url("../fonts/telegroteskheadlineultra.eot");
}
@font-face {
  font-family: "Tele-GroteskUltra";
  src: url("../fonts/telegroteskheadlineultra.ttf");
}
@font-face {
  font-family: "Tele-GroteskRegular";
  src: url("../fonts/telegroteskheadlineregular.eot");
}
@font-face {
  font-family: "Tele-GroteskRegular";
  src: url("../fonts/telegroteskheadlineregular.ttf");
}

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


@font-face {
    font-family: "bebas_neue";
    src: url("../fonts/bebasneue.eot");
    src: url("../fonts/bebasneue.eot#iefix") format("embedded-opentype"),
    url("../fonts/bebasneue.woff") format("woff"),
    url("../fonts/bebasneue.ttf") format("truetype"),
    url("../fonts/bebasneue.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cooper_hewittbook";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/cooperhewitt-book.eot#iefix") format("embedded-opentype"), url("../fonts/cooperhewitt-book.woff") format("woff"), url("../fonts/cooperhewitt-book.ttf") format("truetype"), url("../fonts/cooperhewitt-book.svg") format("svg");
}
@font-face {
    font-family: "cooper_hewittbold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/cooperhewitt-bold.eot#iefix") format("embedded-opentype"), url("../fonts/cooperhewitt-bold.woff") format("woff"), url("../fonts/cooperhewitt-bold.ttf") format("truetype"), url("../fonts/cooperhewitt-bold.svg") format("svg");
}
@font-face {
    font-family: "cooper_hewittlight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/cooperhewitt-light.eot#iefix") format("embedded-opentype"), url("../fonts/cooperhewitt-light.woff") format("woff"), url("../fonts/cooperhewitt-light.ttf") format("truetype"), url("../fonts/cooperhewitt-light.svg") format("svg");
}

@font-face {
    font-family: 'CooperHewitt-Semibold';
    src: url('../fonts/CooperHewitt-Semibold.eot');
    src: local('☺'), url('../fonts/CooperHewitt-Semibold.woff') format('woff'), url('../fonts/CooperHewitt-Semibold.ttf') format('truetype'), url('../fonts/CooperHewitt-Semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

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, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
    box-sizing:border-box;
}


body {
    margin: 0;
    display: block;
	background-color:#4B4B4B;
    font-family:cooper_hewittlight;
    font-size:10px;
    
}
table.area {
    width: 100%
}
a {
    text-decoration: none;
    color: #4379ab;
}
a:hover {
    color: #E20074;
}
a:hover,
a:focus,
a:active {
    outline: medium none;
    text-decoration: underline;
}
b,
strong {
    font-family: Tele-Grotesk-Fett;
    font-weight: normal;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.clear {
    clear: both;
    float: none;
    font-size: 0px;
    height: 0px;
    background: none;
    padding: 0;
}
.magenta {
    color: #E20074 !important;
}

.btn {
    background: #e20074;
    border: 1px solid #E20074;
    color: white;
    font-family: Tele-GroteskNor, Arial, Tahoma, Helvetica;
    font-size: 32px;
    height: 55px;
    letter-spacing: -0.5px;
    line-height: 55px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    display:inline-block;
    margin: 0 auto
}
.btn:hover {color:white; border:1px solid white;}

.wrapper {
    max-width: 1920px;
    min-width: 320px;
    /* width: 1520px; */
    /* display: block; */
    /* position: relative; */
    margin: 0 auto;
    box-shadow: 0 0 35px rgba(0,0,0,0.77);
    width: 100%;
    background-color: white;
}
.wrapper.mobile_security {
    max-width: 960px;
}
h1{
    font-family: cooper_hewittbold;
    color:white;
    font-size: 6.5em;
    line-height:auto;
    padding-top:180px;
    text-align: center;
    margin: 0 auto;
}
h1 span{
    font-family: Tele-GroteskNor;
    font-size: 0.5em;
}

/* --- MENU ------------------------------------------------------------------------------------------------------- */

ul.menu {
    position: fixed;
    top: 40%;
    right: 75px;
    list-style-type: none;
    z-index: 50
}
ul.menu li {
    width: 42px;
    cursor: pointer;
    position: relative;
}
ul.menu li .dymek {
    position: absolute;
    height: 35px;
    right: 20px;
    padding-left: 21px;
    top: -6px;
    z-index: 55;
    width: 300px;
    margin: 13px 15px 0 0;
    font-family: Tele-Grotesk-Halb, Arial;
    font-size: 16px;
    color: white;
    line-height: 35px;
    display: none
}
ul.menu li.middle .dymek,
ul.menu li.last .dymek {
    top: -19px;
}
ul.menu li .dymek >div {
    float: right;
}
ul.menu li .dymek div.start {
    height: 35px;
    background: url(../images/dymek_start.png) repeat-x scroll center 0 transparent;
    width: 21px
}
ul.menu li .dymek div.text {
    height: 35px;
    background: url(../images/dymek_srodek.png) repeat-x scroll center 0 transparent;
}
ul.menu li .dymek div.end {
    display: block;
    height: 35px;
    width: 33px;
    background: url(../images/dymek_koniec.png) no-repeat scroll center 0 transparent;
}
ul.menu li.first {
    height: 36px;
    background: url(../images/menu_first.png) no-repeat scroll center 0 transparent;
}
ul.menu li.first.active,
ul.menu li.first:hover {
    background: url(../images/menu_first_active.png)
}
ul.menu li.middle {
    height: 22px;
    background: url(../images/menu_middle.png) no-repeat scroll center 0 transparent;
}
ul.menu li.middle.active,
ul.menu li.middle:hover {
    background: url(../images/menu_middle_active.png)
}
ul.menu li.last {
    height: 37px;
    background: url(../images/menu_last.png) no-repeat scroll 1px -3px transparent;
}
ul.menu li.last.active,
ul.menu li.last:hover {
    background-image: url(../images/menu_last_active.png)
}
/* --- CONTENT ----------------------------------------------------------------------------------------- */


.mainCon {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-family: Arial;
    font-size: 12px;
    color: #333;
    background-color: #fff;
    height:80px;
    max-width: 960px
}
.mainCon a.logo1 {
    display: inline-block;
    float:left;
    margin: 0 auto;
    height: 75px;
    width:120px;
    background: url(../images/logo_03.png) 20px center no-repeat;
}
.mainCon a.logo2 {
    display: inline-block;
    width: 160px;
    float: right;
    margin: 0 auto;
    height: 75px;
    margin-right: 20px;
    background: url(../images/logo_06.png) right center no-repeat;
}

.section {
    width: 100%;
    height: auto;
}

.section.header{
    background: url(../images/header_960.jpg) center top no-repeat;
    height:500px;
    position: relative;
}

.section .content960 {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position:relative;
}
.section .content960 p {
    font-size: 1.8em;
    color: #494949;
}
.section p {
    font-size: 1.8em;
    color: #494949;
}
/* -------------   FORM -----------------------------------------------------------------------------------------------------*/

form { font-family: Arial; padding: 0; position: relative; z-index: 1000; }
form fieldset { margin: 30px 0 20px; }
form fieldset legend { font-weight: bold; padding: 0 0 5px 5px; }
form fieldset.two-columns { margin-bottom: 30px; }
form fieldset.two-columns .item { float: left; }
form fieldset.two-columns .item.second { padding-left: 86px; }
form fieldset.agreement { margin-bottom: 0; padding: 3px 0 0 6px; position: relative; width: 415px; }
form fieldset.agreement label { cursor: pointer; }
form .item { padding: 8px 0; position: relative; width: 415px; }
form .item.dateBirth, form .item.dateOrder { width: 452px; }
form .item.dateBirth img, form .item.dateOrder img { margin: 0 0 0 8px; vertical-align: -10px; width: auto; display: inline; }
form .item span.small { float: right; font-size: 10px; margin: 4px 2px 3px; color: #fff; }
form .item.radio > label { margin-bottom: 30px; }
form .item.radio div label { cursor: pointer; margin-bottom: 2px; width: 230px; }
form label { display: block; float: left; line-height: 24px; padding-left: 5px; width: 150px; }
form label.two-lines { line-height: 14px; }
form label.agreement { font-size: 10px; line-height: 12px; width: 390px; }
form input[type="text"] {  background: url("../images/bg_input_v2.png") no-repeat scroll 0 0; border: 0 none; color: #4D4D4D; height: 24px; line-height: 24px; padding: 0 10px; width: 240px; }
form input[type="submit"] { border: 0 none; cursor: pointer; }
form .btn_send { background: url("../images/btn_send.png") no-repeat scroll 0 0; border: none; float: left; height: 32px; margin: 25px 0 85px 182px; width: 79px; text-indent: -1000em; overflow: hidden; cursor: pointer;}
form label.error { background: url("../images/bg_error_left.png") no-repeat scroll 0 0; cursor: default !important; display: block; font-family: Tele-GroteskNor; font-size: 14px; height: 37px; line-height: 32px; padding: 0 5px 0 20px; position: absolute; right: -218px; text-align: center; top: 4px; width: 189px; z-index: 1000; }
form .topErrorMessage label.error { background: url("../images/bg_error_bottom.png") no-repeat scroll 0 0; display: none; font-family: Tele-GroteskNor; font-size: 14px; height: 36px; line-height: 24px; padding: 0; position: absolute; right: 32px; text-align: center; top: -28px; width: 192px; }
form fieldset.agreement label.error { left: 5px; right: auto; top: -32px; }
form .for-private-clients > p { font-family: Tele-GroteskNor; }
form ~ .btn { position: absolute; }
.ui-datepicker-trigger { cursor: pointer; }

#form-help-wrapper fieldset.agreement { padding: 0; }
#form-help-wrapper fieldset.agreement label { cursor: default; }
#form-help-wrapper, #form-help-thx { height: 330px; }


/* --- PRICE MODULE --- */

.price-module { color: #DB0D77 !important; font-family: Tele-Grotesk-Fett,Arial,Tahoma,Helvetica !important; font-size: 0 !important; }
p.price-module {margin-top: 10px !important; margin-bottom: 20px !important;}
.price-module > .before { color: #4B4B4B; font-size: 12px; padding-right: 2px; }
.price-module > .amount { display: inline-block; font-size: 40px; letter-spacing: -1px; line-height: 40px; position: relative; }
.price-module > .amount del { background: url(../images/strike-price.png) no-repeat scroll center center transparent; display: block; left: 0; line-height: 24px; font-size:24px; position: absolute; text-align: left; text-decoration: none; top: -24px; font-family:Tele-Grotesk-Halb,Arial,Tahoma,Helvetica; }
.price-module > .amount del span { color: #828282; font-size: 24px; line-height: 21px; }
.price-module > .price-aside { display: inline-block; padding-left: 2px; text-align: left; vertical-align: top; }
.price-module > .price-aside .upper { display: block; padding-top: 3px; text-align: left; }
.price-module > .price-aside .upper .decimal { display: inline-block; font-size: 20px; line-height: 19px; vertical-align: bottom; }
.price-module > .price-aside .upper .currency { display: inline-block; font-size: 11px; line-height: 8px; padding-left: 2px; vertical-align: top; }
.price-module .lower { color: #333333; font-size: 12px; line-height: 14px; }
.dark .price-module .lower { color: #fff !important; }
.price-module > .text-only { color: #4B4B4B; display: inline; font-family: Tele-Grotesk-Halb,Arial,Tahoma,Helvetica; font-size: 18px; line-height: 18px; }
.price-module.grey { color: #4B4B4B !important; }
.price-module.medium > .price-aside .upper .decimal { font-size: 22px; line-height: 21px; }
.price-module.medium > .price-aside .lower { line-height: 11px; }
.price-module.big .before { color: #333333; font-size: 14px; line-height: 14px; }
.price-module.big .amount { font-size: 60px; line-height: 46px; }
.price-module.big .amount del { top: -30px; }
.price-module.big .amount del span { font-size: 16px; line-height: 30px;}
.price-module.big > .price-aside .upper { margin-top: 0; padding-top: 0; }
.price-module.big > .price-aside .upper .decimal { font-size: 24px; line-height: 24px; }
.price-module.big > .price-aside .upper .currency { font-size: 13px; line-height: 10px; }
.price-module.big .lower { display: inline; font-family: Tele-Grotesk-Fett,Arial,Tahoma,Helvetica; font-size: 12px; line-height: 16px; color: #4B4B4B; }
.price-module.big .second-line { color: #333333; display: block; font-family: Tele-Grotesk-Fett,Arial,Tahoma,Helvetica; font-size: 14px; line-height: 18px; }
.price-module.small .before { font-size: 11px; line-height: 11px; }
.price-module.small .amount { font-size: 30px; line-height: 27px; }
.price-module.small .amount del { top: -23px; }
.price-module.small .amount del span j
.price-module.small > .price-aside .upper { line-height: 9px; }
.price-module.small > .price-aside .upper .decimal { font-size: 17px; line-height: 11px; margin-bottom: -2px; vertical-align: top; }
.price-module.small > .price-aside .upper .currency { font-size: 10px; line-height: 7px; }
.price-module.small .lower { display: inline; font-size: 11px; }
.price-module.variant-price { float: right; margin: -48px 28px 0; }
.price-module.bigger {font-family:Tele-Grotesk-Fett, Arial !important; color:#494949 !important; float: left; width: 240px; }
.price-module.bigger .amount { font-size: 60px; line-height: 50px; }
.price-module.bigger > .price-aside .upper .currency { font-size: 15px; }
.price-module.bigger .desc { display: block; clear: both; font-family: Tele-Grotesk-Halb,Arial,Tahoma,Helvetica; font-size: 16px; color: #666 !important; margin-top: 10px; }
.price-module.bigger > .price-aside .upper .decimal { font-size: 34px; line-height: 24px; }
.price-box .caption {
  color: #666666;
  font-family: Tele-Grotesk-Fett,Arial;
  font-size: 24px;
  line-height: 24px;
  margin: 0 0 3px;
  white-space: nowrap;
}
.price-box.module { float: left; width: 150px; }





/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */
	label.checkbox { cursor: pointer; }

	label.checkbox span.holder {
		height: 15px; /* Total height of your checkbox image */
		background: url(../images/gfx_check_off.png) 0 0px no-repeat; /* Path to your checkbox image */
	}
	
	label.checked span.holder,
	label.checked span.holder,
	label.checked:hover span.holder,
	label.checked:hover span.holder { background: url(../images/gfx_check_on.png) 0 0px no-repeat; } /* Background position when checked */

/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}
	
	label.inline {
		float: left; margin: 0 10px 0 0;
	}
	
		input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}
	
		label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin-right: 10px;
			overflow: hidden;
			margin-bottom: 110px;
		}
		
		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0px; left: 0px;
		}


/* TYLKO DLA TEJ STRONY */

.section.header .pick {
    background: transparent url("../images/top_arrow_down.png") repeat-x scroll center top;
    bottom: 0;
    height: 36px;
    position: absolute;
    width: 100%;
}

.section.mod1 {
    padding:45px;
}
.section.mod1 p{
    text-align: center
}

.section.mod2 p, .section.mod6 .section-topic {font-size:3.5em; text-align:  center; padding:1em 1em ;
   font-family: 'CooperHewitt-Semibold';
}
    
.section.mod3 .img {
  width:48%;
  height:auto;
  padding-bottom: 25px
}   
.section.mod3 .img.left {
  background: url("../images/mod3-1.jpg") no-repeat scroll right center;
  height:395px;
  float:left;
}
.section.mod3 .img.right {
  background: url("../images/mod3-1.jpg") no-repeat scroll left center;
  height:395px;
  float:right;
}
.section.mod3 .text{
  float:right;
  width:49%;
  height: 395px;
  max-width: 440px;
  padding-top: 15%;
  margin-bottom: 50px
}
.section.mod3 .left+.text{
  float:left;
  margin-left:2%;
}
.section.mod3 .right+.text{
  float:right;
  text-align: right;
  margin-right:2%;
}
.section.mod3 .text h2 {
    font-family: CooperHewitt-Semibold;
    color:#E20074;
    font-size: 2.2em;
}
.section.mod3 .text p {
    font-size: 2.2em;
}
.section.pink {background-color: #e20074; }
.section.mod4 {height:270px; text-align: center; padding:0 20px;}
.section.mod4 p{text-align: center; font-family: 'CooperHewitt-Semibold'; color:white; font-size: 3.8em;padding:80px 0 20px 0;}
.section.mod4 a.btn-sprawdz{
   background: url("../images/btn-sprawdz.png") no-repeat scroll left center transparent;
   display: block;
   height: 52px;
   width: 193px;
   text-indent: 10000px;
   overflow: hidden;
   margin: 0px auto ;
 }
.section.mod4 a.btn-sprawdz:hover{
   opacity: 0.8
}

.section.mod4 a.shop {
  display: inline-block;
  margin:15px;
}
   
.section.mod5 {padding-top: 80px}   
.section.mod5 .img {
  width:48%;
  height:auto;
}   

.section.mod5 .img.right {
  background: url("../images/mod5_22.jpg") no-repeat scroll left center;
  height:454px;
  float:right;
}
.section.mod5 .text{
  float:right;
  width:49%;
  max-width: 490px;
  padding-right:2%;
}
.section.mod5 .text p{
  text-align: right;
}
.section.mod5 .text p:last-child{
  padding-bottom: 80px
}

.section.mod5 .text .p-head{
  font-family: CooperHewitt-Semibold;
  font-size: 3.3em;
}
.section.mod5 .text .p-head.magenta{
  font-size: 3em;
  padding: 20px 0 5px 0;
}
.section.mod5 .text .dot{
  font-size: 1.8em;
  text-align: right;
  background: url("../images/dot_magenta.png") no-repeat scroll right center transparent;
  padding-right: 28px;
  margin:20px 0 ;
}
.section.mod5 .text .download{
    text-align: right;
    margin:-50px 0 50px 0 
}
.section.mod5 .text .download p{
      font-size: 1.6em;text-align: right; margin: 10px 0
}
.section.mod5 .text .download a img{
  height:40px; width: auto

}

.section.mod6 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+1,ffffff+31 */
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, #f0f0f0 1%, #ffffff 31%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f0f0f0 1%,#ffffff 31%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f0f0f0 1%,#ffffff 31%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
color:#4b4b4b;
padding-bottom: 80px
}

.section.mod6 .step-holder {
    width:30%;
    height:auto;
    text-align: center;
    display: inline-block;
}
.section.mod6 .step-holder .step.gray {
    width:150px;
    height:150px;
    margin:15px auto;
    background-color: #f2f2f2;
    font-size:85px;
    text-align: center;
    font-family: "Tele-GroteskUltra";
}
.section.mod6 .step-holder .step.gray span{
    font-size:20px;
    display: block;
     font-family: "Tele-GroteskHal";
}
.section.mod6 .step-holder .desc{
    font-size:28px;
    display: block;
    text-align: center;
    width:100%;
    font-family: "Tele-GroteskNor";
    height:120px;
    padding:15px 30px;

}
.section.mod6 .step-holder .desc span{
    font-size:18px; 
    display: block
}
.section.mod6 .step-holder .phone{
    font-size:50px; 
    background: url(../images/ico_phone.png) left center no-repeat;
    font-family: "Tele-GroteskUltra";
    padding:5px 0 5px 40px;
    color:#e20074;
    height:auto;
}

a.shop:hover {opacity: 0.8}


@media screen and (min-width: 961px){ 
.hide-desktop {display:none;}
}

/* -------------- MOBILE ------------------------------------------------ */

@media screen and (max-width: 960px){    /*------------------------------ 960 --------------------------------*/
    .hide960{display: none}
    .section.header{
        background: url(../images/header_960.jpg) center top no-repeat;
        height:455px;
    }
    .section.mod4 {
      height: auto;
    }
    .section.mod4 p {
      padding: 40px 0 20px
    }
    .section.mod4 a:last-child {
      margin-bottom: 40px;
    }
    .section.mod5 .img.right {float:none; width: 100%; background-size: 800px; background-position: top left;height: 350px;
    margin-bottom: 40px;}
    .section.mod5 .text{
      text-align: center;
      float:none;
      width:100%;
      max-width: 100%;
    }
    .section.mod5 .text .content50proc{
      text-align: center;
      padding:0 20px;
    }

    .section.mod5 .text p{
      text-align: center;
      max-width: 500px;
      margin: 0 auto;
    }

    .section.mod5 .text .content50proc .dot{
      font-size: 1.8em;
      text-align: center;
      background:none;
      padding-right: 0px;
      margin:20px auto ;

    }
    

}


 @media screen and (max-width: 940px){    /*------------------------------ 940 --------------------------------*/
   h1 {max-width: 600px; padding-top: 80px}

   .section.mod6 .step-holder {
        width:100%;
        height:auto;
        text-align: left;
        display: inline-block;
    }
    .section.mod6 .step-holder .step.gray {
        float:left;
        margin:25px 30px;
    }
    .section.mod6 .step-holder .desc{
        text-align: left;
        height: auto;
    }
    .section.mod6 .step-holder .desc-phone{
        padding-left: 50px
    }

}

 @media screen and (max-width: 640px){    /*------------------------------ 640 --------------------------------*/
    body {font-size: 7px}
    
    .section .content960 p {
        font-size: 2.5em;
        color: #494949;
    }
    .section .content960 p.section-topic {
        font-size: 3.5em;
        color: #494949;
    }
    .section.header{
        background: url(../images/header_640.jpg) center top no-repeat;
        background-size:600px;
        height:300px;
    }
    .section.mod3 {
        padding: 15px
    }
    .section.mod3 .img {
        height: 200px !important;
        padding-bottom: 0px;
        width: 90%;
        max-width: 390px;
        margin:0 auto;
        float:none !important;
        background-size: 80% auto !important
    }
     .section.mod3 .text{
        float:none !important;
        width:100%;
        height: auto;
        max-width: 390px;
        padding: 15px 0 40px 0;
        margin-bottom: 0px
    }
    .section.mod3 .left+.text, .section.mod3 .right+.text{
        margin:0 auto;

    }

    .section.header .pick {display: none;}
    h1 {padding-top: 100px; font-size:6em;}
    .section.mod5 {font-size:1.4em;}
    .section.mod5 .img.right {
      background-size: cover;
       background-position: 0px top;
       height: 250px; 
       background-image: url(../images/mod5_small.jpg);
      margin-bottom: 40px;}

    .section.mod6 .step-holder {
        width:100%;
        height:auto;
        text-align: left;
        display: inline-block;
    } 
    .section.mod6 .step-holder .btn {
        display: block;
        width: 220px
    }
    .section.mod6 .step-holder .step.gray {
        float:none;
        margin:25px auto;
    }
    .section.mod6 .step-holder .desc{
        text-align: center;
        height: auto;
    }
    .section.mod6 .step-holder .desc-phone{
        padding-left: 0px;
        width:300px;
        margin:0 auto;
        text-align: center

    }
} 


 @media screen and (max-width: 400px){    /*------------------------------ 400 --------------------------------*/
    h1 {padding-top: 40px}
}