.heading-font {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
.body-font {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
.alt-font {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
}
html,
body {
    height: 100%;
    width: 100%;
     background: #7f7f7f;
}
body {
  font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif';
}
a {
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    transition: all 0.35s;
    color: #f4691a;
}
a:hover,
a:focus {
  color: #009cdd;
}
hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, 0.1);
}
hr.light {
  border-color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.navbar-default {
  background-color: white;
  border-color: rgba(34, 34, 34, 0.05);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
}
.navbar-default .navbar-header .navbar-brand {
  font-family: 'Catamaran', 'Helvetica', 'Arial', 'sans-serif';
  font-weight: 200;
  letter-spacing: 1px;
  color: #fdcc52;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #fcbd20;
}
.navbar-default .navbar-header .navbar-toggle {
  font-size: 12px;
  color: #222222;
  padding: 8px 10px;
}
.navbar-default .nav > li > a {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #fdcc52;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #fdcc52 !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}
@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: transparent;
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: white;
  }
  .navbar-default.affix {
    background: rgba(20,5,44,.7);
    border-color: rgba(34, 34, 34, 0.1);
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #222222;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #fdcc52;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    //color: #222222;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #fdcc52;
  }
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    color: white;
    background-color: #B1B8BD;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('images/Zen4.jpg');
    background-image: url('images/Zen4.jpg'), -moz-linear-gradient(top, #ADB2B6 0%, #ABAEB3 100%);
    background-image: url('images/Zen4.jpg'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ADB2B6), color-stop(100%, #ABAEB3));
    background-image: url('images/Zen4.jpg'), linear-gradient(to bottom, #ADB2B6, #ABAEB3);
    background-size: cover;
    /* IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ADB2B6', endColorstr='#ABAEB3', GradientType=0);
}


header .header-content {
  text-align: center;
  padding: 150px 0 50px;
  position: relative;
}
header .header-content .header-content-inner {
  position: relative;
  max-width: 470px;
  margin: 0 auto;
/*  padding:15px;
  background: rgba(0,0,0,.4);
  border-radius:15px;*/
}
header .header-content .header-content-inner h1 {
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 30px;
}
header .header-content .header-content-inner .list-badges {
  margin-bottom: 25px;
}
header .header-content .header-content-inner .list-badges img {
  height: 50px;
  margin-bottom: 25px;
}
header .device-container {
  max-width: 300px;
  margin: 0 auto 100px;
}
header .device-container .screen img {
  border-radius: 3px;
}
@media (min-width: 768px) {
  header {
    min-height: 100%;
  }
  header .header-content {
    text-align: left;
    padding: 0;
    height: 100vh;
  }
  header .header-content .header-content-inner {
    max-width: none;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  header .header-content .header-content-inner h1 {
    font-size: 35px;
  }
  header .device-container {
    max-width: none;
    max-height: calc(0vh);
    margin: 100px auto 0;
  }
}
@media (min-width: 992px) {
  header .header-content .header-content-inner h1 {
    font-size: 50px;
  }
}
section {
  padding: 100px 0;
}
section h2 {
  font-size: 20px;
}
section.cloud-hosting {
  padding: 150px 0;
  position: relative;
}
section.cloud-hosting h2 {
  margin-top: 0;
  font-size: 50px;
}
section.cloud-hosting .badges .badge-link {
  display: block;
  margin-bottom: 25px;
}
section.cloud-hosting .badges .badge-link:last-child {
  margin-bottom: 0;
}
section.cloud-hosting .badges .badge-link img {
  height: 60px;
}
@media (min-width: 768px) {
  section.download .badges .badge-link {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  section.download h2 {
    font-size: 70px;
  }
}
section.features .section-heading {
  margin-bottom: 100px;
}
section.features .section-heading h2 {
  margin-top: 0;
}
section.features .section-heading p {
  margin-bottom: 0;
}
section.features .device-container,
section.features .feature-item {
  max-width: 300px;
  margin: 0 auto;
}
section.features .device-container {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  section.features .device-container {
    margin-bottom: 0;
  }
}
section.features .feature-item {
  text-align: center;
  margin-bottom: 100px;
}
section.features .feature-item h3 {
  font-size: 30px;
}
section.features .feature-item i {
  font-size: 80px;
  background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
  background: linear-gradient(to left, #7b4397, #dc2430);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 992px) {
  section.features .device-container,
  section.features .feature-item {
    max-width: none;
  }
}
section.cta {
    position: relative;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;*/
    background-size: 100%;
    background-repeat:no-repeat;
    background-image: url('images/Zen1.png');
    /*padding: 250px 0;*/
}
section.cta .cta-content {
  position: relative;
  z-index: 1;
}
section.cta .cta-content h2 {
  margin-top: 0;
  margin-bottom: 25px;
  color: white;
  max-width: 950px;
  font-size: 40px;
}
@media (min-width: 768px) {
  section.cta .cta-content h2 {
    font-size: 40px;
  }
}
section.cta .overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}

section.contact ul.list-social {
  margin-bottom: 0;
}


section.contact input.form-control, section.contact .form-control{
	background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(0, 87, 233, 0.3);
	color:#FFF;
}	

section.contact input.form-control::-webkit-input-placeholder { /* Chrome */
  color:rgba(255, 255, 255, 0.6);
}
section.contact input.form-control:-ms-input-placeholder { /* IE 10+ */
  color:rgba(255, 255, 255, 0.6);
}
section.contact input.form-control::-moz-placeholder { /* Firefox 19+ */
  color:rgba(255, 255, 255, 0.6);
}
section.contact input.form-control:-moz-placeholder { /* Firefox 4 - 18 */
  color:rgba(255, 255, 255, 0.6);
}

section.contact{
	background:url(../img/bg-pattern.png);
background: url("../img/bg-pattern.png"), #009ee8;
  background: url("../img/bg-pattern.png"), -webkit-linear-gradient(to left, #009ee8, #00b1f1);
  background: url("../img/bg-pattern.png"), linear-gradient(to left, #009ee8, #00b1f1);
/*  background: #00b1f1;
  background: -webkit-linear-gradient(#009ee8 , #00b1f1 );
  background: linear-gradient(#009ee8, #00b1f1 );*/
  
}	
	
section.contact ul.list-social li a {
  display: block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 40px;
  border-radius: 100%;
  color: white;
}
section.contact ul.list-social li.social-twitter a {
  background-color: #1da1f2;
}
section.contact ul.list-social li.social-twitter a:hover {
  background-color: #0d95e8;
}
section.contact ul.list-social li.social-facebook a {
  background-color: #3b5998;
}
section.contact ul.list-social li.social-facebook a:hover {
  background-color: #344e86;
}
section.contact ul.list-social li.social-google-plus a {
  background-color: #dd4b39;
}
section.contact ul.list-social li.social-google-plus a:hover {
  background-color: #d73925;
}
footer {
  background-color: rgba(232, 232, 232, 1);
  padding: 25px 0;
  color: #7a7a7a;
  border-bottom-width: 20px;
  padding-bottom: 49px;
  padding-top: 49px;
  text-align: center;
}
footer p {
  font-size: 12px;
  margin: 0;
}
footer ul {
  margin-bottom: 0;
}
    footer ul li a {
        font-size: 12px;
        color: #f4691a;
    }
footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
  text-decoration: none;
}
.bg-primary {
    
    background-color: #282828;
    /*282828 14052c  */
    /* background: #00b1f1;
 background: -webkit-linear-gradient(#009ee8 , #00b1f1 );
  background: linear-gradient(#009ee8, #00b1f1 );*/
}
.text-primary {
  color: #fdcc52;
}
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-outline {
  color: white;
  border-color: white;
  border: 1px solid;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: white;
  background-color: #fdcc52;
  border-color: #fdcc52;
}
.btn {
  font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
  text-transform: uppercase;
  letter-spacing: 2px;
  border-radius: 300px;
}
.btn-xl {
  padding: 15px 45px;
  font-size: 11px;
}
::-moz-selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
::selection {
  color: white;
  text-shadow: none;
  background: #222222;
}
img::selection {
  color: white;
  background: transparent;
}
img::-moz-selection {
  color: white;
  background: transparent;
}
body {
    webkit-tap-highlight-color: #222222;
   
}



.device-mockup {
    position: relative;
    width: 100%;
    padding-bottom: 61.775701%;
}

.device-mockup > .device {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; 
	height: auto;
	background:none;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 20px;
    padding: 8px;
}

.sub-page-header {
    text-align: center;
    height: 850px;
    min-height: 600px;

}

.sub-page-header  .header-content > .header-content-inner {
	text-align: center;
    margin: 0;
    max-width: none;
    position: relative;
    transform: translateY(-50%);
	margin-left:auto;
	margin-right:auto;
	height:300px;
}

.sub-page-header .breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin-top:15px;
    padding: 0 0 10px;
    text-align: center;
}

header.sub-page-header  .header-content .header-content-inner h1 {
	margin:0;
}

header.page-header {
    background-color: #868686;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0;
    padding-bottom: 40px;
    padding-top: 80px;
    text-align: center;
}

header.page-header {
	background-repeat: repeat;
	background-position: center -300px ;
	background-image: url("images/Zen4.jpg");
	background-color: rgba(0, 0, 0, 0);
	background-size: cover;
}

.page-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 9px;
	height:400px;
	min-height:400px;
}

.page-header h1 {
    font-size: 54px;
    letter-spacing: -2px;
    text-transform: uppercase;
}

.page-header .breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
}



header.maindesk-header {
    background-color: #868686;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 40px;
    text-align: center;
    background-repeat: repeat;
    background-position: center 0px;
    background-image: url("images/Zen4.jpg");
    background-color: rgba(0, 0, 0, 0);
    background-size: cover;
}

.maindesk-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    height: 100px;
    min-height: 100px;
}


section.sub-page-grid{
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}

/* Custom Fonts*/


/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 100;
    src: local('Catamaran Thin'), local('Catamaran-Thin'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0OIpQoyXQa2RxT7-5jhgRUQ_m87A.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 100;
    src: local('Catamaran Thin'), local('Catamaran-Thin'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0OIpQoyXQa2RxT7-5jhgRMQ_m87A.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 100;
    src: local('Catamaran Thin'), local('Catamaran-Thin'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0OIpQoyXQa2RxT7-5jhgRCQ_k.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 200;
    src: local('Catamaran ExtraLight'), local('Catamaran-ExtraLight'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jKhVVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 200;
    src: local('Catamaran ExtraLight'), local('Catamaran-ExtraLight'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jKhVVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 200;
    src: local('Catamaran ExtraLight'), local('Catamaran-ExtraLight'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jKhVVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 300;
    src: local('Catamaran Light'), local('Catamaran-Light'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jThZVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 300;
    src: local('Catamaran Light'), local('Catamaran-Light'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jThZVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 300;
    src: local('Catamaran Light'), local('Catamaran-Light'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jThZVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    src: local('Catamaran Regular'), local('Catamaran-Regular'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0IIpQoyXQa2RxT7-5r8zRAW_0.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    src: local('Catamaran Regular'), local('Catamaran-Regular'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0IIpQoyXQa2RxT7-5r6zRAW_0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 400;
    src: local('Catamaran Regular'), local('Catamaran-Regular'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 500;
    src: local('Catamaran Medium'), local('Catamaran-Medium'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jFhdVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 500;
    src: local('Catamaran Medium'), local('Catamaran-Medium'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jFhdVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 500;
    src: local('Catamaran Medium'), local('Catamaran-Medium'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jFhdVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 600;
    src: local('Catamaran SemiBold'), local('Catamaran-SemiBold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jOhBVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 600;
    src: local('Catamaran SemiBold'), local('Catamaran-SemiBold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jOhBVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 600;
    src: local('Catamaran SemiBold'), local('Catamaran-SemiBold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jOhBVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    src: local('Catamaran Bold'), local('Catamaran-Bold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jXhFVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    src: local('Catamaran Bold'), local('Catamaran-Bold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jXhFVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 700;
    src: local('Catamaran Bold'), local('Catamaran-Bold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jXhFVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 800;
    src: local('Catamaran ExtraBold'), local('Catamaran-ExtraBold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jQhJVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 800;
    src: local('Catamaran ExtraBold'), local('Catamaran-ExtraBold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jQhJVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 800;
    src: local('Catamaran ExtraBold'), local('Catamaran-ExtraBold'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jQhJVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* tamil */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 900;
    src: local('Catamaran Black'), local('Catamaran-Black'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jZhNVctyB1Wk.woff2) format('woff2');
    unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}
/* latin-ext */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 900;
    src: local('Catamaran Black'), local('Catamaran-Black'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jZhNVatyB1Wk.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Catamaran';
    font-style: normal;
    font-weight: 900;
    src: local('Catamaran Black'), local('Catamaran-Black'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0NIpQoyXQa2RxT7-5jZhNVZNyB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* vietnamese */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afT3GLRrX.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTzGLRrX.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli Regular'), local('Muli-Regular'), url(https://fonts.gstatic.com/s/muli/v12/7Auwp_0qiz-afTLGLQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Login Window*/

.windowLogin {
    background: #3f65b7;
    background-clip: padding-box;
    background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
    background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
    background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
    background-image: radial-gradient(cover, #437dd6, #3960a6);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}



.login {
    margin: 0px auto;
    padding: 18px 18px;
   
   
  
}

    .login > h1 {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: bold;
        color: white;
        text-align: center;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
    }

.login-input {
    display: block;
    width: 90%;
    height: 37px;
    margin-bottom: 20px;
    padding: 0 9px;
    color: white;
    text-shadow: 0 1px black;
    background: #2b3e5d;
    border: 1px solid #15243b;
    border-top-color: #0d1827;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}

    .login-input:focus {
        outline: 0;
        background-color: #32486d;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
    }

.lt-ie9 .login-input {
    line-height: 35px;
}

.login-submit {
    /*display: block;*/
    width: 100%;
    
    height: 37px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #294779;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    background: #adcbfa;
    background-clip: padding-box;
    border: 1px solid #284473;
    border-bottom-color: #223b66;
    border-radius: 4px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}

    .login-submit:active {
        background: #a4c2f3;
        -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
    }

    .login-submit:hover {
        background: #a3e0fa;
    }

.login-help {
    text-align: center;
}

    .login-help > a {
        font-size: 11px;
        color: #d4deef;
        text-decoration: none;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
    }

        .login-help > a:hover {
            text-decoration: underline;
        }

/* Blue  Form Styles */



/* Start of Form design */
.formcontainer4 {
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
    /*background:#b2f0f9;*/
}

.formcontainer3 {
    clear: left;
    float: left;
    width: 100%;
    position: relative;
    right: 25%;
    /*background:#89ffa2;*/
}

.formcontainer2 {
    clear: left;
    float: left;
    width: 100%;
    position: relative;
    right: 25%;
    /*background:#ffa7a7;*/
}

.formcontainer1 {
    float: left;
    width: 100%;
    position: relative;
    right: 25%;
    /*background:#fff689;*/
}

.formcol1 {
    float: left;
    width: 30%;
    position: relative;
    text-align: right;
    left: 75%;
    overflow: hidden;
}

.formcol2 {
    float: left;
    width: 45%;
    position: relative;
    left: 76%;
    overflow: hidden;
    /*background-color:yellow;*/
}

.formcol3 {
    float: left;
    width: 25%;
    position: relative;
    text-align: left;
    left: 78%;
    overflow: hidden;
}

/*
.formcol4 {
    float: left;
    width: 25%;
    position: relative;
    left: 74%;
    overflow: hidden;
 
}

*/



.formmaincontainer {
    /*margin: 90px auto;*/
    margin-top: 2px;
    padding: 10px 10px;
    border: 1px solid #172b4e;
    border-bottom-color: #142647;
    border-radius: 5px;
    background: #3f65b7;
    background-clip: padding-box;
    background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
    background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
    background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
    background-image: radial-gradient(cover, #437dd6, #3960a6);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}


.k-window div.k-window-content {
    overflow: hidden;
}



.formwindowcontainer {
    /*margin: 90px auto;*/
    position:relative;
    margin-top: 0px;
    width: 103%;
    height: 106%;
    border: 1px solid #172b4e;
    border-bottom-color: #142647;
    border-radius: 2px;
    background: #3960a6;
 
    background-clip: padding-box;
    background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
    background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
    background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
    background-image: radial-gradient(cover, #437dd6, #3960a6);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
    .formoutercontainer {
    width: 100%;
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /* W3C */
    display: box;
    box-pack: center;
    box-align: center;
}


.form-label-entry {
    margin-bottom: 0px;
    margin-top: 5px;
    font-size: 15px;
    /*font-weight: bold;*/
    color: #e0edf3;
    text-align: Right;
    text-shadow: 1px 1px #07182a;
}


.form-input {
    display: block;
    /*width: 100%;*/
    height: 37px;
    margin-bottom: 5px;
    padding: 0 5px;
    color: white;
    text-shadow: 0 1px black;
    background: #2b3e5d;
    border: 1px solid #15243b;
    border-top-color: #0d1827;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}

    .form-input:focus {
        outline: 0;
        background-color: #32486d;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
    }


.form-tile {
    height: 5px;
    margin-top: 0px;
    padding-left: 45px;
    padding-top: 10px;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #f6eda9;
    text-align: left;
    text-shadow: 2px 2px #123264;
}



.k-input {
    /* display: block;*/
    width: 100%;
    margin-bottom: 7px;
    border-radius: 4px;
    padding: 4px;
    border-color: #bcd2f7;
    border-width:1px;
    /*
    margin-bottom: 5px;

         padding-left: 8px;

        */
    color: #3960a6;
    /*
    text-shadow: 0 1px black;
    background: #2b3e5d;
    border: 1px solid #15243b;
    border-top-color: #0d1827;

        */
    /*
    border-radius: 4px;
        */
    /*
    padding-left: 8px; */
    /* -webkit-box-sizing: border-box;  Safari/Chrome, other WebKit */
    /*  -moz-box-sizing: border-box;  Firefox, other Gecko */
    /* box-sizing: border-box;
    Opera/IE 8+ */
}




.form-footer-holder {
    /*margin: auto;*/
    /*padding: 1px;*/
    width: 100%;
    /*background-color:lime;*/
}


.form-footer-button2 {
    /*margin-left: 65%;*/
    /*height: 50px;*/
    /*background: black;*/
    /*text-align:right;*/
    float: right;
}

.form-footer-button1 {
    /*clear:right;*/
    width: 5%;
    /*height: 50px;*/
    /*background: red;*/
    float: right;
    padding-right: 20px;
}


.button-submit {
    display: block;
    /*width: 100%;*/
    height: 37px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #294779;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    background: #adcbfa;
    background-clip: padding-box;
    border: 1px solid #284473;
    border-bottom-color: #223b66;
    border-radius: 4px;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}

    .button-submit:active {
        background: #a4c2f3;
        -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
    }


    .button-submit:hover {
        background: #a3e0fa;
    }



.button-submit-gray {
    /*display: block;*/
   
    
    text-align: center;
   
    background-clip: padding-box;
    border: 1px solid #284473;
   
    border-radius: 4px;
    cursor: pointer;
    /*background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
    background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);*/
}



/* END Form Design*/


/* END Blue  Form Styles */



.list-group-reditem.active, .list-group-reditem.active:focus, .list-group-reditem.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #f4691a;
    border-color: #f4691a;
    text-decoration: none;
}


.list-group-reditem:hover {
    text-decoration: none;
    background-color: #fcccb1;
    color: #f4691a;
}



/*a.list-group-reditem, button.list-group-reditem:visited {
    color: #c60606;
}*/

/* a:focus, a:hover {

    color: #23527c;
    text-decoration: underline;

}*/

a.list-group-reditem:focus {
    text-decoration: none;
    background-color: #fcccb1;
    color: #f4691a;
}
/* list-group-reditem*/
/*
a.list-group-reditem, button.list-group-reditem {
    background: #fff2a8;
}

    */


.list-group-reditem {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    color: #f4691a;
    border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
}

    .list-group-reditem:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }




.photocontainer {
    /*margin-top: 25px;*/
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #172b4e;
    border-bottom-color: #142647;
    border-radius: 5px;
    background: #dddddd;
    background-clip: padding-box;
    background-image: -webkit-radial-gradient(cover, #a2c1f0, #cfe0fc);
    background-image: -moz-radial-gradient(cover, #a2c1f0, #cfe0fc);
    background-image: -o-radial-gradient(cover, #a2c1f0, #cfe0fc);
    background-image: radial-gradient(cover, #a2c1f0, #cfe0fc);
    /*-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);*/
}


.check-false {
    background-image: url('../Styles/images/Check_false.png');
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
    padding-left: 30px;
}

.check-true {
    background-image: url('../Styles/images/Check_true.png');
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
    padding-left: 30px;
}

.edit-icon {
    background-image: url('../Styles/images/Edit-512.png');
    background-repeat: no-repeat;
    background-size: 30px;
    background-position:right;
    height: 30px;
   
   
}



.jumbotran {
    padding-top: 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

    .jumbotran .h1, .jumbotran h1 {
        color: inherit
    }

    .jumbotran p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

    .jumbotran > hr {
        border-top-color: #d5d5d5
    }

.container .jumbotran, .container-fluid .jumbotran {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotran .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotran {
        padding-top: 1px;
        padding-bottom: 48px
    }

    .container .jumbotran, .container-fluid .jumbotran {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotran .h1, .jumbotran h1 {
        font-size: 63px
    }
}

.text-shadow {
    color: #f5f4bc;
    text-shadow: 0.075em 0.08em 0.1em rgba(0, 0, 0, 1);
}



.btn-white {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-white.focus, .btn-white:focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c
    }

    .btn-white:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

    .btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad
    }

        .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white:active.focus, .btn-white:active:focus, .btn-white:active:hover, .open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus, .open > .dropdown-toggle.btn-white:hover {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c
        }

    .btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white {
        background-image: none
    }

    .btn-white.disabled.focus, .btn-white.disabled:focus, .btn-white.disabled:hover, .btn-white[disabled].focus, .btn-white[disabled]:focus, .btn-white[disabled]:hover, fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover {
        background-color: #fff;
        border-color: #ccc
    }

    .btn-white .badge {
        color: #fff;
        background-color: #333
    }


.btn-blue {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

    .btn-blue.focus, .btn-blue:focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40
    }

    .btn-blue:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

    .btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {
        color: #fff;
        background-color: #286090;
        border-color: #204d74
    }

        .btn-blue.active.focus, .btn-blue.active:focus, .btn-blue.active:hover, .btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover, .open > .dropdown-toggle.btn-blue.focus, .open > .dropdown-toggle.btn-blue:focus, .open > .dropdown-toggle.btn-blue:hover {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40
        }

    .btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {
        background-image: none
    }

    .btn-blue.disabled.focus, .btn-blue.disabled:focus, .btn-blue.disabled:hover, .btn-blue[disabled].focus, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:hover {
        background-color: #337ab7;
        border-color: #2e6da4
    }

    .btn-blue .badge {
        color: #337ab7;
        background-color: #fff
    }


.btn-purple {
    color: #fff;
    background-color: #5c0099;
    border-color: #1f0033
}

    .btn-purple.focus, .btn-purple:focus {
        color: #fff;
        background-color: #3d0066;
        border-color: #1f0033
    }

    .btn-purple:hover {
        color: #fff;
        background-color: #3d0066;
        border-color: #260033
    }

    .btn-purple.active, .btn-purple:active, .open > .dropdown-toggle.btn-purple {
        color: #fff;
        background-color: #3d0066;
        border-color: #260033
    }

        .btn-purple.active.focus, .btn-purple.active:focus, .btn-purple.active:hover, .btn-purple:active.focus, .btn-purple:active:focus, .btn-purple:active:hover, .open > .dropdown-toggle.btn-purple.focus, .open > .dropdown-toggle.btn-purple:focus, .open > .dropdown-toggle.btn-purple:hover {
            color: #fff;
            background-color: #260033;
            border-color: #122b40
        }

    .btn-purple.active, .btn-purple:active, .open > .dropdown-toggle.btn-purple {
        background-image: none
    }

    .btn-purple.disabled.focus, .btn-purple.disabled:focus, .btn-purple.disabled:hover, .btn-purple[disabled].focus, .btn-purple[disabled]:focus, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple.focus, fieldset[disabled] .btn-purple:focus, fieldset[disabled] .btn-purple:hover {
        background-color: #5c0099;
        border-color: #1f0033
    }

    .btn-purple .badge {
        color: #5c0099;
        background-color: #fff
    }



.btn-brown {
    color: #fff;
    background-color: #663300;
    border-color: #331a00
}

    .btn-brown.focus, .btn-brown:focus {
        color: #fff;
        background-color: #4d2800;
        border-color: #331a00
    }

    .btn-brown:hover {
        color: #fff;
        background-color: #4d2800;
        border-color: #260033
    }

    .btn-brown.active, .btn-brown:active, .open > .dropdown-toggle.btn-brown {
        color: #fff;
        background-color: #4d2800;
        border-color: #260033
    }

        .btn-brown.active.focus, .btn-brown.active:focus, .btn-brown.active:hover, .btn-brown:active.focus, .btn-brown:active:focus, .btn-brown:active:hover, .open > .dropdown-toggle.btn-brown.focus, .open > .dropdown-toggle.btn-brown:focus, .open > .dropdown-toggle.btn-brown:hover {
            color: #fff;
            background-color: #260033;
            border-color: #122b40
        }

    .btn-brown.active, .btn-brown:active, .open > .dropdown-toggle.btn-brown {
        background-image: none
    }

    .btn-brown.disabled.focus, .btn-brown.disabled:focus, .btn-brown.disabled:hover, .btn-brown[disabled].focus, .btn-brown[disabled]:focus, .btn-brown[disabled]:hover, fieldset[disabled] .btn-brown.focus, fieldset[disabled] .btn-brown:focus, fieldset[disabled] .btn-brown:hover {
        background-color: #663300;
        border-color: #331a00
    }

    .btn-brown .badge {
        color: #663300;
        background-color: #fff
    }



.btn-black {
    color: #fff;
    background-color: #333333;
    border-color: #1a1a1a
}

    .btn-black.focus, .btn-black:focus {
        color: #fff;
        background-color: #262626;
        border-color: #1a1a1a
    }

    .btn-black:hover {
        color: #fff;
        background-color: #262626;
        border-color: #260033
    }

    .btn-black.active, .btn-black:active, .open > .dropdown-toggle.btn-black {
        color: #fff;
        background-color: #262626;
        border-color: #260033
    }

        .btn-black.active.focus, .btn-black.active:focus, .btn-black.active:hover, .btn-black:active.focus, .btn-black:active:focus, .btn-black:active:hover, .open > .dropdown-toggle.btn-black.focus, .open > .dropdown-toggle.btn-black:focus, .open > .dropdown-toggle.btn-black:hover {
            color: #fff;
            background-color: #260033;
            border-color: #122b40
        }

    .btn-black.active, .btn-black:active, .open > .dropdown-toggle.btn-black {
        background-image: none
    }

    .btn-black.disabled.focus, .btn-black.disabled:focus, .btn-black.disabled:hover, .btn-black[disabled].focus, .btn-black[disabled]:focus, .btn-black[disabled]:hover, fieldset[disabled] .btn-black.focus, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black:hover {
        background-color: #333333;
        border-color: #1a1a1a
    }

    .btn-black .badge {
        color: #333333;
        background-color: #fff
    }



.btn-red {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-red.focus, .btn-red:focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19
    }

    .btn-red:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

    .btn-red.active, .btn-red:active, .open > .dropdown-toggle.btn-red {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925
    }

        .btn-red.active.focus, .btn-red.active:focus, .btn-red.active:hover, .btn-red:active.focus, .btn-red:active:focus, .btn-red:active:hover, .open > .dropdown-toggle.btn-red.focus, .open > .dropdown-toggle.btn-red:focus, .open > .dropdown-toggle.btn-red:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19
        }

    .btn-red.active, .btn-red:active, .open > .dropdown-toggle.btn-red {
        background-image: none
    }

    .btn-red.disabled.focus, .btn-red.disabled:focus, .btn-red.disabled:hover, .btn-red[disabled].focus, .btn-red[disabled]:focus, .btn-red[disabled]:hover, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:hover {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-red .badge {
        color: #d9534f;
        background-color: #fff
    }