@charset 'utf-8'; 
@font-face {
	font-family: 'Conv_vag-rounded-std-bold-5972ee24209ec';
	src: url('../fonts/vag-rounded-std-bold-5972ee24209ec.eot');
	src: local('?'), url('../fonts/vag-rounded-std-bold-5972ee24209ec.woff') format('woff'), url('fonts/vag-rounded-std-bold-5972ee24209ec.ttf')    format('truetype'), url('../fonts/vag-rounded-std-bold-5972ee24209ec.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
    color: #484848;
    font-family: "Lato",sans-serif;
	
   }

.top-header { position:relative; display:block; width:100%; padding:1px 0; background:#006198;}
.phone { position:relative; display:inline-block;}
.top-contact { margin-top:8px; z-index:9999; position:relative;}
.top-contact a { font-size:14px; font-weight:bold; text-decoration:none; color:#fff;}
.top-contact p{ padding:0; margin:0; color:#FFFFFF;}
.phone p:before{ content:"\f095"; display:inline-block; width:20px; height:20px; font-size:14px; color:#e36013; font-family:FontAwesome; font-weight:bold;}
.email { position:relative; display:inline-block; margin-left:25px;}
.email p:before{ content:"\f003"; display:inline-block; width:20px; height:20px; font-size:14px; color:#e36013; font-family:FontAwesome; font-weight:bold;}

.middle-header { background:#000000; position:relative; display:block; width:100%;}
#logo-container::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#006198 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 208px;
    content: "";
    height: 0;
    left: 0;
    margin-left: -102px;
    position: absolute;
    top: 15px;
    width: 0;
}

#logo-container {
    background-color: #006198;
    height: 112px;
    left:134px;
    position: absolute;
    text-align: center;
    top: -15px;
    width: 211px;
    z-index: 2;
}
#logo-container img {
    max-width: 100%;
    position: relative;
    z-index: 3;
	margin-top:30px;
	margin-left: -18px;
}
.menu_bg { margin-top:5px; position:relative; display:inline-block; width:100%;}

.slider { position:relative; display:block; width:100%; height:380px; background:url(../img/slidebg.jpg) no-repeat; background-size:cover;}

.ss {
	padding: 30px 40px;
	width:100%;
	height:375px;
	border-radius: 20px;
	background: #111;
	border: 3px solid white;
	margin: 0 auto;
	position: relative;
	box-shadow: 0px 0px 5px #000;
}
.bb-logo img{ float:left; margin-right:20px;}

.support_link { position:relative; display:inline-block; margin-left:30px;}
.support_link a{ color:#fff; font-weight:bold; font-size:14px;}
.support_link a:before{ content:"\f2be"; display:inline-block; width:20px; height:20px; font-size:14px; font-weight:normal; color:#e36013; font-family:FontAwesome;}

.ss .bx-wrapper{ margin-top:-15px !important;}
.bx-wrapper .bx-viewport{ box-shadow:0; border:none;}
.ss .bxslider { overflow:hidden;}
.middle-header .left-box .triangle {
    border-color: transparent transparent #222;
    border-style: solid;
    border-width: 0 44px 48px 0;
    display: block;
    height: 0;
    left: 100%;
    position: absolute;
    top: 0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
	
}
.left-box {
    background-color: #222222;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1;
}
.triangle {
    border-color: transparent transparent #222;
    border-style: solid;
    border-width: 0 170px 155px 0;
    display: block;
    height: 0;
    position: absolute;
    right: -210px;
    top:0;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.triangle-2 {
    border-color: #222 transparent transparent;
    border-style: solid;
    border-width: 227px 210px 0 0;
    bottom: 0;
    display: block;
    height: 0;
    position: absolute;
    right: -210px;
    transition: border 0.3s ease-in-out 0s;
    width: 0;
}
.rectangle {
    background-color: #222222;
    display: block;
    height: 155px;
    position: absolute;
    right: -40px;
    top: 0;
    width: 40px;
}
.square-1 {
    background-color:#e36013;
    height: 35px;
    position: absolute;
    right: -135px;
    top: 145px;
    transform: rotate(45deg);
    width: 35px;
}
.square-2 {
    background-color: rgba(255, 255, 255, 0.2);
    height: 35px;
    position: absolute;
    right: -135px;
    top: 115px;
    transform: rotate(45deg);
    width: 35px;
}
.square-3 {
    background-color: rgba(255, 255, 255, 0.2);
    height: 35px;
    position: absolute;
    right: -135px;
    top: 175px;
    transform: rotate(45deg);
    width: 35px;
}
.square-4 {
    background-color: rgba(255, 255, 255, 0.2);
    height: 35px;
    position: absolute;
    right: -165px;
    top: 145px;
    transform: rotate(45deg);
    width: 35px;
}
.stripe-box {
    background-color:#e36013;
    margin-top:0;
    overflow: hidden;
    height:93px;
    position: relative;
}
.slideshow_header { margin-top:130px; position:relative; display:inline-block; z-index:9999; width:100%;}
.slideshow_header p{ text-align:right; font-size:35px; font-weight:bold; font-family: 'Montez', cursive; color:#fff;  font-weight: bold;}
.slideshow_header h1 {
    font-weight:bold;
    font-size:42px;
	font-family:'Conv_vag-rounded-std-bold-5972ee24209ec',Sans-Serif;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
	text-align:right;
}
.slideshow_header h1 span{ display:block; font-size:37px; font-family:'Conv_vag-rounded-std-bold-5972ee24209ec',Sans-Serif;}

.Technologies_logoes h2{ color:#FFFFFF;}
.Technologies_logoes p{ color:#FFFFFF;}
.Technologies_platform { position:relative; display:inline-block; width:100%;}
.Technologies_platform h6 {
    background: #e36013 none repeat scroll 0 0;
    color: #006198 !important;
    display: inline-block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    margin: 0;
    padding: 33px 0;
    position: relative;
    vertical-align: middle;
    width: 800px;
    z-index: 11;
	
}

.Technologies_platform h6::after {
    border-color: transparent transparent transparent #e36013;
    border-style: solid;
    border-width: 25px 0 25px 25px;
    content: "";
    display: block;
    left: 100%;
    margin-top: -24px;
    position: absolute;
    top: 50%;
}

.Technologies_platform h6::before {
    background: #e36013 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 50vw;
	
}
.Technologies_logoes { position:relative; display:inline-block; width:100%; }
.tech-platforms-list {
    display: inline-block;
      padding:24px 0;
    vertical-align: middle;
    white-space: nowrap;
	width:100%;
   
}

.tech-platforms-list a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
    margin: 0 5px;
    max-width: 105px;
    min-width: 105px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    width: auto;
	text-align:center;
}
.tech-platforms-list a i {
    background-image: url(../img/platforms-icon.png);
    display: block;
    height: 46px;
    margin: 0 auto;
    transition: all 0.2s ease 0s;
    width: 100px;
}
.tech-platforms-list a:hover {color: #fd7d00;}
 .tech-platforms-list a:hover i {background-image: url(../img/platforms-icon_hover.png);}
 .tech-platforms-list .wordpress i {background-position: 0 0;}
.tech-platforms-list .woocommerce i {background-position: -100px 0;}
 .tech-platforms-list .buddypress i {background-position: -200px 0;}
 .tech-platforms-list .magento i {background-position: -300px 0;}
 .tech-platforms-list .ios i {background-position: -400px 0;}
 .tech-platforms-list .android i {background-position: -500px 0;}
 .tech-platforms-list .zendFrame i {background-position: -600px 0;}
 .tech-platforms-list .cake-php i {background-position: -700px 0;}
 .tech-platforms-list .ionic i {background-position: -800px 0;}
.tech-platforms-list .angular i {background-position: -900px 0;}

.services { position:relative; display:inline-block; width:100%; padding:50px 0; background:url(../img/service.png) repeat;}
.main-heading {
    display: inline-block;
    padding: 0 0 50px;
}
.main-heading-holder {
    text-align: center;
}
.main-heading h2 em {
    font-style: normal;
    position: relative;
    z-index: 2;
}
.main-heading.gray-color span {
    color: #e4e4e4;
}
.main-heading h2 span {
    color: #eee;
    font-size: 70px;
    font-weight: bold;
    left: 50%;
    margin: 0 0 0 -20px;
    position: absolute;
    text-transform: uppercase;
    top: -2px;
    z-index: 1;
}
.main-heading h2 {
    line-height: 32px;
}
.main-heading h2 {
    color: #f8b239;
}
.main-heading h2 {
    line-height: 32px;
}
.main-heading h2 {
    color: #fcca4d;
    margin: 0 0;
    position: relative;
}
.sperater::before, .sperater::after {
    border: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 27%;
}
.sperater::before {
    left: 0;
}
.sperater .active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    height: 12px;
    width: 12px;
}
.sperater .sperater::before, .sperater::after{
    border-color: #2d2b5e;
}
.sperater i {
    display: inline-block;
    height: 9px;
    margin: 0 0 0 6px;
    transform: rotate(45deg);
    width: 9px;
}
.sperater i {
    display: inline-block;
    height: 9px;
    margin: 0 0 0 6px;
    transform: rotate(45deg);
    width: 9px;
}
.sperater {
    display: inline-block;
    margin: 0 0 20px;
    position: relative;
    width: 170px;
}
.sperater i:first-child {
    margin: 0;
}
.sperater .active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    height: 12px;
    width: 12px;
}
.sperater::before, .sperater::after {
    border: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 27%;
}
.sperater::before {
    left: 0;
}
.sperater::after {
    right: 0;
}
.main-heading.white-heading h2 {
    color: #fff;
}
.main-heading.white-heading h2 span {
    color: #272551;
}
.main-heading.white-heading .sperater i {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}
.main-heading.white-heading .sperater::before, .main-heading.white-heading .sperater::after {
    border-color: #fff;
}
.main-heading.left-heading {
    padding: 0;
}
.main-heading.left-heading .h2 {
    float: left;
}
.main-heading.left-heading .sperater {
    float: left;
}


.man 

{ background:url(../img/man_client.png) no-repeat left bottom; height:297px; bottom:0px; display:block;  position:relative;

}

.test1 

{ background:url(../img/communicate.png) no-repeat bottom left; height:297px; bottom:0px; display:block;    position:relative;

}

.test1 .first-face.first 

{ top:97PX; left:4PX; margin:0px; padding:0px;  width:150px; height:150px; 

}

.test1 .first-face.back

{ top:97PX; left:4PX; width:150px; height:150px; margin:0px; padding:0px;  

}

.test_des 

{ background:url(../img/designing.png) no-repeat bottom left; height:297px; bottom:0px; display:block;  position:relative; 

}

.test_des .first-face.first 

{ top:78PX; left:4PX; margin:0px; padding:0px;  width:150px; height:150px; 

}

.test_des .first-face.back

{ top:78PX; left:4PX; width:150px; height:150px; margin:0px; padding:0px;  

}

.test_dev 

{ background:url(../img/development.png) no-repeat bottom left; height:297px; bottom:0px; display:block; position:relative;   

}

.test_dev .first-face.first 

{ top:58PX; left:4PX; margin:0px; padding:0px;  width:150px; height:150px; 

}

.test_dev .first-face.back

{ top:58PX; left:4PX; width:150px; height:150px; margin:0px; padding:0px;  

}



.testing 

{ background:url(../img/testing.png) no-repeat bottom left; height:297px; bottom:0px; display:block; position:relative;   

}

.testing .first-face.first 

{ top:38PX; left:4PX; margin:0px; padding:0px;  width:150px; height:150px; 

}

.testing .first-face.back

{ top:38PX; left:4PX; width:150px; height:150px; margin:0px; padding:0px;  

}
.text-man h4 {
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.tets_lau 

{ background:url(../img/launch.png) no-repeat bottom left; height:297px; bottom:0px; display:block; position:relative;   

}

.tets_lau .first-face.first 

{ top:18PX; left:4PX; margin:0px; padding:0px;  width:150px; height:150px; 

}

.tets_lau .first-face.back

{ top:18PX; left:4PX; width:150px; height:150px; margin:0px; padding:0px;  

}
/* Promo Box */
#promo-box {
    background-color: #e36013;
    color: #FFFFFF;
    padding-bottom: 23px;
    padding-top: 23px;
}
.promo-wrap {
    width: 70%;
    float: left;
}
.promo-title {
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 4px;
}
.promo-text {
    font-style: italic;
}
#promo-box a {
    color: #fff;
}
.promo-action {
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    float: right;
    padding: 8px 20px;
    margin-top: 7px;
}
.promo-action:hover {
    background-color: white;
}
#promo-box a:hover {
        color: #e36013;
    }
.promo-container{
    background-color: #e36013;
    margin-top: 0;
    overflow: hidden;    
}

.back.first-face.center > p { margin:0px; padding:0px; line-height:none; line-height:normal; }
.test_container { position: absolute; margin: 0px auto; width: 150px;height: 150px; z-index: 1; left:8px;}
.test_container { perspective: 1000;}
.test_ca{ width: 158px; height: 150px; transform-style: preserve-3d; transition: all 1.0s linear;  -webkit-transform-style: preserve-3d;  -webkit-transition: all 1.0s linear;
}
.test_container:hover .test_ca { transform: rotateY(180deg);  -webkit-transform: rotateY(180deg);}
.first-face { position: absolute; width: 150px; height: 150px; backfirst-face-visibility: hidden;}
.first-face.back
{ display: block; transform: rotateY(180deg); box-sizing: border-box;  color: white; border-radius:100px;  text-align: center;  background-color: #aaa; -webkit-transform: rotateY(180deg);}
.testimonilas { position:relative; display:inline-block; width:100%; padding:80px 0; background:#CC9933; min-height:250px;}
.testimonials_images img{ max-width:100%;}
.sanjay { 
margin-right: 2em;
width: 100%;
min-height:200px;
border:1px solid #362f2d;
background: #362f2d;

text-align:center;
-webkit-border-radius:0 54px;}

.testimonial-img-author {
    position: absolute;
    background-image: url(../img/avatar-bg.png);
    width: 119px;
    height: 112px;
    padding-top:20px;
    text-align: center;
    top: -69px;
    left: -63px;
	z-index: 9999;
}

.testimonial-img-author img {
    max-width: 75px;
}
.test_contain {
    background-color: #362f2d;
    border-radius: 0 100px 0 100px;
    padding: 30px 48px;
	min-height:250px;
position:relative; display:inline-block;
}
.testimonials_top {
    position: absolute;
    display: inline-block;
    top: -76px;
    right: 103px;
}
.test_d { min-height:100px;}
.testimonials_bottom {
    position: absolute;
    left: -126px;
    bottom: -80px;
}
.clent_text h3{font-size:40px;
font-weight:bold;
color: #2f2c2c;
    font-family: "Lato",sans-serif;
	margin: .5em 0;
    margin-top: 0.5em;
    margin-bottom: 0.5em;

}
.clent_text p{font-size:24px;
color: #FFFFFF;
    font-family: "Lato",sans-serif;
	

}

.test_contain h5 {
    color: #ffffff;
    font-size: 24px;
	font-family: "Lato",sans-serif;
}
.author-info {margin-top:30px;}
.author-info h6 {
    color: #fcd846;
	margin: 0;
	font-size: 18px;
line-height: 1.5em;
font-weight: 400;

}
.author-company {
    font-size: 14px;
}

.quote {
    position: absolute;
    right: 70px;
    bottom: 30px;
}
.quote i {
    font-size:90px;
    color: #3b3432;
	font-family: 'FontAwesome' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}
.swiper-slide{
background: transparent !important;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
	display:inline-block;
}
div {
    display: block;
}
.buttons a{ border:1px solid #FFFFFF; padding:5px 20px; color:#FFFFFF; font-family: "Lato",sans-serif; font-size:14px;} 

.swiper-container.overflow-visible {
    overflow: visible;
}
.pagination-bottom {
    padding-bottom: 60px;
}
.testimonial__thumb {
    background-color: #362f2d;
    border-radius: 0 100px 0 100px;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 3;
}




/*22222222222222222222*/
.main_icon_div { position:relative; display:inline-block; width:100%; margin-bottom:40px;}
.main_icon_div:last-child{ margin-bottom:0px;}
#service_section{position:relative; display:inline-block; width:100%; background: #000000 url(../img/poster.jpg) fixed no-repeat;background-size:cover; padding:80px 0;}

#service_section .black-overlay .container>div>div {
	color:#fff;
	text-align:center
}
#service_section .black-overlay .container>div>div:nth-child(1) {
padding:0 20px
}
.text_heading h2{text-transform: uppercase;
color: #fff; font-size:48px; margin: 0 0 10px 0; font-weight: bold;  font-family: "Lato",sans-serif;
 }
.sperater i {
    background: #FFFFFF none repeat scroll 0 0;
}
.sperater .active, .sperater::before, .sperater::after {
    border-color: #FFFFFF;
}
.text_heading { text-align:center; position:relative; display:inline-block; width:100%; }

 .text_heading p{ font-size: 20px; margin: 0 auto 50px; font-family: "Lato",sans-serif; color:#FFFFFF;} 
 
 .text h2{text-transform: uppercase;
color: #333; font-size:48px; margin: 0 0 10px 0; font-weight: bold;  font-family: "Lato",sans-serif;
 }
.text .sperater i {
    background: #333 none repeat scroll 0 0;
}
.text .sperater .active, .text .sperater::before, .text .sperater::after {
    border-color: #333;
}
.text p{ font-size: 20px; margin: 0 auto 50px; font-family: "Lato",sans-serif; color:#333;} 
.newpage h2 {
	 font-family: "Lato",sans-serif;
	font-size:38px;
	color:#fff;
	margin-bottom:0
}
.newpage .hm-page h2 {
	text-transform:uppercase;
	color:#fff
}
.newpage #service_section p {
	padding-top:10px
}
.newpage #service_section p{
	 font-family: "Lato",sans-serif;
	font-size:18px;
	
	margin:0 auto 30px
}
.newpage #service_section .buttons a {
	background:none;
	border-color:#f8c300;
	color:#f8c300;
	padding:11px 27px;
	border-radius:25px;
	margin-bottom:20px;
	min-width:133px
}
.newpage #service_section .buttons a:hover {
	background:rgba(0, 0, 0, 0.77)
}
.main_icon_div .icon-effect {
	background-repeat:no-repeat;
	width:120px;
	height:120px;
	background-position:center;
	border:2px solid #fff;
	background-size:80%
}
.main_icon_div>div:hover .icon-effect {
	border:2px solid #db7d00
}

.icon_effect h3 a{
	font-size:24px;
	color:#e36013;
	 font-family: "Lato",sans-serif;
	margin-bottom:20px
}
.newpage #service_section .main_icon_div p {
	font-size:14px;
	 font-family: "Lato",sans-serif;
	line-height:22px;
	margin:10px 0 26px
}
.icon-effect {
	display:inline-block;
	font-size:0;
	cursor:pointer;
	margin:10px 20px;
	border-radius:50%;
	text-align:center;
	position:relative;
	z-index:1;
	color:#fff;
	padding-top:40px;
	
	
}
.icon-effect:hover{ color:#FF0000;}
.icon-effect:after {
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	border-radius:50%;
	content:'';
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.icon_effect i{ font-size:40px;}

.icon_effect .icon-effect {
-webkit-transition:-webkit-transform ease-out 0.1s, background .2s;
-moz-transition:-moz-transform ease-out 0.1s, background .2s;
transition:transform ease-out 0.1s, background .2s
}
.icon_effect .icon-effect:after {
	top:0;
	left:0;
	padding:0;
	z-index:-1;
	box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1);
	opacity:0;
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	transform:scale(0.9)
}
.icon_effect .icon-effect:hover, .main_icon_div>div:hover.icon_effect .icon-effect {
	background-color:rgba(255, 255, 255, 0.05);
	-webkit-transform:scale(0.93);
	-moz-transform:scale(0.93);
	-ms-transform:scale(0.93);
	transform:scale(0.93);
	color:#fff
}
.icon_effect .icon-effect:hover:after, .main_icon_div>div:hover.icon_effect .icon-effect:after {
	-webkit-animation:sonarEffect 1.3s ease-out 75ms;
	-moz-animation:sonarEffect 1.3s ease-out 75ms;
	animation:sonarEffect 1.3s ease-out 75ms
}
@-webkit-keyframes sonarEffect {
0% {
opacity:.3
}
40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5)
}
100% {
box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5);
-webkit-transform:scale(1.5);
transform:scale(1.5);
opacity:0
}
}
@-moz-keyframes sonarEffect {
0% {
opacity:.3
}
40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5)
}
100% {
box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5);
-moz-transform:scale(1.5);
transform:scale(1.5);
opacity:0
}
}
@keyframes sonarEffect {
0% {
opacity:.3
}
40% {
opacity:.5;
box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5)
}
100% {
box-shadow:0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(255, 255, 255, 0.5);
transform:scale(1.5);
opacity:0
}
}
.main_icon_div .hide-box:hover {
	opacity:9;
	
}
.hidescroll .head-hold {
	z-index:20;
}
.head_title {
	text-transform:inherit!important;
}
.slide-content p a {
	white-space:nowrap;
	color:#f8c300;
	 font-family: "Lato",sans-serif;
	text-decoration:none;
}
#service_section.services h3 a {
	color:#f8c300;
	text-decoration:none
}

.hide-box {
opacity:0.7;

-webkit-transition:all 500ms ease-in-out;
-moz-transition:all 500ms ease-in-out;
-ms-transition:all 500ms ease-in-out;
-o-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out
}
.hide-box p{ min-height:125px;}
.main_icon_div>div:hover .hide-box {
opacity:1
}

/*=============*/
.our_process_row {
	padding-top: 154px;
	padding-bottom: 104px;
	position: relative;
	overflow: hidden;
	background-color: #ff5722;
}
.our_process_row:after {
	-webkit-animation: hero-next-in 0.4s ease 1;
	animation: hero-next-in 0.4s ease 1;
	background-image:url(../img/processicon.png), none;
	background-size: 18% auto;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1);
	width: 200%;
	opacity: 0.2;
}
.our_process_row:hover {
	background-color:#616161;
}
.our_process_row:hover:after {
	-webkit-animation: hero-next-over 10s linear infinite;
	animation: hero-next-over 10s linear infinite;
}
@-webkit-keyframes hero-next-over {
to {
	-webkit-transform: translateX(-18%);
	transform: translateX(-18%)
}
}
@keyframes
hero-next-over {to {
-webkit-transform: translateX(-18%);
transform: translateX(-18%)
}
}
.our_process_row {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.clients {
    background: rgba(158, 158, 158, 0.07);
	position:relative; display:inline-block; width:100%; padding:50px 0;
}

    .clients .section-title {
        margin-bottom: 3rem;
    }

    .clients img {
        
    }

        .clients img:hover {
          
        }
.about_us { position:relative; display:inline-block; width:100%; padding:50px 0; background:#e4e4e4;}
.about_box { position:relative; display:inline-block; width:100%; /*border:15px solid #e36013; min-height:200px; margin-left:50px;*/}
.about_box img{ max-width:100%;}
.about_box_item {
    background: #e4e4e4;
    padding: 0 0 1px 0;
    margin: 5px 0 0px -50px;
}
.box_item { position:relative; display:block; width:100%; margin-bottom:20px;}
.about_des h1{
color: #333333;
font-size:37px;
margin: 0 0 10px 0;
font-weight: bold;
font-family: "Lato",sans-serif;
}
.about_des p{font-family: "Lato",sans-serif; font-size:16px; text-align:justify;}
/****************************************** 4. Presentation Section start******************************************/
#responsive img{ width:100%;}
#responsive {
    height: 400px !important;
	
}
#responsive li img{ border:1px solid #000000;}
.presentation {
position:relative; display:inline-block; width:100%;
background: url(../img/bg-2.jpg) no-repeat fixed;
background-size: cover;
text-align: center;
padding-top: 20px;
margin-bottom: 10px;
}
.presentation .img-2{ width:100%;}
.presentation .img-2 {
	padding-left: 0px;
	margin-top: 10px;
	position: relative;
	top: 25px;
	z-index: 4;
}
.presentation .work {
	text-align: right;
	padding-top: 60px;
}
.presentation .work .work-ul {
	padding-left: 0px;
	padding-top: 20px;
	color: #fff;
	list-style: none;
}
.presentation .work .work-ul li {
	font-size: 15px;
	font-weight: 300;
	padding-bottom: 10px;
}
.presentation .work .work-ul li i {
	color: #acffa8;
	padding-left: 15px;
}
.presentation .work .img-1 {
	position: relative;
	left: 115px;
	z-index: 5;
}
.presentation h2 {
	font-size: 44px;
	color: #fff;
	font-weight: 700;
}
.presentation .work-2 {
	text-align: left;
	
}
.presentation .work-2 .img-3 {
    position: relative;
    right: 160px;
    z-index: 5;
    top: -5px;
}
.presentation .work-2 .img-31 {
    position: relative;
    right: 160px;
    z-index: 5;
    top: -43px;
}
.presentation .work-2 .img-32 {
    position: relative;
    right: 160px;
    z-index: 5;
    top: -60px;
}

.presentation .work-2 .inside {
    background: url(../img/bulb-line.png) no-repeat;
    position: relative;
    left: -50px;
    top: -30px;
}

.presentation .work-2 .inside2 {
    background: url(../img/bulb-line1.png) no-repeat;
    position: relative;
    left: -50px;
    top: -63px;
}
.presentation .work-2 .inside3 {
    background: url(../img/bulb-line2.png) no-repeat;
    position: relative;
    left: -50px;
    top: -80px;
}

.presentation .work-2 .inside h2 {
	position: relative;
	left: 70px;
}
.inside h2{ font-size:20px; top:14px;}
.presentation .work-2 .happy-ul {
	padding-left: 0px;
	padding-top: 22px;
	color: #fff;
	list-style: none;
	font-size: 15px;
	font-weight:700;
	position: relative;
	left: 70px;
}
.presentation .work-2 .happy-ul li {
	padding-bottom: 12px;
}
.pos_system { position:relative; display:inline-block; width:100%;}
.pos_system h1 { color:#FFFFFF; font-family: "Lato",sans-serif; text-transform:uppercase; margin:0;} 
.pos_system h2{ color:#FFFFFF; font-family: "Lato",sans-serif; text-transform:uppercase; margin-top:5px;}
.pos_system p{ color:#FFFFFF; font-family: "Lato",sans-serif; font-size:16px;}
/****************************************** 4. Presentation Section end******************************************/


.about_des h1 span{ color:#e36013;}
.number {
    color: #006198;
    font-size:90px;
    font-weight: 900;
    font-family: "Lato",sans-serif;
    line-height: 1;
}
.item-text {
    color: #85aebc;
    font-family: "Lato",sans-serif;
    font-size:24px;
    line-height: 1;
    margin-top: -10px;
}

.pos_service_box { position:relative; display:inline-block; width:100%; padding:5px; border:1px solid #FFFFFF; min-height:500px; margin-bottom:8px;background: white; border-radius: 0.25em; padding: 1em; box-shadow: 0 3px 0 #d7e4ed; margin-top:5px;}
.service_img img{ width:100%;}
.service_des h3{ padding:10px 0; margin:0; font-size:25px; font-family: "Lato",sans-serif; color:#e36013;}
.service_des { text-align:center;}
.service_des ul{ padding:0; margin:0;}
.service_des ul li{ display:block; margin-bottom:5px; color:#333; font-family: "Lato",sans-serif; font-size:15px; text-align:left;}
.service_des ul li i{ color:#e36013; margin-right:5px;}
.service_des ul li a{ color:#006198; font-weight:bold;}
.register_div { position:relative; display:block; width:100%; padding:30px 0; background:#f5f5f5;}
.external_link2 {
    padding-top: 16px;
    position: relative;
    display: block;
}
.external_link3 {
    padding-top: 16px;
    position: relative;
    display: block;
}
.external_link4 {
    padding-top: 16px;
    position: relative;
    display: block;
}
















.about_des { position:relative; display:inline-block; width:100%;}
.portfolio { position:relative; display:inline-block; width:100%; padding:50px 0;}
	
.footer { position:relative; display:block; width:100%; padding:50px 0 0 0; background:#000000;}
.footer_logo { position:relative; display:inline-block; width:100%; margin-bottom:20px;}
.footer_logo img{ max-width:100%;}
.footer_menu { position:relative; display:inlineblock; width:100%; margin-bottom:20px;}
.footer_menu ul{ padding:0; margin:0;}
.footer_menu ul li{ list-style:none; display:block; margin-bottom:10px;}
.footer_menu ul li a{font-family: "Lato",sans-serif; font-size:16px; color:#8c8a8a; text-decoration:none; font-weight:bold;}
.footer_menu ul li a:hover{ color:#FFFFFF;}
.footer-part3 ul{ padding:0; margin:0;}
.footer-part3 ul li {
    color: #8c8a8a;
	margin-bottom: 0.8rem;
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
    letter-spacing: 0.1rem;
    cursor: pointer;
	list-style:none;
	font-size:14px;
	font-family: "Lato",sans-serif;
}
.footer_social_icon { position:relative; display:inline-block; width:100%;}
.footer_social_icon ul{ padding:0; margin:0;}
.footer_social_icon ul li{ list-style:none;}
.footer_social_icon ul li a{ color:#8c8a8a; font-size:20px; margin:0 2px;}


.fa-facebook:hover { color: #3b5998}
.fa-twitter:hover{
    color: #0084b4 !important;
}

.fa-google-plus:hover{
    color: #d34836 !important;
}


.fa-instagram:hover{
    color: #cf3400 !important;
}
.fa-pinterest:hover{
    color: #cf3400 !important;
}

.fa-linkedin:hover { color: #3b5998}

.footer_part2 ul{ padding:0; margin:0;}
.footer_part2 ul li{ list-style:none; display:block; margin-bottom:5px;}
.footer_part2 ul li a{font-family: "Lato",sans-serif; font-size:16px; color:#8c8a8a; text-decoration:none; font-weight:bold;}





.copy_right {
    border-top: 1px solid #e36013;
    margin-top: 30px;
   padding: 30px 0 0 0;
    position: relative;
	display:inline-block; width:100%;
	text-align:center;
}
.copy_right:after {
    content: "";
    background-image: url(../img/forge-icon.png);
    background: #000000  url(../img/forge-icon.png) no-repeat;
        background-repeat: no-repeat;
        background-size: auto auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    height: 37px;
    width: 175px;
    position: absolute;
    left: 50%;
    top: -20px;
    margin-left: -90px;
}
.copy_right p{color: #6b6b6b;
		font-size:14px;
	font-family: "Lato",sans-serif;}

.bb-logo { position:relative; display:inline-block; width:100%; margin-top:23px; margin-bottom:5px;  padding:8px; text-align:center;}
.bb-logo img{ max-width:100%;}


/*---contact--*/
.top_bg_color{ background:#006198; color:#FFFFFF; padding:0;}
.top_bg_color .top-contact { margin-top:6px;}
.top_bg_color .top-contact a { font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
.top-social {}
.top-social ul{ padding:0; margin:0;}
.top-social  h6{ font-size:14px; font-weight:bold; text-decoration:none; color:#FFFFFF; margin-right:19px; float:left; position:relative; display:inline-block; margin-top:0; margin-bottom:5px;}
.top-social ul li{ list-style:none; display:inline-block; }
.top-social ul li a{
width:30px; height:31px;

}
.top-social ul li a i:hover{ color:#FFFFFF !important;}
.bottom_header { position:relative; display:block; width:100%; padding:10px 0; background:#000000;} 
.company_name {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 9px;
}
.company_name img{ max-width:100%;}
.bottom_header .navbar-inverse{ margin-top:4px;}
.jx-titlebar {
    background: #f9f9f9 none repeat scroll 0 0;
    min-height:150px;
    overflow: hidden;
    padding:10px 0;
    position: relative;
}
.parallax {
    background-size: cover;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-pos-middle {
    background-position: center center;
}
.jx-titlebar .jx-shape-left {
    background-color:#006198;
    height: 150px;
    left: -130px;
    position: absolute;
    top: 0;
    transform: skew(20deg);
    width: 549px;
	opacity:0.5;
}
.jx-titlebar .jx-shape-right {
    background-color:#006198;
    height: 150px;
    position: absolute;
    right: -187px;
    top: 0;
    transform: skew(-20deg);
    width: 700px;
	opacity:0.5;
}
.jx-shape-right {
    background-color: #ffb300;
    height: 100px;
    position: absolute;
    right: -50px;
    top: 0;
    transform: skew(20deg);
    width: 700px;
}
.jx-page-title {
    margin-top: 42px;
}
.jx-page-title .jx-breaducrumb {
    background: #e36013 none repeat scroll 0 0;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
   
    text-transform: uppercase;
	font-family: Montserrat;
}
.jx-page-title .jx-breaducrumb a {
    padding: 5px 10px;
	color:#FFFFFF;
}
.jx-page-title .jx-breaducrumb span {
    background: #006198 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: 800;
    padding: 6px;
    text-transform: uppercase;
	font-family: Montserrat;
}
.jx-titlebar .container {
        position: relative;

}
.wrapper { position:relative; display:inline-block; width:100%; padding:10px 0;}
.main_contct { position:relative; display:inline-block; width:100%; background:url(../img/contact_bg.png) no-repeat center -1px;  min-height:601px; }
.contact_info { position:relative; display:inline-block; width:100%; background:#006198;  margin-top:35px; padding:3.33em 5.33em 10.4em;
z-index: 2;
}
.contact_header h2 {
	   font-family: "Lato",sans-serif;
		font-size: 3.3360rem;
		color:#FFFFFF;
		font-weight: bold;
	   
		line-height: 1.2em;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		margin-top: 0em;
		margin-bottom: 0.67em;
}
.contact_location { position:relative; display:inline-block; width:100%; margin-bottom:15px;}
.contact_icon { float:left; width:55px; margin-right:20px; text-align:center;}
.contact_icon i{ font-size: 4.3em; line-height: 0.8em; color:#FFFFFF;}
.location_des { overflow:hidden;}
.location_des h5{
		display: block;
		line-height: 1.5em;
		font-size:16px;
		font-weight: 600;
		letter-spacing: 0.24em;
		text-transform: uppercase;
		color: #292929;
		padding:0; margin:0 0 5px 0;
}
.location_des p
	{
		font-size: 1.066em;
		line-height: 1.5em;
		font-weight: 400;
		letter-spacing: 0.02em;
		color:#fff;
	}
.contact_form { position:relative; display:inline-block; width:100%; padding: 3em 3.33em 3em 3em; background:#373435; margin-top:60px; min-height:595px;}
.contactform_head h2{
 font-family: "Lato",sans-serif;
		font-size: 3.3360rem;
		color:#e36013;
		font-weight: bold;
	   
		line-height: 1.2em;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		margin-top: 0em;
		margin-bottom: 0.67em;
		}	
.top_con .col-sm-6:first-child{ padding-right:0;}	
.top_con .col-sm-6:last-child{ padding-left:0;}
.contact_form label{ color:#FFFFFF;}
.contact_form input{
    display: block;
    width: 100%;
    height:40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    
    border-radius:0;
   border:2px solid #e36013;
   outline:none;
}

.contact_form textarea{ border:2px solid #e36013; border-radius:0;}
.btn-yellow {  color:#FFFFFF; background:#e36013; padding:15px 35px; border-radius:10px; margin-top:5px; position:relative; display:inline-block;  margin-left:15px;}
.btn-yellow:hover{ background:#006198; color:#FFFFFF; text-decoration:none;}
.map { position:relative; display:inline-block; width:100%; border:1px solid #373435; margin-top:15px; min-height:100px;}
.map iframe{ outline:none; border:none; width:100%; height:400px;}		
/*---about us--*/
.main_aboutus { position:relative; display:inline-block; width:100%;}
.about_text h1{color: #e36013;
font-family: "Lato",sans-serif;
text-transform: uppercase;
margin: 0;
font-size:33px;
}
.about_text h2 {
    color:#006198;
    font-family: "Lato",sans-serif;
    text-transform: uppercase;
    margin-top: 8px;
    font-size: 44px;
    font-weight: 700;
}
.about_text p {font-size:16px; font-family: "Lato",sans-serif; color:#333; letter-spacing: 0.03em; text-align:justify;}
.our_office { position:relative; display:inline-block; width:100%; text-align:center;}
.our_office img{width:100%;}
.db_speaker { position:relative; display:inline-block; width:100%; padding:30px 0; background:#292d38 url(../img/vision.jpg) no-repeat fixed; background-size:cover; min-height:300px;}
.mision_box { position:relative; display:inline-block; width:100%; text-align:center;}
.mision_des h3{font-family: "Lato",sans-serif; color:#FFFFFF; font-size:28px; }
.mision_des p{font-size:16px; font-family: "Lato",sans-serif; color:#FFFFFF; letter-spacing: 0.03em;}
.our_team { padding:50px 0 40px 0; position:relative; display:inline-block; width:100%; background:#f5f4f4;}
.service_row_1 { position:relative; display:inline-block; width:100%; edecec-bottom:10px;border-left: #ff9936 solid 4px !important;
margin-bottom: 25px; border: #e4f1ff solid 1px; padding:10px; background:#F2F2F2;}
.service_row_1:hover{background: #f9e0c9;}
.team_img img{ max-width:100%; margin-top:10px;}
.service_row_2 { position:relative; display:inline-block; width:100%; margin-bottom:10px;border-left: #b99ac6 solid 4px !important;
margin-bottom: 25px; border: #e4f1ff solid 1px; padding:10px; background:#edecec;}
.service_row_2:hover{background: #f5e2fc;}

.service_row_3 { position:relative; display:inline-block; width:100%; margin-bottom:10px;border-left: #08d3a7 solid 4px !important;
margin-bottom: 25px; border: #daf8f2 solid 1px; padding:10px; background:#edecec;}
.service_row_3:hover{background: #b9fced;}

.team_icon { float:left; width:100px; height:100px; margin-right:20px; border-radius:100%; background:#FFFFFF; text-align:center; padding-top:35px;}
.bg_icon1 { background:#ff9936; border:3px solid #ee8e31;}
.bg_icon2 { background:#c28fd8; border:3px solid #b281c7;}
.bg_icon3 { background:#08d3a7; border:3px solid #02c99e;}
.team_icon i{ font-size:30px; color:#FFFFFF; }
.service_row_text { overflow:hidden;}
.service_row_text h4{ font-family: "Lato",sans-serif; color:#ee8e31 !important; font-size:20px; padding:0; margin:0;}
.service_row_text p{font-size:16px; font-family: "Lato",sans-serif; color:#333; letter-spacing: 0.03em;}

.color-pink h4{
    color: #752099 !important;
}
.color_green h4{color: #0aa482!important;}

/*-----PortFolio----*/
.portfolio-single {
    margin-bottom:3rem;       
    position:relative;
    box-sizing: border-box;
    box-shadow:0px 2px 7px -2px black;
    cursor:pointer;

}

    .portfolio-single:hover .port-details {
        height:100% !important;
        width:100% !important;
    }

    .portfolio-single:hover .port-name {
        display:block !important;
        
    }


.port-details {
    position: absolute;
    left: 0;
    right:0;
    top: 0;
    width: 100%;
    height: 0%;
    background: rgba(0, 0, 0, 0.18);
    transition:all 0.5s ease-in-out;
}

.port-name {
    display:none;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 2%;
    color: #d0cecd;
    background: #353535;
    margin-right: 2%;
}
.portfolio-container .portfolio-single:nth-child(4n) {
    margin-right:0;
}
.portfolio-single img {
        width:100%;
        height:auto;
            display: inherit;
    }

.webdese_service { position:relative; display:inline-block; width:100%; padding:30px 0; background:#333333; }
.service_box_text h2 {
    font-size: 25px;
    font-family: "Lato",sans-serif;
    margin: 10px 0 5px 0;
	color: #006198;
}
.service_box_text p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
}
.service_box
 {
position: relative;
text-align:center;
background: white;
border-radius: 0.25em;
padding: 1em;
box-shadow: 0 3px 0 #d7e4ed;
width:100%;
min-height:337px; margin-bottom:5px;
}

.service_boxpos
 {
position: relative;
text-align:center;
background: white;
border-radius: 0.25em;
padding: 1em;
box-shadow: 0 3px 0 #d7e4ed;
width:100%;
 margin-bottom:10px;
}
.service_box_text { overflow:hidden;}
.service_left_icontext { float:left; width:80px; height:80px;}
.service_left_icontext i{ font-size:56px; color:#e36013;}
.inner_icon { position:relative; display:inline-block; width:100%; padding:50px 0; background:url(../img/webdesign_bg.jpg) no-repeat fixed; background-size:cover; text-align:center; margin:0 auto;}
.service_titel { width: 230px;
height: 230px;
border: #FFF solid 4px;
margin:0 auto;
border-radius: 100%;
text-align:center;
}
.service_titel h3{font-family: "Lato",sans-serif; color:#FFFFFF !important; font-size:30px; text-transform:uppercase; font-weight:bold; text-align:center; padding-top:60px;}
.service_titel h3:before{ content:""; background:#FFFFFF; width:50px; height:3px; display:block; margin:auto auto 10px auto;}
.service_titel:after{ content:""; background:#d7e4ed; width:4px; height:93px; display:inline-block; margin-top:57px;}
.main_time_line { background:#333333;} 
/*---gried--*/
.list-type4 ol{
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 15px;
font-family: 'Raleway', sans-serif;
padding: 0;

}
.list-type4 li{
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #006198;
color: white;
text-decoration: none;
box-shadow:inset 0.5em 0 #e36013;
-webkit-transition: box-shadow 1s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 1s;
}

.list-type4 li:hover{
box-shadow:inset 2em 0 #e36013;
}
.network_img { margin-top:25px;} 
.network_img img{ width:100%;}
.hardwarenet_img img{ width:100%;}

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
.feedback-button .feedback-button{
    margin-left: 0px;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
.cd-timeline-content h2 {
    font-size: 25px;
	font-family: "Lato",sans-serif;
	margin:0;
	color:#006198;
   
  }
   .cd-timeline-content p {
    font-size: 16px;
   font-family: "Lato",sans-serif;
  }
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 25px;
	font-family: "Lato",sans-serif;
	margin:0;
   
  }
  .cd-timeline-content p {
    font-size: 16px;
   font-family: "Lato",sans-serif;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/*----------Seo---------*/
.social_back { position:relative; display:inline-block; width:100%; padding:30px 0; background:url(../img/bg-2.jpg) no-repeat center fixed; background-size:cover;}
.social_head { position:relative; display:inline-block; width:100%; text-align:center; }
.social_head h2{font-size:40px;
	font-family: "Lato",sans-serif;
	margin:0 0 5px 0;
	color:#FFFFFF;}
.social_head h2:before {
    position: absolute;
    left: 0;
    height: 1px;
    content: '';
    width: 100px;
    right: 0;
    margin: 0 auto;
    transition: all ease 0.5s;
    bottom: 0;
    border-bottom: 1px solid #FFFFFF;
}
	
.social_head h2:after {
			position: absolute;
			left: 0;
			bottom: -9px;
			border-bottom: 1px solid #FFFFFF;
			height: 1px;
			content: '';
			width: 50px;
			transition: all ease 0.5s;
			right: 0;
			margin: 0 auto;
			transition: all ease 0.5s;
}
.example_wrap { position:relative; display:inline-block; width:100%; margin-top:30px;}
.chanel { position:relative; display:inline-block; width:100%; text-align:center;}
.chanel_icon { width:100px; height:100px; border-radius:100%; border:2px solid #FFFFFF; text-align:center; padding-top:25px; margin:0 auto; margin-bottom:30px;}
.chanel_icon i{ color:#FFFFFF; font-size:50px; }
.chanel h6{ font-family: "Lato",sans-serif; color:#FFFFFF; font-weight:bold; font-size:20px;}
.chanel h6:after {
    content: '';
    height: 1px;
    width: 60px;
    background: #fff;
   display:block;
   
    margin:10px auto 0 auto;
}
.chanel ul{ padding:0; margin:0;}
.chanel ul li {
list-style:none;
   font-family: "Lato",sans-serif;
    font-size: 16px;
    position: relative;
    color: #fff;
    font-weight: 300;
    padding: 10px 0;
}
.chanel ul li:before {
    content: '';
    height: 1px;
    width: 58px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 1px dashed #fff;
    bottom: 0;
}
.seo_section1 { position:relative; display:inline-block; width:100%; padding:40px 0;}
.seo_section123{ position:relative; display:inline-block; width:100%; padding:40px 0 30px 0;}
.seo_img img{ width:100%;}
.seo_test_des h2{ margin-top:-7px !important;}
.seo_des h2{
    letter-spacing: 0.7px;
    font-size: 25px;
    padding-bottom:8px;
   font-family: "Lato",sans-serif;
	color: #000;
	margin:-6px 0 0 0;
	text-transform:uppercase;
}
.seo_des p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
	line-height:28px;
	text-align:justify;
}
.seo_section2 { background:#f0f6f7; position:relative; display:inline-block; width:100%; padding:40px 0;}

.marketing_why { position:relative; display:block; padding:40px 0; width:100%; background:#f1f1f1;}
.market_head h2{ font-size:30px;}
.market_head h1{ font-size:36px; text-transform:uppercase; line-height:48px;}
.marketing_box { position:relative; display:inline-block; width:100%; margin-top:30px;}
.marketing_des h4{ font-size:24px; color:#333;}
.marketing_des  p{ font-size:16px;}
.marketing_box i { font-size:50px; color:#e36013; }
.content-div { position:relative; display:block; padding:20px 0;}
.content-div:last-child{ padding-bottom:0; }
.content-icon { float: left; width:100px; height:100px; border:1px solid #333; border-radius:100%; text-align:center; padding-top:30px; margin-right:30px;} 
.content-icon i { font-size:36px; color:#e36013;}
.content_desc h4{ font-size:24px; color:#333;}
.content_desc  p{ font-size:16px;}
.content_main { border-bottom:1px solid #EAEAEA; position:relative; display:inline-block; padding-bottom:30px; margin-bottom:20px;}

/*--Pos--*/
.pos_bg { padding:20px 0; background:#CACACA;}
.myparallax__pos{ position:relative; display:inline-block; width:100%; padding:50px 0; background:#e3e3e3;}
.pos_img img{ max-width:100%;}
.pos_offer { position:relative; display:inline-block; width:100%; margin-top:20px;}
.pos_left_icon { float:left; width:95px;}
.pos_left_icon i {
    color: white;
    text-align: center;
    border: 3px solid white;
    margin-top: 7px;
    padding: 15px;
    background: rgb(138, 148, 158);
    height:80px;
    width:80px;
    border-radius: 100%;
    font-size: 4rem;
}

.pos_offer_right { overflow:hidden;}
.pos_offer_right h4{  font-size:20px;
		padding-bottom:8px;
		line-height: 1.4;
	    font-family: "Lato",sans-serif;
		color: #000;
		margin:0;
		text-transform:uppercase;
		}
.pos_offer_right p {
	font-size: 16px;
	font-family: "Lato",sans-serif;
	color: #333;
	letter-spacing: 0.03em;
	line-height:28px;
}
.choose_model { position:relative; display:inline-block; width:100%; padding:30px 0; background:url(../img/model_bg.png) no-repeat center fixed; background-size:cover;}
.model_box { position:relative; display:inline-block; width:100%; text-align:center; margin-top:40px; background:rgba(29,29,29); padding:10px; min-height:220px; }
.model_box:after{ content:""; background:#e36013; width:3px; height:80px; display:inline-block; position:absolute; right:0; bottom:0;}
.model_box:before{ content:""; background:#e36013; width:80px; height:3px; display:inline-block; position:absolute; right:0; bottom:0;}
.model_des h3 {
    font-family: "Lato",sans-serif;
    color: #e36013;
    font-size:22px;
}
.model_icon i {
    font-size: 40px;
    color: #FFFFFF;
}
.model_des p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #FFFFFF;
    letter-spacing: 0.03em;
}
.dmeasy_lite { background:#3498db; min-height:220px; color:#FFFFFF;}
.dmeasy_plus { background:#27ae60; min-height:220px; color:#FFFFFF;}
.dmeasy_next { background:#ff6d3a; min-height:220px; color:#FFFFFF;}

.bulletLI { position:relative; display:inline-block; width:100%; padding-top:20px;}
.bulletLI h4{ font-size:20px;  font-family: "Lato",sans-serif; font-weight:bold;}
.bulletLI ul { padding-left:15px; font-family: "Lato",sans-serif;}
.bulletLI ul li{ font-size:16px; font-family: "Lato",sans-serif; margin-bottom:5px;}
/*----software-----*/
.section_one {
    background:url(../img/application.png) center fixed;
    margin: 10px 0 0 0;
    padding:40px 0;
    width: 100%;
	position:relative;
	display:inline-block;
}

.application_text h2{
    letter-spacing: 0.7px;
    font-size: 34px;
    padding-bottom:8px;
    line-height: 1.4;
   font-family: "Lato",sans-serif;
	color: #006198;
	margin:0;
	text-transform:uppercase;
}
.application_text p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
	line-height:24px;
	text-align:justify;
}
.cctv-tabcontent {
    position: relative;
    z-index: 1;
    background: url(../img/blu-1img.png) no-repeat 0 0;
    float: left;
    height: 361px;
    width: 811px;
    margin: 187px 165px 0;
    text-align: center;
	border-radius:8% 8% 5px 5px !important;
}
.padding_text {
    text-align: center;
    padding:112px 1px 0 0 !important;
    width: 74%;
    margin: 0 auto;
}

#counter_service_1 {
    background: #20c277;
    width: 146px;
    height: 155px;
    position: absolute;
    left: 16px;
    top: 416px !important;
    text-align: center;
    border-radius: 100%;
}
a:focus, a:hover{ outline:none; text-decoration:none;}
#counter_service_2 {
    background: #0071b8;
    width: 146px;
    height: 152px;
    position: absolute;
    left: 12%;
    top: 197px;
    z-index: 999;
    border-radius: 100%;
}

#counter_service_3 {
    background: #f36f21;
    width: 146px;
    height: 150px;
    position: absolute;
    left: 384px;
    top: 60px;
    border-radius: 100%;
}

#counter_service_4 {
    background: #359bdd;
    width: 146px;
    height: 150px;
    position: absolute;
    right: 320px;
    top: 76px;
    border-radius: 100%;
}
#counter_service_5 {
    background: #8dc917;
    width: 146px;
    height: 150px;
    position: absolute;
    right: 94px;
    top: 235px;
    border-radius: 100%;
}

#counter_service_6 {
    background: #00af90;
    width: 146px;
    height: 150px;
    position: absolute;
    right: -7px;
    top: 419px;
    border-radius: 100%;
}

.resp-tabs-list a {
    margin: 9px 5px 0 0;
    z-index: 999;
    height: 22px;
    float: left;
    color: #fff;
    text-decoration: none;
    background: #3e3431;
    font: 14px/22px clanotbold;
    text-transform: uppercase;
    text-align: center;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transition: all 500ms linear 0;
    -moz-transition: all 500ms linear 0;
    -o-transition: all 500ms linear 0;
    -ms-transition: all 500ms linear 0;
    transition: all 500ms linear 0;
    padding: 0 6px;
}


.resp-tabs-list a span {
    vertical-align: middle;
    display: table-cell;
    height: 155px;
    width: 146px;
}
.padding_text h4{
    letter-spacing: 0.7px;
    font-size:28px;
    padding-bottom:8px;
    line-height: 1.4;
   font-family: "Lato",sans-serif;
	color: #006198;
	margin:0;
	text-transform:uppercase;
}
.padding_text p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
	line-height:28px;
}
.cctv_bottom_bg { position:relative; display:inline-block; width:100%; padding:10px 0 0 0; background:url(../img/cctv_bottom_bg.jpg) no-repeat center; margin-top:20px; }
.verticalTab { position:relative; display:inline-block; width:100%;}

.networking_bg { position:relative; display:inline-block; width:100%; padding:30px 0; }
.hardware_img { position:relative; display:inline-block; width:100%; text-align:center;}
.hardware_img img{max-width:100%;}
.hardware_solution h2{
    letter-spacing: 0.7px;
    font-size:28px;
    padding-bottom:8px;
    line-height: 1.4;
   font-family: "Lato",sans-serif;
	color: #006198;
	margin:0;
	text-transform:uppercase;
}
.hardware_bg { background:#f2f2f2;}
.hardware_solution ul{ padding:0; margin:0;}
.hardware_solution ul li{ list-style:none; display:block;   font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
	line-height:28px;}
.hardware_solution ul li i{ margin-right:5px;}
.top-padding { margin-top:75px;}
.top-padding1 { margin-top:320px;}

.contact-map{
      
    box-sizing: border-box;
   
    background: rgba(0, 0, 0, 0.04);
}

#map{
    width: 100%;
    height: 400px;
}

.error { border:#FF0000 2px solid!important;}
.notification {
    min-height: 5rem;
    position: fixed;
    left:0;
    top:0;
    background: #d82424;
    font-family: 'Raleway', sans-serif;
    width: 100%;
    z-index: 111111;
    color: white;
    font-size: 2rem;
    padding-top: 1.1rem;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 1.1rem;
    display: none;
}


#top-bg {
    transition: all 1s ease-in-out;
}

.top-bg1 {
    /*background-color: rgba(255, 255, 255, 0.11);*/
    /*background-color: rgba(156, 154, 154, 0.17);*/
    background-color: rgba(156, 156, 156, 0.26);
}
.service_block_text { position:relative; display:inline-block; width:100%;}
.service_block_text h3 {
    color: #006198;
    font-family: "Lato",sans-serif;
    text-transform: uppercase;
    margin-top: 15px;
    font-size: 33px;
    margin-bottom: 12px;
    font-weight: 700;
}
.dine_list li h4{ font-size:18px !important;}
/*.service_block_text h3:before{ content:""; background:url(../img/store.png) no-repeat center; width:30px; height:30px; display:inline-block; vertical-align:top; margin-right:5px;}*/
.service_block_list ul{ padding:0 0 0 0; margin:0;}
.service_block_list ul li h4 {
    margin-bottom: 0;
    color: #006198;
    font-family: "Lato",sans-serif;
    font-weight: bold;
    font-size: 20px;
	margin:0 0 3px 0;
}
.service_block_list ul li strong{ font-size:18px; padding-left:5px; position:relative; margin:10px 0 5px 0; display:block;}
.dine_list li:first-child {
    margin-bottom: 14px;
}
.dine_list li strong{ margin: 0 !important;}
.top_space {
    margin-top: -10px !important;
}
.service_block_list ul li h4 img{ vertical-align:top;}
.service_block_list ul li { list-style:none; margin-bottom:10px;}
.service_block_list ul li{ margin-bottom:20px;}
.service_block_list ul li p{ margin-bottom:5px;	}
.dine_list { margin-left:20px; padding-left:10px !important;}
.post_service_bg { position:relative; display:inline-block; width:100%; padding:30px 0; background:url(../img/posbg.png) no-repeat center fixed; background-size:cover; min-height:300px;}
.service_left_des h4{ color:#FFFFFF; font-family: "Lato",sans-serif; font-size:22px; padding:0; margin:0; font-weight:bold; margin-bottom:5px;}
.service_left_des p{ color:#FFFFFF;  font-family: "Lato",sans-serif;letter-spacing: 0.03em;}
.service_left_icon { float:left; width:50px; height:80px;}
.service_left_des { overflow:hidden;}
.left_services { position:relative; display:inline-block; width:100%; padding-top:40px;}
.service_left_icon i{ color:#FFFFFF; font-size:40px; margin-right:15px;}
.section_des h2 {
    letter-spacing: 0.7px;
    font-size: 25px;
    padding-bottom: 8px;
    font-family: "Lato",sans-serif;
    color: #000;
    margin:0 0 0;
    text-transform: uppercase;
}
.section_des p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
    line-height: 25px;
    text-align: justify;
}
.sevice_section{ position:relative; display:inline-block; width:100%; padding:0 0 0;}
.service_list_text { padding:30px 0 0 0; position:relative; display:inline-block; width:100%;}
.promobox { position:relative; display:inline-block; width:100%; padding:30px 0; background:#f1f1f1;}
.promobox_head { position:relative; display:inline-block; text-align:center; width:100%;}
.promobox_head h2{ color:#006198; font-weight:bold; font-size: 40px; font-family: "Lato",sans-serif; margin-top:0;}
.promobox_head h2 span{ color:#e36013;}
.retail_cat{}
.promobox-div {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    color: #333;
	text-align:center;
	width:100%;
	min-height:150px;
	margin-top:20px;
}
.pos-type .promobox-div img {
    width: 100%;
}
.promobox-div:hover{ border:1px solid #006198;}
.promobox-div-des h4{ color:#333333;  text-transform:uppercase; padding:0; margin:0; padding-top:10px;}
.promobox-div:hover .promobox-div-des h4{ color:#e36013}
.pos_tab .container-fluid{ padding:0; margin:0;}
.bilink_bg { position:relative; display:inline-block; width:100%; background:url(../img/icon/billing_bg.jpg) no-repeat; min-height:400px;}

.business_type{ position:relative; display:inline-block; width:100%; padding:30px 0; background:url(../img/pos_businessbg.png) repeat;}
.service_boxpos .service_box_text h2{ text-align:left; margin-top:0;}	
.service_boxpos .service_box_text p{ text-align:left;}
.pos_feature { position:relative; display:inline-block; width:100%;}
.pos_feature h2{letter-spacing: 0.7px;
font-size: 33px;
padding-bottom:10px;
font-family: "Lato",sans-serif;
color: #006198;
margin: 0;
text-transform: uppercase;}
.social_head p{ color:#fff;}
.pos_feature h2:after{ content:""; background:#e36013; width:30%; height:3px; display:block;}
.pos_feature p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
    line-height: 24px;
    text-align: justify;
}
.pos_feature_list ul{ padding:0; margin:0;}
.pos_feature_list ul li{ font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
 	font-weight:600;
	list-style:none;
	margin-bottom:10px;
}
.pos_feature_list ul li i{ color:#e36013; margin-right:5px;} 
.viewmore_botton{
	position:relative; display:inline-block;
    border: 2px solid #006198;
    color: #333333;
    padding:10px 80px;
	border-radius:10px;
	font-weight:bold;
	margin-top:20px;
	 font-family: "Lato",sans-serif;
	 margin-bottom:20px;
}
.viewmore_botton:hover{
	color:#333333; outline:none; text-decoration:none;
}
.pos_feature_img img{ max-width:100%;}
.pos_feature_section { position:relative; display:inline-block; width:100%; padding:35px 0; }
.graybg{ background:#e6e7e9;}
.blck_bg{background:url(../img/posfeature_bg.png); padding:20px 0 5px 0;}
.blck_bg .col-sm-6 {
    border-right: 1px solid #FFFFFF;
    min-height:451px;
}
.pointofsalemobile { display:none !important;}
.blck_bg .col-sm-6:last-child{ border:none;}
.blck_bg .pos_feature h2 {
    letter-spacing: 0.7px;
    font-size: 32px;
    padding-bottom: 8px;
    line-height: 1.4;
    font-family: "Lato",sans-serif;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
}
.blck_bg .pos_feature p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #FFFFFF;
    letter-spacing: 0.03em;
    line-height: 24px;
    text-align: justify;
}
.blck_bg .pos_feature_list ul li {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #FFFFFF;
    font-weight: 600;
    list-style: none;
    margin-bottom: 7px;
}
.digital_step { position:relative; display:inline-block; width:100%; padding:30px 0; border-top:1px solid #cec8c8;}
.digital_step_head { position:relative; display:inline-block; width:100%; text-align:center; margin-bottom:20px; }

.digital_step_head h2{    font-size: 40px;
    font-family: "Lato",sans-serif;
    margin: 0 0 5px 0;
    color: #006198;}
	
.digital_step_head p{max-width:70%; text-align:center; margin:0 auto; font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
    text-align: center;}
.digital_step_con { position:relative; display:inline-block; width:100%; margin-top:15px;}	
.digital_step_con h4{ font-size:20px;  color: #006198; font-family: "Lato",sans-serif;}
.digital_step_con p{font-family: "Lato",sans-serif;
   color: #333;
    letter-spacing: 0.03em; font-size: 16px;
    }
.digital_step_box { position:relative; display:inline-block; width:100%; background:#f1f1f1; min-height:250px; padding:5px; border-radius:5px;}
.step_box_img {}
.step_box_img img { max-width:100%;}
.step_box_des { position:relative; display:inline-block; width:100%; text-align:center;}	
.step_box_des h5{ color: #006198;    font-family: "Lato",sans-serif; font-size:18px;}


.blubg{ background:#006198;}
.blubg .pos_feature h2, .blubg .pos_feature p, .blubg .pos_feature_list ul li{ color:#FFFFFF;}
/*.pos_feature_section:last-child{ padding-bottom:0;}*/
.restarunt_box { position:relative; display:inline-block; width:100%; background:#fff; padding:10px; text-align:center;  min-height:485px;}
.restarunt_box h3{ font-family: "Lato",sans-serif; color:#333333; margin:10px 0 0 0;}
.restarunt_box p{font-family: "Lato",sans-serif; font-size:15px;}
.restarunt_img img{ width:100%;}
.posbusiness_bg { position:relative; display:inline-block; width:100%; background:url(../img/pos_businessbg.png) repeat;}
.feedback_button { position:relative; display:inline-block; width:100%; padding:10px 0; } 
.feedback-button {  color:#FFFFFF; background:#006198; padding:10px 85px; border-radius:5px; margin-top:5px; position:relative; display:inline-block;  margin-left:15px; font-size:16px; font-weight:bold; border:1px solid #e36013;}
.feedback-button:hover{ background:#e36013; color:#FFFFFF; text-decoration:none;}
.feedback_button a:focus{ color:#fff;}
.contact-button{color:#FFFFFF; background:#006198; padding:10px 85px; border-radius:5px; margin-top:5px; position:relative; display:inline-block;   font-size:16px; font-weight:bold; border:1px solid #e36013;}
.contact-button:hover{ background:#e36013; color:#FFFFFF; text-decoration:none;}
.contact_feedback { position:relative; display:inline-block; width:100%; text-align:center;}
.contact_feedback h2{ font-size:30px; margin-top:0; margin-bottom:20px;}
.contact_feedback p{ font-size: 16px;    font-family: "Lato",sans-serif;    color: #333;    letter-spacing: 0.03em;    line-height: 24px;	width:88%;	margin:0 auto;
  }

 .step_box_des ul li {
    list-style-type: none;
}
.contact_feedback h2:before {
    position: absolute;
    left: 0;
    height: 2px;
    content: '';
    width: 100px;
    right: 0;
    margin: 0 auto;
    transition: all ease 0.5s;
    top: 37px;
    border-bottom: 2px solid #e36013;
}
.contact_feedback h2:after {
    position: absolute;
    left: 0;
    top: 44px;
    border-bottom: 2px solid #e36013;
    height: 2px;
    content: '';
    width: 50px;
    transition: all ease 0.5s;
    right: 0;
    margin: 0 auto;
    transition: all ease 0.5s;
}
.grocery_bg { position:relative; display:inline-block; width:100%; padding:10px 0; background:url(../img/table-lauout-bg.jpg) no-repeat; background-size:cover;}
.section_space h2 {
    letter-spacing: 0.7px;
    font-size: 33px;
    padding-bottom: 0;
    line-height: 1.4;
    font-family: "Lato",sans-serif;
    color: #006198;
    margin: 0;
    text-transform: uppercase;
}
.section_space { position:relative; display:inline-block; width:100%; margin-bottom:15px;}
.section_space p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #333;
    letter-spacing: 0.03em;
    line-height: 24px;
    text-align:center;
}
.section_space p:after {
    content: "";
    background: #e36013;
    width: 20%;
    height: 3px;
    display: block;
	text-align:center;
	margin:0 auto;
}


.blck_bg .section_space h2 {
    letter-spacing: 0.7px;
    font-size: 33px;
    padding-bottom: 0;
    line-height: 1.4;
    font-family: "Lato",sans-serif;
    color: #FFFFFF;
    margin: 0;
    text-transform: uppercase;
}
.blck_bg .section_space { position:relative; display:inline-block; width:100%; margin-bottom:15px;}
.blck_bg .section_space p {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #FFFFFF;
    letter-spacing: 0.03em;
    line-height: 24px;
    text-align:center;
}
.blck_bg .section_space p:after {
    content: "";
    background: #e36013;
    width: 20%;
    height: 3px;
    display: block;
	text-align:center;
	margin:0 auto;
}
.blck_back{background:url(../img/posfeature_bg.png); padding:50px;}
.blck_back p{ color:#FFFFFF;}
.blck_back .pos_feature_list ul li {
    font-size: 16px;
    font-family: "Lato",sans-serif;
    color: #fff;
    font-weight: 600;
    list-style: none;
    margin-bottom: 10px;
}
.open { color:#333333;}
.menu_width li{ width:180px !important;}
.menu_width li a{ padding:5px 5px!important;}
.progess_div { position:relative; display:inline-block; width:100%; text-align:center;}
.restarunt_list ul{ padding:0; margin:0;} 
.restarunt_list ul li{ font-size:16px; list-style:none;}
.sub_list {
    padding-left:15px !important;
}
.sub_list li { margin-bottom:10px; list-style: circle !important;}
.margin_bottom { margin-bottom:15px;} 

/* -- Promo Page -- */
.slider1 {
    position: relative;
    display: block;
    width: 100%;
}
.slider1 img {
    width: 100%;
}
.bx-viewport{
    position: unset;
}
.main_div {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
}
.about_img {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 5px;
    box-shadow: 0 0 20px 0px rgba(67, 67, 67, 0.56);
    border: 10px solid #fff;
}
.about_img img { width:100%; }
.notification {
    min-height: 5rem;
    position: fixed;
    left:0;
    top:0;
    background: #d82424;
    font-family: 'Raleway', sans-serif;
    width: 100%;
    z-index: 111111;
    color: white;
    font-size: 2rem;
    padding-top: 1.1rem;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 1.1rem;
    display: none;
}
.register_div {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 0;
    background: #f5f5f5;
}
.header_div {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.header_div h1 {
    padding: 0;
    margin: 0;
    font-family: 'Bebas Neue Regular';
    font-size: 36px;
    letter-spacing: 2.4px;
    border: solid 1px #d7d7d7;
    display: inline-block;
    color: #e36013;
    padding: 20px;
}

/* -- Digital Media Page -- */
#pricing-table {
    margin: 100px auto;
    text-align: center;
    /* width: 892px;  total computed width = 222 x 3 + 226 */
    width: 100%;
}

#pricing-table .plan {
    font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
    text-shadow: 0 1px rgba(255,255,255,.8);        
    background: #fff;      
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
   /* width: 180px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */    
    width: 25%;  
    float: left;
    position: relative;
}

#pricing-table #most-popular {
    z-index: 2;
    top: -13px;
    border-width: 3px;
    padding: 30px 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);    
}

#pricing-table .plan:nth-child(1) {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;        
}

/* --------------- */   

#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: -moz-linear-gradient(#fbaa29d4,#e36013);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbaa29d4), to(#e36013));    
    background-image: -webkit-linear-gradient(#fbaa29d4, #e36013);
    background-image: -o-linear-gradient(#fbaa29d4, #e36013);
    background-image: -ms-linear-gradient(#fbaa29d4, #e36013);
    background-image: linear-gradient(#fbaa29d4, #e36013);
}

#pricing-table #most-popular h3 {
    background-color: #e36013;
    background-image: -moz-linear-gradient(#fbaa29d4,#e36013);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbaa29d4), to(#e36013));    
    background-image: -webkit-linear-gradient(#fbaa29d4, #e36013);
    background-image: -o-linear-gradient(#fbaa29d4, #e36013);
    background-image: -ms-linear-gradient(#fbaa29d4, #e36013);
    background-image: linear-gradient(#fbaa29d4, #e36013);
    margin-top: -30px;
    padding-top: 30px;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;         
}

#pricing-table .plan:nth-child(1) h3 {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(4) h3 {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;       
}   

#pricing-table h3 span {
    display: block;
    font: bold 25px/100px Georgia, Serif;
    color: #777;
    background: #f1eeee;
    border: 5px solid #fff;
    height: 100px;
    width: 170px;
    margin: 10px auto -65px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

/* --------------- */

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

/* --------------- */
    
#pricing-table .signup {
    position: relative;
    padding: 8px 20px;
    margin: 20px 0 0 0;  
    color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;       
    background-color: #e36013;
    background-image: -moz-linear-gradient(#e36013, #ff471a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e36013), to(#62bc30));    
    background-image: -webkit-linear-gradient(#e36013, #ff471a);
    background-image: -o-linear-gradient(#e36013, #ff471a);
    background-image: -ms-linear-gradient(#e36013, #ff471a);
    background-image: linear-gradient(#e36013, #ff471a);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;     
    text-shadow: 0 1px 0 rgba(0,0,0,.3);        
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);
}

#pricing-table .signup:hover {
    background-color: #ff471a;
    background-image: -moz-linear-gradient(#ff471a, #e36013);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff471a), to(#e36013));      
    background-image: -webkit-linear-gradient(#ff471a, #e36013);
    background-image: -o-linear-gradient(#ff471a, #e36013);
    background-image: -ms-linear-gradient(#ff471a, #e36013);
    background-image: linear-gradient(#ff471a, #e36013); 
}

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #ff471a;       
    top: 2px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}
.seo_des ul li{
list-style-type: none;
}
.seo ul li i{
    margin-right: 8px;
}
.digital_step img{
    width:100%;
}
@media (max-width: 375px){
.service_row_1, .service_row_2, .service_row_3{
display: flex;
    flex-direction: column;
    align-items: center;
}
.top-contact{
text-align:center;}
.top-social{
width: 100%;
    text-align: center;
}
img{
max-width:100%;
}
.about_text p, .main_aboutus p{
font-size: 1.4em !important;
}
}