/*
Author       :Syed Ekram    
Theme Name:  :Fast - Responsive Website Template
Version      :1.0
*/

/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, preloader section etc)
    02. NAVIGATION
    03. START HOME PAGE DESIGN
	 3.1.SLIDER PART DESIGN
	 3.2.PROMOTION STYLE 3 HOME PAGE
    
	04.OTHER PAGE SECTION TOP STYLE
	05. ABOUT US PAGE DESIGN
	06. SERVICE PAGE DESIGN
	
	07. WORK PAGE DESIGN
		7.1 PORTFOLIO FILTER NAME
		7.2 PORTFOLIO IMAGE
		7.3 PORTFOLIO CONTACT ADDRESS
		
	08. NEWS PAGE DESIGN
		8.1 BLOG LEFT SIDE POST
		8.2 END BLOG RIGHT SIDEBAR
		
	09. CONTACT US  PAGE
		9.1 CONTACT FORM
		9.2 CONTACT ADDRESS
		
	10. FOOTER TOP
	11. NEWSLETTER SIGNUP FORM
	12. FOOTER BOTTOM
  =============================================================*/



/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    font-family: "Times New Roman","Open Sans","Calibri","Caudex","Headland One",sans-serif;
    font-size: 18px;
    color: #444444;

}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    color: #222222;
}
p {
    font-size: 18px;
    color: #444;
	font-weight: 400
}
a {
    color: #222;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #fff;
    text-decoration: none;
	font-weight: 400
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}


/*=================================================
 PRELOADER 
=================================================*/

#preloader {
	background: #FFF;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

#status, .status-mes {
	background-image: url(../img/status.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
}

.status-mes {
	background: none;
	left: 0;
	margin: 0;
	text-align: center;
	top: 65%; 
}

.status-mes h4 {
	color: #222;
	margin-top: 30px;
}




.no-padding { padding: 0px }
.section-padding { padding: 70px 0 }
/*Every page section-title*/
.section-title { margin-bottom: 50px }
.section-title:before {
    border-left: 4px double #ddd;
    content: "";
    height: 100px;
    position: absolute;
}
.section-title h3 {
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    margin-left: 20px;
}
.section-title h5 {
    color: #666;
    margin-left: 20px;
}
.section-title p { margin-left: 20px }
/*End Every page section-title*/
.line {
    background: #ddd none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px 0;
    width: 50px;
}
iframe { width: 100% }
/*BTN STYLE*/
.btn-theme-bg {
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    margin: 24px 0;
    outline: 1px solid #fff;
    outline-offset: 2px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-theme-bg:hover,
.btn-theme-bg:focus {
    color: #00A69A;
    background: #fff;
    outline: 1px solid #fff;
    outline-offset: 2px;
    border: 1px solid #fff;
}
.btn-invite-bg {
    border: 1px solid #ddd;
    border-radius: 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    outline: 1px solid #ddd;
    outline-offset: 2px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    background: none;
    margin-top: 60px;
}
.btn-invite-bg:hover,
.btn-invite-bg:focus {
    outline: 1px solid #ddd;
    outline-offset: 2px;
    background: #00A69A;
    color: #fff;
    border: 1px solid #00A69A;
}
@media only screen and (max-width:480px) { 
    .btn-invite-bg {
        margin-bottom: 20px;
        margin-top: 0px;
    }
}
@media only screen and (max-width:360px) { 
    .btn-invite-bg {
        margin-bottom: 20px;
        margin-top: 0px;
    }
}
@media only screen and (max-width:320px) { 
    .btn-invite-bg {
        margin-bottom: 20px;
        margin-top: 0px;
    }
}
.btn-blog-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #222;
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px;
    margin-top: 15px;
    outline: 1px solid #ddd;
    outline-offset: 2px;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.btn-blog-bg:hover,
.btn-blog-bg:focus {
    outline: 1px solid #ddd;
    outline-offset: 2px;
    background: #00A69A;
    color: #fff;
    border: 1px solid #00A69A;
}
/*COLOR ICON*/
.color-icon-1 { color: #FCCB17 }
.color-icon-2 { color: #3ACFF0 }
.color-icon-3 { color: #A6D900 }
.color-icon-4 {
    background: #3ACFF0 none repeat scroll 0 0;
    color: #fff;
}
.color-icon-5 {
    background: #FCCB17 none repeat scroll 0 0;
    color: #fff;
}
.color-icon-6 {
    background: #A6D900 none repeat scroll 0 0;
    color: #fff;
}
.color-icon-7 {
    background: #FF52BB none repeat scroll 0 0;
    color: #fff;
}
.color-icon-8 {
    background: #C947FF none repeat scroll 0 0;
    color: #fff;
}
.color-icon-9 {
    background: #1CC7A5 none repeat scroll 0 0;
    color: #fff;
}
.color-icon-10 { color: #3ACFF0 }
.color-icon-11 { color: #FCCC16 }
.color-icon-12 { color: #A6DA01 }
.color-icon-13 { color: #FB55BA }
/*END COLOR ICON*/
/*END BTN STYLE*/


/*
 * ----------------------------------------------------------------------------------------
 * 02.BOOTSTRAP NAVIGATION OVERRIDES
 * ----------------------------------------------------------------------------------------
 */
 

 /*sekcja, która została przeze mnie dołożona */
	.brand,
	.address-bar {
		display: none;
	}
	 
	@media screen and (min-width:768px) {
		.brand {
			display: inherit;
		}
	}

	
 /* koniec sekcji, która została przeze mnie dołożona */
 

 .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 {
    color: #00A69A !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #00A69A !important;
    background-color: transparent;
}
.navbar-brand {
  padding:0;
}
.navbar-default.menu-shrink .navbar-brand img  {
margin-top:5px;
  transition:0.6s;
}

.navbar-default .navbar-nav>li>a {
    font-weight: 700;
    font-size: 16px;
}
.navbar-default .navbar-nav>li>a:hover { color: #00A69A !important }

.dropdown-menu { background-color: #fff!important }
.dropdown-menu li a {
	-webkit-transition: 0.3s;
	transition: 0.3s;
	color: #222 !important;
	display: block;
	font-weight: 400;
	line-height: 24px;
	padding: 3px 20px;
	white-space: nowrap;
}
.dropdown-menu li a:hover {
    padding-left: 15px;
    color: #fff !important;
    background-color: #01B59A!important;
}
.navbar-default.menu-shrink .dropdown-menu li a:hover {
    padding-left: 15px;
    color: #fff !important;
    background-color: #01B59A!important;
}

.navbar-default .navbar-nav>li:hover .dropdown-menu { display: block }
.navbar-default.menu-top {
    background-color: transparent;
    width: 100%;
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 100%;
}
.navbar-default.menu-top li a {
    color: #fff;
    text-transform: uppercase;
}
.navbar-default.menu-top {
    color: #f3f3f3 !important;
    text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .navbar-default.menu-top {
        color: #f3f3f3 !important;
        margin-left: 10px;
    }
}
.navbar-default.menu-shrink { color: #00A69A !important }
.navbar-default.menu-shrink li a {
    color: #222!important;
    border-left: 1px solid #ddd;
}
.navbar-default .navbar-toggle {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #00A69A }

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *   03.START HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
 /*Start slider part design */
 
 .home-slider {
    overflow: hidden;
    position: relative;
}
.home-slider img {
    width: 100%;
    background-size: cover;
}
.carousel-fade .carousel-inner .item {
    max-height: 900px;
    opacity: .8;
    filter: alpha(opacity=80);
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100) }
.carousel-fade .carousel-inner .item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.7);
}
.carousel-fade .carousel-control { z-index: 20 }
/* Caption style
/* ------------------------------ */
.home-slider .carousel-caption {
    position: absolute;
    top: 55%;
    margin-top: -165px;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    z-index: 15;
    color: #fff;
    bottom: inherit;
}
.home-slider .carousel-caption h1 {
    color: #FFFFFF;
    font-size: 75px;
    line-height: 80px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 40px;
}
@media only screen and (max-width:480px) { 
    .home-slider .carousel-caption h1 {
        font-size: 45px;
        line-height: 80px;
        margin-bottom: 10px;
       
    }
}
@media only screen and (max-width:360px) { 
    .home-slider .carousel-caption h1 {
        font-size: 30px;
        line-height: 80px;
        margin-bottom: 0;
        margin-top: 30px;
    }
}
@media only screen and (max-width:320px) { 
    
}
.home-slider .carousel-caption h1 span { font-weight: 900 }
.home-slider .carousel-caption p {
    color: #FFFFFF;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 70px;
}
@media only screen and (max-width:480px) { 
    .home-slider .carousel-caption p { line-height: 40px }
}
@media only screen and (max-width:360px) { 
    .home-slider .carousel-caption p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}
/* next and previous control button style
/* --------------------------------------------- */
/*control button style one*/
.control-one .carousel-control {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #00A69A;
    font-size: 30px;
    height: 50px;
    line-height: 48px;
    margin-top: -25px;
    opacity: 0;
    filter: alpha(opacity=0);
    text-shadow: none;
    top: 50%;
    visibility: hidden;
    width: 50px;
}
@media only screen and (max-width:480px) { 
    .control-one .carousel-control { display: none }
}
@media only screen and (max-width:360px) { 
    .control-one .carousel-control { display: none }
}
@media only screen and (max-width:320px) { 
    .control-one .carousel-control { display: none }
}
.control-one:hover .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.control-one .carousel-control:hover {
    background-color: #00A69A;
    color: #fff;
}
.control-one .left.carousel-control { left: 30px }
.control-one .right.carousel-control { right: 30px }
/*control button style two*/
.control-two .carousel-control {
    width: 30px;
    height: 60px;
    line-height: 58px;
    font-size: 30px;
    top: 50%;
    margin-top: -25px;
    color: #202020;
    background-color: rgba(255, 255, 255, 0.4);
    background-image: none;
    text-shadow: none;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
@media only screen and (max-width:480px) { 
    .control-two .carousel-control { display: none }
}
@media only screen and (max-width:360px) { 
    .control-two .carousel-control { display: none }
}
@media only screen and (max-width:320px) { 
    .control-two .carousel-control { display: none }
}
.control-two:hover .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.control-two:hover .carousel-control:hover {
    color: #ff2a40;
    background-color: rgba(255, 255, 255, 0.9);
}
/* Text animation delay for first slider
/* ------------------------------------- */
.delay-1 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}
.delay-2 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}
.delay-3 {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}
.delay-4 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}
.learnmore-btn {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    line-height: 18px;
    padding: 20px 40px;
}
@media only screen and (max-width:360px) { 
    .learnmore-btn { padding: 15px 20px }
}
.learnmore-btn:hover {
    background-color: #00A69A;
    border-color: #00A69A;
    color: #fff;
}
 /*3.1 End slider part design */



 
/*3.2 promotion style 3 home page
.promotion { background: #00A69A;transition:0.6s }*/
.promotion { background: #d50000;transition:0.6s }
.promotion:hover{ background: #01B59A }
.promotion-title {
color: #fff;
padding: 30px 0;
text-transform: capitalize;
}

.promotion_home_2 { background: #28C8D6 }
.promotion_home_title {
color: #fff;
padding: 30px 0;
text-transform: capitalize;
}
.promotion_home_3 { background: #01B59A }
.promotion_home_three {
color: #fff;
padding: 30px 0;
text-transform: capitalize;
}
/*3.2 End promotion style 3 home page*/


.media h2 {
    border: 1px solid #ddd;
    border-radius: 100px;
    color: #555;
    font-size: 40px;
    height: 70px;
    line-height: 25px;
    margin-top: 25px;
    padding: 20px 10px;
    text-align: center;
    width: 70px;
}
.media-body { padding-top: 30px }
.media-heading {
    margin-bottom: 5px;
    margin-top: 0;
    color: #222;
    font-size: 16px;
    font-weight: 700;
}

.media .fa {
    color: #555;
    font-size: 22px;
    margin-top: 30px;
    text-align: center;
    width: 50px;
}

/*Start home feature style*/
.feature_title { margin-bottom: 50px }
.feature_title h2 {
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 40px;
}
.feature_title h5 {
    color: #666;
    font-weight: 500;
}
.feature_title p {
    margin: 0 auto;
    width: 700px;
}
@media only screen and (max-width:768px) { 
    .feature_title p {
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width:480px) { 
    .feature_title p {
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width:360px) { 
    .feature_title p {
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width:320px) { 
    .feature_title p {
        margin: 0 auto;
        width: 100%;
    }
}
.single_feature {
    border: 4px double #ddd;
    height: 100%;
    margin-bottom: 20px;
}
.single_feature i {
    font-size: 40px;
    margin-top: 5px;
    padding: 14px;
}
/*End home feature style*/
#promotion_two { background: #00A69A }
.title {
color: #fff;
font-size: 60px;
font-weight: 600;
text-transform: capitalize;
}
.text { color: #fff;
text-transform: capitalize;
font-size: 22px;}

.title_two {
    color: #fff;
    font-size: 59px;
    font-weight: 600;
}


/*Start Home counter timer*/
#counter_item {
background: rgba(0, 0, 0, 0) url("../img/bg/bg-4.jpg") no-repeat scroll center center / cover ;
background-attachment: fixed;
}
.overlay{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
padding: 60px 0;}
.time_counter {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
}
.counter_title {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
.color_one { color: #3ACDED }
.color_two { color: #FACF0F }
.color_three { color: #A5DC02 }
.color_four { color: #FF52BB }
/*End Home counter timer*/
/*Start company partner logo*/
#partner-logo { background: rgba(0, 0, 0, 0) url("../img/bg/bg-5.jpg") no-repeat scroll center center / cover ;
background-attachment: fixed;}
.partner_title { margin-bottom: 50px }
.partner_title h2 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}
.partner_title h5 {
    color: #fff;
    line-height: 24px;
}
.partner_title p {
    margin: 0 auto;
    color: #fff;
    width: 800px;
}
@media only screen and (max-width:768px) { 
    .partner_title p {
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width:480px) { 
    .partner_title p {
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width:360px) { 
    .partner_title p {
        margin: 0 auto;
        width: 100%;
    }
}
@media only screen and (max-width:320px) { 
    .partner_title p {
        margin: 0 auto;
        width: 100%;
    }
}
.item_img { text-align: center }
.item_img img { height: 150px }
/*End company partner logo*/

/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
/*
 * ----------------------------------------------------------------------------------------
 * 04.START SECTION TOP STYLE
 * ----------------------------------------------------------------------------------------
 */
#section-top {
    background: rgba(0, 0, 0, 0) url("../img/bg/slider-3.jpg") no-repeat scroll center center / cover;
    height: 450px;
    padding-top: 150px;
}
.section_title h1 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.section_title p {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04. END SECTION TOP STYLE
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 * 05.START ABOUT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
#about { background: #F8F8F8 }

.single_about {
    padding: 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

.single_about_one{background: #d50000;}
.single_about_two{background:#d50000;}
.single_about_three{background:#d50000;}

.single_about h4 {
    font-weight: 700;
    text-transform: uppercase;
	color:#fff;
}
@media only screen and (min-width:991px) { 
.single_about h4 {font-size: 28px;}
}
.single_about p{ color: #fff }
.single_about i {
    border-radius: 100px;
    font-size: 30px;
    padding: 25px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_about:hover > i {
    background: #fff;
    color: #00A69A;
}

.about_line {
    background: #ddd none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 50px;
}
.about_single { }
.about_single h4 {
    margin-top: 10px;
    font-weight: 600;
}
@media only screen and (min-width:991px) { 
.about_single h4{font-size: 16px;}
}
/*skills style*/
.about-skills { margin-top: 50px }
.progress-bar-text {
    font-size: 12px;
    margin-bottom: 10px;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #dbdbdb none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 2px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #00A69A none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/*End skills style*/
/*Start team style*/
.team { padding: 5px }
.team:hover { }
.team h3 { line-height: 32px;
margin-top: 20px; }
.team h6 { font-size: 18px }
.team img { width: 100% }
.team_social_icon {
    margin-bottom: 20px;
    margin-top: 20px;
}
.team_social_icon ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.team_social_icon ul li { display: inline-block }
.team_social_icon ul li a {
    border: 1px solid #ddd;
    border-radius: 500px;
    color: #222;
    font-size: 16px;
    margin: 5px;
    padding: 6px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.team_social_icon ul li a i { width: 20px }
.team_social_icon ul li a:hover {
    color: #fff;
    background: #00A69A;
    border: 1px solid #00A69A;
}
/*End team style*/
/*Start testimonial style*/
#testimonial {
    background: rgba(0, 0, 0, 0) url("../img/bg/bg-4.jpg") no-repeat scroll 0 0;
    background-position: center;
    background-size: cover;
}
.testimonial_text { color: #fff }
.testimonial_title { color: #fff }
.testimonial-container h3 { color: #fff }
.testimonial-container img {border-radius: 100px;
border: 3px solid #fff; }
/*End testimonial style*/
/*Start Count down style*/
.counter { border-left: 1px solid #ddd }
#features h1 { font-weight: 700 }
#features p {
    color: #666;
    text-transform: uppercase;
    font-weight: 600;
}
#features h6 {
    color: #666;
    font-weight: 600;
}
#features .slider-overlay {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}
/*End Count down design*/
/*
 * ----------------------------------------------------------------------------------------
 *05.  END ABOUT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 * 06.START SERVICE PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_service { margin-top: 20px }
.single_service i {
    float: left;
    width: 70px;
    height: 70px;
    font-size: 20px;
}
.single_service h5 {
    font-weight: 700;
    text-transform: uppercase;
}
.single_service p { }
.single_service img { }

.service_line {
    background: #ddd none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px 20px 20px 70px;
    width: 50px;
}
/* service carousal*/
.cover-container img {
    height: 100%;
    width: 100%;
}
.member_summary { margin-top: 20px }
.carousel-indicators li {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 12px;
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
.carousel-indicators .active {
    height: 6px;
    margin: 0 1px;
    width: 6px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -40px }
/* End service carousal*/
/* service part-two*/
#service-part-two { }
.service_desc {
    border: 4px double #ddd;
    margin-top: 30px;
    padding: 30px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.service_desc i {
    border-radius: 100px;
    float: left;
    font-size: 30px;
    height: 80px;
    margin-right: 20px;
    padding: 24px;
    text-align: center;
    width: 80px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.service_desc h5 {
    text-transform: uppercase;
    font-weight: 700;
}
.service_desc p { }
.service_desc:hover {
    background: #00A69A;
    border: 4px double #00A69A;
}
.service_desc:hover > i {
    background: #fff;
    color: #00A69A;
}
.service_desc:hover > h5 { color: #fff }
.service_desc:hover > p { color: #fff }
.service-color-2:hover {
    background: #28C8D6;
    border: 4px double #28C8D6;
}
.service-color-2:hover > i {
    background: #fff;
    color: #28C8D6;
}
.service-color-2:hover > h5 { color: #fff }
.service-color-2:hover > p { color: #fff }
.service-color-3:hover {
    background: #00A69A;
    border: 4px double #00A69A;
}
.service-color-3:hover > i {
    background: #fff;
    color: #00A69A;
}
.service-color-3:hover > h5 { color: #fff }
.service-color-3:hover > p { color: #fff }
/* End service part-two*/
/* service part-three*/
#service-part-three { background: rgba(0, 0, 0, 0) url("../img/bg/bg-4.jpg") no-repeat fixed center center / cover }
.service_title {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width:360px) { 
.service_title {font-size: 28px;line-height: 36px;}
}

.service_text {
    color: #fff;
    font-weight: 500;
}
/* End service part-three*/
/* Start Pricing table */
.pricing-content {
    border: 1px solid #ddd;
    margin-bottom: 40px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.pricing-title {
    margin-bottom: 20px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.pricing-title h3 {
border-bottom: 1px solid #00A69A;
margin-bottom: 15px;
margin-top: 0;
padding: 10px 0;
background: #00A69A;
color: #fff;
}
.pricing-price h4 {
background: #00a69a none repeat scroll 0 0;
border: 1px solid #00a69a;
border-radius: 500px;
color: #fff;
font-size: 40px;
height: 100px;
margin: 0 auto;
padding: 26px 13px;
width: 100px;
}
.pricing-data p {
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.pricing-order { margin-top: 30px }
.btn-pricing-bg {
background: #00a69a none repeat scroll 0 0;
border: 1px solid #00a69a;
border-radius: 0;
color: #fff;
font-size: 12px;
font-weight: 700;
margin-bottom: 20px;
outline: 1px solid #ddd;
outline-offset: 2px;
padding: 10px 20px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    outline: 1px solid #ddd;
    outline-offset: 2px;
    background: #00A69A;
    color: #ddd;
    border: 1px solid #00A69A;
}
/* End Pricing table */
.service_screenshot { }
.service_screenshot img {
    height: 360px;
    width: 100%;
}
.serivce-four { }
.serivce-four h5 {
    color: #888;
    font-size: 18px;
    margin-top: 10px;
}
.serivce-four h3 {
    font-weight: 600;
    text-transform: uppercase;
}
@media only screen and (max-width:360px) { 
.serivce-four h3 {font-size:20px;}
}
@media only screen and (max-width:360px) { 
.serivce-four h3 {font-size:16px;}
}
.serivce-four p { margin-bottom: 50px }
/*
 * ----------------------------------------------------------------------------------------
 * 06.END SERVICE PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  07.START PORTFOLIO PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.portfolio-wrapper { }
/*7.1 portfolio filter name*/
.filter {
    overflow: hidden;
    margin-bottom: 50px;
    text-align: center;
}
.filter li {
    border: 1px solid #ddd;
    display: inline-block;
    margin-top: 5px;
    outline: 1px solid #ddd;
    outline-offset: 2px;
    overflow: hidden;
    padding: 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.filter li a {
    color: #adadad;
    font-weight: 700;
    padding: 10px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
    .filter li a { padding: 10px 5px }
}
.filter li a:hover,
.filter li a:active,
.filter li a:focus,
.filter li a.active { color: #00A69A }
/*7.1 End portfolio filter name*/

/*7.2 portfolio image*/
.portfolio-items {
    width: 100%;
    padding-left: 0px !important;
}
.portfolio-items li {
    width: 31.3%;
    margin: 1%;
    float: left;
    position: relative;
    overflow: hidden;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .portfolio-items li { width: 98% }
}
@media only screen and (max-width:360px) { 
    .portfolio-items li { width: 98% }
}
@media only screen and (max-width:320px) { 
    .portfolio-items li { width: 98% }
}
.portfolio-content img {
    width: 100%;
    display: block;
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.portfolio-content:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.portfolio-content figcaption {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.portfolio-content:hover.portfolio-content figcaption {
    background: #00A69A;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.portfolio-desc {
    background: transparent none repeat scroll 0 0;
    left: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0 5%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-80%, -40%) scale(0.5);
        -ms-transform: translate(-80%, -40%) scale(0.5);
            transform: translate(-80%, -40%) scale(0.5);
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 100%;
}
.portfolio-desc h4 {
    color: #ffffff;
    font-size: 16px;
   
}
.portfolio-desc p { color: #ffffff }
.portfolio-desc a {
    color: #fff !important;
    display: inline-block;
    font-size: 50px;
    height: 50px;
    line-height: 46px;
    margin: 5px;
    width: 50px;
}
.portfolio-desc a:hover { color: #ffffff !important }
.portfolio-content figcaption:hover .portfolio-desc {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}
/*7.2 End portfolio image*/

/*7.3 portfolio contact address*/
#portfolio-contact {
    background: rgba(0, 0, 0, 0) url("../img/bg/bg-4.jpg") no-repeat scroll 0 0;
    background-position: center;
    background-size: cover;
}
.portfolio-address-one {
    border-bottom: 3px solid #fdca1f;
    margin-bottom: 20px;
}
.portfolio-address-one i { color: #fff !important }
.portfolio-address-one h4,
.portfolio-address-two h4,
.portfolio-address-three h4 { color: #fff }
.portfolio-address-one p,
.portfolio-address-two p,
.portfolio-address-three p { color: #fff }
.portfolio-address-two {
    border-bottom: 3px solid #FC53BA;
    margin-bottom: 20px;
}
.portfolio-address-two i { color: #fff !important }
@media only screen and (max-width:768px) { 
    .portfolio-address-one h4,
    .portfolio-address-two h4,
    .portfolio-address-three h4 { font-size: 13px }
    .portfolio-address-two p { font-size: 14px }
}
.portfolio-address-three { border-bottom: 3px solid #A4DD05 }
.portfolio-address-three i { color: #fff !important }
.media .fa {
    font-size: 30px;
    line-height: 25px;
    margin-top: 25px;
    padding: 22px;
    width: 70px;
}

.media-heading {
    margin-bottom: 5px;
    margin-top: 0;
    color: #222;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
   }

/* 7.3 End portfolio contact address*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.END PORTFOLIO PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 08.START NEWS PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 /*8.1 blog left side post*/
#blog { }
.blog-post { margin-bottom: 50px }
.blog-post h4 {
    font-weight: 600;
    margin-top: 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    border-bottom: 4px double #ddd;
    padding: 15px 0;
}
.blog-post h4:hover { color: #00A69A }
.blog-post img { margin-bottom: 20px }
.blog-post span {
    margin-right: 20px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
.blog-post span:hover { color: #00A69A }
.blog-post span i {
    color: #00A69A;
    margin-right: 10px;
}
.blog-post p { }
.content_element { margin-top: 20px }
.content_element a {
    display: block;
    position: relative;
}
.content_element a:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 1;
}
.content_element a:hover:before { opacity: 0.5; filter: alpha(opacity=50) }
.content_element a:after {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    content: "\f002";
    display: block;
    font-family: FontAwesome;
    font-size: 30px;
    height: 100px;
    left: 50%;
    line-height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: scale();
        -ms-transform: scale();
            transform: scale();
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 100px;
    z-index: 2;
}
.content_element a:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
/*pagination*/
#pagination ul li a {
    color: #222;
    border: 1px solid #ddd;
    border-radius: 0;
}
#pagination ul li a:hover {
    color: #fff;
    background: #00A69A;
}
.blog_sidebar_title {
    border-bottom: 4px double #ddd;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
/*pagination*/
 /*8.1 End blog left side post*/
 
 
/*Start blog sidebar*/
/*8.2 End blog right sidebar*/
.search,
.recent_post,
.aboutus_post,
.latest_post,
.video_post,
.categories { margin-bottom: 30px }
.recent_single {
    margin-bottom: 20px;
    overflow: hidden;
}
.recent_single > a:hover { color: #28c8d6 }
.recent_single img {
    width: 120px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
}
.recent_single h4 {
    line-height: 25px;
    font-size: 16px;
	transition:0.6s
}
.recent_single h4:hover{color:#00A69A;}
@media only screen and (max-width:991px) { 
    .recent_single h4 { font-size: 12px }
}
.recent_single span i {
    color: #00A69A;
    margin-right: 10px;
}
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
    color: #222;
    font-weight: 400;
    padding: 5px 0;
    display: block;
}
.categories ul li a:hover { color: #00A69A }
.categories ul li a i { margin-right: 10px }
.latest_post { overflow: hidden }
.latest_post img {
    width: 130px;
    float: left;
    margin: 5px;
}
@media only screen and (max-width:768px) { 
    .latest_post img { width: 110px }
}
@media only screen and (max-width:480px) { 
    .latest_post img { width: 205px }
}
@media only screen and (max-width:360px) { 
    .latest_post img { width: 155px }
}
@media only screen and (max-width:320px) { 
    .latest_post img { width: 125px }
}
/*8.2 End blog right sidebar*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.END NEWS PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 09.START CONTACT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 /*9.1 contact form*/
.contact-form { }
input.form-control {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 5 !important;
    color: #222;
    box-shadow: none;
}
textarea.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #222;
    border-radius: 0;
    box-shadow: none;
}
.form-control:focus {
    border: 1px solid #00A69A;
    box-shadow: none;
    outline: 0 none;
}
 /*9.1 End contact form*/
 
 /*9.2 contact address*/
.single-address-one {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 3px solid #fdca1f;
    margin-bottom: 20px;
}
.single-address-two {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 3px solid #FC53BA;
    margin-bottom: 20px;
}
.single-address-three {
    background: #F8F8F8;
    border-bottom: 3px solid #A4DD05;
}
.media .fa {
    font-size: 30px;
    line-height: 25px;
    margin-top: 25px;
    padding: 22px;
    width: 70px;
}
.media-heading {
    margin-bottom: 5px;
    margin-top: 0;
    color: #222;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
   
}
@media only screen and (max-width:360px) { 
.media-heading {font-size: 14px;}
}
 /*9.2 End contact address*/
/*
 * ----------------------------------------------------------------------------------------
 * 09.END CONTACT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
*  10.START FOOTER STYLE
* ----------------------------------------------------------------------------------------
*/
/* START FOOTER TOP*/
#footer-section { background: #1C2128 }
.single-footer { margin-bottom: 30px }
.single-footer h3 {
    color: #adadad;
    border-bottom: 4px double #363a40;
    padding: 15px 0;
}
.footer_social_icon { margin: 30px 0 }
.footer_social_icon ul li { display: inline-block }
.footer_social_icon ul li a {
    background: #212728 none repeat scroll 0 0;
    border: 1px solid #212728;
    border-radius: 100px;
    color: #adadad;
    font-size: 18px;
    margin-right: 5px;
    padding: 10px;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.footer_social_icon ul li a i {
    width: 23px;
    text-align: center;
}
.footer_social_icon ul li a:hover {
    color: #00A69A;
    background: #fff;
    border: 1px solid #fff;
}
.single-footer p {
    color: #adadad;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.single-footer a {
    color: #adadad;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
}
.single-footer a:hover { color: #00A69A; }
.btn-footer-dark-bg {
    background: #212728 none repeat scroll 0 0;
    border: 1px solid #212728;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    font-size: 11px;
    margin: 10px 0;
    padding: 8px 12px;
    text-shadow: none;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease-in-out 0s;
            transition: all 0.4s ease-in-out 0s;
}
.btn-footer-dark-bg:hover,
.btn-footer-dark-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #00A69A;
}
.single-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-footer ul li { }
.single-footer ul li a {
    color: #ccc;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: 0.60s;
            transition: 0.60s;
}
.single-footer ul li a:hover {
    padding-left: 10px;
    color: #00A69A;
}
/* 10.END FOOTER TOP*/

/*11.NEWSLETTER SIGNUP FORM*/
#newsletter {
    background: #1c2128 ;
    padding: 30px 0;
	border-top: 1px solid #363a40;
}
.newsletter-title {
color: #fff;
font-size: 17px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 12px;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
    .newsletter-title { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .newsletter-title { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .newsletter-title { font-size: 10px }
}
.newsletter-title i {
    color: #fff;
    margin-right: 10px;
    font-size: 22px;
}
#mc-embedded-subscribe {
    background: #212728 none repeat scroll 0 0;
    border-color: #212728;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    margin-bottom: 0;
    padding: 10px 15px;
    text-transform: uppercase;
	transition:0.6s;
}
#mc-embedded-subscribe:hover{background: #00A69A none repeat scroll 0 0;
    border-color: #00A69A; color: #fff;}
/*11.END NEWSLETTER SIGNUP FORM*/

/*12.FOOTER BOTTOM*/
#footer{
background: #1c2128 none repeat scroll 0 0;
padding: 25px 0;
border-top: 1px solid #363a40;
}
#footer p {
    color: #adadad;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 5px;
    text-transform: capitalize;
    font-size: 12px;
}
/*
* ----------------------------------------------------------------------------------------
*  12.END FOOTER STYLE
* ----------------------------------------------------------------------------------------
*/