@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
body { padding-top: 96px; background:#fff; font-family: 'Open Sans', sans-serif; overflow:auto !important; }
.theme{}
header { padding:0; border-bottom:1px solid #dee9ec; position:fixed; top:0; transition: all 0.3s ease-in-out; background:#fff; z-index:9999; width:100%; box-shadow:0 0 20px -10px #666 }
header.fixed { transition: all 0.3s ease-in-out; padding:0; }
.container { max-width: 1600px; width: 100%; }
.container1 { max-width: 100%; width: 100%; position:relative; }
.full-bg { height:1000px; background-size:cover; background-position:center center; background-repeast:no-repeat; }
ul.head-social-links { margin:0; padding:38px 20px; width:auto; display:inline-block; vertical-align: top; }
ul.head-social-links li { list-style:none; width:auto; display:inline-block; text-transform:uppercase; font-size:13px; margin:0 10px 0 0; position:relative; padding-left:20px; }
ul.head-social-links li a { display:block; color:#667377; position:relative; padding:0 2px; }
ul.head-social-links li a:before { content:""; width:0%; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.3s ease-in-out; height:1px; background:#65717e; left:0; }
ul.head-social-links li a:hover { text-decoration:none; }
ul.head-social-links li:hover a:before { width:100%; transition: all 0.3s ease-in-out; }
ul.head-social-links li:after { content:"/"; top:0; display:inline-block; position:absolute; left:0; color:#667377; }
ul.head-social-links li:first-child { padding-left:0; margin-left:0; }
ul.head-social-links li:first-child:after { display:none; padding-left:0; }
.button-collapse { display:none; }
nav { background-color: transparent; box-shadow:none; color: #65717e; height: auto; line-height: normal; width: auto; margin:0; float:right; }
nav ul li { width:100%; }
.block { padding-top:60px; padding-bottom:60px; }
.block h3 { margin:0 0 40px; color:#28323c; font-size:35px; line-height:35px; font-weight:300; text-align:center; }
.block h3 a { color:#28323c; position:relative; }
.block h3 a:after { content:""; position:absolute; left:0; bottom:0; height:1px; width:100%; background:#28323c; transition: all 0.3s ease-in-out 0s; }
.block h3 a:hover::after {
width:0%;
transition: all 0.3s ease-in-out 0s;
}
.left_p{padding-left:200px !important;}
.banner { padding:90px 0; opacity:1; position:relative; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; background:url(../images/bt/bt-crismas.jpg); background-size:cover; }
.inner-banner { padding:50px 0; }
.banner.grow { opacity:1; transform:translateY(0%); -webkit-transform:translateY(0%); transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
.banner h1 { margin:0; font-size:50px; color:#fff; font-weight:bold; }
.banner h1 strong { color:#fff; font-size:50px; font-weight:bold; line-height: 0}
.banner h1 span { color:#fff; font-size:40px; line-height:55px; display:block; margin:0; font-weight:300; }
.banner h2 {margin: 20px 0 0;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    color: #FFF; }
.banner h2 span { font-weight:500; }
.home-portfolio-block { padding-bottom:56px; }
.portfolio-block .col { margin-bottom:14px; padding: 0; }
.portfolio-block .portfolio-item { position:relative; border:1px solid #f2f2f2; }
.portfolio-block .portfolio-item img { max-width:100%; transition: transform 0.6s ease 0s; display:block; }
.portfolio-block .portfolio-item:hover img { background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; transform: scale(1.1); -webkit-transform: scale(1.1); transition: transform 2.6s ease 0s; -webkit-transition: transform 2.6s ease 0s; }
.portfolio-block .portfolio-item a { position:absolute; width:100%; height:100%; left:0; top:0; z-index:9; }
.portfolio-block .portfolio-item .posrtfolio-desc { position:absolute; opacity:0; left:0; right:0; text-align:center; top:40%; z-index:8; transition: opacity 0.4s ease-in-out 0s; display:block; color:#fff; }
.portfolio-block .portfolio-item .posrtfolio-desc p { font-size:26px; line-height:36px; margin:0; font-weight:400; text-transform:uppercase; }
.portfolio-block .portfolio-item .posrtfolio-desc span { display:block; font-size:16px; line-height:26px; font-weight:300; }
.portfolio-block .portfolio-item .portfolio-img { position:relative; overflow:hidden; display:block; }
.image-overlay { background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 0; transition: opacity 0.4s ease-in-out 0s; -webkit-transition: opacity 0.4s ease-in-out 0s; width: 100%; z-index:7; }
.portfolio-block .portfolio-item:hover .image-overlay { opacity:0.5; }
.portfolio-block .portfolio-item:hover .posrtfolio-desc { opacity:1; }
.testBox { border:1px solid #fff; background:none; padding:20px; float:left; border-radius:5px; position:relative; }
.testBox i { position:absolute; bottom:25px; color:#fff; height:0; left:0px; font-size:60px; }
.testimonial-block { background:#f3f3f3; }
ul.test-slider { margin-bottom: 0; }
ul.test-slider li { display:inline-block; }
ul.test-slider li:focus { outline:none; }
ul.test-slider li .testi-wrapper { display:block; margin-right:30px; }
ul.test-slider li .client-pic { display: inline-block; float: left; margin: 0; vertical-align: middle; z-index: 999999; margin-right:10px; }
ul.test-slider li .client-pic img { border-radius:50%; display:inline; border:2px solid #fff; }
ul.test-slider li .client-inf { display: inline-block; padding-right: 0; vertical-align: top; }
ul.test-slider li .client-inf span.client-name { display:block; color:#434f5c; font-size:20px; font-weight:500; }
ul.test-slider li .client-inf span.client-designation { display:block; font-size:13px; color:#777; }
ul.test-slider li .testi-head { display:block; padding:0; margin:0; float:left; width:100%; margin-top:20px; }
ul.test-slider li p { font-size:16px; line-height:30px; color:#5f7289; font-weight:300; font-style: italic; }
ul.test-slider li a.btn { font-size:14px; text-transform:uppercase; color:#02c142; font-weight:500; padding:0; background:none; box-shadow:none; margin:0; }
ul.test-slider li a.btn:hover, ul.test-slider li a.btn:focus { background:none; }
.slick-arrow { position:absolute; right:10px; top:-61px; background:url(../images/slider-arrows.png) 0 0 no-repeat; width:32px; height:14px; display:inline-block; font-size:0px; border:none; }
.slick-prev { right:60px; }
.slick-next { background-position: right 0; }
.slick-prev.slick-disabled { background-position: 0 bottom; pointer-events: none; }
.slick-next.slick-disabled { background-position: right bottom; pointer-events: none; }
.slick-prev:focus, .slick-next:focus { background-color: transparent; }
.portfolio-block .slick-arrow { top: -60px; }
ul.portfolio-slider { margin:0; }
ul.portfolio-slider li { padding:0 14px 0 0; }
ul.portfolio-slider li a { margin:10px; display:block; }
ul.portfolio-slider li a img { max-width:100%; }
.about-us-block { background-size:100% auto; padding:0; }
.Blisttech { padding:60px !important; background:#525252; height:604px; }
.contact-us { padding:60px !important; background:#04b540; height:604px; }
.Blisttech h3, .contact-us h3 { font-size:36px; line-height:34px; margin:0 0 30px; color:#fff; font-weight:700; }
.Blisttech p.tagline { font-size:32px; line-height:48px; font-weight:300; color:#fff; margin:0 0 30px; }
.Blisttech p.tags { font-size:17px; line-height:30px; font-weight:300; color:#fff; margin:0 0 30px; }
.Blisttech p { color:#fff; font-size:20px; line-height:30px; font-weight:300; margin:0 0 20px; }
.contact-block { padding-bottom:40px; }
.contact-block .contact-field { margin-top:0; }
/*contact-Us*/
.contact-us form { padding:0 50px; color:#fff; }
.contact-us form .contact-field .prefix { font-size: 20px; position: relative; vertical-align: middle; width: auto; }
.contact-us form input, .contact-us form textarea { border-color: #fff; color: #fff; margin-bottom: 5px; padding: 5px 0; font-size:16px; }
.contact-us form textarea { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-style: none none solid; border-width: medium medium 1px; color: #fff; height: 100px; }
.contact-us form button { width:100%; display:block; border:1px solid #fff; border-radius:3px; padding:10px 20px; text-align:center; text-transform:uppercase; color:#fff; font-size:18px; font-weight:600; background:none; transition:all 0.4s ease; margin-top:40px; }
.contact-us form button:hover { background:#fff; color:#04b53f; transition:all 0.4s ease; }
footer.page-footer { background-color: #fff; margin-top: 0; padding-bottom: 50px; padding-top: 70px; }
a.foot-logo { color:#2d3639; font-size:24px; line-height:26px; display: inline-block; margin:0; font-weight:600; text-transform:uppercase; margin:0 0 20px; }
header a.foot-logo { margin-bottom:0; padding:20px 0; }
.page-footer h5 { margin:0; text-transform:uppercase; color:#2d3639; font-size:15px; margin:0 0 30px; font-weight:600; }
.page-footer ul { margin:0; }
.page-footer ul li { font-size:15px; line-height:30px; }
.page-footer ul li a { color:#65717e; font-weight:300 }
.page-footer ul li a:hover { color:#04b53f }
ul.foot-social { margin:0; }
ul.foot-social li { background: url(../images/foot-icons.png) 0 6px no-repeat; padding:0 0 0 30px; }
ul.foot-social li.skpye { }
ul.foot-social li.email { background-position:0 -26px; }
.contact-field label { font-size: 16px; }
.inner-slider { position:relative; width:100%; display:block; }
ul.slider { margin:0; height:auto; }
ul.slider li img { max-width:100%; display:block; }
ul.slider li .container1 img { display: inline-block; margin-bottom:-6px; }
.inner-slider .container { text-align:center; }
.inner-slider .container img { }
.nav-roundslide a { display: block; outline: medium none; position: fixed; text-align: left; top: 150px; transform: translateY(-50%); z-index: 1000; background: rgba(255, 255, 255, 0.6); height: 56px; margin: 0 20px; padding: 14px; transition: width 0.3s ease 0s, background-color 0.3s ease 0s; opacity:1px; width: 56px; }
ul.slider li .banner-content { position:absolute; bottom:0; left:0; right:0; width:100%; }
ul.slider li .banner-content h1 { margin:0 0 20px; font-weight:900; font-size:92px; color:#f06335; line-height:77px; text-transform:uppercase; letter-spacing: -3px; }
ul.slider li .banner-content p { font-size:30px; line-height:35px; margin:0 0 40px; font-weight:400; color:#2d3639; }
ul.slider li .banner-content p span { font-weight:500; }
.contact-form label { position:static; font-size:20px; line-height:24px; color:#2d3639; margin:0 0 10px; display:block; font-weight:600; }
.contact-form input, .contact-form select, .contact-form textarea { height:50px; background:#f5f5f5; line-height:50px; border:2px solid #fff; font-size:18px; line-height:24px; color:#2d3639; padding:0 15px; width:96%; }
.contact-form textarea { min-height:120px; line-height:24px; padding:20px 2%; width:100%; }
.contact-form select { display:block; width:100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url(../images/form-arrow.png) 95% center no-repeat #f5f5f5; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { box-shadow:none; border:2px solid #349aee; }
.contact-form label.active { font-size:20px; transform: translateY(0%); -webkit-transform: translateY(0%); }
.contact-form button { border:2px solid #04b53f; border-radius:3px; text-transform:uppercase; background:none; color:#04b53f; text-transform:uppercase; font-size:18px; font-weight:500; width:100%; transition:all 0.4s ease-in-out; padding:10px 0; }
.contact-form button:hover { color:#fff; background: #04b53f; transition:all 0.4s ease-in-out; }
.contact-blisttech { background:#349aee; padding:36px 0 !important; }
.contact-blisttech .row { margin-bottom:0; margin-top:0; }
.contact-blisttech li .featured-icon { height:107px; width:115px; display:inline-block; vertical-align:middle; border-right:1px solid rgba(255, 255, 255, 0.6); background: url(../images/contact-footer-icons-sprite.png) 0 center no-repeat; }
.contact-blisttech li .mail-icon { background-position:-150px center; }
.contact-blisttech li .skype-icon { background-position:-300px center; }
.contact-blisttech li .action-content { display:inline-block; padding-left:40px; vertical-align:middle; width:calc(100% - 120px); -webkit-width:calc(100% - 120px); }
.contact-blisttech li .action-content h4 { font-size:24px; line-height:32px; margin:0 0 10px; text-transform:uppercase; font-weight:700; }
.contact-blisttech li .action-content p { font-size:17px; line-height:25px; margin:0; }
.vf-error { color: #f00; }
.home-form .vf-error { color: #fff; }
.left-content-about { font-size:24px; line-height:40px; color:#414659; margin:60px 0 0; }
.right-content-about { font-size:17px; line-height:28px; color:#758495; margin:60px 0 0; padding-left:90px !important; }
.left-content-about p, .right-content-about p { margin:0 0 22px; }
.awards-block { padding-top:50px; padding-bottom:70px; }
.award-section { border:2px solid #e0e6ed; padding:40px 40px !important; }
.google-block p { color:#758495; font-size:20px; line-height:28px; margin:0 0 30px; }
.award-section h4 { margin:0 0 15px; font-size:30px; color:#28323c; font-weight:500; }
img { max-width:100%; }
.google-content p { font-size:26px; line-height:33px; color:#000000; margin:0; }
.google-content p span { font-weight:600; }
.google-content { margin:0 0 30px; }
.small-section { padding:60px 30px 48px !important; margin-bottom:25px; }
ul.stats { margin:30px 0 0; padding:25px 0 0; position:relative; }
ul.stats:before { width:100px; height:2px; content:""; display:inline-block; background:#d1d7de; position:absolute; left:0; top:0; }
ul.stats li { list-style:none; display:inline-block; vertical-align:top; width:auto; font-size:37px; color:#04b53f; width:auto; margin-left: 18px; }
ul.stats li:first-child { margin-left: 0; }
ul.stats li h6 { font-size:14px; line-height:14px; color:#414659; font-weight:400; text-transform:uppercase; }
.projects-featured { padding-top:0 !important; padding-bottom:70px; }
.projects-featured .row .col { padding:0 6px; }
.behance-section { padding-left: 25px !important; }
#ajax-load-more { background: none !important; }
.alm-btn-wrap { text-align:center; margin-top:60px; }
#load-more { background: #fff none repeat scroll 0 0; border: 1px solid #f16334; border-radius: 25px; box-shadow: none; color: #f16334; font-size: 14px; font-weight: 500; height: auto; line-height: 14px; padding: 15px 40px; text-transform: uppercase; }
#load-more:hover { background: #f16334 none repeat scroll 0 0; color: #fff; }
.vital-image { width:auto; display:inline-block; vertical-align:top; }
.vital-content { width:70%; display:inline-block; vertical-align:top; padding-left:35px; }
.vital-content h3 { font-size:22px; line-height:28px; color:#28323c; margin:0 0 18px; font-weight:600; }
.vital-content h3 a { color:#28323c; }
.vital-content h3 a:hover { border-bottom:1px solid; }
.vital-content p { font-size:17px; line-height:24px; color:#758495; margin:0; }
h3.resouce-block-title { color: #28323c; display: inline-block; font-size: 30px; margin: 75px 0 35px; text-align: left; width: 100%; }
.vital-block { margin-bottom:50px; }
.side-nav li { text-align:center; }
.side-nav li.side-nav-title { text-align:center; }
#mobile-demo { display:none; }
.copyright { width:100%; float:left; text-align:center; background:#525252; padding:8px 0; }
.copyright p { margin:0; color:#fff; font-weight:300 }
.row.marginB { margin-bottom:0; margin-right:0; }
/* {About Blisttech} */
header.inheader { padding:10px 0; }
.aboutBt { width:100%; }
.aboutBt p { font-size:16px; color:#777; font-weight:300; line-height:25px }
.aboutData { }
.inner-banner { padding:60px 0; }
.inner-banner h1 { text-align:left; text-transform:uppercase; font-weight:300; }
.inner-banner h1 strong { color:#333; font-weight:300; }
.skill_text { display: block; margin-bottom: 60px; margin-top: 25px; overflow: hidden; }
.sinlge-skill { background: #f2f2f2; border-radius: 100%; color: #FFFFFF; font-size: 22px; font-weight: bold; height: 200px; position: relative; width: 200px; text-transform: uppercase; overflow: hidden; margin:20px 30px; border:1px solid #fafafa; }
.sinlge-skill p em { color: #FFFFFF; font-size: 38px; }
.sinlge-skill p { line-height: 1; color:#fff; font-size:15px; font-weight:300 }
.photo-skill, .html-skill, .boot-skill, .wp-skill { position: absolute; height: 100%; bottom: 0; width: 100%; border-radius: 100%; padding: 70px 0; text-align: center; }
.photo-skill { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 15%, #2d7da4 15%, #2d7da4 100%); background: -webkit-linear-gradient(top, #ffffff 15%, #2d7da4 15%, #2d7da4 100%); background: linear-gradient(to bottom, #ffffff 15%, #2d7da4 15%, #2d7da4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2d7da4', GradientType=0 );
}
.html-skill { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 5%, #6aa42f 5%, #6aa42f 100%); background: -webkit-linear-gradient(top, #ffffff 5%, #6aa42f 5%, #6aa42f 100%); background: linear-gradient(to bottom, #ffffff 5%, #6aa42f 5%, #6aa42f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6aa42f', GradientType=0 );
}
.boot-skill { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 9%, #563d7c 9%, #6f5499 100%); background: -webkit-linear-gradient(top, #ffffff 9%, #563d7c 9%, #6f5499 100%); background: linear-gradient(to bottom, #ffffff 9%, #563d7c 9%, #6f5499 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6f5499', GradientType=0 );
}
.wp-skill { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 15%, #db3615 15%, #db3615 100%); background: -webkit-linear-gradient(top, #ffffff 15%, #db3615 15%, #db3615 100%); background: linear-gradient(to bottom, #ffffff 15%, #db3615 15%, #db3615 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#db3615', GradientType=0 );
}
.skill-wrap { display: block; overflow: hidden; padding:60px 0 30px; background:#fafafa; }
/* {Contact} */
.amcharts-chart-div > a { display: none !important; }
#map { width:100%; height:628px; }
#success { float: left; margin-top: 20px; width: 100%; }
.text-danger ul li { color:#f00; }
.text-danger ul { margin:0; }
/* {Contact} */
.amcharts-chart-div > a { display: none !important; }
#map { width:100%; height:628px; }
#success { float: left; margin-top: 20px; width: 100%; }
.text-danger ul li { color:#f00; }
.text-danger ul { margin:0; }
/* {Form Label} */
/* form starting stylings ------------------------------- */
.form-group { position:relative; }
input, textarea { display:block; }
input:focus, textarea;
focus { outline:none; }
/* LABEL ======================================= */
label { color:#fff; font-size:16px; font-weight:normal; position:absolute; pointer-events:none; left:5px; top:0px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all; }

/* active state */
input:focus ~ label, input:valid ~ label {
 top:-15px;
 font-size:12px;
 color:#fff;
}
textarea:focus ~ label, input:valid ~ label {
 top:-15px;
 font-size:12px;
 color:#fff;
}
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
 width:50%;
}
/* HIGHLIGHTER ================================== */
.highlight { position:absolute; height:60%; width:100px; top:25%; left:0; pointer-events:none; opacity:0.5; }

/* active state */
input:focus ~ .highlight {
 -webkit-animation:inputHighlighter 0.3s ease;
 -moz-animation:inputHighlighter 0.3s ease;
 animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter { from {
background:#5264AE;
}
to { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter { from {
background:#5264AE;
}
to { width:0; background:transparent; }
}
@keyframes inputHighlighter { from {
background:#5264AE;
}
to { width:0; background:transparent; }
}
/* {Portfolio} */
.container.work-container { width:100%; padding:0; position:relative; z-index:999 }
.controlBtn { padding:15px 30px; display:inline-block; width:100%; position:fixed; bottom:30px; }
.controlBtn a:hover, .controlBtn a:focus { color:#fff; text-decoration:none; }
/* {Experites} */
.expertise .card .card-title { font-size:13px; font-weight:600; }
.expertise .card-content { padding:5px 20px }
.card-reveal p { font-size:12px; }
.card-content i { padding:12px 0; color:#02ad3b; }
/* {Mega Menu} */
.mega-wrap { padding:0 100px; }

.megamenu h4{ color: #fff; margin-left: -15px;}
.megamenu .mega-wrap h4{ color: #fff; margin-left: -15px;}

.navbar-default { color: #333; border:none; float:right; background:none; margin-bottom:0; padding:0; }
.navbar-default .navbar-nav > li > a { color:#333; padding:38px 18px; font-weight:300; }
.megamenu { padding:50px 0; }
.navbar-default .navbar-nav > .dropdown > a .caret { border-top-color: #ddd; border-bottom-color: #ddd; }
.navbar-default .navbar-brand { color:#fff; }
.menu-large { position: static !important; }
.megamenu { padding: 20px 0px; width:100%; }

.megamenu .mega-wrap> li > ul { padding: 0; margin: 0; }
.megamenu .mega-wrap> li > ul > li { list-style: square; color:#fff; }
.megamenu .mega-wrap> li > ul > li:hover { color: #18ed5f; }
.megamenu .mega-wrap> li > ul > li > a { display: block; padding:5px; clear: both; font-weight: 300; line-height: 1.428571429; color:#fff; white-space: normal; font-size:13px }
.megamenu .mega-wrap> li ul > li > a:hover, .megamenu> li ul > li > a:focus { text-decoration: none; color: #18ed5f; margin-left:5px; background-color: #f5f5f5; background:none; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.megamenu.disabled > a, .megamenu.disabled > a:hover, .megamenu.disabled > a:focus { color: #999999; background:none; }
.megamenu.disabled > a:hover, .megamenu.disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed; }
.megamenu.dropdown-header { color: #428bca; font-size: 18px; }
/* {New Work} */
.work-description h3 { float:left; text-align:left; width:100%; color:#00a236; text-transform:uppercase; margin-bottom:10px; }
.work-description p { float:left; width:100%; font-size:13px; line-height:22px; margin-bottom:20px }
.work-description a:hover { color:#fff; }
.work-show { background: url(../images/mac.png) no-repeat; height: 359px; padding: 53px 0 0 21px; right: 0; width: 767px; margin-bottom:100px; }
.work-show.mr0 { margin-bottom:0; }
.work-show img { display:block; }
.portfolioBlock h3 { text-align:left; }
/*Get A Quote*/
.quoteBtn { opacity:0; padding:8px 10px; text-align:center; font-weight:bold; color:#fff; text-decoration:none; position:fixed; top:98px; right:105px;  transition:opacity .5s ease-in;
z-index:999999; }
.quoteBtn:hover, .quoteBtn:focus { text-decoration:none; color:#fff; }
.quoteBtn.visible { opacity:1; }
.inner-banner h1 { color: #04b53f; }


/*Team*/
.team-banner{width:100%; text-align:center;}
.team-banner img{display:inline-block;}
section.team {padding-top: 23px;}
.team { width:100%; padding-bottom:50px; }
.team h3 { color: #535354; margin-bottom: 10px; text-align:center; font-size:40px; padding:20px 0; font-weight:400;}
.team p{ color:#777678; font-size:18px; padding:0; margin:0; text-align:center; font-weight:300; padding:0 50px;}
.team_intro{ width:100%; margin:50px 0; display:inline-block;}
.team_intro ul{ display:block; text-align:center}
.team_intro ul li{ float:left; width:190px; margin:0 20px;}
.team_intro .team_img{text-align:center; position:relative; cursor:pointer;}
.team_intro .team_img img{display:inline-block;}
.team_name{ width:100%; float:left; font-size:16px; font-weight:700; padding:10px 0;}
.team_intro .team_img:hover .team-overlay{ position:absolute; width:165px; height:159px; background:rgba(52, 154, 238, 0.9); left:10px; right:auto; display:block; border-radius:100%; -webkit-transition:all 500ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease; z-index:999}
.team_intro .team_img a{display:none;}
.team_intro .team_img:hover a{display:block; text-align:center; color:#fff; margin:70px 0 0; margin-right:5px; font-size:18px;}
.team-social{padding:0; margin:0; width:50px; margin:0 auto}
.theme{}
.theme .team-social li{float:left; width:auto;}


/*count*/
.count{ background:url(../images/count_bg.png) no-repeat; background-size:cover; padding:90px 0}
.count_box{ width:100%; text-align:center;}
.count_box .count-icon{ width:160px; height:160px; border-radius:100%;  display:inline-block; text-align:center; background:rgba(255, 255, 255,0.2);}
.count_box .count-icon img{ display:inline-block; padding:38px 0 0 0;}
.count_num{ width:100%; float:left; text-align:center; font-size:50px; color:#fff; padding:20px 0; font-weight:300;}
.count_head{width:100%; float:left; text-align:center; font-size:20px; color:#fff; }

/*Proces*/
.proces{ width:100%; padding:60px 0; }
.proces h3{color: #28323c;
    font-size: 35px;
    font-weight: 300;
    line-height: 35px;
    margin: 0 0 40px;
    text-align: center;
	font-family: 'Open Sans', sans-serif;}
.proces strong{ color:#858383; font-size:24px; text-align:center; float:left; width:100%; font-family: 'Open Sans', sans-serif; font-weight:300; font-style:italic;}
.proces_main{float: left; padding:0; margin-top:5%; width: 100%;}
.process_box{ width:100%; border:1px solid#dadada;}
.process_box h3{ font-size:30px; font-family: 'Open Sans', sans-serif; font-weight:500; color:#585858; margin:0; padding:30px 0;; }
.proces_image{background:#f8f8f8; border-bottom:1px solid#dadada;}


/*technologies*/
.technologies{ width:100%; background:#f6f5f5; padding:40px 0;}
.technologies h3{ width:100%; color:#595858; font-size:35px; text-align:center; margin:0; padding:20px 0;}
.techno_icon{ width:100%; float:left; padding:30px 0 0 0;}
.techno_icon ul{ display:block;}
.techno_icon ul li{ float:left; margin:0 24px;}
.techno_img{text-align:center;}
.techno_img img{display:inline-block;}
 @media (max-width: 767px) {
 .megamenu {
 margin-left: 0;
 margin-right: 0;
}
 .megamenu> li {
 margin-bottom: 30px;
}
 .megamenu> li:last-child {
 margin-bottom: 0;
}
 .megamenu.dropdown-header {
 padding: 3px 15px !important;
}
 .navbar-nav .open .dropdown-menu .dropdown-header {
 color:#fff;
}
.navbar-default {
width:100%;
}
.navbar-default .navbar-nav > li > a {
padding:10px 20px;
}
.mega-wrap {
 padding: 0;
}
header {
position:static;
}
.megamenu .mega-wrap > li > ul > li > a {
font-size:12px;
}
.navbar-header {
 float: right;
 margin: 13px 0;
}
.work-show {
 background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
 height: auto;
 margin-bottom: 30px;
 padding: 53px 0 0;
 right: 0;
 width: 100%;
}
ul.foot-social li {
padding:0;
}
/*1816*/
.proces{ padding:40px 0;}
.count_head{ padding:0 0 20px 0;}
.count{ padding:90px 0 50px 0}
.proces strong{ font-size:18px;}
.proces .process_box h3{ font-size:21px; padding: 25px 10px;}
.theme .process_box{ margin-top:30px;}
.techno_img{ min-height:150px;}
.techno_icon ul li{ margin:0 15px;}
.theme .technologies h3{ font-size:30px;}

}
 @media only screen and (min-width:768px) and (max-width:1050px) {
 ul.head-social-links {
display:none !important;
}
 .navbar-default {
width:auto;
}
 body {
padding:0;
}
 .navbar-default .navbar-nav > li > a {
padding:10px 15px;
}
 .navbar-default .navbar-nav > li > a {
 padding: 23px 15px;
}
.banner h1, .banner h1 strong {
font-size:40px;
}
.Blisttech, .contact-us {
 height: 680px;
 padding: 30px !important;
}
.block {
 padding-bottom: 0;
}
.foot-social li a {
margin-left:25px;
}
.sinlge-skill {
 height: 150px;
 margin: 20px 0;
 width: 150px;
}
.sinlge-skill p {
 font-size: 12px;
}
 .aboutBt p {
 font-size: 13px;
 line-height: 23px;
}
.work-show {
padding:10px 0 0;
}
.proces .process_box h3{ font-size:21px; padding: 25px 10px;}
.techno_icon ul li{20px 24px}
.techno_img{ min-height:150px;}

}
 @media (max-width: 1600px) {
 .container {
padding:0 5%;
}
 .small-section {
padding: 50px 30px 28px !important;
}
 ul.stats li {
font-size:25px;
margin-left: 15px;
}
 ul.stats li h6 {
font-size:13px;
}
}
@media (max-width: 1499px) {
 .award-section h4 {
font-size:28px;
}
}
@media (max-width: 1350px) {
ul.stats li h6 {
 font-size: 11px;
}
ul.stats li {
 font-size: 18px;
 margin-left: 8px;
}
}
@media (max-width: 1024px) {
.portfolio-block .portfolio-item .posrtfolio-desc p {
font-size:20px;
}
ul.test-slider li p {
font-size: 16px;
line-height: 26px;
}
ul.test-slider li .client-inf span.client-name {
font-size:19px;
}
ul.test-slider li .client-inf span.client-designation {
font-size:14px;
}
ul.blog-slider li h4 {
font-size: 20px;
line-height: 27px;
margin: 20px 0 15px;
}
.Blisttech h3, .contact-us h3 {
font-size: 30px;
line-height: 34px;
margin: 0 0 20px;
}
.Blisttech p.tagline {
font-size: 30px;
}
ul.test-slider li .testi-wrapper {
min-height: 470px;
}
 ul.slider li .banner-content h1 {
font-size: 65px;
letter-spacing: 0;
line-height: 65px;
}
.contact-blisttech li .action-content {
padding-left: 20px;
}
.contact-blisttech li .featured-icon {
width: 95px;
}
ul.blog-slider li .featured-img img {
height:auto;
}
ul.blog-slider li h4 {
font-size: 18px;
line-height: 26px;
}
.home-portfolio-block.portfolio-block .portfolio-box {
width: 33%;
}
#preloader {
display: none;
}
.banner {
opacity: 1;
transform: translateY(0%);
-webkit-transform: translateY(0%);
}
 .slider.container {
max-width:100%;
text-align:center;
}
.slider.container img {
display:inline-block;
}
h1 {
font-size: 3.2rem;
}
.single-banner {
height: 500px;
background-size: cover;
}
.single-banner h1 {
font-size: 45px;
}
#tertiary {
width:300px;
}
#primary {
width: calc(100% - 360px);
-webkit-width:calc(100% - 360px);
}
.rpwe-block li img {
max-width:100%;
}
.vital-image {
width: 29%;
}
.vital-content {
padding-left: 15px;
width: 69%;
}
.vital-content p {
font-size:14px;
}
@media (max-width: 800px) {
 ul.head-social-links li {
margin: 0 5px 0 0;
padding-left: 15px;
}
 ul.head-social-links {
display:block;
margin: 10px 0 0;
}
.navigation {
margin-top:-35px;
}
 .banner h2 {
line-height:36px;
}
.block h3 {
font-size: 25px;
line-height: 28px;
margin: 0 0 30px;
}
ul.blog-slider {
margin-top:0;
}
.Blisttech p.tagline {
font-size: 22px;
line-height: 28px;
}
.Blisttech p {
font-size:18px;
}
.page-footer ul li {
font-size: 14px;
}
.contact-form label {
font-size:16px;
}
.contact-blisttech {
padding: 40px 0 0 !important;
}
.contact-blisttech ul.row li {
margin-bottom:20px;
}
.home-portfolio-block.portfolio-block .portfolio-box {
width: 50%;
}
ul.test-slider li .testi-wrapper {
padding: 25px 20px;
}
ul.test-slider li .client-inf {
padding-right: 0;
}
ul.stats li {
width: 100%;
margin-left:0;
}
.blog-block {
padding-top: 0px !important;
}
.awards-block {
padding: 0;
}
.banner {
padding: 20px 0;
}
.slick-arrow, .portfolio-block .slick-arrow {
top: -50px;
}
.right-content-about {
padding-left: 60px !important;
}
.full-bg {
height:650px;
}
 h1 {
font-size: 2.2rem;
}
#tertiary {
width: 250px;
}
#primary {
width: calc(100% - 310px);
-webkit-width:calc(100% - 310px);
padding: 30px 20px 50px;
}
blockquote p {
font-size: 26px;
line-height: 38px;
}
}
@media (max-width: 767px) {
 .foot-logo > img {
 width: 200px;
}
.left_p{padding: 0 20px!important;}
ul.slider li .banner-content h1 {
font-size: 40px;
line-height: 45px;
margin-bottom: 10px;
}
ul.slider li .banner-content p {
font-size: 20px;
line-height: 30px;
margin: 0 0 15px;
}
.behance-section {
margin-top: 25px;
padding: 0 !important;
}
.small-section {
padding: 30px 20px 12px !important;
}
ul.stats li {
margin-left: 0;
}
.award-section {
padding: 30px 20px !important;
}
 .contact-block {
padding: 0;
}
 #primary {
width: 100%;
-webkit-width:100%;
}
#tertiary {
display: block;
padding: 0 0 20px;
float: none;
margin: 50px auto 0;
width: 300px;
}
.nav-roundslide a {
top:110px;
}
.nav-roundslide a:hover {
width: 40px;
}
.nav-roundslide a:hover h3, .nav-roundslide a.next-project h3 {
display:none;
}
.nav-roundslide a {
margin:0;
width:40px;
height:40px;
padding:5px;
}
.nav-roundslide .icon-wrap {
width:20px;
}
.nav-roundslide a.prev-project .icon-wrap {
left:5px;
}
.contact-blisttech li .action-content p {
font-size:15px;
}
.Blisttech, .contact-us {
padding:60px 30px !important;
}
.contact-us form {
padding:0;
}
}
@media (max-width: 700px) {
.button-collapse {
color: #555;
transition: all 0.6s linear 0.1s;
display: inline-block;
position: absolute;
right: 10%;
top: 10px;
height:45px;
width: 26px;
}
a.button-collapse .bar1, a.button-collapse .bar2, a.button-collapse .bar3 {
 background-color: #555;
 height: 3px;
 left: 0;
 position: absolute;
 transition: all 0.4s ease 0s;
 width: 26px;
}
a.button-collapse .bar1 {
 top: 16px;
 transform: rotateZ(0deg);
}
a.button-collapse .bar2 {
 display: block;
 opacity: 1;
 top: 22px;
}
a.button-collapse .bar3 {
 top: 28px;
 transform: rotateZ(0deg);
}
a.button-collapse.nav-open {
z-index:9999;
}
a.button-collapse.nav-open .bar1, a.button-collapse.nav-open .bar2, a.button-collapse.nav-open .bar3 {
background:#fff;
}
a.button-collapse.nav-open .bar1 {
 top: 20px;
 transform: rotateZ(45deg);
}
a.button-collapse.nav-open .bar2 {
 display: none;
 opacity: 0;
}
a.button-collapse.nav-open .bar3 {
 top: 20px;
 transform: rotateZ(-45deg);
}
#nav-mobile {
display:none;
}
#mobile-demo {
background-color:rgba(4, 181, 64, 0.8);
margin:0;
 display: flex;
 flex-flow: column nowrap;
 height: 100%;
 justify-content: center;
 left: 0;
 overflow: auto;
 padding-top: 45px;
 position: fixed;
 top: -100%;
 transition: top 0.3s ease 0s;
 width: 100% !important;
 z-index: 97;
 opacity: 0.4;
 transform: translateY(-25%) rotateX(35deg);
-webkit-transform: translateY(-25%) rotateX(35deg);
 transition: all 0.5s ease 0s;
}
#mobile-demo.menu-open {
top:0;
padding:0;
opacity: 1;
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
}
#mobile-demo li {
width:100%;
display:block;
margin:0;
text-align:center;
}
#mobile-demo li:hover, #mobile-demo li.active {
background-color: #04b53f;
}
#mobile-demo li:hover a, #mobile-demo li.active a {
color:#fff
}
nav ul li a:after {
background:#fff;
}
#mobile-demo li a {
font-size: 2.4rem;
line-height:3.5rem;
color:#fff;
display:inline-block;
}
#mobile-demo li.mobile-social-nav {
bottom: 10px;
position: absolute;
}
#mobile-demo li.mobile-social-nav a {
width:32px;
height:32px;
display:inline-block;
color:#fff;
margin:0 4px;
opacity:0.7
}
#mobile-demo li.mobile-social-nav a img {
width:100%;
color:#fff;
}
.close-btn {
z-index: 999;
cursor: pointer;
width:58px;
height:58px;
font-size:0;
text-indent:-999999;
margin: 0;
padding:0;
position: absolute;
right: 10px;
top: 10px;
color:#fff;
}
.contact-us form {
padding-left: 10px !important;
}
.latest-portfolio {
max-width: inherit;
}
.head-social-links {
display: none;
}
ul.test-slider li .testi-wrapper {
min-height: inherit;
}
.latest-portfolio.portfolio-block .slick-arrow {
top: -67px;
}
ul.head-social-links {
display: none;
}
.side-nav li {
display: block;
}
.side-nav li.side-nav-title {
height: 66px;
line-height: 66px;
font-size: 28px;
text-transform: uppercase;
font-weight: 400;
margin-top: 20px;
padding: 0 30px;
color: #fff;
}
.side-nav li.side-nav-title span.close-btn {
color: #fff;
cursor: pointer;
font-size: 34px;
font-weight: 100;
line-height: normal;
 padding: 2px;
position: absolute;
right: 15px;
text-align: center;
top: 20px;
}
.side-nav li.side-nav-title:hover {
background:none;
}
header.fixed {
padding: 20px 0;
}
body {
padding-top:0;
}
 .container {
padding: 0 4%;
}
.left-content-about {
font-size: 20px;
line-height: 32px;
}
 .right-content-about {
margin: 20px 0 0;
}
.block {
padding-bottom: 40px;
padding-top: 40px;
}
.home-portfolio-block {
padding-bottom: 25px;
}
.block h3 {
margin-bottom:20px;
}
 .single-banner h1 {
font-size: 30px;
}
}
@media (max-height: 300px) {
#mobile-demo li.mobile-social-nav {
position: static;
}
}
@media (max-width: 600px) {
.contact-us form {
padding-left:0 !important;
}
.page-footer h5 {
margin: 30px 0 10px;
}
footer.page-footer {
text-align:left;
}
.page-footer ul li a {
display:inline-block;
}
ul.foot-social li {
background:none;
}
ul.foot-social li a {
background: rgba(0, 0, 0, 0) url("../images/foot-icons.png") no-repeat scroll 0 6px;
padding: 0 0 0 30px;
}
ul.foot-social li.email a {
background-position: 0 -26px;
}
ul.test-slider li .testi-wrapper {
margin: 10px 0 0;
}
ul.portfolio-slider li {
padding: 0;
}
ul.blog-slider li .blog-wrap {
margin: 0;
}
.contact-block .contact-form .contact-field {
margin-bottom:30px;
}
.contact-block .contact-form .row {
margin-bottom:0;
}
.contact-form input, .contact-form select, .contact-form textarea {
margin:0;
}
.left-content-about {
margin-top:30px;
}
.right-content-about {
padding-left:0.75rem !important;
}
 .single-banner {
height: 400px;
}
blockquote p {
font-size: 22px;
line-height: 30px;
}
}
@media (max-width: 480px) {
.banner {
 padding: 20px 0;
}
.banner .row {
margin-bottom: 0;
}
.portfolio-block .portfolio-item .posrtfolio-desc p {
font-size: 12px;
line-height:22px;
}
.portfolio-block .portfolio-item .posrtfolio-desc span {
font-size:11px;
line-height: 16px;
margin-top: 6px;
}
ul.slider li .banner-content {
position:static;
}
ul.slider li .banner-content p {
margin-bottom:0;
}
.latest-portfolio.portfolio-block .slick-arrow {
top: -26px;
}
footer.page-footer {
padding-bottom: 10px;
padding-top: 50px;
}
.full-bg {
height:400px;
}
.single-banner {
height: 300px;
}
.single-banner h1 {
font-size: 24px;
}
}
@media (max-width: 400px) {
.banner h1 {
font-size: 35px;
}
.banner h1 strong {
font-size: 35px;
}
.banner h1 span {
font-size:25px;
}
.banner h2 {
font-size: 20px;
}
.block h3 {
font-size: 20px;
}
.slick-arrow {
top:-10px;
}
 #tertiary {
width:100%;
}
}