@import url('https://fonts.googleapis.com/css?family=Droid+Sans');

@import url('https://fonts.googleapis.com/css?family=Carme');



/*-----------------------------------------------------------------------------------*/

/*	1.	Global properties (body, common classes, vertical rhythm, structure etc)

/*-----------------------------------------------------------------------------------*/

body{

    color:#787878;

    font-size: 12px;

    font-family: Arial, sans-serif;

    }

header,

nav,

section,

article{display: block;}



figure {

    background: none repeat scroll 0 0 transparent;

    border: 0 none;

    font-size: 100%;

    margin: 0;

    outline: 0 none;

    padding: 0;

    vertical-align: top;

}



.last{

    margin-right: 0 !important;

    margin-bottom: 0 !important;

}



.clear{clear: both;}



.alignleft{float: left !important;}

.alignright{float: right !important;}

.aligncenter {text-align: center !important;}

.span6.no-margin-left {margin-left: 0!important;}



/* Headers */

h1,

h2,

h3,

h4,

h5,

h6{

    color: #555555;

    font-family: 'Arial', sans-serif;

}



h1{

    font-size: 22px;

    margin-bottom: 15px;

    line-height: 22px;

}

h2{

    font-size: 20px;

    margin-bottom: 15px;

    line-height: 20px;

}

h3 {

    font-family: open sans;

    font-size: 13px;

    font-weight: 700;

    line-height: 18px;

    margin-bottom: 10px;

    text-transform: uppercase;

}

h4{

    font-size: 16px;

    margin-bottom: 16px;

}

h5{

    font-size: 14px;

    margin-bottom: 14px;

}

h6{

    font-size: 12px;

    margin-bottom:12px;

}



p{

    margin-bottom: 15px;

    line-height: 20px;

}

* p:last-child{margin-bottom: 0 !important;}



.color, .color2{

    font-weight: 700;

    padding: 0 2px;

}



.color{color: #555;}

.color2{color: #626262;}



/* Link Styles */

a{

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    -ms-transition: all .2s linear;

    transition: all .2s linear;

    color: #9a9999;

    text-decoration: none;

}

a:hover{

    text-decoration: none;

    color: #1d1d1c;}



.title a{

    color: #9a9999;

    font-weight: 600;

    font-size: 12px;

}

h4.title a {

    color: #525252;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.05em;

    text-align: center;

}

.title a:hover{color: #1d1d1c;}







/*-----------------------------------------------------------------------------------*/

/*	2.	Header, Navigation & Menus

/*-----------------------------------------------------------------------------------*/

#top-menu {

    padding: 5px 0;

    background-color: #9a9999;

}

#top-menu ul.top-menu {

    margin-left:0;

    margin-top:3px;

}

#top-menu li{

    float: left;

    list-style: none;

}

#top-menu a, #top-menu .git{

    color: #323232;

    font-size: 11px;

}

#top-menu a:hover{color: #d9d9d9;}

#top-menu .top-menu li{margin-right: 10px;}

#top-menu a{padding-right: 8px;}

#top-menu .last{

    padding-right: 0;

    border-right: none;

}

#top-menu .top-social{float: right; margin-bottom: 4px; margin-top:3px;}

#top-menu .top-social li{

    margin-left: 10px;

    list-style: none;

}

#top-menu .top-social a{display:block; width:16px; height:16px; margin-top:2px;}

#top-menu .twitter2{background: url(../images/twitter.png) no-repeat center left;}

#top-menu .twitter2:hover{background: url(../images/twitterh.png) no-repeat center left;}

#top-menu .facebook{background: url(../images/facebook.png) no-repeat center left;}

#top-menu .facebook:hover{background: url(../images/facebookh.png) no-repeat center left;}

#top-menu .dribbble{background: url(../images/dribbble.png) no-repeat center left;}

#top-menu .dribbble:hover{background: url(../images/dribbbleh.png) no-repeat center left;}

#top-menu .vimeo{background: url(../images/vimeo.png) no-repeat center left;}

#top-menu .vimeo:hover{background: url(../images/vimeoh.png) no-repeat center left;}

#top-menu .delicious{background: url(../images/delicious.png) no-repeat center left;}

#top-menu .delicious:hover{background: url(../images/delicioush.png) no-repeat center left;}



#header {

    border-top: 5px solid #525252;

    padding-bottom: 10px;

    position: relative;

}



#header .logo img{

    float: left;

    margin-top: 5px;

    margin-bottom: 20px;

}

.header-ext {

    border-bottom: 1px solid #E2E2E2;

    padding-bottom: 10px;

}

.logo{

    margin-top: 30px;

}

/* Main Menu */

.res-menu{display: none;}

.res-menu{

    width: 100%;

}

#menu {

    position: absolute;

    right: 0;

    top: -5px;

}

#menu ul {margin-left:9px;}

#menu > ul{

    display: block;

    margin-left:0;

}

#menu > ul > li{

    list-style: none;

    float: left;

    position: relative;

    text-align: center;

}

#menu > ul > li > a {

    border-top: 5px solid transparent;

    color: #525252;

    display: block;

    font-family: 'Open Sans',sans-serif;

    font-size: 12px;

    font-weight: 700;

    padding: 40px 15px;

    text-transform: uppercase;

}

#menu > ul > li > a > i {

    color: #9a9999;

    display: block;

    font-size: 12px;

    font-weight: normal;

    text-transform: none;

}



#menu > ul li:hover a {

    border-top: 5px solid #9a9999;

    background: #f7f7f7;



}



#menu .current {

    border-top: 5px solid #9a9999;

    color: #9a9999 !important;

}



#menu ul ul {

    background: none repeat scroll 0 0 #525252;

    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);

    position: absolute;

}

/*Here we define submenu blockquote position relatively to main menu block*/

#menu > ul > li > ul {

    margin-left: 10px;

    margin-top: 70px;

}

#menu ul ul li {

    list-style: none;

    position: relative;

    border-bottom: 1px solid #6b6b6b;

}

#menu ul ul li.last{

    border-bottom: none !important

}

#menu ul ul li.menu-last{border-bottom: none;}

#menu ul ul a {

    background: none repeat scroll 0 0 #525252 !important;

    border-top: medium none !important;

    color: #FFFFFF;

    display: inline-block;

    font-family: 'Droid Sans',sans-serif;

    font-size: 12px;

    padding:10px;

    width: 150px;

}

#menu ul ul a:hover{background: #9a9999 !important;}

#menu li:hover {visibility: inherit;}

#menu li:hover ul,

#menu li.sfHover ul {

    left: -10px;

    top: 52px;

    z-index: 99;

}

#menu li li:hover ul,

#menu li li.sfHover ul {

    left: 160px;

    top: 0px;

}



/* Search Form */

.phone{

    color: #d0d0d0;

    float: right;

    font-size:18px;

}

.phone .color2 {font-weight:400;}



#search{

    float: right;

    position: relative;

    margin-top:5px;

}

#search,

#search p{margin-bottom: 0;}

#search input[type="text"]{

    color:#454545;

    width: 122px;

    height:26px;

    border: 1px inset rgba(0,0,0,0.1);

    padding:4px 25px 4px 10px ;

    line-height: 23px;

    font:11px 'Droid Sans', sans-serif;

    background-color: #1e1e1e;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    -o-transition: all .2s linear;

    -ms-transition: all .2s linear;

    transition: all .2s linear;

}

#search input[type="text"]:focus,

#search input[type="text"]:hover{

    width: 190px;

    -webkit-box-shadow: 0px 0px 3px 0px #444;

    box-shadow: 0px 0px 3px 0px #444;

}

#search .search-bt{

    right: 0;

    top: 3px;

    height: 30px;

    width: 30px;

    position: absolute;

    border: none !important;

    cursor: pointer;

    background: url(../images/search-bt.png) no-repeat center center;

}



/* Breadcrumbs */

.breadcrumbs {

    padding: 0 0 35px;

}

.breadcrumbs h1 {

    font-family: open sans;

    font-size: 13px;

    margin: 0;

    padding: 5px 0;

    text-transform: uppercase;

}

.breadcrumbs div{

    letter-spacing: 0.02em;

    font-size: 12px;

    color: #717171;

    display: inline-block;

}

.breadcrumbs a{

    color: #333333;

    display: inline-block;

}

.breadcrumbs a:hover{color: #111;}





/*-----------------------------------------------------------------------------------*/

/*	3.	Main Content Styles

/*-----------------------------------------------------------------------------------*/

.container{position: relative;}



#container{

    border-top: 1px solid #ffffff;

    border-bottom: 1px solid #efefef;

    position: relative;

    background-color: #fff;

}

#container .container{padding: 30px;}



#container .container > .row{margin-bottom: 10px;}

#container .row.last{margin-bottom: 30px;}

.row.da-thumbs{margin-bottom: 0 !important;}





/* Video container */

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/*Elastic Slider*/

.ei-slider{

    position: relative;

    width: 100%;

    max-width: 1920px;

    height: 400px;

    margin: 0 auto;

}

.ei-slider ol, .ei-slider ul {

    list-style: none outside none;

}

.ei-slider-loading{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    z-index:999;

    background: rgba(0,0,0,0.9);

    color: #fff;

    text-align: center;

    line-height: 400px;

}

.ei-slider-large{

    height: 100%;

    width: 100%;

    position:relative;

    overflow: hidden;

}

.ei-slider-large li{

    position: absolute;

    top: 0px;

    left: 0px;

    overflow: hidden;

    height: 100%;

    width: 100%;

}

.ei-slider-large li img{

    width: 100%;

    max-width:none;

}

.ei-title{

    position: absolute;

    right: 50%;

    margin-right: 13%;

    top: 30%;

}

.ei-title h2, .ei-title h3{

    text-align: right;

}

.ei-title h2{

    font-size: 40px;

    line-height: 50px;

    font-family: 'Playfair Display', serif;

    font-style: italic;

    color: #b5b5b5;

}

.ei-title h3{

    font-size: 70px;

    line-height: 70px;

    font-family: 'Open Sans Condensed', sans-serif;

    text-transform: uppercase;

    color: #000;

}

.ei-slider-thumbs{

    height: 13px;

    margin: 0 auto;

    position: relative;

}

.ei-slider-thumbs li{

    position: relative;

    float: left;

    height: 100%;

}

.ei-slider-thumbs li.ei-slider-element{

    top: 0px;

    left: 0px;

    position: absolute;

    height: 100%;

    z-index: 10;

    text-indent: -9000px;

    background: #000;

    background: #9a9999;

}

.ei-slider-thumbs li a{

    display: block;

    text-indent: -9000px;

    background: #666 ;

    width: 100%;

    height: 100%;

    cursor: pointer;

    -webkit-box-shadow:

        0px 1px 1px 0px rgba(0,0,0,0.3),

        0px 1px 0px 1px rgba(255,255,255,0.5);

    -moz-box-shadow:

        0px 1px 1px 0px rgba(0,0,0,0.3),

        0px 1px 0px 1px rgba(255,255,255,0.5);

    box-shadow:

        0px 1px 1px 0px rgba(0,0,0,0.3),

        0px 1px 0px 1px rgba(255,255,255,0.5);

    -webkit-transition: background 0.2s ease;

    -moz-transition: background 0.2s ease;

    -o-transition: background 0.2s ease;

    -ms-transition: background 0.2s ease;

    transition: background 0.2s ease;

}

.ei-slider-thumbs li a:hover{

    background-color: #f0f0f0;

}

.ei-slider-thumbs li img{

    position: absolute;

    bottom: 50px;

    opacity: 0;

    z-index: 999;

    max-width: 100%;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    transition: all 0.4s ease;

    -webkit-box-reflect:

        below 0px -webkit-gradient(

            linear,

            left top,

            left bottom,

            from(transparent),

            color-stop(50%, transparent),

            to(rgba(255,255,255,0.3))

        );

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

}

.ei-slider-thumbs li:hover img{

    opacity: 1;

    bottom: 13px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

@media screen and (max-width: 830px) {

    .ei-title{

        position: absolute;

        right: 0px;

        margin-right: 0px;

        width: 100%;

        text-align: center;

        top: auto;

        bottom: 10px;

        background: #fff;

        background: rgba(255,255,255,0.9);

        padding: 5px 0;

    }

    .ei-title h2, .ei-title h3{

        text-align: center;

    }

    .ei-title h2{

        font-size: 20px;

        line-height: 24px;

    }

    .ei-title h3{

        font-size: 30px;

        line-height: 40px;

    }

}

/* Flex Slider */

section#slider {

    background: #ebebeb url('../images/slider-bg.png');

    margin-top:0;

}

.flexslider{

    position: relative;

    margin-top: 40px;

    margin-bottom: 40px;

    border: 1px solid rgba( 255, 255, 255, 0.5);

}

.slides li{position: relative;}



.slides h3 {

    bottom: 0px;

    left: 40px;

    position: absolute;

    display: block;

    font-family: 'Arial',sans-serif;

    font-size: 15px;

    font-weight: 400 !important;

    line-height: 18px;

    max-width: 400px;

    margin-bottom: 30px;

    padding: 20px;

    background-color:rgba(0, 0, 0, 0.4);

    box-shadow: 10px 0 0 rgba(0, 0, 0, 0.4), -10px 0 0 rgba(0, 0, 0, 0.4);

    -webkit-border-radius:3px;

    border-radius: 3px;

}

.slides h3 a{

    color: #fff;

    font-weight: normal;

    padding: 2px 0;

}

.slides li a:hover{color: #9a9999 !important;}

.slides span {

    font-size: 36px;

    line-height: 36px;

    color: #d0d0d0;

    display:block;

    text-transform: uppercase;

    margin-bottom: 15px;

}



.flex-direction-nav{

    position: absolute;

    right: 30px;

    bottom: 30px;

}



.flex-direction-nav li{

    float: left;

    margin-left: 1px;

    list-style: none;

}

.flex-direction-nav a{

    display: inline-block;

    width: 30px;

    height: 30px;

    opacity: 0.7;

    text-indent: -9999px;

}

.flex-direction-nav .flex-prev{background: url(../images/arrow-slider-left.png) no-repeat bottom right;}

.flex-direction-nav .flex-next{background: url(../images/arrow-slider-right.png) no-repeat bottom right;}

.flex-direction-nav .flex-prev:hover,

.flex-direction-nav .flex-next:hover{opacity: 1;}

.flex-direction-nav .flex-disabled {

    opacity: .3!important;

    filter:alpha(opacity=30);

    cursor: default;

}



.flexslider .slides > li {

    display: none;

    -webkit-backface-visibility: hidden;

}

.flexslider .slides img {

    width: 100%;

    display: block;

}

.flex-pauseplay span {text-transform: capitalize;}

.no-js .slides > li:first-child {display: block;}



.flexslider {

    position: relative;

    zoom: 1;

}

.flex-viewport {

    max-height: 2000px;

    -webkit-border-radius:3px;

    border-radius: 3px;

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    transition: all 1s ease;

}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

@media screen and (max-width: 860px) {

    .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

    .flex-direction-nav .flex-next {opacity: 1; right: 0;}

}



/* Welcome Slogan */

#welcome {

    text-align: center;

}

#welcome h1 {

    color: #525252;

    font-family: Open Sans,sans-serif;

    font-size: 22px;

    font-weight: 300;

    line-height: 24px !important;

    margin-bottom: 40px !important;

    margin-top: 40px;

    text-transform: uppercase;

}

#welcome p{

    line-height: 22px;

    font-size: 12px;

    color: #747474;

    margin-bottom: 50px;



}



/* Divider */

.title-divider {

    border-bottom: 1px solid #E2E2E2;

    margin-bottom: 24px;

    padding-bottom: 15px;

    position: relative;

}

.title-divider h3 {

    background-color: #FFFFFF;

    display: inline-block;

    font-family: Open Sans;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 0 !important;

    padding-right: 5px;

    position: relative;

    text-transform: uppercase;

    z-index: 1000;

}



.divider-arrow{

    top:7px;

    width: 100%;

    position: absolute;

}



/* Features */

.features > div{text-align: center;}

.features h3{margin: 15px !important;}



/* Bootstrap Carousel */

.carousel {position:relative;}

.carousel-wrapper{

    overflow:hidden;

    padding:2px 2px 0 2px;

    margin-top: -2px;

}

.carousel-wrapper ul{display:none;}

.carousel-wrapper ul li{

    height:100%;

    float:left;

    display:block;

}



.btleft .es-nav {

    position: absolute;

    right: 1px;

    top: -57px;

}



.bttop .es-nav{

    position: absolute;

    top: -50px;

    right: 0px;

}



.es-nav span{

    float: left;

    width: 17px;

    height: 17px;

    display: block;

    top: 1px;

    right: 0;

    text-indent: -9999px;

}

.es-nav .es-nav-prev{

    right: 17px;

    background: url(../images/arrow-left.png) no-repeat right top;

}

.es-nav .es-nav-next{background: url(../images/arrow-right.png) no-repeat left top;}

.es-nav .es-nav-next:hover{background-position: -17px 0px ;}

.es-nav .es-nav-prev:hover{background-position: 0px 0px ;}



/* Our Projects */

.our-projects article{margin-bottom: 30px;}

.our-projects article img{display: block;}

.our-projects article h4{margin-bottom: 0;}

.our-projects article:nth-last-child(-n+4){margin-bottom: 0 !important;}



/* Our Blog */

.our-blog{

    padding-bottom:20px;

}

.our-blog article p.l-meta{

    width: 100%;

    font-size: 12px;

    color: #b6b6b6;

    padding: 5px 0;

    margin: 0;

    background-color: #1d1d1c;

    font-weight: 100;

    margin-bottom: 20px;

    -moz-border-radius: 0 0 2px 2px;

    border-radius: 0 0 2px 2px;

}

.our-blog p {

    font-family: open sans;

    font-style: italic;

    margin-bottom: 10px;

    text-align: center;

}

.our-blog article p.l-meta span{

    display: block;

    padding: 0 10px;

}

.our-blog article p.l-meta a{color: #b6b6b6;}

.our-blog article p.l-meta a:hover{color: #9a9999;}

.our-blog img {

    -moz-border-radius: 2px 2px 0 0;

    border-radius: 2px 2px 0 0;

}

.img-blog-hover {

    background: url("../images/img-hover.png") no-repeat scroll center center transparent;

    display: block;

    height: 225px;

    opacity: 0.45;

    position: absolute;

    width: 270px;

    z-index: 3;

}

/* Our News */

.our-news{position: relative;}

.our-news p{margin-bottom: 10px;}

.our-news .news-data{

    float: left;

    width: 60px;

    height: 50px;

    color: #b6b6b6;

    text-align: center;

    text-transform: uppercase;

    font-size:20px;

}

.our-news .news-data span{

    display: block;

    font-weight:900;

    font-size: 42px;

    line-height: 42px;

}

.our-news .title{margin-bottom: 5px !important;}



.divider-blok{

    border-bottom: 1px dashed #efefef;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

article.span3 h4 {

    margin-top: 0;

    text-align: center;

}



/* Our Services */

.accordion-group {border:0;}

.accordion .accordion-toggle{

    font-weight: 900;

    color: #fff;

    padding: 5px 10px;

    background-color: #b6b6b6;

    position: relative;

    border: 1px solid #b6b6b6;

    border-radius: 4px 4px 4px 4px;

    text-shadow: 1px 1px #aaa;

}

.accordion .accordion-toggle:hover{

    background-color: #cdcdcd;

    border-color:#cdcdcd;

    text-shadow: 1px 1px #bbb;

}

.accordion .accordion-toggle span{

    right: 10px;

    top: 5px;

    width: 16px;

    height: 16px;

    position: absolute;

}

.accordion .accordion-inner{

    margin-top: 1px;

    border: 0;

}

.accordion .acc-block{padding: 20px 10px;}

.accordion h4{

    color: #707070;

    text-transform: none;

}



.accordion li{

    padding-left: 15px;

    margin-bottom: 10px;

}

.accordion i.pull-right {margin:3px 0 0 0;}



/* Twitter */

.twitter {margin-top:-5px;}

.twitter  img{

    float: left;

    margin-right: 15px;

    margin-top:5px;

}

.twitter span.tweet_time{

    display: block;

    padding-bottom: 5px;



}

.twitter dl{

    border-bottom: 1px dotted #efefef;

    padding-bottom: 20px;

    margin-bottom: 20px;

    list-style: none;

}

.twitter dl:last-child{border: none;}



/* Testimonials */

.testimonials p{

    line-height: 22px;

    font-size: 12px;

    padding: 0 15px 15px 38px;

    background: #fff url('../images/quotes.png') no-repeat top left;

    border-bottom:1px dotted #efefef;

}

.testimonials h4{

    padding-top: 20px;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.05em;

    color:#9a9999;

}

.testimonials img{

    float: left;

    margin-right: 15px;

    margin-top:10px;

}

.testimonials small{

    display: block;

    font-size:11px;

}





/*-----------------------------------------------------------------------------------*/

/*	4.	Footer Styles

/*-----------------------------------------------------------------------------------*/

#footer{

    position: relative;

    padding-bottom: 45px !important;

    background: #292929 url('../images/header-bg.png');

    padding-top: 40px;

}

#footer h3{

    margin-bottom: 25px;

    font-size:16px;

    color: #9a9999;

    font-weight:400;

    letter-spacing:0.05em;

}

#footer li{

    margin-bottom: 10px;

    list-style: none;

}



/* Flickr */

.flickr li{

    list-style: none;

    margin: 0 5px 30px 4px ;

    float: left;

    background-color: #c4c4c4;

    line-height: 0 !important;

}



/* Contact Form */

#footer #contact{margin-bottom: 0px}

#footer #contact .control-group {margin-bottom:5px;}

#footer #contact input[type="text"]{

    color: #777;

    padding: 3px 5px;

    border: 1px inset rgba(0,0,0, 0.3);

    background-color: transparent ;

    margin-bottom: 1px !important;

    height: 19px;

    border-radius: 3px;

}

#footer #contact span{

    color: #777;

    font-size: 13px;

    display: inline-block;

    width: 44px;



}

/*Social networks widget*/

#social {

    -moz-transition: all 0.4s ease-in-out 0s;

}

#header_message {

    font-size: 12px;

    padding: 10px 0 0;

}

#twitter {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    height: 28px;

    margin: 0;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

    width: 28px;

}

#twitter_img {

    background: url("../images/twi.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#twitter_img:hover {

    background: url("../images/twi.png") no-repeat scroll 0 -28px #40CDD7;

}

#facebook {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    height: 28px;

    margin: 0;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

    width: 28px;

}

#facebook_img {

    background: url("../images/facebook1.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#facebook_img:hover {

    background: url("../images/facebook1.png") no-repeat scroll 0 -28px #3C5B9B;

}

#rss {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    height: 28px;

    margin: 0;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

    width: 28px;

}

#rss_img {

    background: url("../images/rss.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#rss_img:hover {

    background: url("../images/rss.png") no-repeat scroll 0 -28px #F08421;

}

#gplus {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    height: 28px;

    margin: 0;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

    width: 28px;

}

#gplus_img {

    background: url("../images/g+.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#gplus_img:hover {

    background: url("../images/g+.png") no-repeat scroll 0 -28px #333230;

}

#vimeo {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    margin: 0;

    min-height: 28px;

    min-width: 28px;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

}

#vimeo_img {

    background: url("../images/vimeo1.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#vimeo_img:hover {

    background: url("../images/vimeo1.png") no-repeat scroll 0 -28px #41B2DC;

}

#lin {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    height: 28px;

    margin: 0;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

    width: 28px;

}

#lin_img {

    background: url("../images/lin.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#lin_img:hover {

    background: url("../images/lin.png") no-repeat scroll 0 -28px #0173B2;

}

#yt {

    -moz-transition: all 0.3s ease 0s;

    float: right;

    height: 28px;

    margin: 0;

    padding: 0 5px 0 0;

    position: relative;

    text-indent: -9999px;

    width: 28px;

}

#yt_img {

    background: url("../images/youtube.png") no-repeat scroll 0 0 transparent;

    display: block;

    min-height: 28px;

    min-width: 28px;

}

#yt_img:hover {

    background: url("../images/youtube.png") no-repeat scroll 0 -28px #FE3432;

}







#footer #contact input:focus,

#footer #contact textarea:focus{

    box-shadow: none;

    background-color: rgba(150,150,150, 0.1) !important;}

#footer #contact textarea{

    color: #777;

    padding: 5px;

    height: 66px;

    overflow: auto;

    margin-bottom: 2px;

    border: 1px inset rgba(0,0,0, 0.3);

    background-color: transparent;

    border-radius: 3px;

}

#footer #contact p{margin-bottom: 5px;}



#footer #contact .btn {

    background-image:none;

    box-shadow: none;

    text-shadow:none;

    background-color: transparent;

    border: 1px solid #343434;

    border-radius: 3px 3px 3px 3px;

    color: #7d7d7d;

    display: inline-block;

    font-size: 13px;

    font-weight:900;

    margin-right: 3px;

    padding: 4px 10px;

}

#footer #contact .btn:hover {

    text-decoration: none;

    background-color:  rgba(150,150,150, 0.1);

    *background-color:  rgba(150,150,150, 0.1);

    /* Buttons in IE7 don't get borders, so darken on hover */

}



#footer .form-horizontal .control-label {width: 25px;}

#footer .form-horizontal .controls {margin-left: 45px;}

#footer .form-horizontal .controls:first-child {*padding-left: 45px;}

#footer .form-horizontal .form-actions {padding-left: 45px;}



/* Address icons */

[class^="myicon-"],

[class*=" myicon-"] {

    display: inline-block;

    width: 16px;

    height: 16px;

    *margin-right: .3em;

    line-height: 12px;

    margin-right: 5px;

    vertical-align: text-top;

    background-repeat: no-repeat;

    margin-top: 1px;

}

.myicon-phone {background-image: url("../images/phone.png");}

.myicon-mail {background-image: url("../images/mail.png");}

.myicon-fax {background-image: url("../images/fax.png");}



/* Footer Menu */

#footer-menu {

    width: 100%;

    background-color: #626262;

}

#footer-menu .container{

    padding-top: 0;

    padding-bottom: 0;

}

#footer-menu li{

    list-style: none;

    padding: 15px 0;

    margin-left: 10px;

    float: left;

    font-size: 10px;

}

#footer-menu a{

    font-weight: 400;

    color: #fff;

    font-size:11px;

}

#footer-menu a:hover{color: #323232;}

#footer-menu p{

    font-size: 11px;

    color: #fff;

    padding-top: 14px;

    letter-spacing: 0.04px;

}

.flickr img{

    border-radius: 0;

}

.map-frame{

    border-top:1px solid #e2e2e2;

    border-bottom:1px solid #e2e2e2;

}



/*-----------------------------------------------------------------------------------*/

/*	5.	Post/Portfolio Content Styles

/*-----------------------------------------------------------------------------------*/

/* Categories */

#filtrable{

    margin-bottom: 30px;

    float: right;

}

#filtrable li{

    float: left;

    margin-left: 10px;

    list-style: none;

}



#filtrable a{

    padding: 4px 10px;

    background-color: transparent;

    border: 1px solid #ececec;

    font-size: 0.9em;

    display: inline-block;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}



#filtrable a:hover,

#filtrable .current a{

    border-color: #ddd;

    background-color: #f5f5f5;

    color:#787878;

}



.p-view, .p-link{

    display: block;

    width: 31px;

    height: 31px;

    position: absolute;

    top: 50%;

    margin-top: -18px;

    opacity:0.8;

    -webkit-transition: opacity 0.35s linear;

    -moz-transition: opacity 0.35s linear;

    -o-transition: opacity 0.35s linear;

}

.p-view:hover, .p-link:hover{

    opacity:1;

}

.p-view{

    left: 50%;

    margin-left: -39px;

    background: url(../images/view.png);

}

.p-link{

    right: 50%;

    margin-right: -39px;

    background: url(../images/link.png);

}



.portfolio h4:last-child{margin-bottom: 0 !important;}

.portfolio article{margin-bottom: 30px;}

.portfolio img{display: block;}

.portfolio h4 a{

    color: #444;

    text-align: center;

    padding: 7px 10px;

    display:block;

    text-transform: none;

    background-color: #fcfcfc;

    border-bottom: 1px solid #eeeeee;

}

.portfolio h3{

    margin-top: 20px;

    border-bottom: 1px dashed #efefef;

    margin-bottom: 10px;

    padding-bottom: 8px;

    font-size: 16px;

}

.portfolio .read-more{margin-bottom: 30px;}



/* Pagination */



.pagination li {

    list-style: none;

    float: left;

    margin-right: 5px;

}

.pagination a{

    background-color: transparent;

    font-size: 0.9em;

    display: inline-block;

    border-left-width: 1px;

}



/* Sidebar */

#sidebar{font-size: 14px;}

#sidebar h4{

    font-size: 15px;

    position: relative;

    display: inline-block;

    background-color: #fff;

    padding-right: 15px;

}

#sidebar .title-divider{margin-bottom: 10px !important;}

#sidebar .divider-arrow{top: 10px !important;}

#sidebar li{

    list-style: none;

    padding-bottom: 13px;

    margin-bottom: 13px;

    border-bottom: 1px dotted #f2f2f2;

}



#sidebar section{margin-bottom: 50px;}

#sidebar section:last-child{margin-bottom:0px;}

#sidebar .ul-col2{width: 110.9489051094891%;}

#sidebar .ul-col2 li{

    float: left;

    width: 40.13157894736842%;

    margin-right: 09.86842105263158%;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px dotted #f2f2f2;

}

#sidebar .ul-col2 a{color: #888;}

#sidebar .ul-col2 a:hover{color: #222;}





/*-----------------------------------------------------------------------------------*/

/*	6.	Widgets & Widget Area

/*-----------------------------------------------------------------------------------*/

/* Popular Posts Widget */

.post-widget img{

    display: inline-block;

    float: left;

    margin-right: 15px;

}

.post-widget .img{

    display: block;

    margin-bottom: 0;

    line-height: normal;}



.post-widget a{

    font-size:1em;

    line-height: 18px;

    margin-bottom: 7px;}

.post-widget p{

    margin-bottom: 0;

    font-size: 12px;

    letter-spacing: 0.02em

}

.post-widget li:last-child{margin-bottom: 0 !important;}



/* Tags Widget */

#tags a{

    color: #888;

    font-size: 12px;

    letter-spacing: 0.02em;

    padding: 2px 5px;

    margin: 0 5px 5px 0;

    display: inline-block;

    border: 1px solid #e8e8e8;

}



#tags a:hover{

    color: #fff;

    border-color: #ffa071;

    background-color: #ffaf88;

}



/* Flickr Widget */

.sidebar-flickr ul{width: 110.9489051094891%;}

.sidebar-flickr li{

    border: 0;

    float: left;

    padding: 0 !important;

    border-bottom: none !important;

    margin-bottom: 03.28947368421053% !important;

    margin-right: 03.28947368421053% !important;

    height: 20.06578947368421% ;

    width: 20.06578947368421% ;

}



/* Latest Projects Widget */

.carousel{margin-bottom: 0;}

.carousel-control{

    border: none;

    position: absolute;

    top: inherit;

    left: inherit;

    bottom: 0;

    width: 34px;

    height: 34px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    border-radius: 0;

}



.carousel-control.post{top: 50%;}

.carousel-control.left.post{left: 0;}

.carousel-control.left{

    right: 38px;

    background: url(../images/arrow-blog-left.png) no-repeat center center;

}

.carousel-control.right{

    right: 0;

    background: url(../images/arrow-blog-right.png) no-repeat center center;

}



/* Comments Widget */

.comment-sidebar li:last-child{margin-bottom: 0 !important;}





/*-----------------------------------------------------------------------------------*/

/*	7.	Blog Styles

/*-----------------------------------------------------------------------------------*/



.blog-post h2.post-title{margin-bottom: 10px;}

.blog-post h2.post-title a{line-height: 25px}

.blog-post img {

    margin-bottom: 30px;

    display: block;

}

.blog-post .meta{

    padding-bottom: 5px;

    border-bottom: 1px dotted #f2f2f2;

    margin-bottom: 15px;

}

.blog-post .meta li{

    list-style: none;

    font-size:0.9em;

    margin-right: 10px;

    float: left;

    letter-spacing: 0.03em;

}

.blog-post .meta a{color: #9a9999;}

.blog-post .meta a:hover{color: #777;}

.blog-post.style2 img{

    width: 50%;

    float: left;

    margin-right: 25px;

}

.blog-post.style2 .carousel,

.blog-post.style2 .video{

    width: 50%;

    float: left;

    margin-right: 25px;

}

.blog-post.style2 .carousel img{width: 100%;}

.blog-post.style2 p{padding-top: 30px;}

.blog-post.style2 .meta{border: none;}



/* About Us Block */

.aboutus{margin-bottom: 35px;}

.aboutus h3{

    margin-bottom: 0;

    line-height: 30px;

    text-align: center;

    font-size: 24px;

}

.aboutus .color2{font-weight: 400;}



/* Services Block */

.ident-bot-2 {margin-bottom: 17px;}

.figure-1 a.left-image {

    margin-right: 17px;

}

.lightbox-image {

    display: inline-block;

    overflow: hidden;

    position: relative;

}

.lightbox-image img { position:relative; z-index:2; }

.img-border-bg {

    background: none repeat scroll 0 0 #FFFFFF;

    border-radius: 4px 4px 4px 4px;

    box-shadow: 0 0 0 1px #E7E7E7 inset;

    display: inline-block;

    padding: 5px;

}

.img-border {

    border-radius: 4px 4px 4px 4px;

    width: 100%;

}

.lightbox-image span {

    background: url("../images/magnify.png") no-repeat scroll 50% 50% transparent;

    display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}

.service {

    margin:0 5px 10px 0;

}



/*-----------------------------------------------------------------------------------*/

/*	8.	Forms

/*-----------------------------------------------------------------------------------*/

#af-form  input[type="text"]{

    color: #777;

    font-size: 12px !important;

    padding: 5px;

    height: 24px;

    box-shadow: none;

    margin-top: 0;

    height: 35px !important;

    margin-bottom: 0;

    border:1px solid #ececec;

}



#af-form input[type="text"],

#af-form textarea{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #f9f9f9;

}



#af-form input[type="text"]:focus,

#af-form textarea:focus{

    -webkit-box-shadow: 0px 0px 3px 0px #f0f0f0;

    box-shadow: 0px 0px 3px 0px #f0f0f0;

    background-color: #fcfcfc;

}



#af-form textarea{

    color: #777;

    font-size: 12px !important;

    padding: 5px;

    height: 160px !important;

    overflow: auto;

    border:1px solid #ececec;

    width: 100%;



}



.af-outer {margin-bottom:15px;}



label.error, label.ferror{

    color: #dc3f35;

    font-size: 13px;

}



#af-form input.error,

textarea.error {border: 1px solid #ff3f3f;}



#progress{

    margin-top: 15px;

}



/*-----------------------------------------------------------------------------------*/

/*	9.	Comments

/*-----------------------------------------------------------------------------------*/

.comments .textarea {

    border: 1px solid #EDEDED;

    margin-bottom: 40px;

    margin-left: 94px;

    padding: 10px 20px;

    position: relative;

}

.comments .avatar{

    position: relative;

    float: left;

    margin-right: -5px;

}

.comments .comments-list{

    list-style: none !important;

}

.comments .comments-list ul{

    margin-left: 30px;

    margin-bottom: 20px;

}

.comments .meta{

    font: 12px 'Open Sans', serif;

    color: #666666;

    padding-bottom: 8px;

    margin-bottom: 10px !important;

    border-bottom: 1px dotted #e2e2e2;

}

.comments ul ul .textarea {margin-top:-20px;}





/*-----------------------------------------------------------------------------------*/

/*	10.  Thumbnails

/*-----------------------------------------------------------------------------------*/

.da-thumbs li,

.da-thumbs article,

.da-thumbs.portfolio span{

    overflow: hidden;

    position: relative;

}

.da-thumbs li img,

.da-thumbs.portfolio span{

    display: block;

    position: relative;

}

.da-thumbs li div,

.da-thumbs article div{

    position: absolute;

    background: rgba(0,0,0,0.5);

    width: 100%;

    height: 100%;

}

.da-thumbs li div.da-animate,

.da-thumbs article div.da-animate {

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

    -ms-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

.da-slideFromTop {

    left: 0px;

    top: -100%;

}

.da-slideFromBottom {

    left: 0px;

    top: 100%;

}

.da-slideFromLeft {

    top: 0px;

    left: -100%;

}

.da-slideFromRight {

    top: 0px;

    left: 100%;

}

.da-slideTop {

    top: 0px;

}

.da-slideLeft {

    left: 0px;

}



/*-----------------------------------------------------------------------------------*/

/*	11.	Shortcode Styles

/*-----------------------------------------------------------------------------------*/

.span9,

.span6{position: relative;}



/* Divider */

.divider-arrow, hr, .divider{

    height: 1px;

    clear: both;

}



#container hr{

    margin-top: 25px;

    margin-bottom: 50px;

}



#container hr.soft {margin:10px 0;}



#container .portfolio-single hr, #container .blog-single hr{

    margin-top: 10px;

    margin-bottom: 15px;

}



/* Read More */

.read-more{

    display: block;

    color: #9a9999;

    letter-spacing: 0.02em

}

.read-more:hover{color: #1d1d1c;}





/* Portfolio */

.portfolio h4 a{

    color: #444;

    text-align: center;

    padding: 7px 10px;

    display: block;

    text-transform: none;

    background-color: #fcfcfc;

    border-bottom: 1px solid #eeeeee;

}

.portfolio h4 a:hover{

    color: #fff;

    background-color: #ffaf88;

    border-bottom: 1px solid #f79f73;

}



/* Back to Top */

#toTop {

    background: url("../images/ui.totop.png") no-repeat scroll left top transparent;

    border: medium none;

    bottom: 6px;

    display: none;

    height: 40px;

    overflow: hidden;

    position: fixed;

    right: 10px;

    text-decoration: none;

    text-indent: -999px;

    width: 40px;

}

#toTopHover {

    background: url("../images/ui.totop.png") no-repeat scroll left -40px transparent;

    display: block;

    float: left;

    height: 40px;

    opacity: 0;

    overflow: hidden;

    width: 40px;

}

#toTop:active, #toTop:focus {

    outline: medium none;

}



/* Others */

.dropcap{

    width: 38px;

    height: 38px;

    line-height:38px;

    float: left;

    margin-right:15px;

    text-align: center;

    display: block;

    color: #fff;

    font-size: 22px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    border-radius: 50px;

    background-color: #FB8B54;

}





blockquote{

    margin: 20px 0;

    padding: 10px  10px 10px 30px;

    border-left: 3px solid #626262;

}



blockquote p{

    color: #999;

    font-size: 12px;

    font-weight: normal;

    font-style: italic;

    letter-spacing: 0.02em;

    font-family: 'Georgia', serif;

}







.video {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    margin-bottom: 30px;

    height: 0;

    overflow: hidden;

}



.video iframe,

.video object,

.video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}





/*-----------------------------------------------------------------------------------*/

/*	12.	Responsive Fixes

/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width: 980px)  and (max-width: 1199px){



    .btleft .es-nav {left: -53px;}

    #latest-work .carousel-wrapper li{width: 340px !important;}

    .figure-1 a.left-image {margin-right:5px;}

    .service.img-border-bg {margin-top:50px;}



}



@media (min-width: 768px) and (max-width: 979px) {



    #welcome{padding: 0;}

    .btleft .es-nav {left: -43px;}

    #latest-work .carousel-wrapper li{width: 252px !important;}

    .flickr li{width: 68px}

    #sidebar .ul-col2 li {

        float: none;

        margin-right: 0;

        width: 90%;

    }

    #footer #contact input[type="text"], #footer #contact textarea{width: 90%}

    #footer [class^="icon-"]{display: none;}

    .service.img-border-bg {margin-top:50px;}

    .ident-bot-2 {margin-bottom:0;}

    .figure-3 {display:none;}



}



@media (max-width: 767px){



    body{padding:0 }

    .container{padding: 0 20px;}



    #menu ul,

    .slides h3,

    #top-menu > .span6{display: none;}

    #top-menu .top-social{float: none;}

    #menu {

        position: relative;

        float: left;

    }

    .res-menu{display: block;}

    .logo{text-align:center; ;}



    .container > .row [class*="span"]{margin-bottom: 30px;}

    .container > .row > [class*="span"]:last-child{margin-bottom: 0 !important;}

    #welcome{padding: 0;}



    .btleft .es-nav{

        bottom: inherit;

        right: 0;

        left: inherit;

        top: -38px;

    }

    #latest-work .carousel-wrapper li{max-width: 15em !important;}

    .our-projects article:nth-last-child(-n+4) {margin-bottom: 30px !important;}



    #footer-menu .span4{

        margin-bottom: 15px;

        text-align:center;

    }



    .breadcrumbs {

        padding: 40px 20px;

        position: relative;

    }



    #sidebar section:last-child {margin-bottom: 0;}

    #sidebar .ul-col2{width: 100%}

    #sidebar .ul-col2 li {

        margin-right: 0;

        width: 50%;

    }



    .alignleft,

    .alignright{float: none !important;}



    #footer .submit-div {width:270px;}

    figure {display:inline-block; margin-right:15px;}



}



@media (max-width: 480px){


    #footer .form-horizontal .control-group > label {

        float: none;

        width: auto;

        padding-top: 0;

        text-align: left;

    }

    #footer .form-horizontal .controls {

        margin-left: 0;

    }

    #footer .form-horizontal .control-list {

        padding-top: 0;

    }

    #footer .form-horizontal .form-actions {

        padding-left: 10px;

        padding-right: 10px;

    }

    #footer .submit-div {width:225px;}



}