@charset "utf-8";
/* CSS Document */


*{ padding:0; margin:0; list-style:none; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
:focus{ outline:0 none; }
a:focus{ outline:0 none; }
a img{ border:none; }
a{ color:#283891; }


/* TAP HIGHLIGHT MOBILE */
img, a, input, textarea, select{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent; }



/* FOR IOS */
input, textarea, select{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:none }
input[type="checkbox"]{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:checkbox !important; }
input[type="radio"]{ -webkit-border-radius:0; border-radius:0; -webkit-appearance:radio !important; }



/* SELECTION COLOR */
::-moz-selection{ background-color: #1D78BE; color: #fff; }
::selection{ background-color: #1D78BE; color: #fff; }



/* PLACEHOLDER OPACITY */
input[type="text"]::-webkit-input-placeholder{ opacity:1; color:#788c92 }
input[type="text"]::-moz-placeholder{ opacity:1; color:#788c92 }
input[type="text"]::-ms-input-placeholder{ opacity:1; color:#788c92 }
input[type="email"]::-webkit-input-placeholder{ opacity:1; color:#788c92 }
input[type="email"]::-moz-placeholder{ opacity:1; color:#788c92 }
input[type="email"]::-ms-input-placeholder{ opacity:1; color:#788c92 }
input[type="password"]::-webkit-input-placeholder{ opacity:1; color:#788c92 }
input[type="password"]::-moz-placeholder{ opacity:1; color:#788c92 }
input[type="password"]::-ms-input-placeholder{ opacity:1; color:#788c92 }
textarea::-webkit-input-placeholder{ opacity:1; color:#788c92 }
textarea::-moz-placeholder{ opacity:1; color:#788c92 }
textarea::-ms-input-placeholder{ opacity:1; color:#788c92 }

input[type="text"], input[type="email"], input[type="password"], select{ float:left; width:100%; height:64px; border:none; background:#edf2f6; color:#6b6b6b; padding:10px 30px; font-size:15px; font-weight:400; margin:30px 0 0 0; border-radius:30px; }
textarea{ float:left; width:100%; height:150px; border:none; background:#edf2f6; color:#6b6b6b; padding:25px 30px; font-size:15px; font-weight:400; margin:30px 0 0 0; border-radius:30px; }
button[type="submit"]{ float:none; margin:30px auto 0; display:block; width:270px; height:64px; border:none; background:url(images/g_bg_3.png) repeat-y left top; text-align:center; color:#fff; font-size:19px; font-weight:500; border-radius:30px; text-transform:uppercase; letter-spacing:1.5px; }
button[type="submit"]:hover, button[type="submit"]:focus{ background-position:right top; color:#fff; text-decoration:none; }


.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}


/* CSS ANIMATIONS */
body, .buttonSection a
	{ transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.mainNav ul li a:after
	{ transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; }
	
	
html{ text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; }
body{ background:#fff; font:400 14px/20px 'Poppins', sans-serif; color:#777; }
.clear_me{ font-size:0; line-height:0; clear:both }

.button_1{ background: #f6bf75;
background: -moz-linear-gradient(left,  #f6bf75 0%, #ca6b8c 50%, #4150b1 100%);
background: -webkit-linear-gradient(left,  #f6bf75 0%,#ca6b8c 50%,#4150b1 100%);
background: linear-gradient(to right,  #f6bf75 0%,#ca6b8c 50%,#4150b1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6bf75', endColorstr='#4150b1',GradientType=1 ); 
color:#fff; display:block; font-family:'Poppins', sans-serif; font-weight:600; font-size:25px; line-height:88px; text-align:center; width:450px; height:88px; margin:25px 0; padding:0; box-shadow:rgba(0,0,0,0.5) 0 0 25px; }
.button_1 i{ margin-right:10px; }
.button_1:hover{ color:#fff; text-decoration:none; }

.button_2{ float:right; background:#0074af; color:#fff; display:block; font-family:'Poppins', sans-serif; font-weight:600; font-size:25px; line-height:88px; text-align:center; width:358px; height:88px; margin:25px 45px 25px 0; padding:0; box-shadow:rgba(0,0,0,0.2) 5px 5px 5px; }
.button_2 i{ margin-right:10px; }
.button_2:hover{ color:#fff; text-decoration:none; }




h1{ font:700 114px/1 'Poppins', sans-serif; color:#fff; margin:0; padding:0; }
h2{ font:600 50px/1.3 'Poppins', sans-serif; color:#1e65aa; margin:0; padding:10px 0; }
h3{ font:600 40px/1.3 'Poppins', sans-serif; color:#333; margin:0; padding:10px 0; }
h4{ font:600 22px/1.3 'Poppins', sans-serif; color:#000; margin:0; padding:10px 0; }
p { font:500 27px/2 'Poppins', sans-serif; color:#fff; padding:0 0; margin:0; }
li{ font:500 27px/2 'Poppins', sans-serif; color:#fff; padding:0 0; margin:0; }



/*
font-family: 'Poppins', sans-serif;
*/

.container{ max-width:1200px; }
.container-fluid{ max-width:1600px; }

.mainBg{ float:left; width:100%; height:auto; left:0; top:0; background-image:url(images/mainBg.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; }
.mainBg:before{ position:absolute; right:0; top:0; width:375px; height:100%; content:''; background:rgba(63,32,32,0.6); }

.leftSide h1{ margin:75px 0 0 0; }
.leftSide p a{ color:#fff; font-weight:600; font-size:31px; }
.leftSide p a:hover{ color:#fff; text-decoration:underline; }
.leftSide p span{ color:#fff; font-weight:500; font-size:24px; }

.rightSide{  }

.buttonSection{ padding-bottom:70px; padding-top:60px; }
.buttonSection a{ display:block; text-align:center; background:rgba(0,0,0,0.36); color:#fff; margin:25px 0 0 0; font-weight:600; font-size:22px; line-height:28px; padding:40px 10px; }
.buttonSection a:hover{ background:rgba(0,0,0,1); text-decoration:none; }
.buttonSection a i{ margin-right:10px; }

@media screen and (max-width: 1200px) {
h1{ font-size:80px; }
.leftSide p{ font-size:24px; padding-bottom:20px }
.leftSide p a{ font-size:24px; }
.leftSide p span{ font-size:18px; display:block; }


}

@media screen and (max-width: 991px) {
.button_1, .button_2{ width:300px; height:58px; line-height:58px; font-size:20px; }
}


@media screen and (max-width: 767px) {
.mainBg:before{ width:33.333%; }
h1{ font-size:50px; }
.leftSide p{ font-size:18px; padding-bottom:20px }
.leftSide p a{ font-size:18px; }
.leftSide p span{ font-size:14px; display:block; }

.button_1, .button_2{ width:270px; height:48px; line-height:48px; font-size:16px; margin:20px auto; float:none; }

.buttonSection a{ padding:20px 10px; font-size:18px; line-height:28px; }

}