*{ margin: 0; padding: 0;}
html,body{ width: 100%; overflow-x: hidden; font-family: Arial, "Microsoft YaHei", serif, "Tahoma"; font-size: 12px; color: #333; }

ul,ol,li{ list-style: none; }
ul,ol,li,h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; font-weight: normal; font-family :Arial, "Microsoft YaHei", "Tahoma", serif; }


a:focus{ outline: none; }


.container{ width: 1200px; margin: 0 auto; padding: 0;}

.placeholder{ color: #999;}


@media (max-width: 1280px) {
    
.container{ width: 100%; padding-left: 15px; padding-right: 15px; }

}


@media (max-width: 1200px) {
    
.container{ width: 100%; padding-left: 15px; padding-right: 15px; }

}


.fl{ float: left;}

.fr{ float: right;}




@font-face {
    font-family: 'proximasansblackregular';
    src: url('../font/proximasansblack-webfont.eot');
    src: url('../font/proximasansblack-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/proximasansblack-webfont.woff2') format('woff2'),
    url('../font/proximasansblack-webfont.woff') format('woff'),
    url('../font/proximasansblack-webfont.ttf') format('truetype'),
    url('../font/proximasansblack-webfont.svg#proximasansblackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: 'Merriweather Light Regular';
  src: url('../font/merriweather_light-webfont.woff2') format('woff2'), url('../font/merriweather_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'CenturyGothic';
    src: url('../font/CenturyGothic.eot');
    src: url('../font/CenturyGothic.eot') format('embedded-opentype'),
         url('../font/CenturyGothic.woff2') format('woff2'),
         url('../font/CenturyGothic.woff') format('woff'),
         url('../font/CenturyGothic.ttf') format('truetype'),
         url('../font/CenturyGothic.svg#CenturyGothic') format('svg');
}


@font-face{font-family:'c-book';
	src:url('../font/Circular-Std-Book.eot');
	src:local("☺"),url('../font/Circular-Std-Book.woff') format("woff"),
		url('../font/Circular-Std-Book.ttf') format("truetype");
	font-weight:normal;
	font-style:normal}.modal-window{position: fixed; background-color: rgba(255, 255, 255, 0.25); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; visibility: hidden; opacity: 0; pointer-events: none; transition: all 0.3s;}

.modal-window:target{visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div{width: 500px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 2em; background: #fed5ba;}
.modal-window header{font-weight: bold;}
.modal-window h1{font-size: 150%; margin: 0 0 15px;}
.modal-close{color: #aaa; line-height: 50px; font-size: 80%; position: absolute; right: 0; text-align: center; top: 10px; width: 70px; text-decoration: none;}
.modal-close:hover{color: black;}
.containerzz{display: grid; justify-content: center; align-items: center; height: 100px;z-index:10;}
.modal-window div:not(:last-of-type){margin-bottom: 15px;}
small{color: #aaa;}
.btn{background-color: #ff6600;color: #fff; padding: 3px 20px; border-radius: 3px; text-decoration: none;}
.btn i{padding-right: 0.3em;}

.elegant-aero{margin-left:auto;margin-right:auto;max-width: 500px;background: #fff;padding: 20px 20px 20px 20px;font: 12px Arial, Helvetica, sans-serif;color: #666;}
.elegant-aero h1{font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding: 10px 10px 10px 20px;display: block;background: #C0E1FF;border-bottom: 1px solid #B8DDFF;margin: -20px -20px 15px;}
.elegant-aero h1>span{display: block;font-size: 11px;}
.elegant-aero label>span{float: left;margin-top: 5px;color: #5E5E5E;}
.elegant-aero label{display: block;margin: 0px 0px 5px;}
.elegant-aero label>span{float: left;width: 30%;text-align: right;padding-right: 15px;margin-top: 10px;font-weight: bold;}
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select{color: #333;width: 60%;padding: 0px 0px 0px 5px;border: 1px solid #fed5ba;background: #FBFBFB;outline: 0;-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;box-shadow: inset 0px 1px 6px #ECF3F5;font: 200 14px/25px Arial, Helvetica, sans-serif;height: 30px;line-height:15px;margin: 2px 6px 16px 0px;}
.elegant-aero input::-webkit-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8; }
.elegant-aero input::-moz-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;  opacity: 1;}
.elegant-aero input:-ms-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;}
.elegant-aero textarea{height:50px;padding: 5px 0px 0px 5px;width: 60%;}

.elegant-aero select{background: #fbfbfb url('down-arrow.png') no-repeat right;background: #fbfbfb url('down-arrow.png') no-repeat right;appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 60%;}
.elegant-aero .button{padding: 10px 30px 10px 30px;background: #ff6600;border: none;color: #FFF;box-shadow: 1px 1px 1px #b84c04;-webkit-box-shadow: 1px 1px 1px #b84c04;-moz-box-shadow: 1px 1px 1px #b84c04;text-shadow: 1px 1px 1px #ff6600;}
.elegant-aero .button:hover{background: #b84c04;}

@media (max-width: 768px){

.modal-window:target{visibility: visible; opacity: 1; pointer-events: auto;}
.modal-window > div{width: 95%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 1em; background: #fed5ba;}
.modal-window header{font-weight: bold;}
.modal-window h1{font-size: 150%; margin: 0 0 15px;}
.modal-close{color: #aaa; line-height: 50px; font-size: 80%; position: absolute; right: 0; text-align: center; top: 0px; width: 70px; text-decoration: none;}
.modal-close:hover{color: black;}
.containerzz{display: grid; justify-content: center; align-items: center; height: 100px;z-index:10;}
.modal-window div:not(:last-of-type){margin-bottom: 15px;}
small{color: #aaa;}
.btn{background-color: #ff6600;color: #fff; padding: 3px 20px; border-radius: 3px; text-decoration: none;}
.btn i{padding-right: 0.3em;}

.elegant-aero{margin-left:auto;margin-right:auto;max-width: 500px;background: #fff;padding: 20px 10px 20px 10px;font: 12px Arial, Helvetica, sans-serif;color: #666;}
.elegant-aero h1{font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;padding: 10px 10px 10px 20px;display: block;background: #C0E1FF;border-bottom: 1px solid #B8DDFF;margin: -20px -20px 15px;}
.elegant-aero h1>span{display: block;font-size: 11px;}
.elegant-aero label>span{float: left;margin-top: 5px;color: #5E5E5E;}
.elegant-aero label{display: block;margin: 0px 0px 5px;}
.elegant-aero label>span{float: left;width: 30%;text-align: right;padding-right: 5px;margin-top: 10px;font-weight: bold;}
.elegant-aero input[type="text"], .elegant-aero input[type="email"], .elegant-aero textarea, .elegant-aero select{color: #333;width: 60%;padding: 0px 0px 0px 5px;border: 1px solid #fed5ba;background: #FBFBFB;outline: 0;-webkit-box-shadow:inset 0px 1px 6px #ECF3F5;box-shadow: inset 0px 1px 6px #ECF3F5;font: 200 14px/25px Arial, Helvetica, sans-serif;height: 30px;line-height:15px;margin: 2px 6px 16px 0px;}
.elegant-aero input::-webkit-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8; }
.elegant-aero input::-moz-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;  opacity: 1;}
.elegant-aero input:-ms-input-placeholder, .elegant-aero textarea::-webkit-input-placeholder { color: #c8c8c8;}
.elegant-aero textarea{height:50px;padding: 5px 0px 0px 5px;width: 60%;}

.elegant-aero select{background: #fbfbfb url('down-arrow.png') no-repeat right;background: #fbfbfb url('down-arrow.png') no-repeat right;appearance:none;-webkit-appearance:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 60%;}
.elegant-aero .button{padding: 3px 30px 3px 30px;background: #ff6600;border: none;color: #FFF;box-shadow: 1px 1px 1px #b84c04;-webkit-box-shadow: 1px 1px 1px #b84c04;-moz-box-shadow: 1px 1px 1px #b84c04;text-shadow: 1px 1px 1px #ff6600;}
.elegant-aero .button:hover{background: #b84c04;}
}