/*
Author       : Syed Ekram.
Template Name: Ariane - Responsive Website Template.
Version      : 1.1
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME PAGE DESIGN
    04. START SECTION TOP DESIGN
    05. START SERVICE PAGE DESIGN
    06. START ABOUT PAGE DESIGN
    07. START PORTFOLIO DESIGN
    08. START BLOG PAGE DESIGN
    09. START CONTACT PAGE DESIGN
    10. START FOOTER TOP DESIGN
    11. START FOOTER BOTTOM DESIGN         
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    font-family: 'Roboto Slab', sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: #757575;
    font-weight: 300;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 { color: #202020 }
a {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: ;
}
#menu ul li
	{
    list-style-type: none;
    margin: 3px;
    padding: 0;
  	background-color: #282828; 
	
	}

#menu li > a:hover{
    background-color: #1CBAC8;
	
}	
	
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: 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  h1 { text-transform: uppercase }
.section-title > h1 span { color: #1CBAC8 }

/* contacts-map */
.contacts-map {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #e6e6e6;
  margin-bottom: 70px;
  height: 400px;
}

/* slider css */
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
 
}


@media only screen and (max-width:768px) { 
    .section-title h1 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h1 {
        font-size: 30px;
        text-align: center;
    }
}
@media only screen and (max-width:360px) { 
    .section-title h1 {
        font-size: 24px;
        text-align: center;
    }
}
@media only screen and (max-width:320px) { 
    .section-title h1 { text-align: center }
}
.section-title div {
    background: #1CBAC8 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 15px auto 50px;
    width: 50px;
}
/*END SECTION TITLE DESIGN*/
/*SECTION OVERLAY*/
.overlay {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0;
    padding: 60px 0;
}
/*END SECTION OVERLAY*/
/*BTN STYLE*/
.btn-light-bg {
    color: #333;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    font-size: 12px;
    margin-bottom: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #1CBAC8;
    border: 1px solid #1CBAC8;
    color: #fff;
}
/*BTN STYLE*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02.START HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/
.header { background: #2E3537 }
.header_social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header_social ul li {
float: left;
width: 45px;
height: 40px;
}
@media only screen and (max-width:320px) { 
    .header_social ul li { width: 48px }
}
.header_social ul li a {
    color: #fff;
    display: block;
    padding: 8px 14px;
	transition:0.4s
}
.header_social ul li a i { font-size: 16px;transition:0.4s }
.header_social ul li a:hover i {transform:scale(1.1)}
.facebook {
    background: #5D82D1;
}
.twitter {
    background: #40BFF5;
}
.instagram {
    background: #EB5E4C;
}
.linkedin {
    background: #238CC8;
}
.youtube {
    background: #E13138;
}
.skype {
    background: #35C6EA;
}
.header_contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header_contact ul li {
    border-right: 1px solid #4A4F51;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 0px;
    padding: 6px;
}
.header_contact li:first-child { border-left: 1px solid #4A4F51 }
@media only screen and (max-width:360px) { 
    .header_contact ul li {
        padding: 8px;
        margin-right: 0;
    }
}
@media only screen and (max-width:320px) { 
    .header_contact { margin-left: 3px }
    .header_contact ul li {
        padding: 6px;
        font-size: 12px;
        margin-right: 0;
    }
}
.header_contact ul li i { margin-right: 10px }
.header_contact ul li a { color: #a4aab3 }
.header_contact ul li a:hover {
    text-decoration: underline;
    color: #a4aab3;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END HEADER DESIGN
* ----------------------------------------------------------------------------------------
*/



/*
* ----------------------------------------------------------------------------------------
* 03. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
padding: 15px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #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: 0px }
.navbar-brand img { width: 48px }
.navbar-default .navbar-nav>li>a {
color: #444;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
}
.navbar-default .navbar-nav>li>a:hover { color: #1cbac8 !important }
.dropdown-menu {
    background-color: #282828;
    border-radius: 0;
	padding:0;
}
.dropdown-menu li a {
color: #b1b1b1 !important;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 24px;
padding: 8px 20px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.dropdown-menu li a:hover {
    color: #fff !important;
    background-color: #1cbac8!important;
}
.navbar-default.menu-shrink .dropdown-menu li a:hover {
    color: #fff !important;
    background-color: #1cbac8!important;
}
.navbar-default .navbar-nav>li:hover .dropdown-menu { display: block }
.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: #1cbac8 }

/*
* ----------------------------------------------------------------------------------------
* 03.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.home_overlay {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
}
.hero { height: 550px }
.hero-text h1 {
color: #fff;
font-size: 55px;
font-weight: 700;
letter-spacing: 2px;
line-height: 66px;
margin-bottom: 20px;
padding-top: 250px;
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
.hero-text h1 {
font-size: 32px;
line-height: 32px;
    }
}
.hero-text p {
color: #fff;
font-size: 22px;
line-height: 34px;
margin-bottom: 30px;
text-transform: uppercase;
}
.btn-home-bg {
background-color: transparent;
border-color: #fff;
border-radius: 0;
color: #fff;
font-size: 18px;
line-height: 18px;
padding: 15px 40px;
text-transform: uppercase;
}
@media only screen and (max-width:360px) { 
    .btn-home-bg { padding: 15px 20px }
}
.btn-home-bg:hover {
    background-color: #1CBAC8;
    border-color: #1CBAC8;
    color: #fff;
}
/*END SLIDER DESIGN*/
/*START PROMOTION DESIGN*/
.buy_now {
    background: #1CBAC8;
    padding: 40px 0;
}
.buy_now_title {
    color: #fff;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .buy_now_title { letter-spacing: 0px }
}
.btn-promotion-bg {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    margin-left: 100px;
    padding: 10px 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .btn-promotion-bg {
        margin-left: 10px;
        margin-top: 20px;
    }
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*END PROMOTION DESIGN*/
/*START ABOUT*/
.about {
    background: #F8F8F8;
    padding-top: 60px;
}
.single_about {
    border-right: 1px solid #e8e8e9;
    border-top: 1px solid #e8e8e9;
    padding: 20px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    background: #fff;
}
.single_about:last-child { border-right: 0px }
.single_about:hover { background: #1CBAC8 }
.single_about:hover i { color: #1CBAC8 }
.single_about:hover h4 { color: #fff }
.single_about:hover p { color: #fff }
.single_about i {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 50%;
    color: #dadfe1;
    display: inline-block;
    font-size: 30px;
    height: 100px;
    line-height: 100px;
    margin: -50px 0 24px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
    width: 100px;
}
.single_about h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}
@media only screen and (max-width:768px) { 
    .single_about h4 { font-size: 15px }
}
/*END ABOUT*/
/*START WHY CHOOSE US*/
.why_overlay {
    background: rgba(38, 39, 50, 0.9) none repeat scroll 0 0;
    height: 100%;
    padding: 60px 0;
}
.section-title-white { color: #fff }
.single_why {
    border: 1px solid #555;
    padding: 60px 20px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_why:hover { border: 1px solid #1cbac8 }
@media only screen and (max-width:480px) { 
    .single_why { margin-bottom: 20px }
}
.single_why i {
    color: #1cbac8;
    font-size: 22px;
    margin-bottom: 10px;
}
.single_why h4 {
    color: #fff;
    text-transform: uppercase;
}
.single_why p { color: #fff }
/*END WHY CHOOSE US*/
/*START COUNT DOWN DESIGN*/
.counter_feature{background:#f6f6f6;}
.counter {
background:#fff;
	box-shadow:0px 11px 10px 0px rgba(0,0,0,0.1);
    border: 1px solid #e8e8e9;
    padding: 20px;
	transition: all 0.4s ease 0s;
}
.counter:hover {background:#1cbac8;transform:translate3d(0px, -10px, 0px)}
@media only screen and (max-width:480px) { 
    .counter { margin-bottom: 10px }
}

.counter h1 {
    color: #1CBAC8;
    font-weight: 700;
	transition: all 0.4s ease 0s;
}
.counter:hover h1 {color:#fff;}
.counter p {
    text-transform: capitalize;
    font-size: 18px;
	transition: all 0.4s ease 0s;
}
.counter:hover p {color:#fff;}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .counter p { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 17px }
}
/*END COUNT DOWN DESIGN*/
/*START TEAM DESIGN*/
.team h4 {
    margin-top: 10px;
    text-transform: uppercase;
}
.team img { width: 100% }
.team_social_icon {
    margin-bottom: 20px;
    margin-top: 20px;
}
@media only screen and (max-width:768px) { 
    .team_social_icon { margin-bottom: 40px }
}
.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 {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 45px;
    line-height: 21px;
    padding: 10px 13px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
    width: 45px;
}
.team_social_icon ul li a i { width: 20px }
.team_social_icon ul li a:hover {
    background: #1CBAC8;
    color: #fff;
    border: 1px solid #1CBAC8;
}
.facebook {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.twitter {
    background: #40BFF5;
    border: 1px solid #40BFF5;
}
.instagram{
    background: #EB5E4C;
    border: 1px solid #EB5E4C;
}
.linkedin {
    background: #238CC8;
    border: 1px solid #238CC8;
}
/*END TEAM DESIGN*/
/*START TESTIMONIAL DESIGN*/
.testimonial_overlay {
    background: rgba(255,255,255,0.9);
    padding: 100px 0;
}
.cover-container img { display: inline }
.testimonial-image {
    border-radius: 100px;
    width: 120px;
    height: 120px;
}
.testomonial_left {
    float: left;
    margin-right: 50px;
}
.testomonial_left h4 { margin: 10px 0 }
.testimonial_text {
    letter-spacing: 1px;
    padding-top: 30px;
}
@media only screen and (max-width:480px) { 
    .testimonial_text {
        letter-spacing: 0px;
        text-align: left;
    }
}
.testomonial_left h5 { margin-bottom: 5px }
.carousel-indicators li {
    background: #333 none repeat scroll 0 0;
    border: 1px solid #333;
    border-radius: 12px;
    height: 2px;
    margin: 0 1px;
    width: 20px;
}
.carousel-indicators .active {
    height: 2px;
    margin: 0 1px;
    width: 20px;
    border: 1px solid #1CBAC8;
    background: #1CBAC8 none repeat scroll 0 0;
}
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -40px }
/*END TESTIMONIAL DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  04.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 60px;
    padding-top: 100px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li { color: #fff!important }
.section-top-title ol li a { color: #fff!important }
.section-top-title ol li a:hover { color: #1CBAC8!important }
/*
 * ----------------------------------------------------------------------------------------
 *  04.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.START SERVICE PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_service {
    border: 1px solid #e8e8e9;
    margin-bottom: 25px;
    padding: 55px 30px;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_service:hover { border: 1px solid #1CBAC8 }
.single_service i {
    font-size: 26px;
    margin-bottom: 20px;
    color: #1CBAC8;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
.single_service:hover i { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) }
.single_service h4 {
    font-weight: 700;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .single_service h4 { font-size: 15px }
}
/*START FEATURE DESIGN*/
.feature { }
.single_feature { margin-bottom: 40px }
.single_feature i {
    color: #fff;
    margin-right: 30px;
    font-size: 22px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
.single_feature h4 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
    -webkit-transition: 0.4s;
            transition: 0.4s;
}
.single_feature:hover h4 { color: #1CBAC8 }
.single_feature:hover i { color: #1CBAC8 }
.single_feature p { color: #fff }
/*END FEATURE DESIGN*/
/*START PRICING DESIGN*/
.pricing-section{background:#fafafa;}
.pricing_overlay{background:rgba(255,255,255,0.9);padding:60px 0;}
.pricing-content {
background: #fff none repeat scroll 0 0;
border-top: 3px solid #1cbac8;
box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
transition: all 0.4s ease 0s;
}
.pricing-content:hover{transform:scale(1.02);}
@media only screen and (max-width:768px) { 
    .pricing-content { margin-bottom: 20px }
}
.pricing-price h1{
color: #1cbac8;
font-size: 50px;
margin: 0;
padding: 20px 0;
}
.pricing-price h1 span{font-size: 70px;}
.pricing-title h3 {
  margin: 0;
  padding: 10px 0;
}
.pricing-data p {
    padding: 10px 0;
    margin-bottom: 0;
}
.pricing-order a{
background: #1cbac8 none repeat scroll 0 0;
border: 1px solid #1cbac8;
color: #fff;
}
.pricing-order a:hover{
background: none repeat scroll 0 0;
border: 1px solid #e8e8e9;
color: #333;
}
.pricing-order { padding: 20px 0 }
/*END PRICING DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.END SERVICE PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 *  06.START ABOUT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_who { padding-top: 100px }
@media only screen and (max-width:768px) { 
    .single_who { padding-top: 0px }
}
.single_who h2 {
    color: #1CBAC8;
    border-bottom: 1px solid #e8e8e9;
    margin-bottom: 30px;
    margin-top: 0;
    padding: 10px 0;
    text-transform: uppercase;
}
@media only screen and (max-width:360px) { 
    .single_who img { padding-top: 30px }
}
.single_who p { margin-bottom: 30px }
/* START SKILL DESIGN */
.progress-bar-text {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 30px;
    margin: 0 0 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #1CBAC8 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*START COMPANY LOGO DESIGN*/
.company_logo { background: #f8f8f8 none repeat scroll 0 0 }
.company_logo img {
    /*     height: 100px;;
    width: 100%;*/
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .company_logo img { margin-bottom: 20px }
}
.company_logo img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
/*END COMPANY LOGO DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 *  06.END ABOUT PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 07.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.work_all_item .mix { display: none }
.our_work_menu ul {
    list-style-type: none;
    margin-bottom: 35px;
    padding: 0;
}
.our_work_menu ul li {
    border: 1px solid #e8e8e9;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 5px 13px;
    padding: 5px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .our_work_menu ul li { padding: 5px 15px }
}
.our_work_menu ul li:hover,
.our_work_menu ul li.active {
    border-color: #1cbac8;
    background: #1cbac8;
    color: #fff;
}
.work_all_item .grid-item { padding: 0 }
.single_our_work {
    -webkit-transition: 0.5s;
            transition: 0.5s;
    overflow: hidden;
}
.sing_work_photo { position: relative }
.single_our_work img {
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.single_our_work figure { margin-bottom: 0 }
.sing_work_text_link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    background: rgba(28, 186, 200, 0.8) none repeat scroll 0 0;
    -webkit-transition: .4s;
            transition: .4s;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.sing_work_content_wrap {
    display: table;
    height: 100%;
    width: 100%;
}
.sing_work_content {
    display: table-cell;
    vertical-align: middle;
}
.sing_work_text_link h4 {
    color: #fff;
    text-transform: uppercase;
}
.single_our_work:hover .sing_work_text_link h4 { -webkit-animation: fadeInDown 500ms ease-in-out; animation: fadeInDown 500ms ease-in-out }
.single_our_work:hover .sing_work_text_link p { -webkit-animation: fadeInDown 600ms ease-in-out; animation: fadeInDown 600ms ease-in-out }
.sing_work_text_link p { margin: 10px 0 25px }
.sing_link_img a i.fa { font-size: 14px }
.sing_link_img a {
    background: #fff;
    border-radius: 50%;
    color: #333;
    display: inline-block;
    height: 40px;
    line-height: 39px;
    -webkit-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
    width: 40px;
}
.sing_link_img a:hover {
    background: #1cbac8;
    color: #fff;
}
.sing_link_img a.search { margin-right: 17px }
.single_our_work:hover  .sing_link_img a.search { -webkit-animation: fadeInLeft 1000ms ease-in-out; animation: fadeInLeft 1000ms ease-in-out }
.single_our_work:hover  .sing_link_img a.link { -webkit-animation: fadeInRight 1000ms ease-in-out; animation: fadeInRight 1000ms ease-in-out }
.single_our_work:hover {
    background: #1cbac8;
    color: #fff;
}
.single_our_work:hover .sing_work_text_link {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/*START PORTFOLIO SINGLE PAGE DESIGN*/
.single_project{background:#f6f6f6; padding-top:60px}
.project_dec {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 4px 8px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 60px;
padding: 20px;
}
.project_dec img {margin-right: 20px;
width: 600px;}
@media only screen and (max-width:768px) { 
.project_dec img {width: 100%;}
}
.similar_p {
border-bottom: 1px solid #e8e8e9;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 10px;
padding-top: 40px;
text-align: center;
}
.similar_p span{ color: #3ab3df}
.related_single_project{padding-bottom:60px}
.related_project  h4 {
color: #333;
transition: all 0.4s ease 0s;
padding: 10px 0;
border-bottom: 1px solid #e8e8e9;
}

.related_project  h4:hover { color: #3ab3df }
.about_project h4,
.about_project_details h4 {
    border-bottom: 1px solid #e8e8e9;
    padding: 10px 0;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #3ab3df;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #3ab3df;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
 * ----------------------------------------------------------------------------------------
 * 07.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 

/*
* ----------------------------------------------------------------------------------------
* START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq{background:#f6f6f6;padding:60px 0;}
.faq_desc {
background: #fff none repeat scroll 0 0;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 20px;
}
.question { font-weight: 700 }
.question span {
    background: #202020 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #1cbac8  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}

/*
* ----------------------------------------------------------------------------------------
* END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/





/*
* ----------------------------------------------------------------------------------------
* START 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.search { margin-bottom: 30px }
.error_page h1 {
    font-size: 200px;
    text-shadow: 0 4px 0 #dcdcdc;
}
@media only screen and (max-width:320px) { 
    .error_page h1 { font-size: 150px }
}
.form-control-feedback {
    color: #333;
    line-height: 40px !important;
    width: 60px;
}
.error_page h4 {
    line-height: 30px;
    margin-bottom: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* END 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  08.START BLOG PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.blog-post {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
}
.blog-post h4 {
    border-bottom: 1px solid #e8e8e9;
    text-transform: uppercase;
    padding: 10px 0;
}
.blog-post .tittle-post:hover { color: #1CBAC8 }
.blog-post p { margin-bottom: 30px }
.blog-post .post-bt {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.blog-post .post-bt span {
    color: #1CBAC8;
    font-weight: 700;
}
.blog-post .post-info {
    border-bottom: 1px solid #e8e8e9;
    border-top: 1px solid #e8e8e9;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 8px 0;
    position: relative;
}
.blog-post .post-img {
    position: relative;
    overflow: hidden;
}
.blog-post .post-img img { width: 100% }
.blog-post iframe {
  border: medium none;
  height: 350px;
  width: 100%;
}
.blog-post .post-info li {
    display: inline-block;
    margin-right: 20px;
}
.blog-post .post-info li i {
    margin-right: 10px;
    font-size: 14px;
}
.blog-post .post-info li .date {
    background: #1CBAC8 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-size: 16px;
    padding: 5px 10px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -14px;
    width: 58px;
}

/*START PAGINATION*/
ul.blog_pagination li a {
    border: 1px solid #e8e8e9;
    border-radius: 0 !important;
    color: #333;
    font-size: 18px;
    height: 40px;
    margin: 5px;
    padding: 6px 14px;
    width: 40px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #1CBAC8;
    border: 1px solid #1CBAC8;
}
/*END PAGINATION*/
/*END BLOG LEFT SIDEBAR*/
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
    color: #1CBAC8;
    padding-bottom: 15px;
}
.search,
.recent_post,
.video_post,
.categories { margin-bottom: 30px }
.recent_single {
    margin-bottom: 20px;
    overflow: hidden;
}
.recent_single > a:hover { color: #28c8d6 }
.recent_single img {
    width: 100px;
    height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.recent_single h4 {
    font-size: 16px;
    line-height: 25px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    color: #333;
}
.recent_single h4:hover { color: #1CBAC8 }
@media only screen and (max-width:991px) { 
    .recent_single h4 { font-size: 12px }
}
.recent_single span { color: #333 }
.recent_single span i {
    color: #1CBAC8;
    margin-right: 10px;
}
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
    color: #333;
    display: block;
    padding: 5px 0;
}
.categories ul li a:hover { color: #1CBAC8 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
	 border: medium none;
}
.tag_cloud a { margin: 5px }
@media only screen and (max-width:768px) { 
    .tag_cloud a { padding: 10px 12px }
}
/*END BLOG SIDEBAR*/
.tag a{
border: 1px solid #e8e8e9;
color: #222;
display: block;
float: left;
font-size: 14px;
margin: 4px;
padding: 5px 12px;
transition: all 0.4s ease 0s;
}
.tag a:hover{
background:#3ab3df;
color:#fff;
border: 1px solid #3ab3df;}
/*END BLOG SIDEBAR*/
/*END BLOG SINGLE*/
.comment-section {
  margin-bottom: 50px;
}
.comment-section img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 2px solid #e8e8e9;
}
.comment_single {
background: #f6f6f6 none repeat scroll 0 0;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
}
.comment_single h5 {
    color: #3ab3df;
    font-weight: 600;
}
.blog-contact{
  background: #f6f6f6 none repeat scroll 0 0;
}
.contact-title {
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 15px;
  padding: 10px 0;
}
/*
 * ----------------------------------------------------------------------------------------
 *  08.END BLOG PAGE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 09.START CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.pb60 { padding-bottom: 60px }
.contact_text { margin-bottom: 30px }
.contact_text p {
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}
.contact_address  h4 {
    color: #1CBAC8;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.contact_address {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #e8e8e9;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.1);
padding: 38px;
}
.contact_address i {
    color: #1CBAC8;
    font-size: 16px;
    margin-right: 10px;
}
.contact_address a {
    color: #1CBAC8;
    font-weight: 700;
    letter-spacing: 1px;
}
.contact_address p b {
    color: #1CBAC8;
    letter-spacing: 1px;
}
.contact h4,
.g-map h4 {
    border-bottom: 1px solid #e8e8e9;
    margin-bottom: 30px;
    padding: 10px 0;
    color: #202020;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .g-map h4 { margin-top: 30px }
}
.form-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    height: 45px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #1CBAC8;
    box-shadow: none;
    outline: 0 none;
}
.actions input{ background: none }
.map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 09.END CONTACT PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  10.START FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer-top{background:#040e18;}
@media only screen and (max-width:768px) { 
    .single_footer { margin-bottom: 20px }
}
.single_footer h4 {
    border-bottom: 1px solid #222;
    color: #aaa;
    padding: 10px 0;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
}
.footer_contact ul li {
    color: #aaa;
    padding: 5px 0;
}
.single_footer p { color: #aaa }
.single_footer i {
margin-right: 10px;
border: 1px solid #2e3537 ;
background: #2e3537 ;
color: #fff;
padding: 10px;
width: 40px;
height: 40px;
text-align: center;
 }
.single_footer a { color: #aaa }
.single_footer a:hover { color: #aaa }
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li a {
    color: #aaa;
    display: block;
    text-transform: capitalize;
    font-size: 13px;
    padding: 8px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.single_footer ul li a:hover {
    color: #1cbac8;
}

.btn-footer-dark-bg {
  background: #2e3537  none repeat scroll 0 0;
  border: 1px solid #2e3537 ;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  font-size: 11px;
  margin: 10px 0;
  padding: 8px 12px;
  text-shadow: none;
  text-transform: uppercase;
  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: #222!important;
}

.footer_blog { padding-bottom: 20px }
.footer_blog img {
    float: left;
    height: 80px;
    margin-right: 15px;
    overflow: hidden;
    width: 80px;
}
.footer_blog  h3 {
color: #aaa;
font-size: 16px;
line-height: 25px;
padding-top: 10px;
transition: all 0.4s ease 0s;
}
.footer_blog span { color: #aaa }
.footer_blog  h3:hover { color: #1cbac8 }
/*
* ----------------------------------------------------------------------------------------
* 10.END FOOTER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  11.START FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer { background-color: #09121b }
.footer-content { }
.footer-content img { margin-bottom: 20px;width:108px; }
.footer-content { }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    display: inline-block;
    margin: 2px;
}
@media only screen and (max-width:320px) { 
    .footer_social ul li { margin: 0px }
}
.footer_social ul li a {
background: #2e3537 none repeat scroll 0 0;
border: 1px solid #0d0e11;
color: #aaa;
display: block;
font-size: 18px;
height: 45px;
line-height: 21px;
padding: 10px 13px;
transition: all 0.4s ease 0s;
width: 45px;
}
.footer_social ul li a i { }
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    box-shadow: 0 2px 0 0 #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 2px 0 0 #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 2px 0 0 #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 2px 0 0 #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #E13138;
    box-shadow: 0 2px 0 0 #E13138;
    border: 1px solid #E13138;
}
.f_skype:hover {
    background: #35C6EA;
    box-shadow: 0 2px 0 0 #35C6EA;
    border: 1px solid #35C6EA;
}
.footer_copyright {
    margin-top: 20px;
    color: #aaa;
    padding-top: 10px;
}
/*
* ----------------------------------------------------------------------------------------
*  11.END FOOTER BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/