.widget_recent_entries #recent-div #recent-posts-3 ul li a{ animation-delay: 2s !important;
}
.col {
  display: table-cell;
  /*padding: 16px;*/
  float: left;
}

div.sticky-down-banner {
  position: -webkit-sticky;
  position: sticky;
  top: 250px;
  margin-top:25px;
  z-index:99;

  float:right;
}
.site-header nav.blocked > ul > li > .wrapper > .active {
    background-color: #701f40;
    /*color: #fff;*/
}
<!-- new popup code Start -->

.responsive {
  width: 100%;
  height: auto;
}
 #advert-once {
position: fixed;
/*left: 38%;
top:20%;*/
right:0;
bottom:0;
display: inline-block;
padding: 5px 5px 0;
z-index: 99999;
}

#advert-once .advert-button {
width: 22px;
height: 26px;
position: absolute;
left: 5px;
top: 0px;
background-color: #cdcdcd;
border-radius: 10px;
padding:4px;
cursor: pointer;
}

#reset-session, #refresh-page {
display: block;
width: 250px;
text-align: center;
font-family: 'Arial', sans-serif;
border-radius: 5px;
border: none;
padding: 2px 5px;
cursor: pointer;

margin: 5px 0;
}

#reset-session:hover, #refresh-page:hover {

}

/*side-menu */
.side-menu {
	font-family: 'Open Sans', sans-serif;
	position:fixed;
	z-index: 10001;
}
.side-menu .sm-item {
	max-width: none;
	text-decoration:none;
	position:absolute;
	cursor:pointer;
	-webkit-transition:400ms all linear;
	transition:400ms all linear;
	padding:0 2px;
}
.sm-right {
	right:0%;
	text-align: left;
}
.sm-right .sm-item {
	border-right:none;
}
.sm-left {
	left:0%;
	text-align: right;
}
.sm-left .sm-item {
	border-left:none;
}
.side-menu .sm-icon {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	background-repeat:no-repeat;
	background-position:50% 50%;
	-webkit-transition:400ms all linear;
	transition:400ms all linear;
}
/*side-menu */
<!-- new popup code END -->
/*div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste.
	min-width: 75px;
	width: 10%;
	height: 100%;
	 There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6.
	background-image: url(../images/awards/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	  The first url is for Firefox and other browsers, the second is for Internet Explorer
	cursor: url(../images/awards/cursors/cursor_arrow_left.png), url(../images/awards/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/awards/arrow_left.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting
	-moz-opacity: 0.35; Opacity for really old versions of Mozilla Firefox (0.9 or older)
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer.
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions
}

/* Invisible right hotspot */



div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/awards/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/awards/cursors/cursor_arrow_right.png), url(../images/awards/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/awards/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
#makeMeScrollable
		{
			width:100%;
			height: 330px;
			position: relative;
		}

		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}*/

body {
	font-family:'Segoe UI', Arial, sans-serif;
	overflow-x:hidden;
	background-color:white;
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 200;
    src: local("Segoe UI Light");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 300;
    src: local("Segoe UI Semilight");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 400;
    src: local("Segoe UI");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 600;
    src: local("Segoe UI Semibold");
}
@font-face {
    font-family: "Segoe UI";
    font-weight: 700;
    src: local("Segoe UI Bold");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 400;
    src: local("Segoe UI Italic");
}
@font-face {
    font-family: "Segoe UI";
    font-style: italic;
    font-weight: 700;
    src: local("Segoe UI Bold Italic");
}
@font-face {
 font-family: 'Segoe UI';
 src: url('../fonts/SEGOEUI.TTF'); /* IE9 Compat Modes */
 src: url('../fonts/segoeuib.ttf') format('segoeuib'), /* IE6-IE8 */ url('../fonts/segoeprb.ttf') format('segoeprb'), /* Super Modern Browsers */ url('../fonts/segoeuisl.ttf') format('segoeuisl'), /* Pretty Modern Browsers */ url('../fonts/seguisbi.ttf') format('seguisbi'), /* Safari, Android, iOS */
}
p {
	font-size:17px;
	line-height:18pt;
	text-align: left;
	padding-right: 15px;
	font-family:'Segoe UI', Arial, sans-serif;
}
div {
	font-size:17px;
	line-height:18pt;
	font-family:'Segoe UI', Arial, sans-serif;
}
h1,.bigger{font-size: calc(1.5rem + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}


h1 {
 color:#000;
 font-weight:500;
 font-family:'Segoe UI', Arial, sans-serif;
 font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h2 {
	color:#000;
	font-weight:400;
	font-family:'Segoe UI', Arial, sans-serif;
 font-size: calc(14pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h3 {
	color:#000;
	font-weight:300;
	font-family:'Segoe UI', Arial, sans-serif;
 font-size: calc(14pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h4 {
	color:#000;
	font-weight:200;
	font-family:'Segoe UI', Arial, sans-serif;
 font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h5 {
	color:#000;
	font-weight:200;
	font-family:'Segoe UI', Arial, sans-serif;
 font-size: calc(7pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h6 {
	color:#000;
	font-weight:200;
font-family:'Segoe UI', Arial, sans-serif;
 font-size: calc(6pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
/*h1 {
 font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h2 {
 font-size: calc(12px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h3 {
 font-size: calc(10px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h4 {
 font-size: calc(8px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
h5 {
 /*font-size: calc(6px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));*/
}
h6 {
 font-size: calc(4px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}*/
h1, h2, h3, h4, h5, h6, p {

	margin-top:0.5rem;
	margin-bottom:0.5rem;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1em
}
.mega-menu-block aside h1, .mega-menu-block aside h2, .mega-menu-block aside h3, .mega-menu-block aside h4, .mega-menu-block aside h5, .mega-menu-block aside h6 {
	margin-top:0;
	color:#333
}
figure figcaption, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
	margin-top:1.1rem
}

/* ---------------- For Animation on Scroll ---------------- */
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {visibility: visible; animation:slide 1s;}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------------- For Animation on Scroll ---------------- */
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
 background: #42b078;
  /*background: #a7cb00;
  background: #173b6b;*/
}
.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h4 {
  /*text-transform: lowercase;*/
  color: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 0.2em 0;
  background-color:rgba(0,0,0,0.3) ;
}

.hovereffect h4:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px !important;

   background:#FFF;

  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h4:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/*  */
#recent-div-art #recent-posts-3 ul {
  list-style: none;
  padding: 0;
}
#recent-div-art #recent-posts-3 li {
  padding-left: 1.3em;
}
#recent-div-art #recent-posts-3 ul li a:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
#recent-div-art #recent-posts-3 ul li a{margin-top:0px !important; color:#000 ; font-size:14px;  z-index:50; border-bottom:1px solid #900; padding: 5px 0px; margin: 0px 7px; display: inline-block; }
#recent-div-art #recent-posts-3 li {display: inline-block; width:100%; border-bottom: 0px dotted #DDD !important; padding: 7px 0px; color:#000 !important; margin: 0px 7px; overflow:hidden; }
#recent-div-art #recent-posts-3 ul {float:left !important; margin:0px; padding: 5px 0px; color:#red; overflow:hidden;}


#recent-wrapper, #recent-div .grid-element { /*text-align:center; */  width:100%; font-color:#FFF !important; height:57px !important; /*position:absolute; */background-attachment: fixed; background-position: center;
  background-repeat: no-repeat; background-size: cover; z-index:100; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); overflow:hidden; /*text-shadow: 0 0 5px rgba(255,255,255,0.5);*/}

#recent-posts-3 ul li a {  font-size:0.85vw; white-space: nowrap;  z-index:50; overflow:hidden;padding: 5px 0px; margin: 0px 7px; display: inline-block; }
#recent-posts-3 li {display: inline-block; width:100%; border-bottom: 0px dotted #DDD !important; padding: 7px 0px; color:#FFF !important; margin: 0px 7px; overflow:hidden; }
#recent-posts-3 ul {float:left !important; margin:0px; padding: 5px 0px; color:#FFF; overflow:hidden;}
#recent-div ul li {float:left !important;  padding: 5px 0px; color:#FFF !important; overflow:hidden;  display: inline-block; width:100%; color:#FFF; margin: 0px 7px;  }
#recent-div ul li a{color:#FFF !important;   overflow:hidden; display: inline-block;}
#recent-div:link {color: white !important; text-decoration: none; }
#recent-div:visited {color: white; text-decoration: none; }
#recent-div:hover {color: #701f40; text-decoration: none; }
#recent-div:active {color: meroon; }
#recent-div ul{ position:absolute; text-align:center; width:360px;}
body #recent-div a {color:#FFF !important; padding: 3px 0px !important; }
/*  */
.grid-container {
    display: grid;
}
.grid-container--fit {
   /* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
	 grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}

.grid-element {
  background-color: #173b6b;
  padding: 10px;
  color: #fff;
  border: 1px solid #000;
}

a.element:link {color: white; text-decoration: none; }
a.element:visited {color: white; text-decoration: none; }
a.element:hover {color: #701f40; text-decoration: underline; }
a.element:active {color: meroon; }

div#sam>.row [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

div#sam>.row{
  overflow: hidden;
  /*background-color:#F00;*/

}


.card {
                   /* Set width of cards */
  display: flex;                /* Children use Flexbox */
  flex-direction: column;       /* Rotate Axis */
  border: 1px solid #DEDEDE;    /* Set up Border */
  border-radius: 4px;           /* Slightly Curve edges */
  overflow: hidden;             /* Fixes the corners */
  margin: 5px;                  /* Add space between cards */
}

.card-header {
  color: #701f40;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #DEDEDE;
  /*background-color: #FFEBEE;*/
  padding: 5px 10px;
}

.card-main {
  display: flex;              /* Children use Flexbox */
  flex-direction: column;     /* Rotate Axis to Vertical */
  justify-content: left;    /* Group Children in Center */
  align-items: left;        /* Group Children in Center (on cross axis) */
  padding: 10px 0;            /* Add padding to the top/bottom */
}

.material-icons {
  font-size: 36px;
  color: #DEDEDE;
  margin-bottom: 5px;
}

.main-description {
  color: #000000;
  font-size: 17px;
  text-align: left;
  padding: 5px 10px;
}

/*.bg-img-servcies {
	background:#f7f8f9;
	padding:2.5rem;
}*/
/* Custom, iPhone Retina */
/*ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}*/
/*.image-container {
  background-image: url("../images/products/manufacturing.png");
  background-size: cover;
  position: relative;
  height: 23em;
}

.text {
  background-color: black;
  color: white;
  font-size: 2vw;
  font-weight: bold;
  margin: 0 auto;
  padding: 5px;
  width: 32%;
  text-align: center;
  position: absolute;
  top: 75%;
  left: 25%;
  transform: translate(-50%, -50%);
 mix-blend-mode: multiply;
}*/
a.menu-space:link {color: block; text-decoration: none; font-weight:500; }
a.menu-space:visited {color: block; text-decoration: none;  font-weight:500;  }
a.menu-space:hover {color: #701f40; text-decoration: none; font-weight:500; }
a.menu-space:active {color: meroon; }
.menu-space{padding:4px; }
.gray{ background-color:#f2f2f2;}
.white{ background-color:#f1f1f1;}
.dropdown-menu {
	overflow: hidden;
	overflow-y: auto;
}
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}
.space {
	margin-top:20px;
	margin-bottom:20px;
}
@media only screen and (min-width : 320px) {
	.bigger-products, .bigger-services, .bigger-casestudy{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
	.bigger-second {font-size: calc(23pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-footer{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-solution{font-size: calc(17pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
h5{font-size: calc(18pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}


 .service-3>.innerqua {
height: 314px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 457px !important;
}
.service-3>.inner {
height: 457px !important;
}
 .usecase-sec {
width: 100%;
padding:5px;
}
 .solution-sec {
width: 100%;
padding:5px;
}
.usecase-sec-mpvpn {
height:362px;
background:#f7f8f9;
}
.usecase-sec-ipvpn {
height:378px;
background:#f7f8f9;
}
.usecase-sec-warp {
height:381px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:381px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:459px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:354px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:377px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:361px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:384px;
background:#f7f8f9;
}
.usecase-sec-central {
height:286px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:330px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:475px;
background:#f7f8f9;
}
.services-sec-hgt {
height: 401px;
padding: 0px 5px;
}
.dropdown-menu {
max-height: 350px !important;
-webkit-overflow-scrolling: touch;
 overflow: hidden;
overflow-y: auto;
}
 .service-3>.inneratt {
height:450px;
}


}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
.bigger-products, .bigger-services, .bigger-casestudy{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-second {font-size: calc(24pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-casestudy{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-footer{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-solution{font-size: calc(17pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
 .service-3>.innerqua {
height: 261px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 337px !important;
}
.service-3>.inner {
height: 337px !important;
}
 .usecase-sec {
width: 100%;
}
 .solution-sec {
width: 98%;
}
.usecase-sec-mpvpn {
height:281px;
background:#f7f8f9;
}
.usecase-sec-ipvpn {
height:289px;
background:#f7f8f9;
}
.usecase-sec-warp {
height:280px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:257px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:306px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:262px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:306px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:259px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:452px;
background:#f7f8f9;
}
.usecase-sec-central {
height:414px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:325px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:475px;
background:#f7f8f9;
}
.services-sec-hgt {
height: 281px;
padding: 0px 5px;
}
.dropdown-menu {
max-height: 217px !important;
-webkit-overflow-scrolling: touch;
 overflow: hidden;
overflow-y: auto;
}
.service-3>.inneratt {
height:353px;
}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.main_btn {font-size:12px !important;}
	 .column {
    width: 100%;
  }
.bigger-products, .bigger-services, .bigger-casestudy{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-second {font-size: calc(19pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-footer{font-size: calc(12pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-solution{font-size: calc(14pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}

 .service-3>.innerqua {
height: 432px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 658px !important;
}
.service-3>.inner {
height: 287px !important;
}
 .usecase-sec {
width: 100%;
}
 .solution-sec {
width: 96%;
}
.usecase-sec-mpvpn {
height:216px;
background:#f7f8f9;
}
.usecase-sec-ipvpn {
height:194px;
background:#f7f8f9;
}
.usecase-sec-warp {
height:203px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:175px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:219px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:205px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:206px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:215px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:266px;
background:#f7f8f9;
}
.usecase-sec-central {
height:222px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:238px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:475px;
background:#f7f8f9;
}
.service-home {
height: 552px;
margin: 0 0px 0;
padding: 0px 6px;
}
.btn-bottom {
bottom: 0px !important;
text-align: left;
padding: 10px 5px;
position: absolute;
}
.project_item:hover .hover_text .main_btn {
height: 100%;
line-height: 35px;
opacity: 1;
margin-top:-5px !important;
}
.services-sec-hgt {
height: 243px;
padding: 0px 5px;
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav-icon {
line-height:50.6px !important;
}
.service-3>.inneratt {
height:448px;
}
.dropdown-menu {
max-height: 431px !important;
-webkit-overflow-scrolling: touch;
 overflow: hidden;
overflow-y: auto;
}
 .bg-home {
padding-bottom:calc(73.2% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
}
.col-container {
  display: table;

}
.col {
  display: table-cell;
  /*padding: 16px;*/

}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.bigger-products, .bigger-services, .bigger-casestudy{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
.bigger-second {font-size: calc(21pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-footer{font-size: calc(12pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-solution{font-size: calc(14pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
 .service-3>.innerqua {
height: 347px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 467px !important;
}
.service-3>.inner {
height: 467px !important;
}
 .usecase-sec {
width: 96%;
}
 .solution-sec {
width: 96%;
}
.usecase-sec-mpvpn {
height:538px;
background:#f7f8f9;
}
.usecase-sec-ipvpn {
height:535px;
background:#f7f8f9;
}
.usecase-sec-warp {
height:491px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:308px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:541px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:415px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:494px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:407px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:249px;
background:#f7f8f9;
}
.usecase-sec-central {
height:360px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:547px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:475px;
background:#f7f8f9;
}
.btn-bottom {
bottom: 0px !important;
text-align: left;
padding: 10px 5px;
position: absolute;
}
.services-sec-hgt {
height: 430px;
width: 96% !important;
padding: 0px 5px;
}
.service-3>.inneratt {
height:477px;
}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {
.bigger-products, .bigger-services, .bigger-casestudy{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}
.bigger-second {font-size: calc(21pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-footer{font-size: calc(12pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.bigger-solution{font-size: calc(14pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important;}
.service-3>.innerqua {
height: 347px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 485px !important;
}
.service-3>.inner {
height: 467px !important;
}
.usecase-sec-warp {
height:491px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:308px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:541px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:415px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:494px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:407px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:249px;
background:#f7f8f9;
}
.usecase-sec-central {
height:360px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:547px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:475px;
background:#f7f8f9;
}
.service-home {
height: 465px;
margin: 0 0px 0;
padding: 0px 6px;
}
.btn-bottom {
bottom: 0px !important;
text-align: left;
padding: 10px 5px;
position: absolute;
}
.project_item .hover_text h4 {

margin-top:25px;
}
.solution-sec {
width: 96%;
}
.services-sec-hgt {
height: 377px;
width: 98% !important;
padding: 0px 0px;
}
.service-3>.inneratt {
height:477px;
}
 .bg-home {
padding-bottom:calc(78.9% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.bigger-products, .bigger-services, .bigger-casestudy, .bigger-solutions{font-size: calc(12pt + (26 - 14) * ((100vw - 300px) / (1600 - 300))) !important; }
.service-3>.innerqua {
height: 261px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 380px !important;
}
.service-3>.inner {
height: 399px !important;
}
.service-3> .inner>.solution-sec {
height:446px;
}
.solution-sec {
width: 98%;
}
.pro-sec {
width: 98%;
}
.usecase-sec {
width: 98%;
}
.usecase-sec-mpvpn {
height:275px;
background:#f7f8f9;
}
.usecase-sec-ipvpn {
height:362px;
background:#f7f8f9;
}
.usecase-sec-warp {
height:277px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:165px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:289px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:262px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:285px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:245px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:276px;
background:#f7f8f9;
}
.usecase-sec-central {
height:235px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:294px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:355px;
background:#f7f8f9;
}
.service-home {
height: 279px;
margin: 0 0px 0;
padding: 0px 6px;
}
.btn-bottom {
bottom: -9px !important;
text-align: left;
padding: 17px 5px;
position: absolute;
}
.services-sec-hgt {
height: 319.3px;
padding: 0px 5px;
}
.service-3>.inneratt {
height:354px;
}
.bg-home {
padding-bottom:calc(1.3% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
}
}
@media only screen and (min-width : 1366px) {
.service-3>.innerqua {
height: 261px !important;
padding: 7px;
}
.service-3>.innersolu {
height: 380px !important;
}
.service-3>.inner {
height: 399px !important;
}
.service-3> .inner>.solution-sec {
height:446px;
}
.solution-sec {
width: 98%;
}
.pro-sec {
width: 98%;
}
.usecase-sec {
width: 98%;
}
.usecase-sec-mpvpn {
height:275px;
background:#f7f8f9;
}
.usecase-sec-ipvpn {
height:362px;
background:#f7f8f9;
}
.usecase-sec-warp {
height:277px;
background:#f7f8f9;
}
.usecase-sec-xtreme {
height:165px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:289px;
background:#f7f8f9;
}
.usecase-sec-cloud {
height:262px;
background:#f7f8f9;
}
.usecase-sec-manufa {
height:285px;
background:#f7f8f9;
}
.usecase-sec-qua {
height:245px;
background:#f7f8f9;
}
.usecase-sec-siteload {
height:276px;
background:#f7f8f9;
}
.usecase-sec-central {
height:235px;
background:#f7f8f9;
}
.usecase-sec-wanopt {
height:294px;
background:#f7f8f9;
}
.usecase-sec-utm {
height:355px;
background:#f7f8f9;
}
.service-home {
height: 279px;
margin: 0 0px 0;
padding: 0px 6px;
}
.btn-bottom {
bottom: -9px !important;
text-align: left;
padding: 17px 5px;
position: absolute;
}
.services-sec-hgt {
height: 278px;
padding: 0px 5px;
}
.service-3>.inneratt {
height:354px;
}
}
html {
	-webkit-font-smoothing:antialiased
}
ul.list {
	list-style-position:outside !important;
}
.middle {
	vertical-align:middle !important;
}
.red {
	color:red;
}
ul.content {
	list-style-position:outside !important;
}
.content li {
	background:url(../img/icons/tick-icon.png) left top no-repeat;
}
.content li ul li {
	background:url(../img/icons/tick-icon2.png) left top no-repeat;
}
.content li {
	padding:0px 0px 0px 40px;
	font-size: 17px;
line-height: 18pt;
}
a, body {
	color:#000
}
#scroll-to-the-top>i.fa:hover {
	background-color:#701f40
}


a {
	text-decoration:none
}
a:hover {
	color:#701f40;
transition:all ease .4s
}
img {
	max-width:100%;

}

blockquote, ol li, p, ul li div {
	font-size:17px;
}
.white {
	color:#FFF;
}

blockquote, figure figcaption {
	color:#333;
	font-style:italic
}

.border-bottom-1, .border-bottom-1-2 {
	border-bottom-width:1px;
	border-bottom-style:solid
}
#wrap-all, .float-left {
	float:left
}
.plugin-container, .plugin-wrapper, .relative {
	position:relative
}
.site-header .breadscrubms a, .site-header .sub-menu a, section .section-subtitle, section .section-title {
	text-transform:uppercase
}

}
ol, ul {
	margin-bottom:1.5rem
}
blockquote {
	margin-top:1rem;
	margin-bottom:1rem;
	padding:1rem;
	background-color:#ecedf1;
	box-sizing:border-box;
	border-left-width:3px;
	border-left-color:#701f40
}

table {
	border-spacing:0;
	border-collapse:collapse
}
table td, table th {
	padding:0;
	line-height:21px
}
figure {
	margin:1.5rem 0 0;
	padding:0
}
figure figcaption {
	text-align:center;
	width:100%
}
code {
	vertical-align:bottom
}
.lead {
	font-size:1.414rem
}
.hug {
	margin-top:0
}
/* Top Bar */
#navbar_inn {
	overflow: hidden;
	background-color: #701f40;
	z-index:100;
}
#navbar_inn a {
	text-align:center;
	float:left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
 font-size: calc(0.45rem + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
#navbar_inn a:hover {
	background-color: #ddd;
	color: black;
}
#navbar_inn a.active {
	background-color: #4CAF50;
	color: white;
	z-index:100;
}
.section a, .section a:hover {
	color:#000000 !important;
}
.section {
	padding:45px 0px;
}
.sticky {
	position: fixed;
	top:164px;
	width:100%;
	z-index:100002;
}
.sticky + .content {
	z-index:100;
	padding: 14px 16px;
}
/* Top Bar */

#supportbar {
	overflow: hidden;
	background-color: #f2f2f2;
	z-index:100;
}
#supportbar a {
	text-align:center;
	float:left;
	display: block;
	color: #000000;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
 font-size: calc(0.75rem + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
#supportbar a:hover {
	background-color: #9b1b4f;

	color: white;
	opacity:1;
}
#supportbar a.active {
	background-color: #9b1b4f;
	color: white;
	z-index:100;
}

/* bottom Bar */
#bottommenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index:100002;
  -webkit-transition: bottom 2s;
  transition: bottom 2s;
}

#floatbar {
	overflow: hidden;
	background-color: #173b6b;
	z-index:100;
}
#floatbar a {
	text-align:center;
	float:left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
 font-size: calc(0.75rem + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
#floatbar a:hover {
	background-color: #FFFFFF;
	/*background-color: #e4e1e1;*/
	color: black;
}
#floatbar a.active {
	background-color: #e4e1e1;
	color: white;
	z-index:100;
}

#bottombar {
	overflow: hidden;
	background-color: #173b6b;
	z-index:100;
	opacity:0.9;
}
#bottombar a {
	text-align:center;
	float:left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
 font-size: calc(0.55rem + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
}
#bottombar a:hover {
	background-color: #cecece;
	/*background-color: #e4e1e1;*/
	color: black;
	opacity:1;
}
#bottombar a.active {
	background-color: #e4e1e1;
	color: white;
	z-index:100;
}
.section a, .section a:hover {
	color:#000000 !important;
}
.section {
	padding:0px 0px;
}
.stickybot {
	position: fixed;
	bottom:0px;
	width:100%;
	z-index:100002;
}
.stickybot + .content {
	z-index:100;
	padding: 14px 16px;
}

/* bottom Bar */

@media (min-width: 993px) and (max-width: 5000px) {

 /*.bg-home {
 background-image:url('../img/bg-image.jpg');
 background-position:left top;
 background-repeat:no-repeat;
 left:0;
 top:0;
 padding:1.5rem;
 width:923px;
 height:742px;
}
 .bg-home ul li.bg-list {
 font-size:17px;
 float:left;
}
.bg-home li.bg-list {
list-style-position:outside !important;
line-height:32pt;
}*/
.site-header nav.blocked>ul>li>.wrapper>a {
 padding:10px 2px 18px !important;
	/*color:#000000;*/
	width:100%;
 float:left;
 position:relative;
 z-index:2;
 font-size: calc(32% + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
 font-weight:bold;
}
.site-header nav.blocked > ul > li > .wrapper {
padding-bottom:0px !important;
}
.wrapper-edge {
padding-left:20px;
padding-right:20px;
}
.borderright-btn {
border-right: 2px solid #09182b;
height: 100%;
}
.borderright {
border-right: 2px solid #09182b;
height: 100%;
}
.banbg img {
position:relative;
}
 .bandbg .bandfont {
position:relative;
font-size:14pt;
padding:19px 0px;
text-align:center;
color: #FFFFFF;
}
}
/*.bg-home h2 {
	line-height:1.75em;
}*/
#wrap-all {
	width:100%;
	background-color:#fff
}
.wrap-all-2 {
	padding-top:0!important
}
.plugin-container {
	display:inline-block;
	width:100%
}
.plugin-container a {
	display:block;
	width:100%;
	padding:5px 10px
}
.text-color-white {
	color:#fff!important
}
.display-none {
	display:none
}
.border-bottom-1 {
	border-bottom-color:#ddd
}
.border-bottom-1-2 {
	border-bottom-color:rgba(255, 255, 255, .1)
}
.border-top-1 {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#ddd
}
.cl {
	clear:both
}
.center {
	margin:0px auto;
	padding:0px;
}
.width-100 {
	width:100%
}
.width-auto {
	width:auto
}
.float-right {
	float:right
}
.primary-color {
	color:#701f40!important
}
.internal-link {
	 text-decoration: none;
	 border-bottom: 2px
	 lightgreen solid;
	 color: #9b1b4f;
}
.white-color {
	color:#fff!important
}
.heading-color {
	color:#333
}
.plugin-wrapper {
	width:100%;
	float:left
}
.input-container {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	width: 80%;
	margin-bottom: 15px;
}
.icon {
	padding: 10px;
	background: #e4e4e4;
	color: #4e4e4e;
	min-width: 20px;
	text-align: center;
}
.input-field {
	width: 100%;
	padding: 10px;
	outline: none;
}
.input-field:focus {
	border: 2px solid #ebebeb;
}
/* Set a style for the submit button */
.btn {
	background-color: #ebebeb;
	color: white;
	padding: 15px 20px;
	border: none;
	cursor: pointer;
	width: 100%;
	opacity: 0.9;
}
.btn:hover {
	opacity: 1;
}
.bandbg_wrapper {
	background-color:#173b6b;
}
.bandbg {
	top:0px;
	width:100%;
	background-color:#173b6b;
	padding:0px 0px;
	/*height: 95px;*/
}
.bandbg .bandfontbold {
	color: #ffffff;
	font-weight:bold;
}
.bandbg .clearfix::after {
 content: "";
 clear: both;
 display: table;
}
.blog-top {
	padding:4px 0px;
}
.blog-box {
	clear:both;
	width:100%;
}
.blog-lt {
	float:left;
	width:22%;
}
.blog-rt {
	float:left;
	width:78%;
}
a.blog:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding:2px 0px;
	opacity: 0;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.blog {
	width: 100%;
	height: 100%;
	color:#FFFFFF;
}
a.blog:hover::before {
 opacity: 0.3;
 width: 100%;
 height: 100%;
/*padding:2px 0px;*/
}
.learn-top {
	padding:14px 0px;
	font-size: 17pt;
}
.responsive {
	width: 100%;
	height: auto;
}
a.learn {
	width: 100%;
	height: 100%;
	color:#FFFFFF;
}
a.learn:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	padding:20px 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.learn:hover::before {
 opacity: 0.3;
 width: 100%;
 height: 100%;
}
a.livechat {
	width: 100%;
	height: 100%;
	color:#FFFFFF;
}
a.livechat:hover::before {
 opacity: 0.3;
 width: 100%;
 height: 100%;
}
a.livechat:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	/*margin-left:16px;*/
	height: 100%;
	opacity: 0;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.watchvideo {
	width: 100%;
	height: 100%;
	color:#FFFFFF;
}
a.watchvideo:hover::before {
 opacity: 0.3;
 width: 100%;
 height: 100%;
}
a.watchvideo:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.requestdemo {
	width: 100%;
	height: 100%;
	color:#FFFFFF;
}
a.requestdemo:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.requestdemo:hover::before {
 opacity: 0.3;
 width: 100%;
 height: 100%;
}
a.contactsales {
	width: 100%;
	height: 100%;
}
a.contactsales:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
 a.contactsales:hover::before {
 opacity: 0.3;
}
a.productvideo {
	width: 100%;
	height: 100%;
}
a.productvideo:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.productvideo:hover::before {
 opacity: 0.3;
}
a.whitepaperbtn {
	width: 100%;
	height: 100%;
}
a.whitepaperbtn:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
a.whitepaperbtn:hover::before {
 opacity: 0.3;
}
a.brochurebtn {
	width: 100%;
	height: 100%;
}
.brochurebtn:before {
	content: "";
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.brochurebtn:hover::before {
 opacity: 0.3;
}
/* Project Area css
============================================================================================ */
.project_area {
	overflow: hidden;
}
.project_item {
	position: relative;
	margin:5px;
}
.project_item:before {
	content: "";
	/*background: rgba(76, 78, 80, 0.6);*/
	background: rgba(240, 240, 249, 0.6);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.project_item img {
	width: 100%;
}
.project_item .hover_text {
	position: absolute;
	left: 0px;
	width: 100%;
	text-align: center;
	bottom: 15px;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.project_item .hover_text h4 {
	color: #FFFFFF;
	font-size: 22pt;
	/*font-weight:900;*/
  line-height: 30px;
	/*text-transform: uppercase;*/
  margin-bottom: 10px;
}
.project_item .hover_text h4 .cat a {
	color: #FFFFFF;
	margin-right: 8px;
	font-size: 14px;
	position: relative;
}
.project_item .hover_text .cat a:before {
	content: "/";
	position: absolute;
	right: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.project_item .hover_text .cat a:last-child {
	margin-right: 0px;
}
.project_item .hover_text .cat a:last-child:before {
	display: none;
}
.project_item .hover_text .main_btn {
	line-height: 0px;
	height: 0px;
	opacity: 0;
}
.project_item:hover:before {
	opacity: 1;
}
.project_item:hover .hover_text {
	bottom: 35px;
}
.project_item:hover .hover_text .main_btn {
	height: 100%;
	line-height: 48px;
	opacity: 1;
	margin-top: 22px;
}
.product {
	width: 180px;
	height: 180px;
	position: relative;
	display: inline-block;
}
.product .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.product:hover .img-top {
	display: inline;
}
.main_btn {
	padding: 0px 24px;
	background: #a7cb00;
	z-index: 2;
	display: inline-block;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	line-height: 48px;
	border: 1px solid #a7cb00;
	/*border-radius: 5px;*/
	border-radius: 50px;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.main_btn:hover {
	color: #a7cb00;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}
.main_btn2 {
	display: inline-block;
	background: #f9f9ff;
	padding: 0px 45px;
	color: #000000;
	font-size: 13px;
	font-weight: 600;
	line-height: 48px;
	border-radius: 50px;
	outline: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-align: center;
	border: 1px solid #dddddd;
	cursor: pointer;
	-webkit-transition: color 0ms linear;
	-o-transition: color 0ms linear;
	transition: color 0ms linear;
}
.main_btn2:hover {
	background-image: -moz-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	background-image: -webkit-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	background-image: -ms-linear-gradient(0deg, #bc2bff 0%, #7249fb 100%);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	box-shadow: 0px 10px 30px 0px rgba(115, 73, 251, 0.3);
	color: #fff;
}
.banner_btn {
	padding: 0px 38px;
	line-height: 48px;
	background: #a7cb00;
	color: #000;
	display: inline-block;
	border: 1px solid #a7cb00;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.banner_btn:hover {
	color: #000;
	background: transparent;
}
.banner_btn2 {
	padding: 0px 36px;
	line-height: 48px;
	background: #f9f9ff;
	color: #000000;
	display: inline-block;
	border: 1px solid #eeeeee;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	-webkit-transition: all 300ms linear 0s;
	-o-transition: all 300ms linear 0s;
	transition: all 300ms linear 0s;
}
.banner_btn2 a:hover {
	color: #000;
	background: #a7cb00;
	border-color: #a7cb00;
}
/* End Project Area css*/

.project_know_area {
	/*background: #a7cb00;*/
	background: #173b6b;
}
 .white-title { color:#FFF !important;}
  .block-title { color:#000 !important;}
.project_know_inner h2 {
	color: #FFF;

}
.project_know_inner P {
	font-size:calc(17pt + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
	font-weight: 100;
	line-height: 24pt;
	color: #FFFFFF;
}
.bg-home12 {
	/* The image used */
  background-image: url("../img/bg-image.jpg");
	/* Full height */
  height: 100%;
	/* Center and scale the image nicely */
  background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#scroll-to-the-top {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:100005;
	cursor:pointer;
	display:none
}
#scroll-to-the-top>i.fa {
	width:50px;
	height:50px;
	line-height:50px;
	color:#fff;
	text-align:center;
	float:left;
	background-color:rgba(0, 0, 0, .3);
transition:all ease .4s
}
section {
	width:100%;
	float:left;
	padding:0 0 10px
}
section .section-subtitle {
	color:#701f40;
	font-size:18px;
	margin:0 0 10px
}
section .section-title {


	line-height:30pt;
	margin:15px 0 15px
}
section .section-title2 {

	font-weight:600;
	line-height:32pt;
	text-transform: uppercase;
	margin:0 0 15px
}

ul.style-1 {
	padding:0;
	list-style:none;
	float:left;
	font-size:18px;
	list-style-position: outside;
}
ul.style-1>li {
	margin-bottom:10px
}
ul.style-1>:last-child {
	margin-bottom:0
}
input, select, textarea {
	line-height:32px;
	height:34px;
	box-sizing:border-box;
	padding:0 10px;
	border:1px solid #ddd
}
input::-webkit-input-placeholder {
color:rgba(0, 0, 0, .4);
font-style:italic
}
input:-moz-placeholder {
color:rgba(0, 0, 0, .4);
font-style:italic
}
input::-moz-placeholder {
color:#000;
font-style:italic
}
input:-ms-input-placeholder {
color:rgba(0, 0, 0, .4);
font-style:italic
}
.site-header {
	background-color:#fff;
	width:100%;
	float:left;
	position:fixed;
	left:0;
	top:0;
	z-index:9998
}
.site-header .menu-bar {
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#701f40;
	margin-top:10px
}
.site-header .menu-bar .mega-menu-block {
	margin-top:0
}
#lz_request_window {
	z-index:100001!important
}
.site-header .header-shadow {
	max-width:100%;
	float:left;
	position:absolute;
	top:100%;
	left:0;
	z-index:1001
}
.site-header .breadscrubms {
	width:100%;
	float:left;
	position:relative;
	padding:.4% 1.5% 0;
	text-transform:uppercase;
	z-index:1000
}
.site-header .breadscrubms a, .site-header .breadscrubms span {
	float:left;
	font-size:11px;
	margin-bottom:10px
}
.site-header .breadscrubms span.divider {
	margin:0 15px;
	color:#701f40
}
.site-header .breadscrubms img.header-shadow {
	position:absolute;
	left:0;
	top:100%;
	width:100%
}
.site-header .header-search {
	float:right;
	margin-top:10px;
	margin-left:8px;
	border:1px solid #ddd
}
.site-header .header-search input {
	border:0;
	height:32px;
	line-height:32px;
	width:100px;
	background-color:transparent
}
.site-header .header-search button {
	background-color:transparent;
	border:0;
	float:right;
	margin-right:10px;
	width:auto;
	line-height:32px;
	height:32px;
	color:#333
}
.site-header .header-search.header-search-white {
	border:1px solid rgba(255, 255, 255, .3)
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav, .site-header nav.normal>ul>li>ul {
	border-top-width:2px;
	border-top-color:#701f40;
	border-top-style:solid
}
.site-header .header-search.header-search-white button, .site-header .header-search.header-search-white input {
	color:#fff
}
.site-header .header-search.header-search-white input::-webkit-input-placeholder {
color:rgba(255, 255, 255, .5)!important;
font-style:italic
}
.site-header .header-search.header-search-white input:-moz-placeholder {
color:rgba(255, 255, 255, .5)!important;
font-style:italic
}
.site-header .header-search.header-search-white input::-moz-placeholder {
color:rgba(255, 255, 255, .5)!important;
font-style:italic
}
.site-header .header-search.header-search-white input:-ms-input-placeholder {
color:rgba(255, 255, 255, .5)!important;
font-style:italic
}
.site-header .sm-profiles {
	width:auto;
	float:left;
	margin-top:20px
}
.sm-profiles {
	float:right!important
}
.site-header .sm-profiles a {
	float:left;
	margin-left:15px;
	color:#701f40
}
.site-header .sm-profiles a:hover {
	color:#333
}
.site-header .sm-profiles.sm-profiles-white a {
	color:#fff
}
.site-header .sm-profiles.sm-profiles-white a:hover {
	color:#701f40
}
.site-header .sub-menu {
	width:auto;
	float:right;
	margin:20px 20px 0;
	padding:0
}
.site-header .sub-menu a {
	float:left;
	margin-left:15px;
	font-size:15px;
	font-weight:700
}
.site-header .sub-menu-white a {
	color:#fff
}
.site-header .sub-menu-white a:hover {
	color:#701f40
}
.site-header .site-logo {
	width:128px;
	float:left;
	height:82px;
	margin:10px 0 5px
}
.site-header .site-logo img {
	max-height:82px;
	float:left;
	margin-right:10px
}
.site-header .site-logo p {
	margin:0;
	float:left;
	padding:0
}
.site-header .site-logo p.name {
	line-height:36px;
	font-size:36px;
	font-weight:700;
	color:#701f40
}
.site-header nav.blocked>ul>li>.wrapper>a, .site-header nav.normal>ul>li>a {
	text-transform:uppercase
}
.site-header .site-logo p.slogan {
	line-height:14px;
	font-style:italic;
	font-size:11px
}
.site-header .site-logo.site-logo-white p.name, .site-header .site-logo.site-logo-white p.slogan {
	color:#fff
}
.site-header .header-contacts {
	float:left;
	width:auto;
	height:50px;
	margin:30px 0 20px 30px
}
.site-header .header-contacts p {
	margin:0;
	padding:0;
	width:auto;
	float:left;
	line-height:20px;
	font-size:11px
}
.site-header .header-contacts p>i.fa {
	background-color:#701f40;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#fff
}
.site-header .header-contacts>:first-child {
	margin-top:3px
}
.site-header .header-contacts>:last-child {
	margin-top:5px
}
.site-header .header-contacts.header-contacts-white p {
	color:#fff
}
.site-header p.header-contacts.last {
	margin-top:10px
}
.site-header nav.normal {
	width:100%;
	float:left;
	position:relative;
	box-sizing:border-box
}
.site-header nav.normal .mobile-nav-wrapper {
	width:100%;
	float:left;
	position:relative
}
.site-header nav.normal .mobile-nav-wrapper>i.mobile-nav-icon {
	line-height:40px;
	width:100%;
	float:left;
	text-align:center;
	color:#fff;
	cursor:pointer;
transition:all ease .4s
}
.site-header nav.normal .mobile-nav-wrapper>i.mobile-nav-icon.clicked {
	background-color:#701f40
}
.site-header nav.normal .mobile-nav-wrapper ul {
	display:none
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav {
	width:100%;
	float:left;
	background-color:#f2f2f2;
	left:0;
	top:100%;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	z-index:1000005;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li:hover>i.fa {
	color:#fff
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li {
	width:100%;
	float:left;
	padding:0;
	margin:0;
	position:relative
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li>i.fa-angle-right {
	position:absolute;
	right:20px;
	top:20px;
	width:20px;
	height:20px;
	background-color:#00437a;
	color:#fff;
	line-height:20px;
	cursor:pointer;
	text-align:center
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li a {
	color:#333!important
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li a:hover {
	color:#fff!important
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li small {
	width:100%;
	float:left
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li ul {
	display:none;
	width:100%;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	background-color:#e6e6e6
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li ul ul {
	background-color:#fff
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li a {
	box-sizing:border-box;
	padding:15px 40px 15px 20px;
	width:100%;
	float:left;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
	text-transform:uppercase;
	position:relative
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li a i.fa {
	color:#701f40
}
.site-header nav.normal .mobile-nav-wrapper .mobile-nav li a:hover {
	background-color:#00437a
}
.site-header nav.normal ul {
	list-style:none;
	margin:0;
	padding:0
}
.site-header nav.normal>ul {
	width:100%;
	float:left;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:rgba(0, 0, 0, .2)
}
.site-header nav.normal>ul>li:hover>a>i.fa {
	color:#fff
}
.site-header nav.normal>ul>li {
	width:auto;
	float:left;
	box-sizing:border-box;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:rgba(0, 0, 0, .2);
	position:relative
}
.site-header nav.normal>ul>li ul {
	position:absolute;
	left:0;
	top:100%;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px;
	background-color:#f2f2f2;
	width:200px;
	z-index:1000004
}
.site-header nav.normal>ul>li ul>li {
	width:100%;
	float:left;
	list-style:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
	position:relative
}
.site-header nav.normal>ul>li ul>li a {
	color:#333!important
}
.site-header nav.normal>ul>li ul>li a:hover {
	color:#fff!important
}
.site-header nav.normal>ul>li ul>li i.fa-angle-right {
	margin-left:20px;
	float:none
}
.site-header nav.normal>ul>li ul>li ul {
	position:absolute;
	left:100%;
	top:0;
	border-top-width:0;
	border-top-style:solid;
	border-top-color:#ddd;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#ddd;
	margin-top:0;
	margin-left:0;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px
}
.site-header nav.normal>ul>li ul>li ul>li {
	display:block
}
.site-header nav.normal>ul>li ul>li ul ul {
	left:200px
}
.site-header nav.normal>ul>li ul>li>a {
	text-transform:uppercase;
	box-sizing:border-box;
	padding:15px 20px;
	width:100%;
	float:left
}
.site-header nav.normal>ul>li ul>li>a:hover {
	color:#fff;
	background-color:#00437a
}
.site-header nav.normal>ul>li>span.hover {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:0;
	background-color:#701f40;
	z-index:1
}
.site-header nav.normal>ul>li>a {
	color:#fff;
	float:left;
	padding:20px;
	box-sizing:border-box;
	position:relative;
	z-index:2
}
.site-header nav.normal>ul>li>a>i.fa {
	color:#701f40;
transition:all ease .4s
}
.site-header nav.normal>ul>li>a small {
	width:100%;
	float:left;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	line-height:12px
}
.site-header nav.normal>ul>li>a:hover>i.fa {
	color:#fff
}
.site-header nav.normal>ul>li ul {
	display:none
}
.site-header nav.blocked {
	width:100%;
	background:url(../images/menu-bg.jpg) repeat-x;
	height:52px;
	position:relative;
	z-index:1000001
}
.site-header nav.blocked .mobile-nav-wrapper {
	width:95%;
	float:left;
	position:relative
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav-icon {
	width:100%;
	background-color:#f2f2f2;
	color:#373e46;
	line-height:49.5px;
	text-align:center;
	cursor:pointer;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#701f40;
	margin-bottom:0px;
transition:all ease .4s
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav-icon.clicked {
	background-color:#701f40;
	padding: 0px 16px;
	color:#fff
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav {
	width:100%;
	float:left;
	background-color:#f2f2f2;
	left:0;
	top:100%;
	margin:-10px 0 0;
	padding:0;
	list-style:none;
	display:none;
	position:absolute;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li:hover>i.fa {
	color:#fff
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li {
	width:100%;
	float:left;
	padding:0;
	margin:0;
	position:relative
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li>i.fa-angle-right {
	position:absolute;
	right:20px;
	top:20px;
	width:20px;
	height:20px;
	background-color:#701f40;
	color:#fff;
	line-height:20px;
	cursor:pointer;
	text-align:center
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li small {
	width:100%;
	float:left
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li ul {
	display:none;
	width:100%;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	background-color:#e6e6e6
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li ul ul {
	background-color:#fff
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li a {
	box-sizing:border-box;
	padding:15px 40px 15px 20px;
	width:100%;
	float:left;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
	text-transform:uppercase;
	position:relative
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li a i.fa {
	color:#701f40
}
.site-header nav.blocked>ul>li.hovered .wrapper>a>i, .site-header nav.blocked>ul>li:hover .wrapper>a>i {
	color:#fff
}
.site-header nav.blocked .mobile-nav-wrapper .mobile-nav li a:hover {
	background-color:#701f40;
	color:#fff
}
.site-header nav.blocked>ul {
	padding:0;
	/*width:1900px;*/
	/*margin:0 auto*/
}
.site-header nav.blocked>ul>li.hovered .wrapper {
	background-color:#701f40
}
.site-header nav.blocked>ul>li {
	list-style:none;
	float:left;
	box-sizing:border-box;
	border:0 solid #701f40;
	padding-right:0;
	position:relative;
	width:12.281%!important
}
.site-header nav.blocked>ul>li ul {
	display:none;
	position:absolute;
	border:0 solid #ddd;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px;
	background-color:#f2f2f2;
	border-top-width:0;
	border-bottom-width:0;
	padding:0;
	margin:0;
	top:100%;
	left:0;
	z-index:1000002;
	width:14.23%
}
.live_chat a, .site-header nav.blocked>ul>li ul>li ul>li, .watch-video a {
	display:block
}
.site-header nav.blocked>ul>li ul>li {
	width:100%;
	float:left;
	list-style:none;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd;
	position:relative
}
.site-header nav.blocked>ul>li ul>li i.fa-angle-right {
	margin-left:20px
}
.site-header nav.blocked>ul>li ul>li ul {
	position:absolute;
	left:100%;
	top:0;
	border-top-width:0;
	border-top-style:solid;
	border-top-color:#ddd;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#ddd;
	margin-top:0;
	margin-left:0;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px
}
.site-header nav.blocked>ul>li ul>li>a {
	box-sizing:border-box;
	padding:5px 10px;
	width:100%;
	float:left;
 font-size: calc(4.5px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
 line-height: calc(1em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.site-header nav.blocked>ul>li ul>li>a:hover {
 color:#701f40 margin-left:10px;
}
.site-header nav.blocked>ul>li>.wrapper {
	background-color:#f2f2f2;
	width:100%;
	float:left;
	color:#fff;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	text-align:center;
	padding-bottom:11px;
}
.demo-btn {
	background:#b2d395!important
}
.live_chat {
	background:#89b20a
}
.live_chat a {
	float:left;
	width:100%;
	height:100%
}
.live_chat a>i:hover {
	color:#fff!important
}
.live_chat a:hover {
	color:#fff
}
.live-chat-text {
	float:left;
	font-size:19pt!important;
	padding:15px 15px!important
}
.chat-lady {
	background:url(../images/chat-lady.png) no-repeat;
	height:53px;
	width:73px
}
.request-demo:hover, .watch-video:hover {
	background:#701f40;
	cursor:pointer
}
.chat-online-text {
	float:left;
	font-size:16px!important;
	padding-top:16px
}
.demo-icon {
	float:left;
	padding:11px 20px
}
.request-demo {
	border-right:#d9d9d9 solid 1px
}
.request-demo a {
	float:left;
	display:block;
	width:100%
}
.request-demo>a:hover>i.fa {
	color:#fff!important
}
.request-demo:hover {
	color:#fff
}
.request-demo a:hover, .watch-video a:hover, .watch-video:hover, .watch-video>a:hover>i.fa {
	color:#fff!important
}
.watch-video a {
	float:left;
	width:100%
}
.company-more-details, .more-details-hide {
	cursor:pointer;
	float:right
}
.click-down-arrow {
	position:absolute;
	top:609px;
	left:50%;
	cursor:pointer;
	z-index:999
}
.up-arrow {
	position:absolute;
	top:894px!important;
	left:50%;
	cursor:pointer
}
.site-header nav.blocked>ul>li>.wrapper>.hover {
	background-color:#701f40;
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	left:0;
	top:100%;
	margin-top:-2px;
	z-index:1
}
.site-header nav.blocked>ul>li>.wrapper>.active {
	background-color:#701f40;
	color:#fff;
	padding-left:10px;
}
.site-header nav.blocked>ul>li>.wrapper>a:hover {
	color:#fff!important
}
.site-header nav.blocked>ul>li>.wrapper>a>i {
	color:#b8b8b8
}
.site-header nav.blocked>ul>li>.wrapper>a>small {
	width:100%;
	float:left;
	line-height:12px;
	font-size:11px;
	font-weight:400
}
.layer-slider .need, .layer-slider .quote-author {
}
.site-header nav.blocked>ul>li>.wrapper>a:hover>i.fa {
	color:#fff;
transition:all ease .4s
}
.site-header nav.blocked>ul>:last-child {
	padding-right:0
}
.site-header nav.blocked.shop-menu {
	position:relative;
	box-sizing:border-box;
	padding-right:57px
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper {
	position:absolute;
	height:100%;
	right:0;
	top:0;
	width:50px;
	padding:10px 0;
	box-sizing:border-box
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper span.cart-qty {
	position:absolute;
	right:-5px;
	top:0;
	width:20px;
	height:20px;
	line-height:19px;
	border-radius:50%;
	background-color:#00437a;
	color:#fff;
	text-align:center;
	font-size:12px
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper i#cart-icon {
	width:100%;
	float:left;
	height:100%;
	background-color:#ecedf1;
	color:#701f40;
transition:all ease .4s;
	line-height:100%;
	text-align:center;
	box-sizing:border-box;
	padding-top:15px;
	font-size:18px
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper i#cart-icon:hover {
	background-color:#701f40;
	color:#fff
}
@media (min-width:316px) and (max-width:640px) {
.layer-slider {
height:80px!important
}
.ls-layer img {
margin-left:-178px!important;
margin-top:-50.5px!important
}
}
@media (max-width:360px) {
.layer-slider {
height:80px!important
}
.ls-layer img {
margin-left:-178px!important;
margin-top:-50.5px!important
}
}
@media (max-width:480px) {
.live_chat, .request-demo, .watch-video {
float:left;
width:100%
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper {
padding-top:0
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper span.cart-qty {
top:-5px
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper i#cart-icon {
padding-top:12px
}
.form-elem-full {
width:100%
}
.live_chat {
height:43px
}
.chat-lady {
height:100%!important
}
.live-chat-text {
font-size:13pt!important
}
.chat-online-text {
font-size:10pt!important;
padding-top:13px
}
.request-demo {
border-bottom:1px solid #d9d9d9;
border-right:none
}
.click-down-arrow {
left:42%;
position:absolute;
top:702px
}
.up-arrow {
left:42%;
position:absolute;
top:1509px!important
}
}
@media (min-width:414px) and (max-width:736px) {
.layer-slider {
height:80px!important
}
}
@media (min-width:480px) and (max-width:768px) {
.live_chat, .request-demo, .watch-video {
float:left;
width:100%
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper {
padding-top:0
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper span.cart-qty {
top:-5px
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper i#cart-icon {
padding-top:12px
}
.form-elem-full {
width:100%
}
.live_chat {
height:43px
}
.chat-lady {
height:100%!important
}
.live-chat-text {
font-size:13pt!important
}
.chat-online-text {
font-size:10pt!important;
padding-top:13px
}
.request-demo {
border-bottom:1px solid #d9d9d9;
border-right:none
}
.click-down-arrow {
left:42%;
position:absolute;
top:723px
}
.layer-slider {
height:193px!important
}
}
@media (min-width:768px) and (max-width:992px) {
 .site-header nav.blocked {
height:54px;
}
.live_chat, .request-demo, .watch-video {
float:left;
width:100%
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper {
padding-top:0
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper span.cart-qty {
top:-5px
}
.site-header nav.blocked.shop-menu .cart-icon-wrapper i#cart-icon {
padding-top:12px
}
.live_chat {
height:43px
}
.chat-lady {
height:100%!important
}
.live-chat-text {
font-size:13pt!important
}
.chat-online-text {
font-size:10pt!important;
padding-top:13px
}
.request-demo {
border-bottom:1px solid #d9d9d9;
border-right:none
}
.click-down-arrow {
left:42%;
position:absolute;
top:723px
}
.layer-slider {
height:193px!important
}
}
@media (min-width:992px) and (max-width:1200px) {
.layer-slider {
height:193px!important
}
.click-down-arrow {
top:500px!important
}
}
@media (min-width:994px) and (max-width:1366px) {
 .layer-slider {
height:193px!important
}
.click-down-arrow {
top:500px!important
}
}
.site-header.site-header-2 {
	background-color:transparent
}
.site-header.site-header-2.sticked {
	background-color:#fff;
	box-shadow:rgba(0, 0, 0, .3) 0 0 10px
}
.site-header.site-header-3.sticked .menu-bar {
	margin-top:0
}
.site-header.site-header-gradient {
	background:-moz-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .65)), color-stop(100%, rgba(0, 0, 0, 0)));
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
	background:-o-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
	background:-ms-linear-gradient(top, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
	background:linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, rgba(0, 0, 0, 0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0)
}
.site-header.site-header-gradient.sticked {
	background:#fff!important
}
.att-login-btn, .bg-img {
	background-repeat:no-repeat
}
.mega-menu-block {
	width:100%;
	position:absolute;
	left:0;
	top:100%;
	padding:0 20px;
	box-sizing:border-box;
	background-color:#f2f2f2;
	box-shadow:rgba(0, 0, 0, .3) 4px 4px 4px;
	z-index:1000003;
	display:none;
	margin-top:-10px
}
.mega-menu-block aside {
	float:left;
	color:#666
}

.mega-menu-block aside a {
	color:#333
}
.mega-menu-block aside a:hover {
	color:#701f40
}
nav.normal .mega-menu-block {
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#701f40
}
.layer-slider {
	width:100%;
	float:left;
	height:286px
}
.layer-slider .quote {
	font-style:italic;
	font-size:2em;
	width:600px;
	color:#333
}
.layer-slider .quote-author {
	width:600px;
	font-weight:700;
	text-transform:capitalize;
	color:#701f40
}
.layer-slider .feature-item {
	width:200px;
	text-transform:capitalize;
	color:#333
}
.layer-slider .feature-item i.fa {
	color:#701f40
}
.layer-slider .biss-bg, .layer-slider .template-bg {
	color:#fff;
	padding:10px 20px;
	font-weight:bolder;
	text-transform:uppercase
}
.layer-slider .biss-bg {
	background-color:#701f40;
	font-size:64px
}
.layer-slider .template-bg {
	background-color:#00437a;
	font-size:36px
}
.layer-slider .template-bg i.fa {
	color:#701f40
}
.layer-slider .need {
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
	color:#333
}
.layer-slider i.fa.icon-logo {
	width:150px;
	height:150px;
	text-align:center;
	line-height:150px;
	border:5px solid #701f40;
	color:#701f40;
	font-size:128px
}
.layer-slider .slide-description-2 p.title, .layer-slider .slide-description-4 p.title {
	line-height:1em;
	text-transform:uppercase
}
.layer-slider .slide-description-4 {
	width:1170px;
	text-align:center
}
.layer-slider .slide-description-4 p {
	width:100%;
	float:left
}
.layer-slider .slide-description-4 p.title {
	margin-top:0;
	color:#333;
	font-weight:bolder;
	font-size:64px
}
.layer-slider .slide-description-2 {
	width:870px;
	background-color:rgba(0, 0, 0, .5);
	box-sizing:border-box;
	padding:50px;
	text-align:center
}
.layer-slider .slide-description-2 p {
	margin:0;
	color:#fff
}
.layer-slider .slide-description-2 p.subtitle {
	text-transform:uppercase;
	color:#701f40
}
.layer-slider .slide-description-2 p.title {
	font-size:48px;
	font-weight:700;
	margin-bottom:30px
}
.description {
	font-size:18px;
	font-weight:700
}
.layer-slider .slide-description-2 p.description {
	margin-bottom:30px
}
.layer-slider .slide-description {
	width:650px;
	background-color:rgba(255, 255, 255, .5);
	padding:50px 100px 50px 50px;
	box-sizing:border-box
}
.layer-slider .slide-description p.subtitle {
	float:left;
	background-color:#701f40;
	color:#fff;
	text-transform:uppercase;
	padding:0 20px
}
.layer-slider .slide-description p.title {
	margin:0;
	text-transform:uppercase;
	font-size:34px;
	font-weight:700;
	line-height:2em;
	color:#333
}
.layer-slider .slide-description.align-right p, .layer-slider .slide-description.align-right p.subtitle {
	float:right
}
.layer-slider.layer-slider-2 {
	height:750px
}
@media (max-width:480px) {
.layer-slider {
height:150px
}
.layer-slider .slide-description p.title {
font-size:18px
}
.layer-slider .slide-description p.description {
display:none
}
.layer-slider .slide-description p.subtitle {
font-size:9px;
padding:0 5px
}
.layer-slider .slide-description p a.biss-btn {
font-size:12px!important
}
.form-elem-full {
width:100%
}
}
@media (min-width:480px) and (max-width:768px) {
.layer-slider .slide-description p.title {
font-size:24px
}
.layer-slider .slide-description p.description {
display:none
}
.layer-slider .slide-description p.subtitle {
font-size:9px;
padding:0 5px
}
.layer-slider .slide-description p a.biss-btn {
font-size:12px!important
}
.form-elem-full {
width:100%
}
.layer-slider {
height:193px
}
}
@media (min-width:768px) and (max-width:992px) {
 .layer-slider .slide-description p.title {
font-size:48px
}
.layer-slider .slide-description p.description {
display:none
}
.layer-slider {
height:193px
}
}
@media (min-width:768px) and (max-width:1024px) {
 .layer-slider {
height:150px!important
}
.ls-layer img {
margin-left:-50%!important;
margin-top:-10%!important
}
.site-header nav.blocked>ul {
width:100%!important;
/*padding:0 3.5%*/
}
}
@media (min-width:992px) and (max-width:1200px) {
.layer-slider {
height:163px
}
.layer-slider .slide-description p.title {
font-size:48px
}
.click-down-arrow {
top:500px!important
}
}
.bg-img {
	background-position:center;
	background-size:cover;
	background-attachment:fixed
}
.bg-img-1 {
	background-image:url(../images/solutions/inner-banner-bg.png)
}
.bg-img-1g {
	background:#f5f5f5
}
.bg-img-2 {
	background-image:url(../images/3.jpg)
}
.bg-img-3 {
	background:#eef3f9
}
.bg-img-3 {
	background:#eef3f9
}
.bg-img-3b {
	background:#dbeefb
}
.bg-img-4, .bg-img-5, .bg-img-6, .bg-img-7, .bg-img-8, .bg-img-9 {
	background-image:url(../images/solutions/inner-banner-bg.png)
}
.bg-img-10 {
	background-image:url(../images/10.jpg)
}
.bg-img-11 {
	background-image:url(../images/11.jpg)
}
.bg-img-12 {
	background-image:url(../images/12.jpg)
}
.bg-img-13 {
	background-image:url(../images/13.jpg)
}
.bg-img-14 {
	background-image:url(../images/14.jpg)
}
.bg-img-15 {
	background-image:url(../images/15.jpg)
}
.bg-img-16 {
	background-image:url(../images/16.jpg)
}
.bg-img-17 {
	background-image:url(../images/17.jpg)
}
.bg-img-dark {
	background-image:url(../images/dark-bg.jpg)
}
.bg-img-light {
	background-image:url(../images/light-bg.jpg)
}
.transparent-bg-secondary {
	position:relative;
	color:rgba(255, 255, 255, .8)
}
.transparent-bg-secondary h1, .transparent-bg-secondary h2, .transparent-bg-secondary h2.section-title, .transparent-bg-secondary h3, .transparent-bg-secondary h4, .transparent-bg-secondary h5, .transparent-bg-secondary h6 {
	color:#fff
}
.transparent-bg-secondary .transparent-bg-secondary-inner {
	width:100%;
	float:left;
	position:relative;
	z-index:100
}
.transparent-bg-secondary .transparent-bg-secondary-layer {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:.6
}
.transparent-bg-primary {
	position:relative;
	color:rgba(255, 255, 255, .8)
}
.transparent-bg-primary h2.section-title {
	color:#fff
}
.transparent-bg-primary .transparent-bg-primary-inner {
	width:100%;
	float:left;
	position:relative;
	z-index:100
}
.transparent-bg-primary .transparent-bg-primary-layer {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#701f40;
	opacity:.6
}
.transparent-bg-white {
	position:relative
}
.transparent-bg-white .transparent-bg-white-inner {
	width:100%;
	float:left;
	position:relative;
	z-index:100
}
.transparent-bg-white .transparent-bg-white-layer {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:#fff;
	opacity:.7
}
.arrow-down .arrow-elem, .arrow-up .arrow-elem {
	left:50%;
	margin-left:-7px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent
}
.primary-bg {
	background-color:#701f40!important;
	color:rgba(255, 255, 255, .5)
}
.primary-bg h1, .primary-bg h2, .primary-bg h3, .primary-bg h4, .primary-bg h5, .primary-bg h6 {
	color:#fff
}
.primary-bg p.section-subtitle {
	color:rgba(255, 255, 255, .5)
}
.primary-bg a {
	color:#fff!important
}
.primary-bg-lighten {
	background-color:#f8e5e6
}
.secondary-bg {
	background-color:#00437a!important;
	color:rgba(255, 255, 255, .5)
}
.secondary-bg h1, .secondary-bg h2, .secondary-bg h3, .secondary-bg h4, .secondary-bg h5, .secondary-bg h6 {
	color:#fff
}
.secondary-bg a {
	color:#fff!important
}
.secondary-bg-lighten {
	background-color:#ecedf1
}
.arrow-down {
	position:relative;
	z-index:1
}
.arrow-down .arrow-elem {
	position:absolute;
	bottom:-15px;
	z-index:10;
	border-top-width:15px;
	border-top-style:solid
}
.arrow-up {
	position:relative;
	z-index:1
}
.arrow-up .arrow-elem {
	position:absolute;
	top:-15px;
	z-index:10;
	border-bottom-width:15px;
	border-bottom-style:solid
}
.arrow-down.primary-bg .arrow-elem, .arrow-up.primary-bg .arrow-elem {
	border-top-color:#701f40;
	border-bottom-color:#701f40
}
.arrow-down.secondary-bg .arrow-elem, .arrow-up.secondary-bg .arrow-elem {
	border-top-color:#00437a;
	border-bottom-color:#00437a
}
.action-block-1 {
	width:100%;
	float:left;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#701f40;
	padding-bottom:20px
}
.action-block-1 p {
	width:100%;
	float:left;
	margin:0
}
.action-block-1 p.h {
	margin-bottom:5px;
	text-transform:uppercase;
	font-size:24px;
	font-weight:700;
	color:#333;
	line-height:24px
}
.primary-bg .action-block-1 p.h, .secondary-bg .action-block-1 p.h {
	color:#fff
}
.action-block-2 {
	width:100%;
	float:left;
	text-align:center
}
.action-block-2 p {
	margin:0
}
.action-block-2 p.main {
	margin:20px 0;
	color:#333;
	text-transform:uppercase;
	font-size:36px;
	line-height:1em!important
}
.service-2 p.title, .services-1 .inner p.h {
	font-weight:700
}
.primary-bg .action-block-2 p.main, .secondary-bg .action-block-2 p.main {
	color:#fff
}
 @media (min-width:321px) and (max-width:1024px) {
 .product-inner-sec-green {
 float:left;
 position:relative;
 text-align:center;
 width:94%;
 background:#a8ca01;
 font-size:17px;
 /*margin-left:5px;*/
 line-height: calc(1.3rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-green, h3.green-heading {

}
.product-inner-sec-green-outer {
padding:30px 30px 30px 15px;
text-align:left;
}
.product-inner-sec-green, p.green-text {
font-size:1.3rem;
text-align:left;
}
.product-inner-sec-blue {
 float:left;
 position:relative;
 text-align:center;
 width:94%;
 background:#a8c6ec;
 font-size:17px;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-blue, h3.blue-heading {

}
.product-inner-sec-blue-outer {
padding:30px 30px 54px 15px;
text-align:left;
}
.product-inner-sec-blue ul.list {
list-style-position:outside !important;
font-size:calc(1rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.product-inner-sec-blue li {
background:url(../img/icons/block-right-icon.png) left top no-repeat;
}
.product-inner-sec-blue li {
padding:5px 0px 17px 40px;
}
#product-inner-sec-dia {
/* The image used */
    background: url("./../images/products/products-center-wide.png") no-repeat top left;
 /*background-size:99.2%;*/
 height:489px;
 width: 94.7%;
}
.product-inner-sec-dia {
 float:left;
 position:relative;
 text-align:center;
 width:99%;
 background:#FFF;
 height:auto;
}
}
@media (min-width:1025px) and (max-width:1919px) {

 .product-inner-sec-green {
 float:left;
 position:relative;
 text-align:center;
 /*width:86%;*/
 background:#a8ca01;
 font-size:17px;
 margin-left:5px;
 line-height: calc(1rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-green, h3.green-heading {

}
.product-inner-sec-green-outer {
padding:23px 30px 0px 15px;
text-align:left;
}
.product-inner-sec-green, p.green-text {
font-size:1rem;
text-align:left;
}
.product-inner-sec-blue {
 float:left;
 position:relative;
 text-align:center;
 width:98%;
 background:#a8c6ec;
 font-size:17px;
 line-height: calc(1.77rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-blue, h3.blue-heading {

}
.product-inner-sec-blue-outer {
padding:0px 10px 32.6px 5px;
text-align:left;
}
.product-inner-sec-blue ul.list {
list-style-position:outside !important;
font-size:calc(1rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.product-inner-sec-blue li {
background:url(../img/icons/block-right-icon.png) left top no-repeat;
}
.product-inner-sec-blue li {
padding:5px 0px 10px 40px;
}
#product-inner-sec-dia {
/* The image used */
    background: url("./../images/products/products-center.png") no-repeat top left;
 background-size:99.2%;
 height: 335.3px;
 width: 100%;
}
}
@media (min-width:1920px) and (max-width:5000px) {

	.product-inner-sec-blue-outer {
    padding: 0px 10px 22px 5px;
    text-align: left;
}
 .product-inner-sec-green {
 float:left;
 position:relative;
 text-align:center;
 width:99%;
 background:#a8ca01;
 font-size:17px;
 margin-left:5px;
 line-height: calc(1.3rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-green, h3.green-heading {

}
.product-inner-sec-green-outer {
padding:30px 30px 18px 15px;
text-align:left;
}
.product-inner-sec-green, p.green-text {
font-size:1.3rem;
text-align:left;
}
.product-inner-sec-blue {
 float:left;
 position:relative;
 text-align:center;
 width:98%;
/* background:#a8c6ec;*/
 background:#e7f39d;
 font-size:17px;
 line-height: calc(1.7rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
 padding:0px 15px 127px 15px;
/*padding:0px;
	margin:0px;*/
}

.product-inner-sec-blue-outer {
/*padding:30px 30px 42px 15px;*/
text-align:left;
}
.product-inner-sec-blue ul.list {
list-style-position:outside !important;
font-size:calc(1rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.product-inner-sec-blue li {
background:url(../img/icons/block-right-icon.png) left top no-repeat;
}
.product-inner-sec-blue li {
padding:5px 0px 7px 40px;
}
 #product-inner-sec-dia {
	 background-image: url("./../images/products/products-center-wide.png");
  background-size: cover;
  position: relative;
  height: 414.2px;
  width: 99.1%;
/* The image used
    background: url("./../images/products/products-center-wide.png") no-repeat top left;
 background-size:99.2%;
 height: 39.3vh;
 width: 100%;
min-height: 22.8rem;
*/
}
}
.product-inner-sec-dia {
	float:left;
	position:relative;
	text-align:center;
	width:99%;
	background:#FFF;
	height:auto;
}
.usecase-sec {
	float:left;
	position:relative;
	text-align:center;
	/*width:98%;*/
	background:#f7f8f9;
 font-size:calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.usecase-sec ul.list {
	list-style-position:outside !important;
	font-size:1.5rem;
	font-weight:700;
	text-align:left;
	font-color:#000;
}
.usecase-sec li {
	background:url(../img/icons/red-right-icon.png) left top no-repeat;
}
.usecase-sec li {
	padding:0px 0px 10px 40px;
	margin-left:5px;
}
.usecase-sec p {
	padding:0px 0px 0px 15px;
	font-weight:100;
}
a.usecase-sec:link a.usecase-sec:visited {
	color:#000;
}
.services-sec {
	float:left;
	position:relative;
	text-align:center;
	width:98%;
	background:#f7f8f9;
 font-size:calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.products-wrapper {
	float:left;
	position:relative;
	text-align:left;
	width:100%;
	background:#f7f8f9;
 font-size:calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.services-1 {
	float:left;
	margin-bottom:13px;
	padding-bottom:2px;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:100%;
 font-size:calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
	/*margin-top:20px;*/
	background:#f7f8f9;
}
.services-1 .inner {
	width:100%;
	float:left;
	position:relative;
	z-index:100;
	padding:10px;
	box-sizing:border-box
}
@media (min-width:485px) and (max-width:5000px) {
 .services-1 .right {
border-right:2px solid #701f40;
}
}
.services-1 .inner p {
	color:#000000;
	margin:0;
	padding:0
}
.services-1 .inner p.h {
	margin-bottom:10px;
	/*text-transform:uppercase;*/
	font-size:27px;
	font-weight:bold;
}
.services-1 .inner p.b {
	margin-top:20px
}
.services-1 .bottom-border, .services-1 .color-bg {
	position:absolute;
	background-color:#701f40;
	width:100%;
	height:2px;
	left:0;
	bottom:0
}
.service-2, .services-1>span.icon {
	position:relative;
	box-sizing:border-box
}
.services-1>span.icon {
	border:1px solid #fff;
	border-radius:50%;
	color:#fff;
	display:inline-block;
	font-size:28px;
	height:75px;
	line-height:71px;
	margin-top:-30px;
transition:all .4s ease 0s;
	width:75px;
	z-index:100
}
.services-1:hover>span.icon {
	color:#fff
}
.service-2 {
	width:100%;
	float:left;
	margin-bottom:20px;
	min-height:70px;
	padding-left:90px;
	text-align:left
}
.service-2>i.Premise, .service-2>i.Premise:hover, .service-2>i.fa {
	border-radius:50%;
	line-height:70px;
	position:absolute;
	left:0;
	top:0;/*cursor:pointer*/
}
.service-2 p {
	width:100%;
	float:left;
	margin:0;
	font-size:15px
}
.service-2 p.title {
	color:#333;
	text-transform:capitalize;
	font-size:18px;
	margin-bottom:10px
}
.service-2 .hi-icon {
	color:#701f40
}
.service-2 .hi-icon:before {
	font-size:24px
}
.service-2>i.fa {
	background-color:#ecedf1;
	width:70px;
	height:70px;
	color:#701f40;
	font-size:20px;
	text-align:center;
transition:all ease .4s
}
.service-2>i.Premise {
	background:url(../images/fp_buildings_24.png) no-repeat #ecedf1;
	display:block;
	width:24px;
	height:24px;
	color:#701f40;
	text-align:center;
transition:all ease .4s
}
.service-2>i.Premise:hover {
	background:url(../images/fp-building-48.png) no-repeat #ecedf1;
	height:48px;
	width:48px;
	color:#701f40;
	text-align:center;
transition:all ease .4s
}
.service-3>.inner, .service-3>.inner>i.fa {
	border:1px solid #ddd;
	box-sizing:border-box;
transition:all ease .4s
}
.service-3>.innersolu, .service-3>.innersolu>i.fa {
	border:1px solid #ddd;
	box-sizing:border-box;
transition:all ease .4s
}
.service-3>.inneratt, .service-3>.inneratt>i.fa {
	border:1px solid #ddd;
	box-sizing:border-box;
transition:all ease .4s
}
.service-3>.innersolu, .service-3>.innersolu>i.fa {
	border:1px solid #ddd;
	box-sizing:border-box;
transition:all ease .4s
}
.service-3>.innerqua {
	border:1px solid #ddd;
	box-sizing:border-box;
transition:all ease .4s
}
.service-2:hover>i.fa {
	background-color:transparent;
	font-size:48px
}
.primary-bg .service-2 p.title {
	color:#fff
}
.primary-bg .service-2>i.fa {
	color:#00437a
}
.gray-bg {
	color:#eef3f9;
}
.service-3 {
	font-size:17px;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.service-3 {
	width:100%;
	float:left;
	text-align:center;
	box-sizing:border-box;
	padding:10px -1px 5px 5px;
}
.service-3>.inner .innersolu .innerqua .inneratt {
	width:100%;
	float:left;
	position:relative;
	padding:10px;
	background-color:#fff;
}
.service-3>.inner>.innersolu>.innerqua>.inneratt>.line {
	width:40px;
	height:1px;
	display:inline-block;
	background-color:#701f40
}
.service-3, h3 {
	color:#000;

}
.service-3>.inner>i.fa {
	/*position:absolute;*/
	width:100px;
	height:100px;
	background-color:#fff;
	font-size:26px;
	color:#701f40;
	left:10.5%;
	top:0;
	margin-top:-50px;
	/*margin-left:-50px;*/
	border-radius:50%;
	line-height:98px
}
.service-3>.innersolu>i.fa {
	/*position:absolute;*/
	width:100px;
	height:100px;
	background-color:#fff;
	font-size:26px;
	color:#701f40;
	left:10.5%;
	top:0;
	margin-top:-50px;
	/*margin-left:-50px;*/
	border-radius:50%;
	line-height:98px
}
.service-3>.inneratt>i.fa {
	/*position:absolute;*/
	width:100px;
	height:100px;
	background-color:#fff;
	font-size:26px;
	color:#701f40;
	left:10.5%;
	top:0;
	margin-top:-50px;
	margin-left:-50px;
	border-radius:50%;
	line-height:98px
}
.service-3:hover>.inner {
/*box-shadow:rgba(0, 0, 0, .4) 0 0 20px*/
}
.service-3:hover>.inner>i.fa {
	border:1px solid #701f40;
	background-color:#701f40;
	color:#fff
}
.service-4 {
	width:100%;
	float:left;
	background-color:#ecedf1;
	box-sizing:border-box;
	padding:30px;
	text-align:center;
	margin-bottom:30px;
transition:all ease .4s
}
.service-4 i.fa {
	line-height:70px;
	height:70px;
	width:70px;
	text-align:center;
	color:#fff;
	background-color:#00437a;
	border-radius:50%;
	font-size:24px;
transition:all ease .4s
}
.fp_policy, .join, .oppor {
	height:300px
}
.service-4 .fa-linkedin {
	background:#0177b5!important
}
.service-4 .fa-linkedin:hover {
	background:#fff!important;
	color:#0177b5!important
}
.service-4 .fa-facebook {
	background:#3b5998!important
}
.service-4 .fa-facebook:hover {
	background:#fff!important;
	color:#3b5998!important
}
.service-4 .fa-twitter {
	background:#659fcb!important
}
.service-4 .fa-twitter:hover {
	background:#fff!important;
	color:#659fcb!important
}
.service-4 .fa-google-plus {
	background:#dc473a!important
}
.service-4 .fa-google-plus:hover {
	background:#fff!important;
	color:#dc473a!important
}
.service-4:hover {
	background-color:#dde0e6
}
.service-4:hover i.fa {
	background-color:#701f40
}
.join {
	background:url(../images/company/join-us.jpg) center no-repeat
}
.oppor {
	background:url(../images/company/opp.jpg) center no-repeat
}
.fp_policy {
	background:url(../images/company/policy.png) center no-repeat
}
.att-login-btn {
	background-color:#fe8c2c;
	background-position:center center;
	background:-webkit-gradient(radial, center center, 0, center center, 460, from(#feb623), to(#fe8c2c));
	background:-webkit-radial-gradient(circle, #feb623, #fe8c2c);
	background:-moz-radial-gradient(circle, #feb623, #fe8c2c);
	background:-ms-radial-gradient(circle, #feb623, #fe8c2c)
}
article h2 {
	color:#111!important
}
article h4 a {
	color:#fff!important;
	font-weight:700
}
article h4 a:hover {
	color:#701f40!important
}
.stats-item {
	width:100%;
	float:left;
	margin-bottom:40px
}
.stats-item span {
	width:100%;
	float:left;
	text-align:center
}
.stats-item span.value {
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#701f40;
	font-size:64px;
	color:#333
}
.stats-item span.description {
	text-transform:capitalize;
	font-size:18px;
	margin-top:10px
}
.stats-item.white span {
	color:#fff
}
.widget .widget-content .sm-profiles {
	width:auto;
	float:left;
	margin-top:20px;
	text-align:left
}
.widget .widget-content .sm-profiles a {
	margin-right:5px;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	background-color:#962955;
	color:#fff;
	text-align:center;
	display:inline-block
}
.widget .widget-content .sm-profiles a:hover {
	background-color:#fff;
	color:#333
}
.widget .widget-content .site-logo {
	width:auto;
	float:left;
	height:50px;
	margin:0
}
.widget .widget-content .site-logo img {
	max-height:50px;
	float:left;
	margin-right:10px
}
.widget .widget-content .site-logo p {
	margin:0;
	float:left;
	padding:0
}
.widget .widget-content .site-logo p.name {
	line-height:36px;


	color:#701f40
}
.company-events>span.label, .post .meta span, .post .quote .author, .testimonials-1-item .author p.name, .testimonials-2-item p.name, .widget .widget-title {

}
.widget .widget-content .site-logo p.slogan {
	line-height:14px;
	font-style:italic;

	color:#fff
}
.widget .widget-content .quick_newsletter {
	width:100%;
	float:left;
	margin-top:20px;
	position:relative
}
.widget .widget-content .quick_newsletter form {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding-right:60px;
	border:1px solid rgba(255, 255, 255, .2)
}
.widget .widget-content .quick_newsletter form input[type=text] {
	width:50%;
	float:left;
	background-color:transparent;
	border:0;
	line-height:38px;
	height:38px;
	color:#fff
}
.widget .widget-content .quick_newsletter form input[type=text]::-webkit-input-placeholder {
color:rgba(255, 255, 255, .5);
font-style:italic
}
.widget .widget-content .quick_newsletter form input[type=text]:-moz-placeholder {
color:rgba(255, 255, 255, .5);
font-style:italic
}
.widget .widget-content .quick_newsletter form input[type=text]::-moz-placeholder {
color:rgba(255, 255, 255, .5);
font-style:italic
}
.widget .widget-content .quick_newsletter form input[type=text]:-ms-input-placeholder {
color:rgba(255, 255, 255, .5);
font-style:italic
}
.widget .widget-content .quick_newsletter form input[type=button], .widget .widget-content .quick_newsletter form input[type=submit] {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	padding:0;
	margin:0;
	line-height:40px;
	height:40px;
	float:left
}
.widget {
	margin-top:30px;
	float:left;
	width:100%
}
.widget .widget-title {
	margin:0 0 20px;
	padding:0 0 5px;
	width:100%;
	float:left;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#701f40;

	/*text-transform:uppercase;*/
	color:#333;
	font-weight:400;
}
.widget .widget-content {
	width:100%;
	float:left;
	position:relative
}
.widget.widget-twitter ul {
	width:100%;
	float:left;
	margin:0;
	padding:0
}
.widget.widget-twitter ul li {
	margin:20px 0 0;
	padding:0 0 0 50px;
	box-sizing:border-box;
	position:relative
}
.widget.widget-twitter ul li>i.fa-twitter {
	position:absolute;
	left:0;
	top:0;
	width:40px;
	text-align:center;
	color:#ecedf1;

	background-color:transparent
}
.widget.widget-twitter ul li p.tweet, .widget.widget-twitter ul>:first-child {
	margin-top:0
}
.widget.widget-links .wrap-1 {
	width:50%;
	float:left;
	padding-right:15px;
	box-sizing:border-box
}
.widget.widget-links .wrap-2 {
	width:50%;
	float:right;
	padding-left:15px;
	box-sizing:border-box
}
.widget.widget-links ul {
	padding:0;
	margin-right:0;
	margin-left:0;
	float:left;
	margin-bottom:0;
	width:100%
}
.widget.widget-links ul li {
	margin:0 0 10px;
	padding:0;
	list-style:none
}
.widget.widget-links ul>:last-child {
	margin-bottom:0
}
.widget.widget-contacts p.contacts {
	color:#333
}
.widget.widget-contacts p.contacts i.fa {
	color:#041c2f
}
.widget.widget-flickr .widget-content img {
	float:left;
transition:all ease .4s;
	margin:0 2px 2px 0
}
.widget.widget-flickr .widget-content img:hover {
	opacity:.5
}
.widget.widget-categories ul {
	list-style:none;
	margin:0;
	padding:0
}
.widget.widget-categories ul li {
	line-height:2em
}
.widget.widget-categories ul li i.fa-angle-right {
	color:#701f40
}
.widget.widget-search form {
	width:100%;
	float:left;
	position:relative;
	padding-right:50px;
	box-sizing:border-box
}
.widget.widget-search input {
	width:100%;
	float:left
}
.widget.widget-search button {
	width:50px;
	position:absolute;
	right:0;
	top:0
}
footer.site-footer {
	width:100%;
	float:left;
	border-top:#ebebeb solid 1px;
	background-color:#f5f5f5;
	padding-top:0;
	/*padding-bottom: 60px;*/
}
footer.site-footer .footer-menu {
	width:100%;
	float:left;
	text-align:center;
	margin:0;
	padding:30px 0
}
footer.site-footer .footer-menu a {
	color:#fff;
	margin:0 20px;
	text-transform:uppercase;

}
footer.site-footer .footer-sb {
	width:100%;
	float:left;
	text-align:center;
	padding:0;
	margin:70px 0 50px
}
footer.site-footer .footer-sb li {
	display:inline-block;
	padding:0;
	margin:0 20px;
	width:70px
}
footer.site-footer .footer-sb li a {
	color:#fff;
	text-transform:capitalize
}
footer.site-footer .footer-sb li a i.fa {
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	background-color:#701f40;
	color:#fff;

	border-radius:50%;
transition:all ease .4s
}
footer.site-footer .footer-sb li a:hover i.fa {
	background-color:transparent;

}
footer.site-footer .footer-text-2 {
	text-align:center;
	color:rgba(255, 255, 255, .5);
	width:100%;
	float:left;
	margin-bottom:70px
}
footer.site-footer .footer-text-2 .big {

}
footer.site-footer ul.footer-contacts {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	list-style:none
}
footer.site-footer ul.footer-contacts li {
	width:33.333%;
	float:left;
	text-align:center;
	color:#fff;

	padding:0;
	margin:0
}
footer.site-footer ul.footer-contacts li i.fa {
	color:#701f40
}
footer.site-footer .bottom-bar {
	width:100%;
	float:left;
	background-color:rgba(0, 0, 0, .1);
	padding:30px 0;
	margin-top:70px
}
footer.site-footer .bottom-bar .widget {
	margin-top:0!important
}
footer.site-footer .copyrights {
	width:100%;
	float:left;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#701f40;
	margin-top:30px
}
footer.site-footer .copyrights p {
	margin:0;
	text-align:center;
	width:100%;
	float:left;
	line-height:20px;
	padding:25px 0;
	color:#000
}
footer.site-footer .widget, footer.site-footer .widget.widget-contacts p.contacts, footer.site-footer .widget.widget-links ul li a {
	color:#000000;

}
footer.site-footer .copyrights.copyrights-2 {
	border-top-width:0;
	margin-top:0
}
footer.site-footer .widget .widget-title {
	color:#041c2f;

	border-bottom-width:0;
	padding-bottom:0;
	margin-bottom:0
}
footer.site-footer .widget.widget-links ul li a:hover {
	color:#701f40
}
footer.site-footer .widget.widget-flickr .widget-content {
	margin-top:20px
}
#lz_eye_catcher, #lz_overlay_chat {
	display:none!important
}
.logo-group {
	width:100%;
	float:left
}
.logo-group .logo-group-item {
	width:100%;
	float:left;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#e6e6e6;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#e6e6e6;
	white-space:nowrap;
	text-align:center;
	box-sizing:border-box
}
.logo-group .logo-group-item .helper {
	display:inline-block;
	height:100%;
	vertical-align:middle
}
.logo-group .logo-group-item img {
	max-width:100%;
	max-height:100%;
	opacity:1!important
}
.logo-group .logo-group-item.lastRow {
	border-bottom-width:0
}
.logo-group .logo-group-item.lastInRow {
	border-right-width:0
}
.testimonials-1-item {
	width:100%;
	float:left
}
.testimonials-1-item .content {
	width:100%;
	float:left;
	font-style:italic
}
.testimonials-1-item .content>i.q {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	background-color:#ecedf1;
	color:#333
}
.testimonials-1-item .author {
	width:100%;
	float:left;
	position:relative;
	padding-left:90px;
	margin-top:20px;
	min-height:70px;
	box-sizing:border-box
}
.testimonials-1-item .author>figure {
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:70px;
	margin:0;
	padding:0
}
.testimonials-1-item .author p {
	margin:0;
	padding:0;
	width:100%;
	float:left
}
.testimonials-1-item .author p.name {
	color:#333;
	text-transform:capitalize;
	font-weight:lighter;
	font-size:18px;
	line-height:1em
}
.testimonials-1-item .author p.position {
	font-style:italic;
	color:#701f40
}
.testimonials-2-item {
	width:100%;
	float:left;
	position:relative;
	min-height:130px;
	padding-left:150px;
	margin-bottom:40px;
	box-sizing:border-box
}
.testimonials-2-item figure {
	position:absolute;
	left:0;
	top:0;
	width:130px;
	height:130px;
	margin:0;
	padding:0
}
.testimonials-2-item>p {
	width:100%;
	float:left;
	margin:0
}
.testimonials-2-item .content {
	width:100%;
	float:left;
	margin-top:10px;
	font-style:italic;

}
.testimonials-2-item p.name {
	font-size:18px;
	font-weight:700;
	color:#333;
	text-transform:capitalize
}
.testimonials-2-item p.position {

	text-transform:uppercase;
	color:#701f40
}
.testimonials-3-item {
	width:100%;
	float:left;
	background-color:rgba(33, 37, 46, .8);
	padding:40px;
	box-sizing:border-box;
	text-align:center
}
.testimonials-3-item .content {
	width:100%;
	float:left;

	font-style:italic;
	margin-bottom:20px;
	display:inline-block
}
.testimonials-3-item .author {
	display:inline-block;
	background-color:#701f40;
	padding:10px 20px;
	color:#fff;

}
.testimonials-3-item .author small {
	font-size:.6em;
	text-transform:uppercase
}
.resume-label {
	margin-bottom:0;
	padding-left:0;
	color:#000;

	font-weight:400
}
.resume_textarea {
	height:75px;
	width:80%
}
.company-events {
	width:100%;
	float:left;
	border:2px solid #701f40;
	border-left-width:0;
	border-right-width:0;
	position:relative;
	padding:10px 60px 15px 150px;
	box-sizing:border-box
}
.company-events .nav-st-2 {
	margin-top:15px!important
}
.company-events>span.label {
	width:150px;
	position:absolute;
	left:0;
	top:10px;
	line-height:20px;
	text-transform:uppercase;
	color:#701f40;

	font-weight:700
}
.post .content p.title a, .post .meta span a {
	text-transform:capitalize
}
.company-events>.nav {
	width:40px;
	position:absolute;
	right:0;
	top:0
}
.post figure figcaption:before, .project-item figure figcaption:before {
	right:20px;
	bottom:20px;
	content:'';
	box-sizing:border-box
}
.company-events .item {
	width:100%;
	float:left;
	line-height:20px
}
.company-events .item span {
	font-style:italic;
	margin-left:20px
}
@media (max-width:480px) {
.company-events {
padding-left:80px
}
.company-events>span.label {
width:80px
}
.form-elem-full {
width:100%
}
}
@media (max-width:1024px) {
 .site-header nav.blocked>ul>li>.wrapper>a {
 padding:16px 0px 20px !important;
}
.click-down-arrow {
top:526px!important
}
.up-arrow {
top:807px!important
}
}
@media (min-width:480px) and (max-width:768px) {
.form-elem-full {
width:100%
}
}
div.rivaCarouselNav {
	float:left;
	width:auto
}
div.rivaCarouselNav a {
	cursor:pointer;
	display:inline-block
}
div.rivaCarouselNav a i.fa {
	float:left;
	line-height:inherit
}
div.rivaCarouselNavBullets {
	float:left
}
div.rivaCarouselNavBullets a {
	margin:0 3px;
	display:inline-block
}
.nav-st-1, .nav-st-2, .nav-st-4 {
	margin-top:40px
}
div.rivaCarouselWrapper {
	width:100%;
	float:left;
	overflow:hidden;
	position:relative
}
div.rivaCarouselWrapper div.rivaCarouselWrapperInner {
	position:absolute;
	left:0;
	top:0
}
div.rivaCarouselWrapperVertical div.rivaCarouselItem {
	width:100%
}
div.rivaCarouselWrapperVertical div.rivaCarouselWrapperInner {
	width:100%;
	height:10000px
}
.nav-st-1 a, .nav-st-4 a {
	font-size:0;
	width:15px;
	height:15px;
	display:inline-block
}
div.rivaCarouselItem {
	float:left;
	box-sizing:border-box
}
div.rivaCarouselItem.cloned {
	border:0 solid #701f40
}
.nav-st-1 {
	text-align:center
}
.nav-st-1 a {
	border-radius:50%;
	background-color:#00437a;
	float:left
}
.nav-st-1 a.active {
	background-color:#701f40
}
.width-100.nav-st-1 a {
	float:none
}
.nav-st-4 {
	text-align:center
}
.nav-st-4 a {
	border-radius:50%;
	background-color:#00437a;
	float:left
}
.nav-st-4 a.active {
	background-color:#701f40
}
.width-100.nav-st-4 a {
	float:none
}
.nav-st-2 a {
	width:20px;
	text-align:center
}
.nav-st-3 {
	margin-top:15px
}
.nav-st-3 a {
	background-color:#00437a;
	color:#fff;
	width:30px;
	height:30px
}
.nav-st-3 a i {
	width:100%;
	line-height:30px;
	text-align:center
}
.nav-st-3 a.to-the-left {
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#701f40
}
.nav-st-3 a:hover {
	background-color:#701f40
}
.hi-icon {
	color:#666
}
.border-bottom {
	border-bottom:#ddd solid 1px
}
.post {
	width:100%;
	float:left;
	text-align:left
}
.post .audio, .post .quote, .post .video {
	width:100%;
	float:left
}
.post .audio iframe, .post .quote iframe, .post .video iframe {
	float:left
}
.post .quote {
	background-color:#ecedf1;
	padding:30px;
	box-sizing:border-box
}
.post .quote .content {
	width:100%;
	float:left;
	font-style:italic;
	color:#333;
	font-size:1.5em;
	line-height:1em
}
.post .quote .author {
	width:100%;
	float:left;
	color:#701f40
}
.post .quote a.title {
	font-size:1.5em!important;
	line-height:1em!important;
	font-style:normal
}
.post .quote a.url {
	font-style:italic;
	display:inline-block;
	margin-top:10px;
	font-size:.8em!important;
	line-height:1em!important;
	color:#701f40
}
.post figure {
	margin:0;
	width:100%;
	float:left;
	background-color:#00437a;
	position:relative
}
.post figure img {
	float:left;
transition:all ease .4s
}
.post figure figcaption {
	margin:0;
	box-sizing:border-box;
	float:left;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
transition:all ease .4s;
	overflow-x:hidden
}
.post figure figcaption a.zoom {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-20px;
	margin-top:-50px;
	width:40px;
	height:40px;
	line-height:40px;
	z-index:3;
transition:all ease .4s;
transition-delay:.3s
}
.post figure figcaption a.zoom i.fa {
	line-height:40px;
	text-align:center;
	width:100%;
	float:left;
	color:#fff;
	border-radius:50%;
transition:all ease .4s;
	box-sizing:border-box
}
.post figure figcaption a.zoom:hover i.fa {
	color:#fff;
	background-color:#701f40
}
.post figure figcaption:before {
	position:absolute;
	top:20px;
	left:20px;
	border:1px dashed rgba(255, 255, 255, .5);
	opacity:0;
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s;
	-webkit-transform:scale(0);
	transform:scale(0);
	z-index:1
}
.post figure figcaption p, .project-item figure figcaption:before {
-webkit-transition:opacity .35s, -webkit-transform .35s;
	-webkit-transform:scale(0)
}
.post figure figcaption p {
	text-align:center;
	position:absolute;
	opacity:0;
	color:#fff;
transition:opacity .35s, transform .35s;
	transform:scale(0);
	z-index:1
}
.post figure:hover figcaption {
	background-color:rgba(55, 61, 75, .4)
}
.post figure:hover figcaption a.zoom {
	top:50%;
	margin-top:-20px
}
.post figure:hover figcaption p, .post figure:hover figcaption:before {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.post .meta {
	width:100%;
	float:left;
	background-color:#00437a
}
.post .meta span {
	width:auto;
	float:left;
	margin-right:10px;
	color:#fff;
	line-height:24px
}
.post .meta span a {
	color:#fff;
	line-height:24px
}
.post .meta span a:hover {
	color:#fff
}
.post .meta span i.fa {
	background-color:#701f40;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	float:left;
	margin-right:5px
}
.post .content {
	width:100%;
	float:left;
	margin:20px 0
}
.post .content p.title {
	margin-bottom:20px;
	margin-top:0;
	font-size:17pt;
	line-height:1.3em;
	width:100%;
	float:left
}
.post .content p.title>i.fa {
	color:#701f40
}
.post .readmore a, .riva-sorting>.filters>span {
	text-transform:uppercase;
}
.post .readmore {
	width:100%;
	float:left;
	text-align:right;
	padding:10px 0
}
.post .readmore a.prev-post {
	float:left;
	width:auto
}
.post .readmore a.next-post {
	float:right;
	width:auto
}
.post.single-post .content p.title {
	margin-bottom:20px
}
.post.post-hor {
	position:relative
}
.post.post-hor .meta-wrap {
	width:40%;
	box-sizing:border-box;
	padding-right:30px;
	float:left
}
.post.post-hor .content-wrap {
	width:60%;
	float:right;
	margin-top:0
}
.post.post-hor .content-wrap .content {
	margin-top:0
}
.post.post-masonry {
	width:33%;
	padding:0 10px 70px;
	box-sizing:border-box
}
.post.post-timeline {
	padding-left:70px;
	box-sizing:border-box;
	position:relative
}
.post.post-timeline .timeline-bar {
	width:80px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	border-left-width:5px;
	border-left-style:solid;
	border-left-color:#701f40;
	box-sizing:border-box
}
.post.post-timeline .timeline-bar .date {
	width:50px;
	height:70px;
	background-color:#00437a;
	text-align:center;
	color:#fff
}
.post.post-timeline .timeline-bar .date span {
	width:100%;
	float:left;
	margin-top:10px
}
.post.post-timeline .timeline-bar .date span.d {
	font-size:1.5em;
	line-height:1em
}
.post.post-timeline .timeline-bar .date span.my {
	font-size:.8em;
	line-height:1em;
	font-weight:700
}
.post.post-timeline .timeline-bar .comments-count {
	background-color:#ecedf1;
	text-align:center;
	width:50px;
	height:70px
}
.post.post-timeline .timeline-bar .comments-count i.fa {
	color:#701f40;
	font-size:1.5em;
	margin-top:10px;
	width:100%;
	text-align:center;
	float:left
}
.post.post-timeline .timeline-bar .comments-count span {
	width:100%;
	margin-top:10px;
	float:left;
	line-height:1em;
	font-weight:700;
	color:#333
}
.post.post-timeline.padding-top-70 .timeline-bar {
	padding-top:70px
}
@media (max-width:480px) {
.post.post-hor .meta-wrap {
padding-right:0;
width:100%
}
.post.post-hor .content-wrap {
width:100%;
margin-top:20px
}
.post.post-masonry {
width:100%
}
.form-elem-full {
width:100%!important;
padding-left:0!important
}
}
@media (min-width:480px) and (max-width:768px) {
.post.post-hor .meta-wrap {
padding-right:0;
width:100%
}
.post.post-hor .content-wrap {
width:100%;
margin-top:20px
}
.form-elem-full, .post.post-masonry {
width:100%
}
}
.twitter-widget-1 {
	width:100%;
	float:left;
	display:none
}
.twitter-widget-1 .tweet-item {
	width:100%;
	float:left;
	list-style:none
}
.twitter-widget-1 .tweet-item>i.fa-twitter {
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50%;
	background-color:#701f40;
	color:#fff
}
.twitter-widget-1 .tweet-item p.timePosted {
	display:none
}
.twitter-widget-1 .tweet-item p.interact a {
	margin:0 20px;
	display:inline-block
}
.project-item {
	float:left;
	width:100%;
	position:relative
}
.project-item figure {
	margin:0;
	width:100%;
	float:left;
	position:relative
}
.project-item figure img {
	float:left;
transition:all ease .4s
}
.project-item figure figcaption {
	margin:0;
	box-sizing:border-box;
	float:left;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
transition:all ease .4s;
	overflow-x:hidden;
	font-style:normal
}
.project-item figure figcaption a.title, .project-item figure figcaption a.zoom {
	top:0;
	margin-top:-150px;
	height:40px;
	z-index:3;
transition:all ease .4s;
	line-height:40px;
	position:absolute
}
.project-item figure figcaption a.title {
	left:0;
	margin-left:0;
transition-delay:.5s;
	width:100%;
	color:#fff;
	font-size:1.4em
}
.project-item figure figcaption a.zoom {
	left:50%;
	margin-left:-20px;
	width:40px;
transition-delay:.3s
}
.project-item figure figcaption a.zoom i.fa {
	line-height:40px;
	text-align:center;
	width:100%;
	float:left;
	color:#fff;
	border-radius:50%;
transition:all ease .4s;
	box-sizing:border-box
}
.project-item figure figcaption a.zoom:hover i.fa {
	color:#fff;
	background-color:#701f40
}
.project-item figure figcaption:before {
	position:absolute;
	top:20px;
	left:20px;
	border:1px dashed rgba(255, 255, 255, .5);
	opacity:0;
transition:opacity .35s, transform .35s;
	transform:scale(0);
	z-index:1
}
.product-item figure figcaption:before, .project-item figure figcaption p {
-webkit-transition:opacity .35s, -webkit-transform .35s;
	-webkit-transform:scale(0)
}
.project-item figure figcaption p {
	text-align:center;
	position:absolute;
	opacity:0;
	color:#fff;
transition:opacity .35s, transform .35s;
	transform:scale(0);
	z-index:1
}
.project-item figure:hover figcaption {
	background-color:rgba(55, 61, 75, .4)
}
.project-item figure:hover figcaption a.zoom {
	top:50%;
	margin-top:-50px
}
.project-item figure:hover figcaption a.title {
	top:50%;
	margin-top:0
}
.project-item figure:hover figcaption p, .project-item figure:hover figcaption:before {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.projects-3-cols {
	width:100%;
	float:left
}
.projects-3-cols .project-item {
	width:33.33333333333%!important
}
.riva-sorting {
	width:100%
}
.riva-sorting>.filter-form {
	display:none
}
.riva-sorting>.filters.st2>span {
	background-color:transparent!important;
	border:1px solid rgba(255, 255, 255, .3)!important;
	color:rgba(255, 255, 255, .3)!important
}
.riva-sorting>.filters.st2>span.active {
	background-color:#701f40!important;
	color:#fff!important;
	border:1px solid #701f40!important
}
.riva-sorting>.filters {
	width:100%;
	float:left;
	margin-bottom:15px;
	text-align:center
}
.riva-sorting>.filters>span {
	width:31.8%;
	display:inline-block;
	margin:12px;
	color:#333;
	border:1px solid #ddd;
	cursor:pointer;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#000;
	background-color:#fff
}
.partner-logo, .riva-sorting>.listing {
	width:100%;
	float:left
}
.riva-sorting .filters span:hover {
	background-color:#701f40;
	color:#fff!important
}
.riva-sorting>.filters>span a {
	font-size:12pt;
	font-weight:700
}
.riva-sorting>.filters>span a:hover {
	color:#fff!important
}
.riva-sorting>.filters>span.active {
	background-color:#701f40;
	color:#fff;
	border-color:#701f40
}
.partner-logo {
	padding:0 50px;
	box-sizing:border-box
}
.hs-content-block {
	box-sizing:border-box;
	color:#fff
}
.hs-content-block>.inner {
	padding:30px;
	width:100%;
	float:left;
	background-color:#00437a;
	box-sizing:border-box
}
.hs-content-block>.inner>i.fa {
	font-size:64px
}
.hs-content-block>.inner h1, .hs-content-block>.inner h2, .hs-content-block>.inner h3, .hs-content-block>.inner h4, .hs-content-block>.inner h5, .hs-content-block>.inner h6 {
	color:#fff;

}
.hs-content-block>.inner p.desc {
	margin-top:20px;
	color:#fff
}
.hs-content-block figure, .title-bar h1 {
	margin:0;
	padding:0;
	width:100%;
	float:left
}
.hs-content-block figure img {
	float:left
}
.title-bar {
	width:100%;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed
}
.title-bar h1 {

	text-transform:capitalize
}
.title-bar p {
	width:100%;
	float:left;
	padding:10px 0;
	box-sizing:border-box;
	color:#000;
	font-style:italic;
	font-size:1.2em;
	margin-top:0
}
.biss-accordion>.item>header, .biss-tabs>header>span {
	font-size:1.5em;
	cursor:pointer
}
.site-main {
	width:100%;
	float:left
}
.biss-accordion {
	width:100%;
	float:left;
	margin-top:20px
}
.biss-accordion>.item {
	width:99%!important;
	float:left;
	box-sizing:border-box!important;
	background-color:#fff;
	border:1px solid #dbdbdb!important;
	border-left-color:#dbdbdb!important;
	margin-bottom:5px!important;
	padding:10px!important
}
.biss-tabs, .biss-tabs>.item, .biss-tabs>header {
	width:100%;
	float:left
}
.biss-accordion>.item>header {
	padding:0 50px 0 0;
	color:#000;
	text-transform:uppercase;
	position:relative;
	box-sizing:border-box
}
.biss-accordion>.item>header>i.toggle {
	position:absolute;
	top:4px;
	right:0
}
.biss-accordion>.item>header>i.toggle.fa-minus {
	color:#fff
}
.biss-accordion>.item .content {
	display:none;
	margin-top:1.5rem;
	background-color:#fff;
	padding:0 10px 10px;
	width:100%;
	float:left;
	box-sizing:border-box
}
.biss-tabs>header>span {
	width:auto;
	float:left;
	border:1px solid #ddd;
	background-color:#fff;
	padding:20px;
	margin-right:5px;
	color:#333
}
.biss-tabs>header>span.active {
	border-bottom-color:#fff;
	border-top-color:#701f40;
	z-index:10;
	position:relative
}
.biss-tabs>.item {
	background-color:#fff;
	border:1px solid #ddd;
	margin-top:-1px;
	z-index:1;
	padding:15px;
	box-sizing:border-box;
	position:relative;
	display:none
}
.biss-tabs-2 header, .divider-2 {
	border-bottom-style:solid;
	width:100%;
	float:left
}
.biss-tabs>.item>.content {
	width:100%;
	float:left;
	padding:0 20px 20px;
	box-sizing:border-box
}
.biss-tabs-2 {
	width:100%;
	float:left
}
.biss-tabs-2 header {
	border-bottom-width:2px;
	border-bottom-color:#701f40;
	padding-bottom:5px
}
.biss-tabs-2 header span {
	margin-right:20px;
	cursor:pointer;
	float:left;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bolder;
	color:#888
}
.biss-tabs-2 header>:last-child {
	margin-right:0
}
.biss-tabs-2 header span.active {
	color:#000
}
.biss-tabs-2 .item {
	display:none
}
.divider-1 {
	width:100%;
	float:left;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 2px, #00437a 2px, #00437a 4px);
	height:5px
}
.divider-2 {
	height:10px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#ddd;
	border-bottom-width:1px;
	border-bottom-color:#ddd
}
.biss-skill {
	width:100%;
	float:left;
	margin-top:20px
}
.biss-skill .name {
	width:100%;
	float:left;
	color:#333
}
.biss-skill .name span {
	color:#701f40;
	font-weight:bolder;
	margin-right:10px;
	font-size:2em
}
.biss-skill .val-bg {
	background-color:#ecedf1;
	width:100%;
	height:20px;
	position:relative;
	margin-top:40px;
	border-radius:5px
}
.biss-skill .val-bg span {
	position:absolute;
	left:0;
	top:0;
	height:20px;
	z-index:10;
	border-radius:5px;
	background-color:#701f40;
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0, #701f40), color-stop(1, #00437a));
	background-image:-webkit-linear-gradient(center bottom, #701f40 37%, #00437a 69%);
	background-image:-moz-linear-gradient(center bottom, #701f40 37%, #00437a 69%);
	background-image:-ms-linear-gradient(center bottom, #701f40 37%, #00437a 69%);
	background-image:-o-linear-gradient(center bottom, #701f40 37%, #00437a 69%)
}
.team-member figure img, .video-bg {
	z-index:1;
	position:relative
}
.biss-skill .val-bg span:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #00437a), color-stop(.25, #701f40), color-stop(.5, #701f40), color-stop(.5, #00437a), color-stop(.75, #00437a), color-stop(.75, #701f40), to(#701f40));
	background-image:-webkit-linear-gradient(-45deg, #00437a 25%, #701f40 25%, #701f40 50%, #00437a 50%, #00437a 75%, #701f40 75%, #701f40);
	background-image:-moz-linear-gradient(-45deg, #00437a 25%, #701f40 25%, #701f40 50%, #00437a 50%, #00437a 75%, #701f40 75%, #701f40);
	background-image:-ms-linear-gradient(-45deg, #00437a 25%, #701f40 25%, #701f40 50%, #00437a 50%, #00437a 75%, #701f40 75%, #701f40);
	background-image:-o-linear-gradient(-45deg, #00437a 25%, #701f40 25%, #701f40 50%, #00437a 50%, #00437a 75%, #701f40 75%, #701f40);
	z-index:1;
	-webkit-background-size:20px 20px;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px;
	overflow:hidden;
	border-radius:20px 8px 8px 20px
}
.biss-skill.animated .val-bg span:after {
	-webkit-animation:move 4s linear infinite;
	animation:move 4s linear infinite
}
@-webkit-keyframes move {
0% {
background-position:0 0
}
100% {
background-position:-20px -20px
}
}
@keyframes move {
0% {
background-position:0 0
}
100% {
background-position:-20px -20px
}
}
.primary-bg .biss-skill .name, .primary-bg .biss-skill .name span, .secondary-bg .biss-skill .name, .transparent-bg-primary .biss-skill .name, .transparent-bg-primary .biss-skill .name span, .transparent-bg-secondary .biss-skill .name {
	color:#fff
}
.related-comment {
	width:100%;
	float:left;
	margin-top:20px
}
.related-comment .content {
	background-color:#ecedf1;
	padding:15px;
	box-sizing:border-box;
	width:100%;
	float:left;
	position:relative
}
.related-comment .content .arrow {
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:15px solid #ecedf1;
	position:absolute;
	left:40px;
	bottom:-10px
}
.related-comment p.meta {
	font-style:italic;
	font-size:.8em;
	margin-top:10px;
	width:100%;
	float:left
}
.related-post {
	width:100%;
	float:left;
	margin-top:20px;
	position:relative;
	padding-left:80px;
	box-sizing:border-box;
	min-height:70px
}
.related-post figure {
	width:70px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	margin:0
}
.related-post figure img {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:auto;
	max-width:none;
transition:all ease .4s
}
.related-post figure img:hover {
	opacity:.6
}
.related-post p {
	width:100%;
	float:left;
	margin:0;
	padding:0
}
.related-post p.title {
	text-transform:capitalize
}
.biss-btn, .team-member p.position, .video-content-1 p.title, p.single-project-dev span.position {
	text-transform:uppercase
}
.related-post p.meta {
	font-style:italic;
	margin-top:10px;
	font-size:.8em
}
.video-content-1 {
	margin-top:400px
}
.video-content-1 p.title {
	background-color:rgba(0, 0, 0, .3);
	color:#fff;
	font-size:64px;
	font-weight:bolder;
	line-height:1em;
	width:auto;
	float:left;
	padding:10px 20px
}
.video-content-1 p.desc {
	font-size:1.4em;
	line-height:1.4em
}
@media (max-width:480px) {
.video-content-1 {
margin-top:100px
}
.video-content-1 p.title {
font-size:18px
}
.video-content-1 p.desc {
font-size:1em
}
.riva-sorting>.filters>span {
width:45%!important
}
}
@media (min-width:480px) and (max-width:768px) {
.video-content-1 {
margin-top:200px
}
.video-content-1 p.title {
font-size:36px
}
.video-content-1 p.desc {
font-size:1em
}
.form-elem-full {
width:100%
}
.borderright {
border-bottom: 2px solid #09182b !important;
height: 100%;
}
}
@media (min-width:768px) and (max-width:992px) {
.video-content-1 {
margin-top:300px
}
.video-content-1 p.title {
font-size:48px
}
.video-content-1 p.desc {
font-size:1.5em
}
.riva-sorting>.filters>span {
width:23%!important
}
}
.homepage-10-intro, .homepage-10-intro p, .team-member, .team-member figure {
	float:left;
	width:100%
}
.homepage-10-intro p.title {
	font-size:64px;
	text-shadow:rgba(0, 0, 0, .3) 0 0 10px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1em
}
.homepage-10-intro p.desc1 {
	color:#fff;
	text-shadow:rgba(0, 0, 0, .3) 0 0 3px;
	font-size:24px;
	line-height:1em;
	font-style:italic
}
.biss-btn {
	box-sizing:border-box;
	padding:0 20px;
	line-height:34px;
	height:34px;
	text-align:center;
	font-weight:700;
	display:inline-block;
transition:all ease .4s;
	border:0
}
.biss-btn-border, .biss-btn-border-primary, .biss-btn-border-secondary, .biss-btn-border-white {
	line-height:30px!important;
	height:34px!important;
	padding: 5px;
transition:all ease .4s;
border-radius: 50px;
}
.biss-btn:hover {
	text-decoration:none!important
}
.biss-btn-border-secondary {
	border:2px solid #00437a;
	background-color:transparent;
	color:#00437a
}
.biss-btn-border-secondary:hover {
	background-color:#00437a;
	color:#fff
}
.biss-btn-border-primary {
	background-color:transparent;
	color:#701f40
}
.biss-btn-border-primary:hover {
	background-color:#701f40!important;
	color:#fff!important
}
.biss-btn-border-white {
	border:2px solid #fff;
	background-color:transparent;
	color:#fff
}
.biss-btn-border-white:hover {
	background-color:#701f40;
	color:#fff!important
}
.biss-btn-border {
	border:2px solid #ddd;
	background-color:transparent;
	color:#333
}
.biss-btn-border:hover {
	background-color:#fff;
	color:#701f40!important;
	border:2px solid #701f40
}
.biss-btn-primary, .biss-btn-primary:hover {
	background-color:#701f40;
	color:#fff;
	border-radius: 50px;
}
.biss-btn-primary {
	border:0
}
.biss-btn-white {
	background-color:#fff!important;
	color:#444!important;
	border:0
}
.biss-btn-white:hover {
	background-color:#e6e6e6;
	color:#222
}
.biss-btn-secondary, .biss-btn-secondary:hover {
	background-color:#701f40;
	color:#fff
}
a.biss-btn-white {
	color:#444!important
}
.biss-btn-secondary {
	border:0
}
#recent-div aside {
	margin-top:0!important
}
#recent-div .widget-title {
	display:none
}
#recent-posts-3 ul {
	padding-left:0!important
}
#recent-posts-3 li {
	border-bottom:2px solid #ccc;
	list-style-type:none!important;
	margin-bottom:10px!important;
	padding-bottom:15px
}
.team-member {
	text-align:left
}
.team-member figure {
	padding:0;
	margin:0 0 10px;
	position:relative;
	/*background-color:#00437a;*/
	background-color:#dde1e4;
	overflow:hidden
}
.team-member figure img {
	float:left;
	width:100%;
transition:all ease .4s
}
.team-member figure .hover {
	position:absolute;
	left:-40px;
	top:0;
	width:40px;
	background-color:rgba(206, 67, 74, .8);
	height:100%;
	z-index:10;
transition:all ease .4s
}
.monitor-mockup, ul.side-nav li {
	position:relative
}
.team-member figure .hover i.fa {
	font-size:18px;
	text-align:center;
	width:40px;
	line-height:40px;
	color:#fff
}
.monitor-mockup, .monitor-mockup img.bg, .monitor-mockup>.inner a.single-imgs, .pagination, ul.side-nav {
	width:100%;
	float:left
}
.team-member figure:hover img {
	opacity:.7
}
.team-member figure:hover .hover {
	left:0
}
.team-member p.title {
	font-size:2em;
	color:#333
}
.team-member p.position {
	color:#701f40;
	margin-top:10px;
	font-size:.8em
}
a.download-brochure {
	border-width:2px;
	border-style:solid;
	display:inline-block;
	padding:5px 20px;
	border-color:#00437a;
	color:#00437a
}
a.download-brochure i.fa {
	font-size:5em
}
.primary-bg a.download-brochure, .secondary-bg a.download-brochure {
	border-color:#701f40
}
.primary-bg a.download-brochure:hover, .secondary-bg a.download-brochure:hover {
	background-color:#701f40;
	color:#333!important
}
.primary-bg a.download-brochure:hover i.fa, .secondary-bg a.download-brochure:hover i.fa {
	color:#701f40
}
ul.side-nav {
	margin:1.5rem 0 0;
	padding:0;
	list-style:none;
	border:1px solid #ddd;
	border-bottom-width:0
}
ul.side-nav li {
	margin:0;
	border-bottom-width:1px;
	border-bottom-color:#ddd;
	border-bottom-style:solid;
	box-sizing:border-box;
	padding:10px 0;
transition:all ease .4s
}
ul.side-nav li a {
	padding:0 20px;
transition:all ease .4s
}
ul.side-nav li.active {
	background-color:#00437a
}
ul.side-nav li.active a {
	color:#fff
}
ul.side-nav li.active:hover a {
	color:#333
}
ul.side-nav li.active:hover a:hover {
	color:#701f40
}
ul.side-nav li:hover {
	background-color:#ecedf1
}
ul.side-nav li:hover a {
	margin-left:10px
}
.pagination .biss-btn {
	margin-bottom:5px
}
.monitor-mockup>.inner {
	width:100%;
	float:left;
	box-sizing:border-box;
	position:absolute;
	overflow:hidden
}
@media (max-width:480px) {
.monitor-mockup>.inner {
left:16px;
top:16px;
height:212px;
width:376px
}
}
@media (min-width:481px) and (max-width:768px) {
.wrapper-edge {
padding-left:padding-bottom:calc(1% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300)));
padding-right:padding-bottom:calc(1% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.no-wrap {
white-space: nowrap;
}
.bandbg img {
width:40%;
height:40%;
}
.bandfont {
font-size: calc(65% + (26 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
line-height: calc(1em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 padding:2px 1px;
text-align:center;
color: #FFFFFF;
}
.borderright-btn {
border-right: 2px solid #09182b;
height: 100%;
}
 .borderright {
 border-right: 1px solid #173b6b;
}
.bandbg .bandfontbold {
color: #ffffff;
font-weight:bold;
}
.monitor-mockup>.inner {
left:22px;
top:22px;
height:302px;
width:536px
}
}
 @media (min-width:768px) and (max-width:992px) {
 .site-header nav.blocked > ul > li > .wrapper {
 padding-bottom: 11px !important;
}
 .borderright {
 border-bottom: 1px solid #173b6b !important;
 height: 100%;
}
.borderright-btn {
border-right: 2px solid #09182b;
height: 100%;
}
 .bandbg .bandfontbold a:link {
color: #ffffff;
font-weight:bold;
}
.bandfont a {
font-size:12pt !important;
line-height: calc(1em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 padding:2px 1px;
text-align:left;
color: #FFFFFF;
}
.monitor-mockup>.inner {
left:28px;
top:28px;
height:373px;
width:664px
}
}
@media (min-width:992px) and (max-width:1200px) {
 .borderright {
 border-bottom: 2px solid #173b6b;
 height: 100%;
}
.borderright-btn {
border-right: 2px solid #09182b;
height: 100%;
}
 .borderright {
 border-right: 4px solid #173b6b;
 height: 100%;
}
.monitor-mockup>.inner {
left:24px;
top:24px;
height:320px;
width:568px
}
}
@media (min-width:1200px) {
.monitor-mockup>.inner {
left:30px;
top:30px;
height:390px;
width:690px
}
}
p.single-project-dev {
	width:100%;
	float:left;
	margin-top:1.5rem
}
p.single-project-dev span {
	width:100%;
	float:left
}
p.single-project-dev span.name {
	color:#333;
	text-transform:capitalize;
	font-size:1.5em
}
.product-item {
	width:98%;
	float:left;
	margin-bottom:30px;
	background-color:#fff;
	box-shadow:rgba(0, 0, 0, .2) 0 0 0;
transition:all ease .4s
}
.product-item figure {
	margin:0;
	width:100%;
	float:left;
	background-color:#00437a;
	position:relative
}
.product-item figure img {
	float:left;
transition:all ease .4s;
	width:100%
}
.product-item figure figcaption {
	margin:0;
	box-sizing:border-box;
	float:left;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
transition:all ease .4s;
	overflow-x:hidden;
	font-style:normal
}
.product-item figure figcaption a.title, .product-item figure figcaption a.zoom {
	top:0;
	margin-top:-150px;
	height:40px;
	z-index:3;
transition:all ease .4s;
	line-height:40px;
	position:absolute
}
.product-item figure figcaption a.title {
	left:0;
	margin-left:0;
transition-delay:.5s;
	width:100%;
	color:#fff;
	font-size:1.4em
}
.product-item figure figcaption a.zoom {
	left:50%;
	margin-left:-20px;
	width:40px;
transition-delay:.3s
}
.product-item figure figcaption a.zoom i.fa {
	line-height:40px;
	text-align:center;
	width:100%;
	float:left;
	color:#fff;
	border-radius:50%;
transition:all ease .4s;
	box-sizing:border-box
}
.product-item figure figcaption a.zoom:hover i.fa {
	color:#fff;
	background-color:#701f40
}
.product-item figure figcaption:before {
	position:absolute;
	top:20px;
	right:20px;
	bottom:20px;
	left:20px;
	border:1px dashed rgba(255, 255, 255, .5);
	content:'';
	box-sizing:border-box;
	opacity:0;
transition:opacity .35s, transform .35s;
	transform:scale(0);
	z-index:1
}
.product-item figure figcaption p {
	text-align:center;
	position:absolute;
	opacity:0;
	color:#fff;
-webkit-transition:opacity .35s, -webkit-transform .35s;
transition:opacity .35s, transform .35s;
	-webkit-transform:scale(0);
	transform:scale(0);
	z-index:1
}
.product-item figure:hover figcaption {
	background-color:rgba(55, 61, 75, .4)
}
.product-item figure:hover figcaption a.zoom {
	top:50%;
	margin-top:-20px
}
.product-item figure:hover figcaption a.title {
	top:50%;
	margin-top:0
}
.product-item figure:hover figcaption p, .product-item figure:hover figcaption:before {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}
.product-item .product-details {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:1.5rem;
	border:1px solid #ddd;
	border-top-width:0
}
.product-item .product-details p {
	margin:0;
	padding:0
}
.product-item .product-details p a.to-cart {
	float:left;
	text-transform:uppercase;
	font-size:.8em;
	margin-top:1.5rem
}
.product-item .product-details p a.details {
	float:right;
	text-transform:uppercase;
	font-size:.8em;
	margin-top:1.5rem
}
.product-item .product-details p.title {
	width:100%;
	float:left;
	margin-top:0;
margin-bottom:.75rem
}
.product-item .product-details p.title a {
	text-transform:capitalize
}
.product-item .product-details p.price {
	width:100%;
	float:left;
	margin-top:0;
	padding-bottom:1.5rem
}
.product-item .product-details p.price span {
	width:auto;
	float:left
}
.product-item .product-details p.price span.line-through {
	margin-right:15px;
	text-decoration:line-through;
	color:#333;
	margin-top:4px;
	font-size:1em!important
}
.product-item .product-details p.price span.normal {
	color:#701f40;
	font-weight:bolder;
	font-size:1.5em!important
}
.product-item:hover {
	box-shadow:rgba(0, 0, 0, .2) 0 10px 20px
}
.product-item.product-top-item {
	border-right-width:1px;
	border-right-color:#ddd;
	border-right-style:solid;
	margin-bottom:0
}
.product-item.product-top-item .product-details {
	border:0
}
.product-item.product-top-item:hover {
	box-shadow:rgba(0, 0, 0, .2) 0 0 0
}
.cart-in-cart {
	width:100%;
	float:left;
	color:#333;
	margin-bottom:0;
	text-transform:uppercase
}
.cart-in-cart span {
	font-size:2em;
	font-weight:bolder;
	color:#701f40;
	box-sizing:border-box;
	text-transform:none;
	margin-right:5px
}
.post-author .desc p.position, .section-404 p.big {
	text-transform:uppercase;
}
.cart-product-table {
	width:100%;
	float:left;
	border:1px solid #ddd;
	border-right-width:0;
	border-bottom-width:0
}
.cart-product-table tr, ul.cart-totals li {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ddd
}
.cart-product-table td, .cart-product-table th {
	padding:10px;
	box-sizing:border-box;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#ddd
}
.cart-product-table th {
	background-color:#ecedf1;
	color:#333
}
.cart-product-table .w1 {
	width:5%;
	text-align:center
}
.cart-product-table .w2 {
	width:50%
}
.cart-product-table .w3 {
	width:15%
}
.cart-product-table td.title a.remove {
	color:#701f40;
	margin-right:10px
}
.cart-product-table td.total {
	font-weight:700;
	color:#333
}
.cart-product-table td i.cart-table-change-qty {
	cursor:pointer;
	color:#701f40
}
.cart-product-table td.w3.qty span {
	margin:0 10px
}
ul.cart-totals {
	list-style:none;
	margin:0;
	padding:0
}
ul.cart-totals li {
	margin:0 0 1.5rem;
padding:0 0 .75rem;
	width:100%;
	float:left
}
ul.cart-totals li span {
	width:auto;
	float:left
}
ul.cart-totals li span.sp2 {
	float:right
}
ul.cart-totals li.t span {
	color:#333;
	font-weight:bolder
}
.form-elem {
	width:100%;
	float:left;
	margin-top:1.5rem;
	position:relative;
	box-sizing:border-box
}
.form-elem label {
	position:absolute;
	left:0;
	top:0;
	width:120px
}
.form-elem label.inline {
	width:auto;
	position:relative
}
.form-elem input, .form-elem select {
	width:300px
}
.form-elem textarea {
	width:500px;
	height:100px
}
.form-elem input[type=checkbox] {
	width:auto;
	height:auto
}
.form-elem label.standard {
	font-weight:400;
	width:auto;
	left:auto;
	top:auto;
	position:relative;
	line-height:normal;
	padding:0
}
.form-elem.form-elem-full {
	padding-left:0;
	width:47%;
	margin-right:3%
}
.form-elem.form-elem-full label {
	width:100%;
	position:relative;
	left:auto;
	top:auto;
	margin-bottom:0;
	padding-left:0
}
.form-elem.form-elem-full input, .form-elem.form-elem-full select, .form-elem.form-elem-full textarea {
	width:100%
}
.form-elem.form-elem-short label {
	position:absolute;
	left:0;
	top:0;
	width:120px
}
.form-elem.form-elem-short input, .form-elem.form-elem-short select, .form-elem.form-elem-short textarea {
	width:100%
}
.form-elem input[type=radio] {
	width:auto;
	line-height:normal;
	height:auto
}
.shop-checkout-tab {
	display:none;
	width:100%;
	float:left
}
.checkout-product-table td.w3 span.total {
	color:#333;
	font-weight:bolder
}
.payment-type-item {
	width:100%;
	float:left;
	margin-top:20px;
	box-sizing:border-box;
	padding-right:30px
}
.payment-type-item p {
	width:100%;
	float:left;
	margin:0;
	font-style:italic;
	padding-left:34px;
	box-sizing:border-box
}
.payment-type-item p.title {
	font-size:1.5em;
	font-weight:700;
	color:#222;
	cursor:pointer;
	margin-bottom:10px;
	font-style:normal;
	padding-left:0
}
.payment-type-item p.title span.checkbox-blank {
	float:left;
	margin-right:10px;
	width:24px;
	height:24px;
	background-position:center;
	background-image:url(../img/checkbox-blank.png);
	opacity:.3
}
.payment-type-item p.title span.checkbox-blank.checkbox-selected {
	background-image:url(../img/checkbox-selected.png);
	opacity:1
}
.section-404 {
	padding:150px 0
}
.section-404 p.big {
	font-size:7em;
	font-weight:bolder;
	color:#333;
	line-height:1em;
	margin:0
}
.section-404 form {
	width:100%;
	float:left;
	margin-top:40px
}
.rivaSingleProductPreview {
	width:100%;
	float:left;
	background-color:#fff
}
.rivaSingleProductPreview .rivaSingleProductPreviewSlides {
	position:relative;
	overflow:hidden
}
.rivaSingleProductPreview .rivaSingleProductPreviewSlides img {
	position:relative;
	z-index:10
}
.rivaSingleProductPreview .rivaSingleProductPreviewSlides .rivaSingleProductPreviewSlideControls {
	background-color:rgba(0, 0, 0, .6);
	padding:10px;
	width:90px;
	position:absolute;
	z-index:100;
	left:50%;
	margin-left:-45px;
	bottom:10px
}
.rivaSingleProductPreview .rivaSingleProductPreviewSlides .rivaSingleProductPreviewSlideControls a {
	color:#fff;
	width:30px;
	height:30px;
	line-height:30px;
	float:left;
	text-align:center;
	font-size:14px
}
.rivaSingleProductPreview .rivaSingleProductPreviewThumbs {
	position:relative;
	box-sizing:border-box
}
.rivaSingleProductPreview .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper {
	overflow:hidden;
	position:relative;
	width:100%
}
.rivaSingleProductPreview .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper .rivaSingleProductPreviewThumbsWrapperInner {
	width:10000px;
	position:relative;
	float:left
}
.rivaSingleProductPreview .rivaSingleProductPreviewThumbs a.next, .rivaSingleProductPreview .rivaSingleProductPreviewThumbs a.prev {
	position:absolute;
	font-size:14px
}
.rivaSingleProductPreview .rivaSingleProductPreviewThumbs a.next span, .rivaSingleProductPreview .rivaSingleProductPreviewThumbs a.prev span {
	width:20px;
	height:20px;
	line-height:20px
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs {
	padding:30px 0;
	position:absolute;
	right:20px;
	top:0;
	height:100%
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper {
	overflow:hidden
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper .rivaSingleProductPreviewThumbsWrapperInner {
	width:auto;
	height:10000px
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper img {
	margin-bottom:10px;
	float:left;
	cursor:pointer;
	opacity:.6;
transition:all ease .4s
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper img.active {
	opacity:1
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs a.prev {
	left:0;
	top:0;
	width:100%
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs a.prev span {
	width:100%;
	text-align:center
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs a.next {
	left:0;
	bottom:0;
	width:100%;
	line-height:100%
}
.rivaSingleProductPreview.vertical .rivaSingleProductPreviewThumbs a.next span {
	line-height:100%;
	width:100%;
	text-align:center
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewSlides {
	width:100%;
	margin-bottom:20px
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs {
	padding:0 30px
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper img {
	margin-right:10px;
	cursor:pointer;
	opacity:.6;
transition:all ease .4s;
	float:left
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs .rivaSingleProductPreviewThumbsWrapper img.active {
	opacity:1
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs a.prev {
	left:0;
	top:0;
	height:100%
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs a.prev span {
	line-height:100%;
	top:40%
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs a.next {
	right:0;
	top:0;
	height:100%
}
.rivaSingleProductPreview.horizontal .rivaSingleProductPreviewThumbs a.next span {
	line-height:100%;
	top:40%
}
.single-product .price {
	width:100%;
	display:inline-block;
	margin-top:30px
}
.single-product .price span {
	width:100%;
	float:left;
	font-size:2em;
	color:#701f40;
	font-weight:700
}
.single-product .price .old {
	text-decoration:line-through;
	font-size:1em;
	color:#333;
	font-weight:400
}
.single-product .rating, .single-product .size {
	width:100%;
	display:inline-block;
	margin-top:30px
}
.post-author {
	width:100%;
	float:left;
	margin-top:30px;
	position:relative;
	min-height:150px;
	padding-left:180px;
	box-sizing:border-box
}
.post-author figure {
	width:150px;
	float:left;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0
}
.post-author figure img {
	float:left
}
.post-author .desc {
	width:100%;
	float:right
}
.post-author .desc p.title {
	margin-top:0;
	margin-bottom:0;
	color:#333;
	font-size:1.5em;
	width:100%;
	float:left
}
.post-author .desc p.position {
	width:100%;
	float:left;
	font-size:.8em;
	color:#701f40;
	margin-bottom:20px;
	margin-top:10px
}
.post-share {
	width:100%;
	float:left
}
.post-share a, .post-share span {
	float:left;
	margin-top:30px;
	margin-right:15px;
	line-height:30px;
	padding:0 10px
}
.comments-list, .comments-list .comment-item {
	margin:0;
	padding:0;
	width:100%;
	float:left
}
.post-share span {
	padding-left:0
}
.post-share a {
	color:#fff
}
.post-share a:hover {
	text-decoration:none
}
.post-share a.facebook {
	background-color:#3b5997
}
.post-share a.twitter {
	background-color:#55acef
}
.post-share a.gplus {
	background-color:#da4735
}
.post-share a.facebook:hover {
	background-color:#2d4372
}
.post-share a.twitter:hover {
	background-color:#2695eb
}
.post-share a.gplus:hover {
	background-color:#ba3322
}
.comments-list {
	list-style:none
}
.comments-list .comment-item .wrapper {
	width:100%;
	float:left;
	position:relative;
	min-height:100px;
	padding-left:120px;
	box-sizing:border-box;
	margin-top:50px
}
.comments-list .comment-item figure {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	width:100px;
	height:100px;
	box-sizing:border-box;
	border:10px solid #ecedf1;
	overflow:hidden
}
.call-us, .call-us p, .comments-list .comment-item figure img {
	width:100%
}
.comments-list .comment-item .inner {
	width:100%;
	float:left;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#701f40;
	box-sizing:border-box;
	padding-left:20px
}
.comments-list .comment-item .inner p.name {
	color:#333;
	text-transform:capitalize;
	font-size:1.5em;
	line-height:1em;
	margin-top:0
}
.comments-list .comment-item .inner p.date {
	font-style:italic;
	font-size:.8em;
	margin-top:10px
}
.comments-list .comment-item .inner p.reply {
	text-transform:uppercase
}
.comments-list .comment-item .inner p.rating {
	color:#701f40;
	margin-top:10px
}
.comments-list .comment-item .comment-item {
	padding-left:50px
}
.chat-btn {
	margin:0;
	padding:0
}
.chat-btn li {
	float:left;
	list-style-type:none;
	margin-right:0;
	height:53px
}
.awards {
	background:#eee
}
.comment-form {
	background-color:#ecedf1;
	padding:20px 40px 40px;
	box-sizing:border-box;
	margin-top:30px;
	display:inline-block
}
.comment-form.shop-comment-form {
	padding:0;
	margin-top:0
}
.call-us {
	float:left;
	background-color:#701f40;
	color:#fff;
	margin-top:30px;
	padding:30px 40px 40px;
	box-sizing:border-box
}
.call-us p {
	float:left;
	margin-top:10px
}
.contacts-map, .flickr-1 {
	margin-top:20px;
	float:left;
	width:100%
}
.call-us p.phone {
	font-size:2em;
	line-height:1em;
	font-weight:700
}
.contacts-map {
	height:300px
}
.flickr-1 img {
	float:left;
	margin-right:5px;
	margin-bottom:5px
}
#spinner-wrapper {
	width:100%;
	height:100%;
	position:fixed;
	z-index:100001;
	background-color:#fff
}
#spinner-wrapper .spinner {
	width:100px;
	height:50px;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
	text-align:center
}
#spinner-wrapper .spinner .ball {
	width:20px;
	height:20px;
	background-color:#222;
	border-radius:50%;
	display:inline-block;
	-webkit-animation:motion 3s cubic-bezier(.77, 0, .175, 1) infinite;
	animation:motion 3s cubic-bezier(.77, 0, .175, 1) infinite
}
#spinner-wrapper p {
	color:#222;
	margin-top:5px;
	letter-spacing:3px;
	font-size:10px
}
@-webkit-keyframes motion {
0%, 100%, 50% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
25% {
-webkit-transform:translateX(-50px) scale(.3);
transform:translateX(-50px) scale(.3)
}
75% {
-webkit-transform:translateX(50px) scale(.3);
transform:translateX(50px) scale(.3)
}
}
@keyframes motion {
0%, 100%, 50% {
-webkit-transform:translateX(0) scale(1);
transform:translateX(0) scale(1)
}
25% {
-webkit-transform:translateX(-50px) scale(.3);
transform:translateX(-50px) scale(.3)
}
75% {
-webkit-transform:translateX(50px) scale(.3);
transform:translateX(50px) scale(.3)
}
}
 @media screen and (max-width: 320px) {
.bigger{.bigger{font-size: calc(16pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)));}}
.bandfont {
 /*font-size: calc(60% + (26 - 14) * ((100vw - 300px) / (1600 - 300)))!important;*/
 line-height: calc(1.5rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 padding:2px 1px;
 text-align:center;
 color: #FFFFFF;
}
 #product-inner-sec-dia {
/* The image used */
    background: url("./../images/products/products-center.png") no-repeat top left;
 background-size:99.2%;
 height: 27vh;
 width: 100%;
}
 .product-inner-sec-green {
 float:left;
 position:relative;
 text-align:center;
 background:#a8ca01;
 font-size:17px;
/* margin-left:5px;*/
 line-height: calc(1.3rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-green, h3.green-heading {

}
.product-inner-sec-green-outer {
padding:30px 30px 30px 15px;
text-align:left;
}
.product-inner-sec-green, p.green-text {
font-size:1.3rem;
text-align:left;
}
.product-inner-sec-blue {
 float:left;
 position:relative;
 text-align:center;
 width:98%;
 background:#a8c6ec;
 font-size:17px;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-blue, h3.blue-heading {
font-size: calc(1.2em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
}
.product-inner-sec-blue-outer {
padding:30px 30px 30px 15px;
text-align:left;
}
.product-inner-sec-blue ul.list {
list-style-position:outside !important;
font-size:calc(1rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.product-inner-sec-blue li {
background:url(../img/icons/block-right-icon.png) left top no-repeat;
}
.product-inner-sec-blue li {
padding:5px 0px 17px 40px;
}
}
 @media screen and (mix-width: 320px) {
 .product-inner-sec-green {
 float:left;
 position:relative;
 text-align:center;
 width:98%;
 background:#a8ca01;
 font-size:17px;
 margin-left:5px;
 line-height: calc(1.3rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-green, h3.green-heading {

}
.product-inner-sec-green-outer {
padding:30px 30px 30px 15px;
text-align:left;
}
.product-inner-sec-green, p.green-text {
font-size:1.3rem;
text-align:left;
}
.product-inner-sec-blue {
 float:left;
 position:relative;
 text-align:center;
 width:98%;
 background:#a8c6ec;
 font-size:17px;
 line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
/*padding:0px;
	margin:0px;*/
}
.product-inner-sec-blue, h3.blue-heading {

}
.product-inner-sec-blue-outer {
padding:30px 30px 30px 15px;
text-align:left;
}
.product-inner-sec-blue ul.list {
list-style-position:outside !important;
font-size:calc(1rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.product-inner-sec-blue li {
background:url(../img/icons/block-right-icon.png) left top no-repeat;
}
.product-inner-sec-blue li {
padding:5px 0px 17px 40px;
}
 .wrapper-edge {
padding-left:padding-bottom:calc(1% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300)));
padding-right:padding-bottom:calc(1% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.no-wrap {
white-space: nowrap;
}
.bandbg img {
width:40%;
height:40%;
}
.bandfont  {
font-size: calc(6pt + (26 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
line-height: calc(0.5rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 padding:2px 1px;
text-align:center;
color: #FFFFFF;
}
img {
 width: 100%;
 height: auto;
}
 .borderright {
 border-bottom: 2px solid #173b6b;
 height: 100%;
}
.borderright-btn {
border-right: 3px solid #09182b;
height: 100%;
}
}
 @media only screen and (max-width: 480px) {
 .product-inner-sec-green {
width:100%;
}
 #product-inner-sec-dia {
background-image: url("./../images/products/products-center-wide.png");
background-size: cover;
position: relative;
height: 364px;
width: 99.1%;
}
 .product-inner-sec-blue {
width:100%;
}
.wrapper-edge {
padding-left:padding-bottom:calc(1% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300)));
padding-right:padding-bottom:calc(1% + (1.3 - 1.2) * ((100vw - 300px)/(1600 - 300)));
}
.no-wrap {
 white-space: nowrap;
}
.bandbg img {
width:40%;
height:40%;
}
 .bandfont {
font-size: calc(87% + (26 - 14) * ((100vw - 300px) / (1600 - 300)))!important;
line-height: calc(1.4rem + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))) !important;
 padding:2px 1px;
text-align:center;
color: #FFFFFF;
}
 .borderright {
 border-bottom: 2px solid #173b6b !important;
 height: 100%;
}
.borderright-btn {
border-right: 2px solid #09182b;
height: 100%;
}
 .borderright {
 border-right: 1px solid #173b6b;
}
.bandbg .bandfontbold {
color: #ffffff;
font-weight:bold;
}
 .services-sec {
padding-bottom:10px;
}