@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300,400italic);
*{ padding:0; margin:0;}
img{ max-width:100%; height:auto;}
div:after{ clear:both; content:""; display:table;}
.fullformdiv{ color:#434343; max-width:996px;}
.section-holder{ position:relative;}
.fullformdiv h1{ font:400 46px/50px 'Roboto', sans-serif; text-align:center;}
.fullformdiv h2{ background:url(images/form-1.png) no-repeat 30px 50% #84bf3e; color:#fff; border-radius:4px; font:400 20px/46px 'Roboto', sans-serif; margin:10px 0 0; padding:0 0 0 60px; text-transform:uppercase;}
.fullformdiv h3{ font:400 21px/30px 'Roboto', sans-serif; text-align:center; color:#717171;}
.fullformdiv h3 em{ font:400 16px/20px 'Roboto', sans-serif; text-align:center; color:#717171; font-style:italic;}
.fullformdiv h4{ font:400 18px/20px 'Roboto', sans-serif; color:#84bf3e; padding:10px 0 0;}
.fullformdiv p{ font:normal 14px/16px Arial, Helvetica, sans-serif; padding:10px 0 0;}
.fullformdiv .line{ height:6px; border-top:1px solid #717171; border-bottom:1px solid #717171; margin:10px 0 0;}
.box-content{ border:1px solid #c5c5c5; box-shadow:inset 0 0 4px 10px #e4e4e4; padding:20px 40px 40px; background:#fff; margin:10px 0 30px; border-radius:4px;}
.box-c{ float:left; width:calc(50% - 17px); background:#f4f7f9; box-shadow:1px 1px 4px #999; border:1px solid #ccc; margin-top:20px; padding:0 0 5px;}
.box-content .box-c:nth-child(2n+1){ clear:left; margin-right:30px;}
.fullformdiv label{ display:block; float:none; width:100%; color:#7d7b7b; font:400 14px/20px 'Roboto', sans-serif; margin:15px 0 5px; padding:0;}
.fullformdiv label.small{ display:inline-block; width:auto; margin:20px 20px 5px 0;}
.fullformdiv label.box-label{ margin:0; cursor:pointer; position:relative; line-height:16px;}
.fullformdiv label.box-label > div{ padding:5px 0 5px 40px; background:url(images/box-label.jpg) repeat-y 0 0; border-bottom:1px solid #d2d2d2;}
.fullformdiv label.box-label input[type="checkbox"]{ position:absolute; left:10px; top:14px;}
.fullformdiv label.with-input{ position:relative; max-width:calc(100% - 20px); padding:0 0 0 20px; cursor:pointer;}
.fullformdiv label.with-input input[type="checkbox"], .fullformdiv label.with-input input[type="radio"]{ position:absolute; left:2px; top:4px;}
.fullformdiv input[type="text"], .fullformdiv input[type="email"]{ border:1px solid #7d7b7b; background:#fff; width:calc(100% - 12px); height:34px; font:400 14px/34px 'Roboto', sans-serif; padding:0 5px; color:#7d7b7b;}
.fullformdiv input[type="text"]:focus, .fullformdiv input[type="email"]:focus, .fullformdiv textarea:focus, .fullformdiv input[type="file"]:focus{ border:1px solid #84bf3e;}
.fullformdiv select{ border:1px solid #7d7b7b; background:url(images/arrow.png) no-repeat calc(100% - 9px) 50% #fff; width:calc(100% - 12px); height:34px; font:400 14px/34px 'Roboto', sans-serif; padding:0 5px; color:#7d7b7b; -webkit-appearance: none;   -moz-appearance: none;   appearance: none; box-sizing:content-box; cursor:pointer;}
.fullformdiv select option{ padding:5px;}
.fullformdiv textarea{ border:1px solid #7d7b7b; background:#fff; width:calc(100% - 12px); height:120px; font:400 14px/20px 'Roboto', sans-serif; padding:3px 5px; color:#7d7b7b; resize:none;}
.fullformdiv input[type="file"]{ border:1px solid #7d7b7b; background:#fff; width:calc(100% - 12px); height:30px; font:400 14px/34px 'Roboto', sans-serif; padding:2px 5px; color:#7d7b7b; position:relative; cursor:pointer;}
.spaceing{ padding:5px 10px;}
.color-box{ padding:8px 0 0;}
.color-box label{ float:left; width:calc(20% - 12px); border:1px solid; margin:2px; border-radius:2px; padding:2px; cursor:pointer; background:#fff !important; box-shadow:0 0 3px #ccc;}
.color-box label:nth-child(1), .color-box label:nth-child(1) div{ background:#fe0000; border-color:#fe0000;}
.color-box label:nth-child(2), .color-box label:nth-child(2) div{ background:#fef200; border-color:#fef200;}
.color-box label:nth-child(3), .color-box label:nth-child(3) div{ background:#00a652; border-color:#00a652;}
.color-box label:nth-child(4), .color-box label:nth-child(4) div{ background:#00baff; border-color:#00baff;}
.color-box label:nth-child(5), .color-box label:nth-child(5) div{ background:#2025cb; border-color:#2025cb;}
.color-box label:nth-child(6), .color-box label:nth-child(6) div{ background:#ff4bb6; border-color:#ff4bb6;}
.color-box label:nth-child(7), .color-box label:nth-child(7) div{ background:#720d11; border-color:#720d11;}
.color-box label:nth-child(8), .color-box label:nth-child(8) div{ background:#ffb900; border-color:#ffb900;}
.color-box label:nth-child(9), .color-box label:nth-child(9) div{ background:#f05d27; border-color:#f05d27;}
.color-box label:nth-child(10), .color-box label:nth-child(10) div{ background:#c3e423; border-color:#c3e423;}
.color-box label:nth-child(11), .color-box label:nth-child(11) div{ background:#96ff0f; border-color:#96ff0f;}
.color-box label:nth-child(12), .color-box label:nth-child(12) div{ background:#02542e; border-color:#02542e;}
.color-box label:nth-child(13), .color-box label:nth-child(13) div{ background:#1072bb; border-color:#1072bb;}
.color-box label:nth-child(14), .color-box label:nth-child(14) div{ background:#6975d7; border-color:#6975d7;}
.color-box label:nth-child(15), .color-box label:nth-child(15) div{ background:#683093; border-color:#683093;}
.color-box label:nth-child(16), .color-box label:nth-child(16) div{ background:#988576; border-color:#988576;}
.color-box label:nth-child(17), .color-box label:nth-child(17) div{ background:#554840; border-color:#554840;}
.color-box label:nth-child(18), .color-box label:nth-child(18) div{ background:#8d6339; border-color:#8d6339;}
.color-box label:nth-child(19), .color-box label:nth-child(19) div{ background:#412414; border-color:#412414;}
.color-box label:nth-child(20), .color-box label:nth-child(20) div{ background:#000000; border-color:#000000;}
.color-box label:nth-child(21), .color-box label:nth-child(21) div{ background:#6f6f6f; border-color:#6f6f6f;}
.color-box label:nth-child(22), .color-box label:nth-child(22) div{ background:#0c183e; border-color:#0c183e;}
.color-box label:nth-child(23), .color-box label:nth-child(23) div{ background:#071b00; border-color:#071b00;}
.color-box label:nth-child(24), .color-box label:nth-child(24) div{ background:#cecece; border-color:#cecece;}
.color-box label input[type="checkbox"]{ float:left; margin:4px 0 0;}
.color-box label div{ height:20px; width:20px; float:right; background:#f00; border-radius:3px; box-shadow:0 0 2px #000;}
.fifty-box{ float:left; width:50%;}
.caption{ padding:0 20px; font:400 20px/30px 'Roboto', sans-serif; }
.font-box{ background:#fff; border-radius:4px;}
.font-box label{ width:calc(33.3% - 20px); float:left; padding:0 0 0 20px; position:relative; cursor:pointer; margin:5px 0 0;}
.font-box label input[type="checkbox"]{ position:absolute; left:8px; top:14px;}
.fullformdiv .looking{ margin:0 -5px;}
.fullformdiv label.look-label{ float:left; width:calc(20% - 12px); border: 1px solid #d2d2d2; text-align:center; padding:0 0 5px;cursor:pointer; margin:5px 5px 0;}
.fullformdiv label.look-label > div {  border-bottom: 1px solid #d2d2d2; padding: 5px 0 5px 30px; position:relative; text-align:left; margin:0 0 5px; }
.fullformdiv label.look-label input[type="checkbox"]{ position:absolute; left:8px; top:9px;}
.fullformdiv input[type="submit"]{ background:#7b7b7b; color:#fff; display:inline-block; border:0; cursor:pointer; padding:0 40px; font:700 24px/40px 'Roboto', sans-serif;}
@media only screen and (max-width: 990px) {
.box-content{ padding:10px 20px 20px; margin:10px 0 20px; border-radius:4px;}
.box-c{ margin-top:10px; width: calc(50% - 10px);}
.box-content .box-c:nth-child(2n+1){ margin-right:16px;}
.font-box label{ width:calc(50% - 20px);}
}
@media only screen and (max-width: 740px) {
.box-content{ padding:5px 10px 10px; box-shadow: 0 0 2px 4px #e4e4e4 inset;}
.box-c, .box-content .box-c:nth-child(2n+1){ margin-top:10px; width:98%;}
.fullformdiv label.look-label { width: calc(25% - 12px);}
.font-box label{ width:calc(33.3% - 20px);}

.fullformdiv h1{ font:400 36px/40px 'Roboto', sans-serif;}
.fullformdiv h2{ background:url(images/form-1.png) no-repeat 5px 6px #84bf3e; font:400 16px/26px 'Roboto', sans-serif; padding:5px 0 5px 40px;}
.fullformdiv h3{ font:400 18px/20px 'Roboto', sans-serif;}
.fullformdiv h3 em{ font:400 14px/18px 'Roboto', sans-serif;}
.fullformdiv h4{ font:400 16px/18px 'Roboto', sans-serif; }
}
@media only screen and (max-width: 450px) {
.font-box label{ width:calc(50% - 20px);}
.fullformdiv label.look-label {    width: calc(33.3% - 12px);}
}