HOME

Mini Shell 1.0
DIR:/proc/self/root/home/bluebeacongroup.com/www/wp-content/themes/bluebeacon/
Current File : //proc/self/root/home/bluebeacongroup.com/www/wp-content/themes/bluebeacon/style.css
/*
Theme Name: Blue Beacon System & Solutions
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*
 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the Classic and block
 * editors. The following font-face override fixes the issue by manually inserting
 * a custom font that includes just a Hoefler Text space replacement for that
 * character instead.
 */
 
 
 html {
  scroll-behavior: smooth;
}
 
 html{overflow-x:hidden;}
html, body {height: 100%;}

body{color:#555; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400;}

a{color:#00aced;}
a:hover, a:focus{color:#004e83; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:23px; margin:0 0 15px; text-align:justify;}

h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; font-weight:600; margin:0 0 10px;}
h2{color:#004e83;}
h3{color:#004e83;}
h4{color:#004e83;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}


.sticky.header .nav-logo img {
    max-width: 80px;
}
.sticky.header .menu-head .navbar-nav > li {
    padding: 15px 0;
}
.sticky.header .top-sec {
    display: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.sticky.header .menu-head{position: fixed; width:100%; top:0; left:0; background:#fff; border-bottom:0; box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);}  
  /*.sticky .menu-head .navbar-brand{padding: 15px 0;}
  .sticky .menu-head .navbar-brand img{max-width: 100px;}*/
  .sticky .menu-head .navbar-brand .logo-fix{position: relative;opacity: 1;left: inherit;top: inherit; max-width: 200px;transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;}
  .sticky .menu-head .navbar-brand img.logo-scroll{opacity: 0;position: absolute;left: 0;top: 0;}
  /*.sticky .menu-head .navbar-nav > li{padding: 25px 0 24px;}*/

.header{position: relative; top: 0; left: 0; width: 100%; z-index: 999;}
  .top-sec{background:rgba(0,43,92,.08); color:#000; margin:0; padding:0;}
  .top-sec a{color:#000;} 
  .top-sec a:hover{text-decoration:underline;}
  .phn-detail ul{margin:0; padding:6px 0 0;}
  .phn-detail ul li{display:inline-block; list-style:none; padding:0 20px 0 0; position:relative;}  
  .phn-detail ul li i{background-image: linear-gradient(55deg, #00aced 0%, #004e83 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 20px; display: inline-block; vertical-align: middle; top:-2px; padding: 0 7px 0 5px;}
  .phn-detail ul li img{top: -2px; margin:0 7px 0 0; position:relative;}
  .login-top{text-align:right; display: inline-block; vertical-align: middle;}
  .login-top ul{margin:0; padding:39px 0 0;}
  .login-top ul li{display:inline-block; font-size: 15px; list-style:none; margin:0; padding:0 0 0 25px; text-transform:uppercase;}
  .login-top ul li i{background: -webkit-linear-gradient( #f00,#000);background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent; padding:0 10px 0 0; font-size: 18px;}
  .login-top ul li a{color:#000;}
  .login-top ul li a:hover{color:#f00;}
  .phone-call{display: inline-block; margin: 0; vertical-align: middle;}
  .phone-call .btn{background:#004e83; border:0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-size:13px; font-weight:600; color: #fff; margin:0 0 0 5px; padding: 10px 30px; overflow:hidden; text-shadow:none; box-shadow:none;}
  .phone-call .btn i{margin:0 7px 0 0;}
  .phone-call .btn:hover{color: #fff;}
  .phone-call .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #00aced; z-index:-1;}
  .phone-call .btn:hover:after{width: 100%;} 
  .icon-top{display: inline-block; vertical-align: middle;}
  .icon-top h5{margin: 0 0 10px; color:#fff; float:letop;}
  .icon-top h5 span{font-size:14px; font-weight:300; padding:7px 0 0; display:block;}
  .icon-top i{color: #fff; border:1px solid transparent; display:inline-block; font-size: 18px; line-height: 40px; margin: 0 0 0 2px; height: 40px; text-align: center; width: 40px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-top .fa-facebook{background:#3a5896;}
  .icon-top .fa-facebook:hover{background:none; border-color:#3a5896; color:#3a5896;}
  .icon-top .fa-twitter{background:#00aced;}
  .icon-top .fa-twitter:hover{background:none; border-color:#00aced; color:#00aced;}
  .icon-top .fa-youtube{background:#b00;}
  .icon-top .fa-youtube:hover{background:none; border-color:#b00; color:#b00;}
  .icon-top .fa-linkedin{background:#007ab5;}
  .icon-top .fa-linkedin:hover{background:none; border-color:#007ab5; color:#007ab5;}
  .icon-top .fa-google-plus{background: #dc4e41;}
  .icon-top .fa-google-plus:hover{background:none; border-color:#dc4e41; color:#dc4e41;}
  .icon-top i:hover{color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
  
  .menu-head{font-size: 14px; font-weight:500; margin:0; position:relative; padding:0; z-index:2;}    
  .menu-head .navbar-brand{padding:15px 0; height:auto;}  
  .menu-head .navbar-brand img{max-width: 140px;}  
  .menu-head .navbar-brand .logo-fix{opacity: 0;position: absolute;left: 0;top: 0;}
  .menu-head .navbar-header{position: relative; z-index: 2;}
  .menu-head nav{box-shadow:none; border:none; background:none; border-radius:0; margin:0;}
  .menu-head .navbar-collapse{padding:0 0 0 40px;}
  .menu-head .navbar-nav{float:left; text-align:center;padding-left:50px;}
  .menu-head .navbar-nav > li{font-weight:600; display:inline-block; text-transform:uppercase; float:none; margin:0 0 0 17px; padding:37px 0; position: relative;}
 
  .menu-head .navbar-nav > li > a{border:transparent; color:#000; text-shadow:none; padding:10px 2px; position: relative; transition:all 1s ease; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1.4s ease; -o-transition:all 1s ease;}
  .menu-head .navbar-nav > li > a:hover{color:#00aced;}
  .menu-head .navbar-nav > li > a:before{position: absolute;content: " ";width: 3px;height: 3px;left: 50%;border-radius: 50px;bottom: 0;opacity: 0;transform: translateX(-50%);background: #00aced;transition: 0.5s;}
  .menu-head .navbar-nav > li > a:focus:before, .menu-head .navbar-nav > li > a:hover:before, .menu-head .navbar-nav > .open > a:before, .menu-head .navbar-nav > .open > a:focus:before, .menu-head .navbar-nav > .open > a:hover:before, .menu-head .navbar-nav .current-menu-item a:before{position: absolute; content: " "; width: 100%; height: 3px; left: 50%; transform: translate(-50%); bottom: 0px; opacity: 1; background: #00aced;}
  
  /*.menu-head li a:hover .sub-menu{display:block;}*/
  .menu-head ul, .menu-head ul li, .menu-head ul li a{position:relative;}
  .menu-head li:hover > ul {opacity: 1; visibility: visible; -moz-transform: scaleY(1); -webkit-transform: scaleY(1);-o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);}
  .menu-head .li-width ul{width:400px;}
  .menu-head ul ul{position: absolute; left: 0; top: 100%; z-index: 2; padding:0; width: 250px; border-top:2px solid #00aced; background: #fff; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,.1);-moz-box-shadow: 0 10px 15px rgba(0,0,0,.1);-ms-box-shadow: 0 10px 15px rgba(0,0,0,.1);-o-box-shadow: 0 10px 15px rgba(0,0,0,.1);box-shadow: 0 10px 15px rgba(0,0,0,.1); opacity: 0; visibility: hidden; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0);-o-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0;-ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
  .menu-head ul ul ul{margin-left: 100%; top: 0;}
  .menu-head ul ul li a{text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important;}
  /*.menu-head .sub-menu{background:#000; position:absolute; top:100%; left:0; min-width:270px; display:none; margin:0; padding:0;}*/
  .menu-head .sub-menu > li{list-style:none; border-bottom: 1px solid rgba(9, 59, 86, 0.12);}
  .menu-head .sub-menu > li:last-child{border-bottom:0;}  
  .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background:#00aced !important; color:#fff !important; transition: all .2s ease-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s;}
  .menu-head .sub-menu > li > a{display:block; background:none !important; color:#555; padding:10px; text-align:left; position:relative; -webkit-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; text-transform: capitalize;}
  .menu-head .sub-menu > li > a:hover{color:#fff;}

.banner{margin:0; padding:0; position:relative; overflow:hidden; z-index:1;}
  .banner .item img{height: 550px; -o-object-fit: cover; object-fit: cover; width: 100%;}
 /* .banner .item::before{content: ""; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); position: absolute; left: 0; top: 0; width: 75%; height: 100%;}*/
  .bs-slider{overflow: hidden; position: relative;}
  .bs-slider:hover{cursor: -moz-grab; cursor: -webkit-grab;}
  .bs-slider:active{cursor: -moz-grabbing; cursor: -webkit-grabbing;}
  .bs-slider .bs-slider-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:#000; opacity:0.5;}
  .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img{margin: auto; width: 100% !important;}
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  /*---------- LEFT/RIGHT ROUND CONTROL ----------*/
  .control-round .carousel-control{top: 47%; opacity: 0; width: 45px; height: 45px; z-index: 100; color: #ffffff; display: block; font-size: 24px; cursor: pointer; overflow: hidden; line-height: 43px; text-shadow: none; position: absolute; font-weight: normal; background: transparent; -webkit-border-radius: 100px; border-radius: 100px;}
  .control-round:hover .carousel-control{opacity: 1;}
  .control-round .carousel-control.left, .control-round .carousel-control.right{background: #00aced; border-radius: 0;}
  .control-round .carousel-control.left{right: 80px;}
  .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover{color: #fff; background:#00aced; border: 0px transparent;}
  .control-round .carousel-control .fa{margin: 10px 0 0;}
  .control-round .carousel-control.left>span:nth-child(1){left: 45%;}
  .control-round .carousel-control.right>span:nth-child(1){right: 45%;}
  /*---------- INDICATORS CONTROL ----------*/
  .indicators-line > .carousel-indicators{right: 45%; bottom: 3%; left: auto; width: 90%; height: 20px; font-size: 0; overflow-x: auto; text-align: right;overflow-y: hidden; padding-left: 10px; padding-right: 10px; padding-top: 1px; white-space: nowrap;}
  .indicators-line > .carousel-indicators li{padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%;border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); z-index: 10; cursor:pointer;}
  .indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
  .indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px; box-shadow: 0 0 0 2px #fff; background-color: transparent; position: relative;-webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;-webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  .indicators-line > .carousel-indicators .active:before{transform: scale(0.5); background-color: #fff; content:""; position: absolute; left:-1px; top:-1px; width:15px; height: 15px; border-radius: 50%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease;}
  /*---------- SLIDE CAPTION ----------*/
  .slide_style_left{text-align: left !important;}
  .slide_style_right{text-align: right !important;}
  .slide_style_center{text-align: center !important;}
  .slide-text{position: absolute; left: 50%; margin: 0 0 0 -555px; bottom: 0; z-index: 2; width:100%; height: 100%; top: 0; display: table; max-width: 50%; z-index:3;}
  .slide-text h1{font-size: 40px; color: #00aced; margin: 0 0 25px; font-family: 'Poppins', sans-serif; font-weight:600; position: relative;-webkit-animation-delay: 0.7s; animation-delay: 0.7s; text-transform:uppercase;text-shadow:1px 0px 0px #000;}
  .slide-text h1 span{color:#ffa500; display:block; font-size:24px; margin:0 0 15px; position:relative; text-transform:uppercase;}
  .slide-text h1 span::after{content: "";background: #fff; height: 3px; width: 40px; display: inline-block; vertical-align: middle; margin: 0 0 0 20px;}
  .slide-text .slide-table{display: table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0 0;}
  .slide-text p{font-size:22px; color:#fff; font-weight:500; line-height:30px; text-align:left; -webkit-animation-delay: 1.1s; animation-delay: 1.1s;} 
  .slide-text a.btn-default{font-family: 'Poppins', sans-serif; font-weight:600; background:#004e83; border: 0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-size:16px; color: #fff; margin:20px 0 0; padding: 13px; min-width: 180px; overflow:hidden; text-shadow:none; box-shadow:none; text-transform:uppercase;}
  .slide-text a.btn-default:hover{color: #fff;}
  .slide-text a.btn-default:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #00aced; z-index:-1;}
  .slide-text a.btn-default:hover:after{width: 100%;}  
  .slide-text a.btn-primary{font-family: 'Poppins', sans-serif; font-weight:600; background:#00aced; border: 0; text-decoration: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0; font-size:16px; position: relative; z-index: 1; display: inline-block; text-align: center; text-transform:uppercase; letter-spacing: .3px;color: #fff; padding: 13px; min-width: 180px; overflow:hidden; text-shadow:none; box-shadow:none; margin:20px 0 0 15px;}
  .slide-text a.btn-primary:hover{color: #fff;}
  .slide-text a.btn-primary:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #004e83; z-index:-1;}
  .slide-text a.btn-primary:hover:after{width: 100%;} 

.title-row{margin:0 0 25px; text-align: left; position: relative; padding:0;}  
  .title-row h2{color: #004e83; text-transform: uppercase; margin: 0 0 20px; padding:0;}
  /*.title-row h2::before{content: ''; position: absolute; width: 20px; height: 60px; bottom: -10px; left: 0; border-left: 7px solid #00aced; border-top: 7px solid #00aced; border-bottom: 7px solid #00aced;}  */
  .title-row h2 span{color: #00aced;}  
  
.about-sec{padding:60px 0 40px; position:relative; z-index:2; text-align:center;} 
  .about-sec .container{position:relative; z-index:3;}  
  .about-sec p{text-align:justify; line-height:1.5;}
  .about-sec h2{color:#004e83; font-size: 34px; line-height: 40px; position: relative; margin: 0 0 20px; font-weight:700; text-transform:uppercase;}
  .about-sec h2 span{color: #00aced; font-size: 18px; margin:0 0 10px; display:block; font-weight:700; line-height:normal;}
  .about-sec h2 span::before{content: ""; display: inline-block; height: 2px; width: 35px; background: #00aced; margin: 0 20px 0 0; vertical-align: middle;}
  .about-sec h2 span::after{content: ""; display: inline-block; height: 2px; width: 35px; background: #00aced; margin: 0 0 0 20px; vertical-align: middle;}
  .about-sec .about-left{margin:0 0 30px; position:relative;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .about-right figure{margin: 0 0 0 10%; position:relative;}
  .about-sec .about-left .btn{background:none; border:1px solid #f00; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-size:14px; font-weight:600; letter-spacing: .3px;color: #fff; margin:15px 0 0; padding: 12px; min-width: 160px; overflow:hidden; text-shadow:none; box-shadow:none; text-transform:uppercase;}
  .about-left .btn i{font-size: 20px; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin: 0 0 0 7px;}
  .about-sec .about-left .btn:hover{color: #f00;}
  .about-sec .about-left .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #f00; z-index:-1;}
  .about-sec .about-left .btn:hover:after{width:0;}
  .about-sec .about-box{position:relative; margin:0 0 30px;}
  .about-sec .about-box figure{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; overflow: hidden; margin:0;}
  /*.about-sec .about-box:hover figure img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
  .about-sec .about-box figure img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; cursor: pointer; width: 100%;}*/

.tag-sec{background: #004e83; /*background: -moz-linear-gradient(left,  #00aced 0%, #004e83 100%); background: -webkit-linear-gradient(left,  #00aced 0%,#004e83 100%); background: linear-gradient(to right,  #00aced 0%,#004e83 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#004e83',GradientType=1 );*/ padding: 70px 0 60px; color: #fff; position: relative;}
  .tag-sec::before{content: ""; background-image: url(images/about-before.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; background-size: contain; position: absolute; right: 0; top: 0; width: 328px; height: 100%;}
  .tag-sec::after{content: ""; background-image: url(images/about-after.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; background-size: contain; position: absolute; left: 50px; bottom: 0; width: 328px; height: 120px;}
  .tag-sec h2{color:#fff; font-weight: 700; font-size:24px; text-transform:uppercase;}
  .tag-sec h2 span{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; display:block; line-height:24px;}
  .tag-sec .btn{background:#00aced; border:0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-size:16px; font-weight:700; font-family: 'Poppins', sans-serif; color: #fff; margin:20px 0 0 30px; padding: 13px 45px 12px; overflow:hidden; text-shadow:none; box-shadow:none; text-transform:uppercase;}
  .tag-sec .btn span{/*background: -webkit-linear-gradient( rgba(0,71,255,1),rgba(0,199,255,1));background-clip: border-box;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;*/}
  .tag-sec .btn:hover{color: #fff;}
  .tag-sec .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #fff; z-index:-1;}
  .tag-sec .btn:hover:after{width: 100%;} 

.service-area{padding:60px 0 25px; position:relative; text-align:center;}
  .service-area .container{position: relative; z-index:1;}    
  .service-area .title p{text-align:center; margin: 0 10% 20px;}
  .service-area h2{color:#004e83; font-size: 34px; line-height: 40px; position: relative; margin: 0 0 15px; font-weight:700; text-transform:uppercase;}
  .service-area h2 span{color: #00aced; font-size: 18px; margin:0; display:block; font-weight:700; line-height:normal;}
  .service-area h2 span::before{content: ""; display: inline-block; height: 2px; width: 35px; background: #00aced; margin: 0 20px 0 0; vertical-align: middle;}
  .service-area h2 span::after{content: ""; display: inline-block; height: 2px; width: 35px; background: #00aced; margin: 0 0 0 20px; vertical-align: middle;}
  .service-area .service-box{margin:0 0 50px; position:relative; overflow:hidden;}
  .service-area .service-text{color: #fff; padding: 15px; margin: 0; position: absolute; top: 0; width: 100%; height: 100%; display: table; background: #004e83; background: -moz-linear-gradient(top, #004e83 0%, #004e83 100%); background: -webkit-linear-gradient(top, #004e83 0%,#004e83 100%); background: linear-gradient(to bottom, #004e83 0%,#004e83 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004e83', endColorstr='#004e83',GradientType=0 ); -webkit-transform: translateY(74%); -ms-transform: translateY(74%); transform: translateY(74%); transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0se; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;}
  .service-area .service-box:hover .service-text .service-padd{display:table-cell; width: 100%; height: 100%; vertical-align: middle; padding: 0;}
  .service-area .service-box:hover .service-text{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding: 35px 20px 15px;}
  .service-area .service-box .thumb{margin:0;} 
  .service-area .service-box:hover .thumb:before{transform: scaleX(0); opacity: 1;}
  .service-box:hover .thumb:after{opacity: 1; transform: scaleY(0);}
  .service-area .service-box h3{color: #fff; font-size:16px; text-transform:capitalize; margin:0 0 10px; line-height:24px;min-height: 50px;}
  .service-area .service-box p{text-align:center; margin:0;}
  .service-area .service-box .btn{background:#fff; border: 0; font-weight: 700; font-family: 'Poppins', sans-serif; text-transform:uppercase;  text-decoration: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; color: #00aced; padding:12px 40px; overflow:hidden; margin:20px 0 0;}
  .service-area .service-box .btn:hover{color:#fff;}
  .service-area .service-box .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .service-area .service-box .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background-color: #ff7070; z-index:-1;}
  .service-area .service-box .btn:hover:after{width: 100%;}

.counter-sec{background: #00aced; background: -moz-linear-gradient(left,  #00aced 0%, #004e83 100%); background: -webkit-linear-gradient(left,  #00aced 0%,#004e83 100%); background: linear-gradient(to right,  #00aced 0%,#004e83 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#004e83',GradientType=1 ); padding:0; position:relative; color:#fff;}
  .counter-sec .row{margin: -60px 0; padding: 100px 20px 60px; background-image: url("images/counter.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; position: relative;}
  .counter-sec .row::after{content: ""; background: #000; position: absolute; left: 0; top: 0; width: 100%; height: 100%;   opacity: 0.6;}
  .counter-sec .container{position:relative; z-index:2;}
  .counter-Txt{font-size:20px; margin:0 0 30px; position: relative; z-index: 5;}
  .counter-Txt span{display:block; font-size: 40px; line-height: normal; font-weight: 900; margin: 0;}
  .counter-Txt h4{color:#fff; font-size:14px; text-transform:capitalize;}
  .counter-Txt figure{float:left; margin:13px 20px 10px 0; max-width: 60px;}

.client-speak {
    padding: 60px 0 60px;
    position: relative;
    background: #f7f5f5;
}
  .client-speak h2{font-size: 34px; line-height: 40px; position: relative; margin: 0 15px 30px; font-weight:700; text-transform:uppercase;}
  .client-speak h2 span{color: #00aced; font-size: 18px; margin:0 0 10px; display:block; text-transform:uppercase; font-weight:600; line-height:normal;}
  .client-speak h2 span::after{content: ""; display: inline-block; height: 2px; width: 40px; background: #00aced; margin: 0 0 0 10px; vertical-align: middle;}
  .client-speak .owl-pagination{display: block; text-align: right; position: absolute; right: 15px; top: -83px; margin: 0;}
  .client-speak .owl-theme .owl-controls .owl-page span{background:none; border:1px solid #00aced; opacity:1; height:10px; width:10px;}
  .client-speak .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #00aced; background: -moz-linear-gradient(left,  #00aced 0%, #000 100%); background: -webkit-linear-gradient(left,  #00aced 0%,#000 100%); background: linear-gradient(to right,  #00aced 0%,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aced', endColorstr='#000',GradientType=1 );}
  .client-speak .owl-theme .owl-controls .owl-page.active span{width:20px;}
  .client-speak .grid-left .item{background: #f5f5f5; position: relative; padding: 30px; margin:0 15px;}
  .client-speak .grid-left .item::after{content: ""; content: "\f10e"; font-family: FontAwesome; position: absolute; right: 30px; bottom: -10px; font-size: 70px; opacity: 0.1;}
  .client-speak .grid-left .item .item-bg{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
  .client-speak .grid-left .testmonial-author{position: relative; padding:0 0 15px; overflow:hidden;}
  .client-speak .grid-left .testmonial-author img{width: 70px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; float: left; margin: 0 20px 0 0;}
  .client-speak .grid-left .testmonial-author h4{font-size: 16px; margin: 9px 0 0; color:#00aced; font-weight:500;}
  .client-speak .grid-left .testmonial-author h4 span{font-size:14px; margin:5px 0 0; display:block; color:#000; font-weight:00;}
  .client-speak .grid-left .testmonial-author .author-rating i{color: #00aced;}
  .client-speak .grid-left p{line-height:22px;} 
  .client-speak .grid-left .star{color: #fcb712; letter-spacing: 2px; font-size: 17px;}
  .client-speak .grid-left figure{position: relative; display: block; margin:0; margin: 0 0 30px; max-width: 56px;}
  .client-speak .testmonial-author figure::before {border: 5px solid #00aced !important;content: "";height: auto;opacity: 0;filter: alpha(opacity=0);position: absolute;bottom: -10px;left: -10px;right: -10px;top: -10px;visibility: hidden;width: auto;-webkit-transform: scale(0);transform: scale(0);transition: .3s;border-radius: 50%;-webkit-border-radius: 50%;}
  .client-speak .item:hover .testmonial-author figure::before {opacity: 1;filter: alpha(opacity=100);visibility: visible;-webkit-transform: scale(1);transform: scale(1);}
  .client-speak .testmonial-author figure img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; max-width: 110px;border: 5px solid #ccc;}
  .client-speak .owl-theme .owl-controls .owl-buttons div{display: none; background:#00aced; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; color:#000; position:absolute; left:110px; top:0; height:44px; width:44px; opacity:1; text-indent:-99999px;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next{right:110px; left:inherit;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-prev:before{border-bottom: 8px solid transparent; border-right: 8px solid #fff; border-top: 8px solid transparent; color: #000; content: ""; left: 15px; position: absolute; top: 14px;}
  .client-speak .owl-theme .owl-controls .owl-buttons div.owl-next:before{border-bottom: 8px solid transparent; border-left: 8px solid #fff; border-top: 8px solid transparent; color: #000; content: ""; left: 20px; position: absolute; top: 14px;}  
   
.thumb{position: relative; cursor:pointer;}
  .thumb:hover:before{transform: scaleX(0); opacity: 1;}
  .thumb:hover:after{opacity: 1; transform: scaleY(0);}
  .thumb:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleX(1); -moz-transform: scaleX(1); -webkit-transform: scaleX(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in;}
  .thumb:after{content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); opacity: 0; transform: scaleY(1); -moz-transform: scaleY(1); -webkit-transform: scaleY(1); transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;}    

.Newsletter{background: #00aced; padding:60px 0 35px; position:relative; color:#fff;}
  .Newsletter h2{color:#fff; text-transform:uppercase; font-size:700;}
  .Newsletter h2:after{content: ""; display: inline-block; height: 2px; width: 35px; background: #fff; margin: 0 0 0 10px; vertical-align: middle;}
  .Newsletter h4{font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; text-transform:capitalize;} 
  .Newsletter form{position:relative; padding:15px 0 0;}
  .Newsletter form .form-control{background:#fff; border: none; box-shadow:none; -webkit-border-radius:10px 10px 0 10px; -moz-border-radius:10px 10px 0 10px; border-radius:10px 10px 0 10px; color: #000; height:50px;}
  .Newsletter form .form-control::-webkit-input-placeholder {color: #555;}
  .Newsletter form .form-control::-moz-placeholder {color: #555;}
  .Newsletter form .form-control:-ms-input-placeholder {color: #555;}
  .Newsletter form .form-control:-moz-placeholder {color: #555;}
  .Newsletter form .form-group{margin:0 0 25px;}
  .Newsletter form .btn{position:absolute; right: -50px; top: -5px; background: #004e83; color: #fff; letter-spacing:0.5px; text-align: center; text-shadow:none; text-transform:uppercase; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; text-align: center; padding: 10px 30px; border:0; -webkit-border-radius:10px 10px 0 10px; -moz-border-radius:10px 10px 0 10px; border-radius:10px 10px 0 10px; font-weight:500; text-transform:uppercase;}
  .Newsletter form .btn:hover, .Newsletter form .btn:active{background: #bb2a00; color: #fff;}
  
.footer{background-image:url("images/footer-bg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size: cover; padding:80px 0 30px; position:relative; color:#fff;}
  .footer:after{background: #000010; content: ""; height: 100%; left: 0; opacity: 0.9; position:absolute; top:0; width: 100%;}
  .footer .container{position: relative; z-index:1;}  
  .footer a{color:#fff;}
  .footer a:hover{color:#00aced;}
  .footer{text-align:inherit;}
  .footer-top{text-align: center; border-bottom: 1px solid #fff; padding: 0 0 50px; position: relative; z-index: 2; margin: 0 0 60px;}
  .wg-1{margin:0 0 30px;}
  .wg-1 h4{color:#fff; margin:0 0 25px; padding:20px 0 0; position:relative; text-transform:uppercase;}
  .wg-1 h4:before{position: absolute;content: '';top: 0;left: 0;width: 50%;height: 2px;background-color: #00aced;}
  .wg-1 h4:after{position: absolute;content: '';top: 6px;left: 0;width: 100%;height: 2px;background-color: #00aced;}
  .wg-1 ul{margin:0; padding:0;}
  .wg-1 ul li{list-style:none; position:relative; padding: 0 0 15px 20px;}
  .wg-1 ul li:before{content: "\f105"; font-family: FontAwesome; position:absolute; left:0; top:0;}
  .wg-1 address{margin: 0 0 10px; overflow: hidden; position: relative;}  
  .wg-1 address i{color:#fff; font-size:18px; float: left; height:30px; line-height:30px; margin:0 10px 0 0; text-align:center; width:30px;}
  .wg-1 address i.fa.fa-envelope {margin-top: -2px;font-size: 16px;}
  .wg-1 address div{margin:0; overflow:hidden;}
  .wg-1 address p{margin:0;}
  .wg-1 address span {font-size: 18px;line-height: normal;color: #585858;margin-bottom: 5px;display: block;font-family: 'PoppinsSemiBold_0';}
  .ft-logo{margin:0 0 20px; text-align:center;}
  .ft-logo a{display:block; margin:0 0 30px;}
  .ft-logo img{background:#fff; padding:15px; outline: 2px solid #fff; outline-offset: 10px; max-width: 200px;}
  .ft-logo p{text-align:center;}
  .icon-ft{margin:20px 0 0;}
  .icon-ft i{color: #fff; border:1px solid transparent; display:inline-block; font-size: 18px; line-height: 40px; margin: 0 0 0 2px; height: 40px; text-align: center; width: 40px; text-align: center; position:relative; z-index:1; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .icon-ft .fa-facebook{background:#3a5896;}
  .icon-ft .fa-facebook:hover{background:none; border-color:#3a5896; color:#3a5896;}
  .icon-ft .fa-instagram{background:#bc2a8d;}
  .icon-ft .fa-instagram:hover{background:none; border-color:#00aced; color:#00aced;}
  .icon-ft .fa-youtube{background:#b00;}
  .icon-ft .fa-youtube:hover{background:none; border-color:#b00; color:#b00;}
  .icon-ft .fa-linkedin{background:#007ab5;}
  .icon-ft .fa-linkedin:hover{background:none; border-color:#007ab5; color:#007ab5;}
  .icon-ft .fa-google-plus{background: #dc4e41;}
  .icon-ft .fa-google-plus:hover{background:none; border-color:#dc4e41; color:#dc4e41;}
  .icon-ft i:hover{color:#fff; transition:0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out; -o-transition:all 0.8s ease-in-out;}  
  .review-li li{background: none !important; margin: 0 0 10px; padding: 0 0 10px !important;}
  .review-li li img{float: left; border:2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
  .review-li li h5{font-size:14px; margin:0; padding:0 0 5px 70px;}
  .review-li li h5 small{font-family: 'open_sansregular'; display:block; font-size:12px; color:#fff;}
  .review-text{padding:0 0 0 70px;}
  .review-text i{color:#66a3cc;}
  
  .ft-bottom{background:#00aced; color:#fff; margin:20px 0 0; padding:15px 0 1px; text-transform:uppercase; position:relative; z-index:2;}
  .ft-bottom a{color:#fff; font-weight: 700;}
  .ft-bottom a:hover{color:#e4353a;}
  .ft-bottom p{text-align:center;}
  
  
  
  
.contact-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: rotate(-90deg);
    float: right;
    right: -60px;
	z-index: 9999;
    -webkit-transform: rotate( 
-90deg
 );
}
.contact-bar h2 {
    background: #00aced;
    padding: 10px;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 20px;
}


.about-box .thumbnail {padding: 0 !important;}

.header-serch { padding-left: 50px;}
a.sanpop-link {
    width: 30px;
    position: relative;
    top: 40px;
    right: 0 !important;
    float: right;
	background:#eee; border:1px solid #ccc; padding:5px;
}

.emaillist input {
    color: #585656;
    line-height: 30px;
    width: 230px;
    padding: 2px 10px;
}
.emaillist .es_submit_button {
    background: #00aced;
    border: none;
    color: #fff;
    width: 230px;
    padding: 3px;
}
span.mystickyelements-social-icon {
    background: #00aced !important;
}
input#stickyelements-submit-form {
    background: #00aced !important;
}
.element-contact-form h3 {
    color: #000 !important;
}

.banner-inner {
    background: url(images/slider-01.jpg) no-repeat scroll center 0;
    background-size: cover;
    border-bottom: 1px solid #999;
    height: 200px;
    overflow: hidden;
    position: relative;
	background-attachment: fixed;
}
.banner-inner .textblock {
    height: 200px;
    position: relative;
}
.banner-inner .block {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
.breadcrumb {
    float: right;
    font-size: 13px;
    line-height: 15px;
    position: relative;
    z-index: 5;
    margin: 39px 0 5px;
    background: none;
    border-radius: 0;
    max-width: 400px;
    min-width: 261px;
    text-align: right;
}
.breadcrumb > li {
    margin: 0 0 5px;
}
.breadcrumb li a {
    color: #fff;
}
.breadcrumb > li .fa-home {
    margin: 0 9px;
}
.banner-inner .page-title .holder {
    overflow: hidden;
    position: relative;
    padding: 0;
}
.banner-inner h1 {
    color: #fff;
    margin: 0;
    font-size: 40px;
    line-height: 79px;
    overflow: hidden;
    padding: 0;
    height: 79px;
}
.inner-sec {
    margin: 60px 0 40px;
    position: relative;
    z-index: 2;
}
.mission-row li, .value-row li {
    padding: 5px 0;
}
.about-ul li {
    padding: 5px 0;
}

.client-ul li i {
    color: #00aced;
    padding-right: 5px;
}

.client-ul li {
    padding: 5px 0;
}
.channel-form .row {
    margin-bottom: 15px;
}
.channel-form .form-control {
    border: 2px solid;
    border-radius: 0;
    height: 40px;
}
input.wpcf7-form-control.wpcf7-submit.submit-btn {
    background: #00aced;
    width: 100%;
    height: 40px;
    border: navajowhite;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
input.wpcf7-form-control.wpcf7-submit.submit-btn:hover {
	background: #004e83;
}

.channel-form {
    background: #e1eef1;
    padding: 50px;
}
.sticky a.sanpop-link {
    top: 15px;
}



.spicewpsearchform{
    display: block;
    width: 500px;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 1px;
    z-index: 9999;
    background: #fff;
    padding: 20px;
    border: 5px solid #d05353;
}
#spicewpsearchform input[type="text"] {
    width: 78%;
    height: auto;
    border: 1px solid #5ca2df;
    padding: 11px 12px;
    border-radius: 0px !important; 
    }
#spicewpsearchform input[type="submit"] {
    line-height: 1;
    padding: 14px 20px;
    border-radius: 0px;
    height: auto;
    font-size: 15px;
    display: inline-block;
    border: 1px solid #5ca2df;
}
#spicewpsearchform:before {
    border-color: transparent transparent #d05353;
    border-style: solid;
    border-width: 0.5em;
    content: "";
    display: block;
    position: absolute;
    right: 22px;
    top: -20px;
    z-index: 10;
}

/**Css for image search icon**/
.spicewpsearch_icon {
   background-image: url('images/search-icon.png');
   background-repeat: no-repeat;
   padding: 0 0 0 36px;
   background-position: 5px center;
   background-color: transparent;
   background-size: 18px 18px;
       
}
.contact-form .form-control {
    border: 1px solid #000;
    border-radius: 0;
    margin-bottom: 10px;
}
.inner-page {
    padding: 30px;
}
input.wpcf7-form-control.wpcf7-submit.submit-button {
    background: #00aced;
    border: navajowhite;
    color: #fff;
    padding: 10px 30px;
    text-align: center;
}
.contact-form {
    background: #004e83;
    padding: 15px;
}
.contact-form h3 {
    color: #fff;
}
.block li {
    color: #fff;
}

.footer {
    text-align: inherit;
    z-index: 99;
}
.sticky-sidebar {
    position: fixed;
    top: 0;
    float: right;
    right: 7%;
    z-index: 0;
}
.sidebar.sticky-sidebar {
    position: sticky;
 /*   top: 30%;
    float: right;
    width: 28%;*/
}


@media (min-width: 320px) and (max-width: 767px) {
	
	.phn-detail { text-align: center; font-size: 12px;}
	.top-sec .text-right { text-align: center !important; margin: 10px 0;}
	.icon-top i { font-size: 14px; line-height: 25px; height: 25px; width: 25px;}
	.phone-call .btn {font-size: 12px; padding: 4px 10px;}
	nav.navbar.navbar-default { display: initial;}
	.menu-head .navbar-brand img { max-width: 100px;}
	.navbar-toggle { top: 25px; padding: 10px; margin: 0;}
	.navbar-default .navbar-toggle .icon-bar { background-color: #000;}
.menu-head{font-size: 14px;}
   .menu-head::after{display:none;}
   .menu-head .navbar-brand{padding: 20px 0;}   
   .menu-head .nav-logo{position: relative; text-align: left; float:left;}   
   .menu-head nav{padding:0;}
   .menu-head .navbar-header{position:relative; z-index:2; float: none; width: 100%;}
   .menu-head .navbar-toggle{border-color: #000; color: #000; margin: 8px 0; border-radius: 0; top: 20px;}
   .navbar-default .navbar-toggle .icon-bar{background-color:#000;}
   .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
   .menu-head .navbar-collapse{border:none; box-shadow: none;}
   .menu-head .navbar-collapse.in ul{margin: 15px 0 0; box-shadow: none; border: 0;}
   .menu-head .navbar-nav{margin: 0; text-align:left; top: 0;}
   .menu-head .navbar-nav > li:before{display:none;}
   .menu-head .navbar-nav > li{display:block; margin:0; padding:0; border-bottom: 1px solid  #000; background:#c12121210;}
   .menu-head .navbar-nav > li:last-child{border-bottom:0;}
   .menu-head .navbar-nav .li-mrg{margin-right: 0 !important;}
   .menu-head .navbar-nav > li > a{padding: 10px; border: 0; color:#000;}
   .menu-head .navbar-nav > li > a:focus, .menu-head .navbar-nav > li > a:hover, .menu-head .navbar-nav > .open > a, .menu-head .navbar-nav > .open > a:focus, .menu-head .navbar-nav > .open > a:hover, .menu-head .navbar-nav .current-menu-item a{background: #9f2121210; color: #000;}
   .menu-head .sub-menu > li > a:focus, .menu-head .sub-menu > li > a:hover{background: #9f2121210 !important;}
   .menu-head .sub-menu{ top: 40px !important; margin:0 !important; left: 0 !important; display: block !important; height: auto !important;width: 100%;}
   .menu-head .sub-menu > li > a{background:none !important; padding:5px 15px 5px 30px; width: auto;}
   .menu-head .navbar-collapse{float:left;width: 100%;}
   .search-box form {position: relative;top: -10px;left: 0;}
   .menu-head .sub-menu > li{width:100%;display:block;}
	.menu-primary-menu-container { display: grid;}
	.sticky .menu-head .navbar-nav > li { padding: 0px 0 0px;}
	.menu-head .navbar-collapse { padding: 0;}
	a.sanpop-link {padding: 0;}
	a.sanpop-link img { margin: 10px 0;}
	.menu-head .navbar-nav { padding-left: 0;}
	a.sanpop-link {  top: 5px;  float: left;}
	
	.menu-item-has-children:after {
    position: absolute;
    content: "";
    background: #000;
    width: 10px;
    height: 2px;
    top: 17px;
    right: 0;
}
		.menu-item-has-children:before {
    position: absolute;
    content: "";
    background: #000;
    width: 10px;
    height: 2px;
    top: 14px;
    right: 0;
}

	
	.banner .item img { height: 200px;}
	.slide-text { left: 10px; top: 10px; margin: 0; max-width: 85%; z-index: 3;}
	.slide-text h1 { font-size: 16px; margin: 0 0 5px;}
	.slide-text h1 span {font-size: 13px; margin: 0 0 5px;}
	.slide-text p {font-size: 12px; line-height: 15px; margin-bottom: 5px;}
	
	.slide-text a.btn-default { font-size: 10px; margin: 0; padding: 3px 10px; min-width: auto;}
	.slide-text a.btn-primary {font-size: 10px; padding: 3px 10px; min-width: auto; margin: 0;}
	
	
	.about-sec { padding: 30px 0 30px;}
	.about-sec h2 { font-size: 20px; line-height: 30px;}
	.about-sec h2 span { font-size: 15px;}
	
	.tag-sec::after, .tag-sec::before{display:none;}
	.tag-sec h2 {font-size: 20px;}
	.tag-sec .text-right { text-align: left;}
	.tag-sec .btn { margin: 20px 0 0 0px; padding: 10px 30px 10px;}
	.service-area .service-text {top: 40px;padding:5px 15px;}
	.service-area .service-text:hover {top: 0px;}
	.service-area h2 span { font-size: 16px;}
	.service-area h2 { font-size: 24px;line-height: 32px;}
	
	.counter-Txt span { font-size: 30px;}
	
	.client-speak h2 span { font-size: 16px;}	
	.client-speak h2 { font-size: 22px; line-height: 28px;}
	
	.ft-bottom p { line-height: 1.5;}
	
	.banner-inner { height: 150px; background-attachment: inherit;}
	.banner-inner .textblock {height: 150px;}
	.banner-inner .page-title .holder { overflow: initial;}
	.banner-inner h1 { font-size: 20px; line-height: 28px; height: auto; overflow: initial; text-align: center; margin-bottom: 10px;}
	.breadcrumb > li { margin: 0 0 0px;}
	.breadcrumb { float: none; margin: 10px 0 0; text-align: center;}
	
	.single-service .col-sm-4 img {  margin-bottom: 25px;}
	.inner-sec h2 { font-size: 24px;}
	
	
	.sidebar.sticky-sidebar {
    position: initial !important;
    top: 0 !important;
    float: none !important;
    width: 100% !important;
}
}


@media (min-width: 768px) and (max-width: 1024px) {
	.top-sec .container { padding: 0;}
	.menu-head .container { padding: 0;}
	.phn-detail { font-size: 12px;}
	.top-sec .text-right {margin: 10px 0;}
	.icon-top i { font-size: 14px; line-height: 25px; height: 25px; width: 25px;}
	.phone-call .btn {font-size: 12px; padding: 4px 10px;}
	.phn-detail ul li i { font-size: 15px; padding: 0 3px 0 0px;}
	.menu-head .navbar-collapse { padding: 0 0 0 10px;}
	.menu-head .navbar-brand img {max-width: 90px;}
	.menu-head .navbar-nav { text-align: left;}
	.menu-head .navbar-nav > li {  margin: 0 0 0 5px; padding: 14px 0; font-size: 11px;}
	.menu-head .navbar-nav > li:last-child a { padding: 5px 7px;}
	.menu-head .navbar-nav { padding-left: 0;}
	a.sanpop-link { padding-left: 0;top:25px;}
	a.sanpop-link img { width: 20px;}
	.sticky a.sanpop-link { top: 35px;}
	.menu-head .navbar-nav > li > a {padding:10px 0;}
	.menu-head .navbar-brand { padding: 10px 0 0;}
	.counter-sec .row { padding: 40px 20px 20px;}
	.banner .item img { height: 300px;}
	.slide-text { left: 10px; top: 10px; margin: 0; max-width: 40%; z-index: 3;}
	.slide-text h1 { font-size: 24px; margin: 0 0 5px;}
	.slide-text h1 span {font-size: 16px; margin: 0 0 5px;}
	.slide-text p {font-size: 14px; line-height: 22px; margin-bottom: 5px;}
	
	.slide-text a.btn-default { font-size: 12px; margin: 10px 0 0; padding: 6px 16px; min-width: auto;}
	.slide-text a.btn-primary { font-size: 12px; margin: 10px 0 0; padding: 6px 16px; min-width: auto;}
	
	.service-area .service-box:hover .service-text { padding: 0px 4px 0px;}
	.service-area .service-box h3 { font-size: 13px; margin: 0; line-height: 15px;}
	.service-area .service-box .btn { font-size: 11px; padding: 5px 10px; margin: 0px 0 0;}
	.service-padd { font-size: 11px;}
	.counter-Txt h4 { font-size: 12px;}
	.service-area .service-text {top:-10px;padding:5px;}
	.service-area .service-text:hover {top:0px;}
	.about-sec { padding: 30px 0 30px;}
	.about-sec h2 { font-size: 24px; line-height: 30px;}
	.about-sec h2 span { font-size: 15px;}
	
	.tag-sec::after, .tag-sec::before{display:none;}
	.tag-sec h2 {font-size: 15px;}
	.tag-sec .text-right { text-align: center;}
	.tag-sec .btn {margin: 20px 0 0 0px;}
	
	.service-area h2 span { font-size: 16px;}
	.service-area h2 { font-size: 24px;line-height: 32px;}
	
	.counter-Txt span { font-size: 30px;}
	
	.client-speak h2 span { font-size: 16px;}	
	.client-speak h2 { font-size: 22px; line-height: 28px;}
	
	.ft-bottom p { line-height: 1.5;}

	.single-service .col-sm-4 img {  margin-bottom: 25px;}
	.inner-sec h2 { font-size: 24px;}
	
	.emaillist input, .emaillist .es_submit_button { width: 150px !important;}

	
	
}