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

body{ font-family:Poppins !important; background:#fff; font-size:15px;}
::selection{ color:#fff; background:#3867ff;} ::-moz-selection{ color:#fff; background:#3867ff;} ::-webkit-selection{ color:#fff; background:#3867ff;}
*{ outline:none !important; text-decoration:none !important; list-style:none; font-family:Poppins;} ul, li{ padding:0; margin:0; list-style:none;}
::-webkit-input-placeholder{ color:#ccc;} ::-ms-input-placeholder{ color:#ccc;}::placeholder{ color:#aaa !important;}
.title-div{ display:inline-block; width:100%; margin-bottom:60px;}
.title-div h2{ font-size:48px; color:#2d3748; font-weight:600; margin-bottom:0;}
.title-div small{ color:#9296a0; font-size:21px; font-weight:400;} .top{ z-index:999999 !important;} .owl-carousel{ z-index:auto !important;}
.title-div h2 span{ color:#3867ff;}

header{ position:relative;}
.navbar{ padding:2rem 0 1rem 0; transition:all 0.2s ease-out;}
.navbar-brand span{ color: #fff; font-size:18px; font-weight:700; letter-spacing:1px; font-family: Raleway; border:solid 2px #fff; border-radius:5px; padding:0 8px;}
.navbar-brand{ max-width:180px !important; transition:all 0.1s ease-in;} 
.navbar-brand img{ width:100%;} 
.navbar-nav .nav-item{ margin-left:20px;}
.navbar-nav .nav-item .nav-link{ padding:16px 8px; font-size:14px; font-weight:600; letter-spacing:1px; color:#1e2138; text-transform:uppercase; transition:all 0.2s ease-in;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:active{ color:#3867ff;}
.navbar-nav .nav-item .nav-link ion-icon{ font-size:20px; position:relative; color:#3867ff;}
nav{ border: none; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
.shrink{ padding-top: 10px !important; padding-bottom: 10px !important;  background:rgba(255,255,255,.98); box-shadow:0 10px 15px -8px rgba(0,0,0,.05);}
.navbar-nav .nav-item .nav-link.nav-button{ padding:16px 35px !important; background:#2d3748; color:#fff; border-radius:50px; -webkit-border-radius:50px; position:relative; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; overflow:hidden; border:solid 2px #2d3748;}
.navbar-nav .active .nav-link{ color:#ff2f7d !important;}
.order{ background:#ffdb16 !important; color:#16171e !important; border:none !important; font-weight:600 !important; padding:16px 30px 16px 30px !important; border-radius:50px;} 
.order:hover{ color:#16171e !important;}
.shrink .navbar-nav .nav-item .nav-link.nav-button{ padding:10px 35px !important;}
.navbar-nav .nav-item .nav-link.nav-button{ padding:15px 35px !important; background:#2d3748; color:#fff; border-radius:50px; -webkit-border-radius:50px; position:relative; transition:all 0.2s ease-in;}
.navbar-nav .active .nav-link{ color:#ff2f7d !important;}
.shrink .more{ padding:16px 50px 16px 35px !important;}
.navbar-nav .nav-item:last-child .nav-link ion-icon{ font-size:26px; color:#343742; --ionicon-stroke-width: 20px;}

.menu-large{position:static!important}.megamenu{padding:0}.megamenu>div>li>ul{padding:0;margin:0}.megamenu>div>li>ul>li{list-style:none}.megamenu>div>li>ul>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.428571429;color:#333;white-space:normal}.megamenu>div>li>ul>li>a:focus,.megamenu>div>li>ul>li>a:hover{text-decoration:none;color:#262626;background:0 0}.megamenu.disabled>a,.megamenu.disabled>a:focus,.megamenu.disabled>a:hover{color:#999}.megamenu.disabled>a:focus,.megamenu.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.megamenu.dropdown-header{color:#428bca;font-size:18px}@media (max-width:768px){.megamenu{margin-left:0;margin-right:0}.megamenu>li{margin-bottom:30px}.megamenu>li:last-child{margin-bottom:0}.megamenu.dropdown-header{padding:3px 15px!important}.navbar-nav .open .dropdown-menu .dropdown-header{color:#fff}}

.dropdown-menu{ margin:0; padding:0; border:none; box-shadow:0 15px 25px -5px rgba(85,95,105,.4); margin-top:10px; border-radius:6px; white-space:nowrap !important; background:none !important;}
.dropdown-item:focus, .dropdown-item:hover{ background:none !important;}
.dropdown-item li a{ font-size:13px !important; font-weight:500 !important; padding:5px 0 !important; transition:all 0.2s ease-out; display:inline-block;}
.navbar-nav{ position:relative !important;}
.dropdown-item li a:hover{ color:#ff2f7d !important;}
.dropdown-item{ padding:35px 45px !important;}
.dropdown-item:nth-child(odd){ background:#f9f9f9 !important;}
.small-menu .dropdown-item{ background:#fff !important;}
.small-menu .dropdown-item a{ color:#222; font-weight:500; padding:5px 0 !important; display:inline-block; width:100%; font-size:14px !important;}
.small-menu .dropdown-item a:hover{ background:none !important; color:#fff !important;}
.small-menu .dropdown-item li{ margin:0;}
.dropdown-toggle:after{ content:"\f107"; font-family:FontAwesome; font-size:19px; border:none; position:absolute; margin-top:-4px; font-weight:500; color:#1e2138;}
.dropdown .row{ margin:0;}
.dropdown .col-lg-6{ padding:0;}
.dropdown .col-lg-6:first-child .dropdown-item{ background:#3867ff !important; border-radius:20px 0 0 20px;}
.dropdown .col-lg-6:first-child .dropdown-item a{ color:#c1b5fd !important;}
.dropdown .col-lg-6:first-child .dropdown-item a:hover{ color:#fff !important;}
.dropdown .col-lg-6:last-child .dropdown-item a{ color:#8b8995 !important;}
.dropdown .col-lg-6:last-child .dropdown-item a:hover{ color:#3867ff !important;}
.dropdown h5{ font-weight:700; font-size:18px; color:#373446; margin-bottom:15px;}
.dropdown .col-lg-6:first-child h5{ color:#fff;}
.navbar-expand-md .navbar-nav .dropdown-menu{ right:0;}
.dropdown-menu:after{ border-bottom:solid 10px #3867ff; border-left:solid 10px transparent; border-right:solid 10px transparent; position:absolute; content:''; top:-10px; left:0; right:60px; margin:auto; width:10px;}
.dropdown .col-lg-6:last-child .dropdown-item{ border-radius:0 20px 20px 0; background:#fff !important;}
.multi-colum .dropdown-menu{ min-width:510px; max-width:510px;}
.single-colum .dropdown-menu{ min-width:230px; max-width:230px; margin:auto;}
.single-colum .dropdown-item{ background:#3867ff !important; border-radius:6px; padding:35px !important;}
.single-colum .dropdown-item li a{ color:#e4e9ff; padding:5px 0 !important; display:inline-block;}
.single-colum .dropdown-item li a:hover{ color:#fff !important;}
.single-colum .dropdown-item li h5{ color:#fff; font-weight:500;}
.single-colum .dropdown-menu:after{ right:auto; left:25px;}
.dropdown{ margin-right:10px;}
.dropdown:hover .nav-link{ color:#3867ff;}
.dropdown:hover .nav-link.dropdown-toggle:after{ transform: rotate(180deg); color:#3867ff;}

.banner{ float:left; width:100%; padding:150px 0 80px; position:relative; background:#fcfcfe url(../images/banner-bg.png) no-repeat -30px top; overflow:hidden;}
.banner-caption h1{ color:#2d3748; font-size:39px; font-weight:700; margin-bottom:20px; line-height:48px;}
.banner-caption h1 span{ color:#3867ff;}
.banner-wrap{ display:table; width:100%; height:400px; margin-top:25px; position:relative; z-index:9;}
.banner-caption p{ font-size:19px; color:#8f9399; font-weight:400; line-height:30px;}
.banner-caption p strong{ color:#fff; font-weight:600;}
.banner-caption p span{ font-weight:500 !important; color:#fff;}
.banner-box{ display:table-cell; vertical-align:middle; position:relative; z-index:99; width:64%;}
.basic-btn{ background:#3867ff; color:#fff !important; text-transform:uppercase; font-weight:600; padding:18px 50px; letter-spacing:1px; border-radius:50px; font-size:14px; display:inline-block; transition:all 0.2s ease-out; position:relative; box-shadow:0 10px 18px -6px rgba(56,103,255,.6);}
.basic-btn:hover{ background:#2457fb; box-shadow:0 10px 18px -6px rgba(69,43,200,.6); box-shadow:none;}
.basic-btn:active{ background:#2457fb; box-shadow:none;}
.basic-btn ion-icon{ position:absolute; font-size:18px; top:0; bottom:0; margin:auto; margin-left:3px;}
.sml{ padding-top:1.5rem !important;}
.shrink.sml{ padding-top:0.8rem !important;}
.banner-model:before{ position:absolute; content:''; width:949px; height:742px; left:0; top:-210px; background:url(../images/banner-bg.png) no-repeat right top; z-index:-1;}
.banner-caption p{ margin:0 0 6px;}
.banner .basic-btn{ margin-top:30px;}

.calculate-box{ vertical-align:top;}
.calculate-form{ display:inline-block; padding:30px; max-width:365px; float:right; background:#fff; border-radius:10px; box-shadow:0 5px 25px -2px rgba(139,144,159,.2); position:relative;}
.calculate-form h4, .calculate-form h1{ margin-bottom:30px; color:#343742; font-size:24px; font-size:18px; font-weight:500;}
.select{ width:100%; display:inline-block;}
.calculate-form fieldset{ margin-bottom:15px;}
.calculate-form .form-control{ border:none; box-shadow:none; padding:0; padding-bottom:15px; font-size:14px; border-bottom:solid 1px #eee; color:#5a5f6f; margin-top:5px; transition:all 0.1s ease-out; border-radius:0; color:#3867ff;}
.calculate-form .form-control:focus{ border-bottom-color:#3867ff;}
/*.calculate-form:before{ content:''; width:426px; height:427px; background:url(../images/ripple.png) no-repeat center center; position:absolute; z-index:-1; left:-58%;}*/

.s-hidden{visibility:hidden;padding-right:10px;position:absolute}
.select{cursor:pointer;display:inline-block;position:relative;color:#000;border:none;border-bottom:solid 1px #eee;transition:all .2s ease-out}
.styledSelect{position:relative;top:0;right:0;bottom:0;left:0;background-color:#fff;padding:0;height:35px;transition:all .2s ease-out;color:#5a5f6f;font-size:14px}
.styledSelect:after{content:"";width:0;height:0;border:5px solid transparent;border-color:#555c72 transparent transparent transparent;position:absolute;top:9px;right:6px;transition:all .1s ease-out}.styledSelect.active,.styledSelect:active{border-color:#000!important;color:#3867ff}
.styledSelect.active:after{border-top-color:#3867ff;transform:rotate(180deg);top:3px}
.options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0 0;padding:0;list-style:none;border:solid 1px #eee;background-color:#fff;color:#5a5f6f;font-size:14px;box-shadow:0 5px 15px -1px rgba(71,76,90,.1);transition:all .2s ease-out; max-height:250px; overflow:auto;}
.options li:first-child{opacity:.4}
.options li:first-child:hover{background:0 0;color:#5a5f6f;cursor:auto}
.options li{padding:8px 10px;margin:0 0;transition:all .1s ease-out}
.options li:hover{background-color:#3867ff;color:#fff}
.options{border-top-color:#3867ff!important}

.calculate-form .number{ display:table; width:100%; position:relative;}
.minus, .plus{ width:50px; height:50px; background:#eff3ff; border-radius:0; padding:8px 5px 8px 5px; border:1px solid #e1e8ff; display:table-cell; vertical-align: middle; text-align: center; font-size:18px;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; position:relative; z-index:1;}
.calculate-form .counter{ height:50px; max-width:210px; text-align: center; font-size: 14px; border:1px solid #e1e8ff; border-left:none; border-right:none; vertical-align: middle;}
.minus{ border-radius:0;}
.plus{ border-radius:0;}
.minus:active, .plus:active{ color:#3867ff;}

.price-box{ display:inline-table; width:auto}
.price, .pricetext{ display:table-cell; vertical-align:middle; width:auto;}
.price strong{ font-size:30px; color:#3867ff;}
.pricetext span{ font-size:14px; color:#9fa5aa;}
.pricetext{ padding-left:10px;}
.total-price{ margin-bottom:5px !important;}
.calculate-form .basic-btn{ margin-top:0; padding:15px 5px; width:100%;}

.strip{ display:inline-block; width:100%; padding-top:130px;}
.strip-item{ display:inline-block; width:100%; position:relative;}
.strip-icon{ position:absolute; width:62px; height:62px; border-radius:100%; background:#eef1fe; text-align:center; top:0; bottom:0; margin:auto; transition:all 0.2s ease-out;}
.strip-icon ion-icon{ position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; font-size:26px; color:#3867ff; transition:all 0.2s ease-out;}
.strip-text{ display:inline-block; width:100%; width:100%; padding-left:80px;}
.strip-text h4{ margin:10px 0 0; font-size:30px; line-height:24px; letter-spacing:1px;}
.strip-text small{ font-size:14px; color:#9397A3; margin:0;}
.strip-item:hover .strip-icon{ background:#3867ff;}
.strip-item:hover ion-icon{ color:#fff;}

.pinkBg{background-color:#3867ff!important;background-image:linear-gradient(90deg,#3867ff,#f4f6fe)}
.intro-banner-vdo-play-btn{height:60px;position:absolute;top:20%;right:15%;text-align:center;margin:-30px 0 0 -30px;border-radius:100%;z-index:1}
.intro-banner-vdo-play-btn i{line-height:56px;font-size:30px}
.intro-banner-vdo-play-btn .ripple{position:absolute;width:450px;height:450px;z-index:-1;left:50%;top:50%;opacity:0;margin:-80px 0 0 -80px;border-radius:100%;-webkit-animation:ripple 1.8s infinite;animation:ripple 1.8s infinite}
@-webkit-keyframes ripple{
	0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes ripple{
	0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}
	100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){animation-delay:.3s;-webkit-animation-delay:.3s}
.intro-banner-vdo-play-btn .ripple:nth-child(3){animation-delay:.6s;-webkit-animation-delay:.6s}

.login-banner .calculate-form{ float:none; margin:auto; display:block; height:auto;}
.login-banner .calculate-form .form-control{ border:none !important; background:#fff; border:solid 1px #eee !important; border-radius:50px; padding:13px 30px; height:auto; margin:0; transition:all 0.2s ease-out;}
.login-banner .calculate-form .form-control:focus{ background:#fff; box-shadow:0 0px 15px -1px rgba(56,103,255,.2); border-color:#fff !important;}
.email{ position:relative;}
.password{ text-align:center; position:relative;}
.password a{ font-size:14px; color:#333742; margin:15px 0 0; display:inline-block;}
.password a:hover{ text-decoration:underline !important;}
.login-banner .calculate-form h1{ font-size:18px; margin-bottom:30px;}
fieldset.email:before{ content:"\f003"; font-family:FontAwesome; font-size:20px; color:#3867ff; position:absolute; left:25px; margin-top:9px;}
fieldset.password:before{ content:"\f13e"; font-family:FontAwesome; font-size:20px; color:#3867ff; position:absolute; left:25px; margin-top:9px;}
.form-info{ display:inline-block; width:100%; padding:15px 0; text-align:center;}
.form-info p{ font-size:0.8rem; line-height:21px;}
.form-info p a{ color:#3867ff; font-weight:500;} 
.password .form-control, .email .form-control{ padding-left:58px !important;}

ul.social-login{ display:inline-block; width:100%; text-align:center;}
ul.social-login li{ display:inline-block; margin:0 2px;}
ul.social-login li a{ padding:10px 0; background:#fff; border-radius:50px; font-size:13px; box-shadow:0 2px 12px -1px rgba(89,91,100,.15); width:130px; display:inline-block; transition:all 0.1s ease-out;}
ul.social-login li a i{ margin-right:6px;} 
ul.social-login li a.fb{ color:#4267b2;} 
ul.social-login li a.gp{ color:#dd4b39;}
ul.social-login li a.fb:hover{ background:#4267b2; color:#fff;}
ul.social-login li a.gp:hover{ background:#dd4b39; color:#fff;}

.register-banner .calculate-form{ max-width:450px;}
.register-banner .calculate-form .row{ margin:0 -7px;}
.register-banner .calculate-form .col-lg-6, .register-banner .calculate-form .col-lg-12{ padding:0 7px;}
.register-banner .calculate-form .form-control{ padding:14px 0; border-radius:0; border:none !important; border-bottom:solid 1px #e0e0e0 !important;}
.register-banner .calculate-form .form-control:focus{ border-bottom-color:#3867ff !important; box-shadow:none;}

.colum-2{ display:inline-table; width:100%;}
.my-col{ display:table-cell;}
.country-code{ width:30%; padding-right:10px;}
.register-banner .calculate-form .form-control::placeholder{ color:#818490 !important;}

/*----- Page Load CSS -----*/
#container{position:absolute!important;width:100%!important;text-align:center;left:0;right:0;top:0;margin:auto;max-width:none;opacity:.3;top:-400px!important}
#blurCanvasTop{left:0;top:0;position:absolute}
#blurCanvasBottom{left:50%;top:0;position:absolute}
.content{left:15%;top:20%;width:70%;position:relative}
h1.title{color:#fff;font-size:4vw;display:inline;font-weight:500}
p.desc{position:relative;width:100%;font-size:4vw;color:#fff;font-weight:200;margin-bottom:40px}
.contacts{position:absolute;right:0;bottom:0;margin-bottom:1vw;margin-right:1vw}
.contact li{list-style-type:none;float:left;color:rgba(255,255,255,.8);font-weight:100;font-size:17px}
.contact li a{text-decoration:none;color:rgba(255,255,255,.8)}
.contact li a:hover{color:#fff}
.contact li~li{margin-left:1vw}
.blur{width:100%;height:100%;position:absolute;overflow:hidden}
.blurTop{left:0;top:0;transform:rotate(20deg);transform-origin:0 100%}
.blurBottom{left:-60%;top:100%;display:none;transform:rotate(20deg);transform-origin:100% 0}
.no-js #loader{display:none}.js #loader{display:block;position:absolute;left:100px;top:0}
.se-pre-con{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999999999;background:linear-gradient(to left,#3867ff 0,#531eff 100%)}
.lds-ripple{display:inline-block;position:absolute;width:64px;height:64px;left:0;right:0;top:0;bottom:0;margin:auto}
.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}
.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}}
/*----- Page Load CSS End -----*/


.left-panel{ float:left; width:100%; min-height:600px;}
/*.account-banner .row{ margin:0;}
.account-banner .col-lg-3, .account-banner .col-lg-9{ padding:0;}*/
.account-banner{ background-color:#f4f6f8; overflow:visible;}
.user-wrap{ display:inline-block; width:100%;padding:25px; margin-bottom:8px; border-radius:6px; background-image: linear-gradient(to top, rgba(255,255,255,1) , rgba(255,255,255,.3)); text-align:center;}
.use-icon{ width:60px; height:60px; background:#fff; border-radius:100%; position:relative; padding:3px; border:solid 2px #599aff; margin:auto;}
.use-icon img{ width:100%; border-radius:100%;}
.user-text{ display:inline-block; width:100%; margin-top:15px;}
.user-text h5{ font-size:18px; font-weight:500; margin:0;}
.user-text small{ color:#9fa3af;}
.user-text .basic-btn{ font-size:12px; font-weight:400; text-transform:none; padding:8px 20px; letter-spacing:0; margin-top:8px; /*box-shadow:none; background:#f3f6ff; color:#3867ff !important;*/}

.nav-wrap{ display:inline-block; width:100%;}
.nav-wrap ul.left-menu{ display:inline-block; width:100%; padding:10px 0; background-image: linear-gradient(to right, rgba(255,255,255,.6) , rgba(255,255,255,.1)); border-radius:6px 0 0 6px; margin-bottom:5px;}
.nav-wrap ul.left-menu li{ display:inline-block; width:100%;}
.nav-wrap ul.left-menu li a{ position:relative; font-size:13.5px; color:#2b303f; font-weight:lighter; display:inline-block; width:100%; padding:12px; border-left:solid 2px transparent; padding-left:60px; transition:all 0.2s ease-out; font-weight:400;}
.nav-wrap ul.left-menu li a:hover{ border-color:#3867ff;}
.nav-wrap ul.left-menu li a:hover ion-icon{ color:#3867ff;}
.nav-wrap ul.left-menu li a.active{ font-weight:600; color:#111318; background-image: linear-gradient(to right, rgba(255,255,255,1) , rgba(255,255,255,.0)); border-left-color:#3867ff;}
.nav-wrap ul.left-menu li a ion-icon{ font-size:20px; position:absolute; color:#70737d; left:25px; --ionicon-stroke-width: 32px;}
.nav-wrap ul.left-menu li a.active ion-icon{ color:#3867ff;} 
.nav-wrap ul.left-menu li a span{ position:absolute; top:0; bottom:0; margin:auto; background:#ffdb16; color:#111; text-transform:uppercase; letter-spacing:1px; line-height:14px; font-weight:600; padding:1px 4px 1px 2px; height:15px; text-align:center; font-size:8px; right:0; animation: bounceLeft 1s ease-out infinite;}
.nav-wrap ul.left-menu li a span:after{ position:absolute; content:''; border-right:solid 7px #ffdb16; border-bottom:solid 7px transparent; border-top:solid 7px transparent; top:0; bottom:0; margin:auto; left:-7px; height:15px;}

span.new_blick{ position:relative; top:0; bottom:0; margin:auto; background:#ffdb16; color:#111; text-transform:uppercase; letter-spacing:1px; line-height:14px; font-weight:600; padding:1px 4px 1px 2px; height:16px; text-align:center; font-size:8px; right:0; animation: bounceLeft 1s ease-out infinite; margin-left:12px;}
span.new_blick:after{ position:absolute; content:''; border-right:solid 6px #ffdb16; border-bottom:solid 6px transparent; border-top:solid 6px transparent; top:0; bottom:0; margin:auto; left:-6px; height:15px;}

.my-ac{ position:relative; margin-left:0 !important; padding-left:15px;}
.my-ac .nav-link{ padding:0 !important; margin-top:7px;}
.my-ac .user-icon{ width:40px; height:40px; border-radius:100%; overflow:hidden; border:solid 2px #fff; box-shadow:0 10px 15px -2px rgba(56,103,255,.5);}
.my-ac .user-icon img{ width:100%; border-radius:100%;}
.my-ac .dropdown-toggle:after{ display:none;}
.my-ac .dropdown-menu { right: -60px; left:auto;}
.my-ac .dropdown-menu::after{ left:auto !important; right:10px !important;}
.stick{ position: sticky; top:100px;}
.single-colum.my-ac .dropdown-menu{ min-width:100px !important;}
.single-colum.my-ac .dropdown-item{ padding:20px 25px !important;}

.right-panel{ float:left; width:100%; padding:35px; background:#fff; border-radius:6px;}
.heading-div{ display:inline-block; width:100%; margin-bottom:25px;}
.heading-div h1{ font-size:21px;}

.table-wrap{ overflow:auto;}
.table-wrap table tr th {
	padding:12px;
	border-bottom:solid 2px #3867ff;
	color:#1f2026;
	font-size:12px;
	letter-spacing:0.6px;
}
.table-wrap table tr td {
	background:#fff;
	padding:12px;
	color:#1f2026;
	border-bottom:solid 1px #eee;
	font-size:11px
}
.table-wrap table tr th:first-child {
	border-radius:8px 0 0 0;
	-webkit-border-radius:8px 0 0 0;
	border-left:none !important
}
.table-wrap table tr th:last-child {
	border-radius:0 8px 0 0;
	-webkit-border-radius:0 8px 0 0;
	border-left:none !important
}
.table-wrap table tr.incomplete td {
	background:#f2f5ff !important;
	color:#555;
	border-bottom-color:#e2e6f3;
}
.table-wrap table tr.incomplete td .cmplt {
	color:#3867ff !important
}
.table-wrap table tr:hover td {
	background:#f9f9f9
}
.cmplt {
	color:#444 !important;
	font-weight:700
}
.pay-amount {
	font-size:11px;
	font-weight:500;
	color:#ff5e75 !important;
	background:#ffebee;
	padding:4px 8px;
	display:inline-block;
	text-align:center;
	border-radius:30px;
	transition:all .1s ease-in;
}
.pay-amount:hover {
	background:#ff747e;
	color:#fff !important
}
.table-wrap table tr:last-child td {
	border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	border:0
}
.table-wrap table tr:first-child td {
	border-radius:0 0 0 8px;
	-webkit-border-radius:0 0 0 8px
}
.cancel-btn {
	padding:2px 4px;
	background:#ff2549;
	color:#fff!important;
	border-radius:3px;
	margin-left:4px;
	font-size:10px
}
.cancel-btn:hover {
	background:#f11b3f
}
.pagination>li {
	display:inline-block;
	margin-right:3px;
}
.pagination>li a {
	border-radius:6px!important;
	background:#fff;
	border:solid 1px #eee8e2;
	color:#1f2026;
	text-align:center;
	line-height:22px;
	display:inline-block;
	padding:6px 10px;
	min-width:36px;
	font-size:13px;
	font-weight:500;
}
.pagination>li a:hover {
	background:#f8f8f8;
	color:#3a4246
}
.pagination>li a.active {
	background:#3867ff;
	color:#fff;
	border-color:#3867ff
}
.pagination>li a:active, .pagination>li a:focus {
	color:#3a4246!important
}
.pagination {
	margin:20px 0 0
}
.pagination>li:first-child a, .pagination>li:last-child a {
	width:auto!important
}

.order-info-wrap {
	float:left;
	width:100%
}
.order-info-wrap ul {
	display:table;
	height:75px;
	width:100%;
	margin:0
}
.order-info-wrap ul li {
	display:table-cell;
	width:33.333%;
	text-align:left;
	vertical-align:middle;
	padding:0 5px;
	transition:all .2s ease-in
}
.order-info-wrap ul li ion-icon {
	font-size:36px;
	color:#3867ff;
	--ionicon-stroke-width: 24px;
	transition:all .2s ease-in;
}
.order-info-wrap ul li h4 {
	font-size:15px;
	margin-top:0;
	margin-bottom:0;
	font-weight:500;
	color:#111318;
	transition:all .2s ease-in
}
.order-info-wrap ul li:first-child {
	padding-left:0
}
.order-info-wrap ul li:last-child {
	padding-right:0
}
.order-info-wrap ul li small {
	color:#858997;
	transition:all .2s ease-in
}
.order-info-wrap-icon {
	float:left;
	margin-right:15px
}
.ordr-wrp {
	padding:15px;
	border:solid 1px #e5e5e5;
	border-radius:5px;
	box-shadow:0 4px 8px -5px rgba(0,0,0,.1);
	transition:all .1s ease-in
}

.my-account-form-wrap .select-box .form-control {
	height:auto!important;
	appearance:none!important;
	-webkit-appearance:none!important;
	z-index:9!important;
	position:relative;
	background:0 0!important
}
.my-account-form-wrap .select-box:after {
	content:"\f107";
	font-family:FontAwesome;
	color:#444;
	right:15px;
	position:absolute;
	font-size:18px;
	top:50px
}
.total-price-box {
	border-right:solid 3px #f7931e!important
}
.order-info-wrap {
	float:left;
	width:100%
}
.order-info-wrap ul {
	display:table;
	height:75px;
	width:100%;
	margin:0
}
.order-info-wrap ul li {
	display:table-cell;
	width:33.333%;
	text-align:left;
	vertical-align:middle;
	padding:0 5px;
	transition:all .2s ease-in
}
.order-info-wrap ul li span {
	font-size:34px;
	color:#f7931e;
	transition:all .2s ease-in
}

.order-info-wrap ul li:first-child {
	padding-left:0
}
.order-info-wrap ul li:last-child {
	padding-right:0
}
.order-info-wrap ul li small {
	color:#888;
	transition:all .2s ease-in
}
.order-info-wrap-icon {
	float:left;
	margin-right:15px
}
.ordr-wrp {
	padding:20px;
	border:solid 1px #e5e5e5;
	border-radius:5px;
	box-shadow:0 4px 8px -5px rgba(0,0,0,.1);
	transition:all .1s ease-in
}

.table-div {
	padding:15px;
	float:left;
	width:100%;
	border:solid 1px #e5e5e5!important;
	font-size:13px;
	background:#fff;
	margin-top:5px;
	box-shadow:0 4px 8px -5px rgba(0,0,0,.1);
	margin-top:10px;
	border-radius:5px
}
.table-div ul {
	display:inline-table;
	margin:0;
	width:100%
}
.table-div ul:first-child {
	border:0
}
.table-div ul li {
	display:table-cell;
	padding:7px 10px;
	vertical-align:middle
}
.table-div ul li:first-child {
	width:20%
}
.table-div ul li:last-child {
	color:#666;
}
.table-div ul li strong{ font-weight:500;}
.uploaded-file {
	display:inline-block;
	margin-right:6px;
	margin-top:3px;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in
}
.uploaded-file a {
	background:#f6f6f6;
	border-radius:6px;
	border:solid 1px #e0e0e0;
	color:#666;
	float:left;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	position:relative;
	padding:6px;
	padding-left:35px;
	font-size:11px;
	overflow:hidden;
	word-wrap:anywhere;
	
}
.uploaded-file a {
	margin-right:0;
}
.uploaded-file a:hover {
	border-color:#ccc;
	color:#3867ff;
	background:#fff;
	box-shadow:0 0px 10px -2px rgba(56,103,255,.5);
}
.uploaded-file a strong {
	font-weight:400
}
.uploaded-file a:before {
	position:absolute;
	content:"\f019";
	font-family:FontAwesome;
	margin-right:6px;
	padding:4px 8px;
	display:inline-block;
	border-right:solid 1px #e0e0e0;
	transition:all .2s ease-in;
	-webkit-transition:all .2s ease-in;
	color:#40494f;
	left:0;
	top:0; bottom:0;
	margin:auto;
	line-height:20px;
}
.uploaded-file a:hover:before {
	border-color:#fff;
	color:#444
}
.uploaded-file a i {
	font-size:12px;
	color:#ff8ba1;
	margin-left:3px
}
.completed-table table tr:nth-child(odd) td {
	background:0 0!important;
	border-top:solid 1px #e0e0e0
}
.uploaded-file a:hover {
	border-color:#fff;
}
.uploaded-file a span {
	color:#999;
	position:relative;
	padding-left:8px
}
.tab-wrap .panel-default {
	margin-top:0
}
.tab-wrap .panel-body {
	border-radius:0 5px 5px 5px;
	padding:25px
}
.tab-wrap .nav>li {
	margin-right:3px
}
.tab-wrap .nav-tabs>li a::before {
	display:none
}
.tab-wrap .nav-tabs>li a {
	padding:12px 15px!important
}
.tab-wrap .nav-tabs>li.active>a, .tab-wrap .nav-tabs>li.active>a:focus {
	border-top-color:#f7931e!important
}
.paydue-nav {
	float:right
}
.paydue-nav .btn {
	font-size:12px;
	color:#555;
	padding:8px 16px;
	box-shadow:0 2px 4px -2px rgba(0,0,0,.2);
	font-weight:500;
	margin-left:5px;
	background:#fff;
	border:none;
}
.payment-div li {
	width:auto!important;
	color:#fff!important
}
.payment-div {
	padding:5px!important;
	padding-left:15px!important;
	background:#3867ff !important;
	border:none !important;
	box-shadow:0 12px 15px -5px rgba(56,103,255,.5);
}
.payment-div .paynow {
	background:#ffdb16;
	border-color:#ffdb16;
	color:#111;
	font-weight:500
}
.payment-div .paynow:hover{ background:#ffdb16; box-shadow:0 10px 15px -3px rgba(0,0,0,.2);}

.edit {
	transition:all .2s ease-in;
	background:#eee
}
.edit:hover {
	color:#111318;
}
.ordr-dtls-table td {
	font-size:13px;
	padding:10px 0;
	border-bottom:solid 1px #e5e5e5
}
.ordr-dtls-table td:last-child{ color:#6f7582;}
.ordr-dtls-table td b{ font-weight:600 !important;}
.ordr-dtls-table tr:last-child td {
	border:0
}
.inst-wrp {
	width:100%;
	font-size:13px;
	line-height:24px
}
.inst-wrp p {
	color:#555!important;
	word-wrap:break-word;
}
.inst-wrp p a, .inst-wrp a{ color:#3867ff;}
.inst-wrp p a:hover, .inst-wrp a:hover{ text-decoration:underline !important;}
.tab-wrap .nav-tabs>li a {
	color:#777
}
.ordr-dtls-table {
	width:100%
}
.table-div .tooltip-inner {
	background:#fff!important;
	color:#444!important;
	border:solid 1px #e0e0e0!important;
	padding:15px!important;
	width:500px;
	box-shadow:0 3px 5px -3px rgba(0,0,0,.1);
	font-size:10px!important
}
.table-div .tooltip-arrow {
	border-bottom-color:#ccc!important
}
.file {
	display:none!important
}
.order-form-wrap .form-control {
	margin-top:0;
	height:51px
}
.input-group-addon {
	width:51px;
	background:0;
	border-color:#e3e3e3;
	height:51px
}
.order-form-wrap .browse-btn {
	background:#f6f6f6;
	border-color:#e3e3e3;
	height:51px;
	padding:0 35px;
	color:#444;
	font-weight:500
}
.upload-files {
	margin-bottom:30px
}
.panel-wrap {
	float:left;
	width:100%;
	overflow:hidden;
	box-shadow:0 3px 6px -4px rgba(0,0,0,.2);
	-webkit-box-shadow:0 3px 6px -4px rgba(0,0,0,.2);
	margin-bottom:10px
}
.panel-wrap:last-child {
	margin-bottom:0!important
}
.panel-wrap .panel-title {
	background:#f5f5f5;
	color:#444;
	border:solid 1px #e5e5e5;
	padding:12px 15px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0
}
.panel-wrap .panel-title h4 {
	margin:0;
	font-size:16px;
	font-weight:500;
	color:#111318;
}
.panel-wrap .panel-content {
	float:left;
	width:100%;
	background:#fff;
	padding:20px;
	border:solid 1px #e5e5e5;
	border-top:0;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px
}
.panel-wrap .panel-content .uploaded-file a {
	border-color:#e0e0e0;
}
.top-part {
	float:left;
	width:100%;
}
.top-part ul {
	display:inline-block;
	width:100%;
	overflow:hidden
}
.top-part ul li {
	float:left;
	color:#777;
	padding:20px!important;
	width:100%
}
.top-part ul li h5 {
	margin-bottom:8px;
	color:#111318;
	margin-top:0;
	font-size:16px;
}
.top-part ul li:first-child {
	padding-left:0
}
.top-part ul {
	background:#f8f8f8;
	border-radius:5px;
	-webkit-border-radius:5px;
	border:solid 1px #e0e0e0!important;
	margin:0
}
.top-part ul li {
	border-bottom:solid 1px #e0e0e0!important
}
.top-part ul li:last-child {
	border:none!important;
	background:#fff
}
.top-part p {
	margin-bottom:0
}
.upload-section {
	float:left;
	width:100%;
	padding:25px;
	border:solid 1px #e5e5e5;
	border-radius:5px;
	margin:10px 0 0
}
.upload-section .file {
	display:none!important
}
.upload-section .upload-files .form-control {
	margin-top:0;
	height:51px;
	background:0 0!important;
	border-color:#e3e3e3!important;
	font-size:13px!important;
	box-shadow:none
}
.upload-section .input-group-addon {
	width:51px;
	background:0;
	border:solid 1px #e3e3e3;
	border-right:none;
	height:51px;
	text-align:center;
	line-height:48px;
	border-radius:5px 0 0 5px;
	color:#ccc;
}
.upload-section .upload-files .browse-btn {
	background:#f6f6f6;
	border-color:#e3e3e3;
	border-left:none;
	height:51px;
	border-radius:0 6px 6px 0;
	padding:0 35px;
	color:#3867ff;
	font-weight:500;
	font-size:14px;
	background:#f6f8ff;
	box-shadow:none !important;
}
.upload-section .upload-files .browse-btn:active{ background:#3867ff; color:#fff; }
.upload-section .upload-files {
	margin-bottom:30px
}
.upload-section .upload-files span {
	font-weight:500 !important
}
.upload-section .upload-files .add-btn {
	float:right
}
.upload-section .upload-heading {
	width:100%
}
.upload-section .upload-files {
	margin-bottom:0
}
.revision-fld-wrap {
	float:left;
	width:100%;
	padding:25px;
	margin-top:15px;
	background:#fff;
	border:solid 1px #e3e3e3;
	border-radius:5px;
	-webkit-border-radius:5px;
}
.revision-fld-wrap label {
	width:100%;
	margin-bottom:15px
}
.revision-fld-wrap label strong {
	color:red
}
.revision-fld-wrap .select {
	height:44px
}
.revision-fld-wrap .txt-box {
	margin-top:5px
}
.revision-fld-wrap input, .revision-fld-wrap select, .revision-fld-wrap textarea {
	border:solid 1px #c1cdd7;
	background:#f5f8fa;
	border-radius:5px
}
#toggle-btn, .revision-fld-wrap .send-btn {
	background:#3867ff;
	color:#fff;
	font-weight:500;
	padding:8px 20px
}
.revision-fld-wrap .form-control {
	height:51px;
	background:0;
	border-color:#e3e3e3;
	margin-top:5px
}
.revision-fld-wrap .file {
	display:none!important
}
.revision-fld-wrap .form-control {
	margin-top:0;
	height:51px;
	background:0 0!important;
	border-color:#e3e3e3!important;
	padding:15px;
	font-size:13px!important;
	font-weight:500;
	box-shadow:none;
	position:relative;
	z-index:1
}
.revision-fld-wrap .form-control:focus {
	border-color:#3867ff !important
}
.revision-fld-wrap .input-group-addon {
	width:51px;
	background:0;
	border-color:#e3e3e3;
	height:51px
}
.revision-fld-wrap .browse-btn {
	background:#f6f6f6;
	border-color:#e3e3e3;
	height:51px;
	padding:0 35px;
	color:#444;
	font-weight:500
}
.revision-fld-wrap .upload-files {
	margin-bottom:30px
}
.revision-fld-wrap span {
	font-weight:700!important
}
.revision-fld-wrap .add-btn {
	float:right
}
.revision-fld-wrap .upload-heading {
	width:100%
}
.revision-fld-wrap .upload-files {
	margin-bottom:0
}
.revision-fld-wrap fieldset {
	margin-bottom:0!important;
	font-size:14px;
	font-weight:500;
}
.revision-fld-wrap fieldset {
	padding-bottom:8px;
	display:inline-block;
	width:100%
}
.revision-fld-wrap .select {
	appearance:none;
	-moz-appearance:none
}
.revision-fld-wrap .select-box::before {
	right:35px;
	top:15px;
	content:"\f107";
	position:absolute;
	font-family:FontAwesome;
	font-size:14px;
	z-index:0
}
.revision-fld-wrap .input:focus {
	border-color:#00b680
}
.send-btn {
	padding:15px 35px!important;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:2px;
	font-size:14px;
	width:100%
}
.send-btn i {
	margin-right:1px
}
.details-table-wrap {
	margin-top:15px;
	float:left;
	width:100%
}
.details-table-wrap table tr td:first-child {
	background:#f0f0f0!important;
	color:#444
}
.details-table-wrap table tr td:hover {
	background:0 0!important
}
.message-wrap .btn {
	margin-bottom:0!important;
	margin-top:10px!important
}
.details-table-wrap table tr td {
	border-radius:0!important;
	-webkit-border-radius:0!important;
	color:#666;
	padding:10px 15px;
	font-size:12px;
	border-bottom:solid 1px #fff
}
.details-table-wrap table {
	border-radius:5px!important;
	-webkit-border-radius:5px!important;
	overflow:hidden
}
.details-table-wrap table tr td:last-child {
	background:#f8f8f8
}
.details-table-wrap table tr:hover td:first-child {
	background:#f7931e!important;
	color:#fff
}
.details-table-wrap table tr:hover td:last-child {
	background:#ffa235!important;
	color:#fff
}
.details-table-wrap .col-sm-4 {
	padding:0 5px!important
}
.details-table-wrap .row {
	margin:0 -5px!important
}
.message-history {
	float:left;
	width:100%;
	font-family:PT Sans!important
}
.message-history h3 {
	margin:20px 0;
	font-size:18px;
	font-weight:500
}
.message-history h5 {
	margin:0;
	float:left;
	font-size:14px;
	margin-top:2px;
}
.message-history .panel-title {
	padding:10px 15px
}
.message-history p {
	color:#555;
	margin:0
}
.self-message .panel-content {
	background:#f9f9f9;
	border-color:#f7931e;
	padding:15px
}
.self-message .panel-title {
	background:#f2f5ff !important;
	color:#3867ff !important;
	border-color:#e5e5e5 !important
}
.msg {
	margin-bottom:15px
}
.message-history .panel-title {
	background:#f9f9f9;
	color:#444;
	float:left;
	width:100%;
	border:solid 1px #e0e0e0
}
.self-message .panel-title small {
	color:#989caa;
	float:right;
	font-size:13px!important;
	opacity:.8
}
.panel-title small {
	color:#777;
	float:right;
	font-size:13px;
	opacity:.8
}
.message-history .panel-content {
	font-size:13px!important;
	background:#fff;
	border-color:#e2e6f3;
}


.login-form-wrap {
	float:left;
	width:100%;
	padding:5px 0
}
.login-form-wrap .nav-tabs>li>a {
	padding:8px 20px;
	font-size:13px!important;
	color:#999;
	background:0 0!important;
	font-family:Quicksand!important;
	font-weight:500!important
}
.login-form-wrap .panel-heading {
	padding-bottom:0;
	padding:0
}
.login-form-wrap .panel-default {
	float:left;
	width:100%;
	margin-top:15px
}
.login-form-wrap .nav-tabs>li.active>a, .login-form-wrap .nav-tabs>li.active>a:focus {
	background:#fff !important;
	color:#333
}
.panel-default {
	background:0;
	border:0
}
.login-form-wrap .panel-default>.panel-heading {
	background:0 0!important;
	padding-top:15px;
	position:relative;
	top:-10px;
}
.login-form-wrap .nav-tabs {
	text-align:left
}
.login-form-wrap .tab-content p {
	color:#777;
	margin:0
}
.login-form-wrap .panel-body {
	padding:30px;
	border:solid 1px #eee!important;
	border-radius:0 0 5px 5px;
	display:inline-block;
	width:100%;
}
.login-form-wrap .nav-tabs, .login-form-wrap .nav-tabs>li a {
	border:0
}
.login-form-wrap .nav-tabs {
	padding-left:0!important
}
.login-form-wrap .nav-tabs>li a {
	padding:12px 15px!important;
	font-size:13px!important;
	position:relative!important;
	border:solid 1px #eee!important;
	background:#f8f8f8!important
}
.login-form-wrap .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a {
	color:#444!important;
	border-bottom-color:#fff!important;
	box-shadow:0 -2px 6px -3px rgba(0,0,0,.1)
}
.nav-tabs>li.active>a:before {
	position:absolute;
	font-family:FontAwesome;
	content:"\f00c"!important;
	left:0;
	color:#fff;
	background:#f7931e;
	border:none!important
}
.login-form-wrap .nav-tabs {
	padding-left:0!important
}
.login-form-wrap .nav-tabs>li a:before {
	position:absolute;
	font-family:FontAwesome;
	content:"\f00c";
	left:15px;
	top:16px;
	color:#fff;
	text-align:center;
	font-size:10px;
	width:16px;
	height:16px;
	border:solid 1px #ccc;
	border-radius:100%;
	line-height:16px
}
.tabbed-section .nav-tabs>li.active>a::before {
	display:none!important
}
.tabbed-section .nav-tabs>li>a::before {
	display:none!important
}
.order-form-wrap p {
	margin:5px 0 10px 0
}
.order-form-wrap p a {
	font-size:13px!important;
	font-weight:700;
	color:#37373d
}
.link {
	font-size:13px!important;
	margin-top:10px;
	color:#373737;
	font-weight:500;
	display:inline-block
}
.link:hover {
	color:#3867ff!important
}

.login-form-wrap .nav-tabs > li a{ border-radius:4px 4px 0 0; font-weight:500 !important; color:#6d717b;}
.nav-tabs li a.active{ background:#fff !important; border-bottom-color:#fff !important; border-top-color:#3867ff !important; color:#111318; position:relative !important; top:1px;}
.add-btn {
	float:right;
	color:#111318;
	position:relative;
	background:none;
	border:none;
	font-size:12px; text-transform:uppercase; letter-spacing:0.6px;
}
.add-btn:before {
	position:relative;
	content:"\f067";
	font-family:FontAwesome;
	margin-right:5px;
	font-size:13px;
	color:#3867ff;
	font-weight:lighter;
}
.submit{ padding:14px 35px; font-size:13px;}

ul.add-file-wrap{ display:inline-table; width:100%; margin-bottom:10px;}
ul.add-file-wrap li{ display:table-cell;}
ul.add-file-wrap li:last-child{ padding-left:10px;}
.remove-btn {
	vertical-align:middle!important;
	height:51px;
	background:0;
	border:none;
	background:#ffebee;
	color:#ff5e75 !important;
	font-weight:500;
	width:100%;
	position:relative;
	padding:0 5px !important;
	text-align:center;
	font-size:18px;
	font-size:20px;
	box-shadow:none !important;
}
/*.remove-btn:before {
	position:relative;
	margin-right:7px;
	content:"\f056";
	font-family:FontAwesome;
	color:#f7931e
}
*/

.revision-fld-wrap textarea{ height:auto !important; font-weight:400 !important;}
.message-history .panel-wrap{ box-shadow:none;}
.send-btn{ margin-top:0 !important;}
.FirstBtn li{ padding-left:0 !important;}
.upload-files .submit{ margin-top:20px;}
.revision-fld-wrap .select{ padding-top:13px; height:52px;}
.revision-browse li{ padding-left:0 !important;}
.revision-browse .browse-btn{ border-radius:0 6px 6px 0; border-left:none; font-size:13px;}
.revision-fld-wrap .options li{ font-size:13px;}
.revision-browse .browse-btn:active{ background:#3867ff; color:#fff;}
.revision-fld-wrap .submit{ margin-top:20px;}

.edit-profile-section .calculate-form{ padding:0; box-shadow:none; border-radius:0; background:none; width:100%; max-width:100%; height:auto;}
.edit-profile-section .calculate-form fieldset{ margin-bottom:25px;}
.edit-profile-section .calculate-form .form-control{ border-bottom-color:#e0e0e0; color:#1e2138; height:60px;}
.edit-profile-section .calculate-form .form-control:focus{ border-bottom-color:#3867ff;}
.edit-profile-section .calculate-form .styledSelect{ padding-top:20px; height:60px;}
.edit-profile-section .styledSelect.active:after{}
.edit-profile-section .basic-btn{ display:inline-block; width:auto; padding:14px 40px; font-size:14px;}
.edit-profile-section .styledSelect:after{ top:28px;}
.edit-profile-section .styledSelect.active:after{ top:23px;}

.revision-fld-wrap { padding:0; border:none;}
.login-form-wrap .panel-body { padding:20px;}

.order-section label{ font-weight:500;}
.order-section .styledSelect, .order-section .form-control::placeholder{ color:#aaaabb !important;}
.order-section .calculate-form .styledSelect{ height:auto; padding:15px 0 !important;}
.order-section .calculate-form .counter{ max-width:265px;}
.order-section .calculate-form .form-control{ height:48px;}
.order-section .plus, .order-section .minus{ border-radius:0;}
.order-section .styledSelect:after{ top:25px;}
.order-section .form-control, .order-section .select{ border-color:#e8e8e8 !important;}
.order-section textarea{ height:auto !important;}
.order-section textarea:focus{ border-color:#3867ff !important;}
.order-section .upload-section .form-control{ border:solid 1px #e8e8e8; height:51px; padding-bottom:inherit; padding-left:15px; position:relative;}

.uploaded-files-wrap{ display:inline-block; width:100%; margin:0 0 30px;}
.uploaded-item{ position:relative; display:inline-block; vertical-align:middle; padding:5px 45px 5px 15px; border-radius:0; background:#fcfcfe; border:solid 1px #e6e8ef; margin:2px 0px; transition:all 0.2s ease-out;}
.uploaded-item span{ font-size:12px; color:#707481;} 
.file-tittle{ display:table-cell; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width:300px; color:#aea9bb;}
.close-div{ display:table-cell;}
.close-div a{ position:absolute; right:8px; top:0; bottom:0; margin:auto; width:18px; height:18px; background:#ffeaee; border-radius:100%; color:#F33; text-align:center; line-height:17px; font-size:10px; font-weight:lighter; transition:all 0.1s ease-out;} 
.close-div a:hover{ background:#F33; color:#fff;}
.uploaded-item:hover{ background:rgba(255,255,255,.15);}
.order-section .upload-section{ padding:0; border:none;}
.upload-section .upload-files .browse-btn{ border-radius:0;}
.upload-section .input-group-addon{ border-radius:0;}
.imp-msg p{ font-size:13px !important; color:#35373d !important;}
.imp-msg p a, .imp-msg strong{ font-weight:500; color:#3867ff !important;}
.imp-msg{ padding-top:20px;}


/*---- ScrollBar CSS --------*/
* {
  scrollbar-width: thin;
  scrollbar-color: #3867ff #f5f5f5;
}

*::-webkit-scrollbar {
  width: 4px;
}
*::-moz-scrollbar {
  width: 4px;
}
*::scrollbar {
  width: 4px;
}

*::-webkit-scrollbar-track {
  background: #f5f5f5;
}
*::-moz-scrollbar-track {
  background: #f5f5f5;
}
*::scrollbar-track {
  background: #f5f5f5;
}

*::-webkit-scrollbar-thumb {
  background-color: #3867ff;
  border: 2px solid #3867ff;
}
*::-moz-scrollbar-thumb {
  background-color: #3867ff;
  border: 2px solid #3867ff;
}
*::scrollbar-thumb {
  background-color: #3867ff;
  border: 2px solid #3867ff;
}
/*---- ScrollBar CSS End --------*/

.checkbox{ background:#fff; border:solid 1px #eee; border-top:none; margin-bottom:25px; transition:all 0.2s ease-out; cursor:pointer; box-shadow:0 6px 18px -8px rgba(56,103,255,.2);}
/*.checkbox:hover{ box-shadow:0 8px 30px -8px rgba(56,103,255,.25); border-color:#fff;}*/
.checkbox:hover .cr{ border-color:#d2daf4 !important;}

.checkbox label:after,.radio label:after{content:'';display:table;clear:both}
.checkbox strong{color:#1f2026;font-size:13px; font-weight:500;}
.checkbox p{font-size:14px!important;text-transform:none!important;line-height:14px;margin:0}
.checkbox label{width:100%;margin:0; line-height:18px;  cursor:pointer; padding:20px;}
.checkbox .cr,.radio .cr{position:relative;display:inline-block;border:2px solid rgba(255,255,255,.15);border-radius:5px;width:30px;height:30px;float:left;margin-right:15px; box-shadow:inset 0 2px 6px -1px rgba(0,0,0,.06);}
.radio .cr{border-radius:50%}
.radio label{ padding:20px 0;}
.checkbox .cr .cr-icon,.radio .cr .cr-icon{position:absolute;font-size:16px;font-weight:lighter;line-height:0;top:50%;left:21%;color:#3867ff}
.radio .cr .cr-icon{left:24.8%;top:48%;font-size:13px}
.radio .cr .cr-icon{margin-left:.04em}
.checkbox label input[type="checkbox"],.radio label input[type="radio"]{display:none}
.checkbox label input[type="checkbox"]+.cr>.cr-icon,.radio label input[type="radio"]+.cr>.cr-icon{transform:scale(3) rotateZ(-20deg);opacity:0;transition:all .3s ease-in}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,.radio label input[type="radio"]:checked+.cr>.cr-icon{transform:scale(1) rotateZ(0deg);opacity:1}
.checkbox label input[type="checkbox"]:disabled+.cr,.radio label input[type="radio"]:disabled+.cr{opacity:.5}
.checkbox input[type="checkbox"]+.cr{transition:all .2s ease-out; border-color:#eee; margin-top:4px;}
.checkbox input[type="checkbox"]:checked+.cr{ border-color:#c6ccde !important;}

.login-form-wrap .nav-tabs li{ margin-right:4px !important;}
.login-form-wrap .nav-tabs > li a:before{ display:none;}
.order-login .panel-default > .panel-heading{ top:-9px;}
.order-login .panel-body{ display:inline-block;}
.order-login .panel-body .form-control:focus{ border-color:#3867ff !important;}

.order-details-box{ width:100%; background:#fff; border-radius:5px; overflow:hidden;}
.order-details-box .form-control{ border:none !important; box-shadow:none !important; background:none !important; padding:0; height:auto !important; color:#fff !important; font-size:21px !important;}
.order-details-box .price-wrp{ padding:15px 25px;}
.order-details-box p{ font-size:13px !important; margin:10px 0; color:#555;}
.order-details-box span{ font-weight:500 !important;}
.order-details-box h5{ margin-bottom:20px; color:#212529;}
.details-wrap{ padding:25px;}
.price-wrp label{ padding-left:25px;}
.form-control.price-box{ padding:0 25px !important; margin:0 !important;}
.order-details-box .price-wrp.discount{ border-top:solid 1px #eee;}
.order-details-box .price-wrp.total{ background:#3867ff !important;}
.order-details-box .price-wrp h4{ font-size:13px; color:#212529; text-transform:uppercase; letter-spacing:1px; margin:0; font-weight:500;}
.order-details-box .price-wrp small{ font-size:24px; color:#3867ff;}
.order-details-box .price-wrp.total h4, .order-details-box .price-wrp.total small{ color:#fff;}

.user-text .basic-btn{ padding-left:40px;}
.user-text .basic-btn ion-icon{ left:12px;}

.call-circle
{
  background:#3867ff;
  width:50px;
  height:50px;
  border-radius:50%;
  position:fixed;
  z-index:999999;
  bottom:30px;
  left:40px;
  box-shadow:0 7px 25px -2px rgba(0,0,0,.4);
}

.call-circle a{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; text-align:center;}
.call-circle a ion-icon{ color:#fff; font-size:22px; top:-2px; bottom:0; margin:auto; position:absolute; left:0; right:0;} 


.call-circle::after::after
{
  position:absolute;
  top:0px;
  left:0;
  width:50px;
  height:50px;
  border:3px solid #3867ff;
  content:'';
  border-radius:50%;
  transform:scale(1.1);
  z-index:-1;
  animation: weave 3s 1s ease-out  infinite;
  
}
.call-circle::after
{
  position:absolute;
  top:0px;
  left:0;
  width:50px;
  height:50px;
  border:2px solid #3867ff;
  content:'';
  border-radius:50%;
  transform:scale(1.1);
  z-index:-1;
  animation: weave 2s ease-out infinite;
}

@keyframes weave
{
  0%{
    transform:scale(1);
    opacity:1;
  }
  100%
  {
    transform:scale(1.5);
    opacity:0;
  }
}

.call-circle span{ color:#2d2f38; border-radius:4px; line-height:16px; position:absolute; top:-65px; font-size:12px; width:85px; background:#fff; padding:5px; text-align:center; left:-15px; transition:all 0.2s ease-out; opacity:1; box-shadow:0 5px 12px -2px rgba(0,0,0,.1); animation: bouncing 1s ease-out infinite;} 
.call-circle span:after{ content:''; position:absolute; border-top:solid 8px #fff; border-left:solid 8px transparent; border-right:solid 8px transparent; left:0; right:0; bottom:-8px; margin:auto; width:8px;}
.call-circle span strong{ font-weight:lighter; color:#fff; font-size:9px !important; position:absolute; top:-5px; width:16px; height:16px; text-align:center; background:#3867ff; border-radius:100%; cursor:pointer; line-height:15px;}

.currency{ position:relative; float:right; width:110px;}
.total-price{ width:auto; float:left;}
.currency .styledSelect{ padding:10px 15px !important; border:solid 1px #eee !important;  height:auto; font-size:12px;}
.currency .styledSelect:after{ top:18px; right:10px;}
.currency .styledSelect.active:after{ top:12px;}
.currency .options{ border-top:none !important; font-size:12px;} 
.currency .select{ border-bottom:none;}
 
.currency-converter{ border-top:solid 1px #eee;}
.currency-converter h4{ margin-bottom:10px !important;}
.currency-converter .currency{ float:left; width:100%;}

.nav-link.order{ position:relative;}
.nav-link.order:before{ position:absolute; left:0; right:0; top:0; bottom:0; box-shadow:0 6px 25px -2px rgba(255,219,22,.9); margin:auto; border-radius:50px; content:''; animation: pulsebutton 3s ease-out infinite;}

@keyframes pulsebutton
{
  0%{
	box-shadow:0 3px 25px -2px rgba(255,219,22,.9);
  }
  50%
  {
	box-shadow:0 10px 25px -2px rgba(255,219,22,.9);
  }
}

@keyframes bouncing
{
  0%{
    margin-top:0;
  }
  50%
  {
    margin-top:-20px;
  }
}

@keyframes bounceLeft
{
  0%{
    right:0;
	opacity:1;
  }
  50%
  {
    right:5px;
	opacity:0.4;
  }
}


/*.order-form{ float:none; max-width:800px; margin:auto;}*/
.price-wrap{ display:inline-table; width:100%; height:52px; padding:10px 20px; background:#f6f8ff; position:relative;}
.price-wrap strong{ font-size:24px; font-weight:600; color:#3867ff; display:table-cell; vertical-align:middle;}
.price-wrap span{ font-size:13px; color:#797d89; text-transform:uppercase; display:table-cell; vertical-align:middle; text-align:right;}
.discount .price-wrap{ background:#f9f9f9;}
.discount .price-wrap strong{ color:#212529; font-size:18px;}
.price-wrap:before{ content:''; position:absolute; border-right:solid 12px #f6f8ff; border-top:solid 12px transparent; border-bottom:solid 12px transparent; left:-12px; top:0; bottom:0; margin:auto; height:12px;}
.order-section .calculate-form .form-control:focus{ border-color:#3867ff !important;}

.fluid-box{ float:left; width:100%; padding:100px 0; position:relative;}
.features-section{ background:#3867ff; padding-bottom:30px;}
.features-section .title-div{ margin-bottom:30px;}
.features-section .title-div h2{ color:#fff;}
.features-section .title-div small{ color:#c4d2ff; font-weight:500; font-size:18px;}
.features-section p{ color:#e0dcf8; font-size:15px; line-height:30px; margin-bottom:30px;}
.left-block{ padding-right:30px;}
.basic-btn.light{ background:#fff; color:#3867ff !important;}
.basic-btn.iconic{ padding-right:60px;}
.box{ display:inline-block; width:100%; padding:25px; background:#fff; border-radius:10px; text-align:center; min-height:250px; margin-bottom:30px; box-shadow:0 10px 25px -5px rgba(99,104,118,.15);}
.box h5{ color:#23272b; font-size:18px; margin:10px 0;}
.box p{ color:#727986; font-size:13px; line-height:21px; margin-bottom:0;}
.box ion-icon{ font-size:56px; color:#3867ff; --ionicon-stroke-width: 16px; margin-top:10px;}
.marginTop{ margin-top:50px;}
.features-section:before{ position:absolute; content:''; left:0; right:0; bottom:0; background:#fff; height:140px;}


/*------------ Form CSS --------------*/

.select-box .form-control{ color:#353a48; padding:9px 0 !important; height:auto !important; margin-top:0;}
.select-box select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; padding-right:30px; background:url(../images/down-arrow.png) no-repeat right center; background-size:8px !important;}
.order-form .select-box{ display:inline-block; width:100%;}
.order-form .calculate-form label{ width:100%;}
.order-form .form-control{ height:51px !important; margin:0 !important;}
.order-form .select-box .form-control{ color:#8e8f8f;}
.order-form .select-box option{ color:#212529;}
.order-form textarea.form-control{ height:auto !important;}
.order-form .btn-group input[type="radio"]{ display:none;}
.order-form .btn-group label{ font-size:13px;}
.order-form .btn-group{ width:100%; margin-top:10px;}
.order-form .btn-group .btn-primary{ padding:15px 0; background:#f9f9f9 !important; color:#333; border:none !important; box-shadow:none !important; cursor:pointer; border-radius:6px !important;}
.order-form .btn-group .btn-primary:hover{ color:#3867ff;}
.order-form .btn-group .btn-primary.active{ background:#3867ff !important; color:#fff !important; box-shadow: 0 10px 18px -6px rgba(56,103,255,.6) !important;}
.order-form .btn-group > .btn-group:not(:first-child), .order-form .btn-group > .btn:not(:first-child){ margin-left:4px;}

.why-choose-section{ padding:0 0 40px !important;}
.why-choose-section:before{ position:absolute; content:''; left:0; right:0; bottom:0; background:#f8f9fd; height:100px; z-index:-1;}
.why-choose-wrap{ float:left; width:100%; padding:60px; background:#fff; box-shadow:0 3px 40px 2px rgba(164,172,198,.2);}
.why-choose-section .title-div{ margin-bottom:70px;}
.why-choose-section .title-div h2{ font-size:42px;}
.box-item{ display:inline-block; width:100%; padding:15px; margin-bottom:20px;}
.title-box{ display:inline-table; width:100%;}
.title-box .icon{ display:table-cell; vertical-align:middle; text-align:left; width:55px;}
.title-box .icon ion-icon{ font-size:46px; color:#3867ff; --ionicon-stroke-width: 16px;}
.title-box .title-text{ display:table-cell; vertical-align:middle; text-align:left;}
.title-box .title-text h4{ font-size:20px; color:#1e253b; margin:0;}
.box-item p{ font-size:13px; color:#6f768a; line-height:22px;}


.features-wrap{ display:inline-block; width:100%; background:#fff; border-radius:15px; overflow:hidden; border:solid 1px #e3e6ef; /*box-shadow:0 2px 15px -2px rgba(0,0,0,.1);*/}
.features-wrap .card{ border-radius:0; border:none; border-bottom:solid 1px #eee; margin-bottom:0;}
.features-wrap .card:last-child{ border:none;}
.features-wrap .card-header{ padding:0; background:none; border-bottom:none;}
.features-wrap .card-header .btn-link{ padding:15px 30px; display:inline-block; width:100%; text-align:left; position:relative; color:#3867ff; font-size:15px; font-weight:500; padding-right:40px; transition:all 0.2s ease-out; border-bottom:solid 1px #e3e6ef; border-radius:0 !important;}
.features-wrap .card-header .btn-link.collapsed{ padding:15px 30px; background:#f8faff; color:#303850; border-bottom:solid 1px transparent;}
.features-wrap .card-header .btn-link i{ position:absolute; right:20px; font-size:22px; color:#323c45; margin-top:1px;}
.features-wrap [data-toggle="collapse"] .fa:before {  
  content: "\f106";
}
[data-toggle="collapse"].collapsed .fa:before {
  content: "\f107";

}
.features-wrap #accordion{ width:100%; float:left;}
.features-wrap .card-body{ font-size:14px; color:#757b80; line-height:26px; padding:30px;}
.btn-link.collapsed:before{ color:#ccc !important;}
.features-wrap .card-header .btn-link.collapsed .icon{ position:absolute; width:60px; height:60px; border-radius:100%; background:#f5f7ff; left:26px; top:0; bottom:0; margin:auto;}
.features-wrap .card-header .btn-link.collapsed .icon ion-icon{ position:absolute; content:''; font-size:30px; left:0; right:0; top:0; bottom:0; margin:auto; color:#3867ff;}
.features-wrap .card-body p{ margin:0; color:#7c7a88; font-size:14px; font-weight:500;}
.features-wrap .card-header .btn-link .icon{ position:absolute; width:60px; height:60px; border-radius:100%; background:#3867ff; left:26px; top:0; bottom:0; margin:auto; transition:all 0.2s ease-out;}
.features-wrap .card-header .btn-link .icon ion-icon{ position:absolute; content:''; font-size:30px; left:0; right:0; top:0; bottom:0; margin:auto; color:#fff;}
.features-wrap .calculate-form{ padding-bottom:30px;}
.features-wrap .calculate-form label{ color:#212529;} 

.order-form .form-control{ border:solid 1px #e8e8e8; height:auto !important; padding:14px 20px !important;}
.order-form .select-box .form-control{ background-position:96% center;}

.captcha{ display:inline-block; width:100%; margin:10px 0 0 0;}
.captcha img{ max-width:300px;}

.small-title{ float:left; width:100%; position:relative; margin-bottom:30px; height:30px;}
.small-title h5{ font-size:12px; text-transform:uppercase; letter-spacing:2px; color:#fff; font-weight:400; background:#3867ff; padding:8px 15px; width:auto; display:inline-block; position:relative; z-index:1;}
.small-title:after{ position:absolute; content:''; left:0; right:0; top:15px; border-bottom:dashed 1px #e0e0e0;}
.small-title h5:after{ position:absolute; content:''; border-left:solid 8px #3867ff; border-top:solid 8px transparent; border-bottom:solid 8px transparent; right:-8px; top:0; bottom:0; margin:auto; height:8px;}

.sample-papers-section{ background:#f8f9fd; overflow:hidden;}
.sample-papers-section .title-div{ position:relative; z-index:1;}
.sample-papers-section .title-div h2{ margin-bottom:20px; font-size:42px;}
.sample-papers-section .title-div p{ font-size:15px; color:#616676; line-height:24px;}
.sample-papers-section .title-div .basic-btn{ margin-top:20px;}
.paper-wrap{ padding:25px; background:#fff; border-radius:10px; position:relative; padding-bottom:80px; overflow:hidden; box-shadow:0 10px 15px -2px rgba(0,0,0,.1);}
.sample-papers-section .title-div{ padding-right:30px;}
.sample-papers-section .icon{ width:50px; height:50px; border-radius:100%; text-align:center; background:#3867ff; position:relative; box-shadow:0 10px 15px -2px rgba(56,103,255,.4);}
.sample-papers-section .icon ion-icon{ font-size:24px; color:#fff; --ionicon-stroke-width: 32px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.sample-papers-section .title-text h4{ font-size:18px;}
.sample-papers-section .title-text{ padding-left:10px;}
ul.paper-list{ margin-top:15px;}
ul.paper-list li{ margin-bottom:10px; font-size:14px; color:#909096;}
ul.paper-list li strong{ font-weight:500; color:#2c2e3d;}
.download-btn{ padding:15px; background:#4be590; color:#fff !important; font-size:15px; text-align:center; width:100%; position:absolute; left:0; right:0; bottom:0; font-weight:600;}
.sample-papers-section .owl-stage-outer{ padding-bottom:30px; overflow:visible;}
.download-btn ion-icon{ position:absolute; font-size:20px; margin-left:-25px;}

.sample-papers-section .owl-nav{ display:inline-block; width:100% !important; height:82px; position:relative; max-width:0 !important; right:0; transform:rotate(-90deg);}
.sample-papers-section .owl-prev, .sample-papers-section .owl-next{ width:46px; height:46px; color:#fff !important; text-align:center; display:inline-block; transition:all 0.2s ease-in; border-radius:100%; line-height:57px;}  
.sample-papers-section .owl-prev ion-icon, .sample-papers-section .owl-next ion-icon{ text-align:center; width:100%; vertical-align:middle; font-size:18px; text-align:center; font-weight:bold; transform:rotate(90deg) !important; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.sample-papers-section .owl-prev ion-icon{ margin-left:-2px !important;}
.sample-papers-section .owl-prev{ left:0 !important;} .sample-papers-section .owl-next{ float:right; right:-100px !important;}
.sample-papers-section .owl-nav{ display:inline-block; position:absolute; top:0;}
.sample-papers-section .owl-prev{ left:-65px !important; position:absolute; color:#3867ff !important; border:solid 1px rgba(255,255,255,.1); background:#e4eafd !important;}
.sample-papers-section .owl-next{ right:-30px !important; position:absolute; color:#fff; border:solid 1px rgba(255,255,255,.1); background:#3867ff !important;}
#sample{ padding-right:70px;}
.sample-papers-section .owl-carousel .owl-item{ opacity:0; transition:all 0.1s ease-out;}
.sample-papers-section .owl-carousel .owl-item.active{ opacity:1;}

.how-it-works{ background:#ecf1ff; padding-bottom:30px; overflow:hidden;}
.how-it-works:before{ position:absolute; content:''; bottom:0; left:0; right:0; margin:auto; height:100px; background:#3c67ff;}
.step-box{ display:inline-block; width:100%; border-radius:6px; box-shadow:0 10px 25px -2px rgba(0,0,0,.07); background:#fff; padding:40px 35px; padding-top:50px;}
.step-item{ display:inline-block; width:100%; padding-bottom:25px; position:relative; padding-right:40px; counter-increment: my-sec-counter;}
.step-item .icon-inner{ width:78px; height:78px; background:#f5f7ff; border-radius:100%; position:relative;}
.step-item .icon ion-icon{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; color:#3867ff; font-size:38px; --ionicon-stroke-width:20px;}
.step-item .title-text{ padding-left:20px;}
.step-item .title-text h4{ font-size:18px; font-weight:600; color:#23272b; margin-bottom:10px;}
.step-item .title-text p{ font-size:13px; color:#636a79; margin:0; line-height:21px;}
.step-box .basic-btn{ width:100%; text-align:center;}
.step-item:before{ position:absolute; content:''; top:0; bottom:0; right:13px; border-left:solid 2px #e8eaed;}
.step-item:after{ position:absolute; content:''; content: "0" counter(my-sec-counter) ""; right:0; font-size:24px; color:#e8eaed; font-weight:600; width:30px; height:30px; background:#fff; text-align:center; top:-4px;}
.step-item.down:before{ display:none;}
.how-it-works .title-div{ padding-left:60px; padding-top:50px;}
.how-it-works .title-div h2{ font-size:60px; margin-bottom:30px; line-height:60px;}
.how-it-works .title-div p{ font-size:18px; line-height:30px; color:#6f7482;}
.how-it-works .title-div .basic-btn{ margin-top:20px;}
.how-it-works:after{ position:absolute; content:''; width:491px; height:490px; background:url(../images/ripple.png) no-repeat center center; z-index:0; right:300px; bottom:-150px;}

.coupone-section{ background:#3867ff; padding-top:50px;}
.coupone-section .title-div{ max-width:500px; margin-top:30px;}
.coupone-section .title-div h2{ font-size:48px; color:#fff; margin-bottom:20px; line-height:60px;}
.coupone-section .title-div span{ color:#ffdb16;}
.coupone-section .title-div p{ font-size:24px; color:#cad6ff; font-weight:500;}
.coupone-section .title-div .basic-btn{ margin-top:20px;}
.coupone-image{ max-width:485px;}
.coupone-image img{ width:100%;}

.content-section{ background:#fafafb;}
.content-box{ display:inline-block; width:100%; padding:40px; background:#fff; border-radius:6px; }
.content-box .title-box{ margin-bottom:20px;}
.content-box .title-box h2{ font-size:18px; font-weight:600; color:#363b49; line-height:24px;}
.content-box .title-box .icon ion-icon{ font-size:52px;}
.content-box .title-box .title-text{ padding-left:10px;}
.content-box p{ color:#3C3F48; font-size:14px; line-height:24px; font-weight:400; text-align:justify;}

ul.icon-bullets{ margin-top:0; display:inline-block; width:100%;}
ul.icon-bullets li .icon-inner{ width:50px; height:50px; border-radius:100%; background:#3867ff; box-shadow:0 10px 15px -2px rgba(56,103,255,.4); position:relative;}
ul.icon-bullets li .icon ion-icon{ color:#fff; font-size:24px !important; --ionicon-stroke-width:36px; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
ul.icon-bullets li{ color:#595c65; font-size:14px; line-height:24px; margin-bottom:10px;}
.small-box .basic-btn.light{ background:#f5f7ff; box-shadow:none; margin-top:15px;}
.small-box .basic-btn.light ion-icon{ color:#3c67ff; transition:all 0.2s ease-out;} 
.small-box .basic-btn.light:hover{ background:#3c67ff; color:#fff !important; box-shadow:0 10px 15px -2px rgba(56,103,255,.4);}
.small-box .basic-btn.light:hover ion-icon{ color:#fff !important;}
.content-box.small-box{ margin-bottom:30px;}
ul.icon-bullets li:last-child{ margin:0;}
ul.icon-bullets li{ margin-bottom:5px;}

.feedback-section{ background:#eff1f5;}
.feedback-section .title-div{ margin-top:60px;}
.feedback-section .title-div h2{ color:#03014c; font-size:52px; line-height:56px; margin-bottom:30px;}
.feedback-section .title-div p{ font-size:19px; color:#686c7a;}
.feedback-section .title-div .basic-btn{ margin-top:20px;}
.feedback-wrap{ max-width:462px;}
.message-box{ display:inline-block; width:100%; padding:40px; padding-top:55px; border-radius:6px; background:#fff; position:relative; margin-bottom:20px;}
.message-box blockquote{ position:relative; font-size:16px; color:#4d4c75; line-height:26px; margin-bottom:0; padding-right:85px;}
.message-box blockquote:before{ position:absolute; content:''; width:25px; height:19px; background:url(../images/quote-dark.png) no-repeat center center; left:0; top:-25px;}
.message-box blockquote h5{ margin-top:10px; color:#03014c; font-weight:600; font-size:18px; margin-bottom:0;}
.user-div{ display:inline-block; position:absolute; right:0; width:85px; height:85px; background:#f8f8f8; border-radius:100%; overflow:hidden; top:0; bottom:0; margin-top:-18px; margin:auto;}
.user-div img{ width:100%;}
.message-box:nth-child(2){ float:right;}

.links-section{ float:left; width:100%; padding:80px 0; position:relative; background:#3867ff; min-height:550px;}
.links-section:before{ content:''; position:absolute; top:0; bottom:0; left:0; margin:auto; width:50%; background:#000 url(../images/links-bg.jpg) no-repeat center center; background-size:cover;}
.links-section .title-div{ position:relative; z-index:1; padding-right:50px; margin-top:30px;}
.links-section .title-div h2{ color:#fff; margin-bottom:20px;}
.links-section .title-div p{ color:#eee; line-height:26px;}
.links-section ul.icon-bullets{ padding-left:50px;}
.links-section ul.icon-bullets li a{ color:#fff;}
.links-section ul.icon-bullets li a .icon-inner{ background:rgba(255,255,255,.1); width:40px; height:40px; transition:all 0.2s ease-out;}
.links-section ul.icon-bullets li a .title-text{ padding-left:15px; font-size:15px;}
.links-section ul.icon-bullets li a .icon ion-icon{ font-size:20px !important; transition:all 0.2s ease-out;}
.links-section ul.icon-bullets li{ margin-bottom:0;}
.links-section ul.icon-bullets li a:hover .icon-inner{ background:#fff;}
.links-section ul.icon-bullets li a:hover .icon ion-icon{ color:#3867ff !important;}
.links-section .title-div .basic-btn{ margin-top:15px;}

.support-strip{ position:relative; width:100%; padding:30px; display:inline-block; background:#3c67ff; margin-bottom:150px; margin-top:-40px; border-radius:6px;}
.strip-wrap{ display:inline-table; width:100%;}
.strip-col{ display:table-cell; vertical-align:middle;}
.strip-col h4{ margin:0; color:#fff; position:relative; padding-left:100px; min-width:250px;}
.strip-col h4:before{ position:absolute; content:''; width:78px; height:78px; background:url(../images/support-icon.png) no-repeat center center; left:0; top:7px; bottom:0; margin:auto;}
.strip-col .basic-btn{ width:200px; background:#ffdc3b; color:#000 !important; text-align:center; padding:18px 0;}
.strip-col p{ margin:0; color:#cdd9ff; font-size:14px;}
.strip-col:nth-child(2){ padding-right:30px; padding-left:30px; font-size:15px;}


footer{ float:left; width:100%;}
.footer-top{ display:inline-block; width:100%; padding:0 0 160px 0; background:#1e253b;}
.footer-top .logo{ margin-bottom:30px;}
.item-box{ display:inline-block; width:100%;}
.description{ padding-right:20px;}
.description p{ font-size:13px; color:#7f7f93; line-height:21px;}
.description ul.default-links{ display:inline-block; width:100%; margin-top:0;}
.description ul.default-links li{ display:inline-block; position:relative; padding:0 10px;}
.description ul.default-links li a{ font-size:14px; color:#bebecc; font-weight:600;}
.description ul.default-links li a:hover{ color:#95aeff;}
.description ul.default-links li:first-child{ padding-left:0;}
.description ul.default-links li:after{ content:'/'; position:absolute; color:#7f7f93; right:-5px; font-size:11px; top:5px;}
.description ul.default-links li:last-child:after{ display:none;}
.links ul li{ display:inline-block; width:100%; margin-bottom:14px;}
.links ul li a{ color:#a8a8b6; font-size:14px; display:inline-block; width:100%; font-weight:500; transition:all 0.2s ease-out;}
.links ul li a:hover{ color:#fff;}
.item-box h5{ color:#f5f7fb; text-transform:uppercase; font-weight:600; letter-spacing:1px; margin-bottom:30px; font-size:18px;}
footer .enquiry-form{ margin:0;}
footer .enquiry-form input[type="text"]{ height:45px; border-radius:8px; padding:15px; font-size:14px; border:solid 1px transparent; background:#363647;}
footer .enquiry-form textarea{ height:95px; border-radius:8px; padding:15px; font-size:14px; border:solid 1px transparent; background:#363647;}
footer .textbox{ margin-bottom:0;} 
.textbox input[type="text"]::placeholder, .textbox textarea::placeholder{ color:#78788d !important;} .textbox input[type="text"]::-webkit-placeholder, .textbox textarea::-webkit-placeholder{ color:#78788d !important;} .textbox input[type="text"]::-moz-placeholder, .textbox textarea::-moz-placeholder{ color:#78788d !important;}
footer .submit-btn{ width:100%; font-size:14px !important; text-transform:uppercase; padding:12px !important; height:auto; border-radius:10px; font-weight:600 !important; letter-spacing:1px;}
footer .submit-btn:active{ background:#658eb7; border-color:#658eb7;} 

.social{ margin-top:10px;}
.social ul li{ display:inline-block; margin-right:2px; margin:0; position:relative;}
.social ul li a{ display:inline-table; height:36px; width:36px; border:solid 1px #e9e9ef; border-radius:100%; color:#d1d0e3 !important; text-align:center; font-size:18px; transition:all 0.2s ease-in;}
.social ul li a i{ font-size:21px; display:table-cell; vertical-align:middle;}
.social ul li span{ color:#fff; font-size:13px; position:absolute; top:8px; margin:auto; margin-left:10px;}

.info-item{ display:inline-block; width:100%; margin-bottom:6px;}
.info-inner{ display:table; width:100%;}
.info-icon{ display:table-cell; width:52px;}
.info-icon .icon-inner{ width:41px; height:41px; background:none; border:solid 2px #3867ff; border-radius:100%; vertical-align:middle; text-align:center; transition:all 0.2s ease-out;}
.info-icon .icon-inner ion-icon{ font-size:20px; color:#f5f7fb; margin-top:8px;}
.info-text{ display:table-cell; vertical-align:middle; line-height:16px; color:#aaa;}
.info-text a{ font-size:14px; color:#f5f7fb; transition:all 0.2s ease-out; font-weight:500; font-family:Montserrat !important; font-weight:500;}
.info-item a:hover{ color:#95aeff;}
.info-item:hover .icon-inner{ border-color:#3867ff;}
.info-text strong{ font-weight:600; color:#f5f7fb;}
.info-item p{ color:#7f7f93; font-size:14px; margin-top:5px; margin-bottom:8px;}
.info-item:hover .info-icon .icon-inner{ background:#3867ff;}
.info-text a img{ width:15px;}
.payment-options{ display:inline-block; width:100%; padding:10px 15px; background:#fff; border-radius:6px; margin-top:20px;}
.payment-options img{ width:100%;}
.payment-options h5{ color:#1e253b; letter-spacing:0; font-size:16px; text-transform:none; margin-bottom:15px;}

footer .social{ margin-top:20px;}
footer .social ul li a{ border:none; background:#2c3248; color:#f1f0ff !important;}
footer .social ul li a i{ font-size:14px !important; font-weight:lighter;}
footer .social ul li a:hover{ background:#3867ff !important;}
.footer-bottom{ float:left; width:100%; padding:20px 0; text-align:center; background:#141929;}
.footer-bottom p{ color:#74747d; font-size:13px; letter-spacing:2px; text-transform:uppercase; margin:0; font-weight:500; font-family:Montserrat !important;}

.newsletter{ display:inline-block; width:100%; margin:10px 0 0;}
.newsletter .input-group .form-control{ height:51px; padding:15px; border:none; border-radius:10px 0 0 10px; box-shadow:none; background:#fff; font-size:14px; font-weight:500;}
.newsletter .input-group-append .btn, .newsletter .input-group-prepend .btn{ background:#3867ff; border:none; color:#fff; font-weight:700; padding:0 30px; box-shadow:none !important; border-radius:0 10px 10px 0; font-size:14px;}
.newsletter .input-group-append .btn ion-icon, .input-group-prepend .btn ion-icon{ position:absolute; left:30px; font-size:20px; margin-top:1px;}
.newsletter .input-group-append .btn:active{ background:#4527d9 !important;}

.calculate-form .number.page-count:after, .calculate-form .number.slide-count:after{ position:absolute; content:'Page Count'; left:0; right:0; top:0; bottom:0; margin:auto; color:#333; background:#fff; max-width:100%; height:20px; font-size:13px; text-align:center; color:#5a5f6f;}
.calculate-form .number.slide-count:after{ content:'Slide Count';}
.calculate-form .counter{ text-align:left; padding-left:20px;}
.pages .number small, .slides .number small{ position:absolute; right:70px; top:15px; margin:auto; color:#888;}

.wal-wrap{ max-width:250px; margin-bottom:30px;}
.wallet-history .table-div{ width:100%; background:none; border:none !important; padding:0; box-shadow:none; overflow:auto !important;}
.invite-wrap.wallet-history{ max-width:100% !important; display:block !important;}
.wallet-balance{ height:60px; background:#3867ff; display:inline-table; border-radius:15px; position:relative; width:100%;}
.wallet-balance strong{ display:table-cell; vertical-align:middle; padding-left:25px; font-size:24px; color:#fff; font-weight:600; position:relative;}
.wallet-balance span{ font-size:14px; position:relative; opacity:0.6; top:-3px;}
.wallet-balance:after{ position:absolute; content:''; width:60px; height:100%; background:#2b52d2 url(../images/wallet-icon.png) no-repeat center center; background-size:26px; right:0; border-radius:0 15px 15px 0;}
.wallet-table td, .wallet-table th{ font-size:12px !important; letter-spacing:0 !important;}

.payment-box{ float:left; width:100%; border-radius:6px; -webkit-border-radius:10px; overflow:hidden;}
.top-info{ float:left; width:100%; background:#3867ff; border-radius:6 6 0 0;}
.back-btn-wrap{ float:left; width:100%; padding:0; background:#f2f4fb !important;}
.back-btn{ color:#212529 !important; font-weight:600; text-transform:uppercase; font-size:14px; position:relative; padding:15px 35px; margin:0 !important; box-shadow:none !important; background:none !important; border:none !important; border-radius:0 !important;}
.back-btn i{ font-size:19px; margin-right:5px; position:absolute; left:18px; margin-top:1px;}
.top-info-wrap{ display:table; width:100%; padding:20px 30px;}
.lft-info{ display:table-cell;} .rgt-info{ display:table-cell; text-align:right;}
.top-info-wrap h4{ margin:0 0 5px 0; font-weight:500; font-size:20px; color:#fff;}
.top-info-wrap small{ font-size:14px; color:rgba(255,255,255,.6);}
.top-info-wrap h3{ margin:0; font-weight:500; font-size:22px; color:#fff;}
.payment-form-wrap{ float:left; width:100%; padding:20px 30px; background:#fff; border:solid 1px #eee; min-height:300px;}
.payment-form-wrap h5{ text-transform:uppercase; font-weight:500; font-size:13px; border-bottom:solid 1px #e0e0e0; padding-bottom:15px; margin-bottom:0 !important;}
.payment-form-wrap label{ padding-left:0; width:100%; margin:0;}
.payment-form-wrap .radio{ margin-top:20px;}
.payment-form-wrap .radio ul, .payment-form-wrap .checkbox ul{ display:table; width:100%; height:40px;}
.payment-form-wrap .radio ul li, .payment-form-wrap .checkbox ul li{ display:table-cell; vertical-align:middle;}
.payment-form-wrap .radio ul li .pay, .payment-form-wrap .checkbox ul li .pay{ float:right; color:#333; background:none; font-weight:normal; font-size:17px; padding:10px 20px; border-radius:5px; -webkit-border-radius:5px;} 
/*.payment-form-wrap .checkbox ul li .pay{ float:right; color:#333; background:none; font-weight:normal; font-size:17px; padding:0 20px 10px 20px; border-radius:5px; -webkit-border-radius:5px;}*/
.payment-box .btn{ background:none !important;}
.payment-box .back-btn:hover{ color:#3867ff !important; background-image: linear-gradient(to right, #b2c4ff , #f2f4fb) !important; color:#3867ff !important;}
.payment-form-wrap .checkbox, .payment-form-wrap .radio{ border-bottom:solid 1px #eee; margin:0;}
.payment-form-wrap .radio{ padding-bottom:0; border-bottom:solid 1px #eee;}
.continue-btn{ float:right; background:none !important; font-weight:600; color:#212529 !important; text-transform:uppercase; padding:15px 20px; background:#f47a17; font-size:14px; letter-spacing:2px; 
border:none !important; box-shadow:none !important; border-radius:0 !important; padding-right:35px; position:relative; margin:0 !important;}
.continue-btn:hover{ background-image: linear-gradient(to right, #f2f4fb , #b2c4ff) !important; color:#3867ff !important;}
.continue-btn i{ font-size:18px; margin-right:5px; position:absolute; right:15px; margin-top:1px;}
.pay strong{ color:#3867ff; font-weight:600;}
.payment-form-wrap .radio i{ font-size:14px !important;}
.payment-form-wrap .radio span{ line-height:20px !important;}
.payment-wrap .title-div h3{ margin-bottom:25px;}
.checkbox small{ color:#999;}
.payment-form-wrap .checkbox{ box-shadow:none; border-left:none; border-right:none;}
.payment-form-wrap .radio .cr{ border:solid 1px #ccc;}
.payment-form-wrap .radio .cr .cr-icon{ top:50%;}
.payment-form-wrap .radio strong{ font-weight:600; font-size:15px;}
.payment-form-wrap .radio small{ color:#999;}

.main-container{ display:inline-block; width:100%; height:100%; position:fixed; overflow:auto; left:0; right:0; top:0; bottom:0; margin:auto; background:#fff; padding:50px 0 0 0; overflow-y:auto; overflow-x:hidden;}
.entry-container{ max-width:450px; margin:0 auto; position:relative; text-align:center;}
.form-box{ max-width:100%; min-height:400px; padding:50px; border-radius:5px; -webkit-border-radius:5px; background:#fff; position:relative; border:solid 1px #eee; box-shadow:0 5px 15px -5px rgba(0,0,0,.05); margin-bottom:60px;}
.entry-container:before{ content: ''; position: absolute; left: calc(50% + -10px); top: 50%; width: 674px; height: 304px; transform: translate(-50%, -50%); /*background:url(../images/bg.svg) 50% 50% no-repeat;*/}
.logo{ margin:0 auto 30px auto; text-align:center; max-width:250px; }
.logo img{ width:100%;}
.entry-container .title-div{ text-align:center; margin-bottom:40px;}
.entry-container .title-div h4{ font-weight:300; line-height:30px;}
.cancel-animation{ float:left; width:100%; margin-bottom:20px;}
.cancel-animation svg{ width: 100px; display: block; margin: 0 auto 0; height:100px;}
.cancel-payment p{ color:#777;}
.cancel-payment .basic-btn{ font-size:12px; margin-top:15px;}
.error svg{ fill:red;}

.right-panel.invite{ padding:0; overflow:hidden;}
.right-panel.invite .invite-wrap{ padding:40px 40px 0; background:#e4f1ff;}
.invite-wrap .heading-div{ margin-bottom:10px;}
.invite-wrap .heading-div h4{ font-weight:600; color:#3867ff;}
.right-panel.invite p{ font-size:13px; line-height:24px; color:#444752;}
.right-panel.invite p strong{ font-weight:600;}
.invite-graphics{ position:relative; bottom:0;}
.invite-graphics img{ width:100%;}
.bottomp-wrap{ display:inline-block; width:100%; padding:40px;}
.bottomp-wrap .form-control{ height:60px; border-radius:15px 0 0 15px; padding-left:20px; box-shadow:none !important;}
.bottomp-wrap .btn-secondary{ padding:0 30px !important; border-radius:0 15px 15px 0; background:#363945; border:none !important; box-shadow:none !important;}
.bottomp-wrap .btn-secondary:active{ background:#212532 !important;}
.bottomp-wrap label{ font-weight:600;}
footer .logo{ margin:0 0 30px 0 !important;}

.cancel-animation{ margin-bottom:0;}
.cancel-animation ion-icon{ font-size:110px; color:#2dc168; --ionicon-stroke-width:16px;}
.cancel ion-icon{ color:#F66;}

/*.account-menu{ display:none;  animation: pulsebutton 4s ease-out infinite;}*/
.account-menu img{ width:100%;}
/*.close-btn{ display:none; cursor:pointer;}*/
.close-btn ion-icon{ font-size:30px; color:#F30; position:absolute; right:10px; top:10px;}
.right-panel{ position:relative;}

.call-back-form .select-box .form-control{ background:url(../images/down-arrow.png) no-repeat center right !important; background-size:8px !important; height:51px !important;}

.sample-papers .table-wrap td .basic-btn{ font-size:10px; padding:7px 20px; margin:0; background:#04be64; box-shadow:0 10px 10px -2px rgba(4,190,100,.4);}
.sample-papers .table-wrap td .basic-btn:hover{ background:#00984f; box-shadow:none;}
.sample-papers .table-wrap th{ text-transform:uppercase;}
.sample-papers .table-wrap td{ font-size:13px; padding:10px;}
.sample-papers .table-wrap .table-striped tr:nth-child(even) td{ background:#f9f9f9;}
.sample-papers .table-wrap .table-striped tr:first-child{ background:none;}
.sample-banner .calculate-form{ max-width:100%; display:block; float:none; border-radius:6px;}
/*.sample-papers{ padding:0 !important; background:none;}*/
.sample-banner .paper-wrap{ margin-bottom:30px; background:#fff; box-shadow:none; padding:25px !important; border-radius:6px; transition:all 0.2s ease-out;}
.sample-banner .paper-wrap .download-btn{ display:inline-block; width:100%; border-radius:6px; position:relative; margin-top:20px;}
.sample-banner .paper-wrap:hover{ box-shadow:0 12px 20px -2px rgba(85,89,97,.15);}
.prices .table-wrap td, .prices .table-wrap th{ font-size:13px; letter-spacing:0;}
.prices .heading-div p{ font-size:13px; margin-bottom:0; color:#555;}
.prices .table-wrap{ margin-bottom:20px;}
.prices p{ font-size:13px; margin:5px;}

.contact-box{ max-width:800px; padding:40px; background:#fff; border-radius:10px; box-shadow:0 5px 25px -2px rgba(139,144,159,.2); margin:auto;}
.contact-box h4, .contact-box h1{ margin-bottom:30px; font-size:1.5rem;}
.contact-box .title-text{ padding-left:10px;}

ul.bullet-points{ margin-left:15px;}
ul.bullet-points li{ font-size:14px; color:#64687a; margin-bottom:20px; line-height:24px; font-weight:400; list-style:disc !important; padding-left:5px;}
ul.bullet-points li a{ color:#3867ff; font-weight:600;}
ul.bullet-points li strong{ font-weight:600; color:#191a20;}

.contact-info{ display:inline-block; width:100%; margin-top:20px; border:solid 1px #e9ebf5; border-radius:10px; overflow:hidden; background:#fff; box-shadow:0 5px 25px -2px rgba(139,144,159,.2);}
.contact-info h5{ margin-bottom:20px; padding:20px 30px; background:#fff; border-bottom:solid 1px #e9ebf5;}
.contact-info ul{ padding:0 30px 20px 30px;}
.contact-info .title-text{ font-size:16px; color:#2b2e35;}
.contact-info .title-text a{ color:#3867ff; font-weight:500;}
.contact-info .title-text a img{ width:18px;}
.contact-info .call a{ position:relative; padding-left:25px; margin:0 10px;}
.contact-info .call a img{ position:absolute; left:0; top:0; bottom:0; margin:auto;}

.term-papers p, .term-papers ul.bullet-points li{ font-size:15px; color:#575a64; line-height:28px;}
.term-papers h5{ margin:30px 0 10px; font-weight:600;}
.not-found{ max-width:650px;}
.not-found h2{ margin:15px 0 !important;}
.not-found svg{ margin-bottom:15px;}

.help-wrap p{ font-size:15px; color:#484865; line-height:24px; text-align:justify;}
.help-wrap h2, .help-wrap h3, .help-wrap h4, .help-wrap h5, .help-wrap h6{ margin:30px 0 15px 0; color:#343742;}
.help-wrap h3{ font-size:21px;}
.help-wrap h3 strong{ font-weight:500; padding:5px 10px; background:#3867ff; color:#fff; font-size:16px; position:relative; top:-3px; margin-right:16px; position:relative;}
.help-wrap h3 strong:after{ position:absolute; content:''; border-bottom:solid 16px #3867ff; border-top:solid 16px #3867ff; border-right:solid 10px transparent; right:-10px; height:100%; top:0; bottom:0; margin:auto;}
.help-wrap p a{ color:#3867ff; font-weight:600;}
.help-wrap p strong{ font-weight:700; color:#303040;}
.writing-help-section{ float:left; width:100%; background:#f9f9f9; padding-top:60px;}
.writing-help-section .stick{ display:inline-block; z-index:2;}
.writing-help{ position:relative; background:#e6ecff url(../images/clouds.svg) no-repeat center bottom; background-size:100%; padding-top:80px; padding-bottom:0;}
.writing-help .banner-wrap{ height:auto;}
.writing-help .banner-box{ width:50%;}
.writing-help .banner-wrap h1{ margin:0; font-size:60px; line-height:66px !important; }
.writing-help .banner-wrap h1.medium{ font-size:52px;}
.writing-help .banner-wrap .banner-caption{ padding-top:50px; padding-bottom:100px;}
.writing-help-section .right-panel{ z-index:2;}
.writing-help .text-center{ position:relative; z-index:2;}
.writing-help-section .calculate-form{ margin-bottom:30px;}
.writing-help-section .calculate-form p{ font-size:13px; color:#666; line-height:24px;}
.writing-help-section .calculate-form h1{ margin-bottom:10px;}
.writing-help-section .calculate-form .form-control{ border:solid 1px #e8e8e8 !important; padding:10px 12px !important; height:auto; margin:0; border-radius:6px;}
.writing-help-section .select-box select{ background:url(../images/arrow.jpg) no-repeat center right; background-size:42px !important;}
.writing-help-section .calculate-form fieldset{ margin-bottom:5px;}
.writing-help-section .calculate-form .form-control:focus{ border-color:#3867ff !important;}
ul.gaping li{ margin-bottom:20px !important;}

ul.numberic{ counter-reset: my-awesome-counter; margin-bottom:20px;}
ul.numberic li{ counter-increment: my-awesome-counter; position:relative; padding-left:20px; margin:5px 0; color:#484865;}
ul.numberic li:before{ content: counter(my-awesome-counter) ". "; color: #343742; font-weight: 600; position:absolute; left:0;}

ul.roman{ margin-bottom:20px; margin-left:20px;}
ul.roman li{ list-style:lower-roman !important; margin:5px 0;}

ul.bulletic li{ list-style:disc !important; margin-left:30px; margin-bottom:5px; color:#484865; padding-left:5px;}
.right-box{ padding:30px; background:#fff; display:inline-block; border-radius:6px; box-shadow:0 5px 25px -2px rgba(139,144,159,.2); width:100%; margin-bottom:30px;}
.right-box .title-text{ padding-left:10px; position:relative; font-weight:500;}
.right-box h4{ margin-bottom:25px; font-size:21px;}
.right-box .basic-btn{ width:100%; padding:14px; margin-top:20px;}
.right-box ul.icon-bullets li{ position:relative; margin-bottom:0;}
.right-box ul.icon-bullets li:after{ content:''; position:absolute; border-left:solid 2px #d3dbf5; top:20px; bottom:-10px; left:23px; z-index:0;}
.right-box ul.icon-bullets li:last-child:after{ display:none;}
.right-box .icon{ position:relative; z-index:1;}
.right-box .icon-inner{ background:#fff !important; border:solid 2px #d3dbf5; box-shadow:none !important; transition:all 0.2s ease-out;}
.right-box .icon-inner ion-icon{ color:#3867ff !important; transition:all 0.2s ease-out;}
.right-box .title-text .free{ display:inline-block; position:absolute; right:-30px; top:0; bottom:0; margin:auto; background:#3867ff; color:#fff; padding:2px 10px; height:28px;}
.right-box .title-text .free:before{ content:''; position:absolute; border-right:solid 14px #3867ff; border-top:solid 14px transparent; border-bottom:solid 14px transparent; top:0; bottom:0; left:-14px; height:28px;}
.right-box ul.icon-bullets li:hover .icon-inner{ background:#3867ff !important; border-color:#3867ff;}
.right-box ul.icon-bullets li:hover .icon-inner ion-icon{ color:#fff !important;}
.right-box ul.icon-bullets li:hover .icon-inner{ box-shadow:0 10px 15px -2px rgba(56,103,255,.4) !important;}
.banner-graphics{ max-width:560px; position:relative; bottom:-25px;}
.banner-graphics img{ width:100%;}
.colored{ background:#e5ebff url(../images/ripple.png) no-repeat center 160px;}
.colored img{ max-width:90px; border:solid 6px #bdcdff; border-radius:100%; margin-bottom:15px;}
#topcontrol{ z-index:9999999999999999999999 !important;}

.service-links{ background:#fff;}
.service-links:before{ background:#3867ff url(../images/links-bg-2.jpg) no-repeat center center; background-size:cover;}
.service-links ul.icon-bullets li{ position:relative; padding:2px 0;}
.service-links ul.icon-bullets{ padding-left:0;}
.service-links ul.icon-bullets li a{ color:#555c71;}
.service-links ul.icon-bullets li a .icon-inner{ background:#3867ff; border:solid 2px #3867ff; z-index:1; width:35px; height:35px; box-shadow:none;}
.service-links ul.icon-bullets li a .icon-inner ion-icon{ color:#fff; font-size:12px !important; --ionicon-stroke-width:60px;}
.service-links ul.icon-bullets li a:hover{ color:#3867ff;}
.service-links ul.icon-bullets li a .title-text{ font-size:13px;}
.service-links ul.icon-bullets li a .icon{ width:22px;}
.service-links ul.icon-bullets li a:hover .icon-inner ion-icon{ transform:scale(1.4);}
.links-wrap{ /*box-shadow:0 10px 20px -2px rgba(0,0,0,.1);*/ max-width:350px; margin-left:70px; }
.service-links ul.icon-bullets li a:hover .icon-inner{ border-color:#3867ff; background:#3867ff;}
.service-links ul.icon-bullets li a:hover .icon-inner ion-icon{ color:#fff !important;}
.links-wrap h4{ font-size:21px; margin-bottom:20px; color:#3867ff;}

.links-wrap .owl-nav{ display:inline-block; width:100% !important; height:82px; position:relative; max-width:0 !important; right:-110px; transform:rotate(-90deg);}
.links-wrap .owl-prev, .links-wrap .owl-next{ width:46px; height:46px; color:#fff !important; text-align:center; display:inline-block; transition:all 0.2s ease-in; border-radius:100%; line-height:57px;}  
.links-wrap .owl-prev ion-icon, .links-wrap .owl-next ion-icon{ text-align:center; width:100%; vertical-align:middle; font-size:18px; text-align:center; font-weight:bold; transform:rotate(90deg) !important; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
.links-wrap .owl-prev{ left:0 !important;} .links-wrap .owl-next{ float:right; right:-100px !important;}
.links-wrap .owl-nav{ display:inline-block; position:absolute; top:0;}
.links-wrap .owl-prev{ left:-65px !important; position:absolute; color:#3867ff !important; border:solid 1px rgba(255,255,255,.1); background:#e4eafd !important;}
.links-wrap .owl-next{ right:-30px !important; position:absolute; color:#fff; border:solid 1px rgba(255,255,255,.1); background:#3867ff !important;}
#sample{ padding-right:70px;}
.links-wrap .owl-carousel .owl-item{ opacity:0; transition:all 0.1s ease-out;}
.links-wrap .owl-carousel .owl-item.active{ opacity:1;}

.discount-panel{ float:left; width:100%; background:#fff; height:100px; margin-top:60px; overflow:hidden; margin-bottom:20px; position:relative; max-width:500px; border-radius:10px;}
.left-discount{ background:#5f5f5f; height:100px; width:100%; float:left;}
.discount-panel img{ width:100%;} 
.discount-left{ background:#e8edff; position:relative;}
.discount-panel ul{ float:left; width:100%; display:table; height:100px; position:relative;}
.discount-panel ul li{ display:table-cell; vertical-align:middle;}
.discount-left h4{ position:relative; font-size:14px; font-weight:600; color:#2c375a; text-transform:uppercase; width:100%; padding-left:160px; float:right; margin-top:4px;}
.discount-left h4:before{ position:absolute; content:''; height:55px; width:110px; background:url(../images/discount-image.png) no-repeat left center; left:30px; top:0; bottom:0; margin:auto; border-right:solid 2px #ccd0dc;}
.discount-left h4:after{ position:absolute; content:""; width:60px; height:60px; background:#3867ff url(../images/lnr-gift.svg) no-repeat center center; background-size:26px; text-align:center; line-height:48px; color:#fff; border-radius:100%; -webkit-border-radius:100%; border:solid 5px #fff; font-size:28px; top:0; bottom:0; right:-30px; margin:auto;}
.discount-right{ padding-left:40px; vertical-align:middle; display:inline-block;} 
.discount-right h6{ font-size:18px; font-weight:500; margin:0 !important;}
.discount-right h6 small{ font-weight:500; text-transform:uppercase; font-size:12px;}
.discount-right h6 strong{ color:#3867ff; display:inline-block; margin-top:2px; letter-spacing:2px;}
.discount-panel:before{ left:5px; right:5px; top:5px; bottom:5px; padding:6px; margin:auto; border:dashed 2px #b5bbcd; content:''; position:absolute; z-index:999; border-radius:10px;}


#feedback{ transform:rotate(-90deg);}
#feedback .owl-stage-outer{ overflow:visible;}
#feedback .owl-item{ transform:rotate(90deg); transition:all 0.2s ease-out; margin-bottom:20px; opacity:0;}
.feedback-section{ overflow:hidden;}
#feedback .owl-item.active{ opacity:1;}
#feedback .owl-item.active .message-box{ transition:all 0.3s ease-out;}
#feedback .owl-item.active .message-box:nth-child(1), #feedback .owl-item.active .message-box:nth-child(3){ margin-left:60px !important;}
.feedback-section .title-div p{ padding-right:110px;}

#feedback .owl-nav{ display:inline-block; width:100% !important; height:82px; position:relative; max-width:0 !important; left:0; top:0; transform:rotate(-90deg);}
#feedback .owl-prev, #feedback .owl-next{ width:46px; height:46px; color:#fff !important; text-align:center; display:inline-block; transition:all 0.2s ease-in; border-radius:100%; line-height:57px;}  
#feedback .owl-prev ion-icon, #feedback .owl-next ion-icon{ text-align:center; width:100%; vertical-align:middle; font-size:18px; text-align:center; font-weight:bold; transform:rotate(90deg) !important; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
#feedback .owl-prev{ left:0 !important;} #feedback .owl-next{ float:right; right:-100px !important;}
#feedback .owl-nav{ display:inline-block; position:absolute; top:0;}
#feedback .owl-prev{ left:-65px !important; position:absolute; color:#3867ff !important; border:solid 1px rgba(255,255,255,.1); background:#e4eafd !important;}
#feedback .owl-next{ right:-30px !important; position:absolute; color:#fff; border:solid 1px rgba(255,255,255,.1); background:#3867ff !important;}
#feedback .owl-carousel .owl-item{ opacity:0; transition:all 0.1s ease-out;}
#feedback .owl-carousel .owl-item.active{ opacity:1;}

.footer-top .logo{ max-width:200px;} 
#topcontrol{ bottom:100px;}

.service-links .title-div h2{ font-size:36px;}
.links-section .title-div{ padding-right:60px;}
.links-wrap h4{ margin-bottom:30px;}
.content-section .title-div h2{ font-size:36px;}
.content-box .icon-bullets{ margin-top:20px;}
.content-box .basic-btn.light.iconic{ padding:0 !important; background:none !important; box-shadow:none !important; color:#3867ff !important;}
.content-box .basic-btn.light.iconic:hover{ color:#3867ff !important;}
.sample-papers{ padding:0; background:none;}

.dellink.close_btn:before{ display:none !important;}
.dellink.close_btn{ padding:0; cursor:pointer; border-color:#ff8ba1 !important; background:#fff; color:#fff !important; width:31px; height:31px; text-align:center; line-height:30px; margin-left:3px;}
.dellink.close_btn i{ margin-left:0; font-size:14px; font-weight:lighter;}
.revision-fld-wrap .select-box .form-control{ height:51px !important; padding:10px !important;}

/*---------- 10.12.2020 -----------*/

.order-form .heading-div h1, .order-form h1, .sample-papers h1, .calculate-form h1{ font-size:24px;}
.pay, .pay strong{ font-size:15px !important;}
.radio ul li:last-child, .checkbox ul li:last-child{ width:250px !important;}


/*---------- 1st April 2021 -----------*/

.radio-box{ display:inline-block; width:100%; padding:25px; border:solid 1px #eee; border-radius:10px; box-shadow:0 8px 20px -5px rgba(0,0,0,.1);}
.payment-form-wrap .checkbox, .payment-form-wrap .radio{ border:none !important;}
.radio-box .radio:first-child{ border-bottom:solid 1px #eee !important;}
.radio-box .radio:first-child label{ padding-top:0 !important; position:relative;}
.radio-box .radio:last-child label{ padding-bottom:0 !important;}
.radio-box .radio label{ cursor:pointer; padding:30px 0;}
.radio-box .radio:first-child label:after{ position:absolute; content:'- or -'; text-transform:uppercase; font-size:13px; line-height:25px; padding:2px 10px; height:30px; border:solid 1px #eee; background:#fff; border-radius:5px; text-align:center; bottom:-15px; left:45px;}

.alert-danger{display:inline-block;width:100%;text-align:center;} /* sps for partial offer div */

@media (max-width: 1100px) {
	.title-div h2{ font-size:36px !important; line-height:46px !important;}
	.container{ max-width:90%;}
	.message-box{ margin-left:0;}
}

@media (max-width: 1060px) {
	.navbar-nav .nav-item .nav-link{ font-size:13px; letter-spacing:0;}
}

@media (max-width: 1024px) {
	.strip-text small{ font-size:12px;}
	.strip-text h4{ font-size:20px;}
	.strip-icon{ position:relative;}
	.strip-text{ padding-left:0; text-align:center;}
	.strip{ padding-top:80px;}
	.how-it-works::after{ right:50px;}
	.step-box{ z-index:1; position:relative;}
	.navbar-nav .nav-item .nav-link{ font-size:13px; padding:16px 4px; font-size:12px; letter-spacing:0.3px;}
	.container{ max-width:100%;}
	.order{ padding:16px 25px;}
	.navbar{ padding:1rem;}
	.ordr-wrp{ padding:10px;}
	.order-info-wrap ul li h4{ font-size:14px;}
}

@media (max-width: 980px) {
	.how-it-works::before{ display:none;}
	.how-it-works{ padding-bottom:60px;}
	.how-it-works::after{ right:50px; bottom:-250px;}
	.how-it-works .title-div{ padding-left:20px;}
	.navbar-nav .nav-item .nav-link{ font-size:12px; padding:16px 0;}
	.banner-box{ width:55%;}
	.order{ padding-left:25px; padding-right:25px;}
	.table-wrap table {	width:800px;}
	
	/*.collapse:not(.show){ display:none !important;}
	.navbar-dark .navbar-toggler{ display:block !important;}*/
}

@media (max-width: 810px) {
	.navbar-brand{ max-width:160px !important;}
}
@media (max-width: 800px) {
	.banner-caption h1{ font-size:36px; line-height:42px;}
	.banner-caption h1 br{ display:none;}
	.banner-caption p{ font-size:15px;}
	.banner-caption p br{ display:none;}
	header .container{ max-width:100%;}
	.navbar-nav .nav-item .nav-link{ letter-spacing:0;}
	.navbar-brand{ max-width:150px !important;}
	
}

@media (max-width: 767px) {
	.menu{ width:35px; position:relative; margin-top:2px; cursor:pointer; line-height:0 !important; padding:5px; border:none;}
	.menu span.bar{ display:inline-block; width:100%; border-bottom:solid 1px #000; margin-bottom:4px; transition:all 0.2s ease-in; position:relative; height:3px;}
	.menu-bars .bar-2{ opacity:0;}
	.menu-bars .bar-1{ transform:rotate(45deg); position:absolute; width:20px; height:17px; top:8px; margin-left:1px;}
	.menu-bars .bar-3{ transform:rotate(-45deg); position:absolute; width:20px; height:17px; top:-6px;}
	.navbar-nav .nav-item{ margin-left:0;}
	.dropdown .dropdown-item{ border-radius:0 !important;}
	.dropdown .col-lg-6:first-child .dropdown-item, .dropdown-menu{  border-radius:0 !important;}
	.dropdown-menu{ max-width:100% !important;}
	.dropdown-menu::after{ display:none;}
	.banner-box{ display:inline-block; width:100%;}
	.banner-box .calculate-form{ float:none; margin:auto; display:block; max-width:100%; margin-top:40px;}
	.banner{ padding-top:80px;}
	.banner-caption h1{ margin-bottom:10px;}
	.banner-caption .basic-btn{ margin-top:10px !important;}
	.strip{ padding-top:40px;}
	.navbar{ padding:1rem;}
	.coupone-section{ text-align:center;}
	.coupone-image{ margin:auto; max-width:461px;}
	.links-section::before{ display:none;}
	.links-section .basic-btn{ background:#fff; color:#3867ff !important;}
	.links-section ul.icon-bullets{ padding-left:0;}
	.fluid-box{ padding:50px 0;}
	.feedback-section{ text-align:center;}
	.feedback-wrap{ margin:auto;}
	.message-box blockquote{ text-align:left;}
	.strip-col{ display:inline-block;}
	.strip-col:nth-child(2){ padding:0;}
	.strip-wrap{ text-align:center;}
	.strip-col h4{ padding-left:0;}
	.strip-col .basic-btn{ margin-top:10px !important;}
	.strip-col h4::before{ display:none;}
	.links-section{ padding:40px 0;}
	.content-section .title-div{ margin-bottom:50px;}
	.account-menu{ display:inline-block; position:fixed; top:0; right:60px; top:18px; z-index:99999; overflow:hidden; width:35px; height:35px; border-radius:100%;}
	.navbar{ padding:0.7rem 1rem !important;}
	.close-btn{ display:block;}
	.light-nav{ background:rgba(255,255,255,.95) !important; box-shadow:0 5px 15px -2px rgba(0,0,0,.1); padding-bottom:1rem !important;}
	.how-it-works .title-div{ position:relative; z-index:1;}
	.title-div h2 br{ display:none !important;}
	.table-wrap{ overflow:auto;}
	.sample-banner .calculate-form{ margin-top:20px;}
	.table-wrap table{ width:600px;}
	.user-text .basic-btn{ padding:10px 20px !important;}
	.writing-help .banner-box{ width:100%;}
	.writing-help .banner-wrap .banner-caption{ padding:20px 0;}
	#feedback{ transform:rotate(0deg);}
	#feedback .owl-item{ transform:rotate(0deg);}
	#feedback .owl-nav{ display:none !important;}
	#feedback .owl-item.active .message-box:nth-child(1), #feedback .owl-item.active .message-box:nth-child(3){ margin-left:0 !important;}
	#topcontrol{ display:none !important;}
	.service-links::before{ width:100%; display:inline-block;}
	.links-wrap{ padding:40px; background:#fff; margin-left:0;}
	.content-box{ margin-bottom:15px;}
	.info-text a{ word-wrap:anywhere;}
	.order-info-wrap-icon{ margin-right:5px;}
	.order-info-wrap ul li h4{ font-size:13px;}
	.user-text .basic-btn{ padding-left:30px !important;}
	.login-form-wrap .nav-tabs > li{ display:inline-block; margin-bottom:4px;}
	.login-form-wrap .nav-tabs > li a{ display:inline-block; border-radius:10px; border:none !important;}
	.login-form-wrap .nav-tabs > li a.active{ background:#3867ff !important; color:#fff !important;}
	.order-info-wrap ul li{ padding:0 !important;}
}

@media (max-width: 640px) {
	.uploaded-item{ display:block;}
	.file-tittle{ display:block;}
	.right-panel{ padding:25px;}	
	.discount-left h4::before{ width:80px; background-size:60px;}
	.discount-left h4{ padding-left:130px; font-size:12px;}
	.order-info-wrap ul li{ display:inline-block; width:100%; margin-bottom:10px;}
	.table-div ul li{ display:inline-block; width:100% !important;}
	.login-form-wrap .panel-body{ border:none !important; padding:0 !important;}
	.upload-section, .top-part ul li, .panel-wrap .panel-content{ padding:15px !important;}
	.why-choose-wrap{ padding:15px;}
}

@media (max-width: 480px) {
	.why-choose-wrap{ padding:30px;}
	.container{ max-width:100%;}
	.sample-papers-section .owl-nav{ display:none;}
	#sample{ padding-right:0;}
	/*.title-box .title-text{ display:inline-block; padding-left:0;}*/
	/*.title-box .icon{ display:inline-block; margin-bottom:10px;}*/
	.step-box{ padding-right:15px;}
	.basic-btn{ padding:16px 30px !important; text-align:center !important;}
	.basic-btn ion-icon{ display:none;}
	.logo{ margin:0 !important;}
	.item-box{ padding-bottom:20px; margin-bottom:30px; border-bottom:solid 1px #363943;}
	.support-strip{ margin-bottom:40px;}
	.footer-top{ padding-bottom:40px;}
	.step-box{ padding:25px;}
	.why-choose-wrap{ padding:15px;}
	.title-div h2{ font-size:32px !important; line-height:36px;}
	.sample-papers .table-wrap .basic-btn{ padding:6px 15px !important;}
	.bottomp-wrap{ padding:20px;}
	.right-panel.invite .invite-wrap{ padding:20px 20px 0;}
	.content-box{ padding:20px;}
	.content-section .title-box .icon{ display:table-cell !important;}
	.content-box .title-box h2{ font-size:15px; line-height:20px;}
	.links-section ul.icon-bullets li a .title-text{ font-size:13px; padding-left:0;}
	.links-section ul.icon-bullets li a .icon-inner{ width:30px; height:30px;}
	.links-section .title-box .icon{ width:40px; margin-bottom:0;}
	.links-section ul.icon-bullets li{ margin-bottom:10px;}	
	.call-circle, .top{ width:40px; height:40px;}
	.call-circle::after{ width:40px; height:40px;}
	.top img{ width:100%;}
	.call-circle a ion-icon{ font-size:18px;}
	.call-circle span{ left:-22px;}
	.box{ margin-bottom:15px;}	
	.right-box .title-box .icon, .right-box .title-text{ display:table-cell;}
	.writing-help-section .calculate-form{ max-width:100%; margin-top:30px;}
	.feedback-wrap{ margin:0 auto !important; max-width:400px !important; overflow:hidden;}
	.feedback-section .title-div p{ padding-right:0;}
	.content-box{ padding:20px;}
	.links-section ul.icon-bullets li a .title-text{ padding-left:20px;}
	.links-section .title-div{ padding-right:0;}
	.step-item .icon-inner{ width:55px; height:55px;}
	.step-item .icon{ vertical-align:top;}
	.step-item .icon ion-icon{ font-size:30px;}
	.step-item .title-text h4{ font-size:15px;}
	.step-item{ padding-right:20px;}
	.step-item .title-text{ padding-left:10px;}
	.step-item .title-text p{ font-size:11px; line-height:18px;}
	.step-item::after{ right:-10px; font-size:18px;}
	.step-item::before{ right:3px;}
}

@media (max-width: 479px) {	
	.discount-right h6{ line-height:12px;}
	.discount-right{ padding-left:10px;}
	.discount-left h4::after{ display:none;}
	.discount-left h4::before{ background-size:80px; border:none;}
	.links-wrap .owl-nav{ display:none !important;}
	.upload-section .input-group-addon{ display:none;}
	.login-form-wrap .nav-tabs li a span{ display:none;}
	.upload-section .upload-files .browse-btn{ padding:0 15px;}
	.right-panel{ padding:15px;}
}

@media (max-width: 360px) {
	.links-wrap{ padding:25px;}
}

@media (max-width: 320px) {
}

.user-text .basic-btn:hover{ box-shadow: 0 10px 18px -6px rgba(56,103,255,.6) !important;}