/* =================================================================== 
							GLOBAL STYLES
======================================================================*/
body,p,a{
	font-family: 'Open Sans', sans-serif;
    font-style:normal;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
	color: #7e92a2;
	font-weight:400;
    font-size: 14px;
    line-height: 24px;
}	

@font-face {
    font-family: 'cooperbold';
    src: url('../fonts/unicode.cooperb-webfont.woff2') format('woff2'),
         url('../fonts/unicode.cooperb-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
p {
	margin-bottom:30px;
	font-size: 16px;
}
p > a {
	text-decoration:underline;
}
.row {  margin-bottom: 30px; }	
.row:last-child {
    margin-bottom: 0;
}
.container {
    max-width: 1200px;
	width:100%;
}
.page-wrapper {
	background:#fff;
}
.page-wrapper.boxed {
	padding:50px;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	color: #202325;
    font-weight: 700;
    margin: 0 0 20px;
}
h4 {
	margin-bottom:28px;
}
h4,h5,h6 {
	font-weight:700;
}
a {
	transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
}
a:hover,a:focus {
	text-decoration:none;
	color: #288ac9;
}
a > h1:hover ,a > h2:hover ,a > h3:hover ,a > h4:hover ,a > h5:hover ,a > h6:hover,
a > h1:focus ,a > h2:focus ,a > h3:focus ,a > h4:focus ,a > h5:focus ,a > h6:focus  {
	text-decoration:underline;
}
.typo-white, .typo-white h1, .typo-white h2, .typo-white h3, .typo-white h4, .typo-white h5, .typo-white h6,.typo-white p,.typo-white i,.typo-white a,
.theme-bg .typo-white a:hover,.theme-bg a.typo-white:hover,.theme-bg .typo-white a:focus,.theme-bg a.typo-white:focus {
	color:#000;
}
.theme-bg .typo-white a,.theme-bg a.typo-white {
	color:#202325;
}
.typo-grey, .typo-grey h1, .typo-grey h2, .typo-grey h3, .typo-grey h4, .typo-grey h5, .typo-grey h6,.typo-grey p,.typo-grey i,.typo-grey a {
	color:#aeaeae;
}
.typo-black, .typo-black h1, .typo-black h2, .typo-black h3, .typo-black h4, .typo-black h5, .typo-black h6, .typo-black p {
	color:#333;
}
img {
	transition:0.3s all ease-in-out;	-webkit-transition:0.3s all ease-in-out;	-moz-transition:0.3s all ease-in-out;	-ms-transition:0.3s all ease-in-out;
	-o-transition:0.3s all ease-in-out;
}
.quote {
    font-size: 18px;
	line-height:30px;
	margin-bottom:23px;
    font-style: italic;
}
.form-control:focus {
	 box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}
.link-arrow {
	color:#202325;
	font-weight:700;
	text-transform:uppercase;
	font-size:12px;
}
.link-arrow:after {
	font-family:"Ionicons";
	content:"\f3d6";
	display:inline-block;
	padding-left:10px;
}
.list-inline {
    margin: 0 -10px;
}
.list-inline > li {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}	
.form-control {
	height:40px;
	border-radius:0;	-ms-border-radius:0;	-o-border-radius:0;	-moz-border-radius:0;	-webkit-border-radius:0;
	background:#fff;
	border-color:rgba(32,35,37,0.2);
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
}
/* ANIMATION */
.animated {
	visibility:hidden;
}
.visible {
	visibility:visible;
}
.overflow-hidden {
	overflow:hidden;
}
/* =================================================================== 
						NAVIGATION MENU
======================================================================*/
.nav-top .list-inline {
	float:left;
}
.navbar-default.navbar-transparent .navbar-nav > li .active{
	color: #0095f7 !important;
}
.nav-top .list-inline > li {
    line-height: 50px;
}
.navbar-default {
    background-color: #fff;
    border: none;
	border-bottom:1px solid #eee;
	border-radius:0;	-webkit-border-radius:0;	-moz-border-radius:0;	-ms-border-radius:0;	-o-border-radius:0;
	margin-bottom:0;
	z-index:9;
}
body.boxed .navbar-fixed-top ,body.bordered .navbar-fixed-top  {
	top:30px;
}
.navbar-brand {
    line-height: 111px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	height:auto;
    padding: 0 15px;
    vertical-align: middle;
	transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
}
.navbar-default .navbar-brand {
	color: #fff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
	color: #fff;
}
.is-sticky .navbar-brand {
    line-height: 65px;
}	
.navbar-brand > img {
    display: inline-block;
    margin-right: 10px;
}
.navbar-default .navbar-nav > li > a {
	color:inherit;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	display:inline-block;
	vertical-align:middle;
	font-weight:500;
	font-size:14px;
	transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
}
.navbar-default .navbar-nav > li > a.custom-toggle {
	font-size:28px;
}
.navbar-default .navbar-nav > li.full-search > a {
	font-size:24px;
}
.navbar-default .navbar-nav > li > a.ion-navicon.opened:before{content:"\f2d7"; font-size:24px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
}
.btn.btn-default.active, .btn.btn-default:active,
.btn.btn-default:hover,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
	background:transparent;
}
.pull-menu-inner span.dropdown-toggle,
.pull-menu-inner .dropdown-menu span.dropdown-toggle {
	cursor: pointer;
	font-size: 15px;
	height: 25px;
	display:inline-block;
	text-align: center;
	width: 25px;
	position:static;
}
.pull-menu-inner .dropdown-menu > li > a:focus, .pull-menu-inner  .dropdown-menu > li > a:hover, .pull-menu-inner .dropdown-menu > li:hover > a, .pull-menu-inner .dropdown-menu > li:hover > .dropdown-toggle {
	color:#ffffff;
}
.pull-menu-inner span.dropdown-toggle > i:before,
.pull-menu-inner .dropdown-menu span.dropdown-toggle > i:before {
	content:"\f489";
}
.pull-menu-inner .open > span.dropdown-toggle > i:before,
.pull-menu-inner .dropdown-menu .open > span.dropdown-toggle > i:before {
	content:"\f462";
	color:#fff;
}
span.dropdown-toggle {
	display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover,.navbar-default .navbar-nav > li:hover > a {
    background-color: transparent;
    color: #111;
}
/******************* DROPDOWN MENU *****************/
.dropdown-menu.dropdown-cart{
    min-width:250px;
}
.pull-menu-inner .dropdown-menu {
	background:transparent;
	box-shadow:none;	-webkit-box-shadow:none;	-moz-box-shadow:none;	-ms-box-shadow:none;	-o-box-shadow:none;
	position:static;
	padding-right:5px;
	float:none;
	display:none;
	opacity:1;
	visibility:visible;
	border:none;
}
.pull-menu-inner .dropdown-menu > li > a {
	display:inline-block;
	vertical-align:middle;
	padding: 8px 0;
}
.pull-menu-inner .dropdown-menu > li > a:focus, 
.pull-menu-inner .dropdown-menu > li > a:hover, 
.pull-menu-inner .dropdown-menu > li:hover > a {
	background:transparent;
}
.pull-menu-inner span.dropdown-toggle,
.pull-menu-inner .dropdown-menu span.dropdown-toggle {
	cursor: pointer;
	font-size: 15px;
	height: 25px;
	display:inline-block;
	text-align: center;
	width: 25px;
	position:static;
}
.pull-menu-inner span.dropdown-toggle > i:before,
.pull-menu-inner .dropdown-menu span.dropdown-toggle > i:before {
	content:"\f489";
}
.pull-menu-inner .open > span.dropdown-toggle > i:before,
.pull-menu-inner .dropdown-menu .open > span.dropdown-toggle > i:before {
	content:"\f462";
	color:#fff;
}
.pull-menu-inner .open > .dropdown-menu {
	display:block;
}
.pull-menu-inner .nav-contact {
	padding-top: 30px;
	position:relative;
}
.pull-menu-inner .nav-contact .list-inline {
	margin-bottom:20px;
}
.pull-menu-inner .dropdown-menu > li > a:focus, .pull-menu-inner  .dropdown-menu > li > a:hover, .pull-menu-inner .dropdown-menu > li:hover > a, .pull-menu-inner .dropdown-menu > li:hover > .dropdown-toggle {
	color:#ffffff;
}
.dropdown.isotope-filters {
    display: inline-block;
}
.text-right .dropdown.isotope-filters .dropdown-menu {
	right:0;
	left:auto;
}

/* STICKY WRAPPER */
#nav-sticker .sticky-logo,
.is-sticky .normal-logo  {
	display:none;
}
.is-sticky #nav-sticker .sticky-logo  {
	display: inline-block;
}
.is-sticky #nav-sticker {
	z-index:99;
	width:100%;
}
.is-sticky .navbar.navbar-default {
	background:#fff;
	box-shadow: 0 10px 30px -15px rgba(0, 0, 0, 0.1);
	border-bottom:none;
	position:relative;
	top:0!important;
}
/* NAVBAR TRANSPARENT */
.navbar-noborder {
	border:none!important;
}
.navbar-transparent {
   /* background: rgba(0, 0, 0, 0.4);*/
   background-color: #ffffff;
    border-bottom-color: rgba(0, 0, 0, 0.05);
	width:100%;
	position:absolute;
}
.navbar-transparent.typo-white {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.navbar-transparent.navbar-default.typo-white .navbar-collapse, .navbar-transparent.navbar-default.typo-white .navbar-form {
    border-color: rgba(255, 255, 255, 0.1);
}
.typo-white .navbar-toggle {
	color:#000;
}
.is-sticky .typo-white .navbar-toggle {
	color:#111;
}
.is-sticky .navbar-default.navbar-transparent.typo-white i,
.is-sticky .navbar-default.navbar-transparent .navbar-nav > li > a {
	color: #111;
}

.navbar-default .navbar-nav > li.full-search > a:after {
	content:none;
}
.navbar-default .navbar-nav > li.full-search > a:hover,.navbar-default .navbar-nav > li.full-search > a:focus {
	color:#909090;
}
/* =================================================================== 
							SECTION STYLES
======================================================================*/
section,.section,footer{
	padding:80px 0;
	position:relative;
	width:100%;
}
.section-sm {
	padding:65px 0;
}
.section-angled {	padding-bottom:160px; }
/* BG */
.black-bg {	background:#111; }
.grey-bg { background:#f4f4f4; }
.blue-bg{ background: #ffffff; }
.white-bg {	background:#fff; }
.border-bg {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
/* BGIMAGE */
.bg-cover {	background-size:cover; }
.bg-contain { background-size:contain; }
.bg-fixed { background-attachment:fixed; }
.bg-center-top {	background-position: center top;}
.bg-center-center {	background-position: center center;}
.bg-center-bottom {	background-position: center bottom;}
.bg-right-top {	background-position: right top;}
.bg-right-center {	background-position: right center;}
.bg-right-bottom {	background-position: right bottom;}
.bg-left-top {	background-position: left top;}
.bg-left-center {	background-position: left center;}
.bg-left-bottom {	background-position: left bottom;}
.overlay-container {
	position:relative;
}
/* OVERLAY */
.dark-overlay,.light-overlay,.theme-overlay {
	position:absolute;
	background:rgba(0,0,0,0.8);
	left:0;	right:0; top:0;	bottom:0;
	width:100%;	height:100%;
}
.light-overlay {
	background:rgba(255,255,255,0.7);
}
.parallax-bg {
	background-size:cover;
	background-repeat:no-repeat;
}
.section-title-big {
	margin-bottom: 50px;
}
.section-title-big h2{
	color: #288ac9;
	font-family: 'Open Sans', sans-serif;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 25px;
}
.section-title {
	margin-bottom:40px;
}
.sub-title {
	text-align: center;
}
.section-title h2 {
	line-height:40px;
	text-align: center;
	color: #288ac9;
	font-family: 'Open Sans', sans-serif;
	font-size: 36px;
	font-weight: 700;
}
.section-title p{
	color: #000000;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.section-title.typo-white h2 {
	color: #ffffff;
}
/******************** rev slider ***********************/
.tp-caption{
	font-family: 'Open Sans', sans-serif;
	
}
.n-caption{
	/*font-family: 'Chivo', sans-serif;*/
	font-family: 'cooperbold';
	font-weight: 700;
}

/***************** button ********************/
.tp-caption .rev_btn{
	background-color: #288ac9;
	color: #ffffff;
}
.btn{
	padding: 15px 30px 15px 30px;
	color: #fffff;
	border-radius: 25px;
}

/* =================================================================== 
							OWL CAROUSEL
======================================================================*/
.slider-section {
	position:relative;
	margin-bottom:-10px;
	z-index:9;
}
.owl-carousel .animated{
	visibility:visible;
}
.owl-carousel .item.dark-overlay:after,
.owl-carousel .item.light-overlay:after {
    background: rgba(0, 0, 0, 0.3);
}
.owl-carousel .item.light-overlay:after {
    background: rgba(255, 255, 255, 0.3);
}
.owl-carousel .owl-controls .owl-nav {
	margin:0;
}	
.owl-carousel .owl-controls .owl-nav div {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}
.testimonial-slider.owl-carousel .owl-controls .owl-nav div {
	top: 5px;
	transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	-webkit-transform:none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 0; 
  margin-right:7.5px;
}
.owl-carousel .owl-controls .owl-nav .owl-next {
  right: 0;
  margin-left:7.5px;
}
.owl-controls .owl-nav > div {
    height: 50px;
    line-height: 50px;
    width: 50px;
	color:#7e92a2;
	background: #e5e5e5;
	font-size:0;
	margin:0;
	text-align:center;
	border-radius:0;	-ms-border-radius:0;	-o-border-radius:0;	-moz-border-radius:0;	-webkit-border-radius:0;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.theme-bg .owl-controls .owl-nav > div {
	color:rgba(32, 35, 37,0.2);
	background:transparent;
	border:2px solid;
}
.slider-section .owl-controls .owl-nav > div {
	margin-top:35px;
}
.typo-white .owl-controls .owl-nav > div {
	background: rgba(255, 255, 255, 0.3);
}	
.owl-theme .owl-nav > div:hover {
    color: #fff;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:after,
.owl-carousel .owl-controls .owl-nav .owl-next:after {
	content:"PREV";
	position:absolute;
	font-size:14px;
	line-height:18px;
	letter-spacing:6.5px;
	padding:2px 0 2px 7px;
	word-wrap: break-word;
	font-weight:600;
	left:0;
	right:0;
}
.theme-bg .owl-carousel .owl-controls .owl-nav .owl-prev:after,
.theme-bg  .owl-carousel .owl-controls .owl-nav .owl-next:after {
	padding:1px 0 1px 6px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:after {
	content:"NEXT";
}
.owl-theme .owl-nav > div:hover {
	color:#202325;
}
/* SHOW NAV ON HOVER */
.owl-carousel.show-nav-hover .owl-controls .owl-nav .owl-prev,
.owl-carousel.show-nav-hover .owl-controls .owl-nav .owl-next {
	opacity:0;
}
.owl-carousel.show-nav-hover:hover .owl-controls .owl-nav .owl-prev,
.slider-section:hover .owl-carousel.show-nav-hover .owl-controls .owl-nav .owl-prev,
.owl-carousel.show-nav-hover:hover .owl-controls .owl-nav .owl-next,
.slider-section:hover .owl-carousel.show-nav-hover .owl-controls .owl-nav .owl-next {
	opacity:1;
}			
/* OWL DOTS (PAGINATION) */
.owl-carousel .owl-dots {
	margin-top:30px;
}
.owl-carousel.dots-inner .owl-dots {
	bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
	margin: 10px;
}
.owl-theme .owl-dots .owl-dot span {
	background:#000;
	position:relative;
	height: 8px;
	width:8px;
	margin:7px;
	border-radius:50%;	-ms-border-radius:50%;	-o-border-radius:50%;	-moz-border-radius:50%;	-webkit-border-radius:50%;
}
.typo-white .owl-theme .owl-dots .owl-dot span {
	background:#fff;
}		
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot.active:hover span {
	background-color: #288ac9;
}
.owl-theme .owl-dots .owl-dot:hover span {
	opacity:0.8;
}
.client-slider.owl-carousel .owl-item img {
	width:auto;
	opacity:0.3;
}
.client-slider.owl-carousel .owl-item img:hover {
	opacity:1;
}


/* =================================================================== 
							PROJECT GRID
======================================================================*/
/* PORTFOLIO SLIDER FILTER */
.filter-container {
	padding:30px 0;
	margin-bottom:70px;
    background: #011e9e;
}
.btn-filter-wrap {
	margin:0 -15px;
}
.btn-filter-wrap .btn-filter {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
	padding:0 15px;
}
.btn-filter-wrap .btn-filter.btn-active {
	text-decoration:underline;
}
.btn-filter-wrap .btn-filter.all-filter {
	opacity:0.3;
}
button.btn-link.btn-filter:focus {
    outline: none;
}
.btn-filter-wrap .btn-filter.all-filter.btn-active,.btn-filter-wrap .btn-filter.all-filter:hover {
	opacity:1;
}
.owl-carousel-filter.owl-carousel .item{
	transition: .8s;
	-webkit-transition: .8s;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
}
.owl-carousel-filter.owl-carousel .item.__loading{
	opacity: 0;
	transform: translateX(40px);
	-webkit-transform: translateX(40px);
}
.isotope-filters .nav-tabs {
    border: medium none;
	margin:0 -10px;
}
.isotope-filters .nav-tabs > li {
    display: inline-block;
    float: none;
	padding:0 10px;
}
.isotope-filters .nav-tabs > li > a {
	text-transform:uppercase;
	font-weight:600;
	padding:0;
	border:none;
}
.isotope-filters .nav-tabs > li > a:hover,.isotope-filters .nav-tabs > li > a:focus,.isotope-filters .nav-tabs > li > a.active {
	color:#F3E200;
	text-decoration:underline;
	background:transparent;
}
.isotope-filters .portfolio-count {
    background: #111;
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    right: 5px;
    text-align: center;
    top: -10px;
    width: 20px;
}
.isotope-filters .active .portfolio-count {
	color:#111;
}
.isotope-filters .portfolio-count:after {
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #111;
    bottom: -10px;
	left:0;
	right:0;
	margin:0 auto;
    content: "";
    height: 10px;
    position: absolute;
    width: 10px;
}
.black-bg .isotope-filters .portfolio-count:after {
	border-top: 5px solid #333
}
.black-bg .isotope-filters .portfolio-count {
	background:#333;
}
.black-bg .isotope-filters .nav-tabs > li > a::before {
    background: #fff;
}	
.dropdown.isotope-filters {
    display: inline-block;
}
.text-right .dropdown.isotope-filters .dropdown-menu {
	right:0;
	left:auto;
}
/* GRID 2 COLUMN */
.isotope-grid.column-2 .grid-sizer,
.isotope-grid.column-2 .grid-item { width: 50%; }
/* GRID 3 COLUMN */
.isotope-grid.column-3 .grid-sizer,
.isotope-grid.column-3 .grid-item { width: 33.3%; }
/* GRID 4 COLUMN */
.isotope-grid.column-4 .grid-sizer,
.isotope-grid.column-4 .grid-item { width: 25%; }
.isotope-grid {
	margin:0 -10px;
}
.isotope-grid .grid-item {
	padding:0 15px;
	margin-bottom:30px;
}
.isotope-grid.gutter-less {
	margin:0;
}
.isotope-grid.gutter-ten .grid-item {
    margin-bottom: 10px;
    padding: 0 5px;
}
.isotope-grid.gutter-less .grid-item {
	padding:0;
	margin:0;
}
/* GRID MODERN */
.grid-modern {
	overflow:hidden;
	position:relative;
}
.grid-modern:hover img {
	transform:scale(1.1);
}
.grid-modern img{
	margin: 0 auto;
}
.grid-modern .overlay-gradient {
	position:absolute;
	left:0;	right:0; top:0;
	height:100%;
	width:100%;
	background: linear-gradient(to top, rgba(0,0,0,0.2) 0%, transparent 90%);	
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, transparent 90%);	
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, transparent 90%);	
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, transparent 90%);	
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.2) 0 %, transparent 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
	z-index:1;
	transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
}
.grid-modern:hover .overlay-gradient {
	background: linear-gradient(to bottom,transparent 60%,#288ac9);	
	background: -webkit-linear-gradient(to bottom,transparent 60%,#288ac9);	
	background: -moz-linear-gradient(to bottom,transparent 60%,#288ac9);	
	background: -ms-linear-gradient(to bottom,transparent 60%,#288ac9);	
	background: -o-linear-gradient(to bottom,transparent 60%,#288ac9);
	transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;

}
.grid-modern .overlay-gradient-gray {
	position:absolute;
	left:0;	right:0; top:0;
	height:100%;
	width:100%;
	background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 30%);	
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 30%);	
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 30%);	
	background: -ms-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 30%);	
	background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0 %, transparent 30%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
	z-index:1;
	transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
}
.grid-modern .grid-details {
    bottom: 0;
    left: 0;
	padding:25px;
    position: absolute;
    right: 0;
    z-index: 1;
}
.grid-modern .grid-details h4 {
	line-height:27px;
	margin-bottom:0;
	color: #ffffff;
}	
.masonry-style .grid-modern .grid-details h4 {
	font-size:16px;
	line-height:22px;
}
.grid-modern .grid-details .grid-category {
	font-style:italic;
	color: #ffffff;
}
/* GRID NORMAL */
.grid-normal img {
	margin-bottom:20px;
}
.grid-normal .grid-details h4 {
	line-height:27px;
	margin-bottom:15px;
}
.floating-grid {
	margin-bottom:-250px!important;
	box-shadow: 0 50px 30px -30px rgba(0, 0, 0, 0.3);
}
/* =================================================================== 
							 BACKGROUND IMAGE STYLES
======================================================================*/
.bg-image {
	background-image:url(../images/testimonial/bg-img.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.bg-image .carousel-inner .item{
    padding: 40px;
    background-color: #ffffff ;
    color: #666666 ;
}
.bg-image .carousel-inner .item p{
    text-align: center;
}
.bg-image .carousel-inner .item .border-img{
    margin: 0 auto;
    border: 1px solid #288ac9 ;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 25px;
}
.bg-image .carousel-inner .item .line-lr{
    
    position: relative;
    display: block;
}
.bg-image .carousel-inner .item .line-lr img{
    margin: 0 auto;
}
.bg-image .carousel-inner .item .line-lr:after{
    content: "";
   position: absolute;
   height: 1px;
   width: 20%;
   background-color: #288ac9 ;
      right: 20%;
   margin: 0 auto;
  top: 50%;
}
.bg-image .carousel-inner .item .line-lr:before{
    content: "";
   position: absolute;
   height: 1px;
   width: 20%;
   background-color: #288ac9 ;
      left: 20%;
   margin: 0 auto;
  top: 50%;
}
.carousel-inner {
    position: relative;
    display: block;
}
#myCarousel .carousel-indicators{
    position: absolute;
    display: inline-block;
    bottom: 5%;
}
#myCarousel .carousel-indicators .active {
    background-color: #ffffff ;
    border-color: #288ac9 ;
}
#myCarousel .carousel-indicators li{
    background-color: #aaa;
    border-color: #aaa;
}
/* =================================================================== 
							LIST-BOX
======================================================================*/
.list-box{
	position:relative;
	text-align:center;
	background-color:#FFF;
	position:relative;
	color:grey;
	min-height:320px;
	border:2px solid #288ac9;
}
.left-top{
	position: absolute;
    border: 2px solid;
    width: 45px;
    height: 45px;
    left: -22px;
    top: -22px;
    border-radius: 50%;
    border-right-color: #288ac9;
    transform: rotate(45deg);
    background-color: #ffffff;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.right-top{
    position: absolute;
    border: 2px solid;
    width: 45px;
    height: 45px;
    right: -22px;
    top: -22px;
    border-radius: 50%;
    border-left-color: #288ac9;
    transform: rotate(-45deg);
    background-color: #ffffff;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.left-bottom{
    position: absolute;
    border: 2px solid;
    width: 45px;
    height: 45px;
    left: -22px;
    bottom: -22px;
    border-radius: 50%;
    border-right-color: #288ac9;
    transform: rotate(-45deg);
    background-color: #ffffff;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.right-bottom{
	   position: absolute;
    border: 2px solid;
    width: 45px;
    height: 45px;
    right: -22px;
    bottom: -22px;
    border-radius: 50%;
    border-left-color: #288ac9;
    transform: rotate(45deg);
    background-color: #ffffff;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.list-box .content-center {
	padding:20px;
}
.content-center > h5 {
	color:#ffc300;	
	padding-top:5px;
	margin-bottom:0;
}
.content-center > h4 {
	font-size:14px;
	margin-bottom:0;
	color:#288ac9;
	
}
.content-center > .fa {
	color:#ffc300;	
}
.content-center > p{
	margin-bottom:0;
	font-size:12px;
}
.content-center > img {
	margin:0 auto;
	border-radius:50%;
	border:3px solid #288ac9;
	max-width:80px;
	min-height:80px;
	}
/**********************************************************************************************************/
.grid-ul{
	list-style: none;
	padding:0;
}
.grid-ul li{
	position: relative;
	display: inline-block;
	width: 45%;
	padding: 15px;
	margin: 20px;
	box-shadow: 1px 1px 1px 2px #eee;
	min-height: 090px;
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;

}
.grid-ul li:hover{
	transform: scale(1.1,1.1);
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
	box-shadow: 1px 1px 1px 2px #288ac9;
}
.grid-ul li span{
	position: absolute;
    display: inline-block;
    top: 50%;
    padding-left: 10px;
    transform: translateY(-50%);
}
.grid-ul li img{
	float: left;
}
.product_button{
	color: #288ac9;
	text-align: right;
	padding-right: 20px;
	margin-bottom: 10px;
	font-weight: 400;
	font-size: 16px;
}
.product_button span{
	font-size: 20px;
}
/********* client ***********/
.client-ul{
	list-style: none;
	padding:0;
}
.client-ul li{
	display: inline-block;
	width: 24.5%;
	padding: 20px;
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;

}
.client-ul li:hover{
	box-shadow: 1px 1px 1px 2px #eee;
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
}
.client-ul li img{
	margin: 0 auto;
}
/************************* FOOTER ****************/
footer{
	background-color: #2d2d2d;
}
footer h2{
color: #288ac9;
}
footer address{
	font-size: 15px;
	color: #7e92a2;
	margin-left: 30px;
}
footer img{
	float: left;
}
footer ul{
	list-style: none;
	padding: 0;
}
footer ul li{
	margin-bottom: 15px;
	width: 50%;
	/*float: left;*/
}
.address address{
	font-size: 15px;
	color: #7e92a2;
	margin-left: 30px;
}
.address img{
	float: left;
}
.address ul{
	list-style: none;
	padding: 0;
}
.address ul li{
	margin-bottom: 20px;
}
.address-bold span{
	font-size: 18px;
	color: #288ac9;
	font-weight: 500;
}
.address-bold{
	letter-spacing: 1px;
}
address span{
	font-weight: 700;
	text-transform: uppercase;
}
.contact-ul li{
	width: 50%;
	float: left;
}

/************ FOOTER BOTTOM **********/
.footer-bottom{
	background-color: #252424;
	padding: 30px;
}
.footer-bottom p{
	margin-bottom: 0;
	font-size: 13px;
}
/********************* BANNER ***********/
.banner-type-1{
	background-image:url(../images/banner/banner1.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	height: 450px;
}
.banner-title{
	position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    top: 60%;
    transform: translateY(-50%);
    text-align: center;
}
.banner-title h2{
	    color: #fff;
    text-transform: uppercase;
    text-align: left;
    margin-left: 3%;
    font-size: 45px;
}
.breadcrumbs{
	position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0,0,0,0.4);
}
.breadcrumbs span:last-child{
	margin-left: 10px;
	color: #288ac9;
	text-transform: capitalize;
}
.breadcrumbs span{
	margin-right: 10px;
	margin-left: 10px;
}
/************ ul-grid ***********/
.ul-grid {
	list-style: none;
	padding: 0;
}
.ul-grid li{
	color: #288ac9;
}
.top-line{
	position: relative;
	display: block;
	height: 10px;
}
.top-line:before{
	content: "";
    position: absolute;
    display: inline-block;
    height: 1px;
    background-color: #288ac9;
    left: 30%;
    right: 30%;
    text-align: center; 
}
/*************************** right-title ********************************/
.right-title h2{
	color: #288ac9;
	display: inline;
	position: relative;
	font-size: 22px;
}
.right-title h2:after{
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	bottom: 0;
	background: #288ac9;
	height: 2px;
	width: 60%;
}
/********************* icon *******************************/
.ion-ios-arrow-right{
	color: #000 !important;
}
/**************************** product-grid ***********************/
.product-grid {
	position: relative;
	display: inline-block;
}
.product-grid-overlay{
	content: "";
    border: 3px solid #288ac9;
    position: absolute;
    display: block;
    left: 15px;
    right: -15px;
    bottom: 15px;
    top: -15px;
    background-color: rgba(45, 45, 45, 0.1)
}
.product-grid:hover .product-grid-overlay p{
	display: inline;
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
	 
}
.product-grid:hover .product-grid-overlay{
	background-color: rgba(40, 138, 201, 0.6);
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
}
.product-grid-overlay p{
	text-align: center;
	color: #000;
	font-size:20px;
	font-weight: 700;
	position: absolute;
	/*display: inline-block;*/
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	transition:0.5s all ease-in-out;
	-webkit-transition:0.5s all ease-in-out;
	-moz-transition:0.5s all ease-in-out;
	-ms-transition:0.5s all ease-in-out;
	-o-transition:0.5s all ease-in-out;
}
/************************************************* FORM *****************************************/
.whitebox{
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.form-title{
	color: #288ac9;
}
.whitebox.btn{
	background-color: #288ac9;
	color: #ffffff;
}
.whitebox-type-1{
	width: 48%;
	float: left;
    padding: 12px 20px;
    margin: 8px 5px 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/********************************* SPACING ***************************************************/
.padding-top-300{
	padding-top: 300px;
}
.padding-top-200{
	padding-top: 200px;
}
.margin-left-10{
	margin-left: 10px;
}
.margin-left-5{
	margin-left: 5px;
}
.margin-bottom-20{
	margin-bottom: 20px;
}
.padding-left-20{
	padding-left: 20px;
}
.margin-bottom-none{
	margin-bottom: 0;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.padding-none{
	padding:0;
}

/************ SHARE **************/
/** FLOAT ICON **/
#menu-share{background-color: rgba(0,0,0,0.5);display: inline-block;position: fixed; border: none;border-radius: 50%; cursor: pointer;outline: none; padding: 0; -webkit-user-drag: none; color: #fff; height: 46px; width: 46px;
z-index: 1000;  right: 22px;  text-align: center;  bottom: 88px;  padding-top: 3px;  line-height: 36px;
-webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -ms-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
  transition: all 1.2s ease-in-out;
}
.fa-facebook{
	color: #3b5899;
}
.fa-twitter{
	color: #1da1f3;
}
.fa-linkedin{
	color: #0177b5;
}
.fa-google-plus{
	color: #e0483a;
}
.fa-instagram{
	color: #992eb7;
	
	/*background: linear-gradient(to bottom, #5457cd 0%, #fb9f32 100%);
  	background-clip: text;
  	text-fill-color: transparent;*/
}
#float-submenu {  position: fixed;  right: 22px;  padding-bottom: 20px;  bottom: 120px;  z-index: 100;}
#float-submenu li{	list-style:none;	margin-bottom:5px;}
#float-submenu li a{  display: inline-block;  border: none;  border-radius: 50%;cursor: pointer;  outline: none;  padding: 0; color: #000;  text-align: center;  position: relative;  -webkit-user-drag: none;  height: 46px;  width: 46px; background:#fff}
#float-submenu:hover{	visibility:visible!important;	opacity:1!important;}
.my-float{	font-size:24px;	margin-top:18px;}
a#menu-share + ul{  visibility: hidden;}
a#menu-share:hover + ul {  visibility: visible;  animation: scale-in 0.5s;}
a#menu-share i{	animation: rotate-in 0.5s;}
a#menu-share i:focus {  text-decoration: none;}
a#menu-share:hover > i{	animation: rotate-out 0.5s;}
@keyframes bot-to-top {    0%   {bottom:-40px}    50%  {bottom:40px}}
@keyframes scale-in {    from {transform: scale(0);opacity: 0;}    to {transform: scale(1);opacity: 1;}}
@keyframes rotate-in {    from {transform: rotate(0deg);}    to {transform: rotate(360deg);}}
@keyframes rotate-out {    from {transform: rotate(360deg);}    to {transform: rotate(0deg);}}

#float-submenu i, #menu-share i {   line-height: 54px;   text-align: center;   font-size:25px;}
[data-button-label]:after { content: attr(data-button-label); opacity: 0;  background: rgba(0,0,0,.4); padding: 4px 10px;border-radius: 3px;color: hsla(0,0%,100%,.8);font-size: 14px;font-weight: 400;
pointer-events: none; line-height: normal; position: absolute; top: 50%;text-align: center; right: 68px;margin-top: -11px;  box-sizing: inherit; padding: 6px 9px; width: 94px;}
#float-submenu li:last-child [data-button-label]:after {  width: 132px;}
[data-button-label]:hover:after {  opacity: 1;}

/* =================================================================== 
						BACK TO TOP
======================================================================*/
#back2Top {
    width: 50px;
    line-height: 50px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
        background: rgba(0,0,0,0.5);
    color: #ffffff;
    text-align: center;
    font-size: 26px;
    text-decoration: none;
    -webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	    -ms-border-radius: 100%;
	     -o-border-radius: 100%;
    		border-radius: 100%;
}
/*#back2Top:hover {
     background-color: rgba(166, 96, 1, 0.60);
    color: #ffffff;
     box-shadow: 0 0 8px 0 #777;
}*/

/****************** download button **************/
.d_button{
	margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.d_button a{
	    padding: 10px 20px;
    color: #fff;
    background: #3e7cb8;
    margin-right: 20px;
}

/**************** gradient *******/
.blue-bg img{
	box-shadow: 1px 1px 6px 1px #d4d1d1;
	margin: 0 auto;
	width: 50%;
}
.blue-bg-1 img{
	width: 77%;
}
.blue-bg{
	text-align: center;
}
.blue-bg .venobox{
	color: #288ac9;
}
/************/
.product-content{
    text-align: left;
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    right: 0;
    transform: translatey(-50%);
}
.equal_height{
	min-height: 390px;
}
.product-content ul{
	padding: 0;
}
.product-content .ul-first li,
.product-content .ul-second li{
	display: inline-block;
}
.product-content h4{
	text-transform: uppercase;
	color: #288ac9;
	text-align: center;
}
.product-content:before{
	content: "";
	position: absolute;
	display: block;
	background-color: #288ac9;
	width: 40%;
	top: -15px;
	height: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.product-content:after{
	content: "";
	position: absolute;
	display: block;
	background-color: #288ac9;
	width: 40%;
	bottom: -15px;
	height: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
}