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-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{-webkit-text-size-adjust:none}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
@-ms-viewport{width:device-width}
body,input,select,textarea{background-color:#56a7e3;color:#fff;font-family:'Ubuntu',Tahoma,sans-serif;font-size:16px;font-weight:400;line-height:1.5}
body.bg {background:#003f6f url("../images/bg.jpg") fixed repeat center top/cover}
a{-moz-transition:color 0.2s ease;-webkit-transition:color 0.2s ease;-ms-transition:color 0.2s ease;transition:color 0.2s ease;text-decoration:none;color:inherit}
a:hover{color:#fff}
a.link{-moz-transition:color 0.2s ease;-webkit-transition:color 0.2s ease;-ms-transition:color 0.2s ease;transition:color 0.2s ease;text-decoration:none;color:#8498c4}
strong,b{font-weight:700;color:#003f6f}
em,i{font-style:italic;color:#003f6f}
p{margin:0 0 2em}
h1,h2,h3{font-weight:700;margin:0 0 0.7em;color:#fff;text-transform:uppercase}
h1{font-size:2.5em;line-height:1.2}
h2{font-size:1.5em}
h3{font-size:1.25em}
#wrapper{width:1100px;max-width:calc(100% - 4em);margin:0px auto}
blockquote{background-color:#ed9100;padding:1em;margin:1em auto;color:#fff;width:80%}
img.price-big,img.price-small{max-width:100%}
img.pic{max-width:100%;margin:10px 2em 2em 0px;float:left}
img.pic1{max-width:100%;margin:10px 2em 2em}
a .logo img:hover{box-shadow:none}
a img:hover{box-shadow:0 0 10px 5px #eee}
.center-list {width:80%;margin:1em auto;padding:1em 2em;border:2px solid #ed9100}
ul.center-list {list-style:outside none square;text-align:left}
ol.center-list{text-align:left}
.title{color:#ed9100;font-size:1.25em;font-weight:700;margin:0 0 0.7em;text-transform:uppercase}
.bolder{color:#ed9100;font-size:2.5em!important;line-height:1.2;font-weight:300;margin:0px 0px 0.7em;letter-spacing:-0.025em;text-transform:uppercase}
a.btn{color:#fff;background-color:#ed9100;transition:background-color 0.2s ease-in-out 0s,color 0.2s ease-in-out 0s;display:inline-block;height:2.25em;line-height:2.25em;padding:0 1.25em;border:0px none}
a.btn:hover{color:#fff!important;background-color:#003f6f}
ul.action.empty li:before{content:none}
ul.action{cursor:default;list-style:none;padding-left:0;margin:0 0 2em 0;}
ul.action li{display:inline-block;padding:1em 1em 0 0;vertical-align:middle}
ul.action li:last-child{padding-right:0}
section.special{text-align:center}
section.special .field.com{text-align:center}
header.section-work{margin-bottom:3em}
header.section-work h1:after,header.section-work h2:after{display:block;content:'';width:100%;height:4px;margin:0.7em 0 1em 0;background-color:rgba(255,255,255,0.35)}
section.special header.section-work h1:after,section.special header.section-work h2:after{margin-left:auto;margin-right:auto}
header.section-work h2{font-size:2em}
header.section-work.center p {text-align:center}
header.section-work p{font-size:1.15em;text-align:justify}
header.section-work p span{color:#ed9100}
header.section-work p span + span{color:#ccc}
footer.section-work{margin-top:3em}
#header{padding:2em 5em 0em 5em;text-align:center}
#header.alt div{margin:0;letter-spacing:-0.025em;color:#fff}
#header.alt{padding:2em 0em 0em}
#header.alt div{font-size:3.25em}
#header.alt >*{opacity:1}
#header.alt .logo{display:block;margin:0}
#header.alt .logo img{display:block;margin:0 auto;max-width:100%}
#nav{color:#fff;position:absolute;width:1100px;max-width:calc(100% - 4em);padding:1em;background-color:#fff;cursor:default;text-align:center;text-transform:uppercase}
#nav a:hover{color:#fff}
#nav + #main{padding-top:5em}
#nav ul{margin:0;padding:0;list-style:none}
#nav ul li{-moz-transition:margin 0.2s ease;-webkit-transition:margin 0.2s ease;-ms-transition:margin 0.2s ease;transition:margin 0.2s ease;display:inline-block;margin:0.35em;padding:0;vertical-align:middle}
#nav ul li a{-moz-transition:font-size 0.2s ease;-webkit-transition:font-size 0.2s ease;-ms-transition:font-size 0.2s ease;transition:font-size 0.2s ease;display:inline-block;height:2.25em;line-height:2.25em;padding:0 1.25em;border:0;background-color:#003F6F;}
#nav ul li a:hover,#nav ul li a.active{background-color:#001c31;box-shadow:none}
input[type="submit"],.button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;-ms-transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;border:0;cursor:pointer;display:inline-block;font-weight:300;height:2.25em;line-height:2.25em;min-width:7.25em;padding:0 1.25em;text-align:center;text-decoration:none;white-space:nowrap}
.button{background-color:#fff;color:#001c31!important}
.button:hover,.button.active{background-color:#003f6f;color:#fff!important}
#main{background-color:#fff;color:#636363}
#main p a{text-decoration:underline;color:#003f6f}
#main p a:hover{text-decoration:none;color:#003f6f}
#main a:hover{color:#636363}
#main h1,#main h2,#main h3{color:#ed9100}
#main header.section-work h1:after,#main header.section-work h2:after{background-color:#ddd;background-image:-webkit-linear-gradient(to right, #003f6f 50%, #ed9100 50%);background-image:-moz-linear-gradient(to right, #003f6f 50%, #ed9100 50%);background-image:-o-linear-gradient(to right, #003f6f 50%, #ed9100 50%);background-image:-ms-linear-gradient(to right, #003f6f 50%, #ed9100 50%);background-image:linear-gradient(to right, #003f6f 50%, #ed9100 50%)}
#main > .main{padding:1em 5em 0.5em}
form{margin:0 0 2em 0}
#main input,#main select,#main textarea{color:#636363}
#main input[type="submit"],#main .button{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#636363!important}
#main input[type="submit"]:hover,#main .button:hover{background-color:rgba(222,222,222,0.25)}
#main input[type="submit"].special,#main .button.special{background-color:#003f6f;color:#fff!important;box-shadow:none}
#main input[type="submit"].special:hover,#main .button.special:hover,#main .button.special.active{background-color:#001c31}
#main input[type="text"],#main input[type="email"],#main select,#main textarea{background:rgba(222,222,222,0.25);border-color:#ddd}
#main input[type="text"]:focus,#main input[type="email"]:focus,#main select:focus,#main textarea:focus{border-color:#003f6f}
input[type="text"],input[type="email"],select{height:2em}
input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;border:solid 1px;color:inherit;display:block;outline:0;padding:0 1em;text-decoration:none;width:100%}
textarea{padding:0.75em 1em}
#main ::-webkit-input-placeholder{color:rgba(99,99,99,0.25)!important}
#main :-moz-placeholder{color:rgba(99,99,99,0.25)!important}
#main ::-moz-placeholder{color:rgba(99,99,99,0.25)!important}
#main :-ms-input-placeholder{color:rgba(99,99,99,0.25)!important}
#main .formerize-placeholder{color:rgba(99,99,99,0.25)!important}
#main .formas{width:50%;margin:0 auto}
#main .formas .field{padding:0.8em 0 0 0}
#main .formas .field:last-child{padding:0}
.comment {padding:3em;position:relative;text-align:center}
.comment:before,.comment:after{font-size:3em;color:#003f6f;position:absolute;height:2px;left:1em;right:1em;line-height:.5;font-family:serif;
background:-webkit-linear-gradient(to right, #003f6f 45%, transparent 45%),linear-gradient(to right, transparent 55%, #003f6f 55%);
background:-moz-linear-gradient(to right, #003f6f 45%, transparent 45%),linear-gradient(to right, transparent 55%, #003f6f 55%);
background:-o-linear-gradient(to right, #003f6f 45%, transparent 45%),linear-gradient(to right, transparent 55%, #003f6f 55%);
background:-ms-linear-gradient(to right, #003f6f 45%, transparent 45%),linear-gradient(to right, transparent 55%, #003f6f 55%);
background:linear-gradient(to right, #003f6f 45%, transparent 45%),linear-gradient(to right, transparent 55%, #003f6f 55%)}
.comment:before{content:"\201C";top:30px}
.comment:after{content:"\201D";bottom:30px}
.comment p{font-size:20px;margin-bottom:0}
.comment p.name{font-weight:700;text-align:center}
#footer{display:block;padding:2em 3em 0em 3em;width:calc(100% + 0em);margin:0 0 2em;background:#ccc url("../images/bg-footer.jpg") scroll repeat center bottom/cover}
#footer > *{width:calc(100% - 0em);margin-left:0em;text-align:center}
#footer .copyright{width:100%;padding-bottom:2em;font-size:0.8em;text-align:center;color:#fff}
p.copyright{margin:0}
@media screen and (max-width:1680px){img.price-small{display:none}}
@media screen and (max-width:1280px){#main > .main{padding:1em 3em 0.5em 3em}
#footer{padding:2em 3em 0.5em 3em}}
@media screen and (max-width:980px){#main > .main{padding:1em 2.5em 0.5em 2.5em}
#footer{padding:2em 2.5em 0.5em 2.5em}}
@media screen and (max-width:960px){#nav + #main {padding-top:7em}}
@media screen and (max-width:736px){#header{padding:2em 2em 0.1em 2em}
#header p{font-size:1em;letter-spacing:0}
#header.alt div{font-size:2.5em;line-height:1.2;margin:0 0 0.25em 0}
h1{font-size:2em}
input[type="submit"],button,.button{min-width:0}
header.section-work{margin-bottom:0}
header.section-work h2{font-size:1.5em}
header.section-work p{font-size:1em;letter-spacing:0}
header.section-work p br{display:none}
footer.section-work{margin-top:0}
#main > .main{padding:1em 2em 0.5em 2em}
#footer{padding:2em 2em 0.5em 2em}
#main .formas{width:100%}
section.special .field.com{text-align:center}
img.pic{margin:0 0 2em;float:none}
img.pic1{max-width:100%;margin:0 0 2em}
.comment{padding:3em 0em}
.comment::before,.comment::after{left:0em;right:0em}
a.btn{margin-bottom:2em}
}
@media screen and (max-width:625px){img.price-big{display:none}img.price-small{display:inline}}
@media screen and (max-width:595px){#nav + #main {padding-top:10em}}
@media screen and (max-width:480px){#header.alt{padding:1em 0em 0em}
#wrapper{max-width:calc(100% - 2em)}
p{margin: 0px 0px 1em}
header.section-work h1::after,header.section-work h2::after{width: 100%}
header.section-work p{text-align:justify}
#nav{max-width:calc(100% - 2em)}
ul.action{margin:0 0 2em 0}
ul.action li{padding:1em 0 0 0;display:block;text-align:center;width:100%}
ul.action li:first-child{padding-top:0}
ul.action li > img{display:none}
ul.action.hide{display:none}
ul.action li > *{width:100%;margin:0!important}
.field ul.action li{padding:1em 0px 0px 0px}
#main > .main{padding:1em 1.5em 0.5em 1.5em}
#footer{padding:2em 1.5em 0.5em 1.5em}
#footer{margin:0 0 1em}
}
@media screen and (max-width:422px){#nav + #main{padding-top:17em}
#nav ul li{transition:margin 0.2s ease 0s;display:block;}#nav ul li a{display:block;}}
@media screen and (max-width:370px){body{font-size:14px}
#wrapper{max-width:100%}
#nav{max-width:100%}
#main{border-radius:0}
#main > .main{padding:1em 1em 0.5em 1em}
#footer{padding:2.5em 1em 0.5em 1em}
#header.alt{padding:0em 0em 0em}
#header.alt .logo{margin:0}
#header.alt div{font-size:1.5em;line-height:1.2;margin:0 0 0.25em}
}