*{margin:0; padding:0;}
html, body{padding:0px; margin:0px;}
body{font-family:'Segoe UI', Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#222222;background:#333;
text-align:left;;}
/* sotetkek: #3f5774; 
   zold: #25e300; 2aff00 */
a:link, a:focus, a:hover, a:visited{outline:0px none;text-decoration:none;/*color:#1b8cd1;*/color:#585858;}
img{border:0px none;outline:0px none;}
ul{list-style-type:none;}
li{background:url('../images/tick.png') 0px 5px no-repeat;padding-left:20px;}
dt{font-weight:bold;}
dd{padding-left:10px;font-style:italic;}
.ww{
word-wrap: break-word;
white-space: pre-wrap;      /* CSS3 */   
word-break: break-all;
white-space: -moz-pre-wrap; /* Firefox */    
white-space: -pre-wrap;     /* Opera <7 */   
white-space: -o-pre-wrap;
}
h1{font-weight:normal;}
.fb{display:inline-block;float:right;margin-left:10px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.clear{ clear: both; }
.center{display: table;margin: 0 auto;}
.separator1{display:block;width:100%;height:2px;border-top:1px solid #ccc;}
.space20{display:block;width:100%;height:20px;}
.space10{display:block;width:100%;height:10px;}
.hl{color:#88a9b0;color:#91a1a5;color:#3d8bff;}
.hlbg{background:#ddd;border-radius:10px;box-sizing:border-box;padding:10px;}
.hlbox{border:3px dotted #ccc;box-sizing:border-box;padding:10px;}
#wrapper{border-left:30px solid #222;margin:0 auto;box-sizing:border-box;width:1000px;background:#fff;}
#top{text-align:center;font-family:'Century Gothic','sans-sefif';font-family: 'Poiret One', cursive;font-size:50px;line-height:60px;box-sizing:border-box;padding:20px 20px 0 0;}
#logo{font-style:italic;font-family: 'Satisfy', cursive;font-size:40px;color:#3d8bff;}
#logo1{letter-spacing:20px;color:#aaa;font-size:30px;text-transform:uppercase;}
#contact{}
.contact,.contactH{float:right;display:inline-block;font-family:'Century Gothic','sans-sefif';}
.contact a{color:#aaa;}
.contact a:hover{color:#3d8bff;}
.contactH{width:60px;height:60px;background:url('../images/home.png') 0 0 no-repeat;}
.contactH:hover{background:url('../images/homeh.png') 0 0 no-repeat;}
.path1{background:#222;}
.path1t{background:#000;height:5px;}
.path2{background:#fff;}
#path2{background:url('../images/content-bg2.png') 0 0 repeat;color:#eee;min-height:200px;}
#content{padding:20px;text-align:justify;box-sizing:border-box;}

.title{text-align:center;font-family: 'Poiret One', cursive;font-size:30px;color:#000;display:block;line-height:50px;padding-bottom:20px;}
.title1{font-size:18px;font-family:'Century Gothic','sans-sefif';display:block;padding:20px 0;color:#3d8bff;}
.title2{font-size:18px;font-family:'Century Gothic','sans-sefif';line-height:60px;}
#img{display:block;}
#img img{width:100%;}
.pic,.picLast{display:inline-block;float:left;/*width:219px;margin-right:12px;*/width:24%;margin-right:1%;margin-bottom:12px;box-shadow:1px 2px 2px #333;}
.picLast{margin-right:0px;}
.pic img,.picLast img{width:100%;}
.col,.colM{width:30%;display:inline-block;float:left;}
.colM{margin:0 5%;}
.c70,.c30{display:inline-block;float:left;width:70%;box-sizing:border-box;padding-right:20px;}
.c30{width:30%;padding:0 20px;padding-right:0;/*border:3px dashed #3d8bff;*/text-align:left;}
.label,#captcha-label{display:block;width:100%;float:left;margin-right:5px;box-sizing:border-box;}
#captcha-label{}
.input,#captcha-input{width:100%;display:block;float:left;margin-bottom:5px;border:1px solid #cccccc;}
#captcha-input{display:inline-block;width:20%;}
#captcha{display:inline-block;width:20%;}
.input input,#captcha-input input{box-sizing:border-box;width:100%;display:block;border: 0px none;border-color: transparent;outline:none;padding:5px;color:#7f7f7f;}
textarea{width:100%;height:80px; border:1px solid #ccc;color:#7f7f7f;}
input[type=submit] {border:0px none;border-color:transparent;}
.btn-row{display:inline-block;width:100%;}
.btn{background:#333;line-height:30px;color:#fff;padding:0 8px;border-radius:5px;display:inline-block;float:right;}
.cd{display:inline-block;float:left;}
.sep{display:inline-block;float:left;}
.err{color:#ff2525; font-weight:normal; width:100%;display:block;font-size:13px;}
.cMsg{padding:10px;border:1px solid #3d8bff;box-sizing:border-box;font-size:13px;}
#footer{text-align:center;color:#eee;padding:10px 0;}
/*******************************************************************/
@media (min-width:450px) and (max-width: 960px) {
 .center{display:block;margin:0;}
 #top{width:100%;}
 #wrapper{width:100%;padding:0;}
 #content{width:100%;padding:0 5%;box-sizing:border-box;}
 #header{width:100%;}
 }
/*******************************************************************/

@media (min-width:300px) and (max-width: 450px) {
 .center{display:block;margin:0;}
 #top{width:100%;}
 #wrapper{width:100%;padding:0;}
 #content{width:100%;padding:0 5%;box-sizing:border-box;}
 #header{width:100%;}
 #logo1{letter-spacing:10px;font-size:22px;}
 .title{font-size:24px;line-height:38px;}
 .contact{font-size:30px;}
 .c30{display:none;}
 .c70{width:100%;}
  .pic,.picLast{width:48%;margin:1%;}
.picLast{margin-right:0;:0;}
 .pic img,.picLast img{width:100%;margin:0;}
 .col,.colM{width:100%;margin:0;}
.sep{display:none;}
.cd{display:block;}

 }/*******************************************************************/

@media (max-width: 300px) {
 .center{display:block;margin:0;}
 #top{width:100%;}
 #wrapper{width:100%;padding:0;}
 #content{width:100%;padding:0 5%;box-sizing:border-box;}
 #header{width:100%;}
 #logo1{letter-spacing:5px;font-size:18px;}
  .title{font-size:24px;line-height:38px;}
 .contact{font-size:30px;}
 .contactH{width:40px;height:40px;background:url('../images/home.png') -10px -10px no-repeat;}
 .contactH:hover{width:40px;height:40px;background:url('../images/homeh.png') -10px -10px no-repeat;}
 .c30{display:none;}
 .c70{width:100%;}
 .pic,.picLast{width:100%;margin:0;margin-bottom:5px;}
 .pic img,.picLast img{width:100%;margin:0;}
 .col,.colM{width:100%;margin:0;}
.sep{display:none;}
.cd{display:block;}

 }