@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400);


@font-face {
    font-family: 'Linearicons-Free';
    src:url('fonts/Linearicons-Free.eot?w118d');
    src:url('fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
        url('fonts/Linearicons-Free.woff2?w118d') format('woff2'),
        url('fonts/Linearicons-Free.woff?w118d') format('woff'),
        url('fonts/Linearicons-Free.ttf?w118d') format('truetype'),
        url('fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'corbel-webfont';
    src:url('fonts/corbel-webfont.woff');
    font-weight: normal;
    font-style: normal;
}
*{
	margin: 0;
	padding: 0;
}

.lnr {
    font-family: 'Linearicons-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
    content: "\e800";
}
.lnr-apartment:before {
    content: "\e801";
}
.lnr-pencil:before {
    content: "\e802";
}
.lnr-magic-wand:before {
    content: "\e803";
}
.lnr-drop:before {
    content: "\e804";
}
.lnr-lighter:before {
    content: "\e805";
}
.lnr-poop:before {
    content: "\e806";
}
.lnr-sun:before {
    content: "\e807";
}
.lnr-moon:before {
    content: "\e808";
}
.lnr-cloud:before {
    content: "\e809";
}
.lnr-cloud-upload:before {
    content: "\e80a";
}
.lnr-cloud-download:before {
    content: "\e80b";
}
.lnr-cloud-sync:before {
    content: "\e80c";
}
.lnr-cloud-check:before {
    content: "\e80d";
}
.lnr-database:before {
    content: "\e80e";
}
.lnr-lock:before {
    content: "\e80f";
}
.lnr-cog:before {
    content: "\e810";
}
.lnr-trash:before {
    content: "\e811";
}
.lnr-dice:before {
    content: "\e812";
}
.lnr-heart:before {
    content: "\e813";
}
.lnr-star:before {
    content: "\e814";
}
.lnr-star-half:before {
    content: "\e815";
}
.lnr-star-empty:before {
    content: "\e816";
}
.lnr-flag:before {
    content: "\e817";
}
.lnr-envelope:before {
    content: "\e818";
}
.lnr-paperclip:before {
    content: "\e819";
}
.lnr-inbox:before {
    content: "\e81a";
}
.lnr-eye:before {
    content: "\e81b";
}
.lnr-printer:before {
    content: "\e81c";
}
.lnr-file-empty:before {
    content: "\e81d";
}
.lnr-file-add:before {
    content: "\e81e";
}
.lnr-enter:before {
    content: "\e81f";
}
.lnr-exit:before {
    content: "\e820";
}
.lnr-graduation-hat:before {
    content: "\e821";
}
.lnr-license:before {
    content: "\e822";
}
.lnr-music-note:before {
    content: "\e823";
}
.lnr-film-play:before {
    content: "\e824";
}
.lnr-camera-video:before {
    content: "\e825";
}
.lnr-camera:before {
    content: "\e826";
}
.lnr-picture:before {
    content: "\e827";
}
.lnr-book:before {
    content: "\e828";
}
.lnr-bookmark:before {
    content: "\e829";
}
.lnr-user:before {
    content: "\e82a";
}
.lnr-users:before {
    content: "\e82b";
}
.lnr-shirt:before {
    content: "\e82c";
}
.lnr-store:before {
    content: "\e82d";
}
.lnr-cart:before {
    content: "\e82e";
}
.lnr-tag:before {
    content: "\e82f";
}
.lnr-phone-handset:before {
    content: "\e830";
}
.lnr-phone:before {
    content: "\e831";
}
.lnr-pushpin:before {
    content: "\e832";
}
.lnr-map-marker:before {
    content: "\e833";
}
.lnr-map:before {
    content: "\e834";
}
.lnr-location:before {
    content: "\e835";
}
.lnr-calendar-full:before {
    content: "\e836";
}
.lnr-keyboard:before {
    content: "\e837";
}
.lnr-spell-check:before {
    content: "\e838";
}
.lnr-screen:before {
    content: "\e839";
}
.lnr-smartphone:before {
    content: "\e83a";
}
.lnr-tablet:before {
    content: "\e83b";
}
.lnr-laptop:before {
    content: "\e83c";
}
.lnr-laptop-phone:before {
    content: "\e83d";
}
.lnr-power-switch:before {
    content: "\e83e";
}
.lnr-bubble:before {
    content: "\e83f";
}
.lnr-heart-pulse:before {
    content: "\e840";
}
.lnr-construction:before {
    content: "\e841";
}
.lnr-pie-chart:before {
    content: "\e842";
}
.lnr-chart-bars:before {
    content: "\e843";
}
.lnr-gift:before {
    content: "\e844";
}
.lnr-diamond:before {
    content: "\e845";
}
.lnr-linearicons:before {
    content: "\e846";
}
.lnr-dinner:before {
    content: "\e847";
}
.lnr-coffee-cup:before {
    content: "\e848";
}
.lnr-leaf:before {
    content: "\e849";
}
.lnr-paw:before {
    content: "\e84a";
}
.lnr-rocket:before {
    content: "\e84b";
}
.lnr-briefcase:before {
    content: "\e84c";
}
.lnr-bus:before {
    content: "\e84d";
}
.lnr-car:before {
    content: "\e84e";
}
.lnr-train:before {
    content: "\e84f";
}
.lnr-bicycle:before {
    content: "\e850";
}
.lnr-wheelchair:before {
    content: "\e851";
}
.lnr-select:before {
    content: "\e852";
}
.lnr-earth:before {
    content: "\e853";
}
.lnr-smile:before {
    content: "\e854";
}
.lnr-sad:before {
    content: "\e855";
}
.lnr-neutral:before {
    content: "\e856";
}
.lnr-mustache:before {
    content: "\e857";
}
.lnr-alarm:before {
    content: "\e858";
}
.lnr-bullhorn:before {
    content: "\e859";
}
.lnr-volume-high:before {
    content: "\e85a";
}
.lnr-volume-medium:before {
    content: "\e85b";
}
.lnr-volume-low:before {
    content: "\e85c";
}
.lnr-volume:before {
    content: "\e85d";
}
.lnr-mic:before {
    content: "\e85e";
}
.lnr-hourglass:before {
    content: "\e85f";
}
.lnr-undo:before {
    content: "\e860";
}
.lnr-redo:before {
    content: "\e861";
}
.lnr-sync:before {
    content: "\e862";
}
.lnr-history:before {
    content: "\e863";
}
.lnr-clock:before {
    content: "\e864";
}
.lnr-download:before {
    content: "\e865";
}
.lnr-upload:before {
    content: "\e866";
}
.lnr-enter-down:before {
    content: "\e867";
}
.lnr-exit-up:before {
    content: "\e868";
}
.lnr-bug:before {
    content: "\e869";
}
.lnr-code:before {
    content: "\e86a";
}
.lnr-link:before {
    content: "\e86b";
}
.lnr-unlink:before {
    content: "\e86c";
}
.lnr-thumbs-up:before {
    content: "\e86d";
}
.lnr-thumbs-down:before {
    content: "\e86e";
}
.lnr-magnifier:before {
    content: "\e86f";
}
.lnr-cross:before {
    content: "\e870";
}
.lnr-menu:before {
    content: "\e871";
}
.lnr-list:before {
    content: "\e872";
}
.lnr-chevron-up:before {
    content: "\e873";
}
.lnr-chevron-down:before {
    content: "\e874";
}
.lnr-chevron-left:before {
    content: "\e875";
}
.lnr-chevron-right:before {
    content: "\e876";
}
.lnr-arrow-up:before {
    content: "\e877";
}
.lnr-arrow-down:before {
    content: "\e878";
}
.lnr-arrow-left:before {
    content: "\e879";
}
.lnr-arrow-right:before {
    content: "\e87a";
}
.lnr-move:before {
    content: "\e87b";
}
.lnr-warning:before {
    content: "\e87c";
}
.lnr-question-circle:before {
    content: "\e87d";
}
.lnr-menu-circle:before {
    content: "\e87e";
}
.lnr-checkmark-circle:before {
    content: "\e87f";
}
.lnr-cross-circle:before {
    content: "\e880";
}
.lnr-plus-circle:before {
    content: "\e881";
}
.lnr-circle-minus:before {
    content: "\e882";
}
.lnr-arrow-up-circle:before {
    content: "\e883";
}
.lnr-arrow-down-circle:before {
    content: "\e884";
}
.lnr-arrow-left-circle:before {
    content: "\e885";
}
.lnr-arrow-right-circle:before {
    content: "\e886";
}
.lnr-chevron-up-circle:before {
    content: "\e887";
}
.lnr-chevron-down-circle:before {
    content: "\e888";
}
.lnr-chevron-left-circle:before {
    content: "\e889";
}
.lnr-chevron-right-circle:before {
    content: "\e88a";
}
.lnr-crop:before {
    content: "\e88b";
}
.lnr-frame-expand:before {
    content: "\e88c";
}
.lnr-frame-contract:before {
    content: "\e88d";
}
.lnr-layers:before {
    content: "\e88e";
}
.lnr-funnel:before {
    content: "\e88f";
}
.lnr-text-format:before {
    content: "\e890";
}
.lnr-text-format-remove:before {
    content: "\e891";
}
.lnr-text-size:before {
    content: "\e892";
}
.lnr-bold:before {
    content: "\e893";
}
.lnr-italic:before {
    content: "\e894";
}
.lnr-underline:before {
    content: "\e895";
}
.lnr-strikethrough:before {
    content: "\e896";
}
.lnr-highlight:before {
    content: "\e897";
}
.lnr-text-align-left:before {
    content: "\e898";
}
.lnr-text-align-center:before {
    content: "\e899";
}
.lnr-text-align-right:before {
    content: "\e89a";
}
.lnr-text-align-justify:before {
    content: "\e89b";
}
.lnr-line-spacing:before {
    content: "\e89c";
}
.lnr-indent-increase:before {
    content: "\e89d";
}
.lnr-indent-decrease:before {
    content: "\e89e";
}
.lnr-pilcrow:before {
    content: "\e89f";
}
.lnr-direction-ltr:before {
    content: "\e8a0";
}
.lnr-direction-rtl:before {
    content: "\e8a1";
}
.lnr-page-break:before {
    content: "\e8a2";
}
.lnr-sort-alpha-asc:before {
    content: "\e8a3";
}
.lnr-sort-amount-asc:before {
    content: "\e8a4";
}
.lnr-hand:before {
    content: "\e8a5";
}
.lnr-pointer-up:before {
    content: "\e8a6";
}
.lnr-pointer-right:before {
    content: "\e8a7";
}
.lnr-pointer-down:before {
    content: "\e8a8";
}
.lnr-pointer-left:before {
    content: "\e8a9";
}


body, html{
	font-family: 'Ubuntu', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
html {
  scroll-behavior: smooth;
}
h1{
	text-transform: uppercase;
	font-weight: 300;
	color: #fff;
	font-size: 56px;
}
h2{
	line-height: 1.2em;
	margin:  0;
}
h3{
font-size: 18px;
font-weight: 900;
}
h4{
	font-weight: 700;
}
h5{
	font-weight: 700;
	line-height: 20px;
}
p{
	
}
p.intro{
	font-size: 16px;
	margin: 12px 0 0;
	line-height: 24px;
}
a{ color: #f9b116;}
a:hover,
a:focus{
	text-decoration: none;
	color: #f9b116;
}
section{
	padding-top: 80px;
	padding-bottom: 80px;
}

.section-title hr{
	border-color: #fcac45;
	border-width: 4px;
	width: 60px;
	float: left;
	clear: both;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ul, ol{
	padding: 0;
	webkit-padding: 0;
	moz-padding: 0;
}
a.logo img {
        padding-top: 0px;
}
.sticky-active{
	display: none
}
.sticky .logo{
	display: none;
}
.sticky .logo.sticky-active{
	display: block;
}
/* Navigation */
#tf-menu {
	padding: 6px;
	transition: all 0.8s;
}
#tf-menu.navbar-default {
	     background: #fff;
    border-bottom: transparent;
}
#tf-menu a.navbar-brand {
text-transform: uppercase;
font-size: 22px;
color: #fff;
font-weight: 900;
}
.topbardiv {
    display: block;
    padding-top: 10px;
    border-bottom: 1px solid #cccccc82;
    background: #3a3a3a;
}
.topbardiv ul li {
    display: inline-block;
    padding-right: 15px;
    color: #fff;
}
.top-social li a{
    color: #fff;
}
.top-social li a:hover{
    color:#ffb006;
}
.navbar{
    margin-bottom: 0;
}
#tf-menu.navbar-default .navbar-nav > li > a {
	
	color: #393939;
	font-size: 16px;
    padding-top: 20px;
}
#tf-menu.navbar-default .navbar-nav > li > a:hover {
    color: #f9b116;
}
header.sticky #tf-menu.navbar-default .navbar-nav > li > a:hover {
    color: #f9b116;
}
.topbardiv ul {
    display: inline-block;
}

.navbar-fixed-bottom, .navbar-fixed-top{
    position: relative;
}

.on {
	background-color: #222222 !important;
	padding: 0 !important;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #df6142 !important;
	background-color: transparent;
	font-weight: 700;
}

.navbar-toggle {
	border-radius: 0;
	}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color:#f9b116;
	border-color:#f9b116;
	}
.navbar-default .navbar-toggle:hover>.icon-bar {
	background-color: #FFF!important;
	}
  .getaq {
        background: #3a3a3a;
    display: inline-block;
    padding: 10px 20px!important;
    color: #fff;
    margin-top: 8px;
    border-radius: 2px;
}

li.getaq:hover {
    background: #fab217;
}
li.getaq a {
    padding: 0 !important;
    margin: 0;
    color: #fff!important;
}
/* Home Style */
#tf-home{
 background: linear-gradient(to bottom, #393939 0%, #393939 100%);
    background: url('../img/qubelin-banner.png'); 
        background-size: cover;
        background-position: 0 70%;
        background-attachment: fixed;
        background-repeat: no-repeat;
	color: #cfcfcf;
	    padding-bottom: 0;
    padding-top: 0;
}

#tf-home .overlay{
background: -moz-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.36) 17%,rgba(0, 0, 0, 0.34) 35%,rgba(0, 0, 0, 0.43) 62%,rgba(0, 0, 0, 0.26) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(17%,rgba(0,0,0,0.73)), color-stop(35%,rgba(0,0,0,0.66)), color-stop(62%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.36) 17%,rgba(0, 0, 0, 0.34) 35%,rgba(0, 0, 0, 0.43) 62%,rgba(0, 0, 0, 0.26) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.36) 17%,rgba(0, 0, 0, 0.34) 35%,rgba(0, 0, 0, 0.43) 62%,rgba(0, 0, 0, 0.26) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.36) 17%,rgba(0, 0, 0, 0.34) 35%,rgba(0, 0, 0, 0.43) 62%,rgba(0, 0, 0, 0.26) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0, 0, 0, 0.3) 0%,rgba(0, 0, 0, 0.36) 17%,rgba(0, 0, 0, 0.34) 35%,rgba(0, 0, 0, 0.43) 62%,rgba(0, 0, 0, 0.26) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
	height: 573px;
	background-attachment: fixed;
	position: relative;
}
#tf-home p.lead{
	    color: #fff;
    font-size: 18px;
    font-weight: 300;
    width: 45%;
    margin: 0 auto;
}
div.home_content {
    height: 8em;
    position: relative 
}
div.home_content p {
    text-align: center;
 }
.content{
	
	padding: 18% 0 0;
}

.color{
	color: #ffb006; 
}
.home_btn {
        font-size: 14px;
       border: 1px solid #fff;
           background: transparent;
    border-radius: 0;
    padding: 12px 40px;
    margin-top: 20px;
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #f9b116;
    border-color: #f9b116;
}
#demo li{
	font-size: 56px;
	text-transform: capitalize;
	font-weight: 400;
    color: #fff;
}
.home_btn a {
	color: #fff !important;
}
.mouse-icon {
    border-color: #fff;
}

.mouse-icon .wheel {
    background-color: #fff;
}
.scroll .mouse-icon:hover, .scroll .mouse-icon:visited, .scroll .mouse-icon:active, .scroll .mouse-icon:focus {
    border-color: #fff;
}
.mouse-icon{
	display: inline-block;
	width: 25px;
	height: 50px;
	border: 2px solid;
	border-radius: 15px;
	cursor: pointer;
}
.mouse-icon .wheel{
	position: relative;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	top: 4px;
	margin-left: auto;
	margin-right: auto;
	/* Chrome, Safari, Opera */
	-webkit-animation-name:myfirst;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count:infinite;
	
	-webkit-animation-play-state:running;
	/* Standard syntax */
	animation-name:myfirst;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	
	animation-play-state:running;
}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes myfirst
	{
	0%   { top:4px;opacity: 0;}
	40% { top:9px;opacity: 1;}
	100% { top:25px;opacity: 0;}
	}

	/* Standard syntax */
	@keyframes myfirst
	{
	0%   { top:4px;opacity: 0;}
	40% { top:9px;opacity: 1;}
	100% { top:25px;opacity: 0;}
	}
.scroll{
	color: #fff;
    position: absolute;
    bottom: 5px;
    right: 49%;
}
#demo li { display: none; }
/*Service page style*/

.im-centered { 
	margin: auto; 
	max-width: 1000px;
}
.section_bussiness{
	padding-bottom: 35px;
}
.section_bussiness h2 {
	text-align: center;
    padding-bottom: 13px;
        font-size: 40px;
}
.section_bussiness p {
	    font-size: 18px;
    text-align: center;
    font-weight: 300;
    width: 54%;
    margin: 0 auto;
}
.buss_content_detail {
	text-align: center;
    display: block;
    font-size: 14px;
    color: #313131;
}
.iconsdiv {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 50px;
    line-height: 65px;
}
.smallsize {
    font-size: 35px;
    text-align: center;
    margin-left: -29px;
}
span.lnr.lnr-smartphone.smallsize {
    position: absolute;
    margin-left: 0;
    margin-top: 20px;
}
.buss_content:hover span.lnr.lnr-smartphone:before {
    color: #fff!important;
}
.icon-getdetail .lnr-smartphone:before {
    color: #fff;
}
.icon-getdetail .lnr.lnr-smartphone {
    width: 10%;
    margin-top: 5px;
}
.lnr-smartphone {
    display: block;
    /* margin: 0 auto; */
    width: 100%;
    position: relative;
}
.maplocate {
    position: relative;
    width: 100%;
    margin-bottom: -5px;
}
/* .buss_content {
	    background: #cdf3f4;
    padding: 40px 30px;
    color: #2b5051;
    min-height: 256px;
    margin-bottom: 15px;
}
.buss_content:hover {
	background: #09c4cb;
	color: #fff;
}*/
.buss_content:hover span.lnr.lnr-screen,  .buss_content:hover span.lnr.lnr-select, .buss_content:hover span.lnr.lnr-dice, .buss_content:hover span.lnr.lnr-code, .buss_content:hover span.lnr.lnr-cart{
	color: #fff;
}
span.lnr.lnr-rocket{
    color: #fff;
}
.buss_content h4 {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #313131;
} 
span.lnr.lnr-rocket {
    width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #313131;
}
span.lnr-smartphone {
    width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #313131;
}
.buss_content:hover .lnr-smartphone {
    color: #fff;
}
.buss_content:hover .lnr.lnr-rocket {
    color: #fff;
}
.buss_content {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background:#f1f1f1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
     padding: 40px 30px;
    color: #2b5051;
    min-height: 256px;
    margin-bottom: 15px;
}

    [class^="hvr-"] {
    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #df6142;
    text-decoration: none;
    color: #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.buss_content:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #393939;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.buss_content:hover:before, .buss_content:focus:before, .buss_content:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.buss_content:hover, .buss_content:focus, .buss_content:active {
    color: white;
}
.buss_content:hover h4, .buss_content:hover .buss_content_detail{
	color: #fff;
}

.buss_header {
	margin-bottom: 15px;
}
header.sticky #tf-menu.navbar-default {
            position: fixed;            
            background: #fff;
                z-index: 1000;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    box-shadow: 0 1px 9px rgba(31, 50, 63, 0.25);
        }
header.sticky #tf-menu.navbar-default .navbar-nav > li > a{
 	color: #0c0c0c;
 }
header.sticky #tf-menu{
		padding: 6px;
	}

span.lnr.lnr-screen {
    width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #313131;
}
span.lnr.lnr-select {
    width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #313131;
}  
span.lnr.lnr-dice{
	width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #313131;
}  
span.lnr.lnr-code{
	width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #333;
}
span.lnr.lnr-cart{
	width: 100%;
    text-align: center;
    font-size: 64px;
    display: inline-block;
    color: #333;
}
.no-gutter [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}
/************************
Technology Page style
*******************************/
#tf-services {
	color: #1c1c1c;
 	background: url("../img/overlay-pattern-2.png") rgb(57, 57, 57);
/* background: linear-gradient(to right, rgb(223, 97, 66) 0%, rgb(152, 55, 31) 37%, rgb(146, 44, 19) 100%); */
    position: relative;
    height: 800px;
}
.im-center { 
	margin: auto; 
	max-width: auto;
}
.section_tech {
	color: #fff;
	position: relative;
}
#particles-js {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}
.technologylogo {
    float: left;
    width: 100%;
    opacity: 0.9;
    margin-bottom: 30px;
}
.technologylogo ul{
	list-style: none;
}
.technologylogo ul li {
    float: left;
    width: 16%;
    text-align: center;
     border-right: 1px dotted rgba(204, 204, 204, 0.35);
    border-bottom: 1px dotted rgba(204, 204, 204, 0.35);
}
.technologylogo ul li img{
	width: 75%;

}
.nobrdr-right{
	border-right: transparent!important;
}
.nobrdr-bottom{
	border-bottom: transparent!important;
}
figcaption h3{
	text-align: center;
	width: 100%;
	font-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .45s ease-in-out .3s;
    margin: 0;
}
figcaption p{
	text-align: center;
    
    transition: all .45s ease-in-out .3s;
    margin: 0;
}
.imghvr-blur figcaption {
    top: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(-50%);
    position: absolute;
}
.imghvr-blur {
    margin-bottom: -5px;
}
section#tf-work {
    margin-bottom: 0!important;
    padding-bottom: 50px;
}
.ourpassion{
	background: url(../img/blockbg.jpg)no-repeat;
	    background-size: 100%;
	        padding-bottom: 60px;
	          height: 620px;
}
.ourpassion h2, .ourpassion p{
	color: #fff;
}
.ourpassiondivleft {
    background: transparent;
    position: relative;
    width: 100%;
    display: inline-block;
        padding: 25% 0 0 25%;
    color: #fff;
    min-height: 600px;
}
.ourpassiondivleft h2 {
    font-size: 35px;
    padding-bottom: 18px;
}
.ourpassiondivleft h2 span {
    font-size: 60px;
}
.ourpassiondivleft h3 {
    font-size: 32px;
    font-weight: 400;
}
.ourpassiondivleft p{
    font-size: 16px;
    width: 70%;
}
.ourpassiondivleft .pblockwdth{
        width: 100%;
        font-size: 14px;
}
.ourpassiondivleft:before{
    content: "";
    font-weight: 500;
    color: #fff;
    font-size: 325px;
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/artificial.png") no-repeat;
    width: 83%;
    height: 100%;
}
.greenround {
    background: rgba(216, 216, 216, 0.22);
    border-radius: 0;
    width: 130px;
    text-align: center;
    float: left;
        position: relative;
        min-height: 190px;
}
.greenround .lnr {
    color: #606060;
    font-size: 66px;
    line-height: 121px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}

.ourpassion h5 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 10px;
    line-height: normal;
}
.ourpassion p {
    text-align: center;
    font-weight: 300;
}
.ourpassionblock .col-md-6:first-child {
    padding-right: 0;
    min-height: 190px;
}
.passiondiv {
    background: #f9f9f9;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.passiondiv:last-child {
    margin-bottom: 0;
}
.underline:after {
        content: '';
    display: block;
    width: 37px;
    height: 4px;
    background:#f9b116;
    position: absolute;
    bottom: inherit;
    top: 30px;
}
.passiondiv h5 {
       float: left;
    font-size: 25px;
    margin-left: 20px;
    color: #606060;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 26px;
        position: relative;
}
.passiondiv p {
    float: left;
    width: 71%;
    margin-left: 20px;
    font-size: 15px!important;
    line-height: 22px;
    color: #484848;
    margin-top: 15px;
    padding: 15px;
}
p.textstyle {
    font-size: 16px;
    margin-top: 0;
    margin-left: 5px;
}
.carousel-control.left, .carousel-control.right {
    background: transparent;
}
.carousel-control{
	color: #ccc;
	font-size: 40px;
	text-shadow:none;
	left: -22px;
	top: 32%;
	width: auto;
}
.carousel-control.right{
	right: -22px;
}
.carousel-control:focus, .carousel-control:hover{
	color: #b7b7b7;
}
.clientfeedback {
    width: 70%;
    margin: 0 auto;
}
.item{
	text-align: center;
}
.clientphoto {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.clientdiscription {
    font-size: 18px;
    font-weight: 400;
    color: #575757;
    display: inline-block;
    width: 60%;
    margin-bottom: 10px;
}
.clientname {
    display: inline-block;
    width: 100%;
    font-style: italic;
    font-size: 15px;
    color: #575757;
}
.clientname span {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 22px;
}
.clientslogo{
	float: left;
	width: 100%;
	background: #f4f4f4;
	min-height: 150px;
	padding-top: 0;
	padding-bottom: 0;
}
.clientslogo ul {
	list-style: none;
}
.clientslogo ul li{
	float: left;
	padding: 45px 1px;
}
.getsocial{
background: url(../img/bannerbg.jpg)no-repeat;
	    background-size: 100%;
	            background-attachment: fixed ;
	        float: left;
	        width: 100%;
}

.getsocial h2, .getsocial p, .getsocial  a, .fewlines h2, .fewlines p{
	color: #fff;
}
.fewlines p{
        color: #999;
    font-weight: 100;
}
.getsocial p{
	text-align: center;
	margin-top: 0px;
}
.getsocial .wow span {
    color: #5072df;
    width: 100%;
    text-align: center;
    display: block;
    padding-top: 10px;
}
.blackround {
    background: rgba(92, 92, 92, 0.48);
    border-radius: 50%;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    text-align: center;
}
.blackround.facebook:hover{
	background-color: #3B5998;

}
.blackround.twitter:hover{
	background-color: #33CCFF;

}
.blackround.linkedin:hover{
	background-color: #0077b5;

}
.blackround.pinterest:hover{
	background-color: #bd081c;
}

.blackround .fa  {
    color: #fff;
    font-size: 66px;
    line-height: 121px;
}
.getintouchdiv{
	float: left;
	width: 100%;
	  background: url(../img/map.jpg)no-repeat;
    background-position: top;
    position: relative;
}
.getintouch{	   
    float: left;
    width: 100%;
    height: 307px;
}
.getintouch .lnr{
	    width: 100%;
    font-size: 50px;
    color: #5072df;
    display: inline-block;
    text-align: center;
}
.getdetail {
    display: inline-block;
    width: 88%;
    text-align: left;
    font-size: 16px;
    color: #fff;
        font-weight: 100;
    /* margin-top: 20px; */
    margin-bottom: 20px;
}
h4.head-office{
    margin-top:0; 
        text-transform: uppercase;
}
.getdetail span{
    font-size: 22px;
}
.fewlines{
	     background: url(../img/fewlinines-bg.jpg)no-repeat;
    background-size: cover;
	        padding-bottom: 0;
	        float: left;
	        width: 100%;
            background-attachment: fixed;
}
.fewlines .form-control{
	border: none;
	background-color:rgba(0, 0, 0, 0.55);
	border-radius: 0;
	height: 48px;
	color: #d4fbfc;
}
.footercontrol {
   /*  background: rgba(58, 58, 58, 0.28);
   padding: 15px; */
}
.fewlines .input-group-addon{
	    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 0;
    padding-right: 10px;
    color: rgb(57, 57, 57)
}
.nopadding{
    padding-top: 0;
    padding-bottom: 0;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: rgba(132, 225, 229, 0.52);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(132, 225, 229, 0.52);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(132, 225, 229, 0.52);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(132, 225, 229, 0.52);
}
.parallax-section {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.parallax-background {
    background-position: center center;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-repeat: repeat-y;
}
.parallax-background.fixed {
    background-attachment: fixed !important;
}
.getsocial{
	-webkit-background-size: 100% !important;
    -moz-background-size:  100% !important;
    -o-background-size:  100% !important;
    background-size:  100% !important;
    height: 500px;
}
.submitbtn .green {
    background: rgb(0, 0, 0);
    color: #fff;
    padding: 10px 40px;
    border-radius: 0;
    font-size: 16px;
}
textarea.form-control {
        height: 174px!important;
}
.copyrights {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.63);
    height: 80px;
    font-size: 15px;
    margin-top: 0px;
    line-height: 80px;
    color: #909090;
}
.fa-skype {
    color: #6ccdff;
    font-size: 22px;
    padding-right: 8px;
}
.active {
    color: #f9b116!important;
}
.servicediv{
	text-align: right;
}
/* section.wisdom {
    background: url("../img/overlay-pattern-2.png") rgb(90, 127, 255);
} */
.wisdom h2 {
    text-align: center;
    padding-bottom: 13px;
    font-size: 40px;
    color: #fff;
}
.wisdom p {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    width: 54%;
     color: #fff;
    margin: 0 auto;
}
.portfolioFilter {
        padding: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.portfolioFilter  a{
        color: #a9a9a9;
    text-decoration: none;
    padding: 10px 36px;
    text-transform: uppercase;
}
.portfolioFilter  a:hover{
    color: #fff;
    text-decoration: none;
    background: #5072df;
    padding: 10px 36px;
}
.portfolioFilter  a.current {
    background: #5072df;
    padding: 10px 36px!important;
    color: #fff!important;
}

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.portfolioContainer div img{
    max-width: 100%;
}
#tf-work {
    background: #f9f9f9;
}
#tf-work #works-section-grid #works-grid-wrap {
    overflow: hidden;
    margin-left: -10px;
    margin-right: -10px;
}
#tf-work #works-section-grid .gr {
    position: relative;
    overflow: hidden;
}
.gr {
    float: left;
}
.w100 {
    width: 100%;
}
.w66 {
    width: 66.6666%;
}
.w60 {
    width: 60%;
}
.w50 {
    width: 50%;
}
.w40 {
    width: 40%;
}
.w33 {
    width: 33.3333%;
}
#tf-work #works-section-grid .gr-c {
    padding: 10px;
}
#tf-work #works-section-grid .img-inner {
    position: relative;
    overflow: hidden;
}
.img-inner {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.img-inner img {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    z-index: 3;
    transition: all .25s ease-in-out;
}
.img-inner .caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all .45s ease-in-out;
}
.img-inner .blur {
    background-color: #034ea2;
    width: 100%;
    height: 100%;
    z-index: 4;
    position: absolute;
}
.img-inner .caption-text {
    z-index: 6;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
}
.img-inner .caption-text, .img-inner .caption-text h1 {
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.img-inner .caption-text h1 {
    text-transform: uppercase;
    font-size: 24px;
    position: relative;
    transition: all .45s ease-in-out .3s;
    opacity: 0;
}
.img-inner .caption-text p {
    opacity: 0;
    position: relative;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    transition: all .45s ease-in-out .3s;
}
#tf-work #works-section-grid .gr-c {
    padding: 10px;
}
section.wisdom {
    background: #414141;
}
.copy_right{
    text-align: center;
}
.drop_message{
    padding-bottom: 25px; 
}
.contact_us{
    padding: 0;
}
/* **************************
        Footer
***************************** */
footer {
        background: #00000070;
    display: inline-block;
    width: 100%;
        padding-top: 25px;
    margin: -5px 0;
}
.footerinner ul li a .fa {
    color: #999!important;
}
.footerinner {
    display: inline-block;
    width: 100%;
}
.footerinner h3 {
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    padding-top: 10px;
    margin-top: 0px;
}
.footerinner ul li {
    list-style: none;
    border-bottom: 1px solid #666;
    line-height: 58px;
}
.footerinner ul li:last-child{
    border: none;
}
.footerinner ul li a .fa{
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 20px;
    color: #fff;
}
.footerinner ul li a {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #999;
}
.fadeclass{
        opacity: 0.2;
    pointer-events: none;
}
.quicklink li a{
    padding: 2px 10px;
    display: inline-block;
    background: none;
    margin: 2px auto;
    border: 1px solid #555;
    border-radius: 20px;
}
.footerinner.quicklink ul li {
    display: inline-block;
    width: auto;
    border: none;
    line-height: 30px;
}
.footerinner.quicklink ul {
    margin-top: 24px;
}
.footerbtm {
    background: #252525;
    text-align: center;
    font-size: 13px;
    padding: 15px;
    color: #6f6f6f;
    font-weight: 100;
}
a.readmoreblock {
        background:#ff404094;
    padding: 6px 10px;
    color: #ffffffd1;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    margin-top: 10px;
}
.footerlogo{
    display: inline-block;
    width: 100%;
}
.footercompandiv{
    display: inline-block;
    padding-top: 8px;
}

/* **************************
   Responsive Css
***************************** */
@media only screen and (min-width:320px) and (max-width: 1024px) { 
	#tf-home p.lead, .section_bussiness p, .clientfeedback{
		width: 90%;
	}
    .topbardiv{
        display: none;
    }
	.buss_header{
	    margin-bottom: 0px;
	}
	#tf-services, .getsocial, .getintouch{
		height: auto;
	}
	.ourpassion{
		height: auto;
	}
	.clientslogo ul li {
   	 	width: 100%;
   	 	text-align: center;
  	  	padding: 0;
	}
	.fewlines{
		background-size: cover;
	}
	#demo li{
		font-size: 2em; 
	}
	.home_btn{
		    padding: 6px 30px;
	}
	#tf-menu.navbar-default {
    	background: transparent;
    	border-bottom: transparent;
	}
	#particles-js {
		width: auto;
	}
	#tf-menu.navbar-default .navbar-nav > li > a{
		    font-size: 12px;
	}
    header.sticky #tf-menu.navbar-default .navbar-nav > li > a{
        color: #fff;
    }
    .navbar-toggle.collapsed .icon-bar{
        background: #888 !important;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background: #fff;
    }
	.buss_content{
		min-height: 306px;
		width: 100%;
        margin-bottom: 30px;
	}
	section {
    	padding-top: 30px;
   		padding-bottom: 30px;
	}
	[class^='imghvr-'], [class*=' imghvr-']{
		width: 100%;
	}
	[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
	    vertical-align: top;
	    max-width: 100%;
	    width: 100%;
	}
	.row.no-gutter  {
	    padding-right: 0;
	    padding-left: 0;
	    margin-right: 0;
    	margin-left: 0;
	}
    #tf-work #works-section-grid #works-grid-wrap {
        overflow: hidden;
        margin-left: 0px;
        margin-right:0px;
    }
    .ourpassiondivleft {
        
        position: relative;
        width: 100%;
        display: inline-block;
        padding: 0;
        color: #fff;
        min-height: 510px;
        margin-bottom: 20px;
        text-align: center;
    }
    .ourpassiondivleft:before{
        width: 100%;
    }
    .ourpassiondivleft h2 {
        font-size: 35px;
        padding-bottom: 0px;
        padding-top: 30px;
    }
    .ourpassiondivleft p {
        font-size: 16px;
        width: 100%;
        padding: 10px;
    }
    .greenround{
        width: 100%;
    }
    .passiondiv h5 {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .passiondiv p {
        float: left;
        width: 100%;
        margin-left: 0;
        font-size: 15px!important;
        line-height: 22px;
        color: #484848;
        margin-top: 15px;
        text-align: center;
    }
    .underline:after {
        content: '';
        display: block;
        width: 37px;
        height: 4px;
        background: #5a7fff;
        position: absolute;
        bottom: inherit;
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .ourpassionblock .col-md-6:first-child{
        padding-right: 15px;
    }
    .submitbtn {
        margin-top: 15px;
    }
    #demo{
    	margin-top: 50px;
    }
    #tf-menu.navbar-default .navbar-nav > li > a{
    	color: #fff;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) { 

	.copyrights{
		    height: auto;
		text-align: center;
	}
	.navbar-toggle{
		margin-top: 0;
		margin-bottom: 0;
	}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color: transparent;
        background-color:#393939;
    }
	header.sticky #tf-menu{
		padding: 20px;
	}
	.technologylogo ul li{
		border: none;
		    width: 33.33%;
	}
	.navbar-default .navbar-toggle{
		    margin-right: 0;
    margin-top: 5px;
	}
	.blackround{
	    width: 55px;
    	height: 55px;
	}
	.blackround .fa {
   		 color: #fff;
   		font-size: 26px;
    	line-height: 55px;
	}
	p.textstyle {
    	font-size: 13px;
	}
	#tf-home p.lead{
		    font-size: 14px;
	}
	.home_btn{
		    margin-top: 10px;
	}
	.servicediv{
		text-align: center;
	}
	.submitbtn {
    	margin-top: 15px;
	}
	#particles-js {
		width: auto;
	}
}
@media only screen and (min-width: 320px) and (max-width: 520px) { 
	ul#demo {
    padding-top: 20px;
	}
}
@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top: 26px;
    padding-bottom: 15px;
}

}