/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
div.Image { display: none; }
@font-face
{
  font-family: 'Roboto';
  src: url('../fonts/Roboto.ttf');
}
h4, h5, h6,
h1, h2, h3 {margin: 0;}
ul, ol {margin: 0;}
p {margin: 0;}

html, body{
	font-family: 'Roboto', sans-serif;
    font-size: 100%;
    overflow-x: hidden;
    background: url(../images/bg.jpg) no-repeat 0px 0px;
	background-size:cover;
}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}
p{
	margin:0;
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
	/*sidebar navigation*/
#sidebar {
    width:240px;
    height:100%;
    position:fixed;
    background:rgba(52, 48, 48, 0.78);
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
#sidebar ul li {
    position: relative;
}
.leftside-navigation,.right-stat-bar{
    height: 100%;
}
.right-stat-bar ul {
    list-style-type: none;
    padding-left: 0;
}
/*LEFT NAVIGATION ICON*/
.dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background:url(../images/nav-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
}
.active .dcjq-icon {
    background:url(../images/nav-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.right-side-accordion .dcjq-icon {
    height:17px;
    width:17px;
    display:inline-block;
    background:url(../images/acc-expand.png) no-repeat top;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position:absolute;
    right:10px;
}
.right-side-accordion .active .dcjq-icon {
    background:url(../images/acc-expand.png) no-repeat bottom;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}
.right-side-accordion li:nth-child(2) ul li .prog-row {
    border: none;
}
/*---*/
.nav-collapse.collapse {
    display:inline;
}
ul.sidebar-menu,ul.sidebar-menu li ul.sub {
    margin:-2px 0 0;
    padding:0;
}
ul.sidebar-menu {
    padding-top:80px;

}
#sidebar>ul>li>ul.sub {
    display:none;
}
#sidebar .sub-menu>.sub li a {
    padding-left:46px;
}
#sidebar>ul>li.active>ul.sub,#sidebar>ul>li>ul.sub>li>a {
 display:block;
}
ul.sidebar-menu li ul.sub li {
    background:rgba(52, 48, 48, 0);
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
}
ul.sidebar-menu li ul.sub li a {
    font-size:12px;
    padding-top:13px;
    padding-bottom:13px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#fff;
}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
    color:#fff;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:block;
    background:rgba(40, 40, 46, 0.28);
}
ul.sidebar-menu li {
    border-bottom:1px solid rgba(255,255,255,0.05);
}
ul.sidebar-menu li.sub-menu {
    line-height:15px;
}
ul.sidebar-menu ul.sub li {
    border-bottom:none;
}
ul.sidebar-menu li a span {
    display:inline-block;
}
ul.sidebar-menu li a {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:18px 0 18px 25px;
    font-size:12px;
    outline:none;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
    background: rgba(40, 40, 46, 0.28);
    color: #fff;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.sidebar-menu li a i {
    font-size:15px;
    padding-right:6px;
}
ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    color:#fff;
}
ul.sidebar-menu li a.active i {
    color:#fff;
}
.mail-info,.mail-info:hover {
    margin:-3px 6px 0 0;
    font-size: 11px;
}
/*main content*/
#main-content {
    margin-left:240px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.footer {
    background: #000000;
    padding: 20px;
}
.footer p {
    color: #fff;
    letter-spacing: 1px;
        font-size: 13px;
    text-align: center;
}
.footer p a {
    color: #fcb322;
}
.footer p a:hover {
    color: #fff;
}
.header {
    left:0;
    right:0;
    z-index:1002;
    background:#000000;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.merge-header {
    margin-right:240px;
}
.fixed-top {
    position:fixed;
    box-shadow:1px 0 3px rgba(0,0,0,.15);
}
.wrapper {
    display:inline-block;
    margin-top:80px;
    padding:15px;
    width:100%;
}
.brand {
    background:#000000;
    float:left;
    width:240px;
    height:80px;
    position:relative;
}
a.logo {
    font-size:32px;
    color:#fff;
    float:left;
        padding: 10px;
    text-transform:uppercase;
}
a.logo:hover,a.logo:focus {
    text-decoration:none;
    outline:none;
}
a.logo span {
    color: #FF6C60;
}
/*notification*/
#top_menu .nav>li,ul.top-menu>li {
    float:left;
}
.notify-row {
    float:left;
    margin-top:23px;
    margin-left:25px;
}
ul.top-menu {
    margin-right:15px;
    margin-top: 0;
}
ul.top-menu > li > a {
    color: #fff;
    font-size: 16px;
    background: #000000;
    padding: 4px 8px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-right: 8px !important;
}
ul.top-menu>li>a:hover,ul.top-menu>li>a:focus {
    background:#e2a60f;
    text-decoration:none;
    color:#fff !important;
    padding-right:8px !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
     background:#e2a60f !important;
    color:#fff !important;
}
.notify-row .badge {
    position:absolute;
    right:-10px;
    top:-10px;
    z-index:100;
}
.dropdown-menu.extended {
    max-width:320px !important;
    min-width:160px !important;
    top:42px;
    width:300px !important;
    padding:0 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.1) !important;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#fff;
    border:none;
    left:-10px;
}
.notify-row .notification span.label {
    display:inline-block;
    height:21px;
    padding:5px;
    width:22px;
    font-size:12px;
    margin-right:10px;
}
.dropdown-menu.extended .alert-icon,.noti-info {
    float:left;
}
.noti-info {
    padding-left:10px;
    padding-top:6px;
    color:#414147;
}
.dropdown-menu.extended .alert {
    margin-bottom:10px;
}
.dropdown-menu.extended .alert-icon {
    border-radius:100%;
    display:inline-block;
    height:35px;
    width:35px;
}
.dropdown-menu.extended .alert-icon i {
    font-size:16px;
    width:35px;
    line-height:35px;
    height:35px;
}
.dropdown-menu.extended.inbox li a,.dropdown-menu.extended.tasks-bar li a {
    background:#f1f2f7;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    width:100%;
}
.dropdown-menu.extended li p {
    margin:0;
    padding:10px 0;
    border-radius:0px;
    -webkit-border-radius:0px;
}
.dropdown-menu.extended li a {
    font-size:12px;
    list-style:none;
}
.dropdown-menu.extended.logout {
    padding:10px;
}
.dropdown-menu.extended.logout li a {
    padding:10px;
}
.dropdown-menu.extended li a:hover {
    color:#32323a;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size:13px;
    font-weight:normal;
    float:left;
    width:80%;
}
.dropdown-menu.tasks-bar .task-info .desc h5 {
    color:#32323a;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    margin-bottom:5px;
    margin-top:0;
}
.dropdown-menu.tasks-bar .task-info .desc p {
    padding-top:0;
    color:#8f8f9b;
    font-weight:300;
}
.dropdown-menu.tasks-bar .task-info .percent {
    width:20%;
    float:right;
    font-size:13px;
    font-weight:600;
    padding-left:10px;
    line-height:normal;
}
.dropdown-menu.tasks-bar .progress {
    background:#fff;
}
.dropdown-menu.extended .progress {
    margin-bottom:0 !important;
    height:10px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius:2px 2px 2px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
    float:left;
    height:40px;
    margin-right:10px;
    width:40px;
}
.dropdown-menu.inbox li a .subject {
    display:block;
}
.dropdown-menu.inbox li a .subject .from {
    font-size:12px;
    font-weight:600;
}
.dropdown-menu.inbox li a .subject .time {
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:20px;
}
.dropdown-menu.inbox li a .message {
    display:block !important;
    font-size:11px;
}
.top-nav {
    margin-top:20px;
}
.top-nav img {
    border-radius:50%;
    -webkit-border-radius:50%;
    width:33px;
}
.top-nav .icon-user i {
    height: 33px;
    width:33px;
    line-height: 33px;
    display: inline-block;
    font-size: 1.7em;
    padding-left: 10px;
}
.top-nav .icon-user .username {
    color: #555555;
    font-size: 13px;
    position: relative;
    top: -5px;
}
.top-nav .icon-user .caret {
    position: relative;
    top: -4px;
}
.top-nav ul.top-menu>li .dropdown-menu.logout {
    width:170px !important;
}
.top-nav li.dropdown .dropdown-menu {
    float:right;
    right:0;
    left:auto;
}
.dropdown-menu.extended.logout>li {
    float:left;
    width:100%;
}
.log-arrow-up {
    background:url("../images/top-arrow.png") no-repeat;
    width:18px;
    height:10px;
    margin-top:-20px;
    float:right;
    margin-right:15px;
}
.dropdown-menu.extended.logout>li>a {
    border-bottom:none !important;
}
.full-width .dropdown-menu.extended.logout>li>a:hover {
    background:#F1F2F7 !important;
    color:#32323a !important;
}
.dropdown-menu.extended.logout>li>a:hover {
    background:#F1F2F7 !important;
    border-radius:5px;
}
.dropdown-menu.extended.logout>li>a:hover i {
    color:#e2a60f;
}
.dropdown-menu.extended.logout>li>a i {
    font-size:17px;
}
.dropdown-menu.extended.logout>li>a>i {
    padding-right:10px;
}
.top-nav .username {
    font-size:13px;
    color:#fff;
}
.top-nav ul.top-menu>li>a {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: none;
    margin-right: 0;
    border: 1px solid #060606;
    background: #060606;
}
.top-nav ul.top-menu>li.language>a {
    margin-top:-2px;
    padding:4px 12px;
    line-height:20px;
}
.top-nav ul.top-menu>li.language>a img {
    border-radius:0;
    -webkit-border-radius:0;
    width:18px;
}
.top-nav ul.top-menu>li.language ul.dropdown-menu li img {
    border-radius:0;
    -webkit-border-radius:0;
    width:18px;
}
.top-nav ul.top-menu>li {
    margin-left:10px;
}
.top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus {
    border:1px solid #e2a60f;
    background:#e2a60f !important;
    border-radius:100px;
    -webkit-border-radius:100px;
}
.top-nav .dropdown-menu.extended.logout {
    top:50px;
}
.top-nav .nav .caret {
    border-bottom-color:#A4AABA;
    border-top-color:#A4AABA;
}
.top-nav ul.top-menu>li>a:hover .caret {
    border-bottom-color:#000;
    border-top-color: #000;
}
/*form*/
.position-center {
    width:62%;
    margin: 0 auto;
}
/*----*/
.notify-arrow {
    background:url("../images/top-arrow.png") no-repeat;
    width:18px;
    height:10px;
    margin-top:0;
    opacity:0;
    position:absolute;
    left:16px;
    top:-20px;
    transition:all 0.25s ease 0s;
    z-index:10;
    margin-top:10px;
    opacity: 1;
}
/*search*/
.search {
    width: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #8b5c7e;
    box-shadow: none;
    background: #8b5c7e url(../images/search-icon.png) no-repeat 10px 8px;
    padding: 0 5px 0 30px;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
	cursor:pointer;
}
.search:focus {
    width:180px;
    border:1px solid #8b5c7e;
    box-shadow:none;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -ms-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    color:#c8c8c8;
    font-weight: 300;
}
.todo-search:focus{
    width:100% !important;
}
/*--sidebar toggle---*/
.sidebar-toggle-box {
    float:left;
    margin-top:23px;
    margin-left:-15px;
    background:#000000;
    border-radius:50%;
    -webkit-border-radius:50%;
    width:32px;
    height:32px;
    position:absolute;
    right:-15px;
}
.sidebar-toggle-box .fa-bars {
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:8px 8px 8px 9px;
    color:#fff;
}
.sidebar-toggle-box:hover {
    background:#e2a60f;
}
.hide-left-bar {
    margin-left:-240px !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.open-right-bar {
    right:0px !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.merge-left {
    margin-left:0px !important;
}
.hide-right-bar {
    margin-right:-240px !important;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.toggle-right-box {
    float:left;
    background:#f6f6f6;
    border-radius:50%;
    -webkit-border-radius:50%;
    width:35px;
    height:35px;
}
.toggle-right-box:hover {
    background:#ffa2a2;
}
.toggle-right-box:hover .fa-bars {
    color:rgba(0,0,0,0.3);
}
.toggle-right-box .fa-bars {
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:10px;
    color: #bfbfc1;
}
/*--market--*/
.market-update-block {
    padding: 2em 2em;
    background: #999;
}
.market-update-block h3 {
    color: #fff;
    font-size: 2em;
}
.market-update-block h4 {
	font-size: 1.2em;
    color: #fff;
    margin: 0.3em 0em;
}
.market-update-block p {
    color: #fff;
    font-size: 0.8em;
    line-height: 1.8em;
}
.market-update-block.clr-block-1 {
    background: #53d769;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-2 {
    background:#fc3158;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-3 {
    background:#147efb;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-4 {
    background:#2a2727;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-1:hover {
    background: #8b5c7e;
   transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-2:hover {
    background: #8b5c7e;
   transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-3:hover {
    background:#8b5c7e;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-block.clr-block-4:hover {
    background:#8b5c7e;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
.market-update-right i.fa {
     font-size: 3em;
    color:#fff;
   text-align: left;
}
.market-update-left {
    padding: 0px;
}
.market-update-right {
    padding-left: 0;
}
.market-updates {
    margin: 1.5em 0;
}
/*--market--*/
.panel-heading {
    position: relative;
    height: 57px;
    line-height: 57px;
    letter-spacing: 0.2px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 0 16px;
    background:#ddede0;
   border-top-right-radius: 2px;
   border-top-left-radius: 2px; 
    text-transform: uppercase;
    text-align: center;
}
.panel {
    border: none ! important;
}
.agileinfo-grap {
    padding: 2em;
    background:rgb(238, 249, 240);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
header.agileits-box-header.clearfix h3 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    color:#000;
    text-align: center;
    margin-bottom: 1em;
}
.calendar-widget {
    background-color: #eef9f0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding: 2em;
}
span.panel-title{
	color:#000000;
	 font-size: 18px;
}

.agile-calendar-grid {
    border: 1px solid #c0dbc5;
}
.alert-info .alert-icon {
    background-color: #99cce3;
}
.alert-danger .alert-icon {
    background-color: #fcb1ae;
}
.alert-success .alert-icon {
    background-color: #98d7ad;
}
.alert-warning .alert-icon {
    background-color: #ffe699;
}
.alert-icon i {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
}
.alert-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.notification-sender {
    color: #414147;
}
.alert-success .notification-info a {
    color: #42b663;
}
.notification-info p {
    margin: 0px;
    color: #999;
    font-size: 12px;
}
.notification-meta {
    margin-bottom: 3px;
    padding-left: 0;
    list-style: none;
}
.notification-info {
    margin-left: 56px;
    margin-top: -40px;
}
.notifications{
	background-color: #eef9f0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 2em;
}
.alert-danger .notification-info a {
    color: #fb6f6b;
}
.alert-info .notification-info a {
    color: #45a2c9;
}
.alert {
    padding: 16.8px !important;
}
/*-- graphs --*/
.area-grids{
    border: 10px solid #d8d8d8;
    background: #FFF;
    padding: 1em;
}
.charts-right {
    padding-left: 0;
}
.chart-left {
    padding-right: 0;
}
.agile-bottom-right {
    padding-left: 0;
}
.agile-bottom-left {
    padding-right: 0;
}
#graph {
  width: 100%;
  margin: 20px auto 0 auto;
}
pre {
  height: 250px;
  overflow: auto;
}

div#graph1,div#graph4,div#graph5,div#graph6,div#graph7,div#graph8,div#graph9 {
    width: 100% !important;
    z-index: 1;
}
.agile-Updating-grids, .agile-bottom-grid, .agile-last-grid {
    background: #eef9f0;
    padding: 2em;
	border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.agile-bottom-grids {
    margin: 2em 0;
}
.agil-info-calendar {
    margin: 1.5em 0;
}
.area-grids-heading h3 {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-bottom: 1em;
    text-transform: uppercase;
}
/*-- graphs --*/
/*--statistics--*/
.stats-info ul li {
    margin-bottom: 1em;
    border-bottom:1px solid #e1ab91;
    padding-bottom: 18px;
    font-size: 0.9em;
    color: #555;
}
.table>thead>tr>th {
    border-bottom: 1px solid #e1ab91 ! important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid #e9e9e9 ! important;
}
.progress.progress-right {
    width: 25%;
    float: right;
    height: 8px;
    margin-bottom: 0;
}
.stats-info ul li.last {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0.5em;
}
.stats-info span.pull-right {
    font-size: 0.7em;
    margin-left: 11px;
    line-height: 2em;
}
.table.stats-table {
    margin-bottom: 0;
}
.stats-table span.label{
    font-weight: 500;
}
.stats-table h5 {
    color: #4F52BA;
    font-size: 0.9em;
}
.stats-table h5.down {
    color: #D81B60;
}
.stats-table h5 i.fa {
    font-size: 1.2em;
    font-weight: 800;
    margin-left: 3px;
}
.stats-table thead tr th {
    color: #8b5c7e;
}
.stats-table td {
    font-size: 0.9em;
    color: #555;
    padding: 11px !important;
}
/*--//statistics--*/
/*--Progress bars--*/
.progress {
    height: 10px;
    margin: 7px 0;
    overflow: hidden;
    background: #e1e1e1;
    z-index: 1;
    cursor: pointer;
}
.task-info .percentage{
	float:right;
	height:inherit;
	line-height:inherit;
}
.task-desc{
	font-size:12px;
}
.wrapper-dropdown-3 .dropdown li a:hover span.task-desc {
	color:#65cea7;
}
.progress .bar {
		z-index: 2;
		height:15px; 
		font-size: 12px;
		color: white;
		text-align: center;
		float:left;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		-webkit-transition: width 0.6s ease;
		  -moz-transition: width 0.6s ease;
		  -o-transition: width 0.6s ease;
		  transition: width 0.6s ease;
	}
.progress-striped .yellow{
	background:#f0ad4e;
} 
.progress-striped .green{
	background:#5cb85c;
} 
.progress-striped .light-blue{
	background:#4F52BA;
} 
.progress-striped .red{
	background:#d9534f;
} 
.progress-striped .blue{
	background:#428bca;
} 
.progress-striped .orange {
	background:#e94e02;
}
.progress-striped .bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*--Progress bars--*/
.stats-info-agileits {
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.agileits-w3layouts-stats {
    margin: 1.5em 0;
}
h4.title {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-bottom: 2em;
    text-transform: uppercase;
}
.stats-last-agile {
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.w3-agile-google_map{
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.w3-agile-map-left iframe{
		width:100%;
		min-height:450px;
		border: 15px solid #ffffff;
		outline:none;
}
.w3-agile-map-right iframe{
		width:100%;
		min-height:450px;
		border: 15px solid #ffffff;
		outline:none;
}
/*button*/
.btn-row {
    margin-bottom: 10px;
}
.typo-agile {
    background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
/*-- icons --*/
.codes a {
    color: #999;
}
.icon-box {
    padding: 8px 15px;
   background: rgb(218, 223, 219);
    margin: 1em 0 1em 0;
    border: 5px solid #eef9f0;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
} 
.icon-box:hover {
    background: #000;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.icon-box:hover i.fa {
	color:#fff !important;
}
.icon-box:hover a.agile-icon {
	color:#fff !important;
}
.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px; 
    line-height: 1.4;
    text-align: center;  
    font-size: 12px;
    list-style-type: none;	
}
.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #777;
} 
.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
h3.icon-subheading {
    font-size: 28px;
    color: #b64d99 !important;
    margin: 30px 0 15px;
    letter-spacing: 2px;
    border: none;
    display: block;
}
h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}
.icons a {
    color: #000000;
}
.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #000000!important;
}
.bs-glyphicons li {
    float: left;
    width: 18%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background:rgba(149, 149, 149, 0.18);
    margin: 1%;
}
.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
	color: #282a2b;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #777;
} 
.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
@media (max-width:1080px){
.icon-box {
    width: 33.33%;
}
}
@media (max-width:991px){
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 22px;
	}
}
@media (max-width:768px){
	h3.agileits-icons-title {
		font-size: 28px;
	}
	h3.icon-subheading {
		font-size: 25px;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.icon-box {
    margin: 0;
    width: 100%;
}
}
@media (max-width: 640px){
	.icon-box {
		float: left;
		width: 50%;
	}
}
@media (max-width: 480px){
	.bs-glyphicons li {
		width: 31%;
	}
}
@media (max-width: 414px){
	h3.agileits-icons-title {
		font-size: 23px;
	}
	h3.icon-subheading {
		font-size: 18px;
	}
	.bs-glyphicons li {
		width: 31.33%;
	}
}
@media (max-width: 384px){
	.icon-box {
		float: none;
		width: 100%;
	}
}
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border {
    padding: 5em 0;
}
/*--Typography--*/
.well {
    font-weight: 300;
    font-size: 14px;
}
.list-group-item {
    font-weight: 300;
    font-size: 14px;
}
li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}
.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.show-grid [class^=col-] {
    background: #fff;
	text-align: center;
	margin-bottom: 10px;
	line-height: 2em;
	border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
	background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
	color: #999;
	font-size: 0.85em;
	margin-bottom: 1em;
	font-weight: 300;
}
.grid_4{
	background:none;
	
}
.label {
	font-weight: 300 !important;
	border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
    margin-bottom: 1em;
    color: #b64d99;
    font-size: 26px;
    letter-spacing: 2px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	border-top: none !important;
}
.tab-content > .active {
	display: block;
	visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 0;
}
.badge-primary {
	background-color: #03a9f4;
}
.badge-success {
	background-color: #fb5710;
}
.badge-warning {
	background-color: #ffc107;
}
.badge-danger {
	background-color: #e51c23;
}
.grid_3 p{
	line-height: 2em;
	color: #888;
	font-size: 0.9em;
	margin-bottom: 1em;
	font-weight: 300;
}
.bs-docs-example {
	margin: 1em 0;
}
section#tables  p {
	margin-top: 1em;
}
.tab-container .tab-content {
	border-radius: 0 2px 2px 2px;
	border: 1px solid #e0e0e0;
	padding: 16px;
	background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	font-size: 0.9em;
	color: #999;
	border-top: none !important;
}
.tab-content > .active {
	display: block;
	visibility: visible;
}
.label {
	font-weight: 300 !important;
}
.label {
	padding: 4px 6px;
	border: none;
	text-shadow: none;
}
.alert {
	font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
	line-height:2em;
	margin-top:0.5em;
	margin-bottom: 0.5em;
}
li.list-group-item1 {
	line-height: 2.5em;
}

.in-gp-tl{
	padding:0;
}
.in-gp-tb{
	padding-right:0;
}
.list-group {
	margin-bottom: 48px;
}
ol {
	margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}
@media (max-width:768px){
.grid_5 {
	padding: 0 0 1em;
}
.grid_3 {
	margin-bottom: 0em;
}
}
@media (max-width:640px){
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	margin-bottom: .5em;
}
.progress {
	height: 10px;
	margin-bottom: 10px;
}
ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1 {
	font-size: 14px;
}
.breadcrumb {
	margin-bottom: 25px;
}
.well {
	font-size: 14px;
	margin-bottom: 10px;
}
h2.typoh2 {
	font-size: 1.5em;
}
.label {
	font-size: 60%;
}
.in-gp-tl {
	padding: 0 1em;
}
.in-gp-tb {
	padding-right: 1em;
}
}
@media (max-width:480px){
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	font-size: 1.2em;
}
.table h1 {
	font-size: 26px;
}
.table h2 {
	font-size: 23px;
}
.table h3 {
	font-size: 20px;
}
.label {
	font-size: 53%;
}
.alert,p {
	font-size: 14px;
}
.pagination {
	margin: 20px 0 0px;
}
.grid_3.grid_4.w3layouts {
	margin-top: 25px;
}
}
@media (max-width: 320px){
.grid_4 {
	margin-top: 18px;
}
h3.title {
	font-size: 1.6em;
}
.alert, p,ol.breadcrumb li, .grid_3 p,.well, ul.list-group li, li.list-group-item1,a.list-group-item {
	font-size: 13px;
}
.alert {
	padding: 10px;
	margin-bottom: 10px;
}
ul.pagination li a {
	font-size: 14px;
	padding: 5px 10px;
}
.list-group {
	margin-bottom: 10px;
}
.well {
	padding: 10px;
}
.nav > li > a {
	font-size: 14px;
}
}
/*-- //typography --*/
.typo {
    padding: 5em 0;
}
ul.bs-glyphicons-list {
    padding: 0;
}
.w3ls_head {
    font-size: 30px;
    color: #000000;
    margin-bottom: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
}
.agile-grid{
	background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.wthree-font-awesome{
	background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.w3layouts-glyphicon{
	background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-agile-info{
	background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.form-w3layouts{
	background: #eef9f0;
    padding: 2em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-default>.panel-heading {
    color: #000000 ! important;
    background-color: #ddede0 ! important;
    border-color: #ddede0 ! important;
    font-size: 20px;
}
p.hd-title {
    color: #b64d99;
    font-size: 20px;
    margin-bottom: 1em;
}
.bg-success {
    color: #c6efd0;
    background-color: #27c24c;
}
.bg-info {
    color: #dcf2f8;
    background-color: #23b7e5;
}
.bg-info {
    color: #dcf2f8;
    background-color: #23b7e5;
}
.bg-danger {
    color: #ffffff;
    background-color: #f05050;
}
.text-success {
    color: #27c24c;
}
.text-warning {
    color: #fad733;
}
.text-danger {
    color: #f05050;
}
.btn-default {
    color: #58666e !important;
    background-color: #fcfdfd;
    background-color: #fff;
    border-color: #dee5e7;
    border-bottom-color: #d8e1e3;
    -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
    box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
}
select.input-sm {
    height: 30px;
    line-height: 30px;
}
.w-sm {
    width: 150px;
}
.inline {
    display: inline-block !important;
}
.v-middle {
    vertical-align: middle !important;
}
.m-b-xs {
    margin-bottom: 5px;
}
#upload{
    font-family:'PT Sans Narrow', sans-serif;
    background-color:#fff;
    /*background-image:-webkit-linear-gradient(top, #373a3d, #313437);*/
    /*background-image:-moz-linear-gradient(top, #373a3d, #313437);*/
    /*background-image:linear-gradient(top, #373a3d, #313437);*/
    width:100%;
    padding:30px;
    border-radius:3px;
    margin:0px auto 100px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
}
#drop{
    background-color: #fff;
    padding: 100px 50px;
    margin-bottom: 30px;
    border: 5px dashed #F1F2F7;
    border-radius: 3px;
    /*border-image: url('../img/border-image.png') 25 repeat;*/
    text-align: center;
    text-transform: uppercase;
    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}
#drop a{
    background-color:#8b5c7e;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}
#drop a:hover{
    background-color:#dfa7a6;
}
#drop input{
    display:none;
}
#upload ul{
    list-style:none;
    margin:0;
    /*border-top:1px solid #2b2e31;*/
    /*border-bottom:1px solid #3d4043;*/
}
#upload ul li{
    background-color:#F1F2F7;
    /*background-image:-webkit-linear-gradient(top, #333639, #303335);*/
    /*background-image:-moz-linear-gradient(top, #333639, #303335);*/
    /*background-image:linear-gradient(top, #333639, #303335);*/
    /*border-top:1px solid #3d4043;*/
    /*border-bottom:1px solid #2b2e31;*/
    padding:15px;
    height: 80px;
    position: relative;
}
#upload ul li input{
    display: none;
}
#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #32323a;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}
#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}
#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}
#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}
#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}
#upload ul li.error p{
    color: #8b5c7e;
}
#tzine-download{
    opacity:0.9;
    background-color:#257691;
    font-size:11px;
    text-align:center;
    text-transform:uppercase;
    width:150px;
    height:28px;
    line-height:28px;
    text-decoration:none !important;
    display: inline-block;
    border-radius: 2px;
    color: #fff !important;
    font-weight: bold;
    box-shadow: 0 -1px 2px #1e5e74 inset;
    border-top:1px solid #26849c;
    text-shadow:1px 1px 1px #1e6176;
    margin-top:6px;
}
#tzine-download:hover{
    opacity:1;
}
#tzine-actions{
    position:absolute;
    top:0;
    width:500px;
    right:50%;
    margin-right:-420px;
    text-align:right;
}
#tzine-actions iframe{
    display: inline-block;
    height: 21px;
    width: 95px;
    position: relative;
    float: left;
    margin-top: 11px;
}
.badge.bg-important {
    background: #ff6c60;
}
.badge.bg-warning {
    background: #FCB322;
}
/* mail inbox */
.mail-nav {
    margin:15px -15px 0 -15px;
}
.mail-nav li a {
    border-radius:0;
    -webkit-border-radius:0;
    border-top:1px solid #f2f3f6;
    padding:15px;
    border-right:3px solid rgba(0,0,0,0);
}
.mail-nav>li>a:hover,.mail-nav>li>a:focus {
    background:#fafafa;
    color:#8b5c7e;
    border-right:3px solid #8b5c7e;
}
.mail-nav>li.active>a,.mail-nav>li.active>a:hover,.mail-nav>li.active>a:focus {
    background:#fafafa;
    color:#8b5c7e;
    border-right:3px solid #8b5c7e;
}
.mail-nav>li+li {
    margin-left:0;
    margin-top:0px;
}
.mail-nav i {
    font-size:16px;
    margin-right:10px;
}
.inbox-notification {
    margin-top:-2px;
}
.user-head .inbox-avatar {
    width:65px;
    float:left;
}
.user-head .inbox-avatar img {
    border-radius:4px;
    -webkit-border-radius:4px;
}
.user-head .user-name {
    display:inline-block;
    margin:0 0 0 10px;
}
.user-head .user-name h5 {
    font-size:14px;
    margin-top:15px;
    margin-bottom:0;
    font-weight:300;
}
.user-head .user-name h5 a {
    color:#fff;
}
.user-head .user-name span a {
    font-size:12px;
    color:#87e2e7;
}
a.mail-dropdown {
    background:#80d3d9;
    padding:3px 5px;
    font-size:10px;
    color:#01a7b3;
    border-radius:2px;
    margin-top:20px;
}
.inbox-body {
    padding:20px;
}
.btn-compose {
    background:#f0bcb4;
    padding:12px 0;
    text-align:center;
    width:100%;
    color:#fff;
}
.btn-compose:hover,.btn-compose:focus {
    background:#1ca59e;
    color:#fff;
}
ul.inbox-nav {
    display:inline-block;
    width:100%;
    margin:0;
    padding:0;
}
.inbox-divider {
    border-bottom:1px solid #d5d8df;
}
.inbox-action {
    margin-top:50px;
}
.src-position {
    margin-top:-7px;
}
.mail-src-position {
    margin-top:-3px;
}
ul.labels-info {
    border-bottom:1px solid #f1f2f7;
    margin-bottom:10px;
}
ul.inbox-nav li {
    display:inline-block;
    line-height:45px;
    width:100%;
}
ul.inbox-nav li a {
    color:#6a6a6a;
    line-height:45px;
    width:100%;
    display:inline-block;
    padding:0 20px;
}
ul.inbox-nav li a:hover,ul.inbox-nav li.active a,ul.inbox-nav li a:focus {
    color:#6a6a6a;
    background:#d5d7de;
}
ul.inbox-nav li a i {
    padding-right:10px;
    font-size:16px;
    color:#6a6a6a;
}
ul.inbox-nav li a span.label {
    margin-top:13px;
}
ul.labels-info li h4 {
    padding-top:5px;
    color:#5c5c5e;
    font-size:15px;
    text-transform:uppercase;
}
ul.labels-info li {
    margin:0;
}
ul.labels-info li a {
    color:#6a6a6a;
    border-radius:0;
    padding-left:0;
    padding-right:0;
}
ul.labels-info li a:hover,ul.labels-info li a:focus {
    color:#6a6a6a;
    background:none;
}
ul.labels-info li a i {
    padding-right:10px;
}
.nav.nav-pills.nav-stacked.labels-info p {
    margin-bottom:0;
    padding:0 22px;
    color:#9d9f9e;
    font-size:11px;
}
.inbox-head {
    padding:20px;
    background:#41cac0;
    color:#fff;
    border-radius:0 4px 0 0;
    -webkit-border-radius:0 4px 0 0;
    min-height:80px;
}
.inbox-head h3 {
    margin:0;
    display:inline-block;
    padding-top:6px;
    font-weight:300;
}
.inbox-head .sr-input {
    height:40px;
    border:none;
    box-shadow:none;
    padding:0 10px;
    float:left;
    border-radius:4px 0 0 4px;
    color:#8a8a8a;
}
.inbox-head .sr-btn {
    height:40px;
    border:none;
    background:#00a6b2;
    color:#fff;
    padding:0 20px;
    border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
}
.wht-bg {
    background: #fff;
    padding: 20px;
}
.wht-bg h4 {
    font-size:24px;
    color:#a2a2a2;
    font-weight:300;
	text-align:left;
}
.table-inbox-wrap {
    margin:0 -15px;
}
.mail-checkbox {
    margin-right:10px;
}
.table-inbox {
    margin:0;
}
.table-inbox tr td {
    padding:12px !important;
}
.table-inbox tr td:first-child {
    width:5%;
}
.table-inbox tr td:first-child .icheckbox_minimal {
    margin-left:15px;
}
.table-inbox tr td:hover {
    cursor:pointer;
}
.table-inbox tr td .fa-star.inbox-started,.table-inbox tr td .fa-star:hover {
    color:#f78a09;
}
.table-inbox tr td .fa-star {
    color:#d5d5d5;
}
.table-inbox tr.unread td {
    font-weight:600;
    background:#f7f7f7;
}
.table-inbox tr.unread a {
    color: #32323a;
}
.table-inbox tr a {
    color: #767676;
}
ul.inbox-pagination {
    float:right;
    list-style-type: none;
}
ul.inbox-pagination li {
    float:left;
}
.pagination li a {
    color: #32323a;
}
.mail-option {
    display:inline-block;
    margin-bottom:10px;
    width:100%;
}
.mail-option .chk-all {
    float:left;
}
.mail-option .chk-all,.mail-option .btn-group {
    margin-right:5px;
}
.mail-option .chk-all,.mail-option .btn-group a.btn {
    border:1px solid #e7e7e7;
    padding:5px 10px;
    display:inline-block;
    background:#fcfcfc;
    color:#afafaf;
    border-radius:3px !important;
    -webkit-border-radius:3px !important;
}
.inbox-pagination a.np-btn {
    border:1px solid #e7e7e7;
    padding:5px 15px;
    display:inline-block;
    background:#fcfcfc;
    color:#afafaf;
    border-radius:3px !important;
    -webkit-border-radius:3px !important;
}
.mail-option .chk-all input[type=checkbox] {
    margin-top:0;
}
.mail-option .btn-group a.all {
    padding:0;
    border:none;
}
.inbox-pagination a.np-btn {
    margin-left:5px;
}
.inbox-pagination li span {
    display:inline-block;
    margin-top:7px;
    margin-right:5px;
}
.fileinput-button {
    border:1px solid #e6e6e6;
    background:#eeeeee;
}
.inbox-body .modal .modal-body input,.inbox-body .modal .modal-body textarea {
    border:1px solid #e6e6e6;
    box-shadow:none;
}
.btn-send,.btn-send:hover {
    background:#00A8B3;
    color:#fff;
}
.btn-send:hover {
    background:#009da7;
}
.modal-header h4.modal-title {
    font-weight:300;
    font-family:'Open Sans',sans-serif;
}
.modal-body label {
    font-weight:400;
    font-family: 'Open Sans',sans-serif;
}
.compose-mail {
    width: 100%;
    display: inline-block;
    position: relative;
    margin-top: 20px;
}
.compose-mail .compose-options {
    color: #979797;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 7px;
}
.compose-mail input, .compose-mail input:focus {
    border:none;
    padding: 0;
    width: 80%;
    float: left;
}
.compose-mail .form-group {
    border:1px solid #F2F3F6;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
.compose-mail .form-group label {
    line-height: 34px;
    width: 10%;
    float: left;
    padding-left: 5px;
    margin-bottom: 0;
}
.compose-editor input {
    margin-top: 15px;
}
.compose-editor {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.compose-btn {
    float: left;
    margin-top: 6px;
}
.mail-header h4 {
    font-weight: 300;
}
.mail-sender, .attachment-mail {
    width: 100%;
    display: inline-block;
    margin: 20px 0;
    border-top:1px solid #EFF2F7 ;
    border-bottom:1px solid #EFF2F7 ;
    padding: 10px 0;
}
.mail-sender img {
    width: 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.mail-sender .date {
    line-height: 30px;
    margin-bottom: 0;
    text-align: right;
}
.view-mail a, .attachment-mail a:hover {
    color: #35bcb5;
}
.attachment-mail a{
    color: #32323a;
}
.attachment-mail ul li  {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-top: 15px;
    list-style: none;
}
.attachment-mail ul li a.atch-thumb img {
    width: 200px;
    height: 180px;
    margin-bottom: 10px;
}
.attachment-mail ul li a.name span {
    float: right;
    color: #767676;
}
.agile-info h3 {
    font-size: 2.5em;
    text-transform: uppercase;
    color: #8b5c7e;
    font-weight: 500;
    letter-spacing: 12px;
}
.agile-info h2 {
    font-size: 12em;
    color:#8b5c7e;
    line-height: 1;
    font-weight: 300;
    letter-spacing: 20px;
}
.agile-info {
   padding:9em 2em 16.6em;
    background: rgba(240, 188, 180, 0.42);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center;
}
.agile-info p {
    font-size: 1em;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 3em;
    margin-top: 2em;
}
.agile-info a {
    font-size: 1em;
    text-transform: uppercase;
    color: white;
    width: 18%;
    padding: 12px 0px;
    letter-spacing: 2px;
    display: inline-block;
    background: #f0bcb4;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agile-info a:hover {
    background: #8b5c7e;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/*-- gallery --*/
.w3l-gallery-heading h3{
	text-align:right !important;
	color: #FF5722 !important;
}
.gallery-grid img {
    width: 100%;
    cursor: pointer;
}
.gallery-top-grids:nth-child(2),.gallery-top-grids:nth-child(3){
	margin-top:0;
}
.gallery-grids-left {
    padding: 10px;
}
.gallery-grid{
	position:relative;
	overflow: hidden;
}
.gallery-grid:hover .captn {
    bottom: 12%;
}
.captn {
    background:rgba(139, 92, 126, 0.73);
    padding: 2em;
    position: absolute;
    border: solid 1px #FFF;
    left: 6%;
    bottom: -100%;
    text-align: center;
    width: 340px;
    height: 200px;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
}
.captn h4 {
	font-size: 1.2em;
    color: #fff;
    margin: 2.5em 0 0 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
.captn p {
    margin: 0.5em 0 0 0;
    color: #FFFFFF;
    font-size: .9em;
}
/*-- //gallery --*/
.gallery {
    padding: 2em;
    background: rgb(238, 249, 240);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
/*-- gallery --*/
.w3layouts-main h2 {
	color: #fff;
    font-size: 29px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-bottom: 15px;
	    text-align: center;
}
.w3layouts-main {
    width: 30%;
    margin:5em auto;
    background:#000;
    padding: 42px 35px;
}
/*--//header--*/
/*--login--*/
input.ggg{
    width: 100%;
    padding: 15px 0px 15px 15px;
    border: 1px solid #fff;
    outline: none;
    font-size: 14px;
    color: #fff;
    margin: 14px 0px;
	background: none;
}
.w3layouts-main span {
    font-size: 16px;
    color: #fff;
    float: left;
    width: 32%;
	margin-top: 8px;
}
.w3layouts-main h6 {
    font-size: 16px;
    float: right;
    width: 37%;
	color: #fff;
    letter-spacing: 1px;
	margin-top: 8px;
	text-decoration:underline;
}
.w3layouts-main a {
    color: #fff;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
}
.w3layouts-main a:hover{
	color:#d4a400;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
}
.w3layouts-main input[type="submit"] {
    padding: 12px 38px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #d4a400;
    color: white;
    border: none;
    outline: none;
	display: table;
    cursor: pointer;
    margin: 45px auto 31px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.w3layouts-main input[type="submit"]:hover {
	background: #ffffff;
    transition:0.5s all;
    color: #000;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
}
.w3layouts-main p a {
    color: #d4a400;
    padding: 10px;
}
.w3layouts-main p a:hover {
    color: #fff;
}
.w3layouts-main p {
    font-size: 17px;
    color: #fff;
	text-align: center;
}
/*--//login--*/
h4 input[type="checkbox"] {
    margin-right: 10px;
}
.w3layouts-main h4{
    margin-right: 10px;
	color:#fff;
	font-weight:400;
	font-size:14px;
}
 /*--placeholder-color--*/
::-webkit-input-placeholder {
	color:#fff !important;
}
:-moz-placeholder { /* Firefox 18- */
	color:#fff !important; 
}
::-moz-placeholder {  /* Firefox 19+ */
	color:#fff !important;
}
:-ms-input-placeholder {  
	color:#fff !important;
}
/*--//placeholder-color--*/
.alert {
    margin-bottom: 23px !important;
}
div#chartContainer1,div#chartContainer2,div#chartContainer3,div#chartContainer4 {
    width: 100%;
    min-height: 500px;
}
div#chartContainer5,div#chartContainer6,div#chartContainer7,div#chartContainer8 {
    width: 100%;
    min-height: 500px;
}
.chart_agile_top {
    background-color: #eef9f0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 2em;
    margin: 0 0 2em;
}
.floatcharts_w3layouts_top{
    background-color: #eef9f0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 2em;
}
.map_wthree_top{
    background-color: #eef9f0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 2em;
}
.vector-stat {
    height:150px;
    margin-top:20px;
}
canvas.canvasjs-chart-canvas {
}
.chart_agile_bottom{
	padding:20px;
	background:#fff;
}
.floatcharts_w3layouts_bottom{
	padding:20px;
	background:#fff;
}
.floatcharts_w3layouts_left {
    margin-bottom: 2em;
}
.w3-res-tb {
    padding: 2em 1em 0;
}
.pagination {
    margin: 0 !important;
}
div#graph10,div#graph11 {
    width: 100%;
}
/*-- responsive design --*/
@media (max-width: 1440px){
.w3layouts-main {
    width: 33%;
}
.captn {
    padding: 1em;
    width: 301px;
    height: 182px;
}
}

.w3layouts-main {
    width: 100%;
    border: 5px solid #d4a400;
}
.captn {
    width: 280px;
    height: 170px;
}

@media (max-width: 1280px){
.captn {
    width: 256px;
    height: 150px;
}
.market-update-block {
    padding: 1em 1em;
}
.alert {
    margin-bottom: 13px !important;
    padding: 12.8px !important;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
  width: 260px ! important;
}
}
@media (max-width: 1080px){
.agile-info {
    padding: 9.1em 2em;
}
.captn {
    width: 198px;
    height: 118px;
}
.captn h4 {
    margin: 1em 0 0 0;
}
.market-update-gd {
    float: left;
    width: 50%;
    margin: 1em 0;
}
.market-updates {
    margin: 0em 0;
}
.agile-calendar {
    width: 100%;
    margin-bottom: 1.5em;
}
.w3agile-notifications {
    width: 100%;
}
.agile-last-left {
    width: 100%;
}
.agile-last-left.agile-last-middle{
    width: 100%;
	margin:1.5em 0;
}
.agile-last-left.agile-last-right{
    width: 100%;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 650px !important;
}
.stats-info.widget {
    width: 100%;
    margin-bottom: 1.5em;
}
.stats-info.stats-last.widget-shadow {
    width: 100%;
}
.w-sm {
    width: 138px;
}
}
@media (max-width: 1024px){
.captn {
    width: 180px;
    height: 110px;
}
}
@media (max-width: 991px){
.captn {
    width: 171px;
    height: 102px;
}
.market-update-left {
    float: left;
    margin-left: 20px;
}
.market-update-right {
    float: left;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 600px !important;
}
.w-sm {
    width: 127px;
}
}
@media (max-width: 800px){
.gallery-grids-left {
    width: 100%;
}
.captn {
    width: 350px;
    height: 200px;
}
.captn h4 {
    margin: 3em 0 0 0;
}
.market-update-right {
    width: 100%;
    padding: 0;
    text-align: center;
}
.market-update-left {
    margin-left: 0;
    text-align: center;
    width: 100%;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 430px !important;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 7px!important;
}
.com-w3ls {
    width: 100%;
}
.mail-w3agile {
    width: 100%;
}
}
@media (max-width: 768px){
.agile-info {
    padding: 17em 2em;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 400px !important;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px!important;
}
#drop {
    padding: 100px 30px;
}
.table-agile-info {
    padding: 2em 2em 10.7em;
}
.position-center {
    width: 100%;
    margin: 0 auto;
}
#upload {
    margin: 0px auto 230px;
}
.w3ls-graph {
    padding: 0;
}
.w3layouts-main {
    margin: 14.3em auto;
}
.search:focus {
    width:170px;
}
.todo-search:focus{
    width:95% !important;
}
}
@media (max-width: 736px){
.agile-info {
    padding: 2em 2em;
}
.captn {
    width: 534px;
    height: 300px;
}
.captn h4 {
    margin: 6em 0 0 0;
}
.w3ls-graph {
    padding: 0;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 620px !important;
}
.table-agile-info {
    padding: 2em;
}
#upload {
    margin: 0px auto 50px;
}
.w3layouts-main {
    margin: 5em auto;
}
}
@media (max-width: 667px){
.agile-info p {
    font-size: 0.9em;
    margin-bottom: 2em;
    margin-top: 2em;
}
.agile-info a {
    width: 26%;
}
.captn {
    width: 474px;
    height: 267px;
}
.captn h4 {
    margin: 5em 0 0 0;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 555px !important;
}
}
@media (max-width: 640px){
.agile-info {
    padding: 3.7em 2em;
}
.captn {
    width: 452px;
    height: 250px;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 525px !important;
}
}
@media (max-width: 600px){
.captn {
    width: 414px;
    height: 242px;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 480px !important;
}
}
@media (max-width: 568px){
.w3layouts-main {
    width: 84%;
}
.captn {
    width: 386px;
    height: 225px;
}
.captn h4 {
    margin: 4em 0 0 0;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 450px !important;
}
}
@media (max-width: 480px){
.agile-info {
    padding: 7.1em 2em;
}
.agile-info a {
    width: 33%;
}
.captn {
    width: 308px;
    height: 180px;
}
.captn h4 {
    margin: 3em 0 0 0;
}
.w3-agile-map-left iframe {
    min-height: 300px;
}
.w3-agile-map-right iframe {
    min-height: 300px;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 332px !important;
}
.table-agile-info {
    padding: 1em;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px!important;
}
.form-w3layouts {
    padding: 1em;
}
}
@media (max-width: 414px){
.w3layouts-main h2 {
    font-size: 24px;
}
.w3layouts-main h6 {
    font-size: 14px;
    width: 45%;
}
.w3layouts-main span {
    font-size: 14px;
    width: 37%;
    margin-top: 2px;
}
.agile-info a {
    width: 40%;
}
.agile-info h2 {
    font-size: 9em;
}
.agile-info {
    padding: 5em 2em 11.3em;
}
.w3layouts-main {
    margin: 0em auto 11.4em;
    padding: 30px 20px;
}
.captn {
    width: 250px;
    height: 146px;
}
.captn h4 {
    margin: 2em 0 0 0;
}
.w3-agile-map-left,.w3-agile-map-right {
    padding: 0;
}
.market-update-gd {
    float: left;
    width: 100%;
}
.market-update-left {
    margin-left: 0;
    text-align: left;
    width: 63%;
}
.market-update-right {
    width: 26%;
    padding: 0;
    text-align: left;
}
.agileinfo-grap {
    padding: 1em;
}
.calendar-widget {
    padding: 1em;
}
.notifications {
    padding: 1em;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 300px !important;
}
.agile-Updating-grids, .agile-bottom-grid, .agile-last-grid {
    padding: 1em;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px!important;
}
.stats-info-agileits {
    padding: 1em;
}
.stats-last-agile {
    padding: 1em;
}
.w3layouts-glyphicon {
    padding: 1em;
}
.typo-agile {
    padding: 1em;
}
.agile-grid {
    padding: 1em;
}
.position-center {
    width: 92%;
}
#drop {
    padding: 50px 30px;
	margin-bottom:0;
}
.com-w3ls {
    padding: 0;
}
.mail-w3agile {
    padding: 0;
}
.wht-bg h4 {
    font-size: 16px;
}
.chart_agile_top {
    padding: 1em;
    margin: 0 0 1em;
}
.chart_agile_left,.chart_agile_right {
    padding: 0;
}
.floatcharts_w3layouts_top {
    padding: 1em;
}
.floatcharts_w3layouts_left {
    margin-bottom: 1em;
    padding: 0;
}
.vec-wthree{
	padding: 0;
}
}
@media (max-width: 384px){
.agile-info {
    padding: 5.9em 2em;
}
.w3layouts-main {
    margin: 0em auto 5.4em;
}
.gallery {
    padding: 1em;
}
.w3ls_head {
    margin-bottom: 0.5em;;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 3px!important;
}
.wht-bg h4 {
    font-size: 14px;
}
}
@media (max-width: 375px){
.agile-info {
    padding: 3em 2em 8.95em;
}
.captn {
    width: 244px;
    height: 146px;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 4px!important;
	    font-size: 0.75em;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 290px !important;
}
.wht-bg h4 {
    font-size: 13px;
}
}
@media (max-width: 320px){
.w3layouts-main {
    width: 95%;
	margin: 0em auto 2em;
}
.w3layouts-main h6 {
    font-size: 13px;
    width: 49%;
}
.w3layouts-main span {
    width: 45%;
}
.w3layouts-main input[type="submit"] {
    padding: 10px 26px;
    font-size: 16px;
	margin: 45px auto 18px;
}
.agile-info h2 {
    font-size: 7em;
}
.agile-info a {
    width: 55%;
	font-size:0.9em;
}
.agile-info {
    padding: 3em 2em 8.95em;
}
.captn {
    width: 196px;
    height: 114px;
}
.captn h4 {
    margin: 1em 0 0 0;
}
.w3-agile-google_map {
    padding: 1em;
}
.w3-agile-map-left iframe {
    min-height: 250px;
}
.w3-agile-map-right iframe {
    min-height: 250px;
}
.market-update-gd {
    padding: 0;
}
.market-update-gd {
    margin: 0.8em 0;
}
.market-update-right {
    width: 30%;
}
.panel-body {
    padding: 6px ! important;
}
.agileinfo-grap {
    margin-top: 0.8em;
}
.agile-calendar {
    margin-bottom: 1em;
    padding: 0;
}
.w3agile-notifications {
    padding: 0;
}
.agile-last-left {
    padding: 0;
}
div#graph1, div#graph4, div#graph5, div#graph6, div#graph7, div#graph8, div#graph9,div#graph10,div#graph11 {
    width: 250px !important;
}
.stats-info.widget {
    margin-bottom: 1em;
    padding: 0;
}
.stats-info.stats-last.widget-shadow {
    padding: 0;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px!important;
}
.agile-last-left.agile-last-middle {
    margin: 1em 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: 0.75em;
}
#drop {
    padding: 50px 16px;
}
.mail-nav {
    margin: 0;
}
.w3-res-tb {
    padding: 2em 0em 0;
}
.col-lg-12 {
    padding: 0;
}
.table-inbox {
    margin: 14px;
}
.table {
    width: 90%;
}
.wht-bg h4 {
    font-size: 16px;
	float:none;
	text-align:center;
}
.input-append {
    margin-top: 1em;
}
.search:focus {
    width:150px;
}
.todo-search:focus{
    width:90% !important;
}
.wthree-font-awesome {
    padding: 1em;
}
.floatcharts_w3layouts_bottom {
    padding: 0px;
}
.chart_agile_bottom {
    padding: 0;
}
}
img
{
   max-width: 100%;
}
.nicescroll-rails div
{
    background-color: rgb(225, 194, 116) !important;
    width: 5px !important;
}



/* create listin */

/* @extend display-flex; */
.main-listing display-flex, .main-listing .form-row, .main-listing ul, .main-listing .title, .main-listing .actions ul li a, .main-listing .form-date-item .select-icon, .main-listing .form-date-item .select-icon i, .main-listing .form-date-group {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
.main-listing list-type-ul li, .main-listing ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.main-listing a:focus, .main-listing a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

.main-listing input, .main-listing select, .main-listing textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

.main-listing input::-webkit-outer-spin-button, .main-listing input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

.main-listing input:focus, .main-listing select:focus, .main-listing textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

.main-listing input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

.main-listing input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

.main-listing .container {
        width: 90%;
 background: #fff;
  }

.main-listing .clear {
  clear: both; }

.main-listing {
  padding: 60px 0; }

.main-listing .signup-form {
  padding: 32px 0 40px 0; }

.main-listing input, .main-listing select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border: 1px solid #adadad;
  font-family: 'Roboto';
  font-size: 13px;
  padding: 10px 20px; }
.merge-left .steps ul
{
    padding-left: 100px;
}
.main-listing input:focus {
  border: 1px solid #666; }

.main-listing input.valid {
  border: 1px solid #666; }

.main-listing .form-group, .main-listing .form-select, .main-listing .form-date {
  margin-bottom: 15px; }

.main-listing .form-row {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between; }
  .main-listing .form-row .form-select {
    width: 160px; }
  .main-listing .form-row .form-date {
    width: 266px; }

.main-listing label {
  display: block;
  width: 100%;
  font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
  margin-bottom: 5px;
  color: #000; }

/*.main-listing label.required {
  position: relative; }*/
  label.required:after {
    content: '*';
    margin-left: 2px;
    color: #b90000; }

.main-listing .steps {
  margin-bottom: 23px; }
ul[role=tablist] li {
    margin-right: 20px;
        text-align: center;
}

.main-listing a {
  text-decoration: none; }

.main-listing .icon {
  font-size: 29px; }

.main-listing .title {
  background: #adadad;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  -o-flex-direction: column;
  -ms-flex-direction: column;
  width: 90px;
  height: 95px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff; }

.main-listing .title_text {
  margin-top: 5px;
}

.main-listing .current .title {
  background: #e2a60f; }

.main-listing .content h3 {
  display: none; }

.main-listing fieldset {
  border: none;
      width: 95%;
    margin: 0 auto;
    padding: 20px 40px;
    background: #fff;
    border: 2px solid #e2a60f;
}

.main-listing .actions {
  margin-top: 25px; }
  .main-listing .actions .disabled {
    display: none; }
  .main-listing .actions ul {
    justify-content: flex-end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -o-justify-content: flex-end;
    -ms-justify-content: flex-end; }
    .main-listing .actions ul li {
      margin-left: 10px; }
      .main-listing .actions ul li:first-child a {
        background: #adadad; }
      .main-listing .actions ul li a {
        background: #000000;
        padding: 10px 50px 10px 50px;
        color: #fff;
        letter-spacing: 2px;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
            font-weight: 600; }
        .main-listing .actions ul li a:hover {
          background-color: #da9a1c; }

.main-listing label.error {
  display: block;
  position: absolute;
  top: 0px;
  right: 0; }
  .main-listing label.error:after {
    font-family: 'themify';
    position: absolute;
    content: '\e717';
    right: 18px;
    top: 40px;
    font-size: 13px;
    color: #ff1212; }

.main-listing input.error, .main-listing select.error, .main-listing textarea.error {
  border: 1px solid #ff1212; }


.main-listing ul.list-item {
  z-index: 9;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  display: block; }

.main-listing ul.list-item li {
  padding: 13px 20px;
  z-index: 2;
  color: #222;
  font-size: 13px; }

.main-listing ul.list-item li:not(.init) {
  display: none;
  background: #fff;
  color: #222;
  padding: 5px 20px; }

.main-listing ul.list-item li:not(.init):hover, .main-listing ul.list-item li.selected:not(.init) {
  background: #fa5e5b;
  color: #fff; }

.main-listing li.init {
  cursor: pointer;
  position: relative; }
  .main-listing li.init:after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 10px;
    color: #222;
    font-family: 'themify';
    content: '\e64b'; }

.main-listing legend {
  width: 80%;
    margin: 0 auto;
    padding: 7px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase; }
  .main-listing legend span {
    display: inline-block; }

.main-listing .step-heading {
  color: #ca0400;
  float: left; }

.main-listing .step-number {
  float: right;
  font-size: 15px;
    line-height: 28px;
    color: #000;
    letter-spacing: 0;
    font-weight: 600; }

.main-listing .form-date-item {
  position: relative;
  overflow: hidden; }
  .main-listing .form-date-item:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    background: #ebebeb;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
  .main-listing .form-date-item:last-child:after {
    width: 0px; }
  .main-listing .form-date-item .select-icon {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center; }
    .main-listing .form-date-item .select-icon i {
      justify-content: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      -o-justify-content: center;
      -ms-justify-content: center;
      align-items: center;
      -moz-align-items: center;
      -webkit-align-items: center;
      -o-align-items: center;
      -ms-align-items: center;
      width: 30px;
      height: 20px;
      font-size: 10px;
      color: #222; }

.main-listing .ui-datepicker-trigger {
  position: absolute;
  right: 10px;
  top: 20px;
  color: #222;
  font-size: 10px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer; }

.main-listing .form-date-group {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px; }
  .main-listing .form-date-group select {
    border: none;
    width: 90px;
    box-sizing: border-box;
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
    position: relative;
    background: 0 0;
    z-index: 10;
    cursor: pointer; }

.main-listing .select-list {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 47px; }

.main-listing .list-item {
  position: absolute;
  width: 100%;
  z-index: 99; }

@media screen and (max-width: 768px) {
  .main-listing .container {
    width: calc(100% - 40px);
    max-width: 100%; }

  .main-listing .steps ul, .main-listing .form-row {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -ms-flex-direction: column; }

  .main-listing .title {
    width: 150px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto; }

  .main-listing .form-row .form-date, .main-listing .form-row .form-select {
    width: 100%; } }
.main-listing
{
  font-family: 'Roboto';
}
@media screen and (max-width: 480px) {
  .main-listing .signup-form {
    padding-left: 30px;
    padding-right: 30px; } }

/*# sourceMappingURL=style.css.map */
.arrow-aft:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #aaa;
    right: 20px;
    top: 34px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

.bord-focus.active
{
    border: 2px solid #969696;
    transition: 0.2s all linear;
    outline: none;
        margin-bottom: 20px;
}
.add-fees
{
    margin-top: 10px;
    font-size: 14px;
}
.add-fees .text
{
    margin-top: 10px;
    border-radius: 0;
}
.main-listing fieldset#signupform-p-2
{
    width: 95%;
}
.bord-focus .add-fee-form-lab
{
        color: #000;
    font-size: 14px;
    letter-spacing: 1px;
}
.area-addr
{
    width: 100%;
        height: 100px;
}
.span-small
{
    font-size: 11px;
    color: #ec2222;
}
.checkbox input[type="checkbox"]
{
    width: auto;
}
.material-icons a i {
    font-size: 18px;
    margin-right: 10px;
}
.col-eye
{
    color: #0037a7;
}
.col-edit
{
    color: #740398;
}
.col-delete
{
    color: #d9534f;
}
.add-but
{
    float: right;
    padding: 10px;
    background: #27c24c;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: 0.3s all linear;
}
.but-a
{
        font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    transition: 0.3s all linear;
}
.add-but:hover
{
    color: #fff;
    background-color: #000;
    transition: 0.3s all linear;
}
.stats-table tr th
{
    color: #000 !important;
    letter-spacing: 1px;
}
.stats-table tr td
{
    color: #616161 !important;
    letter-spacing: 1px;
}

.signup-form .input-block {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #adadad;
    width: 100%;
    height: 40px;
    padding: 21px;
    position: relative;
    margin-bottom: 20px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.signup-form .input-block.focus {
    background-color: #fff;
    border: 1px solid #adadad;
}

.signup-form .input-block.textarea {
    height: auto;
}

.signup-form .input-block.textarea .form-control {
    height: auto;
    resize: none;
}

.signup-form .input-block label {
    padding: 0 10px;
    background: #fff;
    position: absolute;
    left: 8px;
    top: 20px;
    display: block;
    margin: 0;
    font-weight: 600;
    z-index: 1;
    color: #999;
    font-size: 14px;
    line-height: 4px;
    width: auto;
}

.signup-form .input-block .form-control {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    font-size: 14px;
    height: 40px;
    padding: 0;
    position: relative;
    top: -20px;
    z-index: 2;
}

.signup-form .input-block .form-control:focus label {
    top: 0;
}
.main-listing input.valid, .main-listing select.valid, .main-listing textarea.valid
{
    border: 1px solid #00a2c7;
    transition: 0.2s all linear;
}
.signup-form .content
{
    padding-top: 50px;
}
.signup-form .input-group-addon
{
    font-weight: bold !important;
    background-color: #e1c274 !important;
    border: 1px solid #e2a60f !important;
    color: #000 !important;
}
.signup-form .input-block.textarea
{
        height: auto !important;
}
.signup-form textarea
{
    resize: none;
    font-size: 14px;
    padding: 10px 20px;
}
.signup-form .input-group-addon
{
    border-radius: 0px;
    height: auto !important;
}
.signup-form .form-group
{
    position: relative;
    z-index: 1;
}

.main-check input[type=checkbox] + label {
  display: block;
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
      font-weight: normal;
    letter-spacing: 1px;

}

.main-check input[type=checkbox] {
  display: none;
}

.main-check input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  display: inline-block;
  width: 15px;
    height: 15px;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
  margin-top: -3px;
  margin-right: 10px;
}

.main-check input[type=checkbox] + label:active:before {
  transform: scale(0);
}

.main-check input[type=checkbox]:checked + label:before {
  background-color: #e1c274;
    border-color: #fcb322;
    color: #000;
    padding: -4px;
    padding-bottom: 16px;
    font-weight: bold;
    padding-top: 0px;
}
.main-check h4
{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px;
    margin-left: 3px;
}
.main-check:hover {
    box-shadow: 0 0 5px #c1c1c0;
    transform: scale(1.01);
    transition: 0.2s linear all;
}
.main-check {
    padding: 20px;
}

.preview-images-zone {
    width: 100%;
    border: 1px solid #ddd;
    min-height: 180px;
    margin-bottom: 20px;
    padding: 5px 5px 0px 5px;
    position: relative;
    overflow:auto;
}
.preview-images-zone > .preview-image:first-child {
    height: 185px;
    width: 185px;
    position: relative;
    margin-right: 5px;
}
.preview-images-zone > .preview-image {
    height: 90px;
    width: 90px;
    position: relative;
    margin-right: 5px;
    float: left;
    margin-bottom: 5px;
}
.preview-images-zone > .preview-image > .image-zone {
    width: 100%;
    height: 100%;
}
.preview-images-zone > .preview-image > .image-zone > img {
    width: 100%;
    height: 100%;
}
.preview-images-zone > .preview-image > .tools-edit-image {
    position: absolute;
    z-index: 100;
    color: #fff;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    display: none;
}
.preview-images-zone > .preview-image > .image-cancel {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: bold;
    margin-right: 10px;
    cursor: pointer;
    display: none;
    z-index: 100;
}
.preview-image:hover > .image-zone {
    cursor: move;
    opacity: .5;
}
.preview-image:hover > .tools-edit-image,
.preview-image:hover > .image-cancel {
    display: block;
}
.ui-sortable-helper {
    width: 90px !important;
    height: 90px !important;
}
.upload-img a
{
        color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    background: #d0992c;
    padding: 10px;
    border: 2px solid #d0992c;
    transition: 0.2s all linear;
}
.upload-img a:hover
{
    background-color: transparent;
    transition: 0.2s all linear;
    color: #d0992c;
}
.upload-img
{
    margin-top: 15px;
    text-align: center;
}
.help-block
{
    font-size: 14px;
}
.merge-left .main-listing fieldset
{
    width: 85%;
}
#pro-image.error:after
{
    display: none;
}

.signupformsubmitbtn
{
    background-color: #000;
    color: #fff;
    font-size: 15px !important;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 50px 10px 50px !important;
    
}

.signupformsubmitbtn:hover {
    background: #da9a1c;
    border-color: #da9a1c;
}
input[type="text"]::placeholder
{
    color: #ccd0cc !important;
}
.round-but
{
background: #000;
    border-radius: 50%;
    width: 25px;
    line-height: 25px;
    height: 25px;
    margin-top: 8px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.mar-bot
{
        margin-bottom: 20px;
}

/*for login form*/

.rem-me
{
    position: relative;
    font-weight: normal;
    padding-left: 20px;
    cursor: pointer;
    color: #fff;
    line-height: unset;
}
.check-rem
{
    position: absolute;
    left: 0;
}
.check-rem-1
{
    position: absolute;
    left: 0;
    top: -3px;
}
input.ggg::placeholder {
    color: #abaaaa !important;
    letter-spacing: 2px;
}

/*12-10-2019*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
    width: auto;
    margin-right: 30px;
    font-weight: normal;

}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #cecece;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #e2a60f;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.form-head-four
{
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 10px;
    background: #e1c274;
    padding: 10px 30px 10px 10px;
    display: inline-block;
    color: #000;
}
.pos-rel-main
{
    position: relative;
}
#space-list, #happenings-list, #service-list
{
    display: none;
    position: absolute;
    top: 35%;
    width: 100%;
}
#venue-list
{
    position: absolute;
    top: 35%;
    width: 100%;
}
.height-list
{
    position: relative;
    height: 250px;
}

.have-options
{
    display: flex; 
    padding: 0 0 15px 0;
}
.have-options:hover
{
    box-shadow: none;
    transform: none;
}
.tit-hightlight
{
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 15px;
}

.listit
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 8px;
}

/*22-10-2019 comparsion price table */

.package {
margin: 50px auto 20px;
border: 1px solid #CCC;
display: inline-block;
width: 92%;
height: 1523px;
}
.merge-left .package
{
width: 100%;
}
.package .fa {
color: #b9b9b9;
font-size: 18px;
font-style: normal;
margin-right: 5px;
width: 25px;
float: left;
}

.packageLeftBar {
background: #fbfbfb;
float: left;
width: 20%;
}
.packageLeftBar li
{
font-weight: bold;
font-size: 15px;
color: #000;
}
.packageLeftBar li, .packageDetails li {
padding: 20px 0 20px;
font-size: 14px;
border-top: 1px dotted #CCC;
text-align: left;
}

.packageLeftBar li:first-child {
text-align: center;
padding: 30px;
border: none;
}

.packageDetails {
float: left;
position: relative;
border-left: 1px dotted #CCC;
width: 16%;
transition: 0.3s all linear;
background: #fff;
}

.packageDetails:hover {
background: #FAFAFA;
box-shadow: 0 0 10px #737373;
z-index: 9;
}

.packageDetails .fa-times {
color: #d31c06;
}

.packageDetails .fa-check {
color: #7e9513;
}

.packageDetails li {
text-align: center;
}

.packageDetails li .fa {
text-align: center;
float: none;
line-height: 0;
}

.packageLeftBar li:first-child {
padding: 38px 10px 37px;
}

.packageDetails li:first-child span {
padding: 10px 10px;
background-color: #0d1121;
font-weight: 900;
display: block;
font-size: 18px;
line-height: 28px;
}

.packageDetails.yellow li:first-child {
color: #FFF;
line-height: 16px;
}

.signUp {
padding: 8px 15px;
color: #FFF;
cursor: pointer;
text-decoration: none;
}

.packageDetails.orange .signUp {
background-color: #cf7a1c;
box-shadow: 3px 3px 0px #b36004;
}

.packageDetails.red li:first-child {
color: #FFF;
line-height: 16px;
}

.packageDetails .signUp {
background-color: #0f1f2f;
box-shadow: 3px 3px 0px #0253a5;
border: none;
font-size: 17px;
letter-spacing: 2px;
transition: 0.2s linear all;
}

.packageDetails.maroon li:first-child {
color: #FFF;
line-height: 16px;
}

.packageDetails #economy li:nth-child(2) {
padding: 40px 10px 15px;
}

.packageDetails #economy li:nth-child(2) select {
margin-top: 14px;
}

#economy select {
border: 0;
outline: none;
padding: 3px 8px;
}
.packageContainer li
{
list-style: none;
}
.packageLeftBar ul {
padding-left: 13px;
padding-right: 13px;
}
.packageDetails ul
{
padding-left: 0px;
}
.pack-heigh
{
height: 255px;
}
.img-nopad
{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.sub-tit
{
padding-left: 2px;
padding-right: 2px;
}
.sub-tit h4
{
padding: 5px;
font-size: 17px;
color: #000;
font-weight: 600;
line-height: 25px;
}
.head-with_img
{
padding: 0 !important;
}
.set-height-price
{
height: 320px;
}
.ul-next li
{
color: #000;
}
.ul-next li:first-child
{
color: #000 !important;
line-height: 22px !important;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
height: 175px;
display: table;
}
.ul-next li:first-child span
{
padding: 0 !important;
background-color: transparent !important;
box-shadow: none !important;
font-weight: normal !important;
display: table-cell;
line-height: 22px !important;
vertical-align: middle;
font-size: 14px !important;
}
.package-firstli
{
height: 166px;
vertical-align: middle;
display: table-cell;
border-top: none !important;
}
.list-noitem
{
padding: 30px !important;
}
.signUpLink
{
padding: 15px 25px !important;
}
.signUpLink button
{
width: 100%;
}
.signUpLink button:hover {
background: #d6a506;
box-shadow: 3px 3px 0px #e3c974;
}
.packageDetails li
{
transition: 0.2s all linear;
}
.list-lastitem
{
padding: 35px !important;
}

/*25-10-2019 profile page*/

.form-bg{
background: #e4e6e6;
}
.form-horizontal .header{
background: #3f9cb5;
padding: 30px 25px;
font-size: 30px;
color: #fff;
text-align: center;
text-transform: uppercase;
border-radius: 3px 3px 0 0;
}
.form-horizontal .heading{
font-size: 16px;
color: #e29600;
margin: 10px 0 20px 0;
text-transform: capitalize;
font-weight: 600;
letter-spacing: 1px;
}
.form-horizontal .form-content{
padding: 25px;
background: #fff;
position: relative;
box-shadow: 0 0 10px #868383;
}
.form-horizontal .form-control{
padding-left: 10px;
height: 50px;
font-size: 14px;
color: #2b2a2a;
border: 2px solid #ccc;
border-radius: 0;
box-shadow: none;
margin-bottom: 15px;
text-align: left;
}
.form-horizontal .form-control:focus{
border-color: #3f9cb5;
box-shadow: none;
}
.form-horizontal .control-label{
font-size: 15px;
color: #000;
font-weight: normal;
padding-left: 1px;
padding-bottom: 10px;
}
.form-horizontal textarea.form-control{
resize: vertical;
height: 130px;
}
.form-horizontal .btn{
font-size: 18px;
color: #fff !important;
margin: 10px 0;
border: 3px solid #fff;
background-color: #000;
border-radius: 0;
padding: 10px 25px;
transition: all 0.5s ease 0s;
display: inline-block;;
}
.form-horizontal .btn:hover{
background: #d69c0a;
letter-spacing: 2px;
color: #fff !important;
box-shadow: 0 0 10px #616161;
}
.form-horizontal
{
margin-top: 200px;
margin-bottom: 20px;
}
.form-horizontal .form-content .form-control::placeholder
{
color: #ccc !important;
}
.rad-cont
{
text-align: center;
}
.rad-cont label
{
margin-right: 20px;
cursor: pointer;
}

/*profile image upload */

.avatar-upload {
position: relative;
max-width: 205px;
margin: 0px auto;
z-index: 9;
margin-top: -128px;
}
.avatar-upload .avatar-edit {
position: absolute;
right: 12px;
z-index: 1;
top: 10px;
}
.avatar-upload .avatar-edit input {
display: none;
}
.avatar-upload .avatar-edit input + label {
display: inline-block;
width: 34px;
height: 34px;
margin-bottom: 0;
border-radius: 100%;
background: #FFFFFF;
border: 1px solid transparent;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
cursor: pointer;
font-weight: normal;
transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit input + label:hover {
background: #f1f1f1;
border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
content: "\f040";
font-family: 'FontAwesome';
color: #757575;
position: absolute;
top: 10px;
left: 0;
right: 0;
text-align: center;
margin: auto;
}
.avatar-upload .avatar-preview {
width: 192px;
height: 192px;
position: relative;
border-radius: 100%;
border: 6px solid #F8F8F8;
box-shadow: 0px 0px 4px rgb(0, 0, 0);
}
.avatar-upload .avatar-preview > div {
width: 100%;
height: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

/*29-10-2019*/

.expir-picker1 ul
{
padding-left: 0;
display: flex;
margin-right: -10px;
}
.expir-picker1 ul li
{
position: relative;
}
.expir-picker1 ul li i
{
position: absolute;
right: 12px;
top: 16px;
}
.expir-picker1 ul li {
width: 100%;
list-style: none;
margin-right: 10px;
}
.expir-picker1 ul li select {
-webkit-appearance: none;
color: #000;
width: 100%;
outline: none;
border: 2px solid #cccccc;
height: 50px;
font-size: 15px;
cursor: pointer;
padding: 10px 42px 10px 10px;
margin-right: 0.6em;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
}
.expir-picker1 ul li select:focus {
    border-color: #3f9cb5;
}

/*30-10-2019 */

#flight-datepicker input, #flight-datepicker-2 input, #flight-datepicker-3 input {
display: block;
margin-bottom: 8px;
padding-bottom: 6px;
width: 100%;
text-align: left;
color: #2b2a2a;
border-radius: 0;
outline: none;
cursor: pointer;
}
#flight-datepicker input:first-child, #flight-datepicker input:last-child {
border-radius: 0;
}
#flight-datepicker input::-webkit-input-placeholder {
color: #0e3e43;
font-size: 14px;
line-height: 30px;
transition: color .2s .2s ease-out;
}
#flight-datepicker input:-moz-placeholder {
color: #0e3e43;
font-size: 14px;
line-height: 30px;
transition: color .2s .2s ease-out;
}
#flight-datepicker input::-moz-placeholder {
color: #0e3e43;
font-size: 14px;
line-height: 30px;
transition: color .2s .2s ease-out;
}
#flight-datepicker input:-ms-input-placeholder {
color: #0e3e43;
font-size: 14px;
line-height: 30px;
transition: color .2s .2s ease-out;
}

#flight-datepicker input:focus:-moz-placeholder {
color: transparent;
transition: color .2s ease-out;
}
#flight-datepicker input:focus::-moz-placeholder {
color: transparent;
transition: color .2s ease-out;
}
#flight-datepicker input:focus:-ms-input-placeholder {
color: transparent;
transition: color .2s ease-out;
}
#flight-datepicker .date-text {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
top: calc(100% + 6px);
font-size: 12px;
color: white;
}
@media screen and (min-width: 400px) {
#flight-datepicker .date-text {
top: 100%;
}
}

.datepicker.dropdown-menu {
padding: 0;
background-clip: border-box;
border: none;
border-radius: 0;
-webkit-animation: popup .2s ease-out forwards;
animation: popup .2s ease-out forwards;
}
.datepicker.dropdown-menu table {
background-color: #1b7983;
width: 384px;
}
.datepicker.dropdown-menu table thead {
background-color: #1b7983;
}
.datepicker.dropdown-menu table thead tr {
border-top: 0;
}
.datepicker.dropdown-menu table tbody {
background-color: white;
}
.datepicker.dropdown-menu table tr {
border-top: 1px solid #ededed;
}
.datepicker.dropdown-menu table tr td, .datepicker.dropdown-menu table tr th {
width: auto;
height: 24px;
padding: 8px;
font-size: 13px;
border-radius: 0;
transition: background-color .6s ease-out;
}
@media screen and (min-width: 400px) {
.datepicker.dropdown-menu table tr td, .datepicker.dropdown-menu table tr th {
padding: 12px;
}
}
.datepicker.dropdown-menu table tr td:hover, .datepicker.dropdown-menu table tr td.active:hover, .datepicker.dropdown-menu table tr td:active:hover, .datepicker.dropdown-menu table tr th:hover, .datepicker.dropdown-menu table tr th.active:hover, .datepicker.dropdown-menu table tr th:active:hover {
border-color: #ededed;
border-radius: 0;
transition: background-color .2s ease-out;
}
.datepicker.dropdown-menu table tr td.focused, .datepicker.dropdown-menu table tr td.selected, .datepicker.dropdown-menu table tr th.focused, .datepicker.dropdown-menu table tr th.selected {
background-color: #24A0AD;
border-color: #ededed;
border-radius: 0;
}
.datepicker.dropdown-menu table tr td.active, .datepicker.dropdown-menu table tr td.active:focus, .datepicker.dropdown-menu table tr td.active.active:hover, .datepicker.dropdown-menu table tr td:active:focus, .datepicker.dropdown-menu table tr td.highlighted, .datepicker.dropdown-menu table tr th.active, .datepicker.dropdown-menu table tr th.active:focus, .datepicker.dropdown-menu table tr th.active.active:hover, .datepicker.dropdown-menu table tr th:active:focus, .datepicker.dropdown-menu table tr th.highlighted {
background-color: #1b7983;
border-color: #ededed;
}
.datepicker.dropdown-menu table tr th.datepicker-switch {
font-size: 12px;
font-weight: bold;
line-height: 2;
text-transform: uppercase;
letter-spacing: .05em;
color: #ffffff;
background-color: inherit;
border-radius: 0;
}
.datepicker.dropdown-menu table tr th.prev,
.datepicker.dropdown-menu table tr th.next {
color: #ffffff;
background-color: #17656e;
border-radius: 0;
}
.datepicker.dropdown-menu table tr th.dow {
padding: 2px 12px;
font-size: 12px;
line-height: 2;
color: #ffffff;
background-color: #19717a;
border-top: 1px solid #196d76;
border-radius: 0;
}
.datepicker.dropdown-menu table tr td.day {
width: 24px;
border-right: 1px solid #ededed;
}
.datepicker.dropdown-menu table tr td.day:last-child {
border-right-width: 0;
}
.datepicker.dropdown-menu table tr td.range {
background-color: #eeeeee;
}
.datepicker.dropdown-menu .new,
.datepicker.dropdown-menu .old,
.datepicker.dropdown-menu .disabled,
.datepicker.dropdown-menu .disabled:hover {
color: #ccc;
}

[class*="fontawesome-"]:before {
font-family: 'FontAwesome', sans-serif;
}

.fontawesome-calendar {
position: absolute;
top: 26px;
right: 0;
font-size: 24px;
z-index: -99;
}

@-webkit-keyframes popup {
from {
opacity: 0;
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes popup {
from {
opacity: 0;
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

.form-control[readonly]
{
background-color: #fff !important;
}
.tab-group
{
display: table;
}
.tab-group .form-control
{
margin-bottom: 0;
}
.tab-group .input-group-addon
{
border-radius: 0;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
color: #000;
}
input[type=file]:focus
{
outline: none !important;
}

.vr3d-page input[type=checkbox] + label {
display: inline-block;
margin: 0.2em;
cursor: pointer;
padding: 0.2em;
font-weight: normal;
letter-spacing: 1px;
font-size: 15px;

}

.vr3d-page input[type=checkbox] {
display: none;
}

.vr3d-page input[type=checkbox] + label:before {
content: "\2714";
border: 0.1em solid #000;
display: inline-block;
width: 15px;
height: 15px;
padding-bottom: 0.3em;
margin-right: 0.2em;
vertical-align: middle;
color: transparent;
transition: .2s;
margin-top: -3px;
margin-right: 10px;
}

.vr3d-page input[type=checkbox] + label:active:before {
transform: scale(0);
}

.vr3d-page input[type=checkbox]:checked + label:before {
background-color: #e1c274;
border-color: #fcb322;
color: #000;
padding: -4px;
padding-bottom: 16px;
font-weight: bold;
padding-top: 0px;
}
.no-pad
{
margin: 0;
}
.form-horizontal .heading-sub
{
color: #000;
padding-left: 20px;
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
letter-spacing: 1px;
margin-top: 15px;
}
.form-horizontal .note
{
color: #000;
padding-left: 20px;
font-size: 15px;
margin-bottom: 12px;
letter-spacing: 1px;
margin-top: 15px;
}
.form-horizontal .highlight-note {
font-size: 15px;
color: #e29600;
padding-left: 20px;
margin: 10px 0 20px 0;
letter-spacing: 1px;
}
.input-group
{
width: 100%;
}
.property-name ul li select {
-webkit-appearance: none;
color: #000;
width: 100%;
outline: none;
border: 2px solid #cccccc;
height: 50px;
font-size: 15px;
cursor: pointer;
padding: 10px 42px 10px 10px;
margin-right: 0.6em;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
}
.property-name ul {
padding-left: 0;
display: flex;
margin-right: -10px;
}
.property-name ul li {
width: 100%;
list-style: none;
margin-right: 10px;
}
.property-name ul li {
position: relative;
}
.property-name ul li i {
position: absolute;
right: -5px;
top: 16px;
}
.property-name .prop:focus
{
border-color: #3f9cb5;
box-shadow: none;
}
.datepicker.dropdown-menu
{
width: 384px;
}

/*Login page*/
.tywhite
{
    color: #fff !important;
}
/* full calendar */

.fc-unthemed
{
    margin-top: 110px;
    width: 95%;
    margin-bottom: 25px; 
}
.rig-del
{
    display: inline-flex;
}
.wid-90 .steps [role="tablist"]
{
        width: 90%;
    margin: 0 auto;
}
.equal-high
{
height: 638px;
}
.market-form
{
    width: 50%;
    margin: 0 auto;
}

/*11-11-2019 support page form*/

.form-support form{
    font-family: 'Roboto Mono', monospace;
    background: #1e3957;
    padding: 8px;
}
 
.form-support .support-horizontal .support-header{
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #fff;
}
 
.form-support .support-horizontal .support-content{
    border: 1px solid #fff;
}
 
.form-support .form-group{
    padding: 0 40px;
}
 
.form-support .support-horizontal .form-control{
    padding: 10px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}
 
.form-support .support-horizontal .form-control:focus{
    border-color: #fff;
    box-shadow: none;
}
 
.form-support .support-horizontal .control-label{
    font-size: 17px;
    color: #fff;
    position: absolute;
    top: 5px;
    left: 27px;
    text-align: center;
}
 
.form-support .support-horizontal .radio label{
    padding-left: 0;
    font-size: 14px;
}
 
.form-support .support-horizontal .checkbox{
    margin-top: 10px;
    margin-bottom: 10px;
}
 
.form-support .support-horizontal .checkbox label{
    font-size: 14px;
}
 
.form-support .support-horizontal .btn{
    display: block;
    width: 100%;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #fff !important;
    margin: 10px 0;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 0;
    padding: 10px 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
 
.form-support .support-horizontal .btn:hover{
    border-color: #fff;
    color: #000 !important;
}
 
.form-support .support-horizontal .btn:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
 
.form-support .support-horizontal .btn:hover:before{
    top: 0;
}
 
.form-support .support-horizontal .radio input[type="radio"]{
    position: absolute;
    opacity: 0;
}
 
.form-support .support-horizontal .radio input[type="radio"] + .radio-label:before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f4f4f4;
    border: 1px solid #b4b4b4;
    position: relative;
    top: 5px;
    margin-right: 16px;
    text-align: center;
    -webkit-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}
 
.form-support .support-horizontal .radio input[type="radio"]:checked + .radio-label:before{
    background: #d09ef5;
    box-shadow: inset 0 0 0 2px #f4f4f4;
}
 
.form-support .radio input[type="radio"]:focus + .radio-label:before{
    outline: none;
    border-color: #d09ef5;
}
 
.form-support .support-horizontal .checkbox-custom{
    opacity: 0;
    position: absolute;
}
 
.form-support .support-horizontal .checkbox-custom,
.form-support .support-horizontal .checkbox-custom-label{
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}
 
.form-support .support-horizontal .checkbox-custom-label{
    position: relative;
}
 
.form-support .support-horizontal .checkbox-custom + .checkbox-custom-label:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height:15px;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    vertical-align: middle;
    margin-right: 10px;
}
 
.form-support .support-horizontal .checkbox-custom:checked + .checkbox-custom-label:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 10px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
 
.form-support .support-horizontal .checkbox label{
    padding-left: 0;
}
 
.form-support .support-horizontal .form-control::placeholder{
    color: #ccc !important;
}
.form-support .support-horizontal
{
    margin-top: 100px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.form-support .support-horizontal textarea
{
    height: 100px !important;
}
.form-support .support-horizontal .widhalf
{
    width: 50%;
    margin: 0 auto;
}

.contact-list {
    list-style-type: none;
    padding-right: 20px;
    background: #1e3957;
    margin: 0 auto;
    width: 60%;
    border: 5px solid #fff;
    box-shadow: 0 0 10px #000;
}
.list-item {
    line-height: 3;
    color: #aaa;
    padding-left: 15px;
}
.list-item i {
    font-size: 20px;
    color: #fff;
}
.contact-text {
    font-size: 20px;
    margin-left: 10px;
    font-family: 'Roboto Mono', monospace;
}
.contact-text a
{
    color: #fff;
}
.fc-unthemed
{
    background-color: #eef9f0;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 2em;
}
.fc-scroller
{
    height: auto !important;
}
.doubt-mail
{
    background: #fff;
    padding: 21px;
    width: 90%;
}
.doubt-mail .title-doubt {
    font-weight: 800;
    letter-spacing: 2px;
    text-align: center;
    color: #000;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}
.iframe
{
  width: 100%;
  height: 300px;
}
.wid-90-3d
{
    width: 95%;
    margin-top: 100px;
}
.iframe-heading
{
    text-align: center;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.happens-hide
{
  display: none !important;
}
.pos-notapp
{
    display: none;
}
.pos-notapp .not-applic
{
    position: absolute;
    top: 30%;
    left: 42%;
    z-index: 9;
    padding: 10px;
    border: 2px solid #000;
    font-size: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    box-shadow: 0 0 10px #000;
    color: #ca0400;
    background: #fff;
}
.hde-applic
{
    display: block !important;
}
.property-name .prop
{
    height: 50px;
    font-size: 14px;
    width: 100%;
    padding-left: 5px;
    border: 2px solid #ccc;
}
.property-name .prop:focus
{
    outline: none;
}
.offline-form .control-label
{
   font-size: 16px;
    color: #000;
    font-weight: normal;
    padding-left: 1px;
    padding-bottom: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}
.offline-form .form-item
{
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
}
.offline-form .form-item .form-control
{
    height: 50px;
    border-radius: 0px;
}
.cl-buynoe
{
    margin-bottom: 10px;
}
.offline-form .heading
{
    font-size: 20px;
    text-align: center;
}
.buy-now-head
{
    font-size: 20px;
    color: #e29600;
    margin: 10px 0 20px 0;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}

/*time picker*/


.time__input .timepicker {
  width: 100%;
  font-size: 25px;
  padding: 10px;
  font-weight: 300;
  text-align: center;
  border: solid 2px #303233;
  color: #303233;
  outline: none;
  box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.1);
}

div[id^="tp_"].timepicker__wrapper {
  opacity: 0;
  height: auto;
  top: 50px;
  min-width: 150px;
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  transition: max-height .1s ease-in-out;
  background: #F4F5F7;
  background: linear-gradient(to bottom, #e3e3e5 0%, #efefef 7%, #f4f5f7 100%);
  border-radius: 0px 0px 5px 5px;
  border: 2px solid #cccccc;
  border-top: transparent;
  text-align: center;
  z-index: 9;
}
div[id^="tp_"].timepicker__wrapper * {
  box-shadow: border-box;
}
div[id^="tp_"].timepicker__wrapper-active {
  opacity: 1;
  max-height: 80px;
  padding: 0px;
}
div[id^="tp_"].timepicker__wrapper-full > div {
  width: 33% !important;
}
div[id^="tp_"].timepicker__wrapper > div {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  text-align: center;
  width: 50%;
  max-width: 75px;
}
div[id^="tp_"].timepicker__wrapper > div .display {
  color: #303233;
  font-size: 20px;
  font-weight: 100;
  line-height: 0px;
  margin: 0px;
  text-transform: uppercase;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div[id^="tp_"].timepicker__wrapper > div .timepicker__button {
  margin: 15px auto;
  padding: 0px;
  background: #fff;
  cursor: pointer;
  background: transparent;
  border: solid 5px transparent;
}
div[id^="tp_"].timepicker__wrapper > div .timepicker__button__up > div {
  width: 0px;
  height: 0px;
  margin: auto;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 5px #303233;
}
div[id^="tp_"].timepicker__wrapper > div .timepicker__button__down > div {
  width: 0px;
  height: 0px;
  margin: auto;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-top: solid 5px #303233;
}
.time__headingnput {
    position: relative;
}
.timepicker, .timepicker-1, .timepicker-2
{
    cursor: pointer;
}

/*13-11-2019*/

.by-activity input[type=checkbox] + label {
  cursor: pointer;
  font-weight: normal;
  letter-spacing: 1px;
  display: inline-block;
  width: 24%;

}
/* 13-11-2019 By activity */ 
.by-activity input[type=checkbox] {
  display: none;
}

.by-activity input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #000;
  display: inline-block;
  width: 15px;
    height: 15px;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
  margin-top: -3px;
  margin-right: 10px;
}

.by-activity input[type=checkbox] + label:active:before {
  transform: scale(0);
}

.by-activity input[type=checkbox]:checked + label:before {
  background-color: #e1c274;
    border-color: #fcb322;
    color: #000;
    padding: -4px;
    padding-bottom: 16px;
    font-weight: bold;
    padding-top: 0px;
}
.by-activity h4
{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 14px;
    margin-left: 3px;
    margin-top: 25px;
}
.sub-by
{
    font-size: 16px;
    color: #da8d00;
    margin-top: 14px;
    margin-bottom: 12px;
    padding-left: 5px;
    font-weight: 600;
    letter-spacing: 1px;
}
.by-act-horizontal
{
    padding-left: 10px;
}

/*15-11-2019 terms and policy popup */

.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.modal-wrapper-lgreg{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgba(0, 0, 0, 0.52);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.modal-wrapper-lgreg.open{
  opacity:1;
  visibility:visible;
}

.modal-lgreg{
  width:1000px;
  display:block;
  position:relative;
  top:40%;
  left: 13%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 5px solid #ffcf00;
}

.modal-wrapper-lgreg.open .modal-lgreg{
  margin-top:-200px;
  opacity:1;
}

.btn-close{
  width:32px;
  height:32px;
  display:block;
  position: absolute;
    right: 0;
    top: 1px;
  background: #ffffff;
}
.btn-close:hover {
    transform: rotate(180deg);
}
.btn-close::before, .btn-close::after{
  content:'';
  width:32px;
  height:6px;
  display:block;
  background:#000;
}

.btn-close::before{
  margin-top:12px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.btn-close::after{
  margin-top:-6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.content-lgreg{
  padding:2%;
  height: 500px;
    overflow: auto;
}
.content-lgreg p
{
    color: #000;
    font-size: 15px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 15px;
}
.terms-cont h4
{
        color: #000;
    font-size: 16px;
    font-weight: bold;
        margin-bottom: 15px;
}
.terms-cont ul, .terms-cont ol
{
   padding-left: 30px;
   margin-bottom: 13px;
}
.terms-cont ul li, .terms-cont ol li
{
    color: #000;
    line-height: 26px;
    margin-bottom: 2px;
    font-size: 15px;
}
.blue-txt
{
    color: #0037ff !important;
    text-decoration: underline;
    margin-top: 0px !important;
    float: none !important;
    width: auto !important;
}
.terms-table tr td
{
    padding-bottom: 10px;
    font-size: 15px;
}
.terms-table tr td:first-child
{
    width: 40%;
}
.booking-plicy_table
{
    margin-bottom: 40px;
}
.booking-plicy_table tr td
{
    padding: 3px;
    border: 1px solid #000; 
    font-size: 14px;
    color: #000;
    text-align: center;
}

.booking-plicy_table .color-lightred
{
    background-color: #ffe7dc;
}

.booking-plicy_table .color-lightblue
{
    background-color: #dde7ff;
}
.booking-plicy_table .color-blue
{
   background-color: #b9c9ef;
}
.booking-plicy_table .color-lashblue
{
    background-color: #d9e0f3;
}
.booking-plicy_table .red-txt
{
    color: #f00;
}
.booking-plicy_table .color-cement
{
    background-color: #d0d0d0;
}
.booking-plicy_table .color-lightcement
{
    background-color: #eaeaea;
}
.booking-plicy_table .color-orange {
    background-color: #fde6b3;
}
.booking-plicy_table .color-lightorange {
    background-color: #fff1d3;
}

/*16-11-2019 mail */
.inbox-heading
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 0 10px 20px;
    background: #e8e8e8;
}
.inbox-date
{
    padding: 15px 0 3px 20px;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
}
.inbox-message
{
    padding: 20px;
    border-radius: 5px;
}
.inbox-message p
{
    font-size: 14px;
    margin-bottom: 15px;
}
.inbox-cont
{
    border-radius: 5px;
    box-shadow: 0 0 10px #929292;
}

.sent-heading
{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 0 10px 20px;
    background: #e8e8e8;
}
.sent-date
{
    padding: 15px 0 3px 20px;
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
}
.sent-message
{
    padding: 20px;
    border-radius: 5px;
}
.sent-message p
{
    font-size: 14px;
    margin-bottom: 15px;
}
.sent-cont
{
    border-radius: 5px;
    box-shadow: 0 0 10px #929292;
}

/*16-11-2019 view property popup */

.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.modal-wrapper-view_property{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgba(0, 0, 0, 0.52);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 9999;
}

.modal-wrapper-view_property.open-view{
  opacity:1;
  visibility:visible;
}

.modal-view_property{
  width: 1340px;
  display: block;
  position: relative;
  top: 34%;
  left: 4px;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border: 5px solid #ffcf00;

}

.modal-wrapper-view_property.open-view .modal-view_property{
  margin-top:-200px;
  opacity:1;
}

.btn-close{
  width:32px;
  height:32px;
  display:block;
  position: absolute;
    right: 0;
    top: 1px;
  background: #ffffff;
}
.btn-close:hover {
    transform: rotate(180deg);
}
.btn-close::before, .btn-close::after{
  content:'';
  width:32px;
  height:6px;
  display:block;
  background:#000;
}

.btn-close::before{
  margin-top:12px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.btn-close::after{
  margin-top:-6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.content-view_property{
  padding:2%;
  height: 590px;
    overflow: auto;
}

#toast {
    max-width: 50px;
    height: 50px;
    margin: auto;
    background-color: #1e3957;
    color: #fff;
    text-align: center;
        top: 195px;
    position: relative;
    z-index: 9;
    left: 0;right:0;
    font-size: 17px;
    white-space: nowrap;
    -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}
#toast #img{
    width: 50px;
    height: 50px;
    float: left;
    padding-top: 16px;
    padding-bottom: 16px;
    box-sizing: border-box;
    background-color: #0f1f2f;
    color: #fff;
    position: absolute;
}
#toast #desc{
    color: #fff;
    padding: 16px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 1px;
    margin-left: 20px;
}

#toast.show {
    
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes expand {
    from {min-width: 50px} 
    to {min-width: 350px}
}

@keyframes expand {
    from {min-width: 50px}
    to {min-width: 350px}
}
@-webkit-keyframes stay {
    from {min-width: 350px} 
    to {min-width: 350px}
}

@keyframes stay {
    from {min-width: 350px}
    to {min-width: 350px}
}
@-webkit-keyframes shrink {
    from {min-width: 350px;} 
    to {min-width: 50px;}
}

@keyframes shrink {
    from {min-width: 350px;} 
    to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;} 
    to {bottom: 60px; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 60px; opacity: 0;}
}
.walkthrough-but
{
    margin-top: 37px !important;
    margin-bottom: 0px !important;
}
.control-label small
{
    font-size: 12px;
    color: #545454;
}
.profile-bustop
{
	margin-top: 200px;
}
.km-only input, .m-bot15 input {
    height: 40px;
    border-radius: 0px;
}

/*26-11-2019*/
.forget-password .card
{
    width: 50%;
    margin: 50px auto;
	background: #fff;
    padding: 50px 50px 20px 50px;
}
.forget-password .card-header
{
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
}
.forget-password label
{
    margin-bottom: 10px;
    font-size: 14px;
	letter-spacing: 1px;
}
.forget-password .form-control
{
    border-radius: 0px;
    height: 40px;
}
.forget-password .bt-conta
{
    text-align: center;
}
.forget-password .bt-conta button
{
    border-radius: 0px;
    background: #001b44;
    letter-spacing: 1px;
    border-color: #fff;
    margin-top: 15px;
    font-size: 15px;
    border-width: 2px;
    box-shadow: 0 0 10px #909090;
	color: #fff;
}
.forget-password .bt-conta button:focus
{
	outline: none;
}

/*12-04-2019*/

.dropdown-faq {
  display: block;
  width: 100%;
  margin: auto;
}
.dropdown-faq + .dropdown-faq {
  margin-top: 15px;
}

.dropdown__top-faq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 15px;
  box-sizing: border-box;
  font: 600 14px/22px sans-serif;
  background-color: #156a87;
  cursor: pointer;
  transition: background .3s ease;
  will-change: background;
}
.dropdown__top-faq:hover {
  background: #0d5871;
}
.dropdown__top-faq::after {
  content: '\f13a';
  font: 20px 'FontAwesome';
  transition: transform .5s ease;
  will-change: transform;
}

.open .dropdown__top-faq::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown__btm-faq {
  background: #f2f2f2;
  color: #555;
  font-size: 15px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 15px;
  display: none;
}

.faq-container
{
	background: #fff;
    padding: 25px;
    margin-top: 100px;
	margin-bottom: 30px;
}
.threed-walk
{
	margin-top: 20px;
}
.faq-heading {
    font-size: 16px;
    color: #e29600;
    margin: 10px 0 20px 0;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
}
.form-horizontal .threed-form
{
	margin-left: 0px;
}
.dropdown__btm-faq p
{
    line-height: 25px;
    font-size: 14px;
    color: #000;
    margin-top: 10px;
}
.dropdown__btm-faq ul
{
	padding-left: 25px;
    margin-top: 10px;
}
.dropdown__btm-faq ul li
{
	font-size: 14px;
    color: #000;
    line-height: 25px;
}
.have-options .control-label
{
	margin-top: 10px !important;
}
.bydmns-title
{
   font-size: 16px;
    color: #da8d00;
    margin-bottom: 12px;
    font-weight: 600;
    letter-spacing: 1px;
	padding-left: 15px;
}
 .price_table_container{
	text-align:center;
	color:#666;
	margin-top:35px;
	font-family: 'Open Sans', sans-serif;
}

.price_table_heading{
	font-size:20px;
	padding:10px;
	background:#EEE;
}


.price_table_row {
    padding:15px;
	background: #FFF;
}

.cost{
	padding:30px;
	font-size:30px;
}
.cost span{
	font-size:15px;
}

.price_table_row:nth-of-type(even) {
    background: #F8F8F8;
}
 

.recommended{
/*USER DEFINED COLOUR*/	
background:#FF3A3A; 
color:#FFF;
/*USER DEFINED COLOUR*/	
padding:3px 0 3px 0;
margin-top:10px;  
text-align:center;
margin-bottom:-35px; 
}
/*Background*/
.primary-bg{background:#337AB7 !important;color:#FFF;}
.success-bg{background:#5CB85C !important;color:#FFF;}
.info-bg{background:#5BC0DE !important;color:#FFF;}
.warning-bg{background:#F0AD4E !important;color:#FFF;}
.danger-bg{background:#D9534F !important;color:#FFF;}
.dark-bg{background:#444 !important;color:#FFF;}
.royal-bg{background:#8E74E2 !important;color:#FFF;}
.static-bg{background:#2BB0A6 !important;color:#FFF;}
.white-bg{background:#fff !important;color:#101010;}
.white-bg.table th,.white-bg.table td{color:#101010 !important;}
.white-bg.table .warning-bg th, .white-bg.table .success-bg th, .white-bg.table.warning-bg td, .white-bg.table .success-bg td{color:#fff !important;}
/*Only Text Colours*/
.primary-text{background:#FFF;color:#337AB7;}
.success-text{background:#FFF;color:#5CB85C;}
.info-text{background:#FFF;color:#5BC0DE;}
.warning-text{background:#FFF;color:#F0AD4E;}
.danger-text{background:#FFF;color:#D9534F;}
.dark-text{background:#FFF;color:#444;}
.royal-text{background:#FFF;color:#8E74E2;}
.static-text{background:#FFF;color:#2BB0A6;}

.float-shadow {
	display: inline-block;
	position: relative;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0)
}

.float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity
}

.float-shadow:active,
.float-shadow:focus,
.float-shadow:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

.float-shadow:active:before,
.float-shadow:focus:before,
.float-shadow:hover:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}
.dataTables_info{display:none;}
.dataTables_scrollBody .table thead th {
    padding: 0 15px !important
}
.price_table_container .btnclk {
    position: relative;
    color: #fff;
    padding: 12px 18px !important;
    font-size: 16px !important;
    border-radius: 0 0 8px 8px;
    background: #cc922f;
    display: inline-block !important;
    overflow: hidden;
    font-weight: 700;
    border: 2px solid #e7b561;
}
 #plansliders img{width:auto;margin:0 auto;}
.sidebarpalnmenu a{    font-size: 22px;
    line-height: 34px;color:#000;}
.price_table_container .btnclk:before,.price_table_container .btnclk:after{
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  
} 
.price_table_container .btnclk:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          z-index: -1;
}
.price_table_container .btnclk:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
          z-index: -1;
}
.price_table_container .btnclk:hover {
      color: #000 !important;
    background-color: #ffffff;
        z-index: 9;
}
.price_table_container .btnclk:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.price_table_container .btnclk:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.price_table_container .btnclk:active,
.price_table_container .btnclk.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

/*-------------- Owl Carousel -----------------*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*------------- Owl Theme Default min ------------------*/
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}