/* Copyright https://www.Garage Software Solutions.com/ CSS */
body{padding: 0px;margin: 0px;}
@media (min-width: 576px) {.container { max-width: 100%; } .col-form-label{ text-align: left; }  }
@media (min-width: 768px) {.container { max-width: 100%; } .col-form-label{ text-align: left; }  }
@media (min-width: 992px) {.container { max-width: 100%; } .col-form-label{ text-align: right; } }
@media (min-width: 1200px) {.container { max-width: 100%; } .col-form-label{ text-align: right; } }
@media (min-width: 1300px) {.container { max-width: 1280px; } .col-form-label{ text-align: right; } }
@media (min-width: 1367px) {.container { max-width: 1366px; } .col-form-label{ text-align: right; } .carousel-control { display: none; } }

@media (min-width: 1200px){
   .navbar-expand-xl > .container, .navbar-expand-xl > .container-menu {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
   }
}
.container {
  padding-left: .75rem;
  padding-right: .75rem;
}
.popovers{ text-decoration: none;}
.navbar {
    padding: 0rem 0rem;
}
.dropdown-menu[data-bs-popper] {
  margin-top: 0rem;
}
.navbar-expand-lg .navbar-nav .nav-link, .navbar-nav .nav-link, .nav-link {
    padding-top: 1.125rem;
    padding-left: .75rem;
    padding-bottom: 1.125rem;
    padding-right: .75rem;
}
.navigation ul li:hover ul,
.navigation ul li:hover ul li:hover ul {
 position:relative;
 /*display:block;*/
 float:none
}
.navigation ul li ul li {
 /*padding:0;
 margin:0;*/
 /*width:170px;*/
  /*height:33px;*/
  /*line-height:30px;*/
 /*height:23px;
 line-height:22px;*/
 text-decoration:none;
 /*font-weight:400;*/
 text-align:left;
 /*display:block;*/
/* float:none;*/
  border-bottom:1px solid #dee2e6;
  
 /*background-color:#2162a3;
 border-bottom:1px solid #fff;*/
 /*-moz-border-radius:0;
 -webkit-border-radius:0;
 -o-border-radius:0;
 border-radius:0;*/
 /*font-size:0.95em*/
}
.navigation ul li ul li:last-child {
 border-bottom: none;
}
.navigation ul li ul li.expand {
 /*background-image:url(../images/menuexpand.png);
 background-repeat:no-repeat;
 background-position:center right;*/
 width: 220px;
}
.navigation ul li:hover ul li ul {
 /*display:none*/
}
.navigation ul li ul li a,
.navigation ul li ul li:hover ul li a,
.navigation ul li:hover ul li a {
 /*margin:0;*/
 /*padding: 3px 5px 3px 5px;*/
/*font-weight:400;*/
 /*color:#fff;*/
 text-decoration:none;
/* display:block;*/
}
.navigation ul li ul li ul {
 display:none;
 /*min-width: 200px;
 margin:-130px 0 0 170px;*/
/* -moz-border-radius:0 5px 5px 5px;
 -webkit-border-radius:0 5px 5px 5px;
 -o-border-radius:0 5px 5px 5px;
 border-radius:0 5px 5px 5px*/
}
.navigation ul li ul li:hover a,
.navigation ul li ul li:hover ul li:hover a,
.navigation ul li:hover a {
 /*color: #FFFFFF;*/
}
.dropdown-menu {
  display: none;
  min-width: 10rem;
  position: absolute;
  background: #fff;
  top: 100%;
  padding: 3px 5px  5px 5px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease; 
  /*-moz-box-shadow: 0px 2px 2px rgb(132, 136, 138));
  -webkit-box-shadow: 0px 2px 2px rgb(132, 136, 138);
  box-shadow: 0px 2px 2px rgb(132, 136, 138);*/
  /*border-bottom: 4px solid #013865;*/
  /*border: 1px solid rgba(0, 0, 0, 0.15);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, 0.15);*/
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	margin-top: 0px;
	margin: 0px;
}


.dropdown-menu li {
  margin-right: 0px !important;
  min-width: 10rem;
}
.dropdown-menu li a {
    /*border-bottom: 1px solid #dee2e6 !important;*/
  /*padding-bottom: 0px !important;*/
  /*margin-bottom: 15px;*/
}
.dropdown-menu li:last-child a {
  margin-bottom: 0px;
}
.dropdown:hover .dropdown-menu {
  /*display: block;*/
}
.dropdown:hover .dropdown-menu .dropdown-item{
  /*display:inline-block; */
}
.dropdown:hover .dropdown-menu:hover .dropdown-submenu{
  /*display: block;*/
}

.dropdown-item {
  padding: .25rem 1rem;
}
.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}
.dropdown-submenu:hover {background: #e9ecef;} 
.dropdown:hover .dropdown-menu-end {
    /*display: block;*/
    margin-top: 0;
    right: 0;
    left: auto;
} 
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}
.navigation ul li a:hover {
  /*display: block;*/
}

.collapse { /*display: block;*/ }   
.dropdown-toggle::after {
    /*display: inline-block;*/
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.navbar-brand {/*display: block;*//*float: left;*/padding: .2rem 0rem;  text-transform: uppercase;}
header .navbar-brand { 
font-family: 'oswald', sans-serif;
font-size: 2.1rem; 
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}
.navbar-brand:hover{ color: #ededed}
.navbar-brand img{ vertical-align: middle; }




.body{
/*padding-top: 30px;
padding-bottom: 40px;*/
position: relative;
overflow: hidden;
}
#content { min-height: 600px; }

/* class="nav-link dropdown-toggle" href="#" id="userHomeDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" */
.alert-dismissible .btn-close { padding: 1rem 1rem; }
.bootstrap-dialog .bootstrap-dialog-title { color: #071738; }
.bootstrap-dialog.type-primary .modal-header { background-color: #f2f2f2; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: transparent; }
.alert, .alert-dismissible .close {  padding: .7rem .7rem; }
  
/*
align-items: center; top-bot
justify-content: center; right-left
margin: 0 auto;
*/

.container-menu {
  width: 100%;
  /*padding-top: .75rem;*/
  padding-left: .75rem;  
  padding-right: .75rem;
  /*padding-bottom: .75rem;*/
  margin-right: auto;
  margin-left: auto;  
  /*width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;*/
}

.nav-item img{ width: 10px; height:10px; }

.clearfix{ clear: both; }
/*.modal-footer { display: block; }*/
.display-none{ display: none;}
.v-align-middel{ display: inline; vertical-align: middle ; }
.buttons { margin: 1em 0em; }
.btn-success{ background-color: green; border-color: #1e7e34;}
.btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #006600; border-color: #1e7e34;}
.btn-row{ position: relative; margin: 10px 0px 10px 0px; clear: both;}
.responce { background-color: #EDF7FD;border: 1px solid #AECFE3;height: auto;margin: 15px 0px 20px;margin-bottom: 20px;padding: 15px;}
.min-height{ min-height: 700px;}
.icon-link{ color: #FFFFFF; }
button.del-circle, a.del-circle{ background-color: transparent; }
del{ color: #db1802; }
.w-100{ width: 100%;}
/*.input-group-append { cursor: pointer;}*/
.icon-link:hover,.icon-link:active,.icon-link:focus { color: #66CCFF; text-decoration: underline; }
a.disabled{ color: gray; pointer-events: none; }	
.form-control:disabled, .form-control[readonly]{ cursor: not-allowed; }
.form-control-fade{  padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border: 2px solid #ced4da; }
.display-3 {  margin-top: 2rem; margin-bottom: 2rem;}
.display-4 {  margin-bottom: 1.5rem;}
.display-5 {  margin-top: 2rem; margin-bottom: 1.5rem;}
.display-6 {  margin-top: 2rem; margin-bottom: 1.2rem;}

.max-width{ width: 100%; }
.card{ margin-bottom: 30px; }
.card-header { padding: 5px 10px 0px 10px; }
.hr-gray{ border-bottom: 1px solid #ccc; }
hr.location {
    border-style: none;
    border-width: 0px;
    margin: 0px 0px 32px 0px;
    color: rgba(31,31,31,.15);
    background-color: rgba(31,31,31,.15);
    border: none;
    border-top-style: none;
    border-top-width: medium;
    border-right-style: none;
    border-right-width: medium;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-left-style: none;
    border-left-width: medium;
    color: #bbb;
    background-color: #bbb;
    height: 1px;
}
.text-italic { font-style: italic; }
.text-bold { font-weight: 600; }
.text-nowrap .input-group{ width: auto; float: right;}
.text-uppercase{ text-transform: uppercase; }
.text-lowercase{ text-transform: lowercase; }
.text-center{ text-align: center; }

.font-large { font-size: 30px; }
.font-medium { font-size: 20px; }
.font-small{ font-size: 1rem; }
.font-xsmall{ font-size: 14px; }
.font-50{ font-size: 50px; }
.font-30{ font-size: 30px; }
.font-25{ font-size: 25px; }
.font-23{ font-size: 23px; }
.font-20{ font-size: 20px; }
.font-18{ font-size: 18px; }
.font-16{ font-size: 1rem; }
.font-14{ font-size: 14px; }


.margin-0-auto{ margin: 0px auto !important; }
.margin-btm-0{ margin-bottom: 0px; }
.margin-5-0-5-0{ margin: 5px 0px 5px 0px;}
.margin-5-0-5-10 { margin: 5px 0px 5px 10px;}
.margin-0-10-0-0{ margin: 0px 10px 0px 0px;}
.margin-0-0-10-0{ margin: 0px 0px 10px 0px;}
.margin-0-0-0-10{ margin: 0px 0px 0px 10px;}
.margin-5-0-0-0{ margin: 5px 0px 0px 0px;}
.margin-10-0-0-0 { margin: 10px 0px 0px 0px;}
.margin-10-10-10-10 { margin: 10px 10px 10px 10px;}
.margin-10-0-10-0 { margin: 10px 0px 10px 0px;}
.margin-10-0-10-15 { margin: 10px 0px 10px 15px;}
.margin-10-25-10-0 { margin: 10px 25px 10px 0px;}
.margin-20-0-0-0 { margin: 20px 0px 0px 0px;}
.margin-0-0-20-0{ margin: 0px 0px 20px 0px;}
.margin-0-30-0-0{ margin: 0px 30px 0px 0px;}
.margin-0-0-30-0{ margin: 0px 0px 30px 0px; }
.margin-0-0-100-0{ margin: 0px 0px 100px 0px; }
.margin-25-0-25-0{ margin: 25px 0px 25px 0px; }
.margin-0-0-0-50{ margin: 0px 0px 0px 50px; }
.margin-0-50-0-0{ margin: 0px 50px 0px 0px; }
.margin-0-0-10-50, .box-container .margin-0-0-10-50 { margin: 0px 0px 10px 50px;}
.margin-30-0-0-0{ margin: 30px 0px 0px 0px; }
.margin-bottom-1rem{ margin-bottom: 0.5rem; }
/**** PADDING *******/
.padding-left-10{ padding-left: 10px; }
.padding-5-0-5-0{ padding: 2px 0px 2px 0px;}
.padding-10-0-0-0 { padding: 10px 0px 0px 0px;}
.padding-0-0-10-0 { padding: 0px 0px 10px 0px;}
.padding-0-10-0-10{ padding: 0px 10px 0px 10px; }
.padding-10-0-10-0 { padding: 10px 0px 10px 0px;}
.padding-10-10-10-10{ padding: 10px 10px 10px 10px; }
.padding-15-15-15-15{ padding: 15px 15px 15px 15px; }
.padding-0-0-20-0{ padding: 0px 0px 20px 0px; }
.padding-20-0-20-0 { padding: 20px 0px 20px 0px;}
.padding-20-20-20-20 { padding: 20px 20px 20px 20px;}
.padding-20-0-50-0{ padding: 20px 0px 50px 0px;}
.padding-30-0-30-0{ padding: 30px 0px 30px 0px;}
.padding-30-0-50-0{ padding: 30px 0px 50px 0px;}
.padding-50-0-50-0{ padding: 50px 0px 50px 0px;}

.form-check-inline { display: inline-table;}
.form-check-label{ min-width: 300px; margin: 10px; /*padding-right: 10px !important;*/}
.form-check-input{ margin-right: 15px !important;}
.item-prices{ display: block; margin-top: 1px; margin-left: 28px; font-size: 15px;}
.plus-icon{ font-size: 1rem; font-weight: 700; margin: 0px; padding: 0px; }
.msg-textarea{ min-height: 280px; }
.table td, .table th{ padding: 6px 6px;}
/* BG colour */
.bg-brand{ background-color: #002366; }
.bg-black{ background: #030303; }
.bg-dark-midnight-blue{ background: #133C57; }
.bg-bright-black{ background: #363636; }
.bg-dark-blue { background: #216390; border-bottom: 1px solid #3399ff; }
.bg-dark-blue-box { background: #216390; border-top: 1px solid #030303; }
.bg-midnight-blue{ background-color: #154362;}
.bg-midnight-blue-box{ background-color: #154362; border-top: 1px solid #000000;}
.txt-dark-blue { color: #216390;}
.bg-normal-blue { background: #0079b7; border-bottom: 1px solid #3399ff;}
.bg-blue { background-color: #0079b7;
/*background: #fff url("../../image/bg-blue.png") repeat scroll 0 0;*/
border-top: 1px solid #3399FF; border-bottom: 1px solid #3399FF; }
.bg-blue-bright{ background-color: #D5EAFF;}

.bg-jaspery { background: #364e59; border-bottom: 1px solid #4D6D7D;}
.bg-jaspery-dark{background: #2D414A; border-top: 1px solid #030303;}
/*.bg-dark-purple {  background-color: #402046;}*/
.bg-dark-purple{ background: #6F006F; border-bottom: 1px solid #A400A4;}
.bg-dark-purple-box{ background: #530053; border-top: 1px solid #350035;}
/*.bg-search-domain{ background-color: #2597e5; }*/
.bg-services{ background-color: #EDEDED; }
.bg-main-gray{ background-color: #e6e6e6!important;}
.bg-gray{ background-color: #F5F5F5; }
.bg-mid-gray{ background-color: #dee2e6;}
.bg-dark-gray{ background-color: #263342; }
.bg-dark-gray-box{ background: #1E2835 none repeat scroll 0 0; border-top: 1px solid #000000;}
/*.bg-dark-gray-box{ background-color: #154362; border-top: 1px solid #000000;}*/
.bg-login { background-color: #E8E8E8; }
.bg-main{ background-color: #EDEDED;}
.bg-white {	background: #ffffff none repeat scroll 0 0; }
.bg-white-color{ background: #ffffff none repeat scroll 0 0; min-height: 500px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); }
.bg-gray-gradient{
background: #dcdcdc;
background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
}
.bg-gray-heading{ background: #f4f4f4 none repeat scroll 0 0; }
.bg-aqua{ background: #24afa9; }
.bg-dark-aqua{ background: #066; border-bottom: 1px solid #00AAAA; } /* 00A5A1 - #186B69*/
.bg-bright-aqua{ background: #239996; border-bottom: 1px solid #00AAAA; }
.bg-dark-aqua-box{background: #004F4F;  border-top: 1px solid #350035;}

.bg-dark-pink{ background: #df1394;}
.bg-dark-green{ background: #6F6F00;}
.bg-yellow{ background: #FFFF00;}
.bg-dark-yellow{background-color: #ffcc66;}
/*.bg-dark-green{ background: #4A4A00;}*/
.bg-danger{ background-color: #db1802;border-color: #db1802;color: #fff; padding: 10px;}
.bg-red-shade{ background-color: #db1802;border-color: #db1802;color: #fff;}
.bg-red{ background-color: #db1802;border-color: #db1802;color: #fff; padding: 5px 5px 5px 5px;}
.bg-red-badge{ background-color: #db1802; border-color: #db1802;  color: #fff; }
.bg-success{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6; padding: 10px;}
.bg-gray-bright{ color: #333333; background: #ededed none repeat scroll 0 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;}
.bg-green{ background: #668c01; } /* 00A5A1*/
.bg-orange{ background: #d57e0e;}
.bg-purple{ background: #9b3bb5;}
.bg-blue{ background: #009ddc;}
.bg-about-pattern {background-color: #4169E1; background-image: url("../../image/system/bg-map.png"); background-repeat: no-repeat; background-position: center center; }
.bg-gray-pattern { /*background: url("../image/bg-gray-pattern.png") repeat scroll 0 0 #EDEDED;*/ }
.bg-white-pattern { background: url("../../image/bg-white-pattern.jpg") repeat scroll 0 0 #FFFFFF; }
.bg-bright-blue { background-color: #4285f4;}
.bg-purple { background-color: #7f3f98;}
.text-bold{ font-weight: 600; }
.text-gray { color: #666666; }
.text-yellow {color: #ffc022 !important;}
.text-green{ color: green;}
/*.text-green{ color: #668c01;}*/
.text-dark-green{ color: #218838;}
.text-orange{ color: #d57e0e;}
.text-purple{ color: #9b3bb5;}
.text-blue{ color: #009ddc;}
.text-dark-blue{ color: #25358c;}
.text-bronze{ color: #C27930;}
.text-silver{ color: #B5B5B5;}
.text-gold{ color: #E8B124;}
.text-dark-purple { color: #6f006f;}
.text-dribbble {color: #ea4c89;}
.text-twitter { color: #00a0d1;}
.text-facebook { color: #3b5998;}
.text-googleplus { color: #c63d2d;}
.text-tumblr { color: #34526f;}
.text-white { color: #fff;}
.text-primary { color: #e74c3c;}
.text-red{ color: #db1802;}
.text-link{ color: #0078AE;}
.min-height-75 { min-height: 75px; }

.min-height-100 { min-height: 100px; }
.min-height-150 { min-height: 150px; }
.min-height-170 { min-height: 170px; }
.min-height-180 { min-height: 180px; }
.min-height-200 { min-height: 200px; }
.min-height-220 { min-height: 220px; }
.min-height-240 { min-height: 240px; }
.min-height-250 { min-height: 250px; }
.min-height-270 { min-height: 270px; }
.min-height-300 { min-height: 300px; }
.min-height-350 { min-height: 350px; }
.min-height-500{ min-height: 500px; }
.min-height-650{ min-height: 650px; }

.list-view .min-height-170 { min-height: 150px; }
.list-view .min-height-180 { min-height: 150px; }
.list-view .min-height-200 { min-height: 150px; }
.list-view .min-height-220 { min-height: auto; }
.list-view .min-height-240 { min-height: auto; }
.list-view .min-height-250 { min-height: auto; }
.list-view .min-height-270 { min-height: auto; }
.list-view .min-height-300 { min-height: auto;;}
.list-view .min-height-350 { min-height: auto; }

.main-header{ /*position: relative;*/ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); z-index: 1000; }
.nav-menu{ width: 100%; }



.no-decoration{ text-decoration: none;}
/************************************************************************/
.login-container {
    margin: 0 auto;
    padding: 0 25px;
    max-width: 450px;
}

.login-body {
    margin: 0;
    padding: 45px 45px 30px 45px;
    background-color: #fff;
	border: 1px solid #CCCCCC;
    border-radius: 4px 4px 0 0;
}

.login-body h1 {
    font-size: 28px;
    margin: 0px 0px 15px 0px;
    font-weight: 300;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}
.login-icon{
background-image: url('../../image/system/icons/login-icon.png');
background-size: 26px;
background-repeat: no-repeat;
background-position: right 0;
background-origin: content-box;

}
.reset-icon{
background-image: url('../../image/system/icons/reset-password.png');
background-size: 26px;
background-repeat: no-repeat;
background-position: right 0;
background-origin: content-box;

}
.login-footer .login-footer-wrapper {
    display: block;
    margin: 0;
    padding: 10px;
    background-color: #dedede;
    border-radius: 0 0 4px 4px;
    color: #666;
    text-decoration: none;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.login-footer img{ vertical-align: baseline; }

.form-horizontal .col-form-label{ text-align: right; }
.logo-icon { float: left;width: auto; height: 60px; margin: 0px 0px 0px 0px;}
/*.fixed-top .logo-icon { width: auto; height: 50px; margin: 0px 0px 0px 0px; transition: height 0.4s ease 0s, opacity 0.3s ease 0s;}*/
a.tel-menu, a.tel-menu:link, a.tel-menu:hover, a.tel-menu:active, a.tel-menu:focus {
    background-color: transparent;
    color: #154362;
    padding-left: 0px;
    padding-right: 0px;
}
.bg-primary { background: #172b44 none repeat scroll 0 0 !important;}
.bg-secondary-1 { background-color: #2c3e50 !important;}
.bg-secondary-2 { background-color: #3498db !important;}
.bg-white { background-color: #fff !important;}
.bg-dribbble { background-color: #ea4c89;}
.bg-twitter { background-color: #00a0d1;}
.bg-facebook { background-color: #3b5998;}
.bg-googleplus { background-color: #c63d2d;}
.bg-tumblr { background-color: #34526f;}
.standard-radius {  border-radius: 25px;}
.transition-500 {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
}
.transition-2000 {
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  transition: all 2s ease;
}
.transition-300 {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.cover-div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.blank-input {
  background: none;
  border: none;
  box-shadow: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.font-heading {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.alt-font {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
ul {
  list-style: none;
  /*padding: 0px;*/
} 
ul.list-styled { margin-left: 0px; padding-left: 20px;}
ul.list-styled li { padding-top: 5px; padding-bottom: 5px;}

/*ul.list-styled { list-style-image: url("../image/icons/blue-arrow.png"); margin-left: 0px; padding-left: 30px;}*/
.pointer { cursor: pointer !important;}
.uppercase {text-transform: uppercase;}
img { max-width: 100%;}
p { /*font-size: 1rem; line-height: 24px;*/}
p.lead { font-size: 1rem; line-height: 30px;font-weight: normal;}
p:last-child {margin-bottom: 0px;}
.quote-text { font-size: 24px;line-height: 40px; font-style: italic; font-weight: 300;}
span.text-white a { font-weight: 600; color: #fff;}
.main-container {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  overflow: hidden;
  width: 100%;
}
.main-container.reveal-nav {
  -webkit-transform: translate3d(-300px, 0, 0);
  -moz-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}
.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  text-align: center;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
}
.spinner {
  width: 60px;
  height: 60px;
  position: relative;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #013865;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
section {
  padding-top: 30px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}
section.pad-large {
  padding-top: 160px;
  padding-bottom: 160px;
}

.no-pad {
  padding: 0px;
}
.no-pad-top {
  padding-top: 0px !important;
}
.no-pad-left {
  padding-left: 0px;
}
.no-pad-right {
  padding-right: 0px;
}
.no-pad-bottom {
  padding-bottom: 0px;
}
.space-top-small {
  margin-top: 20px !important;
}
.space-bottom-medium {
  margin-bottom: 40px !important;
}
.space-bottom-large {
  margin-bottom: 80px !important;
}
.space-bottom-xlarge {
  margin-bottom: 160px !important;
}
.no-margin {
  margin: 0;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
}
a.btn-link a, a.btn-link, .btn-link:hover, .btn-link:active,.btn-link:focus { /*padding: 0px;*/ text-decoration: none; }

.btn-primary.btn-filled {
  background: #3498db;
  color: #fff;
}
.btn-white {
  border-color: #fff;
  color: #fff;
}
.btn-white:hover {
  background: #fff;
  color: #333333;
  border-color: #fff;
}
.btn-white.btn-filled {
  background: #fff;
  color: #e74c3c;
}
.btn-grey {
  border-color: #777777;
  color: #333333;
}
.btn-grey:hover {
  background-color: #333333;
  color: #fff;
  border-color: #333333;
}
.btn-book {font-weight: 500;color: #FFE484;border-color: #FFE484; border-width: 1px;}
.btn-book:active, .btn-book:hover {color: #2A2730;background-color: #FFE484;border-color: #FFE484;}
button disabled,.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.link-text {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid #3498db;
  display: inline-block;
  padding-bottom: 0px;
  color: #3498db;
}
nav hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  bottom: 2px;
}
.dropdown {
  /*bottom: 3px;*/
}
.top-bar {
  position: absolute;
  width: 100%;
  z-index: 10;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  top: 0;
}
.logo {
  width: 290px;

  max-width: 290px;
  height: auto;
  position: relative;
  /*top: 15px;
  bottom: 7px;*/
}
.logo-wide {
  max-width: 290px;
  /*bottom: 12px;
  margin-bottom: -6px;*/
}
.logo-square {
  max-width: 100px;
  max-height: 60px;
  bottom: 20px;
  margin-bottom: -20px;
}
.nav-sticky .logo-wide {
  /*bottom: 12px !important;*/
}
.nav-sticky .logo-square {
  bottom: 20px !important;
}
.nav-menu {
 /* padding-top: 30px;*/
}
.nav-menu .social-icons {
  float: right;
}
.utility-menu {
width: 100%;
 margin-bottom: 8px;

  margin-top: 8px;
 
}
.utility-menu .utility-inner {
  padding-bottom: 12px;
}
.utility-menu .btn {
  min-width: 60px;
  padding-left: 18px;
  padding-right: 18px;
  margin-left: 8px;
  margin-right: 0px;
}
.utility-menu span {
  display: inline-block;
  position: relative;
  top: 9px;
}
.utility-menu .btn-text-only {
  min-width: 0px;
  padding: 0px 8px;
}

.top-bar .social-icons li a {
  font-size: 1rem;
}
.top-bar .logo-light {
  display: none;
}
.top-bar .utility-menu .utility-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.active-menu{
  color: #428bca!important;
}
.dropdown-menu-fullwidth {
  overflow: hidden;
  left: 0px;
  position: absolute;
  text-align: left;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.dropdown-menu-fullwidth h6 {
  margin-bottom: 24px !important;
}
.dropdown-menu-fullwidth .dropdown-menu {
  position: relative;
  overflow: hidden;
  background: none !important;
  text-align: left;
  padding: 0px;
}
.dropdown-menu-fullwidth .dropdown-menu li {
  float: none !important;
}
.dropdown-menu-fullwidth .btn {
  padding-bottom: 13px !important;
  color: #3498db !important;
}
.dropdown-menu-fullwidth .btn {
  margin-bottom: 1rem;
}
.dropdown-menu-fullwidth .btn:hover {
  color: #fff !important;
}
.dropdown-menu-fullwidth .btn-filled,
.dropdown-menu-fullwidth .btn-filled:hover {
  color: #fff !important;
}
.language {
  display: inline-block;
  margin-left: 8px;
}
.language img {
  max-width: 20px;
}
.overlay:before {
  position: absolute;
  width: 100%;
  height: 100%;

  top: 0px;
  content: '';
  opacity: 0.9;
  z-index: 2;
  background-color: #e74c3c;
  left: 0;
}
.overlay .container {
  position: relative;
  z-index: 3;
}
header {
  /*position: relative;*/
  /*overflow: hidden;*/
}
header .container {
  position: relative;
  z-index: 3;
}

header .btn {
  margin-right: 1rem;
}
header .btn:last-child {
  margin-right: 0px;
}
.page-header {
    /*border-bottom: 1px solid #ecf0f1;*/
	clear: both;
    margin: 20px 0px 30px;
    padding-bottom: 0px;
}

.page-header {
    /*border-bottom: 1px solid #ecf0f1;*/
    margin: 20px 0 21px;
    padding-bottom: 0px;
}  
  .page-header h1 {
    font-size: 32px;
    line-height: 40px;
  }
  
.page-header:before {
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.3;
  z-index: 2;
}

.flex-direction-nav a:before {
  top: 17px;
  font-size: 36px;
  left: 10px;
}
.flex-direction-nav a.flex-next:before {
  left: -10px;
}

.header-icons {
  padding: 160px 0px;
  position: relative;
  overflow: hidden;
}
.header-icons h1 {
  margin-bottom: 80px;
}
.header-icons i {
  font-size: 56px;
  display: inline-block;
  margin-bottom: 1rem;
}
.header-icons .down-arrow {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center;
  padding-top: 10px;
  margin-top: 160px;
}
.header-icons .down-arrow i {
  font-size: 40px;
  position: relative;
  right: 1px;
}
header.title {
  height: 565px;
  position: relative;
  overflow: hidden;
}
header.title h1 {
  margin-bottom: 1rem;
  font-size: 40px;
}
header.title .sub {
  font-size: 12px;
  letter-spacing: 0px;
}
header.title .container {
  position: relative;
  z-index: 3;
}
header.title:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.3;
  z-index: 2;
  background-color: #333333;
}
.action-banner {
  padding: 104px 0px;
  overflow: hidden;
  position: relative;
}
.action-banner .container {
  position: relative;
  z-index: 3;
}
.action-banner h1 {
  font-size: 40px;
  line-height: 56px;
  font-weight: 600;
  margin-bottom: 64px;
  margin-bottom: 24px;
}
.action-banner h2 {
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 48px;
  margin-bottom: 40px;
}
.action-banner .btn {
  margin-right: 1rem;
}
header.signup {
  padding: 180px 0px;
  position: relative;
  overflow: hidden;
  height: auto;
}
header.signup h1 {
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 56px;
}
header.signup .photo-form-wrapper {
  margin-bottom: 0px;
}
header.signup .photo-form-wrapper .btn {
  padding-top: 19px;
  padding-bottom: 19px;
  border-radius: 50px;
  max-width: 250px;
  height: 52px;
}
header.signup:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.3;
  z-index: 2;
  background-color: #333333;
}
.product-right {
  height: 650px;
  position: relative;
  overflow: hidden;
  padding: 0px;
}
.product-right h1 {
  margin-bottom: 32px;
}
.product-right p.lead {
  margin-bottom: 32px;
}
.product-right .btn {
  margin-right: 1rem;
}
.product-right .product-image {
  position: absolute;
  right: -40px;
  bottom: -80px;
  max-width: 750px;
}
.video-wrapper {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
}
.video-wrapper video {
  width: 100%;
  position: absolute;
  top: 0px;
}
header.centered-text h1 {
  font-size: 40px;
  margin-bottom: 24px;
  line-height: 56px;
}
header.centered-text .btn {
  margin-right: 1rem;
  margin-top: 24px;
}
header.centered-text .btn:last-child {
  margin-right: 0px;
}
header.fullscreen-element .overlay:before,
.image-divider.overlay:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.3;
  z-index: 2;
  background-color: #333333;
}
.image-divider i {
  font-size: 56px;
  margin-bottom: 24px;
}
.image-divider .feature-icon-large i {
  border-color: #fff;
  color: #fff;
}
.feature {
  overflow: hidden;
}
.feature h4 {
  font-weight: 600;
}
.feature i {
  color: #e74c3c;
}
.feature-icon-large i {
  display: block;
  height: 104px;
  width: 104px;
  border: 2px solid #e74c3c;
  border-radius: 50%;
  text-align: center;
  color: #e74c3c;
  font-size: 40px;
  padding-top: 31px;
  margin-bottom: 32px;
}
.duplicatable-content .feature {
  margin-bottom: 40px;
}
.feature-selector ul {
  list-style: none;
  padding: 0;
}
.feature-icon-large .pull-left {
  width: 25%;
}
.feature-icon-large .float-end {
  width: 75%;
}
.feature-icon-large .pull-left .icon {
  border: none;
  width: auto;
  font-size: 48px;
  padding-top: 0px;
}
.selector-tabs {
  margin-bottom: 56px;
}
.selector-tabs li {
  text-align: center;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0.4;
  cursor: pointer;
  float: left;
}
.selector-tabs li:hover {
  opacity: 1;
}
.selector-tabs li.active {
  opacity: 1;
}
.selector-tabs li span {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  bottom: 12px;
}
.selector-tabs li i {
  font-size: 40px;
  display: inline-block;
  margin-right: 8px;
}
.selector-content li {
  display: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0;
}
.selector-content li.active {
  display: block;
  opacity: 1;
}
.selector-content h1 {
  margin-bottom: 56px;
}
.feature-icon-small {
  margin-bottom: 32px;
}
.feature-icon-small i {
  color: #e74c3c;
  font-size: 36px;
  display: inline-block;
  margin-bottom: 32px;
}
.feature-icon-small h6 {
  font-weight: bold;
}
.primary-features {
  background: #e74c3c !important;
}
.primary-features .feature-icon-small i {
  color: #fff;
}
.feature-divider {
  position: relative;
  overflow: hidden;
}
.feature-divider h1 {
  margin-bottom: 40px;
}
img.phone-portrait {
  max-height: 580px;
}
.store-link {
  display: inline-block;
  overflow: hidden;
  margin-right: 1rem;
  margin-top: 24px;
}
.store-link img {
  height: 50px;
}
.feature-icon-left {
  overflow: hidden;
  margin-bottom: 40px;
  float: left;
}
.feature-icon-left .icon-holder {
  width: 45px;
  float: left;
}
.feature-icon-left i {
  font-size: 32px;
}
.feature-icon-left .feature-text {
  width: 217px;
  float: left;
  padding-top: 8px;
}
.feature-box {
  padding: 64px 40px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 397px;
}
.feature-box .background-image-holder {
  z-index: 0;
  left: 0;
}
.feature-box .background-image-holder.overlay:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.3;
  z-index: 2;
  background-color: #333333;
  z-index: -1;
}
.feature-box h1 {
  margin-bottom: 24px;
}
.feature-box .btn {
  margin-top: 24px;
}
.feature-box .inner {
  width: 66.66666%;
  position: relative;
  z-index: 3;
}
.contained-feature-boxes .row {
  padding: 0px 15px;
}
.contained-feature-boxes .image-slider {
  margin: 0px;
}
.contained-feature-boxes .image-slider .flex-direction-nav {
  display: none;
}
.contained-feature-boxes .image-slider .flex-control-nav {
  bottom: 24px;
}
.contained-feature-boxes .image-slider .flex-control-nav li a {
  background: rgba(255, 255, 255, 0.5);
}
.contained-feature-boxes .image-slider .flex-control-nav li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
}
.feature-box.contained {
  padding: 40px;
  overflow: hidden;
}
.feature-box.contained .inner {
  width: 100%;
}
.clients p {
  margin-bottom: 48px !important;
}
.client-row {
  overflow: hidden;
  text-align: center;
  line-height: 0;
}
.client-row .col-sm-3 {
  display: inline-block;
  min-height: 80px;
  line-height: 80px;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.client-row img {
  max-height: 60px;
  max-width: 140px;
  opacity: 0.3;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: none;
}
.client-row img:hover {
  opacity: 1;
}
.client-row .row-wrapper {
  display: inline-block;
  width: 80%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.client-row:last-child .row-wrapper {
  border-bottom: none;
}
.row-wrapper .col-sm-3 {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.row-wrapper .col-sm-3:last-child {
  border-right: none;
}
.clients-2 {
  text-align: center;
  padding: 64px 0px 64px 0px;
}
.clients-2 .col-md-2 {
  height: 80px;
  line-height: 80px;
}
.clients-2 img {
  max-height: 60px;
  max-width: 140px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0.4;
}
.clients-2 img:hover {
  opacity: 1;
}
.wood-divider .product-image {
  top: 22%;
  transform: rotate(-15deg);
  right: -100px;
}
.accordion-active {
  background-color: #e74c3c;
  color: #fff;
}
.background-image-holder,
.foreground-image-holder {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  z-index: 0;
  background-position: 50% 50% !important;
}
.background-image-holder.parallax-background {
  height: 120%;
  top: -10%;
}
.hover-background .background-image-holder,
.hover-background .foreground-image-holder {
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
}
.hover-background .background-image-holder {
  height: 110%;
  width: 110%;
}
.side-image {
  padding: 0px;
  position: relative;
}
.side-image .image-container {
  overflow: hidden;
  position: absolute;
  height: 100%;
  padding: 0px;
  top: 0px;
}
.side-image .image-container.float-end {
  right: 0px;
}
.side-image .content {
  padding-top: 80px;
  padding-bottom: 80px;
}
.side-image h1 {
  margin-bottom: 40px;
}
.side-image p.lead {
  margin-bottom: 64px;
}
.side-image.text-heavy h1 {
  margin-bottom: 32px;
}
.side-image.text-heavy p.lead {
  margin-bottom: 40px;
}
.side-image.text-heavy .feature {
  margin-top: 64px;
}
.side-image.text-heavy .feature h5 {
  margin-bottom: 40px;
}
.icons-large {
  list-style: none;
  overflow: hidden;
  display: inline-block;
  padding: 0px;
  margin-bottom: 32px;
}
.icons-large li {
  float: left;
  margin-right: 48px;
  font-size: 48px;
  color: #e74c3c;
}
.icons-large li:last-child {
  margin-right: 0px;
}
.text-banner h1 {
  margin-bottom: 24px;
}
.text-banner p:last-child {
  margin-bottom: 32px;
}
.accordion-section .icons-large {
  margin-bottom: 0px;
}
.accordion-section .feature {
  margin-bottom: 40px;
}
.accordion-section .feature:last-child {
  margin-bottom: 0px;
}
.accordion {
  border-radius: 25px;
  list-style: none;
  overflow: hidden;
  border: 2px solid #dadada;
  padding: 0px;
}
.accordion .title span {
  padding: 0px 24px;
  display: block;
}
.accordion .title {
  font-weight: 600;
  font-size: 1rem;
  color: #333333;
  padding: 24px 0px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  border-bottom: 2px solid #dadada;
}
.accordion .title:hover {
  background-color: #e74c3c;
  color: #fff;
}
.accordion li:last-child .title,
.accordion li:last-child .text {
  border-bottom: none !important;
}
.accordion .text {
  padding: 0px 24px;
  max-height: 0px;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  overflow: hidden;
  opacity: 0;
}
.accordion li.active .title {
  background-color: #e74c3c;
  color: #fff;
  border-bottom: 2px solid #dadada;
}
.accordion li.active .text {
  padding: 24px;
  max-height: 500px;
  border-bottom: 2px solid #dadada;
  opacity: 1;
}
.text-image-bottom {
  padding-bottom: 0px;
}
.text-image-bottom img {
  display: inline-block;
  margin-top: 64px;
}
.inline-video-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inline-video-wrapper video {
  width: 100%;
}
.testimonials-slider {
  position: relative;
  margin-bottom: 24px;
}
.testimonials-slider p.lead {
  font-size: 18px;
}
.testimonials-slider .author {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.testimonials-slider .flex-control-nav {
  bottom: -48px;
}
.pure-text p:last-child {
  margin-bottom: 40px;
}
.pure-text-centered h1 {
  margin-bottom: 24px;
}
.inline-image-right img {
  max-width: 90%;
}
.inline-image-right h1 {
  margin-bottom: 1rem;
}
.inline-image-right h6 {
  margin-bottom: 32px;
}
.strip {
  padding: 64px 0px;
}
.strip::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.strip:-ms-input-placeholder {
  color: #999999;
}
.strip::-webkit-input-placeholder {
  color: #999999;
}
.strip input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  position: relative;
  top: 5px;
}
.strip input:-moz-placeholder {
  color: #ffffff;
}
.strip textarea::-webkit-input-placeholder {
  color: #ffffff;
}
.strip textarea:-moz-placeholder {
  color: #ffffff;
}
.strip strong {
  font-weight: 600;
}
.strip h3 {
  margin: 0px;
  position: relative;
  top: 5px;
  display: inline-block;
  font-weight: normal;
}
.social-icons {
  list-style: none;
  overflow: hidden;
  display: inline-block;
}
.social-icons li {
  float: left;
  margin-right: 24px;
  font-size: 24px;
}
.social-icons li:last-child {
  margin-right: 0px;
}
.social-icons li a {
  color: #333333;
}
.strip .social-icons {
  position: relative;
  top: 10px;
}
.strip .signup-email-field {
  background: none;
  border: none;
  box-shadow: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  float: left;
  color: #fff;
  min-width: 400px;
  font-weight: 300;
  font-size: 24px;
  position: relative;
  top: 4px;
}
.strip .signup-email-field:focus {
  outline: none;
}
.pricing-tables .col-md-3:first-child .pricing-table {
  border-radius: 25px 0px 0px 25px;
}
.pricing-tables .col-md-3:last-child .pricing-table {
  border-radius: 0px 25px 25px 0px;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.pricing-table {
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  padding-bottom: 40px;
}
.pricing-table .price {
  padding: 40px 0px;
  font-weight: 600;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.pricing-table .price .sub {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.3);
  position: relative;
  bottom: 10px;
}
.pricing-table .price .amount {
  color: #fff;
  font-size: 56px;
  display: inline-block;
  padding: 0px 8px;
}
.pricing-table .features {
  margin: 40px 0px;
}
.pricing-table .features li {
  color: #fff;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.pricing-table .features li:last-child {
  margin-bottom: 0px;
}
.pricing-table .features li strong {
  font-weight: 600;
}
.pricing-table.emphasis {
  background-color: #e74c3c;
}
.pricing-2 .pricing-tables .col-md-3:first-child .pricing-table {
  border-radius: 25px 0px 0px 25px;
}
.pricing-2 .pricing-tables .col-md-3:last-child .pricing-table {
  border-radius: 0px 25px 25px 0px;
  border-right: 2px solid rgba(35, 35, 35, 0.2);
}
.pricing-2 .pricing-table {
  border-top: 2px solid rgba(35, 35, 35, 0.2);
  border-bottom: 2px solid rgba(35, 35, 35, 0.2);
  border-left: 2px solid rgba(35, 35, 35, 0.2);
  text-align: center;
  padding-bottom: 40px;
}
.pricing-2 .pricing-table .features {
  margin: 0px;
}
.pricing-2 .pricing-table .features li:first-child {
  border-top: none;
}
.pricing-2 .pricing-table .features li {
  color: #333333;
  border-top: 2px solid rgba(35, 35, 35, 0.2);
  padding: 24px 0px;
  margin: 0;
}
.pricing-2 .pricing-table .price {
  border-top: 2px solid rgba(35, 35, 35, 0.2);
  padding-bottom: 24px;
  border-bottom: none;
}
.pricing-2 .pricing-table .price .amount {
  color: #333333;
}
.pricing-2 .pricing-table .price .sub {
  color: #777777;
  opacity: 0.7;
}
.pricing-2 .pricing-table.emphasis {
  background-color: #2c3e50;
}
.pricing-2 .pricing-table.emphasis .features li {
  color: #fff;
  background-color: #2c3e50 !important;
}
.pricing-2 .pricing-table.emphasis .price .amount,
.pricing-2 .pricing-table.emphasis .sub {
  color: #fff;
}
.pricing-2 .feature-list {
  padding-bottom: 0px;
}
.pricing-2 .pricing-table .features li:nth-child(even) {
  background: #f4f4f4;
}

blockquote {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  font-style: italic;
  line-height: 32px;
  padding: 0px;
  border: none;
  margin-bottom: 24px;
}
.article-single {
  background: #f4f4f4 !important;
}
.article-body p.lead {
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 24px;
  color: #333333;
}
.article-body p:last-child {
  margin-bottom: 0px;
}
.article-body p {
  font-size: 1rem;

  line-height: 32px;
  margin-bottom: 24px;
}
.article-body figure {
  margin: 1rem 0px;
}
.article-body figcaption {
  font-style: italic;
  font-size: 14px;

  color: #aaa;
  margin-top: 1rem;
}
.article-body h2 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 24px;
}
.article-body {
  padding-bottom: 64px;
  border-bottom: 1px solid #ddd;
}
.projects-gallery p.lead {
  margin-bottom: 64px !important;
}
.projects-wrapper {
  text-align: center;
}
.filters {
  padding: 0px;
  list-style: none;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 32px;
}
.filters li {
  float: left;
  margin-right: 1rem;
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #3498db;
  cursor: pointer;
}
.filters li:last-child {
  margin-right: 0px;
}
.filters li.active {
  border-bottom: 2px solid #3498db;
}
.project {
  height: 345px;
}
.project.col-md-4 {
  width: 33%;
}
.project.col-md-4:nth-child(even) {
  width: 34%;
}
.project.col-md-4 .background-image-holder {
  width: 103%;
}
.column-projects .project.col-md-4 {
  width: 33.33333%;
  overflow: hidden;
}
.column-projects .project.col-md-4 .background-image-holder {
  width: 100% !important;
}
.column-projects .project {
  overflow: hidden;
}
.geo-map{
width: 100%;
 height: 450px;
 border: none;
 margin: 0px;
 padding: 0px;
}
/***************store****************/
.row::after, .row::before {
   display: table;
   content: " ";
}
.item-box{ 
   display: block;
   margin-bottom: 1rem;
   /*overflow: auto;*/
}
.category-caption{ 
   margin-top: 15px;
   margin-bottom: 10px;
   min-height: 60px;
}
.category-caption h3{
   font-size: 1.2rem;
   /*height: 50px;*/
   overflow: hidden;
}
.product-item{
   /*border-radius: 8px;*/
   height: 100%;
   background-color:#FFFFFF;
   padding: 15px 15px 15px 15px;
   border: 1px solid #DBDBDB;
   /*margin-top: 0.8rem;*/
   /*margin-bottom: 0.8rem;*/
   /*margin-bottom: 1.2rem !important;*/
   /*overflow: auto;*/
}
/*.product-item:hover { -webkit-box-shadow: 3px 3px 3px 0 rgba(50, 50, 50, 0.72); box-shadow: 3px 3px 3px 0 rgba(50, 50, 50, 0.72); }*/
.product-item:hover{ 
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35); 
-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
}
.product-item .product-image { text-align: center; float: none; }
.product-item .product-image a {  display: block; }
.product-item .product-image img {
   margin-left: auto;
   margin-right: auto;
   /*border-radius: 8px;*/
} 

.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}
.image-preview{ float: left; width: 100px; height: auto;}
.product-item .product-caption{ margin-top: 15px; margin-bottom: 10px; }
.product-caption h3{ font-size: 1.2rem;overflow: hidden; }
.product-caption h4{ font-size: 1.1rem; }
p.product-prices{ margin-bottom: 2px; }

/*.category-area { margin: 0;padding: 0;}
.category-items {
  float: left;
  background-color: #FFFFFF;
  box-sizing: border-box;
  display: inline-block;
  margin: 2% 1%;
  vertical-align: top;
  width: 23%;
  min-height: 280px;
  padding: 15px 15px 15px 15px;
  position: relative;
  border: 1px solid #CCCCCC;
}
.category-items h3{ font-size: 1.2rem; height: 50px; overflow: hidden;}
.category-image{ height: 180px; width: auto;  min-height: 220px; margin-bottom: 20px; }
.category-items img {	
  /*height: 160px;
  width: auto;
  /*display: flex;
  align-items: center;*/
  
    /*height: 190px;
	width: auto;*/

	/*width: 100%;
	height: auto; 
	overflow: hidden;*/
/*}
.category-items .category-image img {
  margin-left: auto;
  margin-right: auto;
}

.product-area { margin: 0;padding: 0;}
.pro-title {box-shadow: none !important;color: #152c51;padding: 10px 0 5px;text-align: center; text-transform: uppercase;}
.product-items {

	background-color: #FFFFFF;
	box-sizing: border-box;
    display: inline-block;
	margin: 2% 1%;

    vertical-align: top;
    width: 23%;
    min-height: 450px;
    padding: 15px 15px 15px 15px;
    position: relative;
	border: 1px solid #CCCCCC;
}
/*.product-image{ min-height: 220px; width: auto; border-bottom: 1px solid #ededed; }*/

/*.product-image:hover{transform: scale(1.1) rotate(0deg) translate(0px);}*/

.caption {
   color: #fff;
    position: absolute;
    width: 100%;
	height: 100%;
	background-color:#013865;
	/*background: url("../image/bg-caption.gif") no-repeat scroll 0 0 transparent;*/
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    float: left;
	top: 0px;
	left: 0px;
	right: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
	filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
	white-space: nowrap;

    text-align: center;
    text-transform: capitalize;
    white-space: nowrap;

	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-ms-transition: 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
}
.caption span.typeService{
    color: #FF6600;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;

}
.product-item a{
 /*box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);*/
    /*width: 100%;
    height: 100%;
  
    display: inline-block;
    overflow: hidden;
    position: relative;*/
  /*box-shadow: 3px 3px 5px 0 rgba(50, 50, 50, 0.88);*/	
}
.product-item a > img {
   /* display: block;	
	height: auto;
    max-width: 100%;
    width: auto;
	vertical-align: middle;*/
}
.product-item .caption::after {
    content: "";
    display: inline-block;
    height: 100%;
    margin: 0 0 0 -5px;
    overflow: hidden;
    vertical-align: middle;
    width: 1px;
}
.product-price{
font-size: 1.7rem;
margin-top: 5px;
}
.product-save{
display: flex;
flex-direction: row;
margin: 10px 0px 10px 0px;
line-height: normal;
}
/*.product-cart{
padding: 0;
background: none;
border: none;
font-size: 0.875em;
font-weight: 100;
overflow: auto;
/*text-transform: uppercase;*/
/*-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}*/
/*.btn-group{ overflow: auto; }*/
.grid-view .btn-group { width: 100%; }
.grid-view .btn-group button, .grid-view .btn-group a.btn{ width: 100%; }
.list-view .btn-group button{ width: 200px; }
/*.product-cart .btn { padding: .3rem .35rem; }*/
/*.product-cart a:link{  color: #FFFFFF;}*/
.caption .captionFrame {
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 22px 10px 20px;
    vertical-align: middle;
    white-space: normal;
    width: 100%;
}

.caption .websites,.caption .development,.caption .app,.caption .logos{
    width: 80px;
	display: inline-block;
    margin: 0 0 17px;
    padding-bottom: 80px;
}
.caption .title {
	font-size: 18px;
	line-height:1.125em;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px solid #fff;
	padding:0 0 4px;
	margin:0 0 5px;
	text-transform:uppercase;
	display:block;
	text-align:center;
}
.caption strong {font-weight: normal;}

/*.product-overlay {
	display: block;
	z-index: 1;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity: 0;
	*filter: alpha(opacity=0);
	background: rgba(16,126,157,0.85);
	-webkit-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-o-transition: 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
}

.product .hover .product-overlay {
	opacity: 1;
	*filter: alpha(opacity=100);
}
.product .hover .product-overlay {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product .caption:after{
	content:'';
	display:inline-block;
	height:100%;
	width:1px;
	overflow:hidden;
	margin:0 0 0 -5px;
	vertical-align:middle;
}*/
/*.product-price{position: absolute;
bottom: 20px;
left: 20px;
display: inline-block;
color: #0099e5;}
.product-cart{
position: absolute;

bottom: 20px;
right: 20px;
margin: 0;
padding: 0;
background: none;
border: none;
font-size: 0.875em;

font-style: italic;
font-weight: 100;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.product-cart a:link{  color: #FFFFFF;}*/

.breadcrumb > li.breadcrumb-item + li:before {
    font-size: 1.1rem;
    content: "\203a";
}
/******** MAIN *******/
.bg-black-gradient{background-image:-ms-linear-gradient(top, #363636 0%, #000000 100%);background-image:-moz-linear-gradient(top, #363636 0%, #000000 100%);background-image:-o-linear-gradient(top, #363636 0%, #000000 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #363636), color-stop(1, #000000));background-image:-webkit-linear-gradient(top, #363636 0%, #000000 100%);background-image:linear-gradient(to bottom, #363636 0%, #000000 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#363636', endColorstr='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#363636', endColorstr='#000000')";border-top:1px solid #000000;
}
/********** ICON **********/
.icon-container {
    margin: 0;
    padding: 0;
    width: 100%;
	    text-align: center;
}
.icon-container.service-icon {
	display: inline-block;
	margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.icon-container.service-icon .icon {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    cursor: pointer;
    height: 160px;
    overflow: hidden;
    position: relative;
    width: 160px;
	margin: 0px auto;
}
.icon-container.service-icon .icon span {
    bottom: 0;
    display: inline-block;
    font-size: 30px;
    /*height: 95px;*/
    left: 0;
    /*line-height: 95px;*/
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1) rotate(0deg) translate(0px);
    /*width: 95px;*/
	    text-align: center;
}
.icon-container.service-icon .icon .fa {
    border: 5px solid;
}
.icon-container.service-icon .icon span img {
    display: inline-block;
    height: inherit;
    transition: all 300ms linear 0s;
}
.icon-container.service-icon .icon::before, .icon-container.service-icon .icon::after {
    box-shadow: 75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 75px 0 rgba(255, 255, 255, 0.01) inset, -75px 0 0 rgba(255, 255, 255, 0.01) inset, 0 -75px 0 rgba(255, 255, 255, 0.01) inset;
    content: "";
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: inherit;
}
.icon-container.service-icon:hover .icon::before, .icon-container.service-icon:hover .icon::after {
    box-shadow: 5px 0 0 rgba(255, 0, 0, 0.5) inset, 0 5px 0 rgba(252, 150, 0, 0.5) inset, -5px 0 0 rgba(0, 255, 0, 0.5) inset, 0 -5px 0 rgba(0, 150, 255, 0.5) inset;
}
.icon-container.service-icon .icon::after {
    transform: rotate(45deg);
}
.icon-container.service-icon:hover .icon span {
    transform: scale(1.1) rotate(0deg) translate(0px);
}

.icon-container.service-icon .icon, .icon-container.service-icon .icon::before, .icon-container.service-icon .icon::after, .icon-container.service-icon .icon span, .icon-container.service-icon .icon span img {
    border-radius: 50%;
    transition: all 300ms linear 0s;
	/*border: 1px solid #CCCCCC;*/

}
.icon-border::before, .icon-border-white::before {
    left: 0;
}
.icon-border::before, .icon-border::after {
    background: #909090 none repeat scroll 0 0;
}
.icon-border-white::before, .icon-border-white::after {
    background: #FFFFFF none repeat scroll 0 0;
}
.icon-border::before, .icon-border::after, .icon-border-white::before,.icon-border-white::after {
    content: "";
    display: inline-block;
    height: 4px;
    position: absolute;
    top: 8px;
    width: 42px;
}
.icon-border::after, .icon-border-white::after {
    right: 0;
}
.icon-border,.icon-border-white {
    display: inline-block;
    position: relative;
    width: 124px;
}
.icon-border .icon-bg.flower {
    background-image: url("../image/icon-flower.png");
}
.icon-border-white .icon-bg.flower-white{
    background-image: url("../image/icon-flower-white.png");
}
.icon-border .icon-bg , .icon-border-white .icon-bg{
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    margin: 0 auto;
    position: relative;
    width: 20px;
}

.tag-line {
    display: block;
    font-size: 18px;
    font-style: normal;
    line-height: 30px;
    margin: 0;
}
.tag-line{
    /*font-family: "Tangerine",cursive;*/
}

.anchor{margin-top: 80px; padding-top: 80px; }

ul.rightList{
    font-size: 17px;
    margin: 20px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
    list-style: none outside none;
}
ul.rightList li{
    margin: 0px;
    min-height: 60px;
    padding: 5px 0px 0px 10px;
    position: relative;
}
ul.rightList li a{
    margin: 0px;
    padding: 10px 0px 0px 10px;
	display: inline-table;
}
.iconLandline:before, .iconEmail:before, .iconAddress:before{
   font-size: 1.8em;
   margin-right: 4px;
   top: 0px;
   left: 20px;
}
.footer-list li{ padding: 2px 0px 2px 0px; }
.footer-list, .footer-list a, .footer-list a:visited{ color: #99CCFF; padding-left: 8px;  }
.footer-list a:hover, .footer-list a:active, .footer-list a:focus{ color: #FFFFFF; }
.footer-border-top{ border-color: rgba(255,255,255,.1);}
.software-features {

    font-size: 1rem;
    list-style: outside none none;
    text-align: left;
	padding-top: 0px;
    padding-left: 0px;
    color: #000;
}
.software-features li { padding: 5px 0px 5px 0px;}
span.tick-mark {
	margin-left: 20px;
    padding: 10px 10px 10px 15px;
    background: rgba(0, 0, 0, 0) url("../image/icons/checkbox-bright-blue.png") no-repeat scroll center left;
    vertical-align: baseline;
}
.btn-arrow-try::after {content: "»";font: 36px/14px Arial,sans-serif;left: 0;padding-left: 4px;position: relative;transition: all 0.2s linear 0s; vertical-align: baseline;}
.btn-arrow-large::after {
    content: "»";
    font: 26px/14px Arial,sans-serif;
    left: 0;
    padding-left: 5px;
    position: relative;
    transition: all 0.2s linear 0s;
    vertical-align: baseline;
}
.btn-primary:hover:after, .btn-success:hover:after, .btn-orange:hover:after{
    left: 2px;
}
.btn-arrow-small::after {
    content: "»";
    font: 22px/14px Arial,sans-serif;
    left: 0;
    padding-left: 5px;
    position: relative;
    transition: all 0.2s linear 0s;
    vertical-align: baseline;
}

.btn-started, .btn-started:visited {
    background: #3b5998;
    font-weight: 600;
    color: #FFFFFF;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0px auto;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.20);
}
.btn-started:hover {
  background: #2C4476;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-banner, .btn-banner:visited {
    background: #28a745;
    font-weight: 600;
    color: #FFFFFF;
    display: inline-block;
    padding: 8px 10px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0px auto;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.20);
}
.btn-banner:hover {
  background: #218838;
  color: #FFFFFF;
  text-decoration: none;
}
.btn-white, .btn-white:visited {
    font-weight: 600;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 12px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0;
    margin: 0px auto;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.30);
}
.btn-white:hover { text-decoration: none; color: #216390; }
.btn-packs:hover:after{left:2px;}

.pack-price{ font-size: 40px; }
.period{ font-size: 22px; }
.signup-features{ padding-left: 15px; }
.signup-features li { font-size: 20px; padding: 5px 0px 5px 0px;}
span.signup-mark{
    padding: 6px 10px 10px 25px;
    background: rgba(0, 0, 0, 0) url("../image/icons/ticked.png") no-repeat scroll center left;
    vertical-align: baseline;
}
.fade-in {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

.fade-out {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}
/*.btn-orange:focus,.btn:focus,.btn:active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {
    outline: none!important;
	box-shadow: none;
	outline: 0;
}*/
.popovers{ /*width: 25px; height: 25px;*/ /*padding:0px; margin: 0px; background-color: none; background: none; border: none;*/}
/*.popover-title {
  border: 0;
  background: transparent;
  cursor: pointer;
  display: inline-block;
  float: right;
  text-align: right; 
}*/
.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
/*.home-banner{ background-image: url(../gallery/home-banner.jpg); background-position: center center; background-repeat: no-repeat;  width: 100%; height: auto; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }*/
.logo-container{ background-color: #FFFFFF; padding: 5px; border: 1px dashed #dedede; margin-top: -10px; }
.border-all{ border: 1px dashed #CCCCCC; }
.feedback-container { margin: 0px auto; max-width: 92%; border-radius: 5px; border: 1px solid #dedede;}
.box-container{ margin: 0px 0px 30px 0px; padding: 20px 20px 20px 20px; border-radius: 5px;  border: 1px solid #DBDBDB; }
.box-offers{margin: 0px 0px 30px 0px; padding: 20px 20px 20px 20px; border-radius: 5px; border: 2px dashed #cccccc}
.service-tab{ padding: 10px 0px 0px 0px; }
.sub-menus{
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: .50rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #e9ecef;
   border-radius: .25rem;

 }
.sub-menus-list{ display: inline; padding: 0px; }
.sub-menus-list li.active a{ color:#000066;}
.sub-menus-list > li + li::before {
    padding: 0 5px;
    color: #ccc;
    content: "|Â¥00a0";
}
.sub-menus-list li{  display: inline; }
/*.under-line{ border-bottom: 1px solid #ededed;  }*/
.under-line:last-child { border-bottom: 0px; }
.under-line-breadcrumb{ border-bottom: 2px solid #FF0033; padding-bottom: 5px; }
/*.priceWrap {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 10px auto;
    background-color: #263842;
    text-align: center;
    -webkit-box-shadow: 2px 3px 3px 2px #cccccc;
    -moz-box-shadow: 2px 3px 3px 2px #cccccc;
    box-shadow: 2px 3px 3px 2px #cccccc;
}
.rowTitle {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    padding: 30px 0px 0px 0px;
    text-transform: uppercase;
}
.rowPrice {
    color: #b1c11b;
    font-size: 30px;
    font-weight: 600;
    margin: 0;
    padding: 20px 0 10px;
    text-align: center;
    text-transform: uppercase;
}
.rowNow {
    color: #ffffff;
    font-size: 22px;
    margin: 0;
    padding: 0 0 20px;
    text-align: center;
    text-shadow: 0 1px 1px #000000;
}*/
/*.box-container ul.rightList {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 20px 0px;
}
.box-container ul.rightList li {
    margin: 0px 0px 20px 0px;
    padding: 10px 0px 0px 60px;
}*/
.icon-container h3{ font-size: 22px; }

.cloud-hosting-features {
    min-height: auto;
    padding: 10px 0px 0px 30px;
}
.cloud-hosting-features {
    color: #666666;
    border: 0px none;
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 30px;
    display: inherit;
    min-height: 240px;
    list-style-image: url("../image/tick-mark-gray.png");
}
.cloud-hosting-features li {
    width: 100%;
    margin: 6px 0px;
    position: relative;
    text-align: left;
}
.compared-plan td {background: #fff none repeat scroll 0 0; }

span.ticked {
    background: rgba(0, 0, 0, 0) url("../image/ticked.png") no-repeat scroll center center;
    padding: 10px;
}
 .compared-plan td {
    text-align: center;
    vertical-align: baseline !important;
	}
	
.compared-plan tr.tbl-heading td:first-child, .compared-plan td.first {
    padding-left: 17px;
    text-align: left;
    /*width: 260px;*/
}
table.compared-plan tr.tbl-heading td:nth-child(2n) {
    background-color: #8ac5ff;
    color: #333333;
}
.compared-plan td:nth-child(2n) {
    background-color: #f9f9f9;
}
.compared-plan tbody > tr:hover td, .compared-plan tbody > tr:hover th{ background-color: #f0e8dc; }

.pattern {
    /*background-color: #0078ae;*/
    border-radius: 50%;
    height: 250px;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    width: 250px;
    /*border: 2px solid #363636;*/
    /*background: url("../image/bg-contact-wrapper.png") repeat scroll 0 0 #0078ae;*/
}
.price-now {
    font-size: 1.5rem;
    margin: 0;
    padding: 50px 0px 0px 0px;
    text-transform: uppercase;
}
.offered-price {
    font-size: 3rem;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    text-shadow: 0 4px 4px #000000;
    text-transform: uppercase;
    line-height: 90px;
	letter-spacing: -2px;
}
.save-price {
    font-size: 2rem;
    margin: 0;
    /*padding: 10px 0px 0px 0px;*/
    text-align: center;
    text-shadow: 0 1px 1px #000000;
}
.w-200{ width: 180px;}
/*.rightList li {
  opacity: 0.7;
  filter: alpha(opacity=70);
  transition: opacity 0.3s ease-in-out 0s;
  text-decoration: none;
}*/
.rightList a{
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.3s ease-in-out 0s;
}
.rightList a:hover { opacity: 1; filter: alpha(opacity=100); }
.social-icons img {
    width: 50px;
    height: 50px;
	margin-bottom: 20px;
}
.social-icons a {
    font-size: 3em;
    display: block;
    float: left;
    margin-right: 20px;
    opacity: 0.7;
    filter: alpha(opacity=70);
    transition: opacity 0.3s ease-in-out 0s;
	text-decoration: none;
}
.social-icons a:hover { opacity: 1; filter: alpha(opacity=100); }
ol.ol-list {
    list-style: url(../image/icons/checkbox-dark-blue.png);
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 40px;
}
ol.ol-list li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}
.img-block {
    display: block;
    /*margin-left: auto;
    margin-right: auto;*/
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px 6px 0 rgba(50, 50, 50, 0.68);
}
.cart{ display: block; margin-top: -18px;  }

/*.navbar-nav > li .counter {
  position: absolute;
  top: 15px;
  right: 0px;
}
.counter {
   font-family: Arial, Helvetica, sans-serif;
   
   width: 20px;
   height: 20px;
   font-size: 12px;
   font-weight: bold;
   line-height: 20px;
   
   color: #FFFFFF;
   background-color: #c00;
   padding: 1px 4px;
   border-radius: 50%;
   display: inline-block;
   vertical-align: baseline;
   text-align: center;
   
   	
  -webkit-box-shadow: .5px 1px 2px rgba(0,0,0,0.75);
  -moz-box-shadow: .5px 1px 2px rgba(0,0,0,0.75);
  box-shadow: .5px 1px 2px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0 .5px 1px 2px rgba(0,0,0,0.75) 20px 0 rgba(50,50,50,0.75);
  -moz-box-shadow: 0 .5px 1px 2px rgba(0,0,0,0.75) 20px 0 rgba(50,50,50,0.75);
  box-shadow: 0 .5px 1px 2px rgba(0,0,0,0.75) 20px 0 rgba(50,50,50,0.75);
}*/
/*.cart-circle {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
	margin-top: -50px;
	margin-left: 20px;
    color: #FFFFFF;
    background-color: #d10014;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 0px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
	line-height: 20px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
	/*border: 1px solid #FFFFFF;*/
/*}*/
.step-title {
    display: block;
    padding: 10px 10px 10px 10px;
	marging: 10px 10px 50px 10px;
    background-color: #727b84;
	color: #FFFFFF;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}
.project .image-holder {
  overflow: hidden;
  position: relative;
}
.project img {
  width: 100%;
}
.project .hover-state {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  background-color: rgba(44, 62, 80, 0.9);
  text-align: center;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 0;
  padding-right: 15px;
}
.project:hover .hover-state {
  opacity: 1;
}
.project .hover-state h1 {
  margin-bottom: 8px;
  font-size: 24px;
}
.project .hover-state h3 {
  font-size: 18px;
  margin-bottom: 8px;
}
.project .hover-state p {
  margin-bottom: 24px;
}
.project .hover-state .btn-white:hover {
  color: #2c3e50;
}
.hover-state .align-vertical {
  -webkit-transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
  transform: translate3d(0, 200px, 0);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 0;
}
.project:hover .align-vertical {
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  opacity: 1;
}
.column-projects {
  margin-bottom: 80px;
}
.column-projects .project {
  height: 300px;
  margin-bottom: 15px;
}
.column-projects .project .hover-state h3 {
  margin-bottom: 24px;
}
.column-projects .project .background-image-holder {
  left: 15px;
}
.image-gallery {
  margin-top: 64px;
}
.image-gallery .image-holder {
  margin-bottom: 30px;
  height: 375px;
  overflow: hidden;
  position: relative;
}
.image-slider .flex-direction-nav {
  display: none;
}
.image-slider {
  position: relative;
  margin-bottom: 32px;
}
.image-slider .flex-direction-nav a.flex-prev:before {
  left: 0px;
}
.image-slider .flex-control-nav {
  bottom: -48px;
}
.image-slider .flex-control-nav li a {
  background: rgba(0, 0, 0, 0.3);
}
.image-slider .flex-control-nav li a.flex-active {
  background: rgba(0, 0, 0, 0.8);
}
.instagram-feed {
  padding-top: 40px;
  padding-bottom: 0px;
}
.instagram-feed span {
  color: #333333;
}
.instafeed {
  margin-top: 40px;
}
.instafeed ul {
  overflow: hidden;
  margin: 0px;
}
.instafeed ul li {
  float: left;
  width: 16.666667%;
}
.instafeed ul li:nth-child(n+7) {
  display: none;
}
#tweets .user {
  display: none;
}
#tweets .interact {
  display: none;
}
#tweets .tweet {
  font-size: 24px;
  line-height: 40px;
  font-style: italic;
  font-weight: 300;
}
.form-contact .inputs-wrapper {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  margin-bottom: 24px;
}
.form-contact input:focus,
.form-contact textarea:focus {
  outline: none;
}
.form-contact input,
.form-contact textarea {
  background: none;
  border: none;
  box-shadow: none;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  padding: 1rem;
}
.form-contact input::-moz-placeholder,
.form-contact textarea::-moz-placeholder {
  color: #777777;
  opacity: 1;
}
.form-contact input:-ms-input-placeholder,
.form-contact textarea:-ms-input-placeholder {
  color: #777777;
}
.form-contact input::-webkit-input-placeholder,
.form-contact textarea::-webkit-input-placeholder {
  color: #777777;
}
.form-contact input input::-webkit-input-placeholder,
.form-contact textarea input::-webkit-input-placeholder {
  color: #777777;
  font-size: 24px;
  font-weight: 300;
  position: relative;
  top: 5px;
}
.form-contact input input:-moz-placeholder,
.form-contact textarea input:-moz-placeholder {
  color: #777777;
}
.form-contact input textarea::-webkit-input-placeholder,
.form-contact textarea textarea::-webkit-input-placeholder {
  color: #777777;
}
.form-contact input textarea:-moz-placeholder,
.form-contact textarea textarea:-moz-placeholder {
  color: #777777;
}
.form-contact input {
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.form-success,
.form-error {
  width: 100%;
  padding: 12px;
  display: none;
  margin-top: 12px;
  color: #fff;
}
.form-success {
  background-color: #58b551;
}
.form-error {
  background-color: #d94947;
}
.field-error {
  box-shadow: inset 0px 0px 10px -2px #ff0000 !important;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0.0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/*input[type="submit"] {
  -webkit-appearance: none;
  background: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  min-width: 155px;
  border-radius: 25px;
  display: inline-block;
  padding: 14px 28px 13px 28px;
  line-height: 1;
  border: 2px solid #3498db;
  color: #3498db;
  max-width: 155px;
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}*/
.details-holder {
  background: #fff;
  width: 100%;
  border-radius: 50%;
}
.details-holder img {
  max-width: 145px;
  display: inline-block;
  margin-bottom: 1rem;
}
.fade-overlay:before {
  opacity: 0;
}
.pure-text-contact i {
  display: inline-block;
  color: #e74c3c;
  text-align: center;
  font-size: 64px;
  margin-bottom: 24px;
  margin-bottom: 0px;
  margin-right: 48px;
}
.pure-text-contact i:last-child {
  margin-right: 0px;
}
.icon-jumbo {
  display: inline-block;
  color: #e74c3c;
  text-align: center;
  font-size: 64px;
  margin-bottom: 24px;
}
.social-bar {
  overflow: hidden;
}
.social-bar .link {
  height: 104px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.social-bar .link i {
  color: #fff;
  font-size: 40px;
}
.social-bar .initial,
.social-bar .hover-state {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  position: absolute;
  width: 100%;
  top: 35px;
}
.social-bar .hover-state {
  -webkit-transform: translate3d(0, 200px, 0);
  -moz-transform: translate3d(0, 200px, 0);
  transform: translate3d(0, 200px, 0);
  top: 42px;
}
.social-bar span {
  font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}
.social-bar .link:hover .initial {
  -webkit-transform: translate3d(0, -200px, 0);
  -moz-transform: translate3d(0, -200px, 0);
  transform: translate3d(0, -200px, 0);
}
.social-bar .link:hover .hover-state {
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}
.error-page.bg-primary h1 {
  color: #fff;
  margin-bottom: 32px;
}
.error-page .jumbo {
  font-size: 160px;
  line-height: 160px;
  font-weight: 600;
  margin-bottom: 1rem !important;
}
.error-page i {
  display: inline-block;
  font-size: 80px;
  margin-bottom: 24px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-animation: spin 6s ease-in-out infinite alternate;
  -moz-animation: spin 6s ease-in-out infinite alternate;
  -o-animation: spin 6s ease-in-out infinite alternate;
  animation: spin 6s ease-in-out infinite alternate;
}
.error-page .btn-text-only:hover {
  color: #333333;
}
.login-page {
  overflow: hidden;
  position: relative;
}
.login-page .container {
  position: relative;
  z-index: 3;
}
.login-page .photo-form-wrapper {
  margin-bottom: 24px;
}
.login-page a.text-white:hover {
  color: #fff;
  font-weight: 600;
}
.spin-me {
  -webkit-animation: spin 6s ease-in-out infinite alternate;
  -moz-animation: spin 6s ease-in-out infinite alternate;
  -o-animation: spin 6s ease-in-out infinite alternate;
  animation: spin 6s ease-in-out infinite alternate;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(-15deg);
  }
  10% {
    -webkit-transform: rotate(-85deg);
  }
  30% {
    -webkit-transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(250deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(-15deg);
  }
  10% {
    -moz-transform: rotate(-85deg);
  }
  30% {
    -moz-transform: rotate(5deg);
  }
  50% {
    -moz-transform: rotate(250deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(-15deg);
  }
  10% {
    -o-transform: rotate(-85deg);
  }
  30% {
    -o-transform: rotate(5deg);
  }
  50% {
    -o-transform: rotate(250deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(-15deg);
  }
  10% {
    transform: rotate(-85deg);
  }
  30% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(250deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.coming-soon {
  position: relative;
  overflow: hidden;
}
.coming-soon h1 {
  font-size: 40px;
  font-weight: 600;
}
.coming-soon .logo {
  display: inline-block;
  margin-bottom: 32px;
  width: 200px;
}
.coming-soon .overlay:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  content: '';
  opacity: 0.3;
  z-index: 2;
  background-color: #333333;
}
.coming-soon .photo-form-wrapper {
  margin-bottom: 32px;
  margin-top: 48px;
}
.countdown-row {
  color: #fff;
  font-size: 80px;
  font-weight: 300;
}
.countdown-section {
  width: 20%;
  display: inline-block;
}
.countdown-amount {
  display: inline-block;
  margin-bottom: 48px;
}
.countdown-period {
  display: block;
  font-size: 24px;
}
iframe.mail-list-form {
  display: none !important;
}
footer {
  clear: both;
  margin-top: 2rem;
  padding-top: 1rem;
  padding-bottom: 0.2rem;
}
footer.social h1 {
  margin-bottom: 24px;
}
footer.social a.text-white {
  font-size: 18px;
}
footer.social .social-icons {
  margin: 64px 0px;
}
footer.social .social-icons li {
  margin-right: 40px;
}
footer.social .social-icons li a {
  font-size: 40px;
  color: #fff;
  opacity: 0.2;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
footer.social .social-icons li a:hover {
  opacity: 1;
}
footer.social .sub {
  opacity: 0.5;
  color: #fff;
  font-size: 12px;
}
footer.social .sub a {
  color: #fff;
  font-weight: 600;
}
footer.details {
  background: #f4f4f4;
}
footer.details .logo {
  margin-bottom: 54px;
  max-width: 80px;
  margin-top: 12px;
}
footer.details .sub {
  font-size: 12px;
  display: inline-block;
  margin-top: 48px;
}
footer.details .sub a {
  color: #333333;
  font-weight: 600;
}
footer.details h1 {
  font-size: 1rem;
  font-weight: 600;
}
footer.short {
  font-size: 1rem;
  color: #fff;
}
footer.short .sub {
  opacity: 0.5;
  display: inline-block;
  margin-right: 32px;
  position: relative;
  bottom: 4px;
}
footer.short ul {
  display: inline-block;
  margin: 0px;
  line-height: 24px;
}
footer.short ul li {
  float: left;
  margin-right: 32px;
}
footer.short ul li a {
  color: #fff;
  opacity: 0.8;
}
footer.short .social-icons li a {
  color: #fff;
  opacity: 1;
}
footer.short-2 {
  position: relative;
  overflow: hidden;
}
footer.short-2 span {
  display: inline-block;
  margin-right: 64px;
}
footer.short-2 span:last-child {
  margin-right: 0px;
}
footer.short-2 .contact-action {
  position: absolute;
  right: 0px;
  height: 100%;
  width: 25%;
  background: #bf2718;
  z-index: 3;
  top: 0;
  text-align: center;
  font-size: 18px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
footer.short-2 .contact-action .icon_mail {
  display: inline-block;
  margin-right: 6px;
}
footer.short-2 .contact-action .arrow_right {
  position: relative;
  top: 2px;
}
footer.short-2 .contact-action:hover {
  background: #ad2315;
} 
input.date, input.time, input.datetime{ background: url(../../image/system/icons/calendar.gif) no-repeat #FFFFFF 98% 50%; /*background-size: 20px 20px;*/ /*background-color: #FFFFFF;*/ }

.btn-status {
  display: block;
  width: 8.5rem;
  padding: 0.312rem;
}

.form-general .form-btns {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 0px 0px 0px;
  text-align: center;
  font-size: 1.25rem;
}
a.security-code{ text-decoration: none; }


/********************** CUSTOMER *******************/

.login-body { min-height: 30rem; }

.table-standard th, .table-standard td { vertical-align: middle; }
.context-btn-container { min-height: 54px; margin: -10px -10px 20px -10px;padding: 8px 8px 8px 20px; /*background-color: #f6f6f6;*/ border-bottom: 1px solid #CCCCCC;  /*text-align: right;*/ }

.page-content { margin-top: 3rem; margin-bottom: 3rem; min-height: 37.5rem;}
.page-content .display-5 { margin-top: 1rem;}

a.btn-success:link, a.btn-success:hover, a.btn-success:active, a.btn-success:visited, a.btn-success:focus{ color: #FFFFFF; }
a.btn-primary:link, a.btn-primary:hover, a.btn-primary:active, a.btn-primary:visited, a.btn-primary:focus{ color: #FFFFFF; }
a.btn-secondary:link, a.btn-secondary:hover, a.btn-secondary:active, a.btn-secondary:visited, a.btn-secondary:focus{ color: #FFFFFF; }

.thead-inverse { font-weight: 600; color: #1e91cf; background-color: #EDEDED;  }
.table thead th { font-size: .9rem; text-transform: uppercase;  /*border-bottom: none;*/ border: 1px solid #FFFFFF; }
.table th { vertical-align: middle; padding: 10px 6px; border: 1px solid #FFFFFF; border-bottom-width: 1px;  border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); }

.label { min-width: 2.5rem; display: block; padding: .6rem .2rem; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; border-radius: 0.25rem;}

.reg-flag { height: 24px; width: auto;}


.btn-status { display: block; width: 8.5rem; padding: 0.312rem; }
.tiles { padding: 0px 15px 15px 15px;}
.tiles .tile { background-color: #f8f8f8; border-right: 1px solid #ccc; border-bottom: 3px solid #FFFFFF;}
.tiles .tile:hover { background-color: #f2f2f2; }
.tile-block{ display:block; padding: 12px 20px; width:100%; text-decoration: none;}
.tile-block:hover{ cursor: pointer; }
.tile-block .stat { color: #058; margin-top: 20px;margin-left: -20px; font-size: 34px; line-height: 1;}
.tile-block .title { font-weight: 700; color: #888; text-transform: uppercase; font-size: 14px; margin-left: -20px;}
.tiles .tile:last-child { /* border: 0;*/}
.tiles .tile-block .highlight {  margin-top: 4px;  height: 2px; border-radius: 2px;margin-left: -25px;margin-right: -25px;}
.tiles .tile-block a { text-decoration: none; display: block;}
.tile-block .icon { position: relative; float: right; top: 20px; right: 0px; line-height: 1; color: #ccc;}
.bg-color-blue { background-color: #5bc0de;}
.bg-color-green { background-color: #5cb85c;}
.bg-color-red {  background-color: #d9534f;}
.bg-color-gold { background-color: #f0ad4e;}

.bg-rainbow-red { background-color: #FF0000; }
.bg-rainbow-orange { background-color: #FF7F00; }
.bg-rainbow-green { background-color: #99CC33; }
.bg-rainbow-blue { background-color: #0099CC; }
.bg-rainbow-blue-dark { background-color:#0000FF; }
.bg-rainbow-indigo { background-color: #000099; }
.bg-rainbow-violet { background-color: #9400D3; }
.bg-rainbow-aqua { background-color: #24afa9; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .top-bar {
    position: absolute;
  }
  .utility-menu {
    display: none;
  }
  nav {
    max-height: 600px;
    /*overflow: hidden;*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
  nav .logo {
   /* margin-bottom: 32px;*/
  }
  nav .columns {
    width: 100%;
  }
  /*nav .social-icons {
    display: none;
  }*/
  .open-nav {
    max-height: 8000px;
  }
  /*.nav-menu {
    padding-top: 24px;
  }*/
  .top-bar .logo {
    bottom: 0px;
  }
  .top-bar .logo.logo-wide {
    /*bottom: 3px;
    margin-bottom: 22px;*/
  }

  .no-align-mobile {
    padding-top: 0px !important;
    margin-top: 24px;
  }
  h1 {
    font-size: 24px;
    line-height: 32px;
  }
  p.lead {
    font-size: 14px;
    line-height: 24px;
  }

  .action-banner h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .btn {
    /*margin-top: 1rem;*/
  }
  header.signup {
    height: auto;
  }
  .header-icons {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  header.title {
    padding: 0px;
    height: 400px;
  }
  .product-right {
    height: 632px;
    padding-top: 64px;
  }
  .product-right .align-vertical {
    padding-top: 0px !important;
  }
  .product-right .product-image {
    margin-top: 200px;
    right: 0px;
    bottom: -85px;
  }
  

  header.centered-text h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .flex-direction-nav {
    display: none;
  }
  .header-icons h2 {
    margin-bottom: 32px;
  }
  .bottom-band {
    display: none;
  }
  .side-image .content {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .selector-tabs {
    text-align: center;
  }
  .selector-tabs li {
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
  }
  .feature-box {
    padding: 48px 32px;
  }
  .feature-box .inner {
    width: 100%;
  }
  .no-pad-left {
    padding-left: 15px;
  }
  .row-wrapper {
    border-bottom: none;
  }
  .row-wrapper .col-sm-3 {
    border-right: none;
  }
  .accordion {
    margin-top: 32px;
  }
  .strip {
    padding: 40px 0px;
  }
  .strip,
  .strip .text-end {
    text-align: center;
  }
  .strip .col-xs-12 {
    margin-bottom: 1rem;
  }
  .inline-video-wrapper {
    margin-top: 40px;
  }
  .video-wrapper {
    display: none;
  }
  .inline-image-right img {
    display: inline-block;
    margin-top: 40px;
  }
  .pricing-tables .no-pad {
    padding: 0px 15px;
  }
  .pricing-tables .no-pad-left {
    padding-left: 15px;
  }
  .pricing-tables .no-pad-right {
    padding-right: 15px;
  }
  .pricing-table {
    margin-bottom: 1rem;
    border-radius: 25px !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
  }
  .pricing-2 .hidden-sm:first-child {
    display: none;
  }
  .pricing-2 .pricing-table.emphasis .features li {
    border-radius: 25px;
  }
  .pricing-2 .pricing-table .features li:first-child {
    font-size: 24px;
  }
  footer.social .social-icons li,
  .contact-photo .social-icons li {
    margin-right: 8px;
  }
  footer.social .social-icons li a,
  .contact-photo .social-icons li a {
    font-size: 24px;
  }
  footer.details .col-sm-4 {
    margin-bottom: 1rem;
  }
  footer.details h1,
  footer.details .logo {
    margin-bottom: 32px;
  }
  footer.short-2 {
    padding-bottom: 0px;
  }
  footer.short-2 span {
    margin-right: 1rem;
  }
  footer.short-2 .contact-action {
    position: relative;
    width: 100%;
    height: 150px;
    margin-top: 80px;
  }
  footer.short-2 .align-vertical {
    padding-top: 64px !important;
  }
  .blog-snippet-2 li .icon {
    width: 20%;
  }
  .blog-snippet-2 li .title {
    width: 80%;
  }
  .contact-thirds .text-center {
    text-align: left;
  }
  .contact-thirds .col-sm-4 {
    margin-bottom: 24px;
  }
  .pure-text-contact br {
    display: none;
  }
  .pure-text-contact i {
    font-size: 48px;
  }
  .filters {
    padding: 0px 15px;
    text-align: center;
  }
  .filters li {
    margin: 0;
    width: 100%;
    margin-bottom: 8px;
  }
  .project {
    width: 100%;
  }
  .image-gallery .image-holder {
    height: 225px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .top-bar {
    position: absolute;
  }
  .utility-menu {
    display: none;
  }
  nav {
    /*max-height: 80px;*/
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
  }
  nav .logo {
    margin-bottom: 32px;
  }
  nav .columns {
    width: 100%;
  }
  nav .social-icons {
    display: none;
  }
  .open-nav {
    max-height: 8000px;
  }
  .nav-menu {
    padding-top: 24px;
  }
  .top-bar .logo {
    bottom: 0px;
  }
  .top-bar .logo.logo-wide {
    bottom: 10px;
    margin-bottom: 22px;
  }
  /*.navbar-toggler {
    font-size: 32px;
    display: block;
    position: absolute;
    /*top: 5px;*/
    /*right: 1rem;
    cursor: pointer;
    color: #333333;
  }*/
  .dropdown {
    bottom: 0px;
  }
  .navbar-nav {
    top: 0px;
  }
  .navbar-nav li {
    float: none;
    /*margin-bottom: 1rem;*/
    margin-right: 0px;
  }
  .dropdown-menu {
    position: relative;
    /*background: none;*/
  }
  .dropdown-menu li {
    margin-bottom: 0px;
  }
  .dropdown-menu .col-md-3 {
    margin-bottom: 32px;
  }
  .flex-direction-nav {
    display: none;
  }
  header.signup .photo-form-wrapper {
    margin-bottom: 32px;
  }
  .product-right .btn {
    margin-bottom: 1rem;
  }
  .product-right .product-image {
    right: -320px;
    bottom: 60px;
    max-width: 670px;
  }
  .wood-divider.product-right .product-image {
    position: relative;
    top: -5%;
  }
  .selector-tabs li {
    margin-bottom: 1rem;
  }
  .client-row img {
    max-width: 100px;
  }
  .inline-video-wrapper {
    margin-top: 32px;
  }
  .pricing-tables .no-pad {
    padding: 0px 15px;
  }
  .pricing-tables .no-pad-left {
    padding-left: 15px;
  }
  .pricing-tables .no-pad-right {
    padding-right: 15px;
  }
  .pricing-table {
    margin-bottom: 30px;
    border-radius: 25px !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
  }
  .hidden-sm {
    display: block !important;
  }
  .hidden-sm:first-child {
    display: none !important;
  }
  footer.details .social-icons li {
    margin-bottom: 1rem;
  }
}
.expanding-list {
  position: relative;
  overflow: hidden;
}
.expanding-ul {
  position: relative;
  overflow: hidden;
}
.expanding-ul li {
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 24px;
  margin-bottom: 24px;
  cursor: pointer;
}
.expanding-ul li .title {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.expanding-ul .title i {
  color: #e74c3c;
  font-size: 32px;
  display: inline-block;
  margin-right: 24px;
}
.expanding-ul .title span {
  position: relative;
  bottom: 8px;
}
.expanding-ul .title strong {
  font-weight: 600;
  color: #333333;
}
.expanding-ul .text-content {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0;
  max-height: 0px;
}
.expanding-ul li.active .title {
  margin-bottom: 24px;
}
.expanding-ul li.active .text-content {
  max-height: 800px;
  opacity: 1;
}
.expanding-ul li:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}

.stat-counters h1 {
  color: #fff;
}
/*.stat {
  text-align: center;
}*/
.stat-bubble {
  margin: 0px auto;
  width: 120px;
  height: 120px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.15);
  text-align: center;
  line-height: 11rem;
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  margin-bottom: 12px;
}
.stat h3 {
  color: #fff;
}
.quote-post .post-title,
.quote-post h1,
.quote-post span,
.quote-post .link-text {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.quote-post:hover .post-title {
  background: #e74c3c;
}
.quote-post:hover h1 {
  color: #fff;
}
.quote-post:hover span {
  color: #fff;
}
.quote-post:hover .link-text {
  color: #fff;
  border-color: #fff;
}
.article-body .media-holder {
  margin: 32px 0px;
  position: relative;
  z-index: 1;
}
.article-body iframe {
  width: 100%;
  height: 440px;
}
.media-holder:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 80%;
  top: 0px;
  z-index: 2;
}
.comment-list {
  margin-top: 32px;
}
.comment-list h5 {
  margin-bottom: 32px;
}
.comment-list ol {
  padding: 0px;
  margin-bottom: 48px;
}
.comment-list li {
  margin-bottom: 32px;
}
.comment-list li:last-child {
  margin-bottom: 0px;
}
.comment-list .children {
  padding-left: 50px;
  margin-bottom: 32px;
}
.comment-respond {
  margin-top: 32px;
}
.comment-form .form-input {
  margin-bottom: 1rem;
}
.comment-form .form-input:last-child {
  margin-bottom: 0px;
}
.comment-form input[type="text"],
.comment-form textarea {
  width: 100%;
  padding: 1rem;
  border: none;
  box-shadow: none;
}
.comment-form input[type="submit"] {
  min-width: 185px;
}
.simple-bar .logo {
  max-width: 800px;
  max-height: 40px;
  bottom: 12px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.simple-bar .social-icons {
  margin-left: 32px;
}
.simple-bar .nav-menu {
  padding-top: 54px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.simple-bar .navbar-nav li {
  margin-right: 40px;
}
.simple-bar .navbar-nav li a {
  padding-bottom: 54px;
}
.simple-bar.nav-sticky .logo {
  max-height: 30px;
  bottom: 8px;
}
.simple-bar .dropdown-menu {
  text-align: left !important;
}
.dropdown-menu-halfwidth {
  width: 500px;
}
.navbar-nav li:last-child .dropdown-menu-halfwidth {
  right: 0px;
}
.contained-bar {
  background: none;
}
.contained-wrapper {
  background: rgba(255, 255, 255, 0.9);
  margin-top: 32px;
  padding: 0 32px;
}
.contained-bar.nav-sticky {
  background: rgba(255, 255, 255, 0.9);
}
.contained-bar.nav-sticky .contained-wrapper {
  background: none;
  padding: 0;
  margin-top: 0;
}
.elements h1 {
  margin-bottom: 1rem;
}
.boxed-layout {
  background: #eee;
}
.boxed-layout .main-container,
.boxed-layout .footer-container,
.boxed-layout nav {
  max-width: 1280px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.boxed-layout .flex-direction-nav {
  display: none;
}
.timeline-event:first-child {
  margin-top: 64px;
}
.timeline-event {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-bottom: 64px;
  margin-bottom: 32px;
}
.timeline-event:nth-child(even) .col-sm-6:first-child {
  text-align: right;
}
.timeline-event .col-sm-6:first-child {
  padding-right: 54px;
}
.timeline-event .col-sm-6:last-child {
  padding-left: 54px;
}
.timeline-event:nth-child(odd) .col-sm-6:first-child {
  padding-left: 54px;
  padding-right: 15px;
}
.timeline-event:nth-child(odd) .col-sm-6:last-child {
  padding-right: 54px;
  text-align: right;
  padding-left: 15px;
}
.timeline-event .middle {
  position: absolute;
  left: 50%;
  width: 60px;
  margin-left: -30px;
  text-align: center;
  height: 100%;
}
.timeline-event .middle i {
  font-size: 40px;
  display: inline-block;
  margin-bottom: 1rem;
  color: #e74c3c;
}
.timeline-event .middle .vertical-line {
  top: 60px;
  width: 2px;
  height: 100%;
  display: inline-block;
  background: #e74c3c;
  position: absolute;
  left: 50%;
  margin-left: -2px;
}
.timeline-event h2 {
  margin-bottom: 8px;
}
.product-action {
  height: auto;
  padding: 120px 0 0 0;
}
.product-action {
  background: #e74c3c;
}
.product-action h2 {
  margin-bottom: 1rem;
  font-weight: 600;
}
.product-action p {
  display: block;
  max-width: 520px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.product-action img {
  margin-top: -80px;
  position: relative;
  top: 110px;
}
.no-loader .loader {
  display: none !important;
}

.col-divider {
    background: url("../../image/system/icons/divider.png") repeat-y scroll 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    background-position: center center;
    /*min-height: 650px;
    height: 100%;*/
    margin-top: 15px;
    padding-bottom: 0px;
}


ul.social-top {
    float: right;
	display: inline;
    list-style: outside none none;
    margin-bottom: 0;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 5px;
}
ul.social-top > li {
    float: right;
    margin-left: 10px;
}
.top-header{
background: #222;
font-size: 1rem;
padding: 10px 0;
}
.top-header-inner a, .top-header-inner a:link, .top-header-inner a:visited{ color: #CCCCCC;}
.top-header-inner a:hover, .top-header-inner a:focus,.top-header-inner a:active { color: #DEDEDE;}

.main-header.navbar-inner{ background: rgba(255,255,255,0.4); z-index: 999999; }
.navbar-inner{  z-index: 999999;}

#message{ height: 150px;}
.mandatory{ color: #FF0000; font-weight: 600; }
.max-w-250 { max-width: 15.62rem; }

/*ul.navbar-nav li.nav-item a:after {
   content: "";
   width: 1px;
   height: 20px;
   background: rgba(0,0,0,.2);
   position: absolute;
   right: -.5px;
   top: 50%;
   margin-top: -8px;
}*/
/*.carousel-caption {
    top: 50%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-control-next-icon, .carousel-control-prev-icon { width: 45px; height: 81px;  }
.carousel-control-next-icon { background-image: url(../gallery/next.png); }
.carousel-control-prev-icon { background-image: url(../gallery/prev.png); }*/

/*@media only screen and (min-device-width: 300px) and (max-device-width: 991px) {*/
@media only screen and (min-device-width: 300px) and (max-device-width: 1200px) {
/*.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}*/
.logo{top: 5px; bottom: 10px;}
.container > .navbar-header, .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
/*.navbar{ padding: .5rem 1rem;}*/
.navbar { height: auto;}
.logo{top: 5px; bottom: 10px;}
.navbar-toggler {
    width: 45px;
	height: 45px;
    display: block;
   -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    /*padding: .25rem .75rem;*/
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
	border: none;
    cursor: pointer;
    background-color: transparent;
    background-image: none;
    float: right;
	margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    /*padding: 9px 10px;*/
    position: relative;	
  }
 
.utility-menu{display: none!important;}	
.in{ display: block!important; }


/*.in .navbar-nav{ float: left!important; }*/

.collapse.show {
    /*display: block;*/
	/*padding-top: 10px;*/
}
.dropdown-menu{ /*width: 100%;*/ }

.navbar-expand-lg .navbar-nav .nav-link, .navbar-nav .nav-link, .nav-link {
    padding-top: 0.3rem;
    padding-left: .75rem;
    padding-bottom: 0.3rem;
    padding-right: .75rem;
}
.navbar-nav .nav-link, .nav-link {
    padding: 0.32rem 0.53rem;
}

.col-form-label{ text-align: left; }
/*.navbar-toggler {
    font-size: 32px;
    display: block;
    position: absolute;
    top: 24px;
    right: 1rem;
    cursor: pointer;
    color: #333333;
  }*/

	/*.float-right{ float: left!important;  }*/
}
.socials { display: inline-block;margin-right: 12px;}
.socials img {padding: 0px;vertical-align:middle;}

.page-item.disabled .page-link {  background-color: #007bff; border-color: #007bff;color: #FFFFFF;}

.table{ border: none;}
/*.thead-inverse{ background-color: #727b84; color: #FFFFFF; }*/
.table-responsive{ /*margin-bottom: 20px; */ /*overflow-x: visible;*/ }
.input-group .form-control{ display: compact;}
input[type="checkbox"] { padding: 5px!important;transform: scale(2)!important;}

.btn-dashboard {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}


.btn-orange, .btn-orange:link, .btn-orange:visited {
    color: #FFFFFF;
    /*background-color: #d57e0e;*/
	background-color: #E27601;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
    color: #FFFFFF;
	/*background-color: #B36A0B;*/
	background-color: #Bf6606;
}
.btn-purple, .btn-purple:link, .btn-purple:visited{
    color: #FFFFFF;
    background-color: #9b3bb5;
}
.btn-purple:hover, .btn-purple:active, .btn-purple:focus {
    color: #FFFFFF;
    background-color: #792E8E;
}
.btn-arrow-mid:after {
content: "»";
font-size: 14px;
left: 0;
padding-left: 4px;
position: relative;
transition: all 0.2s linear 0s;
}
/*.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    pointer-events: none;
}*/
.status-row ol {
    list-style-type: none !important;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	display: block;
}

.status-row li {
    background-image: none;
    border: 0px none;
    float: left;
    list-style-type: none;
    margin-right: 5px;
	padding: 3px 8px 3px 8px;
	display: inline-table;
}

.link-underline{ text-decoration: underline; }
.invoice-data-td { background-color: #f5f7f8;}
.items{ width: 92%; }
.del-icon{ width: 8%; }
.description{ float: left; width: 100%; margin-bottom: 15px; }
.del-circle {
    width: 18px;
    height: 18px;
    background-image: url(../image/del-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 10px;
    margin-right: 15px;
    padding: 0px 0px 0px 20px;
	vertical-align: baseline;
 }
.tab-content{
   clear: both;
    display: block;    
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
    min-height: 450px;
    padding: 10px 10px 10px;
    width: 100%;
	}
.panel-box{
   clear: both;
    display: block;    
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(50, 50, 50, 0.3);
	margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
    min-height: 450px;
    padding: 20px 15px 15px;
	border-radius: 10px;
    width: 100%;
	}
.panel-title{ width: 100%; padding-bottom: 0px; border-bottom: 1px solid #e5e5e5; }
.cellbox {
	display: block;
    line-height: 1.2em;
    margin: 0 auto;
    padding: 10px; 
    width: 100%;
	height: 100%;
}

.cellbox .item {
	display: inline-table;
    /*font-size: 14px;
	margin: 0 5px 5px;
    padding: 0 8px;
	*/
	margin-top: 10px;
	margin-bottom: 10px;
    height: auto;
    width: 140px;
}
.cellbox .item img{ margin-bottom: 5px;}
.cellbox .item a{ text-align: center;}
.cellbox .item a:hover, .cellbox .item a:active,.cellbox .item a:focus, .cellbox .item2 a:hover, .cellbox .item2 a:active,.cellbox .item2 a:focus{ color: #FF0000;}
.backToTop { position: fixed;right: 5px; bottom: 5px;text-decoration: none; z-index: 9999999; display: none; }
.tbl-summary td{ vertical-align: middle;}
/*input.cost, input.qty{ min-width: 40px; }*/
textarea.height-38{ height: 39px; }
.item-col-1{ width: 22%; }
.item-col-2{ width: 52%; }
.item-col-3{ width: 10%; }
.item-col-4{ width: 6%; }
.item-col-5{ width: 10%; }

/*.item-col-1{ width: 25%; }
.item-col-2{ width: 800px; }
.item-col-3{ width: 12%; }
.item-col-4{ width: 11%; }
.item-col-5{ width: 12%; }*/
#hiderow{ margin-top: -30px; }
.border-top{ border-top: 1px solid #dee2e6; }
#subtotal, #taxtotal, #total{ float: right; }
.ui-autocomplete span.hl_results { background-color: #ffff66;}
/*.ui-autocomplete-loading {  background: white url('../image/ui-anim_basic_16x16.gif') right center no-repeat;}*/
.ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 5px;} 
.ui-autocomplete li { /*font-size: 15px;*/}
* html .ui-autocomplete { height: 250px;}
li.ui-menu-item a{ display: block!important;}
.client-summary-panels{ padding: 0px 15px 15px; }

.summary-box-min-height{
	min-height: 417px;
}

.clients-summary-box {
    background-color: #e6e6e6;
    padding: 10px;
    margin: 10px 0 5px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
table.clients-summary-stats {
    width: 100%;
    border: 4px solid #fff;
    border-radius: 4px;
}
table.clients-summary-stats tr.altrow td {
    background-color: #f8f8f8;
}
table.clients-summary-stats td {
    padding: 2px 3px;
    background-color: #fff;
    font-size: 1rem;
}
.clients-summary-box .title {
    text-align: center;
    padding: 0 0 10px 0;
    font-family: Arial;
    font-size: 1rem;
    font-weight: 700;
    color: #1a4d80;
}
.client-summary-panels > [class*="col-"] {
    padding-right: 3px;
    padding-left: 3px;
}

.warning-panel {
    margin: 100px auto;
    padding: 40px 25px;
    background-color: #fff4f4;
    border: 2px dashed #ffd7d7;
    color: #721c24;
    font-size: 18px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.select2-container .select2-selection--single { height: 40px; line-height: 35px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; width: 20px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 35px;}

/* Themes for different contexts */
.bd-summary {
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid #d9d9d9;
    /*border-left-width: .5rem;*/
    border-radius: .25rem;
}
.bd-summary-info{ display: block; }
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #5bc0de;
    border-left-width: .25rem;
    border-radius: .25rem;
}
.bd-callout h4 {
    margin-top: 0;
}
.bd-callout p:last-child {
    margin-bottom: 0;
}
.bd-callout code {
    border-radius: .25rem;
}
.bd-callout+.bd-callout {
    margin-top: -.25rem;
}
 
.bd-callout-success {
    border-left-color: #5bc0de;
}
 
.bd-callout-success{
    color: #5bc0de;
}
.bd-callout-info {
    background-color: #D5EAFF;
    border-left-color: #138496;
}
.bd-callout-info{
    color: #138496;
} 
.bd-callout-warning {
    border-left-color: #f0ad4e;
}
.bd-callout-warning{
    color: #f0ad4e;
} 
.bd-callout-danger {
    border-left-color: #d9534f;
} 
.bd-callout-danger{
    color: #d9534f;
}
.col-info-details{ padding-left: 40px; }
.tab-content{ border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;  border-right: 1px solid #ccc; padding-left:10px; padding-right:10px;  }
.nav-tabs li{
    float: left;
    margin-bottom: -1px;
}
.nav-tabs li:first-child {
	margin-left: 10px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #000;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
}
.nav-tabs > li > a {
    margin-left: 5px;
    padding: 3px 10px 3px;
    background-color: #efefef;
    text-decoration: none;
    color: #202f60;
}
.nav-tabs .nav-link{ border: 1px solid #ccc;}
.nav-tabs > li > a:hover {
    border: 1px solid #ccc;
    text-decoration: underline;
}
.btn-outline-default{ color: #333; background-color: #fff; border-color: #ccc;}
.btn-outline-default:hover{ color: #333; background-color: #e6e6e6; border-color: #adadad;}
div.tab-content .context-btn-container {
    margin: -10px -10px 10px -10px;
    padding: 8px 8px 8px 20px;
    background-color: #f6f6f6;
    text-align: right;
}
.btn-default {
  color: #ffffff;
  background-color: #95a5a6;
  border-color: #95a5a6;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #7f9293;
  border-color: #74898a;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
font-red,a.font-red:link,a.font-red:visited{ color: #FF0000!important;}
a.font-red:hover,a.font-red:active, a.font-red:focus { color: #CC0000;}

a.font-black:link,a.font-black:visited{ color: #333333}
a.font-black:hover, a.font-black:active, a.font-black:focus { color: #000;}

a.font-green:link,a.font-green:visited{ color: #218838}
a.font-green:hover, a.font-green:active, a.font-green:focus { color: #155724;}


.dropdown:hover .dropdown-menu { /*display: block;*/ }
.cellbox .item2 {
    display: inline-table;
    font-size: 14px;
    margin: 0 5px 5px;
    padding: 0 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    width: 110px;
	text-align: center;
}
.fadeImgs{ text-align: center;}
.card{
border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)
}
.card-header {
    background-color: rgba(0,0,0,.06);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.order-box{
  padding: 25px 25px 25px 25px;
  height: 100%;
}
.pack-heading {
    color: #efefef;
    background-color: #071738;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 1px 5px 1px 5px;
    text-align: center;
    position: relative;
    border-radius: 5px 5px 0px 0px;
    /*border-bottom: 1px solid #ccc;*/
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.service-details {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #cacaca;
    border-left: 1px solid #cacaca;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #cacaca;
	padding: 20px 20px 20px 20px;
    display: block;
    margin-bottom: 10px;
}
.service-container{ min-height: 500px;}
.btn-adjustment {
    margin-top: 15px;
    padding: 0px 0px 0px;
    text-align: center;
	font-size: 20px;
}
.btn-green-pack, .btn-green-pack:link, .btn-green-pack:visited, .btn-green-pack:hover, .btn-green-pack:active, .btn-green-pack:focus {
    background: none repeat scroll 0 0 #668C01;
}
.pack-heading h2, .box-heading h2 {
    margin: 10px 0px 10px 0px;
    padding: 1px 5px 1px 5px;
	text-shadow: 1px 1px 0 #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, 1px 1px 1px #000000;
}
.most-popular {
    position: absolute;
    right: -5px;
    top: -3px;
    z-index: 2;
}
.btn-adjustment { padding: 0px 0px 0px; text-align: center; }
.btn-green-pack:hover, .btn-orange-pack:hover, .btn-purple-pack:hover, .btn-blue-pack:hover, .btn-green-pack:active, .btn-orange-pack:active, .btn-purple-pack:active, .btn-blue-pack:active, .btn-green-pack:focus, .btn-orange-pack:focus, .btn-purple-pack:focus, .btn-blue-pack:focus, .btn-bronze-pack:hover, .btn-bronze-pack:active, .btn-bronze-pack:focus, .btn-silver-pack:hover, .btn-silver-pack:active, .btn-silver-pack:focus, .btn-gold-pack:hover, .btn-gold-pack:active, .btn-gold-pack:focus { -webkit-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15); }
.btn-green-pack, .btn-green-pack:link, .btn-green-pack:visited, .btn-green-pack:hover, .btn-green-pack:active, .btn-green-pack:focus, .btn-orange-pack, .btn-orange-pack:link, .btn-orange-pack:visited, .btn-orange-pack:hover, .btn-orange-pack:active, .btn-orange-pack:focus, .btn-purple-pack, .btn-purple-pack:link, .btn-purple-pack:visited, .btn-purple-pack:hover, .btn-purple-pack:active, .btn-purple-pack:focus, .btn-blue-pack, .btn-blue-pack:link, .btn-blue-pack:visited, .btn-blue-pack:hover, .btn-blue-pack:active, .btn-blue-pack:focus, .btn-bronze-pack, .btn-bronze-pack:link, .btn-bronze-pack:visited, .btn-bronze-pack:hover, .btn-bronze-pack:active, .btn-bronze-pack:focus, .btn-silver-pack, .btn-silver-pack:link, .btn-silver-pack:visited, .btn-silver-pack:hover, .btn-silver-pack:active, .btn-silver-pack:focus, .btn-gold-pack, .btn-gold-pack:link, .btn-gold-pack:visited, .btn-gold-pack:hover, .btn-gold-pack:active, .btn-gold-pack:focus { border-radius: 0; color: #FFFFFF; display: inline-block; font-weight: 600; margin: 0 auto; padding: 6px 12px; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); text-decoration: none; }
.btn-orange-pack, .btn-orange-pack:link, .btn-orange-pack:visited, .btn-orange-pack:hover, .btn-orange-pack:active, .btn-orange-pack:focus { background: none repeat scroll 0 0 #d57e0e; }
.btn-purple-pack, .btn-purple-pack:link, .btn-purple-pack:visited, .btn-purple-pack:hover, .btn-purple-pack:active, .btn-purple-pack:focus { background: none repeat scroll 0 0 #9b3bb5; }
.btn-blue-pack, .btn-blue-pack:link, .btn-blue-pack:visited, .btn-blue-pack:hover, .btn-blue-pack:active, .btn-blue-pack:focus { background: none repeat scroll 0 0 #009ddc; }
.pdf-container{ width: 100%; height: 100%; }
#mainContainer{ width: 100%; height: 100%;}

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-15 {width: 100%;}
.input-radio { width: 20px; height: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; cursor: pointer; vertical-align: -4px; border: 1px solid; border-top-color: currentcolor; border-top-width: 1px; border-right-color: currentcolor; border-right-width: 1px; border-bottom-color: currentcolor;  border-bottom-width: 1px; border-left-color: currentcolor; border-left-width: 1px; border-radius: 50%; border-color: #d9d9d9; background-color: white; }
.input-radio:checked { border-color: #0099CC; border-width: 7px; }
.steps-container { position: relative; margin: 130px auto 0px; z-index: 1; }
.steps { position: absolute; top: -90px;  width: 80%; height: 6px; margin: 0px auto 20px 10%; padding: 0px; border-radius: 6px; background-size: 35px 35px;}
.steps-three li{ width: 32%;}
.steps-four li{ width: 24%;}
.steps li { display: inline-block; position: relative; margin: 24px 0px 0px; padding: 0; background-color: transparent; font-size: 1rem; font-weight: 400; text-align: center;  vertical-align: top; }
.steps li.next{ font-weight: 600; }
.steps li.next::after, .steps { background-color: #ddd; }
.steps li.activated, .steps li.activated { z-index: 3; color: #444; background: 0px 0px; }
.steps::before, .steps li.visited::after { position: absolute; left: 0; width: 17%; height: 6px; border-radius: 6px; background-color: #dc9814; background-size: 35px 35px; content: " "; }
.steps li.activated::before, .steps li.activated::before, .steps li.next::before { z-index: 4; background: #444; }
.steps li::before { position: absolute; z-index: 5; top: -40px; left: 43%; width: 26px; height: 26px; border: 6px solid #fff; border-radius: 50%; color: #fff; background: #ccc; box-sizing: content-box; font-size: 1rem; font-weight: 700; line-height: 26px; text-align: center; }
.steps li.activated, .steps li.activated { color: #444; }
.steps, .steps a { /*color: #111;*/  font-size: 1rem; /*font-weight: 600;*/  text-decoration: none; }
.steps li.activated::after, .steps li.next::after{ position: absolute; z-index: 0; top: -24px; left: 50%; width: 100%; height: 6px; background-color: #999; background-size: 35px 35px; content: ""; }
.steps li.last::after { position: absolute; top: -24px; /*left: 50%;*/ width: 65%; height: 6px; border-radius: 6px; background-color: #999; background-size: 35px 35px; content: " "; }
.steps li.activated::after { background-color: #dc9814; }
ul.steps li:first-child::before { content: "1"; }
ul.steps li:nth-child(2)::before { content: "2"; }
ul.steps li:nth-child(3)::before { content: "3"; }
ul.steps li:nth-child(4)::before { content: "4"; }
ul.steps li:nth-child(5)::before { content: "5"; }
.steps .btn{ font-size: 1rem; padding: 0px;}
/*@media (min-width: 576px) {.col-xs-15 { width: 100%; } }*/ 

.under-line{margin-top: -6px; }
.footer-under-line{margin-top: -3px; }
/*hr, .under-line, .footer-under-line, .replied::before{
opacity: 0.3;
filter: alpha(opacity=30);
transition: opacity 0.3s ease-in-out 0s;
}
.footer-divide-line{ opacity: 0.2; filter: alpha(opacity=20);}*/
.box-clr-fade{ opacity: 0.1; filter: alpha(opacity=10); }
.radius-0-5-0-5{ border-radius: 0px 0px 5px 5px; }
.nav > li.disabled { cursor: not-allowed; }
.module-title { text-transform: capitalize; margin: 2rem 0 1rem 0;}
.text-capitalize { text-transform: capitalize; }

.review .stars{ border: 0; float: left; position: relative; margin-left: 0px; margin-top: -30px; margin-bottom: -20px; display: inline-block; } 
.review .stars input { display: none; }
.review .stars label { float: right; margin-top: 10px; padding: 5px; font-size: 2.8rem; /*color: #444;*/  transition: all .2s; }
.review .stars label:before { content: '\2605'; }
.review .stars input:checked ~ label:before { color: gold; transition: all .25s;}
.review .stars label:hover { transform: scale(1.3); }
.rating label { display: inline-block; width: 280px; }
.rating img { margin-right: 10px; }
.alert-success { background-position: 15px 15px; }
.stars-div {border: 0;float: left;position: relative;width: 80px;left: 200px; margin-left: auto; margin-right: auto;} 
.stars-div2 {border: 0;position: relative;width: 80px; margin-left: auto; margin-right: auto;} 
.cornerimage {border: 0;position: absolute;left: 0;overflow: hidden;} 
.cornerimage img{ max-width: 80px;}
.pct{ float: right; }


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.navbar .bg-danger{padding: .35em .65em;}


.banner-stars {
  border: 0;
  /*float: left;*/
  position: relative;
  width: 300px;
  /*left: 200px;*/
  margin-left: auto;
  margin-right: auto;
}
.score-total {
  border: 0;
  position: relative;
  width: 260px;
  margin: 0px auto;
}
.score-total img { max-width: 260px;}
.score-indiv { border: 0; position: relative; width: 150px;  margin: 0px auto;}
.score-indiv img { max-width: 150px;}
.cornerimage { border: 0; position: absolute; left: 0; overflow: hidden;}
#review .carousel-indicators [data-bs-target] { background-color: #000;}
#review .carousel-indicators { top: 100%; }
.review-container {
  height: 80px;
  line-height: 20.3px !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: inherit !important;
  overflow: auto !important;
    overflow-x: auto;
  overflow-x: auto;
  overflow-x: hidden !important;
  padding-right: 10px;
  scrollbar-color: #8d8d8d #e0e0e0;
  scrollbar-width: thin;
}

/* DEFAULT */
html,body{height: 100%;font-family: Georgia, Times New Roman, Times, serif;font-size: 1rem;line-height: 1.5;color: #071738;background-color: #efefef;}.container{max-width: 1366px;}.body-text-clr, a.body-text-clr, a.body-text-clr:link, a.body-text-clr:hover, .breadcrumb-item + .breadcrumb-item::before {color: #071738;}.box-container, .box-format, .product-item{color: #6c6c6c;background-color: #f8f8f8;}.box-container, .box-format, .product-item, .img-thumbnail{border: 1px solid #d8d8d8;}.body-format{color: #071738;background-color: #efefef;}.box-container .thead-inverse{color: #1e91cf;background-color: #efefef;}.list-view .product-item .product-caption{margin-left: 280px;}.border-top, .table td, .table th, .table tbody, .table tfoot, .table thead, .table tr {border-top: 1px solid #d8d8d8 !important;border-style: none;}.border-bottom {border-bottom: 1px solid #d8d8d8 !important;}.box-text-clr{color: #6c6c6c;}.clr-inverse, .step-title{color: #f8f8f8;background-color: #6c6c6c;}.txt-inverse{color: #f8f8f8;}.bg-inverse, .box-clr-fade{background-color: #6c6c6c;}.text-corp{color: #002f87;}.bg-corp, .bg-brand, .bg-about-pattern, .pattern{background-color: #002f87;}.bg-white-pattern{background-color: #efefef;}.bg-about-pattern, .input-group-text{color: #efefef;background-color: #071738;}a:link, a:visited{color: #1e91cf;}a:hover,a:active, a:focus{color: #002f87;}.rightList a:link, .rightList a:visited, .social-icons a:link, .social-icons a:visited{color: #6c6c6c;}.rightList a:hover, .rightList a:active, .rightList a:visited{color: #6c6c6c;}.bg-about-pattern a:link, .bg-about-pattern a:visited {color: #efefef;}.bg-about-pattern a:hover, .bg-about-pattern a:active, .bg-about-pattern a:visited{color: #efefef;}.banner-gallery .carousel-indicators li, .slider-gallery .carousel-indicators li{border: 1px solid #071738;}.banner-gallery .carousel-indicators li:hover, .banner-gallery .carousel-indicators li.active, .slider-gallery .carousel-indicators li:hover, .slider-gallery .carousel-indicators li.active{background-color: #071738;}.bg-menu, .affix .bg-menu{background-color: #002f87;}.navbar-expand-lg .navbar-nav .nav-link{font-family: Georgia, Times New Roman, Times, serif;font-size: 1.125rem;font-weight: 300;line-height: 2;}.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:focus{color: #ffffff;}.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active-page, .active-menu .dropdown-toggle, .navbar-brand, .navbar-brand:link, .navbar-brand:hover, .navbar-brand:active,.navbar-brand:focus{color: #66ccff;}.dropdown-menu{font-family: Georgia, Times New Roman, Times, serif;background: #ffffff;}.navbar-nav > li > .dropdown-menu::before{border-bottom: .5rem solid #ffffff;}.dropdown-menu .dropdown-item {color: #002f87;}.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{color: #66ccff;background-color: #002f87;}.navbar-light .navbar-toggler{color: #ffffff;}.pattern{color: #ffffff;border: 2px solid #66ccff;}.offered-price{color: #66ccff;}.main-header.fixed-top, .fixed-top{position: relative;}.body{margin-top: 0rem;}footer {font-family: Georgia, Times New Roman, Times, serif;font-size: 1rem;font-weight: 300;line-height: 1.5;color: #ffffff;}footer h3, footer h4, footer h5{color: #ffffff;}.bg-footer{background-color: #002448;}.footer-list, .footer-list a, .footer-list a:visited{color: #ffffff;}.footer-list a:hover, .footer-list a:active {color: #66ccff;}.footer-under-line{border-top: 1px solid #ffffff;}.btn-first, .btn-first a, .btn-first a:link, a.btn-first, #payment-form button{font-size: 1rem;color: #ffffff;background-color: #004ecc;border: 1px solid #002f87;}.btn-first:hover,.btn-first:active,.btn-first:focus, #payment-form button:hover, #payment-form button:active, #payment-form button:focus{color: #efefef;background-color: #002f87;border: 1px solid #002f87;}.btn-outline-first, .btn-outline-first a, .btn-outline-first a:link, a.btn-outline-first{font-size: 1rem;color: #004ecc;background-color: transparent;border: 1px solid #004ecc;}.btn-outline-first:hover,.btn-outline-first:active,.btn-outline-first:focus{color: #efefef;background-color: #002f87;border: 1px solid #002f87;}.btn-second, .btn-second a, .btn-second a:link, a.btn-second{font-size: 1rem;color: #ffffff;background-color: #ff6215;border: 1px solid #f04e00;}.btn-second:hover,.btn-second:active,.btn-second:focus{color: #efefef;background-color: #f04e00;border: 1px solid #f04e00;}.btn-third, .btn-third a, .btn-third a:link, a.btn-third{font-size: 1rem;color: #ffffff;background-color: #6c757d;border: 1px solid #565e64;}.btn-third:hover,.btn-third:active,.btn-third:focus{color: #ffffff;background-color: #5c636a;border: 1px solid #565e64;}

@media all and (max-width: 1050px) {
.navigation { padding:0; border:0; /*border-bottom:10px solid #fff*/}
/*.navigation ul { padding:0; float:none }*/
/*.navigation ul li { margin:0; /*width:11.1%;*/ /*border-left:5px solid #1a4d80*//*}*/
.navigation ul li:last-child { /*border-right:5px solid #1a4d80*/}
.navigation ul li ul li, .navigation ul li ul li:last-child { border-left:0; border-right:0 }
.navbar{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
}
@media all and (max-width: 979px) {
.dropdown-submenu .dropdown-menu { margin-top: 0px; top: 0px; left: 100%; }
.topbar .dropdown-menu{ top: 100%;}
.btn-list .btn{ margin: 5px 5px 5px 5px; }
 /*.topbar .navbar-nav{ display: inline; position: static; width: auto!important;}*/
}
@media all and (min-width: 797px) {
.navigation ul li ul li{ height:33px;}
ul.dropdown-menu li.dropdown-submenu:hover > ul.dropdown-menu { /*display: block;*/margin-top: -33px;}  
}
@media all and (min-width: 768px) {
a:hover.dropdown-toggle { /*display: block;*/ }
.topbar .dropdown-menu.show{/*display: block!important;*/ visibility: visible;z-index: 99999999!important;}
.topbar .navbar-nav .nav-link, .nav-link { padding-top: 3px; /*padding-left: 15px;*/  padding-bottom: 3px; /*padding-right: 15px;*/}
}

@media all and (max-width: 767px) { 
.dropdown-menu{ margin: 0.75rem; }
#content { min-height: auto; }
.min-height, .min-height-300, .min-height-500, .min-height-650 { min-height: auto; }
.col-sm-15{ border-bottom: 1px solid #006699;} 
.col-sm-15:last-child { bor der-bottom: 0px; }  
header {height:auto!important}
.navbar-brand {/*font-size: 22px;*/}
header .nav-top {padding-top:20px; height:80px}
.main-nav .container {padding:0}
.main-nav .container ul.nav {border-bottom:1px solid #ccc}
header.affix .nav-top { margin-top:0}
header.affix ul.nav {padding-left:0}
header.affix .minilogo {display:none}
/*.affix,.main-header.affix { display: none !important; }*/
.carousel-control-next-icon, .carousel-control-prev-icon { width: 30px; height: 54px;  }
.carousel-caption {top: 20%;  z-index: 10;padding-top: 20px;padding-bottom: 20px;}
section { padding-top: 15px;padding-bottom: 20px;}
.login-container { margin: 25px auto !important; padding: 0 5px;} 
.login-container .navbar-brand{ /*font-size: 30px;*/}
.login-body { padding: 15px 15px 10px 15px; }
.min-height-650, .min-height-500,.min-height-300 {/*min-height: 100%!important;*/ height: auto;}
.feedback-container {max-width: 100%; }
.project.col-md-4 { width: 100%; }
.project.col-md-4:nth-child(even) { width: 100%;}
.column-projects .project.col-md-4 { width: 100%; } 
.category-items{ width: 48%; } .caption .captionFrame { padding: 0px;}.caption .title {font-size: 14px; padding-top: 0px;}
.product-items{ width: 48%; } .caption .captionFrame { padding: 0px;}.caption .title {font-size: 14px; padding-top: 0px;}
.caption .websites, .caption .development, .caption .app, .caption .logos {margin: 0 0 5px;}  
.del-circle { margin-left: -15px; }
/*.form-control{ padding: 2px;}*/
.steps-container { margin: 120px auto 0px;}
ul.steps { clear: both; width: 100%; margin-left: 0; }
ul.steps li, ul.steps a {font-size: 11px;}
.steps-three li { width: 31%; }
/*.nav-tabs li:first-child { margin-left: 0px;}*/
.steps .btn{ font-size: 11px; }
ul.steps li::before {left: 50%; margin-left: -19px;}
.steps li.activated::after, .steps li.next::after, ul.steps, ul.steps::before, ul.steps li.visited::after { height: 3px; } 
/*.navbar-nav > li .counter { position: relative; top: -15px; margin-left: 1px; }*/
.list-view .product-item .product-caption { margin-left: 0px!important;}

.navigation ul li {/*border-left:2px solid #1a4d80*/}
.navigation ul li:last-child {/*border-right:2px solid #1a4d80*/}
.navigation ul li ul li,
.navigation ul li ul li:last-child {border-left:0;  border-right:0 }
.dropdown-submenu .dropdown-menu {left: 0; /*top: 35px;*/ z-index: 99999; }
.setup { width: 100%;} 
.navigation ul li ul li.expand { width: 100%; }  
.topbar ul li.nav-item::after { content: ''; }
.login-body { min-height: 20rem; }

} 
@media all and (max-width: 500px){
/*.steps-container { top: 50px; margin: 70px auto 110px;}*/
.category-items{ width: 98%;}  .caption .captionFrame { padding: 5px 11px 5px 10px;}
.product-items{ width: 98%;}  .caption .captionFrame { padding: 5px 11px 5px 10px;}
.btn { font-weight: 300; }
.item-prices{ margin-left: 28px; font-size: 14px; }
}
@media (min-width: 767px) {
  .list-view .product-item .product-image {
    float: left;
    padding-right: 15px;
  }
}
@media all and (min-width: 768px) {
.col-sm-15 { width: 48%; float: left;} 
.del-circle { margin-left: -5px;}
.warning-panel{ width: 60%; }
.image-gallery .image-holder { height: 245px;}
}
@media all and (max-width: 992px) {
/*.affix,.main-header.affix { display: none !important; }*/
.form-horizontal .col-form-label { text-align: left; }
.main-header.affix { position: relative; margin-top: 0px !important; }
.navbar{ margin-top: 0px !important;}
/*.display-3 { font-size: 2.3rem; margin-bottom: 1.3rem; }*/
.white-icons{ margin-top: 15px; }
.project.col-md-4 { width: 50%;}
.project.col-md-4:nth-child(even) { width: 50%;}
.project.col-md-4 .background-image-holder { width: 100%; }
.column-projects .project.col-md-4 {  width: 50%; }
/*header.affix .img-logo {left:10px;}*/
/*.navbar { padding: .5rem 1rem; }*/
}
@media all and (min-width: 992px) {
.col-md-15 { width: 48%; float: left;} 
.image-gallery .image-holder { height: 375px;}
}
@media all and (max-width: 1024px) { 
/*.navbar-nav{ width: 100%; }*/ .home-banner{ background-image: none; background-color:#ededed; } 
}
@media all and (min-width: 1024px) { 
.navbar-nav > li > .dropdown-menu::before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #FFFFFF; bottom: 100%; content: ""; left: 35px; position: absolute; }
.table-responsive {  overflow-x: visible !important; }
}
@media all and (min-width: 1200px) { .col-lg-15 { width: 20%;float: left;} }
@media only screen and (min-device-width: 300px) and (max-device-width: 1200px) {
  .navbar-nav .nav-link, .nav-link {
    padding: 5px 10px;
  }
}

.bg-topbar{  background-color: #F3F5F7; border-bottom: 1px solid #e2e2e2; }
.topbar {
  min-height: 30px;
  line-height: 1.5;
  color: #000;
  font-size: .95em;
  width: 100%;
  padding: 0px;
  margin: 0px;
  /*padding-block: 0.25rem; */
}
.topbar .navbar { padding: 0px; }
.topbar .navbar-nav li a, .topbar .navbar-nav li a:link { color: #000;}

.topbar .navbar-expand-lg .navbar-nav .nav-link, .topbar .navbar-nav .nav-link, .topbar .nav-link {
  padding-top: .5rem;
  padding-left: .5rem;
  padding-bottom: .5rem;
  padding-right: .5rem;
}
/*.topbar .dropdown{ top: 10px; }*/
.topbar .dropdown-menu .dropdown-item {
  display: inline;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #428bca !important;

}
.topbar .nav-link { display: block; }
.topbar .dropdown-item:focus, .dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef;
}
.topbar .dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem .5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.topbar .dropdown-menu .dropdown-item {
   display: block;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #428bca !important;
}
.topbar .navbar-nav li a, .topbar .navbar-nav li a:link {
  color: #000;
}
.topbar .dropdown-item:focus, .topbar .dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef;
}
.topbar .social-icons{ max-height: auto; }
  
.topbar .social-icons a {
  font-size: 1.5rem;
  display: block;
  margin-right: .5rem;

}

.customer-area { font-size: .9rem; font-weight: normal; margin: 0px;  padding: .5rem .785rem; }
.customer-area li { height: 1.8rem; line-height: 1.8rem; border: none; }
.customer-area li a:hover{ background-color: #efefef; }
.navigation ul li ul.customer-area li { height: 1.8rem; border-bottom: none; }
.customer-area li a { padding: .1rem .5rem; color: #333; display: block; border: none; }
.account-submenu{ padding-left: .5rem;  }

.sm-align-start { text-align: left; font-weight: bold; }

.shopping-cart {
    background-color: #db1802;
    border-color: #db1802;
    color: #fff;
    font-size: .8rem;
    margin-top: -.8rem;
    margin-left: 0.15rem;
}
.badge {
    font-family: Arial, Helvetica, sans-serif;
    display: inline;
    vertical-align: text-top;
}

@media (max-width: 767px) {
.topbar .social-icons a {
  font-size: 1.5rem;
  display: block;
  margin-right: .3rem;
}
}
@media (min-width: 768px) {
  .topbar .navbar-nav .nav-link, .nav-link {
    /*padding-top: 3px;
    padding-left: 15px;
    padding-bottom: 3px;
    padding-right: 15px;*/
  }
  .sm-align-start {
    text-align: right;
  }
}
@media (min-width: 1024px) {
  .topbar .navbar-nav > li > .dropdown-menu::before {  
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-bottom: 8px solid #FFFFFF;
    bottom: 100%;
    content: "";
    right: 35px;
	left: 130px;
    position: absolute;   
  }
}