/* Start CSS */
body { background: #000000; color: #2f2f2f; font-family: "Open Sans"; font-size:17px; line-height: normal; padding:0px; }
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:underline; outline:none; }
.a-link, .a-link:focus { display: inline-block; color: #000000; text-decoration: underline; }
.a-link:hover { color: #ff0000; text-decoration: underline; }
.text-alert { background-color: #f2dede; color:#a94442; display: inline-block; margin: 10px auto; padding: 5px 10px; }
.font-ubuntu { font-family: 'Ubuntu'; }
.clearfix10 { display:block; clear:both; height:10px; }
.clearfix20 { display:block; clear:both; height:20px; }
.clearfix30 { display:block; clear:both; height:30px; }
.text-400 { font-weight: 400;}
.text-500 { font-weight: 500;}
.text-700 { font-weight: 700;}
.text-red { color:#ff0000 !important; }
.text-red2 { color:#e43b2c !important; }
.text-white { color:#fff !important; }
.text-black { color:#000 !important; }
.text-green { color:#15a10b !important; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.img-140 { width: 100%; max-width: 140px;}
.img-400 { width: 100%; max-width: 400px;}
.img-600 { width: 100%; max-width: 600px;}
.hr { margin-top: 20px; margin-bottom: 20px; border-top: 2px solid #ddd; }
.hr-small { margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #ddd; }
.d-block  {display:block;}
.d-none { display: none; }
.m-auto { margin: auto; }
.opacity-25 { opacity: 0.15;}
.m-0 { margin: 0;}
.my-10 { margin-bottom: 10px; margin-top: 10px;}
.my-20 { margin-bottom: 20px; margin-top: 20px;}
.my-30 { margin-bottom: 30px; margin-top: 30px;}
.mb-0 { margin-bottom: 0;}
.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px;}
.mt-0 { margin-top: 0;}
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 30px;}
.pt-0 { padding-top: 0;}
.pt-10 { padding-top: 10px;}
.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 30px;}
.pl-0 { padding-left: 0;}
.pl-10 { padding-left: 10px;}
.pl-20 { padding-left: 20px;}
.pl-30 { padding-left: 30px;}
.font-13 { font-size: 13px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }
.font-26 { font-size: 26px; }
.font-28 { font-size: 28px; }
.font-30 { font-size: 30px; }
.font-32 { font-size: 32px; }
.font-34 { font-size: 34px; }
.font-35 { font-size: 35px; }
.font-36 { font-size: 36px; }
.font-38 { font-size: 38px; }
.font-40 { font-size: 40px; }
.font-42 { font-size: 42px; }
.font-50 { font-size: 50px; }
.font-52 { font-size: 52px; }
.font-54 { font-size: 54px; }
.font-56 { font-size: 56px; }
.font-58 { font-size: 58px; }
.font-60 { font-size: 60px; }
.font-70 { font-size: 70px; }
.bg-yellow { background: #ffff00;}
.bg-black { background: #000000;}
.header { display: block; padding: 20px 15px 10px 15px; text-align: center; }
.header__logo { width: 100%; margin: 0 auto; max-width: 500px; }
.main { background: #fff; border-radius: 10px; padding: 30px; }
.main__heading { color: #000; line-height: normal; margin: 0; text-align: center; }
.main__heading .main__heading-higlight { background: #ffff00; color: #ff0000; display: block; font-size: 70px; line-height: 70px; padding: 0 10px; }
.main__title { color: #000; display: block; font-family: 'Ubuntu'; margin: 0; padding: 0; text-align: center; }
.main__box { border: 1px dashed #999; margin: 20px auto 0 auto; padding: 20px; width: 100%; max-width: 600px; }
.main__box-full { border: 1px dashed #999; margin: 20px auto 0 auto; padding: 20px; width: 100%; }
.main__box-highlight { background-color: #ffffcc; border: 1px solid #999; margin: 20px auto 0 auto; padding: 5px 20px; width: 100%; max-width: 630px;  }
.main-box2  { border: 1px solid #000; margin: 20px auto 0 auto; padding: 30px; }
.main-box3  { background-color: #ffff99; border: 5px dashed #f00; margin: 20px auto 0 auto; padding: 30px; }
.icon-list { display: block; list-style: none; margin: 0; padding: 0; }
.icon-list li { display: block; margin-top: 30px; padding: 0 0 0 150px; position: relative; }
.icon-list__title { display: block; font-style: italic; font-size: 26px; margin-bottom: 10px; }
.icon-list .icon { display: block; left: 50px; position: absolute; top: 0; }
.form { display: block; margin: 0 auto; padding: 0;}
.form-control { border-radius: 5px; box-shadow: inset 0 1px 2px rgba(130,137,150,0.23),0 1px 0 rgba(255,255,255,0.95); display: block; background: #fff; border: 1px solid #999; margin: 10px auto 0 auto; padding: 10px 20px; font-size: 30px; width: 100%; outline: 0; }
.form-control:focus { border: 1px solid #000; outline: 0;}
.form-btn { background: none; border: none; display: block; margin: 0 auto; padding: 0; border-radius: 5px; outline: 0; }
.is-invalid {
	border: 2px solid #ff0000;
}
.is-valid {
	border: 2px solid green;
}
.footer { display:block; color: #999999; font-size: 14px; padding: 50px 0; text-align:center; }
.footer__link, .footer__link:focus { display: inline-block; color: #ff0000; text-decoration: none; }
.footer__link:hover { color: #ff0000; text-decoration: underline; }

.modal-dialog {
    width: 800px;
    margin: 90px auto;
}
.modal-content {
	border: none;
	border-radius: 6px;
}
.modal-body {
	background-image: url(../img/bg.jpg);
	background-color: #000;
	background-size: cover;
	border: 5px dashed #fff;
	border-radius: 6px;
	color: #fff;
	font-family: "Patua One";
	padding: 30px 60px;
	text-align: center;
}
.modal-close {
    background: url(../img/closemodal.png) center center no-repeat;
    border: none;
    height: 33px;
    width: 33px;
    right: -10px;
    position: absolute;
    top: -10px;
	z-index: 2;
	outline: 0;
}

/* =============== Start Tablet & Phone Device CSS =============== */
@media (min-width: 1200px) { 
	.container {
		width: 830px;
	}
}
@media (max-width: 1199px) { 

}
@media (min-width: 992px) { 
	.container {
		width: 830px;
	}
	.d-md-block  {display:block;}
}
@media (max-width: 991px) {
	.font-sm-12 { font-size: 12px; }
	.font-sm-24 { font-size: 24px; }
	.font-sm-30 { font-size: 30px; }
	.font-sm-36 { font-size: 36px; }
	.font-sm-46 { font-size: 46px; }
	.font-sm-48 { font-size: 48px; }
	.main__heading .main__heading-higlight {
		font-size: 65px;
		line-height: 65px;
	}
	.footer {
		padding: 30px 0;
	}
	.modal-dialog {
		width: 738px;
		margin: 15px auto;
	}
	.modal-body {
		padding: 30px;
	}
}
@media (min-width: 768px) {

}
@media (max-width: 767px) {
	.font-xs-12 { font-size: 12px; }
	.font-xs-13 { font-size: 13px; }
	.font-xs-14 { font-size: 14px; }
	.font-xs-15 { font-size: 15px; }
	.font-xs-16 { font-size: 16px; }
	.font-xs-18 { font-size: 18px; }
	.font-xs-20 { font-size: 20px; }
	.font-xs-22 { font-size: 22px; }
	.font-xs-24 { font-size: 24px; }
	.font-xs-26 { font-size: 26px; }
	.font-xs-28 { font-size: 28px; }
	.font-xs-30 { font-size: 30px; }
	.font-xs-32 { font-size: 32px; }
	.font-xs-34 { font-size: 34px; }
	.font-xs-35 { font-size: 35px; }
	.font-xs-36 { font-size: 36px; }
	.font-xs-38 { font-size: 38px; }
	.font-xs-40 { font-size: 40px; }
	.font-xs-42 { font-size: 42px; }
	.font-xs-44 { font-size: 44px; }
	.font-xs-46 { font-size: 46px; }
	.font-xs-50 { font-size: 50px; }
	.font-xs-52 { font-size: 52px; }
	.font-xs-54 { font-size: 54px; }
	.font-xs-56 { font-size: 56px; }
	.font-xs-58 { font-size: 58px; }
	.font-xs-60 { font-size: 60px; }
	.mt-xs-20 { margin-top: 20px;}
	.d-xs-block { display: block;}
	.main__heading .main__heading-higlight {
		font-size: 48px;
		line-height: 48px;
	}
	.modal-dialog {
		padding: 0 15px;
		width: 100%;
	}
	.modal-close {
		right: 5px;
	}
	.form-control {
		padding: 10px 15px;
		font-size: 26px;
	}
	.icon-list li {
		padding: 0 0 0 100px;
	}
	.icon-list .icon {
		left: 20px;
	}
	.icon-list__title {
		font-size: 22px;
	}
	.clearfix10-xs { height:10px; }
}
@media (max-width: 575px) { 
	body {
		font-size: 15px;
	}
	.col-xxs-12 {
		width: 100%;
	}
	.font-xxs-11 { font-size: 11px; }
	.font-xxs-12 { font-size: 12px; }
	.font-xxs-13 { font-size: 13px; }
	.font-xxs-14 { font-size: 14px; }
	.font-xxs-15 { font-size: 15px; }
	.font-xxs-16 { font-size: 16px; }
	.font-xxs-18 { font-size: 18px; }
	.font-xxs-20 { font-size: 20px; }
	.font-xxs-22 { font-size: 22px; }
	.font-xxs-24 { font-size: 24px; }
	.font-xxs-25 { font-size: 25px; }
	.font-xxs-26 { font-size: 26px; }
	.font-xxs-28 { font-size: 28px; }
	.font-xxs-30 { font-size: 30px; }
	.font-xxs-32 { font-size: 32px; }
	.font-xxs-34 { font-size: 34px; }
	.font-xxs-35 { font-size: 35px; }
	.font-xxs-36 { font-size: 36px; }
	.font-xxs-38 { font-size: 38px; }
	.font-xxs-40 { font-size: 40px; }
	.font-xxs-42 { font-size: 42px; }
	.font-xxs-44 { font-size: 44px; }
	.font-xxs-46 { font-size: 46px; }
	.font-xxs-50 { font-size: 50px; }
	.font-xxs-52 { font-size: 52px; }
	.font-xxs-54 { font-size: 54px; }
	.font-xxs-56 { font-size: 56px; }
	.font-xxs-58 { font-size: 58px; }
	.font-xxs-60 { font-size: 60px; }
	.d-xxs-block { display: block;}
	.my-xxs-0 { margin-bottom: 0; margin-top: 0;}
	.my-xxs-10 { margin-bottom: 10px; margin-top: 10px;}
	.my-xxs-20 { margin-bottom: 20px; margin-top: 20px;}
	.my-xxs-30 { margin-bottom: 30px; margin-top: 30px;}
	.mb-xxs-0 { margin-bottom: 0;}
	.mt-xxs-0 { margin-top: 0;}
	.mt-xxs-10 { margin-top: 10px;}
	.mt-xxs-20 { margin-top: 20px;}
	.mt-xxs-30 { margin-top: 30px;}
	.text-xxs-center { text-align: center; }
	.col-xxs-push-0 {left: auto;}
	.col-xxs-pull-0 {right: auto;}
	.main {
		padding: 15px;
	}
	.modal-body {
		padding: 15px;
	}
	.main__heading .main__heading-higlight {
		font-size: 34px;
		line-height: 34px;
	}
	.form-control {
		font-size: 20px;
	}
	.icon-list .icon {
		left: 0;
		width: 40px;
		height: 40px;
	}
	.icon-list li {
		padding: 0 0 0 50px;
	}
	.icon-list__title {
		font-size: 18px;
	}
	.main-box2 {
		padding: 15px;
	}
	.main-box3 {
		padding: 15px;
	}
	.footer {
		font-size: 13px;
		padding: 15px 0;
	}
	.clearfix-xxs { height:0; }
	.main__box-full {
		margin: 15px auto 0 auto;
		padding: 15px;
	}
}
@media (max-width: 413px) {
	body {
		font-size: 14px;
	}
	.font-xxxs-10 { font-size: 10px; } 
	.font-xxxs-11 { font-size: 11px; }
	.font-xxxs-12 { font-size: 12px; }
	.font-xxxs-13 { font-size: 13px; }
	.font-xxxs-14 { font-size: 14px; }
	.font-xxxs-15 { font-size: 15px; }
	.font-xxxs-16 { font-size: 16px; }
	.font-xxxs-18 { font-size: 18px; }
	.font-xxxs-20 { font-size: 20px; }
	.font-xxxs-22 { font-size: 22px; }
	.font-xxxs-23 { font-size: 23px; }
	.font-xxxs-24 { font-size: 24px; }
	.font-xxxs-25 { font-size: 25px; }
	.font-xxxs-26 { font-size: 26px; }
	.font-xxxs-28 { font-size: 28px; }
	.font-xxxs-30 { font-size: 30px; }
	.font-xxxs-32 { font-size: 32px; }
	.font-xxxs-34 { font-size: 34px; }
	.font-xxxs-35 { font-size: 35px; }
	.font-xxxs-36 { font-size: 36px; }
	.font-xxxs-38 { font-size: 38px; }
	.font-xxxs-40 { font-size: 40px; }
	.font-xxxs-42 { font-size: 42px; }
	.font-xxxs-44 { font-size: 44px; }
	.font-xxxs-46 { font-size: 46px; }
	.font-xxxs-50 { font-size: 50px; }
	.font-xxxs-52 { font-size: 52px; }
	.font-xxxs-54 { font-size: 54px; }
	.font-xxxs-56 { font-size: 56px; }
	.font-xxxs-58 { font-size: 58px; }
	.font-xxxs-60 { font-size: 60px; }
	.main__heading .main__heading-higlight {
		font-size: 30px;
		line-height: 30px;
	}
	.icon-list__title {
		font-size: 16px;
	}
	.footer {
		font-size: 12px;
		padding: 10px 0;
	}
}
@media (max-width: 374px) { 
	.font-ss-10 { font-size: 10px; } 
	.font-ss-11 { font-size: 11px; }
	.font-ss-12 { font-size: 12px; }
	.font-ss-13 { font-size: 13px; }
	.font-ss-14 { font-size: 14px; }
	.font-ss-15 { font-size: 15px; }
	.font-ss-16 { font-size: 16px; }
	.font-ss-18 { font-size: 18px; }
	.font-ss-20 { font-size: 20px; }
	.font-ss-22 { font-size: 22px; }
	.font-ss-23 { font-size: 23px; }
	.font-ss-24 { font-size: 24px; }
	.font-ss-25 { font-size: 25px; }
	.font-ss-26 { font-size: 26px; }
	.font-ss-28 { font-size: 28px; }
	.font-ss-30 { font-size: 30px; }
	.font-ss-32 { font-size: 32px; }
	.font-ss-34 { font-size: 34px; }
	.font-ss-35 { font-size: 35px; }
	.font-ss-36 { font-size: 36px; }
	.font-ss-38 { font-size: 38px; }
	.font-ss-40 { font-size: 40px; }
	.font-ss-42 { font-size: 42px; }
	.font-ss-44 { font-size: 44px; }
	.font-ss-46 { font-size: 46px; }
	.font-ss-50 { font-size: 50px; }
	.font-ss-52 { font-size: 52px; }
	.font-ss-54 { font-size: 54px; }
	.font-ss-56 { font-size: 56px; }
	.font-ss-58 { font-size: 58px; }
	.font-ss-60 { font-size: 60px; }
	.main__heading .main__heading-higlight {
		font-size: 25px;
		line-height: 25px;
	}
	.icon-list__title {
		font-size: 14px;
	}
	.form-control {
		font-size: 16px;
	}
}
/* =============== End Tablet & Phone Device CSS =============== */