/**
 * Primary Color
 *
 * Choose a value that works well with white foreground text.
 * Used for links, headers, buttons and the content row color
 * section, as well as other core elements.
 *
 * Default: #0098ef
 */
.text-color-primary
{
	color: #0098EF !important;
}

a,table tr .highlight,table.table-layout-product-comparison tr.product-header td p.product-price,button,.button,.icon-feature,.icon-feature-large,.icon-feature-inline,.product-box .product-price,.product-slider > ul li:last-of-type .price .value,.product-configurator .configurator-order .configurator-total .value,.tab-group > ul li,.tab-group .tab-item .tab-item-title,#video-overlay-icon,#nav-overlay.nav-overlay-light nav .nav-primary > li a:not(.button),#nav-overlay.nav-overlay-gray nav .nav-primary > li a:not(.button),#nav-overlay.nav-overlay-dark nav .nav-primary > li a:not(.button),#nav-overlay-open.nav-overlay-light,#nav-overlay-close.nav-overlay-light,#nav-overlay-open.nav-overlay-gray,#nav-overlay-close.nav-overlay-gray,#nav-overlay-open.nav-overlay-dark,#nav-overlay-close.nav-overlay-dark,#content > .content-row .content-slider > ul li.active,#content > .content-row.content-row-color ul.list-style-nav li a:not(.button),#content > .content-row.content-row-color table a:not(.button),#content > .content-row.content-row-color pre a:not(.button),#content > .content-row.content-row-color .pre-code a:not(.button),#content > .content-row.content-row-color .tags li a:not(.button),#content > .content-row.content-row-color .feature-box a:not(.button),#content > .content-row.content-row-color .product-box a:not(.button),#content > .content-row.content-row-color .product-slider a:not(.button),#content > .content-row.content-row-color .product-configurator a:not(.button),#content > .content-row.content-row-color .network-map ul li span.label-top-left,#content > .content-row.content-row-color .network-map ul li span.label-top-right,#content > .content-row.content-row-color .network-map ul li span.label-bottom-left,#content > .content-row.content-row-color .network-map ul li span.label-bottom-right,#content > .content-row.content-row-color .testimonial .testimonial-content a:not(.button),#content > .content-row.content-row-color .blog-comment-group .blog-comment-content a:not(.button)
{
	color: #0098EF;
}

table caption,button.button-primary,.button.button-primary,ul.tags li a,.product-box .product-popular,.product-slider .slider .range,.product-configurator .slider .range,.network-map ul li,.network-map ul li span.label-top-left,.network-map ul li span.label-top-right,.network-map ul li span.label-bottom-left,.network-map ul li span.label-bottom-right,.network-map ul li span.label-top-left::before,.network-map ul li span.label-top-right::before,.network-map ul li span.label-bottom-left::before,.network-map ul li span.label-bottom-right::before,.tab-group.tab-group-switch-style > ul li.active,.gallery.gallery-slider .gallery-previous:hover,.gallery.gallery-slider .gallery-next:hover,.video-overlay.video-overlay-has-icon:hover #video-overlay-icon,#nav-overlay-background,#header,#content > .content-row .content-slider > ul li.active:empty,#content > .content-row.content-row-color,#content > .content-row.content-row-color.content-row-split-left::after,#content > .content-row.content-row-color.content-row-split-right::after,#content > .content-row.content-row-color .content-box,#content > .content-row.content-row-color .tab-group .tab-item .tab-item-title,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) > ul li,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) > ul li::after,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,.footer-color
{
	background-color: #0098EF;
}

input:not(.no-custom-style):focus,select:not(.no-custom-style):focus,textarea:not(.no-custom-style):focus,form .checkbox-style.focus,form .radio-style.focus,form .select-style input.focus,.product-box.product-box-popular,.product-slider .slider .range .handle,.product-configurator .slider .range .handle,.pagination > li.active a
{
	border-color: #0098EF;
}

/**
 * Secondary Color
 *
 * Choose a value that works well with dark foreground text
 * and complements your primary color. Used for buttons and
 * various secondary elements.
 *
 * Default: #ffcc33
 */
.text-color-secondary
{
	color: #ffcc33 !important;
}

#notification p a,#content > .content-row.content-row-color a:not(.button),#content > .content-row.content-row-color .icon-feature,#content > .content-row.content-row-color .icon-feature-large,#content > .content-row.content-row-color .icon-feature-inline,#content > .content-row.content-row-color .content-slider > ul li.active,#content > .content-row.content-row-color .tab-group .tab-item .tab-item-title,#content > .content-row.content-row-color .tab-group:not(.tab-group-switch-style) > ul li
{
	color: #ffcc33;
}

mark,button.button-secondary,.button.button-secondary
{
	background-color: #ffcc33;
}

#content > .content-row.content-row-color .pagination > li.active a
{
	border-color: #ffcc33;
}

/**
 * Header Background
 *
 * The header uses the primary color by default but can be
 * changed to a different color or gradient if desired.
 *
 * Default: #0098ef
 */
#header,#nav-overlay-background
{
}

/**
 * Notification Background4F487A
 *
 * Choose a value that works well combined with your color
 * scheme and white foreground text. The custom styles for
 * success, error and warning classes are unaffected.
 *
 * Default: #00629a
 */
#notification
{
	background-color: #00629A;
}

/**
 * Content Row Background
 *
 * This section uses the primary color by default but can be
 * changed to a different color or gradient if desired.
 *
 * Default: #0098ef
 */
#content > .content-row.content-row-color,
#content > .content-row.content-row-color.content-row-split-left::after,
#content > .content-row.content-row-color.content-row-split-right::after
{
	background-color: #0098EF;
}

/**
 * Footer Background
 *
 * The footer uses the primary color by default but can be
 * changed to a different color or gradient if desired. Make
 * sure to add the custom class to the body element.
 *
 * Default: #0098ef
 */
 .footer-color
 {
 }
 .justify{
     text-align: justify;
 }
 .get_in_touch {
    background: #178ae3;
    height: auto;/* 44px*/
    padding: 40px 0px 44px 0px;
}

.get_in_touch h2 {
    line-height: 50px;
    height: auto;/*height: 48px;*/
    color: #fff;
    float: left;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 26px;
}


.get_in_touch ul {
    float: right;
    width: auto;
    display: inline-block;
}

.get_in_touch ul li {
    float: left;
    line-height: 20px;
    height: auto; /*height: 48px;*/
    color: #cae0ff;
    padding-right: 76px;
    cursor: pointer;
    display: inline-block;
}

.get_in_touch ul li img {
    float: left;
    margin-right: 16px;
    margin-top: 6px;
}
.get_in_touch ul li h3 {
    font-size: 20px;
    color: #fff;
    display: block;
    float: left;
    font-family: 'Gotham-Medium', sans-serif;
    line-height: 24px;
}
.get_in_touch ul li h3 small {
    line-height: 20px;
    color: #cae0ff;
    font-size: 13px;
    letter-spacing: 0.75px;
    font-family: 'Gotham-Medium', sans-serif;
    text-transform: uppercase;
}

.get_in_touch ul li img {
    float: left;
    margin-right: 16px;
    margin-top: 6px;
}
 /*Contact us css*/
.silver {
	background-color:  #f7f7f7;
	 
}
.pad-0 {
	padding: 0 0 0 0 !important;
}
.clear{clear:both}
.tcontainer{ overflow:hidden}
.pull-60 {
    position: relative;
    bottom: 60px;
}
.radius4 { border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}
.radius5 { border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.radius8 { border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.shadow{
    -moz-box-shadow: 0px 0px 30px 0px rgba(47,47,47,0.1);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(47,47,47,0.1);
    box-shadow: 0px 0px 30px 0px rgba
}
.shadow:hover {
    cursor: default;
}
.toscontainer {
    border-radius: 5px;
    background: #fff;
    width: 85%;
    margin: 35px auto 35px auto; 
    overflow: hidden;
    text-align: justify;
}
.whitecontainer {
    border-radius: 5px;
    padding: 10px;
    background: #fff;
    width: 95%;
    margin: 0 auto; margin-bottom:35px;overflow: hidden;
}
.floatright {
 float:right !important
}
.floatleft {
 float:left!important
}
.tcontainer.team {
	background-image: url(../img/team-demo.jpg);
	background-repeat: no-repeat;
	background-position: left top;    margin: 90px auto;
    padding: 50px 0 0 0;
}
.tcontainer.team.map {
    background-image: url(../img/icons/map.png);
}
.management {
    width: 60%;
    background:  #f7f7f7;
    float: right;
    padding: 50px;        margin: 15px;
	    -moz-box-shadow: 5px 5px 30px 0px rgba(47,47,47,0.1);
    -webkit-box-shadow: 5px 5px 30px 0px rgba(47,47,47,0.1);
    box-shadow: 5px 5px 30px 0px rgba(47,47,47,0.1);
}
.onefird {width:33%}
.twofird {width:66%}
#support-links {
    padding-top: 5px;
}
#support-links li {
    margin-bottom: 10px;
    border: 1px solid #50d4a7;
    background: #edfbf7;
    overflow: hidden;
    line-height: 40px; -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#support-links a {
    color: #14b77a;
    font-size: 22px;
    text-decoration: none;
    display: block;
    padding: 30px 20px 25px 20px;
    letter-spacing: 0px; -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#support-links i.icon.fa.fa-file-text-o, #support-links i.icon.fa.fa-file-video-o,#support-links i.icon.fa.fa-reorder,#support-links i.icon.fa.fa-pencil-square-o {
    display: block;
    padding: 21px;
  
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    position: relative;
    bottom: 15px;
    margin-right: 20px;
    line-height: 23px;
}

#support-links a:hover {
    color: #14b77a;
}

#support-links li:hover {
    background: #f3f5f8;
   
    border: solid 1px #a6d6e9
}

#support-links a:hover {
    color: #247bce;
}
.halfcol {
    width: 50%;
    float: left;
}
.lined {
    padding-bottom: 30px;
}
.lined span{
    display: block;
    background: #2E68F1;
    width: 240px;
    height: 3px;margin-top: 30px;
}

.skyblue .lined span {
    background: #fff;
}
.pad-0 {
	padding: 0 0 0 0 !important;
}
.pad-50 {
	padding: 150 150 150 150 !important;
}
.pad-90 {
	padding: 90px 0!important;
}
.pad-60 {
	padding: 60px 0!important;
}

.pad-50 {
	padding: 50px 0!important;
}
.pt-50 {
	padding-top: 50px!important;
}
.pt-10 {
	padding-top: 10px!important;
}
.pt-0 {
	padding-top: 0px!important;
}
.pad-30 {
	padding: 30px 0!important;
}
.pad-20 {
	padding: 20px 0!important;
}
.pad-10 {
	padding: 10px 0!important;
}
.mr-0 {
	margin-right:  0 !important;
}

.ml-0 {
	margin-left:  0!important;
}
.mr-10 {
	margin-right:  10px !important;
}

.ml-10 {
	margin-left:  10px!important;
}
.mr-5 {
	margin-right:  5px !important;
}

.ml-5 {
	margin-left:  5px !important;
}
.pad-side-30{ padding: 0px 30px!important;}
.pad-side-20{ padding: 0px 20px!important;}
.pad-side-10{ padding: 0px 10px!important;}

.pad-l-50{ padding-left: 50px!important;}
.pad-l-30{ padding-left: 30px!important;}
.pad-l-20{ padding-left: 20px!important;}
.pad-l-10{ padding-left: 10px!important;}
.pad-r-0{ padding-right: 0px!important;}

.pad-r-50{ padding-right: 50px!important;}
.pad-r-30{ padding-right: 30px!important;}
.pad-r-20{ padding-right: 20px!important;}
.pad-r-10{ padding-right: 10px!important;}
.pad-b-50{ padding-bottom:50px!important;}
.pad-b-40{ padding-bottom:40px!important;}
.pad-b-30{ padding-bottom:30px!important;}
.pad-b-20{ padding-bottom: 20px!important;}
.pad-b-10{ padding-bottom: 10px!important ;}
.pad-b-0{ padding-bottom:  0px!important ;}
.pad-t-50{ padding-top:50px!important;}
.pad-t-40{ padding-top:40px!important;}
.pad-t-30{ padding-top:30px!important;}
.pad-t-20{ padding-top: 20px!important;}
.pad-t-10{ padding-top: 10px!important ;}
.pad-t-0{ padding-top:  0px!important ;}
.m-t-50{ margin-top:50px!important;}
.m-t-40{ margin-top:40px!important;}
.m-t-30{ margin-top:30px!important;}
.m-t-20{ margin-top: 20px!important;}
.m-t-10{ margin-top: 10px!important ;}
.m-t-0{ margin-top:  0px!important ;}
ul.dotted li:before {
    content: "\2022";
    display: inline-block;
    font-size: 1.5em;
    width: 0.8em;
    line-height: 20px;
    color: #0c68c3;
}


/* FAQ CSS */
.faq a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
}
.faq a:hover,
.faq a:hover::after {
  cursor: pointer;
  color: #ff5353;
}
.faq a:hover::after {
  border: 1px solid #ff5353;
}
.faq a.active {
  color: #ff5353;
  border-bottom: 1px solid #ff5353;
}
.faq a::after {
  font-family: 'Ionicons';
  content: '\f218';
  position: absolute;
  float: right;
  right: 1rem;
  font-size: 1rem;
  color: #7288a2;
  padding: 5px;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #7288a2;
  text-align: center;
}
.faq a.active::after {
  font-family: 'Ionicons';
  content: '\f209';
  color: #ff5353;
  border: 1px solid #ff5353;
}
.accordion .content {
  opacity: 0;
  padding: 0 1rem;
  max-height: 0;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  clear: both;
  -webkit-transition: all 0.2s ease 0.15s;
  -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s;
}
.faq .content p {
  font-size: 1rem;
  font-weight: 300;
}
.faq .content.active {
  opacity: 1;
  padding: 1rem;
  max-height: 100%;
  -webkit-transition: all 0.35s ease 0.15s;
  -o-transition: all 0.35s ease 0.15s;
  transition: all 0.35s ease 0.15s;
}