/*
Author       : Theme_Ocean.
Template Name: Lucia - Law Firm HTML 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 PROMOTION SERVICE DESIGN
    06. START EVALUATION DESIGN
    07. START TEAM DESIGN
    08. START COUNTER DESIGN
    09. START TESTIMONIAL DESIGN
    10. START BLOG DESIGN
    11. START COMPANY PARTNER LOGO
    12. START CONTACT DESIGN
    13. START FOOTER TOP DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #212529;
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
background:#fff;	
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: 'Taviraj', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: 'Taviraj', 'Helvetica Neue', Helvetica, Arial, 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;
}

::-webkit-input-placeholder {
  font-weight: 300;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

:-moz-placeholder {
  font-weight: 300;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
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: 99999;
}

.status-mes {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
    border-right: 5px solid rgba(0, 0, 0, 0.08);
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid #2200aa;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.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: 54px;
font-weight: 900;
margin-top: 0;
position: relative;
text-transform: uppercase;
}
.section-title h5{
color: #777;
font-size: 18px;
font-weight: 500;
}
.section-title span {
background: #2200aa none repeat scroll 0 0;
display: block;
height: 6px;
margin: 20px auto 0;
overflow: hidden;
position: relative;
width: 80px;
}
.section-title-white{color:#fff;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2200aa 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
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
border-color: currentcolor currentcolor rgba(174, 174, 174, 0.3);
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: medium medium 1px;
margin-bottom: 0;
padding: 20px;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #2200aa !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-brand { padding: 0px }
.navbar-brand img {
    width: 150px;
    margin-left: 10px;
	transition: all 0.3s ease 0s;
}
.navbar-default.menu-shrink .navbar-brand img {
    width: 150px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
}
.menu-top li a:hover { color: #2200aa!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}

/*START DROPDOWN MENU*/
.menu_dropdown  ul { list-style-type: none }
.menu_dropdown  li ul.sub-menu,
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    background: #fff;
    left: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 15px;
    position: absolute;
    top: 115%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -99;
}
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.menu_dropdown  ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}
.menu_dropdown  ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}
.menu_dropdown  ul.nav > li ul li:hover ul.sub-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.menu_dropdown  ul li ul.sub-menu li a {
border-bottom: 1px solid #eee;
color: #333 !important;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 700;
padding: 13px 10px 12px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: open sans,sans-serif;
}
.menu_dropdown  ul li ul.sub-menu li:last-child a{border-bottom:none;}
.menu_dropdown  ul li:hover ul.sub-menu li a:hover {
    color: #2200aa!important;
    text-decoration: none;
}
/*END DROPDOWN MENU*/
.navbar-default.menu-shrink li a {color: #333 !important; }
.navbar-default.menu-shrink li a:hover { color: #2200aa !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: #2200aa }
/*
* ----------------------------------------------------------------------------------------
* 04.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home_overlay {
    /*background: rgba(0,0,0,0.4) none repeat scroll 0 0;*/
    height: 100%;
}
.hero{height:700px;}
.hero-text h2 {
color: #fff;
font-size: 30px;
font-weight: 300;
letter-spacing: 1px;
padding-top: 250px;
text-transform: uppercase;
}
.hero-text h1 {
    color: #fff;
    font-size: 52px;
    line-height: 52px;
    text-transform: uppercase;
	font-weight: 300;
}
@media only screen and (max-width:768px) { 
    .hero-text h1 {
        font-size: 40px;
        line-height: 54px;
    }
}
@media only screen and (max-width:480px) { 
    .hero-text h1 {
        font-size: 34px;
        line-height: 45px;
    }
    .hero-text h2 { padding-top: 150px }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 36px;
    }
    .hero-text h2 { padding-top: 100px }
}
@media only screen and (max-width:320px) { 
    .hero-text h2 {
        font-size: 20px;
        line-height: 36px;
    }
    .hero-text h2 { padding-top: 100px }
}
.hero-text p {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.hero-text p{letter-spacing: 0px;}
}
.btn-home-bg {
    background: #2200aa none repeat scroll 0 0;
    border: 1px solid #2200aa;
    border-radius: 0;
    color: #fff;
    font-family: "Montserrat",sans-serif;
    margin-right: 10px;
    padding: 10px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #222;
}
@media only screen and (max-width:320px) { 
    .btn-home-bg { margin-bottom: 20px }
}

.flexslider .slides > li:first-child {
	display: block; 
}
.flexslider.loading .slides > li:first-child {
	opacity: 1 !important;
} 
.flexslider{
	position: relative;	
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	background: none;
}
#home-slider .slides li{
	height: 700px;
	background-size: cover!important;
	 position: relative;
}
#home-slider .slides li:after {
    position: absolute;
    background:rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px; 
 }

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0; 
 }

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: none; 
 }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF; 
}
#home-slider.flexslider.loading {
  position: relative; 
}
#home-slider.flexslider.loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 40%;
    margin: 0 0 0 -15px;
    border: 4px solid #3cd2ad;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.slider-info{
	position:absolute;
	top:32%; 	
	width: 100%;
	text-align: center;
	padding: 0 2%;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
video { min-width: 100% }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us{padding-top:60px;}
.what_we_do h3 {
border-bottom: 1px solid #e8e8e9;
font-weight: 500;
margin-bottom: 20px;
margin-top: 0;
padding: 0 0 10px;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .what_we_do h3 { font-size: 18px }
}
@media only screen and (max-width:480px) { 
    .what_we_do { margin: 20px 0 }
}
.what_we_do p { margin-bottom: 20px }
/* START SKILL DESIGN */
.progress-bar-text {
color: #161616;
font-family: montserrat,sans-serif;
font-size: 12px;
margin-bottom: 10px;
text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 4px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #2200aa none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */																													
.about-slide iframe {
  width: 100%;
  height: 300px;
  border: none;
}
@media only screen and (max-width:480px) { 
.about-slide iframe {height: 280px;}
}
@media only screen and (max-width:360px) { 
.about-slide iframe {height: 240px;}
}
@media only screen and (max-width:480px) { 
.about-slide iframe {height: 200px;}
}
.team-law{padding-top:60px;}
.btn-light-bg{
background: #2200aa none repeat scroll 0 0;
border: 1px solid #2200aa;
border-radius: 0;
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
outline: medium none !important;
padding: 12px 25px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-light-bg:hover, .btn-light-bg:focus{
background: #fff none repeat scroll 0 0;
color:#2200aa;
border: 1px solid #eee;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion_contact{
background: #2200aa none repeat scroll 0 0;
padding: 60px 0;
}
.single_promo_contact h1{color: #fff;
font-weight: 600;}
.single_promo_contact h4{color:#fff;margin-bottom:0;}

/*
* ----------------------------------------------------------------------------------------
 *05.START PROMOTION SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion_service{padding-top:60px;padding-bottom:30px;background:#f7f7f7;}
.single_service {
background: #fff none repeat scroll 0 0;
border-radius: 6px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 30px;
transition: all 0.3s ease 0s;
}
.single_service:hover{box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);}
.single_service_inner{
border: 1px dashed #2200aa;
padding: 30px;
position: relative;
z-index: 999;
transition: all 0.4s ease 0s;
}
.single_service i{
color: #2200aa;
font-size: 40px;
margin-bottom: 15px;
position: relative;
z-index: 999;
}
.single_service h4{
font-size: 16px;
font-weight: 700;
margin-bottom: 15px;
margin-top: 0;
position: relative;
text-transform: uppercase;
z-index: 999;
}
.single_service p{
margin-bottom: 0;
position: relative;
z-index: 999;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END PROMOTION SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START EVALUATION DESIGN
* ----------------------------------------------------------------------------------------
*/
.evaluation_area { position: relative }
.evaluation_area:before {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.login_register_title{
color: #fff;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.register{
background:#2200aa;
overflow: hidden;
padding: 60px;
}

.register input {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 5px;
box-shadow: none;
color: #333;
font-family: raleway,sans-serif;
font-weight: 600;
height: 45px;
transition: all 0.3s ease 0s;
}
.register input:focus {
    border: 1px solid #2200aa;
    box-shadow: none;
    outline: 0 none;
}
.register textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: none;
	font-family: raleway,sans-serif;
	font-weight: 600;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.register textarea:focus {
    border: 1px solid #2200aa;
    box-shadow: none;
    outline: 0 none;
}
.mb0 {
  margin-bottom: 0;
}
.btn-register-bg{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
outline: medium none !important;
padding: 12px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-register-bg:hover, .btn-register-bg:focus{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color:#2200aa;
}

/*
* ----------------------------------------------------------------------------------------
* 06.END EVALUATION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.tema-member {
  border: 1px solid #eee;
}
@media only screen and (max-width:768px) { 
    .tema-member { margin-bottom: 20px }
}
.tema-member .team-thumbnail {
    position: relative;
}
@media only screen and (max-width:768px) { 
.team-thumbnail img{width:100%;}
}
.tema-member .team-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    bottom: -1px;
    height: 100%;
    background-color: #fff;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.info {padding: 30px 10px 10px 10px; }
.tema-member .team-thumbnail .social-media {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -moz-webkit-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tema-member .team-thumbnail .social-media a { display: inline-block }
.tema-member .team-thumbnail .social-media a i {
    font-size: 20px;
    color: #fff;
    width: 48px;
    margin: -2px;
    line-height: 48px;
    height: 48px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.tema-member .team-thumbnail .social-media a i:hover { color: #fff }
.tema-member .team-thumbnail .social-media a.facebook i { background: #507CBE }
.tema-member .team-thumbnail .social-media a.twitter i { background: #63CDF1 }
.tema-member .team-thumbnail .social-media a.google i { background: #F16261 }
.tema-member .team-thumbnail .social-media a.linkedin i { background: #0077B5 }
.tema-member .info h4 {
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.tema-member .info h5 {
    color: #333;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.tema-member .info p {
    color: #333;
    margin-bottom: 0;
    line-height: 24px;
}
.tema-member:hover .social-media {
    -webkit-transform: translateY(-90%);
    -moz-webkit-transform: translateY(-90%);
    -webkit-transform: translateY(-90%);
    -ms-transform: translateY(-90%);
    transform: translateY(-90%);
}
.tema-member:hover .overlay {
    opacity: 0.9;
    filter: alpha(opacity=100);
}
/*
* ----------------------------------------------------------------------------------------
* 07.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
    background: #f7f7f7 none repeat scroll 0 0;
    padding: 60px 0;
}
.counter {
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e8e9;
margin-right: -1px;
padding: 60px 30px;
text-align: center;
transition: all 0.3s ease 0s;
}
.counter:hover{
box-shadow:0px 50px 50px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:768px) { 
    .counter {
        margin-bottom: 40px;
        overflow: hidden;
    }
}
.counter h2 {
color: #2200aa;
font-size: 60px;
font-weight: 700;
margin-top: 0;
}
.counter h5 {
color: #282c3d;
font-weight: 700;
letter-spacing: 0.6px;
margin-bottom: 0;
text-transform: uppercase;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial-text i{
color: #ddd;
font-size: 60px;
margin-bottom: 20px;
}

.testimonial-text p {
    font-size: 16px;
	margin-bottom: 20px;
}
.testimonial-text img{border-radius: 500px;
margin: auto;
width: 100px;margin-bottom: 20px;}
.testimonial-text h4 {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.6px;
margin-bottom: 15px;
text-transform: uppercase;
} 
.carousel-indicators li {
    border: 1px solid #2200aa;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 5px;
    background: #2200aa;
}
.carousel-indicators .active {
  background-color: #2200aa;
  height: 18px;
  margin: 0 1px ;
  width: 5px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 40px }
#team__carousel .carousel-indicators { bottom: -60px }
.carousel-control { display: none }

/*
* ----------------------------------------------------------------------------------------
* 09.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 10.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.fresh-news{}
.single_blog {
  border-radius: 6px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media only screen and (max-width:768px) { 
    .single_blog { margin-bottom: 30px }
}
.single_blog img{width: 360px;}
@media only screen and (max-width:768px) { 
.single_blog img{width:100%;}
}
.event-photo {
    position: absolute;
    top: 0;
}
.single_blog_text {
background: #fff none repeat scroll 0 0;
margin: 52% auto auto;
padding: 30px 10px;
position: relative;
text-align: center;
width: 90%;
z-index: 1;
}
.single_blog_text i { color: #eb2e4a }
.single_blog_text span {
color: #333;
display: block;
font-weight: 500;
margin-bottom: 10px;
text-transform: capitalize;
}

.single_blog_text h4 a{
color: #333;
margin: 10px 0;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
.single_blog_text p {margin-bottom:10px; }
/*
* ----------------------------------------------------------------------------------------
* 10.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background: #f9f9f9 none repeat scroll 0 0; }
.partner { text-align: center }
.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area { position: relative }
.contact_area:before {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.contact {
background:#2200aa;
margin: 20px 0;
padding: 80px 60px;
}
.contact input {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: none;
color: #333;
height: 45px;
padding: 10px;
}
.contact textarea {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: none;
    padding: 10px;
    color: #333;
    height: 200px;
}
.contact input:hover,
.contact input:focus {
    border: 1px solid #42c0d9 ;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
    border: 1px solid #42c0d9 ;
    box-shadow: none;
    outline: 0 none;
}
.success {
    background: #fff none repeat scroll 0 0;
    color: #42c0d9;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}
.contact_address h3 {
    margin: 0 0 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.contact_address p {
    margin-bottom: 30px;
}
.contact_address ul { list-style: none }
.contact_address ul li {
    font-size: 16px;
    margin-bottom: 10px;
}
.contact_address ul li i {
    color: #fff;
    background: #011430 none repeat scroll 0 0;
    border-radius: 30px;
    font-size: 18px;
    height: 45px;
    line-height: 45px;
    margin-right: 20px;
    text-align: center;
    width: 45px;
}
.btn-contact-bg {
background: #333  none repeat scroll 0 0 !important;
border: 1px solid #333  !important;
color: #fff !important;
font-family: montserrat,sans-serif;
font-size: 14px;
padding: 10px 30px !important;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    border: 1px solid #333!important;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
#map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 13.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-top{background: #777777;}
.footer-padding{padding:60px 0;}
.single_footer img {
  margin-bottom: 10px;
  width: 250px;
}
.single_footer{}
.single_footer h4{
color: #fff;
margin: 0 0 25px;
text-transform: uppercase;
font-weight: 600;
}
.left-link{float:left;margin-right:40px;}
/*START FOOTER CONTACT*/
.footer_contact ul li {
    color: #777;
    overflow: hidden;
    margin-bottom: 15px;
}
.footer_contact ul li span {
color: #747474;
display: block;
font-size: 15px;
padding-top: 8px;
font-weight: 400;
}
.footer_contact ul li  i {
color: #fff;
float: left;
font-size: 16px;
line-height: 40px;
margin-right: 15px;
text-align: center;
}
.single_footer p {
  color: #747474;
}
/*END FOOTER CONTACT*/
.single_footer ul{}
.single_footer ul li{}
.single_footer ul li a{
color: #747474;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.single_footer ul li a:hover{color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 13.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #1a1a1a none repeat scroll 0 0;
padding: 20px 0;
border-top: 1px solid #262626;
}
.footer_social {}
@media only screen and (max-width:480px) { 
.pull-right {float: none !important;}
}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width:480px) { 
.footer_social ul{text-align:center;}
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
.footer_social ul li a:hover { background:#fff;color: #2200aa }
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_youtube{background:#D32322;}
.f_skype{background:#1a90d9;}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#aaa;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 
.copyright p {text-align:center;}
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.contact_address ul li a:hover {
    color: #011430;
}

.contact_address p a:hover {
    color: #011430;
}

.footer-top p,
.footer-top li a,
.footer-top li a:hover{
    color: #fff;
}