html,body{
	font-family: 'Montserrat', sans-serif;

	font-size: 16px;
}
a:hover{text-decoration: none;}
a {outline : none;}
/* Footer */
.sap-hor{
	background: #C0CCDA;
	height: 1px;
	width: 100%;
	margin: 3.375em 0;
}

.border-radius{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

[class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-right: 5px;
padding-left: 5px;}

.row{
  margin-right: -5px;
  margin-left: -5px;

}

.o-hidden{ overflow: hidden; }



.container-fluid{ /*max-width: 1730px; */margin:0 auto;}
.container-full{ width: 100%;padding: 0 15px; }
.container-xl{max-width: 1170px;}


.section{margin:0 auto;position: relative; padding:4em 0em;}


.section-big-image{}
.section-big-image .bg{ padding-bottom: 40%; }
.bg-size-cover {background-size: cover; }
.section-big-image .bg.bottom{background-position: center bottom;}
.section-big-image .bg.top{background-position: center top;}
.section-big-image .bg.top-left{background-position: left top;}
.section-big-image .bg.top-right{background-position: right top;}


.section .content{ padding:3em 0; }
.section.section-big-image .content{ position: absolute;z-index: 10;left: 0; right: 0; }
.section.section-big-image .content.top{ top: 0; }
.section.section-big-image .content.bottom{ bottom: 0; }
.section.section-big-image .content.middle{ top: 50%; transform: translate(0,-50%);  }

.section.full-height{ height: 100vh }
.section.full-height .bg{ height: 100vh }

.section-right-bg .bg{ width: 45%; right: 0px; margin-left: auto; position: absolute; height: 100%;}
.section-left-bg .bg{ width: 45%; left: 0px; margin-right: auto; position: absolute; height: 100%;}


.title{ margin-bottom: 2em; }
.title h2{ font-size: 2.325em; font-weight: 300; color: #020D3A }
.title h2 span{ font-size: 0.450em; display: block; text-transform: uppercase; }
.title h1{font-size: 3.75em; font-weight:500; color: #020D3A;}



.box-ver{ padding-bottom: 100%; position: relative;}
.box-ver .content{ position: absolute;z-index: 10;left: 0; right: 0; padding: 4em;}

/* .scene{ background: #70998e; }
.section .image-right{ width: 60%; position: absolute; right: 0px; bottom: 0px}
.section .image-right img{ width: 100% }
.section .image-right img.overlay{ position: absolute; right: 0px; bottom: 0px; display: none;} */

.mb{margin-bottom: 10px;}
.mt{margin-top: 10px;}

.has-relative{ z-index: 99; position: relative; }

p.lead{ font-size: 1.875em }

.compaq{ max-width: 991px; margin: 0 auto; }

.gray-bg{ background: #fcbf2a; }
.gray-bg-half{}
.gray-bg-half:after{ content: ""; position: absolute; height: 50%; width: 100%;background: #E5E9F2;z-index: -1}
.gray-bg-half.bottom-half:after{ bottom: 0;}
.gray-bg-half.top-half:after{top: 0;}

.dark-gray-bg{ background: #8392A5; }
.dark-gray-bg-half{}
.dark-gray-bg-half:after{ content: ""; position: absolute; height: 50%; width: 100%;background: #8392A5;z-index: -1}
.dark-gray-bg-half.bottom-half:after{ bottom: 0;}
.dark-gray-bg-half.top-half:after{top: 0;}


.cta{background: #E5E9F2; padding: 3em; margin-top: 10px;}
.cta h3{ font-size: 1.875em; font-weight: 800; color:#020D3A }
.cta p{ margin-bottom: 0; }

.invert,.invert .title h2 ,.invert .title h1,.invert p{ color: #fff !important; }


.box-icon-bg{ text-align: center; border-radius:6px; padding: 1.8em; position: relative; }
.box-icon-bg p{margin-top: 15px; width: 100%; color: #000; }
.box-icon-bg:hover{ -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.1); }
.box-icon-bg .icon{ margin:0 auto 0em auto; display: block; position: relative;}
.box-icon-bg .icon img{ position: absolute; top: 50%; left: 50%;transform: translate(-50%,-50%); height: 100%; width: 100%; }

.box-icon{ padding: 0 0.5em; text-align: center;}
.box-icon svg{ height: 64px; width: 64px; display: block;margin: 0 auto; fill: #018EFF}
.box-icon p{ margin-bottom: 0; }
.box-icon img{ width: 64px; height: 64px;  margin: 0 auto; margin-bottom: 1em; display: block;}


/* Buttons */
.btn-green{ background: #94CA51;  font-size: 0.875em; text-transform: uppercase; border-radius: 100px; font-weight: 700; color: #fff; padding: 0.6em 2em; border: 2px solid transparent; }
.btn-green:hover{ background: #fff; color:#020D3A; border-color:#94CA51;-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); }

.btn-gray{ background: #E5E9F2;  font-size: 0.875em; text-transform: uppercase; border-radius: 100px; font-weight: 700; color: #020D3A; padding: 0.6em 2em;}
.btn-gray:hover{ background: #020D3A; color: #fff;-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); }

.btn-blue{ background: #018EFF;  font-size: 0.875em; text-transform: uppercase; border-radius: 100px; font-weight: 700; color: #fff; padding: 0.6em 2em;}
.btn-blue:hover{ background: #020D3A; color: #fff;-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2);
box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.2); }

.btn-lg{padding: 0.9em 2em;font-size: 1em;}

.sticky{ position: fixed;top:0px; left: 0px; right: 0px; background: #fff; z-index: 9 }

.form-control{ padding: 1em;height: auto;}

.feather{transition: all 0.3s ease-in-out;}


.rounded-image{ position: relative; }
.bubble-rt .bubble-icon{ right: 5%; top: 5%; }
.bubble-lt .bubble-icon{ left: 5%; top: 5%; }
.bubble-rb .bubble-icon{ right: 5%; bottom: 5%; }
.bubble-lb .bubble-icon{ left: 5%; bottom: 5%; }

.bubble-icon{position: absolute; width: 120px; height: 120px; border-radius: 50%; background-color: #018EFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;box-shadow: 5px 5px 20px rgba(0,0,0,0.15); }
.bubble-icon img{max-width: 60%;height: auto; max-height: 60%;}


.desc .info-box{background: rgba(255,255,255,0.8); border-radius: 8px; border:1px solid #fff; padding: 1.5em; margin-top: 2em; display: -ms-inline-flexbox !important;
display: inline-flex !important; -ms-flex-align: center !important;
align-items: center !important; width: auto;}
.desc .info-box img{max-width: 64px; max-height: 64px; height: 45px;}
.desc .info-box p{margin-bottom: 0px; font-size: 1.3em; margin-left: 1em; line-height: normal; color: #018EFF !important}
.desc .info-box.gray-bg{background: rgba(229,233,242,0.8);border:1px solid #E5E9F2;}


.flogo ul{padding:0px; list-style:none; margin-bottom:0px; }
.flogo ul li{display: inline-block;margin-bottom: 0; margin-bottom: 0;font-size:16px;  padding-left:0.8em; }

footer{background: #000; padding:1em;}
footer .flogo a{color:#fff;}
footer{color:#fff;}

.bg-gray {background: #fcbf2a;/*background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%);background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );*/}
.bcut:after {content: "";position: absolute; height: 100px;bottom: 0;width: 100%;background-size: 100% auto;padding-bottom: 4;}
.colorsap:after {    height: 31%;
    position: absolute;
    left: 0px;
    right: 0;
    z-index: 0;
    bottom: 10.3%;
    content: '';
    width: 11%;
    background: #fcbf2a;}

.colorsap:before {    height: 31%;
    position: absolute;
   
    right: 0;
    z-index: 0;
    bottom: 10.3%;
    content: '';
    width: 18%;
    background: #fcbf2a;}


.mt-0{margin-top:0em !important;}
.mt-1{margin-top:1em !important;}
.mt-2{margin-top:2em !important;}
.mt-3{margin-top:3em !important;}
.mt-4{margin-top:4em !important;}
.mt-5{margin-top:5em !important;}
.mt-6{margin-top:6em !important;}
.mt-7{margin-top:7em !important;}
.mt-8{margin-top:8em !important;}
.mt-9{margin-top:9em !important;}
.mt-10{margin-top:10em !important;}
.mb-0{margin-bottom:0em !important;}
.mb-1{margin-bottom:1em !important;}
.mb-2{margin-bottom:2em !important;}
.mb-3{margin-bottom:3em !important;}
.mb-4{margin-bottom:4em !important;}
.mb-5{margin-bottom:5em !important;}
.mb-6{margin-bottom:6em !important;}
.mb-7{margin-bottom:7em !important;}
.mb-8{margin-bottom:8em !important;}
.mb-9{margin-bottom:9em !important;}
.mb-10{margin-bottom:10em !important;}
.ml-0{margin-left:0em !important;}
.ml-1{margin-left:1em !important;}
.ml-2{margin-left:2em !important;}
.ml-3{margin-left:3em !important;}
.ml-4{margin-left:4em !important;}
.ml-5{margin-left:5em !important;}
.ml-6{margin-left:6em !important;}
.ml-7{margin-left:7em !important;}
.ml-8{margin-left:8em !important;}
.ml-9{margin-left:9em !important;}
.ml-10{margin-left:10em !important;}
.mr-0{margin-right:0em !important;}
.mr-1{margin-right:1em !important;}
.mr-2{margin-right:2em !important;}
.mr-3{margin-right:3em !important;}
.mr-4{margin-right:4em !important;}
.mr-5{margin-right:5em !important;}
.mr-6{margin-right:6em !important;}
.mr-7{margin-right:7em !important;}
.mr-8{margin-right:8em !important;}
.mr-9{margin-right:9em !important;}
.mr-10{margin-right:10em !important;}
.m-0{margin:0em !important;}
.m-1{margin:1em !important;}
.m-2{margin:2em !important;}
.m-3{margin:3em !important;}
.m-4{margin:4em !important;}
.m-5{margin:5em !important;}
.m-6{margin:6em !important;}
.m-7{margin:7em !important;}
.m-8{margin:8em !important;}
.m-9{margin:9em !important;}
.m-10{margin:10em !important;}
.pt-0{padding-top:0em !important;}
.pt-1{padding-top:1em !important;}
.pt-2{padding-top:2em !important;}
.pt-3{padding-top:3em !important;}
.pt-4{padding-top:4em !important;}
.pt-5{padding-top:5em !important;}
.pt-6{padding-top:6em !important;}
.pt-7{padding-top:7em !important;}
.pt-8{padding-top:8em !important;}
.pt-9{padding-top:9em !important;}
.pt-10{padding-top:10em !important;}
.pb-0{padding-bottom:0em !important;}
.pb-1{padding-bottom:1em !important;}
.pb-2{padding-bottom:2em !important;}
.pb-3{padding-bottom:3em !important;}
.pb-4{padding-bottom:4em !important;}
.pb-5{padding-bottom:5em !important;}
.pb-6{padding-bottom:6em !important;}
.pb-7{padding-bottom:7em !important;}
.pb-8{padding-bottom:8em !important;}
.pb-9{padding-bottom:9em !important;}
.pb-10{padding-bottom:10em !important;}
.pl-0{padding-left:0em !important;}
.pl-1{padding-left:1em !important;}
.pl-2{padding-left:2em !important;}
.pl-3{padding-left:3em !important;}
.pl-4{padding-left:4em !important;}
.pl-5{padding-left:5em !important;}
.pl-6{padding-left:6em !important;}
.pl-7{padding-left:7em !important;}
.pl-8{padding-left:8em !important;}
.pl-9{padding-left:9em !important;}
.pl-10{padding-left:10em !important;}
.pr-0{padding-right:0em !important;}
.pr-1{padding-right:1em !important;}
.pr-2{padding-right:2em !important;}
.pr-3{padding-right:3em !important;}
.pr-4{padding-right:4em !important;}
.pr-5{padding-right:5em !important;}
.pr-6{padding-right:6em !important;}
.pr-7{padding-right:7em !important;}
.pr-8{padding-right:8em !important;}
.pr-9{padding-right:9em !important;}
.pr-10{padding-right:10em !important;}
.p-0{padding:0em !important;}
.p-1{padding:1em !important;}
.p-2{padding:2em !important;}
.p-3{padding:3em !important;}
.p-4{padding:4em !important;}
.p-5{padding:5em !important;}
.p-6{padding:6em !important;}
.p-7{padding:7em !important;}
.p-8{padding:8em !important;}
.p-9{padding:9em !important;}
.p-10{padding:10em !important;}


.r11{position:relative;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r11:before{display:block;content:" ";width:100%;padding-top:100%;}

.swiper-button-next:after, .swiper-button-prev:after{ display: none; }

.setbg{ background-position: center center; }

/* Fonts */

@font-face {
  font-family: "feather";
  src: url('../fonts/feather.eot?t=1525787366991'); /* IE9*/
  src: url('../fonts/feather.eot?t=1525787366991#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/feather.woff?t=1525787366991') format('woff'), /* chrome, firefox */
  url('../fonts/feather.ttf?t=1525787366991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/feather.svg?t=1525787366991#feather') format('svg'); /* iOS 4.1- */
}
.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'feather' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-alert-octagon:before { content: "\e81b"; }
.icon-alert-circle:before { content: "\e81c"; }
.icon-activity:before { content: "\e81d"; }
.icon-alert-triangle:before { content: "\e81e"; }
.icon-align-center:before { content: "\e81f"; }
.icon-airplay:before { content: "\e820"; }
.icon-align-justify:before { content: "\e821"; }
.icon-align-left:before { content: "\e822"; }
.icon-align-right:before { content: "\e823"; }
.icon-arrow-down-left:before { content: "\e824"; }
.icon-arrow-down-right:before { content: "\e825"; }
.icon-anchor:before { content: "\e826"; }
.icon-aperture:before { content: "\e827"; }
.icon-arrow-left:before { content: "\e828"; }
.icon-arrow-right:before { content: "\e829"; }
.icon-arrow-down:before { content: "\e82a"; }
.icon-arrow-up-left:before { content: "\e82b"; }
.icon-arrow-up-right:before { content: "\e82c"; }
.icon-arrow-up:before { content: "\e82d"; }
.icon-award:before { content: "\e82e"; }
.icon-bar-chart:before { content: "\e82f"; }
.icon-at-sign:before { content: "\e830"; }
.icon-bar-chart-2:before { content: "\e831"; }
.icon-battery-charging:before { content: "\e832"; }
.icon-bell-off:before { content: "\e833"; }
.icon-battery:before { content: "\e834"; }
.icon-bluetooth:before { content: "\e835"; }
.icon-bell:before { content: "\e836"; }
.icon-book:before { content: "\e837"; }
.icon-briefcase:before { content: "\e838"; }
.icon-camera-off:before { content: "\e839"; }
.icon-calendar:before { content: "\e83a"; }
.icon-bookmark:before { content: "\e83b"; }
.icon-box:before { content: "\e83c"; }
.icon-camera:before { content: "\e83d"; }
.icon-check-circle:before { content: "\e83e"; }
.icon-check:before { content: "\e83f"; }
.icon-check-square:before { content: "\e840"; }
.icon-cast:before { content: "\e841"; }
.icon-chevron-down:before { content: "\e842"; }
.icon-chevron-left:before { content: "\e843"; }
.icon-chevron-right:before { content: "\e844"; }
.icon-chevron-up:before { content: "\e845"; }
.icon-chevrons-down:before { content: "\e846"; }
.icon-chevrons-right:before { content: "\e847"; }
.icon-chevrons-up:before { content: "\e848"; }
.icon-chevrons-left:before { content: "\e849"; }
.icon-circle:before { content: "\e84a"; }
.icon-clipboard:before { content: "\e84b"; }
.icon-chrome:before { content: "\e84c"; }
.icon-clock:before { content: "\e84d"; }
.icon-cloud-lightning:before { content: "\e84e"; }
.icon-cloud-drizzle:before { content: "\e84f"; }
.icon-cloud-rain:before { content: "\e850"; }
.icon-cloud-off:before { content: "\e851"; }
.icon-codepen:before { content: "\e852"; }
.icon-cloud-snow:before { content: "\e853"; }
.icon-compass:before { content: "\e854"; }
.icon-copy:before { content: "\e855"; }
.icon-corner-down-right:before { content: "\e856"; }
.icon-corner-down-left:before { content: "\e857"; }
.icon-corner-left-down:before { content: "\e858"; }
.icon-corner-left-up:before { content: "\e859"; }
.icon-corner-up-left:before { content: "\e85a"; }
.icon-corner-up-right:before { content: "\e85b"; }
.icon-corner-right-down:before { content: "\e85c"; }
.icon-corner-right-up:before { content: "\e85d"; }
.icon-cpu:before { content: "\e85e"; }
.icon-credit-card:before { content: "\e85f"; }
.icon-crosshair:before { content: "\e860"; }
.icon-disc:before { content: "\e861"; }
.icon-delete:before { content: "\e862"; }
.icon-download-cloud:before { content: "\e863"; }
.icon-download:before { content: "\e864"; }
.icon-droplet:before { content: "\e865"; }
.icon-edit-2:before { content: "\e866"; }
.icon-edit:before { content: "\e867"; }
.icon-edit-1:before { content: "\e868"; }
.icon-external-link:before { content: "\e869"; }
.icon-eye:before { content: "\e86a"; }
.icon-feather:before { content: "\e86b"; }
.icon-facebook:before { content: "\e86c"; }
.icon-file-minus:before { content: "\e86d"; }
.icon-eye-off:before { content: "\e86e"; }
.icon-fast-forward:before { content: "\e86f"; }
.icon-file-text:before { content: "\e870"; }
.icon-film:before { content: "\e871"; }
.icon-file:before { content: "\e872"; }
.icon-file-plus:before { content: "\e873"; }
.icon-folder:before { content: "\e874"; }
.icon-filter:before { content: "\e875"; }
.icon-flag:before { content: "\e876"; }
.icon-globe:before { content: "\e877"; }
.icon-grid:before { content: "\e878"; }
.icon-heart:before { content: "\e879"; }
.icon-home:before { content: "\e87a"; }
.icon-github:before { content: "\e87b"; }
.icon-image:before { content: "\e87c"; }
.icon-inbox:before { content: "\e87d"; }
.icon-layers:before { content: "\e87e"; }
.icon-info:before { content: "\e87f"; }
.icon-instagram:before { content: "\e880"; }
.icon-layout:before { content: "\e881"; }
.icon-link-2:before { content: "\e882"; }
.icon-life-buoy:before { content: "\e883"; }
.icon-link:before { content: "\e884"; }
.icon-log-in:before { content: "\e885"; }
.icon-list:before { content: "\e886"; }
.icon-lock:before { content: "\e887"; }
.icon-log-out:before { content: "\e888"; }
.icon-loader:before { content: "\e889"; }
.icon-mail:before { content: "\e88a"; }
.icon-maximize-2:before { content: "\e88b"; }
.icon-map:before { content: "\e88c"; }
.icon-map-pin:before { content: "\e88e"; }
.icon-menu:before { content: "\e88f"; }
.icon-message-circle:before { content: "\e890"; }
.icon-message-square:before { content: "\e891"; }
.icon-minimize-2:before { content: "\e892"; }
.icon-mic-off:before { content: "\e893"; }
.icon-minus-circle:before { content: "\e894"; }
.icon-mic:before { content: "\e895"; }
.icon-minus-square:before { content: "\e896"; }
.icon-minus:before { content: "\e897"; }
.icon-moon:before { content: "\e898"; }
.icon-monitor:before { content: "\e899"; }
.icon-more-vertical:before { content: "\e89a"; }
.icon-more-horizontal:before { content: "\e89b"; }
.icon-move:before { content: "\e89c"; }
.icon-music:before { content: "\e89d"; }
.icon-navigation-2:before { content: "\e89e"; }
.icon-navigation:before { content: "\e89f"; }
.icon-octagon:before { content: "\e8a0"; }
.icon-package:before { content: "\e8a1"; }
.icon-pause-circle:before { content: "\e8a2"; }
.icon-pause:before { content: "\e8a3"; }
.icon-percent:before { content: "\e8a4"; }
.icon-phone-call:before { content: "\e8a5"; }
.icon-phone-forwarded:before { content: "\e8a6"; }
.icon-phone-missed:before { content: "\e8a7"; }
.icon-phone-off:before { content: "\e8a8"; }
.icon-phone-incoming:before { content: "\e8a9"; }
.icon-phone:before { content: "\e8aa"; }
.icon-phone-outgoing:before { content: "\e8ab"; }
.icon-pie-chart:before { content: "\e8ac"; }
.icon-play-circle:before { content: "\e8ad"; }
.icon-play:before { content: "\e8ae"; }
.icon-plus-square:before { content: "\e8af"; }
.icon-plus-circle:before { content: "\e8b0"; }
.icon-plus:before { content: "\e8b1"; }
.icon-pocket:before { content: "\e8b2"; }
.icon-printer:before { content: "\e8b3"; }
.icon-power:before { content: "\e8b4"; }
.icon-radio:before { content: "\e8b5"; }
.icon-repeat:before { content: "\e8b6"; }
.icon-refresh-ccw:before { content: "\e8b7"; }
.icon-rewind:before { content: "\e8b8"; }
.icon-rotate-ccw:before { content: "\e8b9"; }
.icon-refresh-cw:before { content: "\e8ba"; }
.icon-rotate-cw:before { content: "\e8bb"; }
.icon-save:before { content: "\e8bc"; }
.icon-search:before { content: "\e8bd"; }
.icon-server:before { content: "\e8be"; }
.icon-scissors:before { content: "\e8bf"; }
.icon-share-2:before { content: "\e8c0"; }
.icon-share:before { content: "\e8c1"; }
.icon-shield:before { content: "\e8c2"; }
.icon-settings:before { content: "\e8c3"; }
.icon-skip-back:before { content: "\e8c4"; }
.icon-shuffle:before { content: "\e8c5"; }
.icon-sidebar:before { content: "\e8c6"; }
.icon-skip-forward:before { content: "\e8c7"; }
.icon-slack:before { content: "\e8c8"; }
.icon-slash:before { content: "\e8c9"; }
.icon-smartphone:before { content: "\e8ca"; }
.icon-square:before { content: "\e8cb"; }
.icon-speaker:before { content: "\e8cc"; }
.icon-star:before { content: "\e8cd"; }
.icon-stop-circle:before { content: "\e8ce"; }
.icon-sun:before { content: "\e8cf"; }
.icon-sunrise:before { content: "\e8d0"; }
.icon-tablet:before { content: "\e8d1"; }
.icon-tag:before { content: "\e8d2"; }
.icon-sunset:before { content: "\e8d3"; }
.icon-target:before { content: "\e8d4"; }
.icon-thermometer:before { content: "\e8d5"; }
.icon-thumbs-up:before { content: "\e8d6"; }
.icon-thumbs-down:before { content: "\e8d7"; }
.icon-toggle-left:before { content: "\e8d8"; }
.icon-toggle-right:before { content: "\e8d9"; }
.icon-trash-2:before { content: "\e8da"; }
.icon-trash:before { content: "\e8db"; }
.icon-trending-up:before { content: "\e8dc"; }
.icon-trending-down:before { content: "\e8dd"; }
.icon-triangle:before { content: "\e8de"; }
.icon-type:before { content: "\e8df"; }
.icon-twitter:before { content: "\e8e0"; }
.icon-upload:before { content: "\e8e1"; }
.icon-umbrella:before { content: "\e8e2"; }
.icon-upload-cloud:before { content: "\e8e3"; }
.icon-unlock:before { content: "\e8e4"; }
.icon-user-check:before { content: "\e8e5"; }
.icon-user-minus:before { content: "\e8e6"; }
.icon-user-plus:before { content: "\e8e7"; }
.icon-user-x:before { content: "\e8e8"; }
.icon-user:before { content: "\e8e9"; }
.icon-users:before { content: "\e8ea"; }
.icon-video-off:before { content: "\e8eb"; }
.icon-video:before { content: "\e8ec"; }
.icon-voicemail:before { content: "\e8ed"; }
.icon-volume-x:before { content: "\e8ee"; }
.icon-volume-2:before { content: "\e8ef"; }
.icon-volume-1:before { content: "\e8f0"; }
.icon-volume:before { content: "\e8f1"; }
.icon-watch:before { content: "\e8f2"; }
.icon-wifi:before { content: "\e8f3"; }
.icon-x-square:before { content: "\e8f4"; }
.icon-wind:before { content: "\e8f5"; }
.icon-x:before { content: "\e8f6"; }
.icon-x-circle:before { content: "\e8f7"; }
.icon-zap:before { content: "\e8f8"; }
.icon-zoom-in:before { content: "\e8f9"; }
.icon-zoom-out:before { content: "\e8fa"; }
.icon-command:before { content: "\e8fb"; }
.icon-cloud:before { content: "\e8fc"; }
.icon-hash:before { content: "\e8fd"; }
.icon-headphones:before { content: "\e8fe"; }
.icon-underline:before { content: "\e8ff"; }
.icon-italic:before { content: "\e900"; }
.icon-bold:before { content: "\e901"; }
.icon-crop:before { content: "\e902"; }
.icon-help-circle:before { content: "\e903"; }
.icon-paperclip:before { content: "\e904"; }
.icon-shopping-cart:before { content: "\e905"; }
.icon-tv:before { content: "\e906"; }
.icon-wifi-off:before { content: "\e907"; }
.icon-minimize:before { content: "\e88d"; }
.icon-maximize:before { content: "\e908"; }
.icon-gitlab:before { content: "\e909"; }
.icon-sliders:before { content: "\e90a"; }
.icon-star-on:before { content: "\e90b"; }
.icon-heart-on:before { content: "\e90c"; }
.icon-archive:before { content: "\e90d"; }
.icon-arrow-down-circle:before { content: "\e90e"; }
.icon-arrow-up-circle:before { content: "\e90f"; }
.icon-arrow-left-circle:before { content: "\e910"; }
.icon-arrow-right-circle:before { content: "\e911"; }
.icon-bar-chart-line-:before { content: "\e912"; }
.icon-bar-chart-line:before { content: "\e913"; }
.icon-book-open:before { content: "\e914"; }
.icon-code:before { content: "\e915"; }
.icon-database:before { content: "\e916"; }
.icon-dollar-sign:before { content: "\e917"; }
.icon-folder-plus:before { content: "\e918"; }
.icon-gift:before { content: "\e919"; }
.icon-folder-minus:before { content: "\e91a"; }
.icon-git-commit:before { content: "\e91b"; }
.icon-git-branch:before { content: "\e91c"; }
.icon-git-pull-request:before { content: "\e91d"; }
.icon-git-merge:before { content: "\e91e"; }
.icon-linkedin:before { content: "\e91f"; }
.icon-hard-drive:before { content: "\e920"; }
.icon-more-vertical-:before { content: "\e921"; }
.icon-more-horizontal-:before { content: "\e922"; }
.icon-rss:before { content: "\e923"; }
.icon-send:before { content: "\e924"; }
.icon-shield-off:before { content: "\e925"; }
.icon-shopping-bag:before { content: "\e926"; }
.icon-terminal:before { content: "\e927"; }
.icon-truck:before { content: "\e928"; }
.icon-zap-off:before { content: "\e929"; }
.icon-youtube:before { content: "\e92a"; }



.navbar-nav li>span {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-weight:bold;
}

/* adds some margin below the link sets  */
.navbar .dropdown-menu{
  padding: 0px;
  border:0px;

}
.page-link{height: 40px !important;}

.table-responsive{overflow-x: hidden;}


/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 767px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */

  
/* makes the dropdown full width  */
.navbar .dropdown {}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
/*  height of nav-item  */
  margin-top: 0px;
  
 
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  
}
.navbar .dropdown-menu.show{
  visibility: visible;
  opacity: 1;
}
  

  
  /* shows the dropdown menu on hover */
/* .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

} */

.ring span {
 position:absolute;
 display:block;
 width:100%;
 height:100%;
 border-radius:50%;
 background:radial-gradient(circle at center, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, #fff 100%);
 -webkit-transform:scale(0.3);
 transform:scale(0.3);
 opacity:0;
 -webkit-animation:ring 1.8s ease-in infinite;
 animation:ring 1.8s ease-in infinite
}
.ring span:nth-of-type(1) {
 -webkit-animation-delay:.6s;
 animation-delay:.6s
}
.ring span:nth-of-type(2) {
 -webkit-animation-delay:1.2s;
 animation-delay:1.2s
}
.ring.icon {
 width:188px;
 height:188px
}
.ring.icon span {
 -webkit-transform:scale(0.6);
 transform:scale(0.6);
 -webkit-animation-name:ring-icon;
 animation-name:ring-icon
}
.ring i {
 display:block;
 position:absolute;
 width:60%;
 height:60%;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
 border-radius:50%
}
.ring i.heating {
 background:url("../img/common/heating.svg") no-repeat center;
 background-size:50% 50%
}
.ring i.cooling {
 background:url("../img/common/cooling.svg") no-repeat center;
 background-size:50% 50%
}
.ring i.lighting {
 background:url("../img/common/white-bulb.svg") no-repeat center;
 background-size:50% 50%
}
.ring.red span {
 background:radial-gradient(circle at center, rgba(255,73,31,0) 0%, rgba(255,73,31,0) 50%, #ff491f 100%)
}
.ring.red i {
 background-color:#ff491f
}
.ring.blue span {
 background:radial-gradient(circle at center, rgba(0,144,255,0) 0%, rgba(0,144,255,0) 50%, #0090ff 100%)
}
.ring.blue i {
 background-color:#0090ff
}
@-webkit-keyframes ring {
 0% {
  -webkit-transform:scale(0.3);
  transform:scale(0.3);
  opacity:0
 }
 20% {
  -webkit-transform:scale(0.3);
  transform:scale(0.3);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
 }
}
@keyframes ring {
 0% {
  -webkit-transform:scale(0.3);
  transform:scale(0.3);
  opacity:0
 }
 20% {
  -webkit-transform:scale(0.3);
  transform:scale(0.3);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
 }
}
@-webkit-keyframes ring-icon {
 0% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  opacity:0
 }
 20% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
 }
}
@keyframes ring-icon {
 0% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  opacity:0
 }
 20% {
  -webkit-transform:scale(0.6);
  transform:scale(0.6);
  opacity:1
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0
 }
}