/* CSS Document */

/* TOC 
 * RESET STYLES
 * FONT FACE (IF USED)
 * HTML
 * BODY
 * HEADER
 * NAVIGATION
 * PAGE
 * FOOTER
 * FORMS
 * PLUGINS
 * PRINT STYLES
 * MEDIA QUERIES
---------------------------------------------------------------------------*/

/* RESET STYLES
---------------------------------------------------------------------------*/
html { overflow-y: scroll; }
body {
	margin: 0;
	font-size: 36px;
	background:#fff;
	min-height:100%;
	font-family: 'Myriad Pro Bold';
	color: #363636;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
button, input, select, textarea {
	font-family: 'Myriad Pro Bold';
	color: #222;
} 

p {
	margin:0;
	padding:10px;
}
a {
	margin:0;
	padding:0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration:none;
	color: #363636;
}
a:hover, a:active {
	outline: 0;
	text-decoration:none;
}
a img {
	border:0 none;
}
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer; /* hand cursor on clickable elements */
}
button, input, select, textarea {
	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}
button { /* make buttons play nice in IE */
	width: auto;
	overflow: visible;
}

.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style:none;
}
*{ margin:0; padding:0; box-sizing:border-box;}
img{ border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-family: 'Myriad Pro Bold';
}
h1 { font-size:63px; }
h2 { font-size:63px; }
h3 { font-size:48px; }
h4 { font-size:40px; }
h5 { font-size:35px; }
h6 { font-size:28px; }
.wrapper{ width:1580px; margin:0 auto;}


.header-bc{ float:left; width:100%; background:url(../images/banner-1.png) no-repeat top center / cover; position:relative;}
.header{ float:left; width:100%;margin-top:100px;}
.header ul{ float:right; position:relative;z-index:111;}
.header ul li{ float:left;font-family: 'Myriad Pro Bold'; text-transform:uppercase; color:#fff;font-size: 16px;}

.header-container{ display:inline-table; width:100%; text-align:center; height:650px;}
.header-content{ color:#fff; display:table-cell; height:100%; vertical-align:middle;}
.header-container .logo{ position:absolute; top:25px; left:0; width:100%; text-align:center;}
.header-content p{ font-size:48px; padding:0;}
.header-content h2{ color: #000;font-size: 45px;text-transform: uppercase;font-weight: 600;letter-spacing: 4px;font-family: 'Myriad Pro BlackSemiCn';}
.header a{color: #000;font-size: 25px;}
.header-container .header-content h2,.header-container .header-content p {text-shadow:0 0 3px #ccc;}
.logo img{width: 300px;}

.container{ padding:70px 0; float:left; width:100%;}
.container.text-cont{ border-bottom:1px solid #acacac; text-align:center;}
.right-cont{ float:right; width:60%; text-align:center;}
.right-cont > h3, .left-cont > h3{ padding-bottom:20px;}
.contact-rg{ float:left; width:100%; background:#e1e1e1; border:2px solid #959595; border-radius:20px; overflow:hidden; text-align:center;}
.contact-rg h3, .contact-rg h4{ background:#3f3f3f; color:#c2c2c2; padding:20px 0;}
.two-bor.contact-rg > div{ width:70%; margin:40px auto 80px;}
.contact-rg > div{ width:70%; margin:40px auto 60px;}
.contact-rg > div form{}
.contact-rg > div form input, .contact-rg > div form textarea{ width:100%; margin-bottom:8px; border:3px solid #959595; background:#fff; border-radius:5px; height:70px; font-size:29px; color:#363636; padding:0 18px;} 
.contact-rg > div form input[type="button"], .contact-rg > div form input[type="submit"]{font-family: 'Myriad Pro Bold'; background:#01c701; color:#fff; font-size:38px; text-transform:uppercase; border:none;}
.contact-rg > div form textarea{ padding:15px 18px; height:195px;}
.contact-rg > div form input.name{ background:url(../images/prf-icon.png) no-repeat 10px center #fff; padding-left:60px;}
.contact-rg > div form input.email{ background:url(../images/msg-icon.png) no-repeat 10px center #fff; padding-left:60px;}
.contact-rg > div form input.phone{ background:url(../images/phn-icon.png) no-repeat 10px center #fff; padding-left:60px;}
.contact-rg > div form input.key{ background:url(../images/key.png) no-repeat 10px center #fff; padding-left:50px;}
.contact-rg > div form input.username{ background:url(../images/log-prf-icon.png) no-repeat 10px center #fff; padding-left:50px;}
.two-bor.contact-rg > div form input[type="button"]{ background:#a3a4a5;}
.two-bor.contact-rg{ background:none;}
.two-bor.contact-rg > div form div{ margin-top:20px;}
.two-bor.contact-rg > div form div span{ font-size:17px; font-family: 'Myriad Pro Regular'; color:#555555;}
.two-bor.contact-rg > div form div span label{ margin:0;}
.two-bor.contact-rg > div form div span.remember{ float:left;}
.two-bor.contact-rg > div form div span.forgot{ float:right;}
.two-bor.contact-rg > div form div span.forgot a{ text-decoration:underline;}
.two-bor.contact-rg h4{ color:#fff; padding:17px 0;}
.two-bor.contact-rg > div form input{ height:50px; font-size:21px;}
.two-bor.contact-rg > div form input[type="button"]{ font-size:28px;}

input[type="checkbox"]:not(old) + label {
    background: rgba(0, 0, 0, 0) url("../images/check-box.jpg") no-repeat scroll center left;
    display: inline-block;
}
.check-label {
    margin-right: 3px;
    margin-top: 10px;
    padding-left: 20px;
}
.clickable, label, input[type="button"], input[type="submit"], button {
    cursor: pointer;
}
input[type="checkbox"]:checked:not(old) + label {
    background: rgba(0, 0, 0, 0) url("../images/checked-box.jpg") no-repeat scroll center left;
}
input[type="checkbox"] {
    display: none;
}

.left-cont{ float:left; width:35%;}
.two-bor{ border:2px solid #959595; float:left; width:100%; border-radius:20px; text-align:center;}
.guide-giv{ padding:0 10% 10px; margin-bottom:70px;}
.guide-giv > div{ margin:16px 0;}
.guide-giv h4{ text-transform:uppercase; border-bottom:1px solid #555555; padding:20px 0 15px 0;}
.guide-giv p{ font-family: 'Myriad Pro Bold';}



.footer_bc{ background: #a3a4a5; float:left; width:100%; font-family:Arial, Helvetica, sans-serif; padding:20px 0;}
.footer{ float:left; width:100%; text-align:center;}
.footer ul{ width:100%;}
.footer ul li{ display:inline-block; color:#fff; font-size:24px; color:#fff; background:url(../images/foot-menu-line.png) no-repeat center right; margin-right:-12px; padding:0 20px;}
.footer ul li:last-child{ background:none;}
.footer ul li a{ color:#fff;}
.footer ul li:after{ }
.footer p{ font-size:20px; color:#fff;}
.bram-p h3{margin-bottom:20px;}
.contact-rg > div form .captcha{ position:relative;}
.contact-rg > div form .captcha img{ margin-bottom: 8px;}
.contact-rg > div form .captcha input{ }
.contact-rg > div form .captcha small{ font-size:0;width:20px; height:20px;}
.contact-rg > div form .captcha small a{ margin-bottom: 8px; position:absolute; bottom:24px;background:url(../images/refresh.png) no-repeat center right; width:20px; height:20px; font-size:0; right:10px;}

@media screen and (min-width: 980px) and (max-width: 1600px) {
body{ font-size:30px;}
h2 { font-size:53px; }
h3 { font-size:40px; }
h4 { font-size:32px; }
h5 { font-size:28px; }
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
.wrapper{ width:1180px;}
}

@media screen and (min-width: 980px) and (max-width: 1200px) {
.wrapper{ width:960px;}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
.wrapper{ width:100%; padding:0 2%;}
body{ font-size:24px;}
h2 { font-size:34px; }
h3 { font-size:33px; }
h4 { font-size:32px; }
h5 { font-size:28px; }
.right-cont{ width:100%;}
.left-cont{ width:100%;}
.left-cont .guide-giv{ width:42%; padding: 0 2% 10px; margin-bottom:0;}
.left-cont .guide-giv h4{ font-size:36px; padding:26px 0;}
.left-cont .contact-rg{ width:57%; float:right}
.container{ padding:30px 0;}
.contact-rg > div form input, .contact-rg > div form textarea{ font-size:23px;}
.header-content p{ font-size:30px;}
}

@media screen and (max-width:768px) {
.contact-rg > div form .captcha small a{ bottom: 10px;}
.wrapper{ width:100%; max-width:100%;  padding:0 2%;}
.wrapper.home{ padding:0;} 
.footer ul li, .footer p{ font-size:18px;}	
.footer_bc{ padding:25px 0 65px;}
.right-cont{ width:100%;}
.left-cont{ width:100%;}
.left-cont .guide-giv{width:100%; margin-bottom:15px;}
.left-cont .contact-rg{width:100%;}
.container, .left-cont{ padding:15px 0;}
.contact-rg > div form input, .contact-rg > div form textarea{ font-size:15px; height:40px;}
.two-bor.contact-rg > div form input[type="button"]{ font-size:23px;}
.contact-rg > div form textarea{ height:130px;}
.left-cont > h3{ display:none;}
.contact-rg > div form input[type="button"], .contact-rg > div form input[type="submit"]{ font-size:20px;}
.contact-rg h4, .contact-rg h3{ font-size:25px;}
.contact-rg h3{ padding:12px 0}
.guide-giv h4{ padding:20px 0;}
.guide-giv > div{ margin:15px 0;}
.contact-rg > div form input.name, .contact-rg > div form input.email, .contact-rg > div form input.phone{ padding-left:35px; background-size: 18px;}
.contact-rg > div form textarea{ padding:10px 15px;}
.header-container .logo{ position:static; float:left; width:100%;}
.header-content{ float:left; width:100%; margin-top:20px;}
.header-container{ padding-top:50px;}
.header{ margin-top:20px; text-align:center; padding-bottom:10px;}
.header ul{ width:100%;}
.header ul li{ display:inline-block; float:none;}
body{ font-size:25px;}
h2 { font-size:36px; }
h3 { font-size:22px; }
h4 { font-size:32px; }
h5 { font-size:28px; }

.contact-rg, .left-cont .guide-giv{ border-radius:0;}
.footer ul li{ padding:0 11px;}
.two-bor.contact-rg > div form div span{ font-size:14px;}
.contact-rg > div{ width:80%;}
}

#captchagd span { display: inline-block; vertical-align: middle; padding: 0 10px;}
input#captcha_result-cli {width: 75px;height: 50px;}
#captchagd { margin: 10px;}
.correct-fill {display:none; font-size: 18px;color: red; border: solid 1px red; padding: 5px 10px; margin-bottom: 10px;}

@media only screen and (min-width: 767px){
	.logo img{
		position: absolute;
		left: 70px;
	}
}