@import url("//hello.myfonts.net/count/2a6ac2"); 
@font-face {font-family:'Siri-Light'; src:url('../fonts/webfonts/27674A_0_0.eot'); src:url('../fonts/webfonts/27674A_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/27674A_0_0.woff') format('woff'), url('../fonts/webfonts/27674A_0_0.ttf') format('truetype')}
@font-face {font-family:'Siri-Thin'; src:url('../fonts/webfonts/27674A_1_0.eot'); src:url('../fonts/webfonts/27674A_1_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/27674A_1_0.woff') format('woff'), url('../fonts/webfonts/27674A_1_0.ttf') format('truetype')}
@font-face {font-family:'siri'; src:url('../fonts/siri/siri.eot'); src:url('../fonts/siri/siri.eot?iefix') format('eot'), url('../fonts/siri/siri.woff') format('woff'), url('../fonts/siri/siri.ttf') format('truetype'), url('../fonts/siri/siri.svg') format('svg'); font-weight:normal; font-style:normal}
@font-face {font-family:'Siri-Regular'; src:url('../fonts/webfonts/2A6AC2_0_0.eot'); src:url('../fonts/webfonts/2A6AC2_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/webfonts/2A6AC2_0_0.woff') format('woff'), url('../fonts/webfonts/2A6AC2_0_0.ttf') format('truetype')}
@font-face {font-family:'siri-medium'; src:url('../fonts/siri-medium/Siri-Medium.eot'); src:url('../fonts/siri-medium/Siri-Medium.woff') format('woff'), url('../fonts/siri-medium/Siri-Medium.ttf') format('truetype'), url('../fonts/siri-medium/Siri-Medium.svg') format('svg'); font-weight:normal; font-style:normal}
html {height:100%}
.overlayloading{display:none !important;}
body {padding-top:0 !important; font-family:'Siri-Light', Siri-medium, HelveticaNeu, Verdana, sans-serif; min-height:100%; background-color:#000000 !important; margin:0 auto;}
* {margin:0; padding:0; font-family:'Siri-Light', sans-serif; list-style:none; outline:0 !important}
.content {padding:0px 0; font-family:'Siri-Light', 'Siri-Thin', 'HelveticaNeu', Verdana, sans-serif; overflow:hidden; min-height:630px}
.modal-content {border-radius:4px}
.m-text {line-height:1.3 !important}
.rel {position:relative}
.text1 {color:#e8cf05}

.container {max-width: 1440px; margin: auto;}
.top-menu {background: #000000;}
.bg-b {background-color:#000000}
.pull-l {float:left}
.logo {padding:15px 0; padding-left:15px !important}
.logo img {width:150px; margin:auto}
.top-text {color:#ffffff; font-family:'siri-medium'; text-align:center}
.form-div {padding:15px 0}
input:placeholder-shown {font-size:15px; color:#ffffff;}
.btn-primary {background:#e58345; border:1px solid #e58345; font-weight:600; color: #ffffff !important;}
.btn-primary:hover {background:#e58345; border:1px solid #e58345}
.btn-primary:focus {background:#e58345; border:1px solid #e58345}
.btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover {background:#e58345; border:1px solid #e58345}
.btn{padding: 8px 12px !important;font-size: 14px !important; border-color:#e58345 !important;}
.modal {z-index:9999999}
.form-control {background-color:#000000; border:1px solid #ffffff; color:#ffffff}
.pd151 {padding:25px; padding-top:0}
.bg {background-color:#000000}
.mtitle {font-size:25px; text-align:center; color:#ffffff; font-weight:600; padding-top:24px; clear:both}
.modal-header .close {color:#fff; opacity:1; position:relative; right:0; z-index:9}
.modal-content {background:#000000}
.modal-header {padding:0px; border-bottom:none}
ul.social-icon {margin:0; text-align:left; padding-bottom:15px}
ul.social-icon li {display:inline-block; margin-right:5px}
ul.social-icon li img {width:40px}
.no-padding {padding:0}
.logo {padding:8px 0; padding-left:15px !important}
.form-div {padding:8px 0}
input:placeholder-shown {font-size:15px; color:#ffffff !important; font-weight:800}
input.btn-primary.btn {background-color:#e58345 !important; border:1px solid #e58345 !important; font-weight:600; border-radius:4px; padding:5px 19px !important; font-size:15px; line-height:23px; height:38px; color:#ffffff !important}
.btn-primary:hover {background-color:#e58345 !important}
input[type="text"] {margin-bottom:0}
.btn-primary:focus {background-color:#e58345 !important}
.btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover {background-color:#e58345 !important}
.form-control {background-color:#000000 !important; border:1px solid #ffffff; color:#ffffff}
.form-inline.w-full .form-control {width:100%; height:38px; color:#ffffff}
.tc1 {color:#ffffff; font-size:11px}
ul.social-icon {margin:0; text-align:center; margin-top:19px}
/* // */
.video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}
.video video {
    position: absolute;
    width: 100%;
    height: 100%;
}
.button {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: white;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.text-sm{font-size: 12px !important; margin-top: 4px !important;}
.top-menu .col-1.agni-log0-center1 {width:100% !important; padding: 0 !important;}

.modal-form h1{color:#ffffff; font-family: 'Avenir'; text-align: center; padding-bottom: 22px; letter-spacing: 1.5px;}
.modal-form .form-group {margin-bottom: 10px;}
.modal-form .thanksbox h1{font-size: 27px !important;}
.modal-form .thanksbox p{font-size: 18px !important; color:#ffffff !important; margin:0 !important; text-align:center;}
.modal-form a{color:#f59090 !important;}

.close-btn{position: absolute; top: 5%; right: 5%; font-size: 32px; font-weight: 100; color:#ffffff; cursor: pointer; z-index: 9;}
.close-btn:hover{color:#ffffff; text-decoration:none; }

.link-btn{cursor: pointer; font-size: 20px; text-align: center !important; background: #e58345; color: #fff !important; border: none !important; font-family: 'siri-medium'; height:45px;}

.buy-now-link{
    font-size: 24px;
    letter-spacing: 2px;
    padding: 8px 29px !important;
    border-radius: 26px; display: inline-block;
    line-height: 29px;
}
.buy-now-link:hover{text-decoration:none;}

.top-menu {z-index: 1;}
/* .top-menu ul{text-align:center; margin:0;}   */
/* .top-menu ul li{display:inline; color:#b057a2;} */
/* .top-menu ul li a{color: #ffffff;letter-spacing: 1.5px;text-decoration: none; line-height: 55px;letter-spacing: 1.5px; cursor: pointer;} */
/* .top-menu ul li > span{opacity: 0.4; font-size: 20px; font-weight: 100; color: #fff; position: relative; top: 5px;} */
/* .items-center-modal{position:fixed; top: 30%;} */
@media (min-width: 768px) {
.mtitle.modal-title {font-size:20px; font-weight:normal}
.form-inline.w-full .form-control {width:100%}
.col-md5 [class*="col-md"] {padding-left:5px; padding-right:5px}
.row-5 {margin-left:-5px; margin-right:-5px}
.pl0 {padding-left:0 !important}
.form-div .col-2 {width:32% !important}
.form-div .col-22 {width:19% !important}
.top-menu .col-2 {width:28%}
.top-menu .col-3 {width:51% !important}
.top-menu .col-5 {width:25%}
.top-text {padding-top:18px}
.top-text {font-size:22px; line-height:18px}
.m-text {text-align:center}
.modal-form{max-width: 50%; margin-top: 4%;}
.modal-form .sml-box{width: 65%; margin-left: 17.5%;}
.modal-form h1{font-size: 36px !important;}
.top-menu ul li a{font-size: 18px; padding: 16px 40px; }
}

@media (max-width: 767px) {
.mp-0 {padding:0}
.top-text {font-size:20px; padding-top:15px; padding-left:15px; padding-right:15px; line-height:23px}
.logo img {width:132px}
.modal-form h1{font-size: 22px; margin-bottom:18px;}
.modal-form .thanksbox h1{font-size: 18px !important;}
.modal-form .thanksbox p{font-size: 15px !important;}
.buy-now-link{font-size: 18px;}
.top-menu ul li a{font-size: 13px; padding: 16px 18px;}
.m-p10{padding:0 10px !important}
}


@media (max-width: 480px) {
.top-text {font-size:14px; line-height:14px; width:100%; padding:0; padding-top:0 !important; padding-bottom:10px}
.logo {width:100%; padding-left:0 !important}
.logo img {width:80px; margin:auto}
.mtitle {font-size:14px !important}
.top-text.text1 {width:80%; font-size:12px; padding-top:10px !important; padding-left:5px !important; padding-bottom:0 !important}
ul.social-icon li img {width: 30px !important;}
}

@media (max-width: 900px) {
.top-text {font-size:14px; line-height:14px; padding-top:18px}
.logo img {width:80px}
}

@media (max-width: 800px) {
.top-text {font-size:19px; line-height:14px; padding-top:18px}
.logo img {width:120px !important; margin:auto !important}
.m-text {text-align:center}
}

@media (max-width: 760px) {
.top-text {font-size:14px; line-height:14px; padding-top:18px}
.logo img {width:110px; margin:auto}
}

@media (max-width: 650px) {
.top-text {font-size:14px; line-height:14px; width:100%; padding-top:0}
.logo img {width:80px; margin:auto}
}

@media (max-width: 767.98px) {
ul.social-icon {margin:0; text-align:center}
}

@media (min-width: 768px) {
.col-md5 [class*="col-md"] {padding-left:5px; padding-right:5px}
.row-5 {margin-left:-5px; margin-right:-5px}
.pl0 {padding-left:0 !important}
.form-div .col-3 {width:18% !important}
.top-menu .col-1 {width:10% !important}
.top-menu .col-3 {width:51%}
.top-menu .col-5 {width:29%}
.top-text {padding-top:11px}
.top-text {font-size:20px; line-height:30px}
.logo {padding-top:15px !important}
.m-text {text-align:center}
.top-menu {padding:9px 0}
.tc1 {position:absolute; right:78px; bottom:-11px; color:#ffffff; font-size:11px}
}

@media (max-width: 600px) {
.top-text {font-size:15px; line-height:18px; padding-top:18px}
.logo img {width:100px}
.m-pd {padding:0 !important}
}




@media (max-width: 320px) {
.logo img {max-width:80px; margin:auto}
}

@media (max-width: 800px) {
.top-text {font-size:19px; line-height:14px; padding-top:18px; padding-right:0; text-align:right; padding-top:8px !important}
.logo img {width:100px; margin:auto}
.m-text {text-align:center}
.btn-xs-block {width:100% !important}
}

@media (max-width: 760px) {
.top-text {font-size:14px; line-height:14px; padding-top:18px}
.logo img {width:80px}
}

@media (max-width: 650px) {
.top-text {font-size:14px; line-height:14px; width:80%; padding-top:0}
.col-1 {width:20%}
.logo img {width:80px !important}
}

@media (max-width: 750px) {
.content {min-height:auto}
}