@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,600,400,300|Montserrat:400,700|Lato:400,300,700,900,400italic);
body{color:#777;font-family: Lato, Arial, sans-serif}
.courses h4,.home .media-heading,.contacth2, .classh3{font-family: Montserrat , arial;font-size:15px}
h1,h2,h3,h4{color:#333}
.titlebar{background:#333; text-align:right;padding: 15px 0;}
.titlebar a{color:#fff;padding: 0 15px}
.titlebar p{color:#fff}
.titlebar .phoneicon{border:none}
.titlebar .fa {vertical-align:middle}
.titlebar .fa-whatsapp{font-size:1.2em !important}
.titlebar .latest{background-color:#e84c3d; text-transform:uppercase;margin-right:10px;font-size: 10px;padding:4px 5px; line-height:1}
.titlebar span{color:#fff}
.nav .submenu{display:block;color: #bbb;font-size:10px}
.navbar-inverse{background-color:#fff;border-radius:0;border:none;margin-bottom:0;padding:10px 0;}
.navbar-brand{padding:0}
.navbar-brand img{width:220px; height:auto; margin-top:17px}
.navbar-inverse .navbar-nav > li > a {color:#333;text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a:hover{color:#e84c3d}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background:#e84c3d}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{color:#333}
nav.fixed{position: fixed;top:-100px;left: 0;width: 100%;z-index:4;border-bottom: 1px solid #eee;}
nav.fixed100{top:-100px !important;position: static;}

.quotebtn{position:fixed;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);top: 45%;z-index: 99;background: #e84c3d;color: #fff;padding: 12px 12px 10px;line-height: 1;left: -48px;border-radius: 0 0 5px 5px}
.quotebtn:hover, .quotebtn:focus{color:#fff; background:#FF191D}
a:hover, a:focus{text-decoration:none}

.home{background:#2d3e50}
.home h1{font-size:28px; line-height:1.4}
.home .homebg{box-shadow: 0 0 4px #888;background:#fff;position:relative;top:-25px;}
.home .media{padding-left:50px; padding-top:5px; margin-bottom:20px}
.home .media-heading{font-size:15px;position:relative;padding-bottom: 10px; text-transform:uppercase;font-weight: bold; margin-bottom:20px}
.home .media-heading:After{position:absolute; content:''; bottom:0;left:0; width:40px; height:1px;background:#eee}
.home .fa{font-size:1.8em;margin-right: 10px;vertical-align: middle;position: absolute;right: 100%;top: -5px;}
.home .media-object-default{margin-bottom:20px}
.home .homebg > div{padding:0 30px}

.courses.container{padding-top:20px;padding-bottom:35px}
.courses h4{margin-top:10px; text-transform:uppercase;font-weight: bold; margin-bottom:20px;}
.courses .media hr{border-color:#ddd;width:40px;margin:14px 0}
.courses .media-object-default{background:#f9f9f9; margin-bottom:15px}
.courses .media-right{width:40%; background-size:100% 100% !important; position:relative}
.courses .media-body{padding:20px 30px; line-height:1.8; font-size:13px}
.courses .media{border-top:2px solid #3a99d7}
.courses .active.media-object-default{background: #efefef}
.courses .active .media{border-color:#e84c3d;}
.courses hr{width:200px;border-color:#eee; border-top-width:1px;}
.courses hr.round{width:200px;border-color:#eee;position:relative; overflow:visible; margin:35px auto 45px}
.courses hr.round:after{content:''; position:absolute;top:-6px;left:44%; background:#fff;width:12px;height:12px; border-radius:100%; border:1px solid #ccc;}
.courses .media-right{text-align:center}
.courses .active .media-right p:After{;content:'';position:absolute;top:0;left: 0;width:100%;height:100%;background: rgba(0, 0, 0, 0.52)}
.courses .readmore{display:none}
.courses .readmore a{background:#e84c3d;position:absolute;top: 50%;left: 0;right: 0;margin: auto 20%;transform: translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1}
.courses .readmore a:hover{background:#bd3326}
.coursepage .media-right{width:30%; }
.coursepage .author{font-size: 11px}
.coursepage .author span{color:#3a99d7}

.bg-ess{background-image:url(../images/essay-writing.jpg);}
.bg-acc{background-image:url(../images/accounts-s.jpg);}
.bg-fin{background-image:url(../images/finance-s.jpg);}
.bg-stat{background-image:url(../images/statistics-s.jpg);}
.bg-eco{background-image:url(../images/economics-s.jpg);}
.formbg{background-color:#e84c3d; padding:5px 30px}
.formbg h3{color:#fff}
.formbg .form-group{margin-left:0; margin-right:0}
.formbg .btn{width:200px;margin-bottom:5px; max-width:100%}
.btn{border-radius:0;padding:10px 18px;border-bottom:4px solid rgba(0, 0, 0, 0.39);color:#fff}
.btn:hover{color:#fff}

.offer{background:#f9f9f9;padding:30px 0}
.offer .fa{font-size:3em!important}
.offer .col-sm-4 div{background:#fff;padding:25px 0;box-shadow:0 0 4px #ddd}
.offer .col-sm-4 div:hover{background:#3b5998}
.offer .col-sm-4 div:hover .fa, .offer .col-sm-4 div:hover h4{color:#fff !important}
.offer hr{width:50px}
	
.subscribe{background:#3b5998; padding:10px 0}
.subscribearea{margin:20px 0}
.subscribearea .btn{padding:6px 12px}
.subscribe .update h2{color:#fff; font-size:18px}
.subscribe .update .fa{font-size:2em; vertical-align:middle;position: relative;bottom: 3px; margin-right:10px}
.subscribe .update p{color:#ccc}

.testimonial {margin-top:20px}
.testimonial .carousel-indicators{position:static; margin:0}
.testimonial .carousel-inner{min-height:130px; line-height:2}
.testimonial .fa{font-size:2em;color: #e84c3d}
.testimonial p{color:#555}
.testimonial .author{color:#333}
.testimonial .carousel-indicators li{background:#ddd;border-radius:0}
.homeaccordin{margin-top:20px}
.homeaccordin *{border-radius:0!important}
.panel-default > .panel-heading + .panel-collapse > .panel-body,.panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color: #fff;}
.panel-default{border-color: #eee;}

.homeaccordin .accordion-toggle{color:#e84c3d;line-height:1;font-weight:600; display:block; text-decoration:none;padding:15px; position:relative}
.homeaccordin .accordion-toggle:after{font-size:22px;position:absolute;top:10px;right:10px;content:'-';}
.homeaccordin .accordion-toggle.collapsed:after{content:'+';top:12px;font-size:18px;}
.homeaccordin .accordion-toggle.collapsed{color:#000}
.homeaccordin .panel-heading{background:#fff; border:none;padding: 0;}
.homeaccordin .panel-body {padding:0 15px 15px;line-height: 1.6;}
.enroll{padding:10px 0 30px}

footer{background:#1f1f1f;border-top:3px solid #000}
footer > .container{position:relative;padding-top:20px;padding-bottom:15px}
footer > .container:before{content:'';position:absolute;top:-3px;left:15px;width:98%; height:5px; background:#ccc;}
footer h3{color:#fff; font-size:16px; text-transform:uppercase; font-weight:bold}
footer .footeritems hr{width:40px;margin: 15px 0px;border-color: #444;}
footer ul{padding-left:0px; list-style:none}
footer ul li{margin-bottom:8px}
footer ul li:before{color:#d76163;content:"\f10c";font: normal normal normal 8px/1 FontAwesome; margin-bottom:1px; margin-right:10px;color:#fff}
footer *{color:#aaa;}
footer hr{margin:15px 0;border-color:#333}
footer p{line-height:1.6;margin-bottom:0}
footer a:hover{color: #ccc;text-decoration:none;}
footer .address address{border-bottom: 1px solid #333;margin-bottom: 8px;padding-bottom: 8px}
footer .address address:last-child{border:none; padding-bottom:0}
footer .disclaimer{font-size:12px}
.copyrightsec{background:#191919;padding:10px 0;border:1px solid #333}
.copyright hr{border-color:#333}
.form-horizontal .form-control{padding:2px 8px;height:30px}
.form-horizontal textarea{height:auto !important}
.grey{color:#777}
.socialicons {display:none}
.socialicons .fa{font-size:1.5em; margin:0 5px}
p.response{font-size:1.2em;color:#fff;text-align: center;margin:10px 0;background: #e84c3d}
p.response span{display:block;padding:5px}
p.response img{width:30px; height:auto; margin-bottom:10px}
.date{ position:relative; display:block;background: #fff;border-radius: 6px}
.date #datepicker{background:none; position:relative; z-index:1}
.date:after{content: "\f073";color:#e84c3d;font: normal normal normal 16px/1 FontAwesome; position:absolute;top:08px;right:8px}
.estime{margin-bottom:0;color:#fff; text-align:center}
.estime p {margin:2px 0 6px}
.overlaycaption{position:relative}
.overlaycaption span{font-weight:bold;position: absolute;bottom:20%;z-index:1;right:0;font-size: 1.6em;padding: 10px 20px;color: #222;width:75%; text-align:right; text-transform:uppercase;background: #fff; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), #fff ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), #fff ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), #fff ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0), #fff ); /* Standard syntax */
}
.overlaycaption.black span{
	color:#fff;width:95%;
  background: #000; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), #000 ); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(0,0,0,0), #000 ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(0,0,0,0), #000 ); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(0,0,0,0), #000 ); /* Standard syntax */
}

/*pricing*/
.pricingtop{background:#e84c3d;padding:30px 30px 50px;border-radius:5px; margin-top:20px}
.pricingtop h2{margin-top:0;color:#fff; font-size:3em;text-transform:none;text-shadow: 0 0 5px #999; }
.pricingtop p{margin-top:0;color:#fff; font-size:1.4em;text-shadow: 0 0 5px #999;}
.plans{text-align:center; margin:0 0 20px; position:relative;top:-25px}
.plans .box{width:22%;display:inline-block;}
.plans .box > div{border:1px solid #ddd;display:block; background:#f9f9f9; padding:30px 0}
.plans .box:nth-child(2){margin:0 20px}
.plans .box h3{margin-top:0; font-weight:bold}
.plans .box h3 span{margin-top:0; font-weight:normal; font-size:16px}
.plans .showform{margin-top:20px}
.plans .showform btn{margin-left:5px}
.plans .price{font-size: 2em;color:#000}
.plans .price span{ display:block; font-size:14px}
 #priceform{width:50%; margin:0 auto 40px; display:none}
 
/*breadcrumb*/
.breadcrumbsec{position:relative; top:-25px;border-bottom: 1px solid #eee;}
.breadcrumb{padding:20px 30px; margin-bottom:0;border-radius: 4px 4px 0 0}
.breadcrumb .fa{color:#e84c3d;font-size: 1.2em;}
.breadcrumb li{font-size:12px; text-transform:uppercase}
.breadcrumb > .active{color:#aaaaaa}

/* about page */
.headbg{color:#fff;position:relative;border-bottom:1px solid #eee;padding:45px 0 60px;margin:0; font-size:24px; text-align:center; font-weight:bold}
.headbg span{position:relative; z-index:1; text-transform:uppercase}
.headbg:after{position:absolute;top:0; left:0;width:100% ;height:100%; background:rgba(0,0,0,0.7); content:''}
.abouthdg{background:url(../images/aboutbg1.jpg)}
.abouth2{font-size:2.5em; text-transform:uppercase; font-weight:900;color:#e84c3d}
.abouth2 span{ display:block; font-size:20px; margin-bottom:10px;color:#222; font-weigh:400}
.aboutpoints h3{ font-size:2em; font-weight:bold;color:#e84c3d; margin-bottom:30px}
.aboutpoints h3 span{ display:block; font-size:20px; margin-bottom:15px;color:#222;}
.aboutpoints{margin:20px 0}
.aboutpoints .fa{color:#e84c3d}
.asidetitle .fa, .asidetitle .glyphicon{color:#e84c3d;font-size: 1.5em;vertical-align: middle;margin-right:10px}
.asidetitle{position:relative;color:#000; font-size:1.4em;font-weight:bold;background-size:100% 100%;background: #fdfdfd;
border:1px solid #eee;border-top:4px solid #e84c3d;border-radius:0 0 4px 4px; margin:15px 0;padding:25px 20px}
.asidetitle h3{ text-align:left; margin-top:10px}
.asidetitle .instructor{text-align:left; font-size:16px}
.asidetitle .instructor a{ display:block; font-size:12px}
.asidetitle > span{position:relative; z-index:1;padding:15px;display: block;}
.quicksidebar .asidetitle{text-align:left; padding:16px 20px}
/*.asidetitle:After{position:absolute;top:0;left:0; background:rgba(0,0,0,0.5); content:'';width:100%;height:100%}*/

/* class */
.classh2{text-transform: uppercase; font-size: 1.7em; font-weight: bold; margin-top:0px}
.classsubtitle{font-size: 1.2em}
.classimg{margin:20px 0 0}
.contacth2, .classh3{text-transform: uppercase; font-size: 16px; font-weight: bold; padding-bottom:15px; position: relative; margin:40px 0 15px}
.hardform h2:After,.contacth2:after,.classh3:After{position:absolute;bottom:0;left:0; background:#eee; content:'';width:40px;height:1px}
.classaccordin > .panel:first-child {border-top:3px solid #e84c3d;}
.classaccordin > .panel:nth-child(even), .classaccordin > .panel:nth-child(even) .panel-heading {background:#f9f9f9;}
.classaccordin .accordion-toggle{font-weight: normal;font-size: 14px}
.classaccordin .fa{color:#e84c3d; border-right:1px solid #e84c3d; padding-right: 10px; margin-right: 10px}
.classtable table{border:1px solid #eee; margin-bottom:30px}
.classtable th{background:#e84c3d;border-bottom:4px solid #684D4E;}
.classtable th h3{text-align:center; font-weight:bold;color:#fff}
.classtable tr{border-bottom:1px solid #eee}
.classtable td{padding:15px}
.classtable tr td:last-child{text-align:right; color:#000}
.classtable .fa{color:#e84c3d; padding-right:2px}

/* contact */
.contform .fa{color:#e84c3d}
.contactlist{padding-left:20px;font-size:14px; display:inline-block}
.contactlist li{list-style:none;padding: 10px 0px 20px;position:relative;color:#333;font-size:17px; font-weight:bold}
.contactlist li span{text-transform:uppercase;display:inline-block; color:#fff; font-weight:900;margin-bottom: 4px;font-size:16px; margin-right:10px}
.contactlist .fa{position:absolute;top:12px;right:100%;padding-right:10px; font-size:1em;color:#fff}
.contactsec{background: #e84c3d;padding: 0 30px 30px}
.contactsec .contacth2{font-weight:400;font-size:1.3em;color:#fff; margin-top:30px}
.contactbg{background:#f9f9f9;margin:0 15px}
.contacth2 span{font-weight:normal; font-size:13px; text-transform:none; display:block; margin-top:10px}
.flags{list-style:none; padding-left:0; margin-bottom:0}
.flags li{float:left;width:33%; text-align:center;color: #fff;}
.flags li span{display:block; margin:10px auto 0; background-image:url(../images/country-flags.png); width:51px;height:33px}
.usa{ background-position:0 -8015px;}
.uk{background-position:0 -2625px}
australia{background-position:0 -455px}
.africa{background-position:0 -5494px}
.uae{background-position:-10px -34px;width:44px!important}
.canada{background-position:0 -1295px}
.contactsecborder {	color: #f9f9f9;position: absolute;top: 0;right: 100%;width: 0;height: 0;border-top-color: transparent;border-right-color: #e84c3d;border-bottom-color: transparent;border-top-width: 100px;border-bottom-width: 100px;border-style: solid;border-right-width:60px}

/*Quote form */

.hardform{background: #3b5998;padding:20px 0 40px; margin-top:20px}
.hardform h2{color:#fff;font-size:1.8em;margin:10px 0 20px;padding-bottom:15px;position:relative}
.hardform h2:After{right:0;margin: auto;}
.quickquote input[type="submit"]{width:150px}
.quickquotdiv > div{background:#ececec;border-right:1px solid #cecece; min-height:110px}
.quickquotdiv .orcircle{position: absolute;top: 37%;left:-14px;background:#3b5998;width:30px;height:30px;line-height:1.8;border-radius:100%;color:#fff}
.quickquotdiv .btn{border-width:2px; padding:5px 18px}
legend{border-bottom:none; padding-top:15px}
.quickquote .filattch, .quickquote .form-group {padding-left: 0;}
.quickquote .filattch{margin-bottom:10px}
.quickquote input[type="file"]{padding:5px}
.rbordernone{border-right:0; border-left:0}
lbordernone{border-left:0}
#terms {vertical-align: middle;margin-top:1px}
.form-horizontal{padding-bottom:5px}


/*captcha*/
.capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}
#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px;}
.captcha{float:right;width:40%;width:calc(100% - 132px);-webkit-width:calc(100% - 132px);-moz-width:calc(100% - 132px);-ms-width:calc(100% - 132px);-o-width:calc(100% - 132px);}
.note-editable{min-height:80px}

@media(min-width:768px) and (max-width:991px)
{
	#captcha *{width:100% !important}
	.captcha{margin-top:15px}
}
	
/* response*/
@media(min-width:768px){
.form-horizontal .g-recaptcha{margin-left:-8% !important}
.contactbg{background:#f9f9f9;margin:0 15px; padding-left:15px}
.flags li{float:left;width:25%}
ul.dropdown-menu{padding:0}
ul.dropdown-menu li {border-bottom:1px solid #e8e8e8}	
ul.dropdown-menu li:last-child{border-bottom:0}	
.dropdown-menu > li > a{padding: 6px 20px}
.navbar-right .dropdown-menu {right:auto;left:0}
.courses .media-right{border-right:1px solid #eee}
.home .homebg > div {display:table-cell;height: 100%;float:none}	
}
@media(max-width:767px){
ul.dropdown-menu{display: block;position: static;width: 100%;float: none;box-shadow: none;padding: 0;}
ul.dropdown-menu > li > a{padding:8px 20px;background:#f9f9f9;margin: 0;border-bottom: 1px solid #eee;}
.nav .submenu{margin-left:10px; display:inline-block}
#priceform{width:90%}
.plans .box:nth-child(2){margin:0 1%}
.plans .box{width:30%}
.plans .box > div{padding:30px 5px}
.contactsecborder{display:none}
#carouseltop .carousel-caption h1 {font-size:1.1em !important;margin:0 0 8px !important;}
#carouseltop .carousel-caption a{font-size:0.7em !important; padding:5px 10px !important}
}
@media(max-width:480px){
.plans .box:nth-child(2){margin:0 1%}
.plans .box{width:90%}
.plans .box > div{padding:30px 5px}
.overlaycaption span,
#carouseltop .carousel-caption h1 {font-size:1em !important;}
.home .media{padding-left:60px}
.courses .media-right,.courses .media-body{width:100%; float:left}
.courses .media-right {min-height:200px;}
.home .homebg{top:-10px}
.carousel-indicators{display:none}
.copyrightsec div{text-align:center}
.socialicons {text-align:center;margin-top: 10px}
}
@media(max-width:400px){
.titlebar .text-right a{display:block; border-left:0 !important;text-align:center;padding: 4px 15px}
}
@media (min-width: 979px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
	.home .homebg > div,.formbg {padding: 20px 50px 0px}
	#carouseltop .carousel-caption{padding-top:40px}
}
@media (max-width: 979px) {
	.navbar-brand img{margin:8px 8px 0}
	.navbar-inverse .navbar-toggle{background:#e84c3d;border:none}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background:#e92c3d}
	.titlebar div.col-sm-6{text-align:center; padding-bottom:10px}
	.titlebar div.col-sm-6:last-child{padding-bottom:0}
}
@media (min-width: 768px) and (max-width: 991px){
	.nav > li > a{padding:5px 10px}
	.navbar-collapse.collapse {display: inline-block !important}
	.navbar-brand img{width:100%;margin-top:8%}
	.navbar-header{width:20%}
}

.suppfiles{position:relative}
.suppfiles a{position:absolute;top:0;right:0}
.suppfiles a span.txt{position: absolute;bottom: -10px;right: -6px;width: 160px;background: #f9f9f9;color: #000;padding: 10px;z-index: 1;box-shadow: 0px 0px 3px #848484; display:none}
.suppfiles a span.butn{cursor: pointer;background: #fff;color: #000;width: 20px;border-radius: 100%;border: 1px solid #ccc;height: 20px;display: inline-block;text-align: center;margin:5px;position: absolute;left: 100%;}

/* carousel */
.carousel-caption{top:20%;font-size:16px;padding:0}
.carousel-caption.text-left{text-align:left !important}
#carouseltop .carousel-caption h1 {margin:0 0 30px;color:#fff;font-size:2em;line-height:1.5; text-transform:uppercase; font-weight:bold}
#carouseltop .carousel-caption a{ text-transform:uppercase; font-weight:bold; font-size:1em; padding:15px 20px; background:#f6c640;color:#fff;border-bottom:4px solid #ce980b}
#carouseltop .carousel-caption a:hover{background:#ec971f}
#carouseltop img{width:100%}
#carouseltop .carousel-caption {
	top: 0px;
	-webkit-animation: carheadng 1.2s forwards; /* Chrome, Safari, Opera */
	-moz-animation: carheadng 1.2s forwards; /* Chrome, Safari, Opera */
    animation: carheadng 1.2s forwards;
}
@-webkit-keyframes carheadng {
    0%   {top: 10%; opacity:0}
	50%   {top:10%; opacity:0}
    100% {top: 20%; 0pacity:1}
}
@-moz-keyframes carpara {
     0%   {top: 10%; opacity:0}
	50%   {top:10%; opacity:0}
    100% {top: 20%; 0pacity:1}
}
@keyframes carpara {
 	 0%   {top: 10%; opacity:0}
	50%   {top:10%; opacity:0}
    100% {top: 20%; 0pacity:1}
}

.g-recaptcha {
    margin:-15px auto 0;
	    width: 304px;
    transform: scale(0.75);
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
}
.popupoffer img{max-width:100%}
.popupoffer{display:none!important;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);z-index:9999;width: 100%;height:100%;}
.popupoffer > div{padding:10px;position:absolute;top: 50%;text-align:center;transform:translateY(-50%);transform:-webkit-translateY(-50%);transform:-moz-translateY(-50%);transform:-o-translateY(-50%);left:0;right: 0;}
.popupoffer span{position:absolute;top:10px;right:10px;cursor:pointer}
.popupofferarea{display:inline-block;position:relative;padding:10px 10px 10px;background: #fff;border-radius: 5px;}

/* .popupoffer{display:none!important;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);z-index:9999;width: 100%;height:100%;} */