/*
Author       : Themes_oceans
Template Name: Pongopal - Law Firm / Agency 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: #444;
font-family: 'Quicksand', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
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: 'Quicksand', sans-serif;}

:-moz-placeholder {
  font-weight: 300;
  font-family: 'Quicksand', sans-serif;}

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Quicksand', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Quicksand', 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: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid rgba(0, 0, 0, 0.08);
    border-right: 8px solid rgba(0, 0, 0, 0.08);
    border-bottom: 8px solid rgba(0, 0, 0, 0.08);
    border-left: 8px solid #7564e5;
    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: 36px;
	font-weight: 600;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}

.section-title span {
	background: #7564e5 none repeat scroll 0 0;
	display: block;
	height: 3px;
	margin: 15px auto 0;
	overflow: hidden;
	position: relative;
	width: 60px;
}
.section-title-white{color:#fff;}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #7564e5 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: #f54291;
    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(0, 0, 0, 0) 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: #fff !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: #7564e5; }
.menu-top li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.menu-top li a:hover { color: #7564e5!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: #7564e5 }
    .navbar-default .navbar-nav > li > a { color: #fff  !important }
}
.navbar-default.menu-shrink {
	background: #7564e5;
	padding: 10px 0;
	width: 100%;
	margin-top: 0px;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,.11);
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color: #fff !important; }
.navbar-default.menu-shrink li a:hover { color: #f54291 !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: #7564e5 }
/*
* ----------------------------------------------------------------------------------------
* 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;
	letter-spacing: 1px;
	padding-top: 250px;
	text-transform: capitalize;
}
.hero-text h1 {
	color: #fff;
	font-size: 52px;
	line-height: 52px;
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 25px;
}
@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;
    margin-bottom: 0;
    padding-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.hero-text p{letter-spacing: 0px;}
}
.btn-home-bg {
	background: #7564e5 none repeat scroll 0 0;
	border: 1px solid #7564e5;
	border-radius: 30px;
	color: #fff;
	padding: 12px 40px;
	text-transform: capitalize;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	font-weight: 600;
	font-size: 16px;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #f54291;
    border: 1px solid #f54291;
    color: #fff;
}
@media only screen and (max-width:320px) { 
    .btn-home-bg { margin-bottom: 20px }
}

/*START HOME VIDEO DESIGN*/
.home_video{height: 700px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
left: 0;
position: absolute;
text-align: center;
top: 38%;
transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video { min-width: 100% }
@media only screen and (max-width:768px) { 
video { min-width: 100%;height:100%; }
}
/*END HOME VIDEO DESIGN*/

/*START HOME SLIDER DESIGN*/
.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.5);
    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); } }

/*END HOME SLIDER DESIGN*/

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_us{padding-top:60px;}

.about-slide video{}
.what_we_do h3 {
border-bottom: 1px solid #e8e8e9;
font-weight: 600;
margin-bottom: 20px;
margin-top: 0;
padding: 0 0 10px;
text-transform: capitalize;
}
@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 {
	font-size: 15px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 500;
}
.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: #7564e5 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: #7564e5 none repeat scroll 0 0;
	border: 1px solid #7564e5;
	border-radius: 30px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	outline: medium none !important;
	padding: 12px 40px;
	text-transform: capitalize;
	transition: all 0.2s ease 0s;
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.06);
}
.btn-light-bg:hover, .btn-light-bg:focus{
background: #f54291 none repeat scroll 0 0;
color:#fff;
border: 1px solid #f54291;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotion_contact{
background: #7564e5 none repeat scroll 0 0;
padding: 60px 0;
transition: all 0.4s ease 0s;
}
.promotion_contact:hover{background: #f54291;}
.single_promo_contact h1{color: #fff;
font-weight: 600;margin-bottom: 15px;}
.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{
background: #7564e5 none repeat scroll 0 0;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
}
.single_service_inner{
border: 1px dashed #7564e5;
padding: 30px;
position: relative;
z-index: 999;
transition: all 0.4s ease 0s;
}
.single_service i{
color: #7564e5;
font-size: 40px;
margin-bottom: 15px;
position: relative;
z-index: 999;
}
.single_service h4{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
	z-index: 999;
	transition: all 0.3s ease 0s;
}
.single_service p{
margin-bottom: 0;
position: relative;
z-index: 999;
}
.single_service:hover .single_service_inner{border: 1px dashed #fff;}
.single_service:hover i{color: #fff;}
.single_service:hover h4{color:#fff;}
.single_service:hover p{color:#fff;}

/*
* ----------------------------------------------------------------------------------------
* 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: 60px;
	margin-top: 0;
	text-align: center;
	text-transform: capitalize;
	font-size: 30px;
}
.register{
background:#7564e5;
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;
height: 45px;
transition: all 0.3s ease 0s;
}
.register input:focus {
    border: 1px solid #7564e5;
    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;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.register textarea:focus {
    border: 1px solid #7564e5;
    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:#7564e5;
}

/*
* ----------------------------------------------------------------------------------------
* 06.END EVALUATION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.lawyers_team{background:#f7f7f7;}
.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: #7564e5;
    -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: 16px;
	color: #fff;
	width: 40px;
	margin: 0px;
	line-height: 40px;
	height: 40px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius: 30px;
}
.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 {
	font-weight: 600;
	margin: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.tema-member .info h5 {
	margin-top: 0;
	text-transform: capitalize;
	font-weight: 500;
	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);
}
.tema-member:hover .info h4 {color:#fff;}
.tema-member:hover .info h5 {color:#fff;}
.tema-member:hover .info p {color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* 07.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {}
.counter {
padding: 60px 30px;
text-align: center;
border-radius: 3px;
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: #fff;
font-size: 60px;
font-weight: 700;
margin-top: 0;
}
.counter h5 {
color: #fff;
font-weight: 700;
letter-spacing: 0.6px;
margin-bottom: 0;
text-transform: uppercase;
}
.color-one{background: #7564e5;}
.color-two{background: #35ac39;}
.color-three{background: #7564e5;}
.color-four{background: #f54291;}
/*
* ----------------------------------------------------------------------------------------
* 08.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{
    background: #f7f7f7;
    padding: 20px 40px 20px 70px;
    margin: 0 10px 60px;
    position: relative;
}
.testimonial:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #eee;
    border-left: 50px solid #fff;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial .testimonial-title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.testimonial .post{
color: #7564e5;
display: block;
font-weight: 500;
margin-top: 10px;
}
.testimonial .pic{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -35px;
    right: 23px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
  display: block!important;
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #7564e5 none repeat scroll 0 0;
border-radius: 0;
opacity: 1;
padding: 5px 15px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px;
    }
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 25px 20px 25px;
    }
}
/*
* ----------------------------------------------------------------------------------------
* 09.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 10.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_blog {
	background: #fff;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width:768px) { 
.single_blog {margin-bottom:30px;}
}
.blog-img{}
.blog-img img{}
@media only screen and (max-width:768px) { 
.blog-img img{width:100%;}
}
@media only screen and (max-width:768px) { 
.blog-img a {top:38%;}
}
.single_blog h2 {
	font-weight: 600;
	line-height: 32px;
	font-size: 22px;
	padding-left: 30px;
	margin-top: 25px;
	margin-bottom: 0px;
	padding-right: 20px;
}
.single_blog h2 a{color:#333;}
.single_blog h2 a:hover{color:#7564e5;}
.single_blog span {
	text-transform: capitalize;
	padding-left: 30px;
	margin-bottom: 20px;
	display: inline-block;
	font-weight: 600;
}
.read_more{margin-left: 80px;}
.single_blog span a{color:#7564e5;}
.single_blog p{
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	padding-right: 20px;
}

/*BLOG PAGES DESIGN*/
.blog-page{background:#f2f6f9;}

.post-slide-blog{
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 5px 15px 0 rgb(236, 236, 236);
margin-bottom: 40px;
overflow: hidden;
padding: 30px 20px;
}
@media only screen and (max-width:768px) { 
.post-slide-blog .post-img-blog{
    float: none;
    width:100%;
}
}

.post-slide-blog .post-title-blog{
margin-top: 20px;
}
.post-slide-blog .post-title-blog a {
	color: #1d293e;
	display: block;
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}

.post-title-blog > a:hover{
    text-decoration: none;
    color:#7564e5;
}
.post-slide-blog .post-date-blog{
color: #7564e5;
display: inline-block;
font-weight:600;
margin-bottom: 8px;
margin-right: 15px;
}
.post-slide-blog .post-date-blog a{color: #7564e5;}
.post-slide-blog .post-date-blog a:hover{color:#f54291;}
.post-description-blog{
margin-bottom: 15px;
text-align: left;
}
.blog_btn-blog {
	background: #7564e5;
	border: 1px solid #7564e5;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 45px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.blog_btn-blog:hover{
background:#f54291;
border: 1px solid #f54291;
color:#fff;
}

.single-post-slide-blog{
background:#fff;
padding:30px;
margin-bottom:60px;
}
.single-post-slide-blog img{width:100%;}
.single-post-slide-blog h3 {
	font-weight: 600;
	margin-top: 20px;
	text-transform: capitalize;
	line-height: 32px;
}
.single-post-slide-blog p{}
.single-post-slide-blog{}

/*START PAGINATION*/
ul.blog_pagination li a {
border: 1px solid #eee;
border-radius: 0;
color: #1d293e;
display: block;
font-size: 18px;
font-weight: 500;
background: #fff;
height: 45px;
line-height:35px;
margin: 5px;
text-align: center;
width: 45px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #7564e5;
    border: 1px solid #7564e5;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #1d293e;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .upcoming_event {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 3px;
	border-top: 3px solid #7564e5;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #7564e5;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 15px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #7564e5 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #7564e5 }
.single_upcoming_event span i{margin-right:5px;color: #7564e5 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}
.categories ul li a:hover { color: #7564e5 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #7564e5;
	border-radius: 30px;
	color: #1d293e;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 5px 16px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #7564e5;
    color: #fff;
    border: 2px solid #7564e5;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
    background: #fff  none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid #7564e5;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ddd;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #7564e5;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment_form input, .comment_form textarea  {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: currentcolor currentcolor #ddd;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #1d293e;
font-size: 14px;
font-weight: 500;
padding: 15px 0;
}

.comment_form textarea {

}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.comment_form input:hover,.comment_form input:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 10.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background: #f9f9f9 none repeat scroll 0 0; }
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
/*
* ----------------------------------------------------------------------------------------
* 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:#7564e5;
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: 150px;
}
.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;
}
.contact_address {
    padding-bottom: 80px;
    padding-top: 110px;
}
.contact_address h3 {
color: #fff;
margin: 0 0 15px;
text-transform: uppercase;
font-weight: 900;
font-size: 30px;
}
.contact_address p {
    color: #fff;
    margin-bottom: 30px;
}
.contact_address ul { list-style: none }
.contact_address ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px;
}
.contact_address ul li i {
    background: #7564e5 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: #f54291  none repeat scroll 0 0 !important;
border: 1px solid #f54291  !important;
color: #fff !important;
font-size: 14px;
padding: 10px 30px !important;
text-transform: uppercase;
transition: all 0.2s ease 0s;
font-weight: 600;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #fff!important;
    border: 1px solid #fff!important;
    color: #333!important;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.map{}
.map iframe {
	height: 400px;
	width: 100%;
	border: 0px;
	margin-bottom: -7px;
}
/*
* ----------------------------------------------------------------------------------------
* 13.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-top{background: #24324a;padding-bottom: 40px;}
.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: #a9b4c7;
    overflow: hidden;
    margin-bottom: 15px;
}
.footer_contact ul li span {
color: #a9b4c7;
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: #a9b4c7;
	margin-bottom: 20px;
}
/*END FOOTER CONTACT*/
.single_footer ul{}
.single_footer ul li{}
.single_footer ul li a {
	color: #a9b4c7;
	text-transform: capitalize;
	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: #1d293e none repeat scroll 0 0;
padding: 20px 0;
border-top: 1px solid #1d293e;
}
.footer_social {}
.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: 14px;
	height: 40px;
	line-height: 40px;
	margin-right: 5px;
	text-align: center;
	transition: all 0.2s ease 0s;
	width: 40px;
	border: 1px solid #3a475e;
	background: none;
}
.footer_social ul li a:hover {color: #fff; }
.f_facebook:hover{background:#3B5998;}
.f_twitter:hover{background:#1A90D9;}
.f_linkedin:hover{background:#0077B5;}
.f_youtube:hover{background:#D32322;}
.f_skype:hover{background:#1a90d9;}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color:#a9b4c7;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 
.copyright p {text-align:center;}
}
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 *  16.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top:before {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
/*
 * ----------------------------------------------------------------------------------------
 * 16.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/