/*
Author       : theme_ocean
Template Name: SRK - One Page Parallax
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 CONTENT DESIGN
    05. START PORTFOLIO DESIGN
    06. START SERVICE DESIGN
    07. START VIDEO DESIGN
    08. START TEAM DESIGN
    09. START PROMOTION DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER DESIGN
    12. START COUNT DOWN DESIGN
    13. START PRICING DESIGN
    14. START BLOG DESIGN
    15. START CONTACT DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
	background:#fff;
	overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0px;
	margin-top: 0px; 
	color: #333;
	font-weight: 400;
}
a {
	text-decoration: none;
	transition: all 0.2s ease 0s;
	color: #666;
}
a:hover ,
a:focus {
    color: #0099cc;
    text-decoration: none;
	outline: none;
}





p {
  word-spacing: 1px;
  margin: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;

 }

:-moz-placeholder {
  font-weight: 300;
 
 }

::-moz-placeholder {
  font-weight: 300;
  
  }

:-ms-input-placeholder {
  font-weight: 300;

 }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, 
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{
	margin-bottom:60px;
	width: 100%;

}
.section-title  h1 {
	color: #333;
	font-size: 34px;
	font-weight: 500;
	letter-spacing: 1.5px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:24px;}
}
.icon_wrap {
display: inline-block;
padding: 10px 0;
position: relative;
}
.icon_wrap:before {
    position: absolute;
    content: '';
    background-color: #0099cc;
    height: 2px;
    left: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap:after {
    position: absolute;
    content: '';
    background-color: #0099cc;
    height: 2px;
    right: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap i {
    font-size: 22px;
    color: #0099cc; 
}
.icon_wrap_white:before {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 2px;
    left: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap_white:after {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 2px;
    right: -30px;
    width: 100%;
    top: 50%;
}
.section-title-white-span{background: #fff !important;}
h1.section-title-white{
color: #fff;
font-size: 36px;
font-weight: 500;
margin-top: 0;
position: relative;
margin-top: 0;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
h1.section-title-white {font-size:24px;}
}
p.section-title-white{color:#fff;}
.section-title  p{
padding: 0 10px;
width: 70%;
margin: auto;	
}
@media only screen and (max-width:768px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
color: #0099cc;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar {padding: 17px 0;}
.bg-faded {
background-color: transparent;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.bg-faded {background:#333;}
}
.navbar-brand {
    padding-top: 2px;
	padding-bottom: 2px;
}
.navbar-brand img {
  width: 200px;
}
.navbar-light #navbarCollapse ul{
	list-style-type: none;
}
.navbar-light #navbarCollapse li{
	display: inline-block;
}
.navbar-light #navbarCollapse a{
	color: #eee;
	font-family: Open Sans,sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 0 15px;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) { 
.navbar-light #navbarCollapse a {padding: 8px 0px;}
}

.navbar-light #navbarCollapse a:focus,
.navbar-light #navbarCollapse a:hover,
.navbar-light #navbarCollapse .active > a,
.navbar-light #navbarCollapse a.active,
.navbar-light #navbarCollapse a.open,
.navbar-light #navbarCollapse .open > a {
  color: #0099cc  !important;
}

.navbar-light .navbar-toggler {
  border-color: #fff;
  border-radius: 0px;
}
.navbar-light .navbar-toggler {
  float: right;
  margin: 14px;
  cursor: pointer;
    background-color: #0099cc;
  border-color: #0099cc;
  border-radius: 0;
}
#navbarCollapse.mainmenu li.current a{
	color: #02779a!important;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(0, 0, 0, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 8h24M4 16h24M4 24h24\'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler i {
  color: #666!important;
}
.site-navigation {
    border-radius: 0px;
}
@media only screen and (max-width:480px) { 
.collapse.show {
  display: block;
  padding: 0!important;
}
}

.navbar-fixed.navbar-light .navbar-nav li a{
	color: #333;
}

.navbar-fixed {
    z-index: 999;
    position: fixed;
    width: 100%;
	padding:6px 0; 
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	 box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:768px) { 
.navbar-fixed {background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;}
}
nav.navbar-fixed.navbar-light #navbarCollapse a{color:#333!important;}

@media only screen and (max-width:768px) { 
.navbar-fixed.navbar-light #navbarCollapse a{color:#333;}
}

/* Sub Menu */

.mainmenu .sub-menu,
.mainmenu .children {
    background-clip: padding-box;
    background-color: #fff;
	box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
    border-top: 0px solid #fff;
    height: auto;
    left: 0;
    padding: 0px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    white-space: nowrap;
    z-index: 100;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    z-index: 99;
    width: 170px;
}


.mainmenu ul.sub-menu li:first-child,
.mainmenu .children li:first-child{
    margin-top: 15px;
}
.mainmenu ul.sub-menu li:last-child,
.mainmenu .children li:last-child{
    padding-bottom: 15px;
}

.navbar-light .mainmenu#navbarCollapse .sub-menu li a,
.navbar-light .mainmenu#navbarCollapse .children li a{
	color: #9a9a9a!important;
}
.navbar-light .mainmenu#navbarCollapse .sub-menu li a:hover,
.navbar-light .mainmenu#navbarCollapse .children li a:hover{
	color: #fff!important;
	background-color: #0099cc;
}
.mainmenu .sub-menu li a,
.mainmenu .children li a{
    padding: 0px 30px;
    display: block;
	position: relative;
	font-weight: 400!important;
	transition: .5s;
	
}
.mainmenu .menu-item-has-children > a:after,
.mainmenu .page_item_has_children > a:after
 {
    font-family: 'themify';
    content: "\e64b";
    font-size: 10px;
    display: inline-block;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    margin-left: 8px;
    margin-top: 4px;
	position: absolute;
}
.mainmenu .menu-item-has-children .menu-item-has-children > a:after,
.mainmenu .page_item_has_children .page_item_has_children > a:after
 {
    font-family: 'themify';
    content: "\e649";
	right: 8px;
	top: 3px;

}
.mainmenu .menu-item-has-children:hover>a:after,
.mainmenu .page_item_has_children:hover>a:after
 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #0099cc;
}
.mainmenu .menu-item-has-children .menu-item-has-children:hover>a:after,
.mainmenu .page_item_has_children .page_item_has_children:hover>a:after
 {
    -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
    color: #0099cc;
}
.mainmenu ul.sub-menu li,
.mainmenu .children li{
    position: relative;
}

.mainmenu ul.sub-menu li:after ,
.mainmenu .children li:after {
    position: absolute;
    top: 12px;
    left: 0px;
    width: 2px;
    height: 15px;
    background: #fff;
    content: "";
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease
}
.mainmenu ul.sub-menu li:hover:after,
.mainmenu .children li:hover:after{
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.mainmenu .menu-item-has-children:hover>.sub-menu, 
.mainmenu .page_item_has_children:hover>.children{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 70%;
    border-radius: 5px;
}
.mainmenu .sub-menu a,
.mainmenu .children a{
    line-height: 3;
}

.mainmenu .sub-menu li:hover>a ,
.mainmenu .children li:hover>a 
{
    background-color: transparent;
    color: #fff;
}
.mainmenu ul.sub-menu li, 
.mainmenu .children li {
    display:  block!important;
}

.mainmenu ul.sub-menu li a, 
.mainmenu .children li a {
    padding-top: 2px!important;
    padding-bottom: 2px!important;
    padding: 0;
    padding-left: 20px;
    letter-spacing: 0px;
}

.mainmenu .sub-menu ,
.mainmenu .children {
    left: auto;
}

.mainmenu .sub-menu .sub-menu,
.mainmenu .children .children{
    left: 100%;
    right: auto;
    width: 200px;
}
.mainmenu .menu-item-has-children .menu-item-has-children:hover>.sub-menu, 
.mainmenu .page_item_has_children .page_item_has_children:hover>.children {
    top: 0;
}
 
.mainmenu .page_item_has_children:hover>.children {
    top: 60px;
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 700px;
    position: relative;
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text {padding-top: 250px;}
.hero-text h3{
color: #eee;
font-size: 34px;
font-weight: 200;
letter-spacing: 3px;	
text-transform: capitalize;
}
.hero-text h1 {
color: #fff;
font-size: 60px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 0;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h1 {font-size: 40px;}
}
.hero-text p {
color: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 25px;
margin-top: 10px;
word-spacing: 2px;
}
.home_btn a{
margin-bottom: 20px;
margin-right: 20px;
}
.learn_btn {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid #fff;
	border-radius: 30px;
	color: #eee;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	overflow: hidden;
	padding: 14px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	letter-spacing: 1px;
}
@media only screen and (max-width:360px) { 
.learn_btn {padding: 10px 40px;}
}
.learn_btn:hover{
	background:#fff;
	color:#333;
	border: 2px solid #fff;
}

.get_btn {
	background: #0099cc;
	border: 2px solid #0099cc;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	overflow: hidden;
	padding:14px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	letter-spacing: 1px;
}
@media only screen and (max-width:360px) { 
.get_btn {padding: 10px 40px;}
}
.get_btn:hover{
background:#fff;
color:#333;
border: 2px solid #fff;
}

/*START OTHER HOME PAGE CSS*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home_video{height: 750px;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% }

/*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*/
/*END OTHER HOME PAGE CSS*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-content{}
@media only screen and (max-width:480px) { 
.about-content{padding-bottom:30px;}
}
.single-about-contact {
border-bottom: 1px double #eee;
border-radius: 3px;
border-top: 1px solid #eee;
margin-top: 50px;
padding: 60px 30px;
}
@media only screen and (max-width:480px) { 
.single-about-contact{margin-bottom:50px;}
}
.icon {
background: #0099cc none repeat scroll 0 0;
border: 1px solid #0099cc;
border-radius: 100px;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 30px;
height: 100px;
left: 0;
line-height: 100px;
margin: 0px auto auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 0.3s ease 0s;
width: 100px;
}
.single-about-contact:hover .icon{
background: #0099cc none repeat scroll 0 0;
border: 1px solid #0099cc;	
color:#fff;
}
.single-about-contact h3 {
font-size: 20px;
margin:20px 0 15px;
text-transform: capitalize;
font-weight: 600;
}
.single-about-contact p {

}


.single_about_content_two{
background:#f8f8f8;
padding:120px 60px;
}
.single_about_content_two h4{
color: #0099cc;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
text-transform: capitalize;
}
.single_about_content_two h1{
font-size: 36px;
font-weight: 600;
margin-bottom: 30px;
text-transform: capitalize;
}
.single_about_content_two p{
	margin-bottom: 30px;	
}
.single_about_content_two a,
.form-submit .submit,
.btn-price-bg{
	background: #0099cc none repeat scroll 0 0;
	color: #fff;
	border-radius: 500px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 16px 40px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;	
}
.form-submit .submit{
	border: 1px solid #0099cc;
	cursor: pointer;
}
.single_about_content_two a i{margin-left:8px;}
.single_about_content_two a:hover,
.form-submit .submit:hover,
.form-submit .submit:focus,
.btn-price-bg:hover,
.btn-price-bg:focus{
	border-color:#282828;
	background:#282828;
	color:#fff;	
}

.single_about_content_three{
background:#282828;
padding:120px 60px;
}
.single_about_content_three{}
.single_about_content_three h4{
color: #0099cc;
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
text-transform: capitalize;
}
.single_about_content_three h1{
color:#fff;	
font-size: 36px;
font-weight: 600;
margin-bottom: 30px;
text-transform: capitalize;
}
.single_about_content_three p{
margin-bottom: 30px;
color:#eee;	
}
.single_about_content_three > a{
background: #0099cc none repeat scroll 0 0;
color: #fff;
border-radius: 500px;
display: inline-block;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
padding: 16px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;	
}
.single_about_content_three > a i{margin-left:8px;}
.single_about_content_three > a:hover{
background:#fff;
color:#282828;	
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT CONTENT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box:before,
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box:after{ transform: scaleY(0); }
.box:hover:before{ transform: scaleX(1); }
.box:hover:after{ transform: scaleY(1); }
.box img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease 0s;
}
.box:hover img{
    transform: scale(1.3);
}
.box .box-content{
    width: 100%;
    position: absolute;
    top: 20%;
    left: 0;
    z-index: 2;
}
@media only screen and (max-width:480px) { 
.box .box-content{top: 40%;}
}
@media only screen and (max-width:360px) { 
.box .box-content{top: 30%;}
}
@media only screen and (max-width:320px) { 
.box .box-content{top: 20%;}
}
.box .title{
color: #fff;
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
opacity: 0;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.box .title_des{
color: #fff;
margin: auto;
opacity: 0;
width: 80%;
margin-bottom:20px;
}
.box:hover .title{
    opacity: 1;
}
.box:hover .title_des{opacity: 1;}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box:hover .icon{
    transform: scaleX(1);
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    background: #fff;
    color: #444;
}
.box-content a.port_icon{
	color: #fff;
	font-size: 14px;
	opacity:0;
	font-weight: 700;
	text-transform: uppercase;
}
.box-content:hover a{color:#fff;opacity:1;}
.box-content a:focus{color:#fff;}

.works_btn{padding-top: 60px;}
.works_btn a{}
.works_btn a i{margin-left:8px;}
.works_btn a{
background: #0099cc none repeat scroll 0 0;
color: #fff;
border: 1px solid #0099cc;
border-radius: 500px;
display: inline-block;
font-size: 12px;
box-shadow:0px 5px 30px 0px rgba(0,0,0,0.2);
font-weight: 600;
letter-spacing: 1px;
padding: 16px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;	
}
.works_btn a i{margin-left:8px;}
.works_btn a:hover{
background:#282828;
border: 1px solid #282828;
color:#fff;	
}
/*project modal*/
.modal-title {
color: #333;
margin: 0;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
.modal-content {
border-radius: 0;
margin-top: 100px;
padding: 10px 30px;
}
.modal-body { margin-bottom: 15px }
.modal-body p { margin: 15px 0 0 }
.project-list { margin-top: 30px }
.project-list label {
	color: #333;
	margin-bottom: 0;
	margin-right: 0;
	width: 120px;
}
.project-list li {
    padding: 7px 0;
    font-size: 14px;
}
.project-list li a {
    color: #333;
    margin-bottom: 0;
    margin-right: 7px;
    width: 125px;
}
.project-list li a:hover { color: #0099cc; }
/*End project modal*/
/*
 * ----------------------------------------------------------------------------------------
 * 05END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{
padding-top: 0px;
padding-bottom: 20px;
}
.single_service {
    margin-bottom: 60px;
}
.service_icon{
border: 1px solid #eee;
border-radius: 500px;
display: inline-block;
float: left;
height: 110px;
margin-bottom: 30px;
margin-right: 30px;
position: relative;
width: 110px;
color: #00aade;
}
.single_service i {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px dashed #e8e8e9;
border-radius: 500px;
color: #333;
font-size: 30px;
height: 80px;
left: 50%;
line-height: 80px;
text-align:center;
margin: auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80px;
}
.single_service:hover i {
}
.single_service h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
overflow: hidden;
padding-top: 15px;
text-transform: capitalize;
}
.single_service p {
overflow: hidden;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.view_our_video {
position: relative;
padding:100px 0;
}
.view_our_video: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%;
}
.our_video{}
.our_video h1{
color: #fff;
font-size: 50px;
font-weight: 700;
letter-spacing: 2px;
margin-bottom: 20px;
text-transform: capitalize;
}
.our_video p{
color: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin: auto auto 40px;
width: 60%;
word-spacing: 2px;
}
.our_video h1 i{
color:#0099cc;
font-size: 15px;
vertical-align: middle;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.our_video a  {
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
border: 10px solid rgba(0, 0, 0, 0.05);
border-radius: 100px;
color: #0099cc;
display: block;
font-size: 24px;
height: 100px;
line-height: 90px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

.our-team{
background: #f8f8f8  none repeat scroll 0 0;
border-radius: 3px;
overflow: hidden;
padding: 30px 0 40px;
position: relative;
margin: 0 15px;
text-align: center;
}
.our-team .pic{
    display: inline-block;
    width: 130px;
    height: 130px;
    margin-bottom: 50px;
    z-index: 1;
    position: relative;
}
.our-team .pic:before{
    content: "";
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: #0099cc;
    position: absolute;
    bottom: 135%;
    right: 0;
    left: 0;
    opacity: 0.2;
    transform: scale(3);
    transition: all 0.3s linear 0s;
}
.our-team:hover .pic:before{ height: 100%; }
.our-team .pic:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #0099cc;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.our-team .pic img{
    width: 100%;
    height: auto;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.9s ease 0s;
}
.our-team:hover .pic img{
    box-shadow: 0 0 0 14px #f7f5ec;
    transform: scale(0.7);
}
.our-team .team-content{ margin-bottom: 30px; }
.our-team .title{
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
text-transform: capitalize;
}
.our-team .post{
display: block;
font-size: 14px;
font-weight: 300;
text-transform: capitalize;
}
.our-team .social{
    width: 100%;
    padding: 0;
    margin: 0;
    background: #0099cc;
    position: absolute;
    bottom: -100px;
    left: 0;
    transition: all 0.5s ease 0s;
}
.our-team:hover .social{ bottom: 0; }
.our-team .social li{ display: inline-block; }
.our-team .social li a{
color: #fff;
display: block;
font-size: 17px;
padding: 10px;
transition: all 0.3s ease 0s;
width: 40px;
}
.our-team .social li a:hover{
    color: #0099cc;
    background: #f7f5ec;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 08.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotional_offer {
position: relative;
}
.promotional_offer: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%;
}
.single_offer{
padding: 120px 50px;
}
.single_offer h4{
color: #fff;
font-size: 13px;
font-weight: 600;
letter-spacing: 3px;
margin-bottom: 16px;
text-transform: uppercase;
word-spacing: 2px;
}
.single_offer h1{
color: #fff;
font-weight: 700;
}
.single_offer p{
color: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 35px;
margin-top: 20px;
word-spacing: 2px;	
}
.single_offer a{margin-right: 15px;}
/*
* ----------------------------------------------------------------------------------------
* 09.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
.testimonial-demo{ background: #f6f6f6; }
.testimonial{
    margin: 0 20px 0px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #0099cc;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #0099cc;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{

}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #0099cc;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #0099cc !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 60px;
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 11.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.single_logo {
  background: #f9f9f9 none repeat scroll 0 0;
  padding: 20px;
}
@media only screen and (max-width:768px){
.partner-logo {padding-bottom:60px;}
}
@media only screen and (max-width:768px){
.single_logo {margin-bottom:20px;}
}
.single_logo a{}
.single_logo a img{
	height: 60px;
	width: auto;
}
/*
 * ----------------------------------------------------------------------------------------
 * 11.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
position: relative;
}
.counter_feature: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%;
}
@media only screen and (max-width:768px) { 
.counter {margin-bottom: 30px;}
}
.single_counter{
background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
border-radius: 500px;
display: inline-block;
height: 150px;
margin-bottom: 10px;
position: relative;
width: 150px;
}
.counter h2 {
background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
border-radius: 500px;
color: #fff;
font-size: 30px;
font-weight: 700;
height: 100px;
left: 50%;
line-height: 100px;
margin: auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100px;
}
.counter p {
color: #fff;
font-size: 18px;
margin-top: 10px;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 13.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

.our_pricing{
	background:#f8f8f8 ;
	padding-bottom: 20px;
}

.pricingTable{
	background: #fff none repeat scroll 0 0;
	color: #282828;
	margin-top: 30px;
	margin-bottom: 60px;
	perspective: 700px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	z-index: 1;
	padding-bottom: 35px;
	overflow: hidden;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
}
.pricingTable .pricingTable-header{
	background-color: #fafafa;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.pricingTable .title_bg{
	border-style: solid;
	border-width: 90px 1411px 23px 399px;
	border-color: #0099cc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0099cc;
	position: absolute;	
}
.pricingTable .title{
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 40px 0;
	transition: all 0.3s ease-in-out 0s;
	position: relative;
	z-index: 1;
	padding-top: 50px;
	color: #fff;
	letter-spacing: 1px;
}

.pricingTable .price-value {
	display: inline-block;
	font-size: 33px;
	font-weight: 400;
	transition: all 0.3s ease-in-out 0s;
	line-height: normal;
	margin-bottom: 15px;
	margin-top: 10px;
}

.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}
.pricing-content-border{}
.pricing-content-border > li {
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.pricingTable .pricing-content li{
    line-height: 40px;
}

.btn-price-bg {

}


/*
 * ----------------------------------------------------------------------------------------
 * 13.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
*  14.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-blog {
 padding-bottom: 20px;
}
.single_home_blog {
  border: 1px solid #eee;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
  margin-bottom:60px;
}

@media only screen and (max-width:480px) { 
    .single_home_blog{margin-bottom:40px; }
}
.post-slide .post-img{
	overflow: hidden;
}
@media only screen and (max-width:768px){
.post-slide .post-img{
height: 100%;
overflow: hidden;
}
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:all 0.3s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.2,1.2);
    filter:none;
    opacity:1;
}
.post-slide .post-content{
	background: #fff  none repeat scroll 0 0;
	border-left: 1px solid #fff ;
	border-right: 1px solid #fff ;
	padding: 25px 30px 30px 30px ;
	position: relative;
}
.post-slide .post-date{
    min-width:28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    background: #282828;
    position: absolute;
    top: -30px;
    left: 20px;
}
.post-slide .month{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #0099cc;
    text-transform: uppercase;
}
.post-slide .date{
    color: #fff;
    font-size: 14px;
}
.post-slide .post-title{
	margin: 5px 0 10px;
}
.post-slide .post-title a{
	color: #282828;
	font-size: 19px;
	text-transform: capitalize;
	transition: all 0.5s ease 0s;
	font-weight: 600;
}
.post-slide .post-title a:hover{
    color:#0099cc;
    text-decoration: none;
}
.post-slide .post-description{
	margin-bottom: 15px;
}
.post-slide .post-bar{
    padding: 15px 0;
    list-style: none;
    text-align: center;
    background: #4d61ff;
}
.post-slide .post-bar li{
    display: inline-block;
    margin-right: 5px;
}
.post-slide .post-bar li a{
    text-transform: capitalize;
    color: #fff;
    transition:0.2s ease;
}
.post-slide .post-bar li a:hover{
    text-decoration: none;
    color:#333;
}
.post-slide .post-bar li i{
    color:#fff;
    margin-right: 5px;
}
.bpmb{margin-bottom:60px;}
.post-description_mbtop{margin-top:30px;}
.post-content > a {
  color: #0099cc;
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;

}
.post-content > a:hover{color:#0099cc;}




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

.post-slide-blog{
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	border: 1px solid #eee;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
	margin-bottom: 40px;
	overflow: hidden;
}
.post_content{
	padding: 25px 30px 30px;
}
@media only screen and (max-width:768px) { 
.post-slide-blog .post-img-blog{
    float: none;
    width:100%;
}
}
.post-slide-blog .post-img-blog img{
    width:100%;
    height: auto;
}
.post-slide-blog .post-review-blog{
float: left;
width: 50%;
padding-left: 30px;
}
@media only screen and (max-width:768px) { 
.post-slide-blog .post-review-blog{
float: left;
width: 100%;
}
}
.post-slide-blog .post-title-blog{
    margin:0 0 5px 0;
}
.post-slide-blog .post-title-blog a {
	color: #282828;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}
.post-title-blog > a:hover{
    text-decoration: none;
    color:#0099cc;
}
.post-slide-blog .post-date-blog{
	color: #888;
	display: block;
	font-weight: 300;
	margin-bottom: 8px;
	margin-top: 12px;
}
.post-description-blog{
	margin-bottom: 0;
	text-align: left;
}
.post-meta{
	margin-top: 12px;
	margin-bottom: 15px;
}
.post-meta .single_meta{
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;

}
.post-meta .single_meta ,
.post-meta .single_meta a{
	text-transform: capitalize;
}
.post-meta .single_meta i{

	margin-right: 3px;
	
}
.blog_btn {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border-bottom: 1px solid #eee;
	/* line-height: 35px; */
}
.blog_btn:hover{
color:#0099cc;	
}
.post-slide-blog{

}
.single-post-slide{
	background:#fff;
	margin-bottom:60px;
	border: 1px solid #eee;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);


}
.single-post-slide .post-meta{
	margin-top: 0;
}
.blog_content{
	padding: 30px;
}
.single-post-slide img{
	max-width:100%;
	height:auto;
}
.single-post-slide h3 a{
	color: #282828;
	font-size: 18px;
	font-weight: 300;
	margin-top:0px;
	margin-bottom:20px;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;	
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.post-img-blog{

}
.single-post-slide p{}
.single-post-slide{}

.single-post-slide .tag_list{
	margin-top: 10px;
}

/*START PAGINATION*/
.pagination a,
.pagination span{
	border: 1px solid #eee;
	border-radius: 0;
	color: #282828;
	display: block;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
	height: 45px;
	line-height:42px;
	margin: 5px;
	text-align: center;
	width: 45px;
	display: inline-block;
}
.pagination a:hover,
.pagination span {
    color: #fff;
    background: #0099cc;
    border: 1px solid #0099cc;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title,
.blog_head_title,
.comment-reply-title  {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 17px;
	margin-top: 0;
	text-transform: uppercase;
	position: relative;
	padding-left: 25px;
}
.blog_sidebar_title:before,
.blog_head_title:before,
.comment-reply-title:before {
	position: absolute;
	content: '';
	left: 0;
	top: 5px;
	width: 12px;
	height: 2px;
	background: #0099cc;
}
.single_widget {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 4px;
	border: 1px solid #eee;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);

}

@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: 3px;
	color: #282828;
	transition: all 0.3s ease 0s;
	height: 50px;
	width: 100%;
	padding: .5rem .75rem;
	
}
.blog_search input:focus{border: 1px solid #0099cc;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #777;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	margin: 10px 0 0;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #0099cc }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #282828;
	font-size: 15px;
	font-weight: 300;
	line-height: 28px;
	margin: 10px 0 0;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #0099cc }
.single_upcoming_event span i{margin-right:5px;color: #777 }
.single_upcoming_event span { color: #777 }
.widget_categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_widget{
	color: #666;
}
.single_widget ul{
	margin: 0;
	padding: 0;
	list-style: none;
}


.single_widget ul ul{
	padding-left: 15px;
}
.widget_categories ul li{ 
	position: relative;
	padding-left: 25px;
}
.widget_categories ul li li{
	padding-left: 0px;
}

.widget_categories ul li:before {
	position: absolute;
	content: "\e628";
	top: 7px;
	left: 0;
	font-family: themify;
	font-size: 13px;
}
.widget_categories ul li li:before{
	content: '';
}
.single_widget ul li{
	padding-top: 5px;
	padding-bottom: 5px;
}
.single_widget,
.single_widget a{
	font-weight: 400;
}
.single_widget ul li a,
.widget_categories ul li a {
	font-size: 14px;
	font-weight: 400;
	padding: 5px 0;

}
.single_widget ul li a:hover,
.widget_categories ul li a:hover { color: #0099cc }
.widget_categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}

/*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;
	border: 1px solid #eee;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
	padding: 30px;
}
.comments-area{
	border: 1px solid #eee;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.03);
	padding: 30px;
}
.single_author {
    background: #fff  none repeat scroll 0 0;
    padding: 20px;
	overflow: hidden;
}
.author_part img {
    border-radius: 50%;
    float: left;
    height: 90px;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 90px;
}
.author_part h4,
.single_author h4 a {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px; 
	color : #333;
}
.author_part h4{
	margin-bottom: 15px;
}
.author_content{
	overflow: hidden;
}
.author_part p { margin-bottom: 0 }
.blog_head_title,
.comment-reply-title {
	color: #000;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 17px;
	margin-top: 0;
	text-transform: uppercase;
}

.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 50px;
    background: #fff;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border-radius: 50%;
    float: left;
    height: 70px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 70px;
}
.single_comment .com_title { 
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;

}
.comments-title.blog_head_title{
	margin-bottom: 40px;
}
.single_comment .com_title a{
	color: #333;
}
.single_comment .com_time { 
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 13px;

}
.comment-reply-link{
	display: inline-block;
	margin-top: 18px; 
	color: #0099cc;
}
.comments-area .comment-list{
	padding-left: 0;
}
.comments-area .comment-list ul.children{
	padding-left: 25px;
}
.comment-respond{
	padding-top: 20px;
}
li.comment{
	
}
li.comment:last-child{
	margin-bottom: 0;
}
.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 #eee;
	border-image: none;
	border-radius: 0;
	border-style: none none solid;
	border-width: 0 0 1px;
	box-shadow: none;
	color: #282828;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 0;
}

.comment_form textarea {

}
#commentform .form-control{
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 55px;
	line-height: 55px;
	padding: 0 20px;
	margin-bottom: 30px;
	font-size: 14px;
}
#commentform textarea.form-control{
	height: 130px;
}
@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: #282828;
    outline: 0 none;
}
#commentform textarea.form-control:focus,
#commentform .form-control:focus{
	border-color: #0099cc;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #282828;
    outline: 0 none;
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 14.END HOME BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/ 


/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_form {
	padding-top:80px;
	padding-bottom:60px;

}
.contact {
	background: #fff none repeat scroll 0 0;
	padding:0px 40px;
}

.contact .form-control {
	border: 1px solid #ddd;
	border-radius: 5px;
	height: 52px;
	line-height: 52px;
	padding: 0 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	font-family: 'Open Sans', sans-serif;
}

.contact textarea.form-control {
	height: 120px;
	width: 100% 
}

.contact .form-control:focus {
    box-shadow: none;
	color: #666;
    outline: 0 none;
	border-color: #0099cc;
}

.btn-contact-bg {
	background: #0099cc none repeat scroll 0 0;
	color: #fff;
	border: 1px solid #0099cc;
	border-radius: 30px;
	display: inline-block;
	font-size: 12px;
	box-shadow: 0px 5px 30px 0px rgba(0,0,0,0.2);
	font-weight: 600;
	letter-spacing: 1px;
	padding: 20px 40px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;

}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    color: #fff;
	background: #282828;
	border-color: #282828;
}
.address_bg{
	background: #fff none repeat scroll 0 0;
	padding: ;
}
.single_address{
	margin-bottom:35px;
	clear: left;
}
.single_address p {
    overflow: hidden;
}
.single_address i{
	background: #0099cc none repeat scroll 0 0;
	border-radius: 500px;
	box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15);
	color: #fff;
	float: left;
	font-size: 22px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 30px;
	margin-right: 20px;
	text-align: center;
	width: 60px;
}
.single_address h4{
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}
.single_address p{}
#map{height:350px;}

/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	margin-top: 30px;
	padding: 30px 0; 
}
.footer .copyright a{
	color: white;
}
.footer .copyright a:hover, .footer .copyright a:focus {
    color: black !important;
}
.social_profile {
  margin: 0px ;
  display: block;
}
.single_footer img{
	width: 130px;
}
.single_footer ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.single_footer ul li{
	display: inline-block;
	margin:0px 6px;
}

.single_footer ul li a{
	color: #f1f1f1;
	float: left;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
	border: 1px solid #f1f1f1;
	width:45px;
	height:45px;
	line-height:45px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	display: inline-block;
	border-radius: 50%;
}

.single_footer ul li a:hover{
	color:#fff;
	border-color:#282828;
	background:#282828;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright{
	text-transform: capitalize;
	color: #f1f1f1;
}
p.copyright{
	margin-top: 5px;
}





/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  21.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.section-top {
	background:#282828;
	padding-bottom: 130px;
	padding-top: 230px;
	background-size: cover!important;
	position: relative;
}
.section-top:before{
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.section-top-title h1 {
	color: #fff;
	font-weight: 600;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	font-size: 27px;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	z-index: 100;
}
/*
 * ----------------------------------------------------------------------------------------
 * 21.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

@media (max-width:991px) { 
	.wpcf7 .wpcf7-submit{
		margin-bottom:30px;
	}
	.hero-text {
		padding-top: 150px;
	}
}
/* Mobile Layout: 320px. */
@media (min-width: 320px) and (max-width: 767px){ 
	.mean-container .mean-bar {
		float: left;
		width: 100%;
		position: fixed;
		background: transparent;
		padding: 30px 0;
		min-height: 42px;
		z-index: 99999;
	}
	.mean-container .mean-nav ul li a.mean-expand {
		width: 17px;
		height: 17px;
	}
	.mean-container .mean-nav ul li a{
		color: #fff;
	}
	a.mean-expand {
		width: 17px;
		height: 15px;
		line-height: 13px;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
		background:#D6D6D6;
		color: #fff;
	}
	.mean-container a.meanmenu-reveal {
		color: #fff;
	}
	.mean-container a.meanmenu-reveal span {
		background: #fff;
	}
	.mean-container .mean-nav {
		float: left;
		width: 100%;
		background: #0099cc; 
		margin-top: 25px;
	}
	.bg-faded{
		background: transparent;
	}
}
@media (max-width: 480px)  {
	.hero-text {
		padding-top: 50px; 
	}	
}