/*
Author       : Theme_Ocean.
Template Name: Jennifer - Portfolio Photography HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START SLIDER DESIGN
    04. START ABOUT DESIGN
    05. START COUNT DOWN DESIGN
    06. START PORTFOLIO DESIGN
    07. START TESTIMONIAL DESIGN
    08. START ABOUT ME & ABOUT US DESIGN
    09. START WHAT WE DO DESIGN
    10. START TEAM DESIGN
    11. START SERVICE DESIGN
    12. START PRICING DESIGN
    13. START COMPANY PARTNER LOGO
    14. START BLOG DESIGN
    15. START CONTACT FORM DESIGN
    16. START ADDRESS DESIGN
    17. START FOOTER GALLERY DESIGN
    18. START FOOTER TOP DESIGN
    19. START FOOTER BOTTOM DESIGN
    20. START SECTION TOP DESIGN    
  =============================================================*/

/*
* ----------------------------------------------------------------------------------------
* .START GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/ 
body {
color: #ccc;
font-family: "Lora",serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#222;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0;
	color:#fefefe;
    text-transform: uppercase;
	font-family: "Lato",sans-serif;
}
a {
    color: #313131;
    text-decoration: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START SCROLL TO TOP*/
.topcontrol {
    background: #36bfc4 none repeat scroll 0 0;
    bottom: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*START PRELOADER DESIGN*/
.preloader {
background:#36bfc4;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.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-weight: normal;
margin: 0;
padding-bottom: 10px;
text-transform: capitalize;
}
.section-title  h2 span { color: #36bfc4 }
@media only screen and (max-width:768px) { 
    .section-title h2 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h2 { font-size: 30px }
}
@media only screen and (max-width:360px) { 
    .section-title h2 { font-size: 24px }
}
.line {
    background: #36bfc4 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 10px auto 15px;
    width: 100px;
}
@media only screen and (max-width:768px) { 
 .section-title p {padding:0 10px;}
}


.section-title  h3 {
color: #fefefe;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
margin: 0 0 20px;
text-transform: uppercase;
}
.section-title span {
  background: #ccc none repeat scroll 0 0;
  display: block;
  height: 2px;
  margin: 20px auto;
  width: 60px;
}
.section-title p {
font-size: 20px;
font-style: italic;
line-height: 32px;
margin: auto;
width: 75%;
}

@media only screen and (max-width:768px) { 
.section-title p {
  font-size: 25px;
  line-height: 30px;
  width: 100%;
}
}
@media only screen and (max-width:480px) { 
.section-title p {
  font-size: 20px;
  line-height: 25px;
}
}

/*START BTN STYLE*/
.btn-light-bg {
background: #292929 none repeat scroll 0 0;
border: 1px solid #292929;
border-radius: 500px;
color: #fff;
font-family: lato,sans-serif;
font-size: 12px;
letter-spacing: 2px;
padding: 12px 25px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*END BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/ 
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #36bfc4 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img { width: 150px }
.menu-top {background:none; }
.menu-top li a {
color: #fff !important;
font-family: "Lato",sans-serif;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #36bfc4!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 .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@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:rgba(255, 255, 255, 0.95);
    left: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 115%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 210px;
    z-index: 999;
}
.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 {
color: #000 !important;
cursor: pointer;
display: block;
font-size: 11px;
padding: 8px 10px 12px 20px;
text-transform: uppercase;
}
.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 {
    text-decoration: none;
	background:#fff;
	padding:8px 10px 12px 20px;
}
/*END DROPDOWN MENU*/
.navbar-default .navbar-nav>li:hover .dropdown-menu { display: block }
.navbar-default.menu-shrink li a { color: #313131!important }
.navbar-default.menu-shrink li a:hover { color: #36bfc4 !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: #36bfc4 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START SLIDER 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 h1{
color: #fff;
font-family: lora,sans-serif;
font-size: 150px;
font-style: italic;
margin-bottom: 40px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.hero-text h1{font-size: 110px; }
}
@media only screen and (max-width:414px) { 
.hero-text h1{font-size: 90px; }
}
@media only screen and (max-width:360px) { 
.hero-text h1{font-size: 80px; }
}
@media only screen and (max-width:320px) { 
.hero-text h1{font-size: 70px; }
}
.hero-text h2 {
color: #fff;
font-family: lora,sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
}


.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}

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

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

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

.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

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

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

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

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

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

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

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.single-slide-item h1{
color: #fff;
font-family: lora,sans-serif;
font-size: 150px;
font-style: italic;
margin-bottom: 40px;
text-transform: capitalize;
}
.single-slide-item h2 {
color: #fff;
font-family: lora,sans-serif;
font-size: 18px;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}
.carousel-control{
	z-index: 1;
	background-image: none !important;
	top: 46.6%;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: rgba(0,0,0,0.6);
}
#welcome-slide-carousel .carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 0 5px;
}
#welcome-slide-carousel .carousel-indicators .active{
	background: #36bfc4;
	border-color: #36bfc4;
}
.carousel-control.left{
	margin-left: 0px;	
}
.carousel-control.right{
	margin-right: 0px;	
}
.carousel-control:hover{
	background: #36bfc4;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

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

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

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*START HTML5 VIDEO*/
.html-video {
    top: 0%;
    left: 0%;
    max-height: 700px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.html-video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.8;
  content: "";
  left: 0;
  top: 0;
}
.slider-caption {
    position: absolute;
    top: 35%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption p {
  width: 60%;
}
@media only screen and (max-width:768px) { 
.slider-caption p  { width: 100% }
}
video { min-width: 100% }
/*END HTML5 VIDEO*/
/*
* ----------------------------------------------------------------------------------------
* 03.END SLIDER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

.about_me{}
.about_me p{
font-family: lato,serif;
font-weight: normal;
margin-bottom: 40px;
}
.about_me a{
	background: #36bfc4 none repeat scroll 0 0;
border: 1px solid #36bfc4;
color: #fff;
letter-spacing: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
.counter {margin-bottom: 30px;}
}
.single_counter{
border-radius: 500px;
box-shadow: 0 0 0 15px #f9f9f9;
display: inline-block;
height: 150px;
margin-bottom: 10px;
position: relative;
width: 150px;
}
.counter h2 {
background: #fff none repeat scroll 0 0;
border: 1px dashed #e8e8e9;
border-radius: 500px;
color: #333;
font-family: lora,sans-serif;
font-size: 30px;
font-weight: 700;
height: 120px;
left: 50%;
line-height: 120px;
margin: auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 120px;
}
.counter p {
color: #fefefe;
font-family: lora,sans-serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
margin-bottom: 0;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 06.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .portfolio {
  padding-bottom: 0;
}
.grid{}
.grid h4{
font-family: lora,sans-serif;
font-weight: normal;
margin-bottom: 15px;
text-transform: uppercase;
}
.grid p{color: #fefefe;
margin-top: 10px;}
.grid_mbtm{border: 1px solid #282828;
margin-bottom: 60px;
padding: 15px;}
.section-portfolio-pt{padding-top:60px}
.grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=80);
}
.grid figure figcaption {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.grid figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.grid figure h4,
.grid figure p { margin: 0 }
.grid figure p {
    font-size: 16px;
    letter-spacing: 1px;
}
.grid figure p a { color: #fff }
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(54, 191, 196, 0) 0%, rgba(54, 191, 196, 0.6) 75%);
    background: -webkit-linear-gradient(top, rgba(54, 191, 196, 0) 0%, rgba(54, 191, 196, 0.6) 75%);
    background: linear-gradient(to bottom, rgba(54, 191, 196, 0) 0%, rgba(54, 191, 196, 0.6) 75%);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
figure.effect-sadie h4 {
    background: #fff none repeat scroll 0 0;
    color: #222;
    font-size: 18px;
    left: 20%;
    letter-spacing: 1px;
    padding: 15px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0px);
            transform: translate3d(0px, -50%, 0px);
    -webkit-transition: -webkit-transform 0.35s ease 0s, color 0.35s ease 0s;
            transition: transform 0.35s ease 0s, color 0.35s ease 0s;
    width: 60%;
    opacity: 0;
    filter: alpha(opacity=0);
}

figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.portfolio-filters { margin-bottom: 60px }
.portfolio-filters li.active {
    background-color: #ff5252;
    border-color: #ff5252;
    color: #fff;
}
.portfolio-filters li {
border: 1px solid #e8e8e9;
color: #333;
cursor: pointer;
display: inline-block;
font-family: montserrat,sans-serif;
font-size: 13px;
font-weight: 400;
margin-right: 5px;
padding: 5px 30px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .portfolio-filters li { margin-bottom: 10px }
}
.portfolio-filters li:hover {
    background: #ff5252;
    color: #fff;
    border: 1px solid #ff5252;
}
.portfolio_grid .mix {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 07.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial-text p {
font-size: 22px;
font-style: italic;
line-height: 39px;
margin-bottom: 25px;
}
@media only screen and (max-width:480px) { 
.testimonial-text p {font-size: 20px;line-height: 30px;}
}
.testimonial-text img{
border: 4px solid #eee;
border-radius: 500px;
margin: auto auto 25px;
width: 100px;
}
.testimonial-text h4 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
}
.carousel-indicators li {
background: #fefefe none repeat scroll 0 0;
border: 1px solid #fefefe;
border-radius: 2px;
height: 6px;
margin: 0 1px;
width: 25px;
}
.carousel-indicators .active {
  background-color: #36bfc4;
  border: 1px solid #36bfc4;
  height: 6px;
  margin: 0 1px ;
  width: 25px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 70px }
#team__carousel .carousel-indicators { bottom: -80px }
/*
* ----------------------------------------------------------------------------------------
* 07.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 

/*
* ----------------------------------------------------------------------------------------
* 08.START ABOUT ME & ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.about_me{}
.about_bg{background:#282828;}
.about_img{}
.about_img img{}
.about_me_text{
padding: 40px;
margin-top: 65px;
}
.about_me_text h3{
font-weight: normal;
margin-bottom: 15px;
}
.about_me_text h4{
font-weight: normal;
margin-bottom: 15px;
}
.about_me_text p{font-style: italic;margin-bottom: 30px;}
.about_me_text a{
background: #fff none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
padding: 10px 30px;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.about_me_text a:hover{background: #36bfc4 none repeat scroll 0 0;}


.about_us_bg{background:#282828;}
.about_us_text{padding: 40px;
margin-top: 90px;}
.about_us_text h3{
color: #fff;
font-size: 24px;
font-weight: 600;
letter-spacing: 2px;
margin-bottom: 25px;
}
.about_us_text p{
color: #fff;
font-size: 18px;
font-style: italic;
line-height: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END ABOUT ME & ABOUT US DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 09.START WHAT WE DO DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{padding-top:80px;}
.single_what_we_do{
padding: 60px 40px;
}
.single_service_color_one{background:#26547C;}
.single_service_color_four{background:#00D8FF;}
.single_service_color_five{background:#36bfc4;}
.single_service_color_six{background:#D747CB;}
.single_what_we_do i{
color: #fff;
font-size: 40px;
margin-bottom: 15px;
}
.single_what_we_do h4{
color: #fff;
font-family: lora,sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
text-transform: capitalize;
}
.single_what_we_do p{
color: #fff;
margin-bottom: 0;
font-style: italic;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END WHAT WE DO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-team {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: all 0.3s ease-in-out 0s;
}
@media only screen and (max-width:480px) { 
.single-team  {margin-bottom:40px;}
}
.single-team:hover { box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08) }
.work-overlay {
background: #282828;
height: auto;
overflow: hidden;
padding: 20px;
width: 100%;
}
.work-title{ float: left }
.work-title h5 {
  margin-bottom: 5px;
}
.work-title p { margin: 0 }
.work-icon { float: right }
.work-icon a {
border: 1px solid #ccc;
border-radius: 30px;
color: #fefefe;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
opacity: 0;
text-align: center;
transform: translate3d(0px, 200%, 0px);
transition: all 0.2s ease-in-out 0s;
width: 40px;
}
.work-icon a:hover{ background:#36bfc4;color: #fff !important;border: 1px solid #36bfc4; }
.single-team:hover .work-icon a {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translate3d(0px, 0px, 0px);
			transform: translate3d(0px, 0px, 0px);
}
.single-team:hover .work-icon a:first-child {
	-webkit-transition-delay: 0.1s;
			transition-delay: 0.1s;
}
.single-team:hover .work-icon a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
			transition-delay: 0.15s;
}
.single-team:hover .work-icon a:nth-child(3) {
	-webkit-transition-delay: 0.2s;
			transition-delay: 0.2s;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_service {
    border: 1px solid #282828;
    margin-left: -1px;
    margin-top: -1px;
    padding: 40px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    position: relative;
}
.single_service_color{background:#282828;}
.single_service:hover {
    box-shadow: 2px 2px 20px 2px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.single_service i {
    font-size: 40px;
    padding-bottom: 20px;
    color: #36bfc4;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service h4 {
color: #fefefe;
font-size: 16px;
letter-spacing: 2px;
margin: 0;
padding-bottom: 20px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.single_service p {
font-style: italic;
margin-bottom: 0;
transition: all 0.2s ease 0s;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table {
    background-color: #282828;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:768px) { 
    .pricing-table { margin-bottom: 40px }
}
.pricing-table.active { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) }
.pricing-table h3 {
font-size: 20px;
font-weight: normal;
margin-top: 0;
padding: 25px 0;
text-align: center;
text-transform: capitalize;
}
.price {
	background: #36bfc4;
	color:#fff;
    border: 1px solid #36bfc4 ;
    border-radius: 500px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
    display: inline-block;
    font-family: montserrat,sans-serif;
    font-size: 14px;
    height: 124px;
    line-height: 26px;
    margin-bottom: 30px;
    text-transform: uppercase;
    width: 124px;
}
.price span {
    display: block;
    font-size: 32px;
    margin-top: 39px;
}
.pricing-list {
    border-top: 1px dashed #ccc;
    list-style: outside none none;
    margin-bottom: 0;
    text-align: center;
}
.pricing-list li {
border-bottom: 1px dashed #ccc;
font-size: 16px;
padding: 10px 15px;
transition: all 0.3s ease 0s;
}
.pricing-list li:hover { background: rgba(0,0,0,0.02) }
.pricing-btn { padding: 20px 0 }
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background: #282828 none repeat scroll 0 0; }
.partner { text-align: center }
.partner img {
  background: #fff none repeat scroll 0 0;
  padding: 30px 20px;
  width: 250px;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/	
/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
	
.blog-single{
border: 1px solid #282828;
padding: 20px;
margin-bottom:30px;
}
.blog_content{margin-top:20px;}
.blog_content p{}
	
.blog_about_me{margin-bottom:40px ;}	
.blog_single_title{
text-align: center;
border-bottom: 1px solid #282828;
margin-bottom: 10px ;
padding-bottom: 10px;
letter-spacing: 2px;
font-weight: normal;
}	
.blog_about_me img{margin-bottom: 10px ;}		
.blog_about_me p{}	

.blog_subscribe_me{margin-bottom:40px ;}
.blog_subscribe_me input{
background: #282828 none repeat scroll 0 0;
border: 1px solid #282828;
border-radius: 0;
box-shadow: none;
height: 45px;
margin-bottom: 20px;
}	
.blog_subscribe_me input:focus{border: 1px solid #36bfc4;box-shadow: none;}

.blog_single_gallery{margin-bottom:40px;overflow:hidden;}

.blog_follow_me{margin-bottom:40px;}
.blog_follow_me ul {
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.blog_follow_me ul li { display: inline-block }
.blog_follow_me ul li a {
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-right: 3px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:768px) { 
.blog_follow_me ul li a {margin-bottom: 3px; }
}
.blog_follow_me ul li a:hover { color: #fff;background:#36bfc4; }
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_youtube{background:#D32322;}
.f_skype{background:#01A4E0;}
/*END CONTACT ADDRESS*/	


.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
    background: #282828 none repeat scroll 0 0;
    padding: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.author_part img {
    border: 4px solid #36bfc4;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 { 
overflow: hidden;
margin-bottom: 10px;
}
.author_part p { 
font-style: italic;
margin-bottom: 0;
overflow: hidden;
}
.blog_head_title {
border-bottom: 1px solid #282828;
margin: 0 0 30px;
padding-bottom: 10px;
text-transform: capitalize;
font-weight: normal;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #282828;
    padding: 20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.single_comment img {
    border: 4px solid #36bfc4;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 {
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 10px;
overflow: hidden;
text-transform: capitalize;
}
.single_comment p {
margin-bottom: 0;
font-style: italic;
}
.comment_form input {
  background: #282828 none repeat scroll 0 0;
  border: 1px solid #282828;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  height: 50px;
  padding: 10px;
  width: 100%;
}
.comment_form input:focus{border: 1px solid #36bfc4;box-shadow: none;}
.comment_form textarea {
  background: #282828 none repeat scroll 0 0;
  border: 1px solid #282828;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 16px;
  padding: 10px;
  width: 100%;
}
.comment_form textarea:focus{border: 1px solid #36bfc4;box-shadow: none;}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 14.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
	
/*
* ----------------------------------------------------------------------------------------
* 15.START CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact input {
background: #282828 none repeat scroll 0 0;
border: 1px solid #282828;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: 16px;
height: 50px;
padding: 10px;
width: 100%;
}
.contact textarea {
background: #282828 none repeat scroll 0 0;
border: 1px solid #282828;
border-radius: 0px;
box-shadow: none;
color: #fff;
padding: 10px;
width: 100%;
font-size:16px;
}
.contact input:focus {
border: 1px solid #36bfc4;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
border: 1px solid #36bfc4;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #36bfc4;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END CONTACT FORM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address i {
color: #36bfc4;
font-size: 40px;
margin-bottom: 10px;
}
.single_address h4{
text-transform: capitalize;
margin-bottom: 10px;
font-weight: normal;
}
.single_address p{
font-style: italic;
margin-bottom: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

#map{height:400px;}

/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.single-img {
    position: relative;
    width: 100%;
	transition: all 0.3s ease 0s;
}
.gallery_overlay {
  background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 100% 100% / 100% 100%;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  transition: all 0.3s ease 0s;
}

.post-date {
background:#222;
margin-top: 20px;
padding: 20px;
position: absolute;
top: 0;
}
.single-img:hover .post-date{top:150px;transition: all 0.3s ease 0s;}
.post-date  h3 {
color: #fefefe;
font-family: lora,sans-serif;
font-size: 20px;
font-weight: 500;
margin: 0 0 15px;
text-align: center;
text-transform: capitalize;
}
.post-date  h4 {
color: #ccc;
font-family: lora,sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0;
text-align: center;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 17.END FOOTER GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-top{background: #222;}
.footer-padding{padding:60px 0;}
.single_footer img {
  width: 250px;
}
.single_footer{}
@media only screen and (max-width:768px) { 
.single_footer {margin-bottom:40px}
}
.single_footer h4{
color: #fefefe;
font-size: 16px;
letter-spacing: 2px;
margin: 0 0 30px;
text-transform: uppercase;
}
.single_footer p{
color: #ccc;
margin-bottom: 0;
margin-top: 10px;
}
.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:last-child {
  margin-bottom: 0;
}
.footer_contact ul li span {
color: #ccc;
display: block;
font-size: 16px;
padding-top: 8px;
}
.footer_contact ul li  i {
color: #36bfc4;
float: left;
font-size: 16px;
line-height: 40px;
margin-right: 15px;
text-align: center;
}
/*END FOOTER CONTACT*/
.single_footer ul{}
.single_footer ul li{}
.single_footer ul li a{
color: #ccc;
font-family: lora,sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.single_footer ul li a:hover{color:#36bfc4;}
.f_gallery_pn{
padding-bottom: 5px;
padding-left: 5px;
padding-right: 0;
}
@media only screen and (max-width:480px) { 
.f_gallery_pn{
padding-bottom:5px;
padding-left: 0px;
padding-right: 0;
}
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 19.START FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_bottom{
padding:20px 0;
border-top:1px solid #535353;
}
.copyright  p {
  text-transform: capitalize;
  color:#ccc;
}
/*
* ----------------------------------------------------------------------------------------
* 19.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 20.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top {
height:600px;
position: relative;
}
.section-top:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.section-top-title{
background: #222 none repeat scroll 0 0;
border-radius: 3px;
margin: 250px auto auto;
padding: 20px;
width: 350px;
}
.section-top-title h1 {
color: #fefefe;
font-weight: normal;
letter-spacing: 2px;
margin: 0;
text-transform: capitalize;
}
@media only screen and (max-width:360px) { 
.section-top-title{width: 300px;}
.section-top-title h1 {font-size: 30px;}
}
@media only screen and (max-width:320px) { 
.section-top-title{width: 260px;}
.section-top-title h1 {font-size: 30px;}
}
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.breadcrumb > .active {
  color: #ccc;
}
.section-top-title ol li a {
color: #ccc !important;
 }
.section-top-title ol li a:hover { color: #36bfc4!important }
/*
 * ----------------------------------------------------------------------------------------
 * 20.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/