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

body{position:relative}

html{ line-height:1}

html, input, textarea{}

ol, ul{ list-style:none}

table{ 
border-collapse:collapse; 
border-spacing:0
}

caption, th, td{ 
text-align:left; 
font-weight:normal; 
vertical-align:middle
}
q, blockquote{ quotes:none}

q:before, q:after, blockquote:before, blockquote:after{ 
content:""; 
content:none
}

a img{ border:none}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{ display:block}

.clear{ clear:both}

.container{ 
width:90%; 
max-width:1170px; 
position:relative; 
margin:0 auto; 
padding:0;
}

.container:after{ 
content:"\0020"; 
display:block; 
height:0; 
clear:both; 
visibility:hidden
}

@media only screen and (min-width:1025px) and (max-width:959px){   
.container{   width:95%}

}

@media only screen and (max-width:1024px){   
.container{   width:95%}


}

@media only screen and (max-width:479px){   
.container{   min-width:282px}
}


@media screen and (max-width: 310px) {
	div.ui-dialog{   
		top: 10% !important;
		left: -1% !important;
	}
}

@media screen and (min-width: 310px) {
.iframe_div iframe {
	height: 2000px;
	min-width: 310px;
}

.reveal-modal {
	top: 63px !important;
	padding: 15px !important;
	min-height: 40vh !important;
	position: fixed !important;
}

div.ui-dialog{ 
width: 300px; 
top: 10% !important;
left: 5% !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0em .4em .5em 4em !important;
}

}

@media screen and (min-width: 576px) {
.iframe_div iframe {
	height: 2000px;
	min-width: 576px;
}

div.ui-dialog{   
top: 10% !important;
left: 30% !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0em .4em .5em 4em !important;
}
}

@media screen and (min-width: 768px) {
.iframe_div iframe {
	height: 2000px;
	min-width: 768px;
}

div.ui-dialog{   
top: 10% !important;
left: 33% !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 0em .4em .5em 4em !important;
}
}

@media screen and (min-width: 992px) {
.iframe_div iframe {
	height: 2000px;
	min-width: 992px;
}

div.ui-dialog{   
top: 10% !important;
left: 35% !important;
width: 400px !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 1em !important;
}
}

@media screen and (min-width: 1200px) {
.iframe_div iframe {
	height: 2000px;
}

div.ui-dialog{   
top: 10% !important;
left: 35% !important;
width: 400px !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 1em !important;
}
}

.row{ 
margin:18px 0; 
padding:0
}

.row .one-third{ 
width:30%; 
padding:0 2.33%; 
float:left
}

.row .one-third:first-child{ 
padding-left:0
}

.row .one-third:last-child{ 
padding-right:0
}

@media only screen and (max-width:1024px){   
.row .one-third{   
margin:20px 0;
width:95%;   
padding:0 2.5%
}    

.row .one-third:first-child{   
margin:0;   
padding-left:2.5%
}    

.row .one-third:last-child{   
padding-right:2.5%
}

}

.font-header, h1, h2, h3, h4, h5, h6{ font-family: 'Signika', sans-serif; }

.font-basic, body, button, input[type=submit], input[type=text],input[type=email],textarea{ font-family: 'Signika', sans-serif; }

img.scale-with-grid{ 
max-width:100%; 
max-height:100%; 
height:auto
}

.flexible-container{   
position:relative; 
padding-bottom:56.25%; 
padding-top:30px; 
height:0; 
overflow:hidden; 
max-width:100%
}

.flexible-container iframe, .flexible-container object, .flexible-container embed{ 
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%
}

body{ 
font-size:24px; 
line-height:1.2em; 
color:#6c6c6c;
}

@media only screen and (min-width:1025px) and (max-width:959px){   
body{   font-size:20px}
}

@media only screen and (max-width:1024px){   
body{   font-size:20px}
}

h1, h2, h3, h4, h5, h6{ 
font-weight:bold; 
text-transform:uppercase; 
line-height:1.2em; 
color:#2c3e50
}

h1{ 
font-size:84px; 
width:100%; 
text-align:center;
}

h1.clain{font-size:100px}

@media only screen and (min-width:1025px) and (max-width:959px){   
h1{   font-size:84px}
}

@media only screen and (max-width:1024px){   
h1{   font-size:72px}
}

@media only screen and (max-width:479px){ 
h1{   font-size:50px}
}

h2{ font-size:84px;  }

@media only screen and (min-width:1025px) and (max-width:959px){   h2{   font-size:72px}}

@media only screen and (max-width:1024px){   h2{   font-size:54px}}

h3{ font-size:48px;  }

@media only screen and (min-width:1025px) and (max-width:959px){   h3{   font-size:46px}}

@media only screen and (max-width:1024px){   h3{   font-size:36px}}

h4{ font-size:36px;  }

@media only screen and (min-width:1025px) and (max-width:959px){   h4{   font-size:30px}}

@media only screen and (max-width:1024px){   h4{   font-size:24px}}

h5{ 
font-size:24px; 
font-weight:normal;  
}

@media only screen and (min-width:1025px) and (max-width:959px){   h5{   font-size:20px}}

@media only screen and (max-width:1024px){   h5{   font-size:16px}}

a{ 
text-decoration:none; 
color:#722F37
}

button, input[type=submit], .clean[type=button]{ 
background-color:#aa383a; 
color:#fff; 
border:2px #aa383a solid;
padding:7px 12px; 
font-size:14px; 
font-family: 'Signika', sans-serif;
font-weight:normal; 
cursor:pointer; 
line-height:1.5; 
-webkit-appearance:none; 
-webkit-box-sizing:border-box;   
-moz-box-sizing:border-box;   
box-sizing:border-box;   
-webkit-border-radius:5px; 
-moz-border-radius:5px; 
border-radius:5px; 
-webkit-transition:200ms linear; 
-moz-transition:200ms linear; 
-o-transition:200ms linear; 
-ms-transition:200ms linear; 
transition:200ms linear;
/*display: block;
margin-bottom: 0;*/
margin-bottom: 50px;
}

.clean[type=button] {
	border-radius: 0;
}

@media only screen and (max-width:1024px){   
/*button, input[type=submit]{   
font-size:18px;   
height:auto;   
padding:0 15px;   
line-height:60px;   
height:60px
}*/
}

button:hover, input[type=submit]:hover{ 
background-color:#722F37; 
color:#fff; 
border-color:#722F37;
}

button:active, input[type=submit]:active{ 
color:#fff; 
background-color:#d53d3d
}

input[type=text],input[type=email],textarea{ 
border:2px #bdc3c7 solid; 
padding:0 20px; 
font-size:30px; 
color:#666; 
height:60px; 
-webkit-appearance:none; 
resize:none; 
-webkit-box-sizing:border-box;   
-moz-box-sizing:border-box;   
box-sizing:border-box;   
-webkit-border-radius:5px; 
-moz-border-radius:5px; 
border-radius:5px; 
-webkit-transition:border-color 200ms linear; 
-moz-transition:border-color 200ms linear; 
-o-transition:border-color 200ms linear; 
-ms-transition:border-color 200ms linear; 
transition:border-color 200ms linear
}

@media only screen and (max-width:1024px){   input[type=text],  input[type=email],  textarea{   font-size:22px}}

input[type=text]:focus, input[type=text]:hover,input[type=email]:focus,input[type=email]:hover,textarea:focus,textarea:hover,input[type=text].mark-as-err,input[type=email].mark-as-err,textarea.mark-as-err{ 
color:#6c6c6c !important; 
border-color:#722F37 !important
}

form#contact-widget-form ul.errors li{   color:#722F37}

textarea{ padding:20px}

.red{ color:#722F37}

.hd-blue{ color:#00a1d4}

.center{ text-align:center}

::selection{ 
color:#fff; 
background-color:#722F37
}

::-moz-selection{ 
color:#fff; 
background-color:#722F37
}

nav#desktop-nav{ 
width:100%; 
height:185px;  
border-bottom:1px #edf1f6 solid;
}

@media only screen and (min-width:1025px) and (max-width:959px){   nav#desktop-nav{   height:120px}}

@media only screen and (max-width:640px){   nav#desktop-nav{   display:none}}

nav#desktop-nav h1{ 
display:block; 
position:absolute; 
width:130px; 
height:0; 
background:transparent url(../img/shimul-logo.png) 0 0 no-repeat; 
text-indent:-9999px; 
padding-bottom:170px; 
margin-left:-65px; 
left:50%; 
top:-40px; 
-webkit-transition:top 300ms ease-in-out; 
-moz-transition:top 300ms ease-in-out; 
-o-transition:top 300ms ease-in-out; 
-ms-transition:top 300ms ease-in-out; 
transition:top 300ms ease-in-out;*/
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
nav#desktop-nav h1{   
background-image:url(../img/logo-big@2x.png);   
background-size:130px
}
}

@media only screen and (min-width:1025px) and (max-width:959px){   
nav#desktop-nav h1{   
top:-5px;   
width:90px;   
padding-bottom:138px;   
margin-left:-45px;   
background-image:url(../img/logo-big@2x.png);   
background-size:90px
}
}

nav#desktop-nav h1:hover{ top:-3px}

nav#desktop-nav ul li{ 
line-height:20px;
padding-top:72px;
text-align:center; 
display:inline-block; 
float:left;
padding:72px 0 0 0;
}

/*nav#desktop-nav ul li:nth-child(2){ 
line-height:20px;
padding-top:72px; 
text-align:center; 
display:inline-block; 
float:left
}

nav#desktop-nav ul li:nth-child(3){ 
line-height:20px;
padding-top:72px; 
text-align:center; 
display:inline-block;  
float:left;
margin-right:18%
}

nav#desktop-nav ul li:nth-child(4){ 
line-height:20px;
padding-top:72px; 
text-align:center; 
display:inline-block; 
width:19%; 
float:left;
}

nav#desktop-nav ul li:nth-child(5){ 
line-height:20px;
padding-top:72px; 
text-align:center; 
display:inline-block; 
width:10%; 
float:left;
}*/

@media only screen and (min-width:1025px) and (max-width:959px){   nav#desktop-nav ul li{   line-height:120px} }

nav#desktop-nav ul li a{ 
color:#333333; 
font-size:20px;
font-family: 'Signika', sans-serif; 
font-weight:700; 
text-transform:uppercase; 
-webkit-transition:color 200ms linear; 
-moz-transition:color 200ms linear; 
-o-transition:color 200ms linear; 
-ms-transition:color 200ms linear; 
transition:color 200ms linear
}

nav#desktop-nav ul li a:hover, nav#desktop-nav ul li a.act{ color:#722F37}

nav#sticky-nav{ 
width:100%; 
background-color:#fff; 
height:80px; 
position:fixed; 
top:0; 
left:0; 
right:0; 
z-index:9999; 
border-bottom:1px #ccc solid;  
}

@media only screen and (min-width:1025px) and (max-width:959px){   nav#sticky-nav{   height:80px}}

@media only screen and (max-width:1024px){   nav#sticky-nav{   display:none}}

nav#sticky-nav h1{ 
display:block; 
position:absolute; 
width:60px; 
height:0; 
background:transparent url(../img/logo-small.png) 0 0 no-repeat; 
text-indent:-9999px; 
padding-bottom:80px; 
margin-left:-30px; 
top:10px; 
left:50%
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
nav#sticky-nav h1{   
background-image:url(../img/logo-small@2x.png);   
background-size:60px
}
}

@media only screen and (min-width:1025px) and (max-width:959px){   
nav#sticky-nav h1{   
width:60px;   
padding-bottom:60px;   
margin-left:-30px;
}

nav#desktop-nav ul li a {
	font-size: 18px;
}
}

@media only screen and (min-width:1025px) and (max-width:959px) and (-webkit-min-device-pixel-ratio:2), only screen and (min-width:1025px) and (max-width:959px) and (min-resolution:192dpi){   
nav#sticky-nav h1{   
background-image:url(../img/logo-small@2x.png);   
background-size:60px
}
}

nav#sticky-nav ul{ width:100%}

nav#sticky-nav ul li{ 
line-height:20px;
padding-top:30px; 
text-align:center; 
display:inline-block; 
width:10%; 
float:left;
}

#slogan {
	background-color: #722f37;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	z-index: 10;
	position: absolute;
	width: 400px;
	padding: 10px 0;
	left: -50%;
}

/*nav#sticky-nav ul li:nth-child(2){ 
line-height:20px;
padding-top:30px;
text-align:center; 
display:inline-block; 
width:18%; 
float:left
}

nav#sticky-nav ul li:nth-child(3){ 
line-height:20px;
padding-top:30px;
text-align:center; 
display:inline-block; 
width:18%; 
float:left;
margin-right:8%
}

nav#sticky-nav ul li:nth-child(4){ 
line-height:20px;
padding-top:30px; 
text-align:center; 
display:inline-block; 
width:20%; 
float:left
}*/

@media only screen and (min-width:1025px) and (max-width:959px){   
nav#sticky-nav ul li{   line-height:80px}
}

nav#sticky-nav ul li a{ 
font-family: 'Signika', sans-serif;
color:#333333; 
font-size:20px; 
font-weight:bold; 
text-transform:uppercase; 
-webkit-transition:color 200ms linear; 
-moz-transition:color 200ms linear; 
-o-transition:color 200ms linear; 
-ms-transition:color 200ms linear; 
transition:color 200ms linear
}

nav#sticky-nav ul li a:hover, nav#sticky-nav ul li a.act{ color:#722F37}

nav#mobile-nav{ display:none}
/*
@media only screen and (max-width:1024px){   
nav#mobile-nav{   
display:block;   
position:fixed;   
height:64px;   
width:100%;   
background-color:#fff;   
border-bottom:1px #ccc solid;   
z-index:9999;
top:0;
-webkit-backface-visibility:hidden
}
}
*/

@media only screen and (max-width:1024px){   
nav#mobile-nav{   
display:block;   
position:relative;   
height:64px;   
width:100%;   
background-color:#fff;   
border-bottom:1px #ccc solid;   
z-index:9999;
top:0;
-webkit-backface-visibility:hidden
}

nav#desktop-nav ul li a {
	font-size: 18px;
}

#slogan {
	background-color: #722f37;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	z-index: 10;
	position: absolute;
	width: 400px;
	padding: 10px 0;
	left: -67%;
}
}

@media only screen and (min-width:641px) and (max-width:768px){
	nav#desktop-nav ul li a {
	font-size: 13px;
}

#slogan {
	background-color: #722f37;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	z-index: 10;
	position: absolute;
	width: 400px;
	padding: 10px 0;
	left: -130%;
}
}

@media only screen and (min-width:768px) and (max-width:992px){
	nav#desktop-nav ul li a {
	font-size: 15px;
}

#slogan {
	background-color: #722f37;
	border-radius: 5px;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	z-index: 10;
	position: absolute;
	width: 400px;
	padding: 10px 0;
	left: -90%;
}
}

nav.top-bar h1{ 
display:block; 
position:absolute; 
background:url(../img/logo-small.png) left center no-repeat; 
background-size:45px; 
font-size:28px; 
left:0; 
padding:4px 0 0 50px; 
line-height:60px; 
height:60px; 
text-align:left; 
width:auto
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
nav#mobile-nav h1{   
background-image:url(../img/logo-small@2x.png);   
background-size:50px
}
}

nav#mobile-nav a.menu-icon{ 
display:block; 
position:absolute; 
right:0%; 
width:60px; 
height:0; 
padding-bottom:60px; 
background:white url(../img/mobile-menu-icon-open.png) center center no-repeat; 
cursor:pointer; 
text-indent:-9999px; 
-webkit-transition:300ms ease-in-out; 
-moz-transition:300ms ease-in-out; 
-o-transition:300ms ease-in-out; 
-ms-transition:300ms ease-in-out; 
transition:300ms ease-in-out
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
nav#mobile-nav a.menu-icon{   
background-image:url(../img/mobile-menu-icon-open@2x.png);   
background-size:32px
}
}

nav#mobile-nav a.menu-icon-active{ 
display:block; 
position:absolute; 
right:-3%; 
width:60px; 
height:0; 
padding-bottom:64px; 
background:#722F37 url(../img/mobile-menu-icon-close.png) center center no-repeat; 
cursor:pointer; 
text-indent:-9999px
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
nav#mobile-nav a.menu-icon-active{   
background-image:url(../img/mobile-menu-icon-close@2x.png);   
background-size:32px
}
}

nav#mobile-nav .lang{ 
display:none; 
text-align:center; 
position:fixed; 
width:100%; 
bottom:5%; 
font-size:24px; 
font-weight:bold; 
text-transform:uppercase; 
color:#e50b0b
}

nav#mobile-nav .lang a{ color:#fff}

nav#mobile-nav ul{ 
border-top:1px #fff solid; 
display:none; 
background-color:#722F37; 
width:100%; 
position:fixed; 
top:64px; 
left:0; 
height:100%
}

nav#mobile-nav ul li{ 
text-align:left; 
height:60px; 
line-height:60px; 
border-bottom:1px #fff solid; 
font-size:24px; 
font-weight:bold; 
text-transform:uppercase; 
width:100%
}

@media only screen and (min-width:480px) and (max-width:1024px){   
nav#mobile-nav ul li{   
width:50%;   
float:left;   
-webkit-box-sizing:border-box;       
-moz-box-sizing:border-box;       
box-sizing:border-box;    
}    

nav#mobile-nav ul li:nth-child(2n+1){   
border-right:1px #fff solid
}
}

nav#mobile-nav ul li a{ 
display:block; 
width:95%; 
color:#fff; 
padding-left:5%; 
-webkit-transition:200ms ease-in-out; 
-moz-transition:200ms ease-in-out; 
-o-transition:200ms ease-in-out; 
-ms-transition:200ms ease-in-out; 
transition:200ms ease-in-out
}

nav#mobile-nav ul li a:hover{ 
color:#722F37; 
background-color:#fff
}

.intro{ 
background:url(../img/intro-background.gif) 0 0 repeat-x; 
padding-top:50px;  
}

@media only screen and (min-width:1025px) and (max-width:959px){   
.intro{   
background-position:0 -64px
}
}

@media only screen and (max-width:1024px){   
.intro{   
background:none;   
padding-top:96px
}
}

.intro h1{}

@media only screen and (max-width:1024px){   
.intro h1{   display:none}
}

.intro .lead{ 
font-size:36px; 
line-height:1.38em; 
text-align:center; 
margin:10px 0;  
}

@media only screen and (min-width:1025px) and (max-width:959px){   
.intro .lead{   
font-size:30px
}
}

@media only screen and (max-width:1024px){   
.intro .lead{   
font-size:30px;   
margin-bottom:50px
}
}

.intro .icon-container{ 
width:100%; 
margin:20px 0; 
-webkit-transition:300ms ease-in-out; 
-moz-transition:300ms ease-in-out; 
-o-transition:300ms ease-in-out; 
-ms-transition:300ms ease-in-out; 
transition:300ms ease-in-out;
}

.intro .icon-container:hover{ 
margin-top:10px; 
padding-bottom:10px
}

.intro .row h4{padding-bottom:6%}

@media only screen and (min-width:1025px) and (max-width:959px){   
.intro .icon-container{   
width:80%;   
margin:20px auto
}
}

@media only screen and (max-width:1024px){   
.intro .icon-container{   
width:128px;   
margin:20px auto
}
}

#works{ 
margin-top:100px; 
text-align:center
}

@media only screen and (max-width:1024px){   #works{   margin-top:36px}}

#works .slides li{ display:none}

#works h3{ 
position:relative; 
margin-bottom:50px; 
background-color:#fff; 
padding-bottom:90px; 
margin-bottom:-60px
}

@media only screen and (max-width:1024px){   
#works h3{   
padding-bottom:60px;   
margin-bottom:-25px
}
}

#works img{ 
display:block; 
margin:0 auto; 
position:relative
}

#works img.slide-desktop{}

@media only screen and (max-width:1024px){   
#works img.slide-desktop{   display:none}
}

#works img.slide-mobile{ display:none}

@media only screen and (max-width:1024px){   
#works img.slide-mobile{   
display:block;   
width:85%
}
}

#works .flex-direction-nav li{ 
display:block; 
position:relative; 
background:url(../img/arrows.png) 0 0 no-repeat; 
width:54px; 
height:85px; 
margin-bottom:-85px; 
top:-300px; 
-webkit-transition:margin 300ms ease-in-out; 
-moz-transition:margin 300ms ease-in-out; 
-o-transition:margin 300ms ease-in-out; 
-ms-transition:margin 300ms ease-in-out; 
transition:margin 300ms ease-in-out
}

@media only screen and (max-width:1024px){   
#works .flex-direction-nav li{   display:none}
}

#works .flex-direction-nav li:nth-child(1){ 
float:left; 
margin-left:5%
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#works .flex-direction-nav li:nth-child(1){   margin-left:1%}
}

#works .flex-direction-nav li:nth-child(2){ 
float:right; 
margin-right:5%; 
background-position:0 -105px
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#works .flex-direction-nav li:nth-child(2){   margin-right:1%}
}

#works .flex-direction-nav li:hover{ 
margin-left:4.5%; 
margin-right:4.5%
}

#works .flex-direction-nav li a{ 
display:block; 
width:54px; 
height:0; 
padding-bottom:108px; 
text-indent:-9999px
}

#works .flex-control-nav{margin-top:20px}

#works .flex-control-nav li{ 
width:21px; 
height:21px; 
display:inline-block; 
margin:8px
}

#works .flex-control-nav li a{ 
display:block; 
width:21px; 
height:0; 
padding-bottom:21px; 
-webkit-border-radius:12px; 
-moz-border-radius:12px; 
border-radius:12px; 
background-color:#d4d9dc; 
cursor:pointer; 
text-indent:-9999px; 
-webkit-transition:background-color 200ms linear; 
-moz-transition:background-color 200ms linear; 
-o-transition:background-color 200ms linear; 
-ms-transition:background-color 200ms linear; 
transition:background-color 200ms linear
}

#works .flex-control-nav li a.flex-active, #works .flex-control-nav li a:hover{ background-color:#722F37}

#clients h2{ margin:90px 0;  }

@media only screen and (min-width:1025px) and (max-width:959px){   #clients h2{   margin:45px 0}}

@media only screen and (max-width:1024px){   #clients h2{   margin:30px 0}}

#clients button{ 
margin:0 auto; 
display:block
}

#clients .row{ margin-bottom:50px}

#clients .row:last-child{ margin-bottom:0}

@media only screen and (max-width:1024px){   #clients .row{   margin-bottom:0}}

#clients .reference{ 
width:50%; 
min-height:220px; 
float:left;    
}

#clients .reference p{overflow:hidden}

@media only screen and (max-width:1024px){   
#clients .reference{   
width:100%;   
min-height:160px
}
}

@media only screen and (min-width:480px) and (max-width:1024px){   #clients .reference{   margin-bottom:30px}}

@media only screen and (max-width:479px){   
#clients .reference{   
text-align:center;   
margin-bottom:20px
}
}

.copyright {
	/*padding-top: 50px;*/
}


#clients .reference h4{ color:#722F37}

#clients .reference h5{ 
color:#6c6c6c; 
min-height:56px
}

#clients .reference p{ 
margin-top:20px; 
padding-right:10%;  
}

@media only screen and (min-width:480px) and (max-width:1024px){   
#clients .reference p{   
margin:15px 0 0 0;   
padding-right:0
}
}

@media only screen and (max-width:479px){   
#clients .reference p{   
margin:15px 5% 0 5%;   
padding-right:0
}
}

#clients .reference .image-container{ 
width:21%; 
min-height:220px; 
float:left; 
margin-right:4%;    
}

@media only screen and (max-width:1024px){   #clients .reference .image-container{   min-height:160px}}

@media only screen and (min-width:480px) and (max-width:1024px){   #clients .reference .image-container{   margin-right:8%}}

@media only screen and (max-width:479px){   #clients .reference .image-container{   width:100%}}

#clients .reference .image-container img{ 
max-width:128px; 
width:100%; 
margin-bottom:10px
}

@media only screen and (max-width:1024px){   
#clients .reference .image-container img{   
display:block;   
margin:20px auto
}
}

#planer{ 
background: url(../img/shimul-bg.jpg) repeat center center fixed; 
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
text-align:center; 
padding:50px 0; 
padding-bottom: 20px;
/*margin-top:100px;*/
color:#000;
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#planer{   
padding:60px 0;   
margin-top:90px
}
}

@media only screen and (max-width:1024px){   
#planer{   
padding:40px 0;   
/*margin-top:50px;*/
}
}

#planer::selection{ background-color:#2c3e50}

#planer::-moz-selection{ background-color:#2c3e50}

#planer h2{ 
color:#722F37;
font-family: 'Signika', sans-serif;
font-weight:700; }

#planer button{ border-color:#fff}

#planer p{ margin:10px 0;  }

@media only screen and (min-width:1025px) and (max-width:959px){   #planer p{   margin:40px 0}}

@media only screen and (max-width:1024px){   #planer p{   /*margin:40px 0*/}}

#map{ 
width:100%; 
height:450px; 
overflow:hidden
}

@media only screen and (max-width:1024px){   #map{   display:none}}

#map iframe{ 
float:left; 
width:100%; 
margin:0px; 
padding:0px
}

#contact h2{ margin:50px 0;  }

@media only screen and (min-width:1025px) and (max-width:959px){   #contact h2{   margin:40px 0}}

@media only screen and (max-width:1024px){   #contact h2{   margin:30px 0}}

#contact .form-container{ 
width:100%; 
margin-top:50px;
}

#contact .form-container div.column{ 
float:left; 
width:48%; 
margin:0 1%; 
-webkit-box-sizing:border-box;   
-moz-box-sizing:border-box;   
box-sizing:border-box;  
}

@media only screen and (max-width:1024px){   
#contact .form-container div.column{   
width:96%;   
margin:0 2%
}
}

#contact .form-container div.column input,#contact .form-container div.column textarea{ 
width:100%; 
margin-bottom:20px
}

#contact .form-container div.column textarea{ height:225px}

footer{ 
color:#1d1d1b; 
/*padding-bottom:25px;
background-color: rgba(255,255,255,0);*/
}

footer a.hd-copy{color:#1b1b1b}

#footer {
	margin-top: 75px;
}

#footer ul.social-icons{ 
display:table; 
margin: auto;
}

#footer ul.social-icons li{ 
display:block; 
width:75px; 
height:75px; 
/*background-color:#a7a7a7;
margin-right:20px;*/
margin-bottom:50px;
-webkit-border-radius:40px; 
-moz-border-radius:40px; 
border-radius:40px; 
-webkit-transition:background-color 300ms linear; 
-moz-transition:background-color 300ms linear; 
-o-transition:background-color 300ms linear; 
-ms-transition:background-color 300ms linear; 
transition:background-color 300ms linear
}

#footer ul.social-icons li.facebook {
	background: #a7a7a7 url(../img/fb-icon.png) no-repeat center;
}

#footer ul.social-icons li.instagram {
	background: #a7a7a7 url(../img/ig-icon.png) no-repeat center;
}

#footer ul.social-icons li.twitter {
	background: #a7a7a7 url(../img/tw-icon.png) no-repeat center;
}

@media only screen and (max-width:479px){   
#footer ul.social-icons li{   
width:50px;   
height:50px;   
margin-right:10px
}
}

#footer ul.social-icons li:last-child{ margin-right:0}

#footer ul.social-icons li.facebook:hover{ background:#3b5998 url(../img/fb-icon-hover.png) no-repeat center;}

#footer ul.social-icons li.twitter:hover{ background:#9AE4E8 url(../img/tw-icon-hover.png) no-repeat center;}

#footer ul.social-icons li.instagram:hover { background: #c82485 url(../img/ig-icon-hover.png) no-repeat center;}

#footer ul.social-icons li:last-child{ margin-right:0}

#footer ul.social-icons li a{ 
display:block; 
width:75px; 
height:0; 
padding-bottom:75px; 
/*background:url(../img/icons-sheet.png) 14px 13px no-repeat;*/
text-indent:-9999px; 
-webkit-border-radius:40px; 
-moz-border-radius:40px; 
border-radius:40px; 
-webkit-transition:background-position 300ms ease-in-out; 
-moz-transition:background-position 300ms ease-in-out; 
-o-transition:background-position 300ms ease-in-out; 
-ms-transition:background-position 300ms ease-in-out; 
transition:background-position 300ms ease-in-out
}

/*@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
#footer ul.social-icons li a{   
background-image:url(../img/icons-sheet-retina.png);   
background-size:450px
}
}

@media only screen and (max-width:479px){   
#footer ul.social-icons li a{   
background:url(../img/icons-sheet-mobile.png) 3px 6px no-repeat;   
width:50px;   
padding-bottom:50px
}
}

@media only screen and (max-width:479px) and (-webkit-min-device-pixel-ratio:2), only screen and (max-width:479px) and (min-resolution:192dpi){   
#footer ul.social-icons li a{   
background-image:url(../img/icons-sheet.png);   
background-size:225px
}
}*/



/*#footer ul.social-icons li a.facebook{ background-position:-187px 13px}

@media only screen and (max-width:350px){   #footer ul.social-icons li a.facebook{   background-position:-33px 11px}}

@media only screen and (max-width:479px){   #footer ul.social-icons li a.facebook{   background-position:-75px 11px}}

@media only screen and (max-width:667px){   #footer ul.social-icons li a.facebook{   background-position:-80px 11px}}

@media only screen and (max-width:992px){   #footer ul.social-icons li a.facebook{   background-position:-130px 11px}}

#footer ul.social-icons li a.facebook:hover{ background-position:-187px -87px}

@media only screen and (max-width:479px){   #footer ul.social-icons li a.facebook:hover{   background-position:-88px -39px}}

#footer ul.social-icons li a.twitter{ background-position:-387px 13px}

@media only screen and (max-width:479px){   #footer ul.social-icons li a.twitter{   background-position:-189px 11px}}

#footer ul.social-icons li a.twitter:hover{ background-position:-387px -87px}

@media only screen and (max-width:479px){   #footer ul.social-icons li a.twitter:hover{   background-position:-189px -39px}}

#footer ul.social-icons li a.instagram{ background-position:-487px 13px}

@media only screen and (max-width:479px){   #footer ul.social-icons li a.instagram{   background-position:-239px 11px}}

#footer ul.social-icons li a.instagram:hover{ background-position:-487px -87px}

@media only screen and (max-width:479px){   #footer ul.social-icons li a.instagram:hover{   background-position:-239px -39px}}*/

#page-planer{ 
text-align:center; 
padding-top:50px
}

@media only screen and (max-width:1024px){   #page-planer{   padding-top:100px}}

#page-planer h4{ 
color:#722F37; 
font-size:30px; 
margin:50px 0
}

@media only screen and (max-width:1024px){   #page-planer h4{   margin:25px 0}}

#page-planer textarea{ 
width:100%; 
min-height:300px; 
max-width:500px; 
margin:50px 0; 
margin-bottom:0px
}

@media only screen and (max-width:1024px){   
#page-planer textarea{   
width:90%;   
font-size:20px;   
padding:10px
}
}

#page-planer .button-container{ 
display:block; 
float:left; 
width:23%; 
margin-top:30px; 
margin-right:1%;
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-planer .button-container{   
width:90%;   
margin:20px auto;   
float:none
}
}

@media only screen and (max-width:1024px){   
#page-planer .button-container{   
width:90%;   
margin:20px auto;   
float:none
}
}

#page-planer .button-container:last-child{ margin-right:0}

#page-planer .button-container p{ 
display:none; 
position:absolute; 
width:21%; 
background-color:#edf1f6; 
padding:1%;
}

@media only screen and (max-width:1024px){   
#page-planer .button-container p{   
display:block;   
width:98%;   
margin:0 auto;   
position:static
}
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-planer .button-container p{   
display:block;   
width:98%;   
margin:0 auto;   
position:static
}
}

#page-planer .button-container:hover p{ 
background-color:#edf1f6; 
position:absolute; 
width:21%; 
padding:1%;
}

@media only screen and (max-width:1024px){   
#page-planer .button-container:hover p{   
display:block;   
width:98%;   
margin:0 auto;   
position:static
}
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-planer .button-container:hover p{   
display:block;   
width:98%;   
margin:0 auto;   
position:static
}
}

#page-planer .button-container button{ 
padding:0 20px; 
width:100%; 
background-color:#edf1f6; 
border-color:#edf1f6; 
color:#2c3e50; 
padding-top:3px; 
line-height:27px
}

@media only screen and (max-width:1024px){   
#page-planer .button-container button{   
padding:0 5px;   
font-size:16px
}
}

#page-planer .button-container button:hover{ 
background-color:#722F37; 
border-color:#722F37; 
color:#fff
}

#page-planer .button-container button.selected{ 
background-color:#722F37; 
border-color:#722F37; 
color:#fff
}

#page-planer input{ 
margin:15px; 
width:100%; 
max-width:500px
}

@media only screen and (max-width:1024px){   
#page-planer input{   
width:90%;   
max-width:90%
}
}

#page-planer input.required{ background:url(../img/asterisk.png) top right no-repeat}

#page-planer input:invalid{ 
-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0); 
box-shadow:0 0 0 0 rgba(0, 0, 0, 0); 
color:#722F37
}

#page-planer input:invalid:focus{ 
-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0); 
box-shadow:0 0 0 0 rgba(0, 0, 0, 0); 
color:#722F37
}

#page-planer .checkbox{ 
display:inline-block; 
background:#f6f8fa url(../img/checkbox-unselected.png) 10px center no-repeat; 
width:23%; 
height:40px; 
line-height:40px; 
cursor:pointer; 
margin-top:20px; 
margin-right:2%; 
text-align:left; 
padding-left:4%; 
-webkit-transition:200ms ease-in-out; 
-moz-transition:200ms ease-in-out; 
-o-transition:200ms ease-in-out; 
-ms-transition:200ms ease-in-out; 
transition:200ms ease-in-out;  
}

#page-planer .checkbox.radioboxDiv{background:#f6f8fa url(../img/radio-unselected.png) 10px center no-repeat}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-planer .checkbox{   
height:60px;   
line-height:60px;   
width:50%;   
padding-left:6%
}
}

@media only screen and (max-width:1024px){   
#page-planer .checkbox{   
height:60px;   
line-height:60px;   
width:65%;   
padding-left:15%
}
}

#page-planer .checkbox:hover{ background:#edf1f6 url(../img/checkbox-hover.png) 10px center no-repeat}

#page-planer .checkbox.selected{ background:#edf1f6 url(../img/checkbox-selected.png) 10px center no-repeat}

#page-planer .checkbox.radioboxDiv:hover{ background:#edf1f6 url(../img/radio-hover.png) 10px center no-repeat}

#page-planer .checkbox.radioboxDiv.selected{ background:#edf1f6 url(../img/radio-selected.png) 10px center no-repeat}

#page-planer .checkbox.selected:hover{ background-color:#f6f8fa}

#next-step{ 
text-align:center; 
background-color:#722F37; 
padding:50px 0; 
margin-top:40px
}

#next-step button{ border-color:#fff}

#next-step ul.steps{ margin:0 auto 50px}

#next-step ul.steps li{ 
background-color:#722F37; 
border:2px #fff solid
}

#next-step ul.steps li.act{ background-color:#fff}

#next-step ul.steps li .step-wrapper{ color:#fff}

#next-step ul.steps li.act .step-wrapper{ color:#722F37}

ul.steps{ 
display:table; 
margin:50px auto
}

ul.steps li{ 
display:block; 
width:75px; 
height:75px; 
background-color:#edf1f6; 
float:left; 
margin-right:20px; 
-webkit-border-radius:40px; 
-moz-border-radius:40px; 
border-radius:40px; 
-webkit-transition:background-color 300ms linear; 
-moz-transition:background-color 300ms linear; 
-o-transition:background-color 300ms linear; 
-ms-transition:background-color 300ms linear; 
transition:background-color 300ms linear
}

ul.steps li.act{ background-color:#722F37}

ul.steps li:last-child{ margin-right:0}

ul.steps li .step-wrapper{ 
display:block; 
padding-top:10px; 
width:75px; 
height:65px; 
font-weight:bold; 
text-transform:uppercase; 
font-size:14px; 
line-height:2em; 
-webkit-border-radius:40px; 
-moz-border-radius:40px; 
border-radius:40px; 
-webkit-transition:color 300ms linear; 
-moz-transition:color 300ms linear; 
-o-transition:color 300ms linear; 
-ms-transition:color 300ms linear; 
transition:color 300ms linear
}

ul.steps li .step-wrapper .big{ 
font-size:30px; 
line-height:0.8em
}

ul.steps li.act .step-wrapper{ color:#fff}
#page-works{ 
text-align:center; 
padding-top:50px
}

@media only screen and (max-width:1024px){   #page-works{   padding-top:100px}}

#page-works .project-container{ 
width:31%; 
min-height:300px; 
float:left; 
margin:0 3% 50px 0; 
-webkit-box-sizing:border-box;   
-moz-box-sizing:border-box;   
box-sizing:border-box;        
}

@media only screen and (min-width:1170px){   
#page-works .project-container:nth-child(3n){   margin-right:0}    
#page-works .project-container:nth-child(4n){   clear:both}
}

@media only screen and (min-width:960px) and (max-width:1169px){   
#page-works .project-container:nth-child(3n){   margin-right:0}    
#page-works .project-container:nth-child(4n){   clear:both}
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-works .project-container{   
width:49%;   
margin-right:1%
}    

#page-works .project-container:nth-child(2n){   margin-right:0}    

#page-works .project-container:nth-child(2n + 1){   clear:both}
}

@media only screen and (max-width:1024px){   
#page-works .project-container{   
width:100%;   
margin:0;   
float:none
}
}

#page-works .project-container img{ 
margin:30px 0; 
position:relative
}

@media all and (max-width:479px){#page-works .project-container img{  width:85%}}

@media all and (max-width:1024px){   
#page-works .project-container img{      
margin-top:50px;      
margin-bottom:0px;  
}    

#page-works .project-container a h4{      margin:15px 0px;  }

}

#page-works .project-container h4{ 
color:#722F37; 
font-size:30px; 
margin-bottom:25px; 
-webkit-transition:color 200ms linear; 
-moz-transition:color 200ms linear; 
-o-transition:color 200ms linear; 
-ms-transition:color 200ms linear; 
transition:color 200ms linear
}

#page-works .project-container h4:hover{ color:#ff6e6e}

@media only screen and (max-width:1024px){   #page-works .project-container h4{   margin:25px 0}}

#page-single{ padding-top:50px}

@media only screen and (max-width:1024px){   #page-single{   padding-top:100px}}

#page-single h1,#page-single h2{ 
width:80%; 
margin:0 auto; 
text-align:center;
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-single h1,  #page-single h2{   
font-size:48px;   
width:66%
}
}

@media only screen and (max-width:1024px){   
#page-single h1,  #page-single h2{   
font-size:40px;   
padding-top:80px
}
}

#page-single .portfolio-nav{ 
width:100%; 
position:absolute
}

#page-single .portfolio-nav button{ 
background:#edf1f6 url(../img/portfolio-nav.png) 0 0 no-repeat; 
width:60px; 
height:60px; 
text-indent:-9999px; 
border:none; 
padding:0; 
-webkit-transition:300ms ease-in-out; 
-moz-transition:300ms ease-in-out; 
-o-transition:300ms ease-in-out; 
-ms-transition:300ms ease-in-out; 
transition:300ms ease-in-out
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){   
#page-single .portfolio-nav button{   
background-image:url(../img/portfolio-nav@2x.png);   
background-size:300px
}
}

#page-single .portfolio-nav button:hover{ background-color:#722F37}

#page-single .portfolio-nav button.return{ background-position:0 0}

#page-single .portfolio-nav button.return:hover{ background-position:0 -120px}

#page-single .portfolio-nav button.prev{ background-position:-120px 0}

#page-single .portfolio-nav button.prev:hover{ background-position:-120px -120px}

#page-single .portfolio-nav button.next{ background-position:-240px 0}

#page-single .portfolio-nav button.next:hover{ background-position:-240px -120px}

#page-single .description{ 
width:29%; 
float:left; 
margin:50px 0;  
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-single .description{   
width:100%;   
-moz-column-count:2;   
-webkit-column-count:2;   
column-count:2;   
-moz-column-gap:40px;   
-webkit-column-gap:40px;   
column-gap:40px
}
}

@media only screen and (max-width:1024px){   #page-single .description{   width:100%}}

#page-single .description img.scale-with-grid{max-height:none !important}

#page-single .description img{ margin-bottom:30px}

#page-single .description img.mobile{ display:none}

@media only screen and (max-width:1024px){   
#page-single .description img.mobile{   
margin:30px 0;   
display:inline
}
}

#page-single .description h4{ 
color:#722F37; 
font-size:30px
}

#page-single .description p{ margin:10px 0 25px}

#page-single .description ul{ margin-bottom:25px}

#page-single .description ul li{ 
background:url(../img/list-bullet.png) 0 12px no-repeat; 
margin-bottom:5px; 
padding-left:1.5em
}

#page-single .description span.subheader{ 
text-transform:uppercase; 
font-size:24px
}

#page-single .project{ 
width:69%; 
float:right; 
padding-left:2%; 
margin:50px 0;  
}

@media only screen and (min-width:1025px) and (max-width:959px){   
#page-single .project{   
width:100%;   
text-align:center
}
}

@media only screen and (max-width:1024px){   
#page-single .project{   
width:100%;   
margin-top:0;   
text-align:center
}
}

#page-single .project .desktop{}

@media only screen and (max-width:1024px){   
#page-single .project .desktop{   display:none}
}

#page-single .project .scale-with-grid{ max-height:none}

@media all and (min-width:678px){#page-single .project .scale-with-grid.main{  margin-bottom:50px}}

#map-mobile{display:none}

.address{
	position:absolute;
	background-color:#722F37;
	color:#fff;
	z-index:9998;
	margin-top:120px;
	left:0;
	padding:30px;
	font-size:24px;
	line-height:1.2em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	opacity:0.95
}

.address h3{color:#fff}

.address p{font-family: 'Signika', sans-serif;margin-top:30px}

@media only screen and (min-width:1025px) and (max-width:959px){
	.address{
		width:50%;
		margin-top:280px;
		left:0;
		text-align:center;
		font-size:18px;
		line-height:1.2em;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		left:50%;
		margin-left:-25%;
		padding:10px
	}		
	
	.address p{margin-top:10px}
	
}

@media only screen and (max-width:1024px){
	#map-mobile{
		display:block;
		width:100%;
		height:300px;
		background:url(http://a.tiles.mapbox.com/v3/tomaszczajka.map-z2svdagx/19.937234404754648,50.06021020368268,16/800x300.png) center center no-repeat
	}
	
	#map-mobile a{
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px
	}
	
	.address{
		width:80%;
		margin-top:140px;
		left:0;
		text-align:center;
		font-size:18px;
		line-height:1.2em;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		left:50%;
		margin-left:-40%;
		padding:10px
	}
	
	.address p{margin-top:10px}
	
}

@-moz-document url-prefix(){   button{   line-height:24px}

}

#sub-browser_form, #sub-backend_form{display:none}

.form-file{
	margin:40px 0px;
	clear:both;
	width:100%;
	float:left;
	text-align:center;
	margin-bottom:50px
}

a.langChanger{
	display:block;
	position:absolute;
	top:0px;
	right:-19px;
	width:32px;
	height:37px;
	background:url("../img/language-flag.png") no-repeat top left;
	font-weight:600;font-size:12px;
	text-align:center;
	color:#444;
	text-transform:uppercase;
	-webkit-transition:color 200ms linear;
	-moz-transition:color 200ms linear;
	-o-transition:color 200ms linear;
	-ms-transition:color 200ms linear;
	transition:color 200ms linear
}

a.langChanger span{
	padding:5px 0px;
	display:inline-block
}

a.langChanger:hover{
	background-position:-32px 0px;
	color:#fff
}

div#ui-datepicker-div{font-size:12px}

div#ui-datepicker-div.ui-datepicker td span, div#ui-datepicker-div.ui-datepicker td a{
	text-align:center !important;
	padding:0px
}

.file-wrapper{ 
cursor:pointer; 
display:inline-block; 
overflow:hidden; 
position:relative; 
cursor:pointer
}

.file-wrapper input{ 
cursor:pointer; 
font-size:100px; 
height:100%; 
filter:alpha(opacity=1); 
-moz-opacity:0.01; 
opacity:0.01; 
position:absolute; 
right:0; 
top:0; 
margin:0px !important; 
cursor:pointer
}

.file-wrapper .button{   
background:#edf1f6;   
border-color:#edf1f6;   
-moz-border-radius:5px;   
-webkit-border-radius:5px;   
border-radius:5px;   
cursor:pointer;   
display:inline-block;   
font-size:14px;   
font-weight:bold;   
margin-right:5px;   
padding:4px 18px;   
text-transform:uppercase;   
color:#2c3e50
}

.file-wrapper:hover .button{
	background-color:#722F37;
	color:#fff;
	cursor:pointer
}

.file-handler-clear{   
height:36px;   
line-height:36px;   
display:none;   
margin:0 10px
}

.ico-remove{   
display:inline-block;   
vertical-align:middle;   
height:18px;   
width:18px;   
background:transparent url(../img/x.png) 0 0 no-repeat
}

div#oldbrowser{
	width:100%;
	height:100%;
	background-color:#fff;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:9999
}

div#oldbrowser div.info{   
text-align:center;   
margin-top:10%
}

.ribbon{
	display:block;
	position:fixed;
	left:0;
	top:30%;
	z-index:9999
}

@media only screen and (max-width:1024px){.ribbon{display:none}}

#planer p.err-msg{margin-bottom:0px}

div.contact_msg{text-align:center}

#page-planer .checkbox#terms-accept{
	width:auto;
	background-color:#fff;
	margin:4% 0;
	height:auto
}

#page-planer .checkbox#terms-accept label{
	line-height:40px;
	display:inline-block
}

#page-planer .checkbox#terms-accept label:hover{cursor:pointer}

@media all and (min-width:960px){div#page-planer div#sub-brief_need div.button-container.need_webapp{margin-left:2.5%}}

div.form-addidion{   
display:none;   
text-align:center;   
padding:10px 20px
}

div.form-addidion h6{   
font-family: 'Signika', sans-serif;   
font-size:36px;   
margin:20px 0
}

div.form-addidion p{   
color:#6c6c6c;   
font-size:18px
}

div.form-addidion input[type="text"]{   
width:70%;   
margin:20px 15% 20px 15%;   
display:inline-block;   
clear:both
}

div.form-addidion input[type="text"]:after{   
clear:both;   
display:table;   
min-height:1px
}

/*div.ui-dialog-titlebar{   display:none}*/

div.ui-dialog{   
max-width:600px !important;   
min-width:300px !important;   
/*width:35% !important;*/
overflow:hidden;   
border:1px solid #ccc
margin: 75px 375px !important;
height: 225px !important;
position: fixed;
/*top: 10% !important;
left: 34% !important;*/
}

div#choose {
	height: 40px !important;
	font-size: 20px;
	/*padding: 55px;*/
}

.ui-widget {
	font-size: 14px !important;
}

button.paypalcustom {
	border: 1px solid #ccc !important;
	background: linear-gradient(to bottom, #e1e1e1 0%, #ccc 100%) !important;
	text-shadow: 1px 1px 1px #000 !important;
}

button.emailcustom {
	border: 1px solid #cd2638 !important;
	background: linear-gradient(to bottom, #cd3d27 0%, #cd2638 100%) !important;
	text-shadow: 1px 1px 1px #000 important;
}

p.captchaMsg{   
text-align:center;   
color:#722F37;   
font-size:26px;   
padding-top:30px
}

/* SQUARED TWO */
.squaredTwo {
	width: 25px;
	height: 25px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	margin: 20px auto;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 4px;
	border: 3px solid #fcfff4;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.nota{
	display:inline-block;
	margin-top:-4px;
	margin-left:5px;
}

.cuad{
	display:inline-block;
	margin-left:-10px;
}

.iframe_div iframe {
	width: 100%;
	height: 1800px;
}

.no-border {
	border: 1px none transparent !important;
	padding: 0 !important;
}

.footer-mail {
	color: #aa383a !important;
}

.s-display {
	display: none;
}

.gmAddress {
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	margin-bottom: 50px;
}

.mobnav-text {
	font-family: 'Signika', sans-serif !important;
	font-size: 16px !important;
	font-weight: 500 !important;
}

#input-container {
	position:relative;
    padding:0;
    margin:0;
}

#input-container input {
	padding-left: 35px;
}

#img-input {
	position:absolute;
    top:8px;
    right:273px;
}

#choose-dialog {
	position: fixed;
	left: 50%;
	top: 75px;

}