/*
	Theme Name:Smee
	Theme URI: http://intellyze.com
	Version: 1.4.3
	Author: intellyze

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body, p {
	font-family: 'Lato', sans-serif;
	color:#444;
	font-size: 14px;
	font-weight: 300;
}
h1, h2, h3, h4, h5 { font-family: 'Titillium Web', sans-serif; font-weight: bold; }
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*----- header ---------*/
header
{
	position: absolute;
    z-index: 999;
    background: #fff;
    margin-top: 20px;
}
.navbar-inverse
{
	background-image:none!important;
	background-color: transparent!important;
    border-color: transparent!important;
    border:none!important;
}
.header-contact li { display: inline-block; margin-left: 15px; margin-right: 15px; width: 21%;}
.header-contact
{
	background: #0c2134;
    color: #fff;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box;
}
.logo { 

width: 55px;
position: absolute;
left: 0;
right: 0;
margin: auto;
 }
.no-padding
{
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.smee-social li a { color: #fff; }
.smee-social li { margin:0px; }
#myNavbar ul li a { color: #000; }
/*---- social icons -----*/
.social-icons .fa {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); 
	background-color: #6bc176;
}

/*------- navigation ---------*/

.navbar-inverse .navbar-nav>.active>a,
.nav li a:hover
{ 
	background-image: none!important; 
	box-shadow:none!important;
    background-color:transparent!important;
    color: #6bc176!important;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none!important;

	 }
.nav li a { text-transform: uppercase; }
/*--------- slider ------------*/
.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.overlay
{
	background: #00000061;
    position: absolute;
    z-index: 999;
    top: 0;
    width: 100%;
    bottom: 0;
}
.carousel-caption { text-align: left!important; color: #fff!important; }
.smee-slider-text {     
	position: absolute;
    top: 30%; 
	color: #fff;
	z-index: 9999!important;
	font-family: 'Titillium Web', sans-serif;
}
.smee-slider-text h2 { font-weight: 300; }
.smee-slider-text h1 { font-weight: bold; }
.green
{
	color: #6bc176;
}
.smee-slider-text h3{ font-weight: 300; }
.btn-1
{
	border: 1px solid white;
    background: #fff;
    border-radius: 0!important;
    border-bottom-left-radius: 6px!important;
    padding: 5px 20px;
    color: #000;
    text-transform: uppercase;
}
.btn.btn-1 { //padding:0px!important; }
.diogonal
{
	background-color: #ffffff;
    background-image: -webkit-linear-gradient(203deg, #6bc176 70%, #ffffff 49%);
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev { display: none!important; }
/*---------- what we do -----------*/
.seems-service { //padding:50px 0px; }
.intro-title { text-align: center; padding-bottom: 50px;}
.seems-service-content { font-family: 'Lato', sans-serif; padding-bottom: 30px; }
.title-icon:before
{
	content: "";
    width: 6%;
    height: 1px;
    border:1px dashed #05060878;
    position: absolute;
    margin-top: 8px;
    left: 42%;
}
.title-icon:after
{
	content: "";
    width: 6%;
    height: 1px;
    border:1px dashed #05060878;
    position: absolute;
    margin-top: 8px;
    right: 42%;
}

.seems-service-box h3
{
	text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
}
.readmore 
{
	font-size: 12px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    text-decoration: none;
    color: 0c2134;

}
.readmore:hover {color:#fff; text-decoration: none; }
.readmore:hover:after
{    

	content: "";
    width: 16%;
    height: 1px;
    border: 1px solid #fff;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: -6px;
    left: 0;

}
.read:after
{
    content: "";
    width: 16%;
    height: 1px;
    border: 1px dashed #05060878;
    position: absolute;
    margin: auto;
    right: 0;
    bottom: -6px;
    left: 0;
}
.grey-bg
{
	background: #e8e8e8;
}
.box
{
	padding-top:50px;
}
.seems-service-box	
{
	box-sizing: border-box;
    padding: 20px;
    border: 1px solid #fff;
    border-top-left-radius: 4px;
    background: #fff;
    box-shadow: 0 10px 20px -15px #000;
    border-bottom: 2px solid #000;
    transition: all .5s;
    padding-bottom: 60px;
}
.read
{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.seems-service-box:hover h3 { color: #73c183; }
.seems-service-box:hover,
.seems-service-box:focus,
.seems-service-box:hover a
{
    background: #0c2134;
    color: #fff;
    border: 1px solid #0c2134;
    border-top-left-radius: 4px;
    box-shadow: 0 10px 20px -15px #0c2134;
    border-bottom: 2px solid #6bc176;
    transition: all .5s;
}
.top-padding,
.capabilities
{
	padding-bottom: 50px;
    padding-top: 30px;
}


/*---------- benefits -----------*/

.benefits
{
	padding-top:50px;
}
.benefit-img { width: 100%; height: auto; }
.image-box {
  width: 100%;
  height: 450px;
  overflow:hidden;
  background-color:white;
  border:1px solid #ccc;
  margin:0 2px 2px 0;
  float:left;
  font-family: 'Titillium Web', sans-serif;
  color:#333;
  border-bottom: 3px solid #0c2134;
  border-radius: 7px;
}

.image-container,
.image-details {
  height:300px;
  padding:5px 5px;
  transition:margin-top .4s ease-in-out .4s;
}

.image-details h4,
.image-details p {
  margin:0 0 .2em;
  padding:0 0;
}

.image-details h4 {font-size:120%; margin-top: 25px;
	font-weight: bold;
    text-transform: uppercase;}

.image-box:hover .image-container {margin-top:-160px}
/*----------gallery -----------*/
.ih-item.square {
    position: relative;
    width: 316px;
    //height: 216px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item { box-sizing: border-box; }
.ih-item a {
    color: #333;
}
.ih-item.square.effect3 .img1 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    }
.ih-item.square.effect3.bottom_to_top .info {
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.ih-item.square.effect3 .info {
    height: 65px;
    background: #333333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    }
    .ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square.effect3 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 4px 0 0 0;
    }
    .ih-item.square.effect3 .info p {
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #bbb;
    padding: 5px;
    text-align: center;
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    }
    .ih-item img {
    width: 100%;
    height: 100%;
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.ih-item.square.effect3 a:hover .info {
    visibility: visible;
    opacity: 1;
}
.ih-item.square.effect3.bottom_to_top .info {
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.gallery-bottom { padding-bottom: 40px; }
/*--------gallery2 ---------*/
.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	/*bottom: -36px;
	opacity: 1; */
}
figure:hover+span {
    bottom: 0;
    opacity: 1;
    position:abosolute;
    z-index:999;
    background:#525250;
    padding:5px 0px;
    color: #fff;
}
/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	width: 350px;
}
.top-padding1 { padding-top: 20px; padding-bottom: 50px; }
/*------------- advisory----------*/
.black-bg
{
    background: #0c2134;
    border-right-radius: 20px;
    border-top-right-radius: 89px;
    border-bottom-right-radius: 84px;
    height: 100px;
}
.advisor-img
{
	width: 100px;
    float: right;
    height: 100px;
    border-radius: 77px;
    border:2px solid #6bc176;
    margin: auto;
    margin-right: -16px;
}

.advisory1 p,
.advisory2 p
{
	color: #fff;
    padding: 20px 153px;
}
.advisory2
{
	margin-bottom: 30px;
    padding-bottom: 40px;
    margin-top: 30px;

}
.green-bg
{
	background: #6bc176;
    border-left-radius: 20px;
    border-top-left-radius: 89px;
    border-bottom-left-radius: 84px;
    height: 100px;

}
.advisor-img2
{
    width: 100px;
    float: left;
    height: 100px;
    border-radius: 77px;
    border:2px solid #6bc176;
    margin: auto;
    margin-left: -16px;
}
.smeeadv
{
	position: absolute;
    right: 0;
    top: 0;
    width: 150px;
}
.smeeadv2
{
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
}
.advisory1 h5
{
	text-align: right;
	color: #000;
	text-align: right;
    right: 0;
    margin: auto;
    margin-top: 29px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13;
    font-family: 'Titillium Web', sans-serif;
}
.advisory2 h5
{
	text-align: left;
	color: #000;
    right: 0;
    margin: auto;
    margin-top: 29px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13
    font-family: 'Titillium Web', sans-serif;
}
.top-margin {

	margin-top: 30px;
}
/*-------- copy right--------*/
.copyright
{
	background: #0c2134;
	height: 50px;

}
.copyright p
{
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 20px 0px 0px;
    margin-bottom: 0px;
}


/*--------- product slider 2 ---*/

.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


#products #dev-snippet-title{
    margin-top: 0px;
    padding-top:30px;
}
#products .testimonials-list {
    margin-top: 20px;
    margin-bottom: 70px;
    /* Slider css */
}
#products .testimonials-list .single-testimonial {
    -webkit-transition: all 0.25s;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    background-color: white;
    margin: 15px;
}
#products .testimonials-list .single-testimonial .testimonial-holder {
    padding: 25px 15px;
    background: #0c2134;
    color: #fff;
    padding-bottom: 25px;
    border-radius: 10px;
}
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-content {
    font-size: 18px;
    text-align: center;
    position: relative;
    font-family: 'Lato', sans-serif;
}
#products .testimonials-list .single-testimonial .testimonial-holder .testimonial-content .testimonial-caret {
    position: absolute;
    bottom: -46px;
    font-size: 32px;
    color: white;
    left: 40px;
}
#products .testimonials-list .single-testimonial .testimonial-holder .testimonial-user {
    margin-top: 20px;
    clear: both;
    background-color: #82bd61;
    border-radius: 0px 0px 10px 10px;
    padding: 20px 40px;
    text-align: center;
}
#products .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-image {
    float: left;
    min-width: 50px;
}
#products .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-image img {
    height: 50px;
    border-radius: 100%;
    border: 2px solid white;
}
#products .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-name {
    float: left;
    font-weight: bold;
    color: white;
    margin-left: 15px;
    text-align: left;
    font-size: 18px;
}
#products .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-name a {
    color: #404040;
    font-size: 16px;
}
#products .testimonials-list .testimonial-left-handle {
    position: absolute;
    z-index: 100;
    top: 40%;
    left: -2%;
    cursor: pointer;
    color: #6bc176;
}
#products .testimonials-list .testimonial-left-handle:hover {
    color: #82BD61;
}
#products .testimonials-list .testimonial-right-handle {
    position: absolute;
    z-index: 100;
    top: 40%;
    right: -2%;
    cursor: pointer;
    color: #6bc176;
}
#products .testimonials-list .testimonial-right-handle:hover {
    color: #82BD61;
}
#products .testimonials-list .slick-dots {
    bottom: -40px;
    text-align:center;
}
#products .testimonials-list .slick-dots li {
    list-style-type: none;
    display: inline-block;
}
#products .testimonials-list .slick-dots li button {
    background-color:#000;
    //border-radius: 50%;
    color: #0c2134;
    height: 17px;
    width: 17px;
    border: 0;
    outline: none;
    margin: 0px 3px;
}
#products .testimonials-list .slick-dots li.slick-active button {
    background-color: white;
    color: white;
    border: 3px solid #fff;
}
.pimg
{
	max-width: 300px;
    height: 300px;
}
.testimonial-content h3 { font-weight:300; font-size: 20px;	font-family: 'Titillium Web', sans-serif; }
.testimonial-content h2 { font-weight:500; font-size: 25	px;	font-family: 'Titillium Web', sans-serif; }
.testimonial-content p { color: #fff; }


/*----------------------- media ------------------------*/
@media(max-width:1366px)
{
	.header-contact li { margin-left: 0px; font-size: 12px; }
	.carousel-caption { padding-top:0px; top: 30%; }
}
@media(max-width:1140px)
{
	.carousel-caption {
	padding-top: 0px;
	top: 28%;
	}
	.navbar { margin-bottom:0px!important; }
}
@media(max-width:1024px)
{
    .header-contact li { font-size: 12px;}
    .logo { width: 33px; }
    header { 
    left: 0;
    right: 0; }

}
@media (min-width: 768px) and (max-width: 1000px) {

.carousel-caption {
	padding-top: 0px;
	top: 20%;
	}
}
@media(max-width: 991px)
{
	#products .testimonials-list .testimonial-left-handle ,
	#products .testimonials-list .testimonial-right-handle { display: none!important; }
	.image-container, .image-details { height: auto; }
	.seems-serviceimg { width: 100%; }
	.bottom-margin { margin-bottom: 20px; }
    .logo { position: unset; }
    .ih-item.square { width: 100%; margin-bottom: 15px;}

}

@media(max-width:768px)
{

header
 {
    position: unset;

    }
.navbar-brand { padding:0px; height: auto; margin:0px; }
.logo { width: 33px; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent;}
.navbar-inverse .navbar-toggle { border-color:#fff!important; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #6bc176!important; }
.navbar-inverse { margin-bottom: 0px; }
.navbar-brand { padding: 0px!important; }
.carousel-caption { padding-top:0px; top: 25%; }
.image-container,.image-details { height: auto; }

.carousel-caption { padding-top: 0px; top: 12%; }
.carousel-caption h2 { font-size: 21px; }
.carousel-caption h1 { font-size: 28px; }
.carousel-caption h3 { font-size: 21px; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: transparent!important;}
.navbar-toggle { margin-top: 0px!important; }
@media(max-width:480px)
{

}