/*
Author       : Theme_ocean.
Template Name: Raleway - Bootstrap Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START TEAM CSS DESIGN
    07. START PROCESS DESIGN
    08. START WORK CSS DESIGN
    09. START TESTIMONIAL DESIGN
    10. START COMPANY PARTNER LOGO
    11. START PRICING DESIGN
    12. START CONTACT ADDRESS & CONTACT FORM DESIGN
    13. START NEWSLETTER DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
  width: 100%;
  height: 100%;
  font-family: 'Raleway', sans-serif;
  color: #636363;
  font-size: 15px;
  letter-spacing: 1px;
background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
  letter-spacing: 0px;
  color: #292929;
  margin: 0px;
}
a {
font-family: 'Raleway', sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
	font-weight:600px;
	text-transform: uppercase;
	font-family: "Montserrat",sans-serif;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
font-size: 36px;
margin-bottom: 20px;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
.section-title p{width:70%;margin:auto;position:relative;}
@media only screen and (max-width:480px) { 
.section-title p{width:90%;margin:auto;}
}
.section-title-white { margin-bottom: 60px }
.section-title-white  h2 {
margin-top: 0;
text-transform: uppercase;
position:relative;
color:#fff;
}
.section-title-white p{width:70%;margin:auto;position:relative;color:#fff;}
@media only screen and (max-width:480px) { 
.section-title-white p{width:90%;margin:auto;}
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/


/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-bottom: 1px solid rgba(255,255,255,0.1);
border-radius: 0;
margin-bottom: 0;
padding: 20px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
@media only screen and (max-width:480px) { 
.navbar-default {background: #fff;}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #2a80b9 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-default .navbar-form { border-color: #fff }
.navbar-brand { padding: 0px }
.navbar-brand img {
    width: 150px;
	transition: all 0.3s ease 0s;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #fff!important;
font-family: raleway,sans-serif;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
.menu-top li a:hover { color: #2a80b9!important }
@media only screen and (max-width:480px) { 
.menu-top li a {
color: #333!important;}
}
.navbar-default.menu-shrink {
background:rgba(0,0,0,0.7);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
margin-top: 0;
padding: 10px 0;
width: 100%;
}
.navbar-default.menu-shrink li a {color:#fff !important; }
.navbar-default.menu-shrink li a:hover { color: #2a80b9 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #2a80b9 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home-parallax {position: relative;height:750px;}
.home-parallax:before {
    background:rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.hero-text{padding-top:250px;}
.hero-text h2 {
color: #fff;
font-size: 58px;
font-weight: 200;
line-height: 66px;
margin: 0;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .hero-text h2 {
        font-size: 40px;
        line-height: 54px;
    }
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 34px;
        line-height: 45px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 36px;
        padding-top: 250px;
    }
}
.hero-text p {
color: #fff;
margin-bottom: 0;
padding-bottom: 35px;
padding-top: 15px;
width: 80%;
margin: auto;
}
@media only screen and (max-width:768px) { 
.hero-text p {width: 100%;}
}
.btn-light-bg {
  background: #2a80b9 none repeat scroll 0 0;
  border: 1px solid #2a80b9;
  color: #fff;
  padding: 10px 30px;
  transition: all 0.3s ease 0s;
}
.btn-light-bg:hover, .btn-light-bg:focus{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #333;
}

/*START HOME SLIDERSHOW */
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.2), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide-1 {
    background: url(../img/bg/slider1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slider2.jpg) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slider3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-indicators-slider{bottom: 30px !important;}
.btn-home-bg{}
.btn-home-bg {
background: #00d2c4 none repeat scroll 0 0;
border: 2px solid #00d2c4;
border-radius: 30px;
color: #fff;
font-size: 16px;
margin: 0 10px;
padding: 12px 30px;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background:#fff;
    color: #333;
    border: 2px solid #fff;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}
.carousel-control{
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0.8);
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
height: 105px;
line-height: 105px;
top: 46.6%;
width: 45px;
z-index: 1;
}
.carousel-control.left{
background: #000 none repeat scroll 0 0;
border-radius: 3px;
}
.carousel-control.right{
background: #000 none repeat scroll 0 0;
border-radius: 3px;
}
.carousel-control:hover{
background: #00d2c4;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h2 {
color: #fff;
font-size: 58px;
font-weight: 200;
line-height: 66px;
margin: 0;
text-transform: capitalize;
}

.single-slide-item p {
color: #fff;
margin-bottom: 0;
padding-bottom: 35px;
padding-top: 15px;
width: 80%;
margin: auto;
}
@media only screen and (max-width:768px) { 
.single-slide-item  p {width: 100%;}
}
/*END HOME SLIDERSHOW */

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-us{
padding-top:60px;
padding-bottom:30px;
}

.single_about{
border: 1px solid #eee;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
margin-bottom:30px;
}
.single_about i{
background: #2a80b9 none repeat scroll 0 0;
color: #fff;
font-size: 22px;
height: 45px;
line-height: 45px;
margin-bottom: 15px;
width: 45px;
}
.single_about h4{
font-weight: 500;
margin-bottom: 10px;
text-transform: capitalize;
}
.single_about p{}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 05. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area {
  background: #f7f7f7 none repeat scroll 0 0;
}
.single-project-complete{
border-right: 1px solid #ddd;
    
}
.brnone{
border-right: none;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
color: #232323;
font-size: 30px;
margin-bottom: 10px;
    
}
.single-project-complete h2 {
color: #232323;
font-size: 50px;
margin-bottom: 10px;
}
.single-project-complete h3 {
color: #232323;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
margin-top: 0;
text-transform: uppercase;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START TEAM CSS DESIGN
* ----------------------------------------------------------------------------------------
*/
.team-image {
    position: relative;
    margin-top: 30px;
}
.team-description {
    padding: 20px 30px;
    position: absolute;
    left: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    bottom: -90px;
    width: 100%;
    text-align: center;
    display: block;
}
.team-image img {
    width: 100%;
}
.single-team:hover .team-description,
.single-team:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.single-team:hover .team-description {
    bottom: 0px;
}
.team-description h4 {
color: #fff;
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
margin-top: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.team-description h3 {
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
}
.team-description p {
    color: #fff;
}
.single-team,
.team-description {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    overflow: hidden;
}
.team-social {}
.team-social ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.team-social ul li {
    display: inline-block;
    margin: 0px 5px;
}
.team-social ul li a {
    font-size: 14px;
    color: #fafafa;
}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;
	text-align: center;
	cursor: pointer;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}
.grid figure h2 span {
	font-weight: 800;
}
.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #000;
}

figure.effect-ruby img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}
.owl-theme .owl-controls {
  display: block!important;
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    border-radius: 20px;
    background: #2a80b9;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END TEAM CSS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START PROCESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_process {position: relative;
padding: 150px 0;}
.our_process:before {
    background:rgba(255, 255, 255, 0.85);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.flexslider {
border: medium none;
margin: 0;
padding: 0 20px;
background: none;
}
.flexslider .testi-slider-item {
    padding:0px 60px;
    text-align: center;
}

.flexslider .testi-slider-item h4 {
font-size: 22px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 40px;
margin-top: 0;
text-transform: uppercase;
}
.flexslider .testi-slider-item p {
margin-bottom: 0;
line-height: 28px;
}
.flex-direction-nav a {
background: #fff none repeat scroll 0 0;
border-radius: 2px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
color: #333;
cursor: pointer;
display: block;
height: 45px;
line-height: 29px;
margin: -20px 0 0;
opacity: 0;
overflow: hidden;
padding: 10px;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: none !important;
top: 60%;
transition: all 0.3s ease 0s;
width: 45px;
z-index: 10;
}
.flex-direction-nav a:hover {background: #2a80b9 none repeat scroll 0 0;color:#fff; }
.flex-direction-nav a i {
    display: inline-block;
    font-size: 20px;
}
.flex-direction-nav a:before { display: none }
.flex-direction-nav a.flex-next:before { display: none }
.flex-control-nav {
  display: none;
}
/* START SKILL DESIGN */
.skills_weight {
text-align: left;
}

.skills_weight .skills_map {
list-style: none;
}

.skills_weight li {
position: relative;
margin-bottom: 20px;
background: #f9f9f9;
height: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px
}

.bar-expand {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding-right: 24px;
background: #2a80b9;
display: inline-block;
height: 20px;
-moz-border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px
}

.skills_weight li em {
color: #fff;
letter-spacing: 1px;
padding: 0 12px;
position: relative;
text-transform: uppercase;
}
.html {
width: 90%;
-moz-animation: linux 2s ease;
-webkit-animation: linux 2s ease
}

.wordpress {
width: 70%;
-moz-animation: degital 2s ease;
-webkit-animation: degital 2s ease;
}

.degital {
width: 65%;
-moz-animation: bash 2s ease;
-webkit-animation: bash 2s ease;
}

.branding {
width: 80%;
-moz-animation: aws 2s ease;
-webkit-animation: aws 2s ease;
}
/* END SKILL DESIGN */
/*
* ----------------------------------------------------------------------------------------
* 07.END PROCESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START WORK CSS DESIGN
* ----------------------------------------------------------------------------------------
*/
.work-inner .mix {
    display: none;
}

ul.work {
    padding: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 30px;
}

ul.work li {
    display: inline-block;
    padding-bottom: 4px;
    margin: 0 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #938d8d;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-bottom: 2px solid transparent;
}

ul.work li:hover {
    color: #000;
    -webkit-transition: .3s;
    transition: .3s;
}

ul.work li.active {
    color: #000;
}

.work .item {
    padding: 0;
    margin: 0;
}

.work .col-md-4 {
    padding: 0;
    margin: 0;
}

.work figure.effect-ruby img {
    height: auto;
    width: 100%;
}

.work .grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 320px;
    max-width: 480px;
    max-height: 360px;
    width: 100%;
    height: auto;
    text-align: center;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.work .grid figure:hover {
    background:#fff;
	
}

.work figure.effect-ruby h2 {
    margin-top: 20%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
    color: #2a80b9;
}

.work figure.effect-ruby p {
    font-size: 16px;
    text-transform: capitalize;
    border: none;
    padding: 0;
    margin: 5px 0px;
    color: #000;
}

.work figure.effect-ruby p strong {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 5px;
}

.work .item:hover figure.effect-ruby h2 {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .3s;
    transition: .3s;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END WORK CSS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_client{padding:100px 0;}
.testimonial-text{
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 10px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 30px;
}
.testimonial-text i{color: #2a80b9;
font-size: 30px;
margin-bottom: 10px;}
.testimonial-text p{margin-bottom: 10px;}
.testimonial-text h4{}
.testimonial-text h4 span{
font-size: 13px;
font-weight: 500;
}
.carousel-indicators li {
    border: 1px solid #fff;
    border-radius: 12px;
    height: 8px;
    margin: 0 1px;
    width: 8px;
    background: #fff;
}
.carousel-indicators .active {
  background-color: #2a80b9;
  border: 1px solid #2a80b9;
  height: 8px;
  margin: 0 1px;
  width: 8px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -30px }

/*
* ----------------------------------------------------------------------------------------
* 09.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
background: #2a80b9 none repeat scroll 0 0;
padding-bottom: 30px;
padding-top: 60px;
}
.partner { text-align: center }
/*
* ----------------------------------------------------------------------------------------
* 10.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_pricing{background:#f7f7f7;}
.single-pricing{
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding-top: 20px;
transition: all 0.3s ease 0s;
}
.single-pricing-bg{
background: #2a80b9 none repeat scroll 0 0;
}
.single-pricing:hover{
box-shadow:0px 50px 50px rgba(0,0,0,0.1);
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom: 30px;}
}
.pricing-price{
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
margin:0px auto 15px;
padding: 15px;
text-align: center;
width: 200px;
}
.pricing-price-bg{
background: #2a80b9 none repeat scroll 0 0;
}
.pricing-price-bg h4 {
color:#fff;
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price-bg p {
  color: #fff!important;
  font-size: 22px;
}
.pricing-price h4 {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
}
.pricing-price p {
  color: #333;
  font-size: 22px;
}

.pricing-price p span{font-size: 16px;}

.pricing-features{padding: 10px 0;}
.pricing-features p{
border-bottom: 1px solid rgba(42, 42, 42, 0.03);
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing-features-white p{
border-bottom: 1px solid rgba(42, 42, 42, 0.08);
color:#fff;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing_btn{
padding: 30px 0;
text-align: center;
}
.btn-pricing-bg {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #eee;
  border-radius: 30px;
  color: #333;
  padding: 10px 30px;
  transition: all 0.3s ease 0s;
}
.btn-pricing-bg:hover, .btn-pricing-bg :focus{background:#2a80b9;border: 2px solid #2a80b9;color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 11.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 12.START CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
.contact {margin-bottom:40px;}
}
.input_padding {
    overflow: hidden;
    padding: 0 40px 56px;
}
.form-control {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 4px;
box-shadow: none;
color: #333;
height: 45px;
} 
.form-control:focus {
    border: 1px solid #2a80b9;
    box-shadow: none;
    outline: 0 none;
}
.mb0 { margin-bottom: 0 }
/*START CONTACT ADDRESS*/
.contact_address {
margin-left: 30px;
overflow: hidden;
}
@media only screen and (max-width:768px) { 
.contact_address {height:auto;}
}
.single-address {
margin-bottom: 40px;
}
.single-address i {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
float: left;
font-size: 22px;
height: 60px;
line-height: 60px;
margin-right: 20px;
text-align: center;
width: 60px;
}
.single-address h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
overflow: hidden;
text-transform: uppercase;
}
.single-address p {
    margin-bottom: 0;
}
/*END CONTACT ADDRESS*/
/*
 * ----------------------------------------------------------------------------------------
 * 12.END CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
#map{height:400px;}

/*
* ----------------------------------------------------------------------------------------
* 13.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
  background: #2a80b9 none repeat scroll 0 0;
}
.signup_form h3 {
color:#fff;
font-size: 36px;
font-weight: 400;
margin-bottom: 30px;
margin-top: 0;
text-transform: capitalize;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 100px;
box-shadow: none;
color: #333;
height: 50px;
margin-bottom: 30px;
}
.signup_form input:focus{
box-shadow: none;
border:2px solid #2a80b9;
border-radius:100px;
}
.btn-light-bg-three {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  padding: 10px 30px;
  transition: all 0.3s ease 0s;
}
.btn-light-bg-three:hover, .btn-light-bg-three :focus{background:#fff;border: 2px solid #fff;color:#333;}
/*
* ----------------------------------------------------------------------------------------
* 13.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
border-top:1px solid #eee;
    padding:30px 0;
}
.footer_copyright {
color: #252525;
padding-bottom: 15px;
text-transform: capitalize;
}
.footer_copyright a{color:#000;}
.footer_copyright a:hover{color:#2a80b9;}
.footer_social {}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
color: #333;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:360px) { 
.footer_social ul li a {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    border: 1px solid #5D82D1;
	box-shadow: 0 0 0 0px #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover{
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/