@charset "utf-8";
/* CSS Document */

.container { width: 1200px; margin: 0px auto;}
.container:after,.container:before { clear: both; overflow: hidden; content:""; display: block;}
a { text-decoration: none; outline: none;}


.top-wpr { padding: 15px 0px;}
.top-wpr .logo { float: left;}
.top-wpr .logo img { display: inline-block; border-right: 1px solid #eaeaea; padding-right: 20px; margin-right: 20px; float: left;}
.top-wpr .logo h1 { color: #3d3d3d; font-size: 24px; display: inline-block; font-weight: 400; padding-top: 8px;}
.top-wpr .logo h1 span { color:#828282 ; font-size:18px ; display: block; margin-top: 5px;}
.top-wpr .action { float: right; padding-top: 13px;}
.top-wpr .action a { display: inline-block; margin-left:20px;}

.top-wpr .action a.pdf { background: url(../img/pdf.png) no-repeat; width: 32px; height: 43px;}
.top-wpr .action a.print { background: url(../img/print.png) no-repeat; width: 42px; height: 42px;}


.tab-button-wpr {background: rgb(96,108,136);background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); padding-top: 5px;}
.tab-button-wpr ul li { display: inline-block;}
.tab-button-wpr ul li a { display: block; font-size: 14px; color: #747474; text-transform: uppercase; padding:18px 12px;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; text-decoration: none; outline: none; background: #eeeeee; box-shadow:0px 0px 20px rgba(0,0,0,0.1) inset;}
.tab-button-wpr ul li.active a { background: #fff; box-shadow: none;}


.content-wpr { padding-bottom: 80px;}

.message { font-size: 14px; color: #000; /*background: #ece0dd;*/ padding: 10px 15px; position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 25px 0px;font-weight:bold;}
.message p { background: url(../img/alert.png) left no-repeat; padding:10px 0px 10px 30px;}
.message a { position: absolute; top:50%; transform: translateY(-50%); right: 15px; color: #c79e93; font-size: 18px;}



.table-box { background: #fff; padding:35px 30px 30px; box-shadow: 0px 0px 30px rgba(0,0,0,0.1); position: relative; margin-bottom: 30px;}

.table-box span { display: block; color: #cfcfcf; font-size: 48px; position: absolute; top:20px; left: 30px; font-weight: bold;}
.table-box strong { display: block; text-align: center; margin-bottom: 25px; font-size: 22px; color:#3d3d3d; font-weight: 400; text-transform: uppercase;}
.table-box strong i { display: block; font-style: normal; font-size: 14px; text-transform: uppercase; margin-top: 5px;}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding:12px;
	 font-size: 14px;
	position: relative;
}


.table-box table { border-top:1px solid #eaeaea; background: #fafafa; font-size: 14px;}
.table-box table tr { border-bottom: 1px solid #eaeaea;}
.table-box table th { /*font-size: 14px;*/ padding-top: 20px;}
.table-box table i { font-style: normal; position: absolute; left: -20px; font-size:14px; color: #f05666; top:50%; transform: translateY(-50%);}

.table-box table tr.head { border: 0px none;}
.table-box table tr.head th { text-align: center; font-size: 18px;}


.tab { display: none;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
#tab1 { display: block;}

#tabtwo {display: block; margin-top: 30px;}


.table-box table tr:hover { background: #d9e9fe;}








.login-wpr {background: rgb(46,97,195); /* Old browsers */
background: -moz-linear-gradient(top, rgba(46,97,195,1) 0%, rgba(16,57,135,1) 50%, rgba(11,36,93,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(46,97,195,1) 0%,rgba(16,57,135,1) 50%,rgba(11,36,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(46,97,195,1) 0%,rgba(16,57,135,1) 50%,rgba(11,36,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e61c3', endColorstr='#0b245d',GradientType=0 ); font-family: 'Ubuntu', sans-serif; position: absolute; left: 0px; right: 0px; top:0px; bottom: 0px;}
.login { background: url(../img/bg.jpg) no-repeat; padding:90px 60px; width:760px; margin: 0px auto; position: absolute; left: 0px; right: 0px; top:50%; transform: translateY(-50%); text-align: center; overflow: hidden; box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
.login:after { content:""; display: block; position: absolute; background: rgba(0,0,0,0.7); top:0px; right: 0px; bottom: 0px; left: 0px;}
.login:before { content: ""; display: block; border: 1px solid rgba(255,255,255,0.5); position: absolute; top:15px; left: 15px; right: 15px; bottom: 15px; z-index: 99;}
.login h1 { font-size: 30px; margin-bottom:30px; display: block; color:#fff;}

.login ul { margin-bottom: 25px; display: block;}
.login ul li { display: inline-block; margin: 0px 5px;}
.login ul li a {  padding: 10px 30px; font-size: 16px; font-weight: 600; color:#fff; outline: none; border:2px solid #f9f9f9; display: block; border-radius: 50px;}
.login ul li.active a { color:#000; background: #fff;}


.login input ,.login select ,.login textarea { display: inline-block;  height:55px; width: 100%; border: 0px none; background: #fafafa;font-family: 'Ubuntu', sans-serif; color: #000; font-weight: 600; padding-left: 10px; text-align: left; padding-top:20px; box-sizing: border-box;}
.login input:focus { outline: none !important; box-shadow: 0px !important;}
.login button { border: 0px none; padding: 10px 35px; font-size: 18px; font-weight: 600;background:#ed421c; color:#fff; cursor: pointer; margin:0px auto 15px; display:block; border-radius: 4px;font-family: 'Ubuntu', sans-serif;outline: none;}
.login button:hover { background: #d5320d; }

.login textarea { resize: none; height: 90px;}
.login select { height: 60px;}


.login .form { display: inline-block; float: left; width: 33.333%; box-sizing: border-box; margin-bottom:20px; position: relative;}
.login .form { border-right:1px solid #5a5a5a;}
.login .tab { text-align: left;}
.login .form a { font-size: 13px; display:inline-block; margin-right: 10px; color: #fff; font-weight: 600;}
.login .form span { display: block; color: #fff; font-size: 10px; margin: 15px auto; position: relative; width:25%}
.login .form span:after ,.login .form span:before { content:""; display: block; height:2px; width:30px; margin:0px 5px; background: #fff; position: absolute; top:50%; transform: translateY(-50%);}

.login .form span:after { right: 0px;}
.login .form span:before { left: 0px;}

.login .form a.fb { padding:10px 25px; background:#283c9f; margin: 0px;}


.login label { font-size: 14px; font-weight: 600;display: block; margin-bottom: 5px;font-family: 'Ubuntu', sans-serif; position: absolute; top:10px; left: 15px; color:#a0a0a0; text-transform: uppercase;}

.login .wd-full { width: 100%; float: none; border: 0px none;}

.transfer h2,.cancelation h2 { text-align: center; border-bottom: 1px solid #eaeaea; display: block; margin:0px auto 20px; font-size: 30px; padding-bottom: 10px;}
.transfer h3,.cancelation h3 { margin-bottom: 20px;}
.transfer p ,.transfer ul li,.cancelation p, .cancelation ul li,.transfer{ line-height: 170%; font-size: 14px; color:#3d3d3d;}
.transfer h4,.cancelation h4 { margin: 20px 0px;}
.transfer ul li , .cancelation ul li { margin-bottom: 10px; display: block; padding-left: 15px; position: relative;}
.transfer ul li:before , .cancelation ul li:before { width: 0; height: 0; border-top:4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #3d3d3d; content: ""; display: block;  position: absolute; top:8px; left: 0px;}
.cancelation {  line-height: 170%; font-size: 14px; color:#3d3d3d;}


.signup { padding:30px 60px;}



.cancelation th:first-child { vertical-align: middle;}
.cancelation th b { display: block; background: #eaeaea; padding: 5px; margin-top: 3px;}


.cancelation td, .cancelation th { border:1px solid #ccc;}

.form-area { margin-bottom:30px; overflow: hidden;}
.form-area .form-group { width:25%; float: left; padding:0px 10px;box-sizing: border-box;}
.form-area .form-group input { background: url('../img/filter.png') left no-repeat #f9f9f9; background-position:10px;}
.form-area .form-group.search input { background: url('../img/search.png') left no-repeat #f9f9f9; background-position:10px; }
.form-area .form-group input { width:100%; border:1px solid #eaeaea; height:40px; font-size:14px; padding-left:35px; box-sizing:border-box; outline:none !important;}
.form-area .form-group p { display: block; font-size:13px; margin-top: 10px;float: right;}
.connected { padding: 30px 0px;}
.connected-head h5 {color: #4f718c; float: left;}
.addlink { text-align: right;}
.addlink a { padding: 10px 20px; background-color:#dbebfb; color:#000; border: 1px solid #9fb6c6;}
.top-links { background-color:#f2f0f3; padding: 30px 0px;}
.connect-links ul li { list-style: none; display: inline-block; padding-right: 40px;}
.connect-links ul li a {color: #000; padding: 0px 0px;}
.connect-links ul li a:before {margin-right: 10px;padding: 5px 5px;border-radius: 5px;text-align: center;}
.connect-links ul li:nth-child(1) a:before {
content: url(../img/connections.png);display: inline-block;background-color: #ed3130; }

.connect-links ul li:nth-child(2) a:before {content: url(../img/calendar.png);display: inline-block;background-color: #d7a19f;}
.connect-links ul li:nth-child(3) a:before  {background-color: #719ad0;content: url(../img/search1.png);display: inline-block;}
.connect-links ul li:nth-child(4)  a:before {content: url(../img/report.png);display: inline-block;background-color: #d95d17; }
.connect-links ul li:nth-child(5) a:before {content: url(../img/settings-work-tool.png);display: inline-block;background-color: #878588; }
.connect-links ul li:nth-child(6)  a:before {content: url(../img/group-of-users-silhouette.png);display: inline-block;background-color: #a42461;}
.connect-links ul li:nth-child(7)  a:before {content: url(../img/dollar-symbol.png);display: inline-block;background-color: #309d34; }
.connect-links ul li:nth-child(8) a:before {content: url(../img/question-sign.png);display: inline-block;background-color: #4463a6; }

.logout {float: right;}
.logout img { position: relative; top: 8px; left: 16px;}
.logout a {color: #3d3d3d; font-size:16px; font-weight:bold;}

.signin-wpr { padding: 55px 0px;  font-family: 'Ubuntu', sans-serif;}
.sign-in-box {  width: 456px; margin: 0px auto;text-align: left;background-color: #fff;border: 1px solid #eaeaea;box-shadow: 0px 0px 10px rgba(0,0,0,0.05); padding: 30px 0px;}
.sign-in-box h1 { font-size: 23px; margin-bottom: 10px; text-align: center;  font-family: 'Ubuntu', sans-serif;}
.forms {padding: 26px 45px 0px 45px;}
.forms input {width: 100%;border: 1px solid #d6d9e2;color: #333; padding-left: 10px;height: 36px;margin-bottom: 20px;box-sizing: border-box; border-radius: 3px;}
.forms label {font-size: 20px;font-size: 16px;color: #000;display: block;margin-bottom: 10px;font-weight: 400;}
.forms button    {border: 0px none;
    padding: 10px 35px;
    font-size: 18px;
    font-weight: 600;
    background: #00b91e;
    color: #fff;
    cursor: pointer;
    margin: 0px auto 15px;
    border-radius: 4px;
    font-family: 'Ubuntu', sans-serif;
    outline: none;
}
a.cancelbutton { border: 0px none;
    padding: 10px 35px;
    font-size: 18px;
    font-weight: 600;
    background: #00b91e;
    color: #fff;
    cursor: pointer;
    margin: 0px auto 15px;
    border-radius: 4px;
    font-family: 'Ubuntu', sans-serif;
    outline: none; }
button.cancelbutton { background:#ed421c; margin-left:10px;}




.email-wpr { padding: 55px 0px;  font-family: 'Ubuntu', sans-serif;}
.email-box {  width: 600px; margin: 0px auto;text-align: left;background-color: #fff;border: 1px solid #eaeaea;box-shadow: 0px 0px 10px rgba(0,0,0,0.05); padding: 30px 0px;}
.email-box h1 { font-size: 23px; margin-bottom: 10px; text-align: center;  font-family: 'Ubuntu', sans-serif;}
.forms {padding: 26px 45px 0px 45px;}
.forms input,select {width: 100%;border: 1px solid #d6d9e2;color: #333;height: 36px;margin-bottom: 20px;box-sizing: border-box; border-radius: 3px;}
.forms label {font-size: 20px;font-size: 16px;color: #000;display: block;margin-bottom: 10px;font-weight: 400;}

.input-group {position: relative;}
.input-group-addon {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(204, 204, 204);
    border-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
	position: absolute;
	vertical-align: middle;
right: 0px;
}
.input-margin { margin-left: 10px;}
.input-group-two { float: left; width: 49%;}

.admin-wpr { padding-top: 50px;}
.nw-package-box {
    background: #fffcf8;
    border: 1px solid #f5eee6;
    padding: 7px 7px 7px 8.3px;
   
	width: 13%;
	float: left;
	min-height: 144px;
}

.nw-package-box .custom-head {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0px 10px 10px;
    display: block;
    position: relative;
	background: rgb(96,108,136);
background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%);
background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%);
background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
	
	
}
nw-package-box .custom-head::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #b98f48;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    z-index: 00;
}
nw-package-box .custom-head::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #b98f48;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -5px;
}

.nw-package-box ul li {
    padding: 10px 0px;
    border-bottom: 1px solid #eaeaea;
	list-style: none;
}
.nw-package-box ul li:last-child { border: none;}
.nw-package-box ul li .custom-check {
    float: left;
    margin: 3px 10px 0px 0px;
}
.custom-check {
    position: relative;
    background: #e0d7cb;
    border-radius: 3px;
    width: 16px;
    height: 16px;
	display: block;
	 -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-check input {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}



/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    background: #e0d7cb;
    border-radius: 3px;
    width: 16px;
    height: 16px;
}

/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */
.custom-check input:checked ~ .checkmark {
    background-color: #475472;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-check .checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nw-package-box ul li p {
    font-size: 14px;
    color: #83745b;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
}
.nw-package-box ul li p span {
    display: block;
    font-size: 10px;
}

.nw-package-box .wide {
    float: none;
    width: 100%;
    margin: 25px 0px;
    background: #efe7db;
    color: #6b4c18;
    border: 0px none;
}
	
.noUi-target,.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
/* Fix 401 */
}

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}

.noUi-handle {
  position: relative;
  z-index: 1;
}

.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
  z-index: 10;
}

.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s,top .3s;
  transition: left 0.3s,top .3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base,.noUi-handle {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 4px;
}

.noUi-horizontal .noUi-handle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  left: -13px;
  top: -7px;
background: #475472;
}

.dropbtn::after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
	
    content: "";
    display: block;
    position: absolute;
    top: 13px;
   right: 13px;
}

/* Styling;
 */
.noUi-background {
  background: #D6D7D9;
}

.noUi-connect {
  background: #475472;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}

.noUi-origin {
  border-radius: 2px;
}

.noUi-target {
  border-radius: 2px;
}

.noUi-target.noUi-connect {
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: w-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: n-resize;
}

.noUi-handle {
  cursor: default;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
}

.noUi-handle:active {
  border: 8px solid #9c7636;
  border: 8px solid rgba(156,118,54,0.38);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  left: -14px;
  top: -14px;
}

/* Disabled state;
 */
[disabled].noUi-connect,[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-origin,[disabled] .noUi-handle {
  cursor: not-allowed;
}
.range{ margin: 20px 10px;}
.caption {width: 50%; float: left; padding: 15px 0px;}
.caption strong {
    display: inline-block;
    font-size: 14px;
}

.nw-package-box label {font-weight: bold;color: #998c76;font-size: 11px;}
.nw-package-box label:hover {color: #475472;}
.custom-check input:checked ~ label { background-color: #475472;}

.check_box_position { position: relative;}
ul.check_box {position: absolute;z-index: 999;background: #fffcf8;border: 1px solid #f5eee6;padding: 7px 7px 7px 7px;box-sizing: border-box;left: 0px; right: 0px;}
.nw-package-box ul li:hover{ background-color: #e2e7f1;}



.admintable {}
.table-scroll {
	overflow:hidden;
	background: #fff;
padding: 35px 30px 30px;
box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
position: relative;
margin: 60px 0px;
	
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
	background-color: #fafafa;
}
.table-scroll th, .table-scroll td {
	border: 1px solid #eaeaea;
	white-space:nowrap;
	vertical-align:top;
}
.table-wrap table tr:hover { background: #c5d5ff;}
.table-wrap table tr:nth-child(even){
    background-color: #ededed;
}
.table-wrap table tr td a{ display: block;   text-align: center; color: #eb7b7b;  font-weight: 600; font-size: 14px;}
.table-wrap table tr td a.add { margin-top: 5px;color: #465271;}
.table-wrap table tr td a:hover{color: #b17500;}


.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}



.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ddd}

.show {display:block;}



	.nw-compare-wpr { background: rgba(68,81,112,0.9); padding:20px 0px; position:fixed; bottom:-600px; left:0px; right:0px; z-index:99999; }
		.nw-compare-wpr a.nw_comp_btn { background: rgba(68,81,112,0.9);-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px; padding:15px 55px 15px 25px; color:#fff; font-size: 16px; text-transform: uppercase; position: relative; position: absolute; top:-46px; left:50%; transform: translateX(-50%);}
		.nw-compare-wpr a.nw_comp_btn:after {content: "\f107"; margin-left:10px; position: absolute; right:10px; top:50%; transform: translateY(-50%); display: block; width:30px; height:30px; border-radius:100%;line-height: 30px; text-align: center;font-family: 'FontAwesome'; background:#eb7b7b; }
		
		.nw_action_area { overflow: hidden;}
		.nw_action_area p { color:#fff; font-size:14px; margin: 0px; float: left; padding-top:10px;}
		.nw_action_area .nw_buttons { float: right;}
		.nw_action_area .nw_buttons a { padding: 15px 25px;color:#6b5124; font-size:13px; border-radius:4px; background:#fff; display: inline-block; margin-left: 10px; font-weight: 600; text-transform: uppercase;}
		.nw_action_area .nw_buttons a:last-child { background:#ece0dd; color:#465271;}
		
		
		.nw-compare-wpr ul { margin:30px 0px 0px; width:100%;}
		.nw-compare-wpr ul:before,.nw-compare-wpr ul:after {content:""; display: block; overflow: hidden;}
		.nw-compare-wpr ul:after { clear:left;}
		
		.nw-compare-wpr ul li {width:24%; position: relative; float: left; list-style: none; padding: 0px 12px 12px 0px;}
		.nw_margin_lft_rght { background:#fff; padding: 20px 15px;}
		.nw-compare-wpr ul li.empty { padding:0px 30px;}
		.nw-compare-wpr ul li.empty div { border:2px solid rgba(255,255,255,0.9); height:100%; background: none; text-align: center; position: absolute; top:0px; left: 5px; right: 5px; bottom: 0px; display: flex; align-items: center; text-align: center;}
		.nw-compare-wpr ul li.empty div:before {content:"1"; display: block; font-size:100px; color:rgba(255,255,255,0.9); font-weight:800; margin: 0px auto;}
		.nw-compare-wpr ul li img { width:100%;}
		.nw-compare-wpr ul li.empty:nth-child(1) div:before {content:"1";}
		.nw-compare-wpr ul li.empty:nth-child(2) div:before {content:"2";}
		.nw-compare-wpr ul li.empty:nth-child(3) div:before {content:"3";}
		.nw-compare-wpr ul li.empty:nth-child(5) div:before {content:"4";}
		.nw-compare-wpr ul li.empty:nth-child(4) div:before {content:"5";}
		.nw-compare-wpr ul li.empty:nth-child(6) div:before {content:"6";}
		.nw-compare-wpr ul li.empty:nth-child(7) div:before {content:"7";}
		.nw-compare-wpr ul li.empty:nth-child(8) div:before {content:"8";}
		.nw-compare-wpr ul li .nw_img_comp { position: relative;}
		.nw-compare-wpr ul li .nw_img_comp span { color:#fff; text-transform:uppercase; font-size:14px; background: rgba(0,0,0,0.7); display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; padding:5px 0px;}
		
		.nw-compare-wpr ul li h6 { color:#9c7636; margin:5px 0px; font-size: 14px;font-weight: bold; padding: 0px 10px;}
		.nw-compare-wpr ul li p { font-size:14px;color:#6e6659; padding:5px 10px; margin:0px; font-weight: bold;}
        .nw-compare-wpr ul li p span{
    font-size: 14px;
    color: #404d6c;
    padding: 5px 10px;
    margin: 0px;
    font-weight: bold;
}
		.nw-compare-wpr ul li hr { margin:5px 0px;}
		.nw-compare-wpr ul li b { font-size:11px; color:#d62d26; margin-bottom:5px; padding: 0px 10px; display: block;}
		.nw-compare-wpr ul li strong {color:#fff; font-size:13px; text-transform:uppercase; text-align: center; padding:5px 0px; display: block; background:#95733e;}
		.nw-compare-wpr ul li em {display: block; font-size:10px; color:#fff; font-weight:500; padding:5px 0px; text-transform:uppercase; text-align: center; font-style: normal;background:#85632d;}
		
		.nw-compare-wpr ul li a { width:24px;height:24px; border-radius:100%; background: #eb7b7b; text-align: center;  position: absolute; top:10px; right:20px; z-index:9; display: block; font-size:13px; color:#fff;font-weight: bold;line-height: 22px;}
		 
		.nw-inclusion label { float:none; width:100%; margin-top: 10px; color:#9c7636; border:2px solid #ebd8bb; padding:15px 20px; border-radius:4px;}
		.nw-inclusion label button {animation:anm 2s alternate 1s forwards infinite; transition:all ease 0.6s;background:#fff; color:#6e6659; border:1px solid #eaeaea; border-radius:3px;}
		.nw-inclusion .custom-check { display: inline-block; margin-right:8px; position: relative;top:3px; }
		.nw-inclusion .addedd_comp {background: #ebd8bb;}	
		.nw-inclusion .addedd_comp  .custom-check { background:#775a2a;}


.nw_margin_lft_rght p::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    background: #c0b9af;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.nw-package-box-two { width: 10%;}
.nw-package-box-three {width: 22%;}
.nice-select:after { border-color:#6b4c18;}
.nice-select {-webkit-tap-highlight-color: transparent;background-color: #fff;border-radius: 5px;border: solid 1px #e0e7ee;box-sizing: border-box;cursor: pointer;display: block;float: left;font-family: inherit;font-size: 11px;font-weight:600;height: 42px;line-height: 40px;outline: none; padding-left: 15px;padding-right: 30px;margin-right:10px;position: relative;text-align: left !important;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none; width:20%; float:left;}
  .nice-select:hover { border-color: #d0dae5; }
  .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #88bfff; }
  .nice-select:after {border-bottom: 2px solid #90a1b5;border-right: 2px solid #90a1b5;content: '';display: block;height: 8px;width: 8px;margin-top: -6px;pointer-events: none;position: absolute;right: 15px;top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
     }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled { border-color: #e7ecf2;color: #90a1b5;pointer-events: none; }
  .nice-select.disabled:after {border-color: #cdd5de; }
.nice-select.wide {display:inline-block; float:left; }
.nice-select.wide .list { left: 0 !important;right: 0 !important; }
 .nice-select.right {float: right; }
 .nice-select.right .list {left: auto;right: 0; }
  .nice-select.small {font-size: 14px;height: 36px;line-height: 34px; }
  .nice-select.small:after {height: 4px;width: 4px; }
  .nice-select.small .option {line-height: 34px;min-height: 34px; }
.nice-select .list li { padding: 0px 10px;}
  .nice-select .list {background-color: #fff; border-radius: 5px;box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);box-sizing: border-box;margin-top: 4px;opacity: 0;overflow: hidden;padding: 0;pointer-events: none;position: absolute;top: 100%; left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;z-index: 9; }
    .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; }
  .nice-select .option {cursor: pointer;font-weight: 400;line-height: 40px;list-style: none; min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s; }
 .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #e2e7f1; }
 .nice-select .option.selected {font-weight: bold; }
 .nice-select .option.disabled {background-color: transparent;color: #90a1b5;cursor: default; }

.no-csspointerevents .nice-select .list {display: none; }

.no-csspointerevents .nice-select.open .list {display: block; }


.package-box{ margin-top: 15px;}   
.package-head{
background: rgb(96,108,136);
background: -moz-linear-gradient(top, rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%);
background: -webkit-linear-gradient(top, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%);
background: linear-gradient(to bottom, rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 10px 15px; height: 46px;}
.head-first {float: left; width: 100%;}
.head-second {padding: 10px 0px; display: block;}

.package-head h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    
	margin: 0px 0px;
}
.package-head h6 span {
    display: inline-block;
    border-left: 1px solid #fff;
    font-weight: 400;
    font-size: 16px;
    padding-left: 10px;
    margin-left: 10px;
}

.detailborder-box {
    padding: 10px;
   
	margin: 20px 15px;
	width: 70%;
	float: left;
}

.package-head strong {
    color: #fff;
    line-height: 18px;
    font-size: 16px;
	display: block;
	padding-top: 10px;
}

.package-head strong b {
   
    font-size: 14px;
}

.detailborder-box h6 {
    font-weight: 800;
    color: #0a0a0a;
   font-size: 14px;
    margin: 20px 0px;
}
.detailborder-box  ul { display: inline-block;}
.detailborder-box  ul li { list-style: none; width: 23%; float: left;border: 1px solid #a48d8d; margin-right: 10px;min-height: 114px;}
.package-informbox { padding: 20px 15px; }

.detailborder-box ul li strong { padding: 10px 10px; font-size: 14px; text-align: center; display: block; background-color:#efe7db; }
.package-informbox p{
    font-size: 14px;
    color: #83745b;
    margin: 0px;
    font-weight: 600;
   
}

.detailborder-box h5 {text-align: center; padding: 20px 0px;}
.detailborder-box p {  text-align: center;}

.right-sidebox { float: left; width: 22%; margin-top: 60px;box-shadow: 0 2px 5px 0 #888282;
border-top: 5px solid #efe7db; padding: 20px 20px; text-align: center;}
.right-sidebox h5 {font-size: 14px;
color: #83745b;
margin: 0px;
font-weight: bold;}

.right-sidebox b {
    color: #432d09;
    font-size: 20px;
    display: block;
    padding: 15px 0px;
}
.right-sidebox i {
    font-style: normal;
    display: block;
    color: #475472;
    font-weight: 800;
	padding-bottom: 15px;
	
}
.right-sidebox a { color: #fff; background-color:#475472; padding:10px 20px; font-size:14px; display: block;border-radius: 4px;}
.pack-list { float: left; background-color: #f2f0f3; width: 100%; padding: 30px 15px;}
.pack-list ul li { list-style: none; display: block; padding: 10px 0px;color: #000;
font-size: 14px;margin-top: 5px; }
.pack-list h6{color: #525f7c; font-size: 18px;font-weight: 800;margin: 0px 0px; padding: 20px 0px;}

.pack-list ul li::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background: #525f7c;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}


@media only screen and (max-width: 1200px) {
	body { overflow-x:hidden;}
	.container { width:auto !important; padding: 0px 30px !important;}
	.connect-links ul li a::before {margin-right: 7px !important;}
	.nw-package-box-three { width: 20% !important;}
}


@media only screen and (max-width: 800px) {
	
	.tab-button-wpr { padding:5px 0px !important;}
	.tab-button-wpr ul li { width:32.6% !important; margin:5px 0px !important;}
	.tab-button-wpr ul li a { padding:15px 0px !important; text-align: center !important; border-radius: 4px !important;}
	.connect-links ul li a { font-size: 12px !important;}
	.connect-links ul li {padding-right: 1px !important;}
	.nw-package-box {width: 25% !important;}
	.nw-package-box-three { width: 43% !important;}
	.nw-package-box-two {width: 22% !important;}
	.package-head h6 {font-size: 13px !important;}
	.detailborder-box { width: 100% !important;}
	.right-sidebox {width: 35% !important; margin-top: 0px !important;}
	.pack-list {margin-top: 30px !important;}
}


@media only screen and (max-width:767px) {
	.top-wpr .logo h1 { font-size: 20px !important; display: block !important;}
	.top-wpr .logo h1 span { font-size: 14px!important;}
	.top-wpr .logo img { width: 150px !important; display:block !important; float: none !important; border: 0px none !important; margin: 0px auto !important; padding: 0px !important;}
	.top-wpr .logo { float: none !important; margin: 0px auto !important;}
	.top-wpr { text-align: center !important;}
	.top-wpr .action { float: none !important;}
	.table-box span { display: none !important;}
	.table-box { overflow: hidden !important; overflow-x:scroll !important;}
	.connect-links ul li a::before {margin-right: 3px !important;margin-bottom: 10px !important;}
	.nw-package-box-two { width: 21% !important;}
	.package-head h6 { font-size: 12px !important;}
}


@media only screen and (max-width:600px) {
	
.tab-button-wpr ul li { width:100% !important; margin:5px 0px !important;}
.addlink a { font-size: 12px !important;}
.connected-head { width: 50% !important;}
.nw-package-box {width: 34% !important;}
.nw-package-box-two {width: 28% !important;}
.nw-package-box-three { width: 65% !important;}
.detailborder-box ul li {width: 46% !important; margin-top: 10px !important;}
.right-sidebox {width: 50% !important;}
.pack-list ul li {line-height: 180%;}
}

@media only screen and (max-width:480px) {
.nw-package-box { width: 46% !important;}
.nw-package-box-two {width: 46% !important;}
.nw-package-box-three {width: 95% !important;}
.package-head {height: 68px !important}
.package-head h6 span { font-size: 12px !important}
.package-head h6 { text-align: center !important;}
.right-sidebox {width: 93% !important;}
.pack-list {width: 97% !important;}
.package-head strong {text-align: center !important}
.email-box {width: 400px !important;}
.input-group-two {width: 100% !important;}
.sign-in-box {width: 398px !important;}
.check_box_position { min-height: 70px !important;}
}

@media (max-width: 414px) and (max-width: 736px) {
.nw-package-box {width: 95% !important;}
.detailborder-box ul li {width: 95% !important;}
.connect-links ul li {padding-right: 1px !important;}
.package-head strong {text-align: center !important}
.email-box {width: 300px !important;}
.input-group-two {width: 100% !important;}
.input-group-addon {padding: 0px 10px !important;}
.sign-in-box {width: 317px !important;}
.forms button {padding: 10px 22px !important;}
}

@media (max-width: 375px) and (max-width: 667px) {
.connect-links ul li { padding-right: 20px !important;}	
.pack-list h6 {font-size: 14px !important;}
.package-head strong {text-align: center !important}
}

@media only screen and (max-width:360px) {
.email-box {width: 280px !important;}
.input-group-two {width: 100% !important;}	
.input-group-addon {padding: 0px 0px !important;}
.input-margin {margin: 0px 0px !important;}
.sign-in-box {width: 282px !important;}
.forms button {padding: 10px 14px !important;}
}

.thead-bg th{ color:#000; font-size:12px;
background-color:#c5d5ff;}

.box-inc { border:1px solid #eaeaea; padding:30px; background:#fff; box-shadow:0px 0px 30px rgba(0,0,0,0.1); margin-bottom:30px;}
.box-inc strong { font-size:18px; display: block; margin-bottom:20px; color:#3d3d3d;}
.box-inc ul { overflow: hidden;}
.box-inc ul li {display:block; font-size:13px; margin-bottom:15px;width:25%; float: left;}
.box-inc ul li:before { content:""; display: inline-block; margin-right:10px; background:rgb(96,108,136); width:10px;height:10px; border-radius:100%;}

.back-box-inc strong { color:#f05666;}
.back-box-inc ul li:before { background:#f05666;}
@keyframes spin {
    0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg);}

}