@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

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

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

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


body{ padding:0; margin:0; font-size:12px; color:#000; font-family: 'Montserrat', sans-serif; background:url(../images/the-gossies-bg-img.jpg) center center no-repeat fixed; background-size:cover;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
a:hover, a:focus, select:focus, button:focus { outline:none; text-decoration:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; font-family: 'TrajanProBold';}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}

.container{ width:96%; max-width:1170px; margin:0 auto; padding:0;}

/***********  Top Part  ************/

header{ width:100%; float:left; margin:0px; padding:0px;}

.nav_sec{ width:100%; float:left; margin:0; padding:50px 0 40px 0; text-align:center;}
.nav_sec .logo{ margin:0; padding:0; display:inline-block;}

/***********  Section Part  ************/

section{ width:100%; float:left; margin:0px; padding:0px;}

.sucess_sec{ width:100%; float:left; margin:0; padding:30px 0 0 0;}
.sucess_sec figure{ width:100%; float:left; margin:0; padding:0; position:relative; z-index:9;}
.sucess_sec .detail{ width:100%; float:left; margin:0; padding:50px 0 0 0;}
.sucess_sec h2{ margin:0 0 15px 0; padding:0; font-size:48px; color:#ffffff;background-color:#000;opacity:0.8;padding:15px 0px 15px 21px;}
.sucess_sec p{ margin:0; padding:0; font-size:16px; color:#ffc281; line-height:26px;}

/********  Form Sec  ********/
.form_sec{ width:100%; float:left; margin:-211px 0 0 0; padding:20px 0; background:#000000; position:relative;opacity:0.7;}
.form_sec:before{ content:""; width:100%; height:2px; background:#c29729; position:absolute; top:-7px; left:0;}
.form_sec:after{ content:""; width:100%; height:2px; background:#c29729; position:absolute; bottom:-7px; left:0;}
.form_info{ width:100%; float:left; margin:0; padding:0;}
.form_info .inner{ margin:0; padding:0 20px 0 0; overflow:hidden;}
.form_info .input-group{ width:100%; float:left; margin:0; padding:0;}
.form_info .input-group .form-control{ height:39px; background:#3c3c3c; border:none; border-radius:0; padding:0 12px; margin:0 0 15px 0; font-size:15px; color:#b1b1b1; box-shadow:none;}
.form_info .input-group .form-control.field_2{ height:67px; padding-top:4px; margin:0;}
.form_info .row{  margin:0 -10px;}
.form_info [class^="col-"], .form_info > [class*=" col-"] { padding:0 10px;}
.form_info .send_btn{ width:100%; height:120px; border:3px solid #8c742d; float:left; margin:0; padding:5px; background:#000000; cursor:pointer;}
.form_info .send_btn i{ width:100%; height:100%; background:#450b0a; text-align:center; font-size:28px; color:#f1c84d; line-height:104px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.form_info .send_btn:hover i{ background:#f1c84d; color:#450b0a;}

/***********  Footer Part  ************/

footer{ width:100%; float:left; margin:0px; padding:0px;}

.copyright{ width:100%; float:left; margin:0; padding:0; text-align:center; font-size:15px; color:#fff;}
.copyright span{ color:#f1c84d;}

@media (min-width: 1920px) {
	.sucess_sec{ width:100%; float:left; margin:0; padding:300px 0 0 0;}
}