﻿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:#fff;color:#fff;font-family:Roboto,Georgia,Tahoma,sans-serif;font-size:16px;font-weight:400;line-height:1.5}
body.bg {background:#e8e8e8 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:#4a4874}
em,i{font-style:italic;color:#4a4874}
p{margin:0 0 1em}
h1,h2,h3{font-weight:700;margin:0 0 0.5em;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;box-shadow: 0px 0px 20px rgba(74, 72, 116, 0.4);}
blockquote{background-color:#4a4874;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;border:5px solid rgba(74,72,116,0.2)}
img.pic1.no-border{border:none!important}
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;background-color:#e8e8e8}
ul.center-list {list-style:outside none square;text-align:left}
ol.center-list{text-align:left}
.normal-list li{font-weight:300!important;color:#636363!important}
.bold-list li{font-weight:700;color:#4a4874}
.bolder{color:#ae4f2f;font-size:2.5em!important;line-height:1.2;font-weight:300;margin:0px 0px 0.7em;letter-spacing:-0.025em;text-transform:uppercase}
.item-bold{font-weight:700}
.width-95{width:95%}
.title{color:#ae4f2f;font-size:1.25em;font-weight:700;margin:0.5em 0;text-transform:uppercase}
a.btn{color:#fff;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;
background-image:-webkit-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:-moz-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:-o-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:-ms-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
}
a.btn:hover{color:#fff!important;background-color:#ae4f2f}
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:2em}
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:#ae4f2f}
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:0}
#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;cursor:default;text-align:center;text-transform:uppercase}
#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;color:#fff;line-height:2.3em;
background-image:-webkit-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:-moz-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:-o-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:-ms-linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));
background-image:linear-gradient(45deg, rgba(74, 72, 116, 1), rgba(74, 72, 116, 0.2));}
#nav ul li a:hover,#nav ul li a.active{background-color:#ae4f2f;box-shadow:none;color:#fff}
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:#4a4874!important;
background-image:-webkit-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.2));
background-image:-moz-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.2));
background-image:-o-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.2));
background-image:-ms-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.2));
background-image:linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.2));
}
.button:hover,.button.active{background-color:#e8e8e8;color:#4a4874!important}
#main{color:#636363;}
#main p a{text-decoration:underline;color:#4a4874}
#main p a:hover{text-decoration:none;color:#4a4874}
#main a:hover{color:#636363}
#main h1,#main h2,#main h3{color:#4a4874;padding:1rem;
background-image:-webkit-linear-gradient(to right, rgba(74, 72, 116, 0), rgba(74, 72, 116, 0.1) 40%, rgba(74, 72, 116, 0.1) 60%, rgba(74, 72, 116, 0));
background-image:-moz-linear-gradient(to right, rgba(74, 72, 116, 0), rgba(74, 72, 116, 0.1) 40%, rgba(74, 72, 116, 0.1) 60%, rgba(74, 72, 116, 0));
background-image:-o-linear-gradient(to right, rgba(74, 72, 116, 0), rgba(74, 72, 116, 0.1) 40%, rgba(74, 72, 116, 0.1) 60%, rgba(74, 72, 116, 0));
background-image:-ms-linear-gradient(to right, rgba(74, 72, 116, 0), rgba(74, 72, 116, 0.1) 40%, rgba(74, 72, 116, 0.1) 60%, rgba(74, 72, 116, 0));
background-image:linear-gradient(to right, rgba(74, 72, 116, 0), rgba(74, 72, 116, 0.1) 40%, rgba(74, 72, 116, 0.1) 60%, rgba(74, 72, 116, 0));}
#main > .main{padding:0em 5em 0em}
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.2)}
#main input[type="submit"].special,#main .button.special{
background-image:-webkit-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.1));
background-image:-moz-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.1));
background-image:-o-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.1));
background-image:-ms-linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.1));
background-image:linear-gradient(45deg, rgba(232, 232, 232, 1), rgba(232, 232, 232, 0.1));
color:#4a4874!important;box-shadow:none;border:2px solid #e8e8e8;line-height:2em}
#main input[type="submit"].special:hover,#main .button.special:hover,#main .button.special.active{border:2px solid #4a4874}
#main input[type="text"],#main input[type="email"],#main select,#main textarea{background:rgba(222,222,222,0.25);border-color:#e8e8e8}
#main input[type="text"]:focus,#main input[type="email"]:focus,#main select:focus,#main textarea:focus{border-color:#4a4874}
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:0;position:relative;text-align:center;border-left:4px solid #ae4f2f;background:#e8e8e8 none repeat scroll 0% 0%;margin-bottom:1em}
.title-quote{padding:0.5em 1em 0em;font-weight:700;font-style:italic}
.quote{font-style:italic;padding:1em 1.5em}
.quote::before{padding-right:30px;content:"“";font-style:normal;font-size:55px;line-height:0.4;color:#A5383A;float:left;width:25px;}
#footer{display:block;padding:2em 3em 0em 3em;width:calc(100% + 0em);margin:0;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 0em}
#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: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:0}
#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}
.center-list {width:100%}
.comment:last-child{margin-bottom:2em}
#footer{padding:2em 1.5em 0em}
#footer{margin:0}
}
@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}
#footer{padding:2.5em 1em 0em}
#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}
}