/********************************************************************
    Item:
        Natural Born Artist - HTML Creative Portfolio Template
    File:   
        common.css
    Brief:  
        Common CSS styles for template
    Author:
        Digital Cavalry
    Author URI:
        http://themeforest.net/user/DigitalCavalry
*********************************************************************/
@font-face {
	font-family:'Againts-Regular';
	src: url('Againts_gdi.eot');
	src: url('Againts_gdi.eot?#iefix') format('embedded-opentype'),
		url('Againts_gdi.woff') format('woff'),
		url('Againts_gdi.ttf') format('truetype'),
		url('Againts_gdi.otf') format('opentype'),
		url('Againts_gdi.svg#Againts-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-2212;
}

* {
    margin:0px;
    padding:0px;
    background-repeat:no-repeat;
    border:none;
    outline: none;
}

body {
    background-color: #FFFFFF;
	overflow-x:hidden;
    color: #333;
    font:normal 14px/20px "Gotham SSm A","Gotham SSm B",Arial,sans-serif;
    font-size:14px;
    line-height: 20px;
    font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;
    font-weight:normal;
}

    
#preloader {
    background-color: #FFF;
    position:fixed;
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    text-align:center;
    color:#999;
    z-index: 100;
}

#preloader div {
    width:24px;
    margin:auto;
    height: 34px;
    text-align:center;
    overflow:hidden;
    background-image: url('../img/common/icons/ajax3.gif');
    background-position: center bottom;
}


/*******************************************************************************************
      GOOGLE FONTS
********************************************************************************************/

#header #header-logo-text .main {
    font-family: 'Againts-Regular';
}

h1, h2, h3, h4, h5, h6, #footer p.keywords-slogan, .gfont-on, .big-head20, .big-head30, .big-head40, .big-head50, 
.heading-fancy, a.back-to-top, #ba-content .dc-sidebar .widget-wrapper .widget-title, a.arrow-spin-link{
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.grey {
	color:#999;
	padding-top:5px;
	text-align:left;
}

.blue {
	color:#660099;
	padding-top:1px;
}
.blue_01 {
	font-size:14px;
	color:#660099;
	padding-top:1px;
}

.info {
	font-size:20px;
	vertical-align:central;
	color:#666;
	font-weight:normal;
}
.info img {
	margin:1px 1px 0 10px;
}

p.text-big-gfont, a.text-big-gfont, .text-big-gfont, p.text-small-gfont, a.text-small-gfont, .text-small-gfont, 
#small-navigation ul li a, #slider-and-navi .big-navigation ul li a, #footer .bottom-navi a, div.ba-slogan, div.ba-slogan-part2 {
    font-family: 'Yanone Kaffeesatz', sans-serif !important;
}


/*******************************************************************************************
      MAIN COLOR AND ADDITIONAL COLORS
********************************************************************************************/

.main-color
{
    color:#660099 !important;
}

a, h1, h2, h3, h4, h5, h6, div.ba-slogan, div.ba-slogan-part2, .feat-color-link:hover, #header #header-logo-text, 
#header #header-logo-text .main a:hover, #ba-content .dc-sidebar .widget-wrapper .widget-title, #breadcrumb-tree .feat-link:hover, 
.clients-list-column .client-item > a:hover, .credits p, .pagination a.selected, .pagination a:hover {
    color:#660099;
}

.dc-basic-slider .inner-wrapper > ul li.slide .description {
    background-color:#660099;
    background-color:rgba(152, 181, 31, 0.85);
}

span.highlight, .feat-color-link, a.zoom-fade, a.zoom-fade-img, a.zoom-fade-video, a.zoom-fade-link, a.zoom-fade-desc, div.zoom-fade-desc,
a.bg-box-desc > div.content, div.bg-box-desc > div.content, #breadcrumb-tree .feat-link, #header-icons .handle {
    background-color: #660099;
}

/*#ba-content .dc-sidebar .widget-wrapper .widget-title*/
.heading-fancy, .title-desc-mix .title-text, .title-desc-mix-center .title-text, #header #header-logo-text .subtitle, 
.multi-portfolio .portfolio-cat-title, .post-title-desc .title-text, .comments .dc-title-desc .title-text, 
#ba-contact-form-desc #contact-desc, .pagination a.selected {
    border-color: #660099;
}

a.main-color:hover { color:#000 !important; }
.second-color { color: #777777; }
.white-color { color: white !important; }
a.white-color:hover { color: #FE0 !important; }
.black-color { color: black !important; }



/*******************************************************************************************
      BASIC STYLES
********************************************************************************************/

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.full-width { width:100%; }
.text-italic { font-style: italic; }
.display-none { display: none; }
.no-margin { margin: 0px !important; }
.float-left { float:left; }
.float-right { float:right; }
.hide { display: none !important; }

.clear-both { clear:both; }
.clear-both10 { clear:both; height: 10px; }
.clear-both15 { clear:both; height: 15px; }
.clear-both20 { clear:both; height: 20px; }
.clear-both30 { clear:both; height: 30px; }
.clear-both40 { clear:both; height: 40px; }
.clear-both50 { clear:both; height: 50px; }

.empty-space10 { width:100%; height: 10px; }
.empty-space15 { width:100%; height: 15px; }
.empty-space20 { width:100%; height: 20px; }
.empty-space30 { width:100%; height: 30px; }
.empty-space40 { width:100%; height: 40px; }
.empty-space50 { width:100%; height: 50px; }

.clear-both-line {
    border-bottom: 1px solid #EEE;
    clear:both;
    height:1px;
    margin-bottom: 10px;
}

.separator-line-center-60 {
    padding: 10px 10% 0px;
    margin: 0px 10% 0px;
    border-top: 1px solid #EEE;
    height: 60px;
    clear: both;
}

.separator-line-center-30 {
    padding: 10px 10% 0px;
    margin: 0px 10% 0px;
    border-top: 1px solid #EEE;
    height: 30px;
    clear: both;
}

.separator-line-center-15 {
    padding: 10px 10% 0px;
    margin: 0px 10% 0px;
    border-top: 1px solid #EEE;
    height: 15px;
    clear: both;
}

.separator-line-center-5 {
    padding: 10px 10% 0px;
    margin: 0px 10% 0px;
    border-top: 1px solid #EEE;
    height: 5px;
    clear: both;
}



/*******************************************************************************************
      TEXT AND LINKS STYLES
********************************************************************************************/

p {
    text-decoration: none;
    margin: 0px 0px 15px;
    text-indent: 0px;
}

p.text-big {
    font-weight:normal;
    font-size:16px;
    line-height:20px;
}

.text-eye {
    font-weight:normal;
    font-size:14px;
	color:#F39;
	padding:0;
	margin:-15px 0 0 0;
}
.separator-headline {
	font-size: 17px; 
	line-height:25px;
	margin: 40px 0 5px 0;
	color:#660099;
	font-weight: lighter;
	}

p.text-big-gfont, a.text-big-gfont, .text-big-gfont {
    font-weight:normal;
    font-size:18px;
    line-height:20px;
    color: #888;
}

p.text-small-gfont, a.text-small-gfont, .text-small-gfont {
    font-weight:normal;
    font-size:16px;
    line-height:18px;
    color: #888;
}

p.text-big-bold {
    font-weight:bold;
    font-size:15px;
    line-height:20px;
    color: #888;
}

p.text-small, .text-small {
    font-weight:normal;
    font-size:11px;
    line-height:14px;
    color: #888;
    margin: 0px 0px 8px;
}

p.text-small span.name {
    font-weight:bold;
    font-size:11px;
    line-height:14px;
    color: #666;
}


a { text-decoration:none; }
a:hover { color:#000000; }
a.second-color, p.text-small a, .post-title-desc .title-text p.data a { text-decoration:none; color: #777777; }
a.second-color:hover, p.text-small a:hover, .post-title-desc .title-text p.data a:hover { color: #000000; }
a img, img { border: none; max-width:100%; }


h1, h2, h3, h4, h5, h6 { margin-bottom:10px; font-weight:normal; }
h1 { font-size: 36px; line-height:36px; }
h2 { font-size: 27px; line-height:27px; }
h3 { font-size: 21px; line-height:25px; }
h4 { font-size: 18px; line-height:19px; }
h5 { font-size: 16px; line-height:17px; margin-top: 25px; }
h6 { font-size: 14px; line-height:16px; }

h1 span { display: block; font-size: 21px; line-height:21px; }

.big-head20 { font-size: 20px; line-height: 20px; }
.big-head30 { font-size: 30px; line-height: 30px; }
.big-head40 { font-size: 40px; line-height: 40px; }
.big-head50 { font-size: 50px; line-height: 50px; }



ul {
    list-style-position:inside;
    list-style-image: url('../img/common/list/list-icon-grey.png');    
}

li {
    line-height: 18px;
}

ul.dc-basic-list {
    list-style-image: url('../img/common/list/list-icon-color.png');
}

ul.dc-basic-list, ol.dc-basic-list {
    list-style-position:outside;
    padding-left: 20px;
}

ul.dc-basic-list li, ol.dc-basic-list li {
    line-height: 18px;
    margin-bottom: 6px;
}

ul.pos-inside {
    list-style-position:inside;
}



blockquote {
    font-style: italic; 
    margin: 15px 0px 15px 0px;   
    color: #660099 !important;
	text-align:left;
}

.info_block{
	font-size:29px; 
    margin: 0px 20px 10px 0px;
	float:left;
}

blockquote.clean {
    background-image: none;
}

blockquote p, blockquote p.text-big, blockquote p.text-big-bold {
    font-style: italic;
    padding: 10px 0px 10px;
    margin-top: 20px;
    margin-bottom: 20px;    
    color: #666 !important;
}

blockquote p.author {
    font-size: 16px;
    font-style: normal;
    padding: 0px 20px 10px;
    margin-top: -15px;
    margin-bottom: 20px;
    text-align: right;
}

blockquote p.author span {
    display:block;
    color: #666 !important;
    font-weight:normal;
    font-size:11px;
    line-height:14px;
    margin-top:1px;
}

span.highlight {
    padding: 0px 6px 0px; 
    margin: 3px;
    color:white;
}

.heading-fancy {
    color: #AAA;
    font-weight:normal;
    font-size:22px;
    line-height:22px;
    text-transform:uppercase;
    text-align: right;
    border-bottom-width:1px;
    border-bottom-style:solid;
    padding-bottom: 2px;
    margin-bottom:30px;
    border-color: #EEE;
}

.heading-fancy-desc {
    position: relative; 
    top:-20px; 
    width: 50%; 
    float: right;
}


div.ba-slogan {
    font-size: 30px;
    line-height: 32px;
    text-align:center;
    padding:0px;
    max-width: 980px;
    margin:0px auto 3px;
}

div.ba-slogan-part2 {
    font-size: 20px;
    line-height: 22px;
    padding-right:54px;
    text-align:center;
    padding:0px;
}


/*******************************************************************************************
      TITLE DESCRITPION MIX (FULL WIDTH AND HALF WIDTH CENTERED)
********************************************************************************************/

.title-desc-mix {
    margin: 0px auto 60px;
    float:left;    
    width:100%;
    position:relative;
}

.title-desc-mix .desc-text {
    float:right;
    text-align: left;
    width: 66%;
    max-width: 66%;
    padding:0px;
}

.title-desc-mix .title-text {
    clear:right;
    float:left;
    text-align: right;
    border-right-width:2px;
    border-right-style:solid;    
    width:32%;
    max-width:32%;
    padding:0px 2% 5px 0px;     
    margin-right:2%;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


.title-desc-mix-center {
    max-width: 50%;
    margin: auto;
}

.title-desc-mix-center .desc-text {
    float:right;
    text-align: left;
    width: 56%;
    padding:0px;
}

.title-desc-mix-center .title-text {
    float:left;
    text-align: right;
    border-right-width:2px;
    border-right-style:solid;
    width:40%;
    padding:0px 4% 5px 0px;     
    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


/*******************************************************************************************
      LINKS, BUTTONS, IMAGES WITH FADE EFFECT
********************************************************************************************/

a.arrow-spin-link {
    font-size: 20px;
    line-height: 24px;
    display: block;
    position:relative;
    left:-2px;
}

a.arrow-spin-link:hover {
    color:#444;
    cursor:pointer;
}

a.arrow-spin-link span.arrow {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image:url(../img/common/elements/arrow-right-25px.png);
    position: relative;
    top:6px;
    left: -2px;
}

a.arrow-spin-link:hover span.arrow {
    background-image:url(../img/common/elements/arrow-right-25px_hov.png);
}


a.button-link {
    display:inline-block;
    font-weight:normal;
    font-size:12px;
    line-height:15px;
    margin: 0px 3px 15px;
    position: relative;
    right: -3px;
}

a.button-link span.link {
    padding: 3px 5px 5px 20px;
    background-image: url(../img/common/buttons/button-link_bgr.png);
    background-position: 0px 0px;
}

a.button-link span.close {
    padding: 3px 12px 4px 2px;
    background-image: url(../img/common/buttons/button-link_bgr.png);
    background-position: 100% 0;
}


.feat-color-link {
    margin:0px 10px 0px;
    border-width:1px;
    border-style:solid;
    border-color: transparent;
    color:white;
    padding: 2px 10px 2px;
    display: inline-block;
}

.feat-color-link:hover {    
    background-color: transparent;
    border-color:#EEE;
}


a.button-elipse-s {
    background-image: url('../img/common/buttons/button_circle_grey_120x52.png'); 
    background-position: center; 
    width: 120px; 
    padding: 18px 0px 18px; 
    margin-top: 20px;
    display: block; 
    text-align: center;
}

a.button-elipse-m {
    background-image: url('../img/common/buttons/button_circle_grey_176x52.png'); 
    background-position: center; 
    width: 176px; 
    padding: 18px 0px 18px; 
    margin-top: 20px;
    display: block; 
    text-align: center;
}

a.button-elipse-l {
    background-image: url('../img/common/buttons/button_circle_grey_252x52.png'); 
    background-position: center; 
    width: 252px; 
    padding: 18px 0px 18px; 
    margin-top: 20px;
    display: block; 
    text-align: center;
}

a.button-circle-s {
    background-image: url('../img/common/buttons/button_circle_grey_80.png'); 
    background-position: center; 
    width: 80px; 
    height: 34px;
    padding: 28px 0px 18px; 
    margin-top: 20px;
    display: block; 
    text-align: center;
}

a.button-circle-m {
    background-image: url('../img/common/buttons/button_circle_grey_119.png'); 
    background-position: center; 
    width: 114px; 
    height: 55px;
    padding: 36px 0px 28px 5px; 
    margin-top: 20px;
    display: block; 
    text-align: center;
}

a.button-circle-l {
    background-image: url('../img/common/buttons/button_circle_grey_215.png'); 
    background-position: center; 
    width: 215px; 
    height: 119px;
    padding: 78px 0px 18px; 
    margin-top: 20px;
    display: block; 
    text-align: center;
}


a.zoom-fade {
    background-position: center;
    display: block;
    line-height: 0px;
    margin-bottom: 13px;
}

a.zoom-fade-img {
    background-image: url(../img/common/icons/zoom.png);
    background-position: center;
    display: block;
    line-height: 0px;
    margin-bottom: 13px;
}

a.zoom-fade-video {
    background-image: url(../img/common/icons/camera.png);
    background-position: center;
    display: block;
    line-height: 0px;
}

a.zoom-fade-link {
    background-image: url(../img/common/icons/link.png);
    background-position: center;
    display: block;
    line-height: 0px;
    margin-bottom: 13px;
}

a.zoom-fade img, a.zoom-fade-video img, a.zoom-fade-link img, a.zoom-fade-desc {
    opacity:1;
    filter:alpha(opacity=100); 
}



/*******************************************************************************************
      ZOOM FADE DESC
********************************************************************************************/

a.zoom-fade-desc, div.zoom-fade-desc {
    border:none;
    opacity:1.0;
    line-height: 0px;
    margin:0px auto 18px;
    position: relative;
    overflow: hidden;   
    background-position: center;
    display: inline-block;    
    max-width: 100%;
}

a.zoom-fade-desc:hover {
    cursor:pointer;
}

div.zoom-fade-desc:hover {
    cursor:default;
}

a.zoom-fade-desc div.content, div.zoom-fade-desc div.content {
    opacity:0;
    filter:alpha(opacity=0); 
    position: absolute;
    bottom:-16px;
    left:0px;
    text-align: left;
    padding: 15px;
    line-height: 16px;
}

a.zoom-fade-desc:hover > div.content, div.zoom-fade-desc:hover > div.content {
    opacity:0;
}


/*******************************************************************************************
      CONTENT IMAGES
********************************************************************************************/

.WDT-image { float: left; margin-right:15px; }



.cnt-image { }
.cnt-image-left { float: left; }
.cnt-image-right { float: right; }
.cnt-image-left-margin { float: left; margin-right: 20px !important; }
.cnt-image-right-margin { float: left; margin-left: 20px !important; }


/*******************************************************************************************
      BOX DESCSCRIPTION
********************************************************************************************/

a.bg-box-desc {
    margin-bottom: 18px;
}

a.bg-box-desc > div.content, div.bg-box-desc > div.content {
    border:none;
    opacity:1.0;
    line-height: 0px;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 15px;
    text-align: left;
    line-height: 18px;
}


/*******************************************************************************************
      SITE HEADER
********************************************************************************************/

/*#dc-background {
    margin:auto;
    position: fixed;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}*/

#header {
    position:relative;
    padding: 0px 10px 5px;
}

#header .top-space {
    height:30px;
}

#header .logo {
    margin:0px auto 0px;
    padding: 20px;
    max-width:1000px;
    /*max-height:100px;*/
    text-align: center;
    display:block;
    position: relative;
}

#header .logo img {
    max-width: 100%;
}



#header #header-logo-text {
    padding: 20px;
    text-align: center;
}

#header #header-logo-text .main {
    font-size: 44px;
    line-height: 20px;
    margin-bottom: 24px;
	 margin-top:20px;
	letter-spacing:0.05em;
}


#header #header-logo-text .main a:hover {

}

#header #header-logo-text .subtitle {
    font-size: 14px;
    line-height: 16px;
    font-style: italic;
    display: inline-block;
    padding: 6px 50px 2px;
    text-align: center;
    position:relative;
	color:#999;
}

#header #header-logo-text .subtitle span.text {
    position: relative;
    top:-13px;
    padding: 0px 10px 0px;
    display:inline-block;
}

#header #header-logo-text .subtitle span.left-line {
    position: absolute;
    left:-10px;
    top:0px;
    width:50px;
    border-top-width: 1px;
    border-top-style: solid;
}

#header #header-logo-text .subtitle span.right-line {
    position: absolute;
    right:-10px;
    top:0px;
    width:50px;
    border-top-width: 1px;
    border-top-style: solid;
}



/*******************************************************************************************
      FOOTER
********************************************************************************************/


#footer {
    clear:both;
    padding: 10px 0px 0px;
}

#footer .bottom-navi {
    max-width:1200px;
    margin: 40px auto 20px;
    text-align: center;
    color:#666;
    font-weight:normal;
    font-size:20px;
    line-height:32px;
}

#footer .bottom-navi a {
    padding: 0px 15px 0px;
    display: inline-block;
}

#footer #footer-lines {
    
}

#footer #footer-lines p.footer-desc-line {
    color:#666;
    font-style:italic;
    font-size:11px;
    line-height:15px;
    text-align:center;
    margin-bottom: 5px;
    padding-top: 5px;
}

.footer-separator-line {
    max-width:800px;
    margin: 6px auto 6px;
    border-top: 1px dotted #E7E7E7;
    height: 1px;
    clear: both;
}

#footer #footer-lines p.copyright {
    color:#888;
    font-weight:normal;
    font-size:12px;
    line-height:15px;
    text-align:center;
    margin: 5px auto 0px;
    padding: 0px;
    max-width: 800px;    
}

#footer #footer-lines .comm-links {
    text-align:center;
    margin-bottom: 0px;
    padding-top: 30px;
}

#footer .bottom-space {
    height:15px;
}

#footer .top-link {
    height: 75px;
    width: 150px;
    padding-top: 0px;
    margin:auto;
    color:#CCC;
}

#footer .top-link a.back-to-top {
    font-size: 20px;
    line-height: 25px;
    color:#BBB;
    text-align: center;
    display: block;
    padding: 35px 0px 35px 0px;
}

#footer .top-link a.back-to-top:hover {
    color:#444;
}

#footer .top-link a.back-to-top span.arrow {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image:url(../img/common/elements/arrow-right-25px.png);
    position: relative;
    top:6px;
    left: -2px;
}

#footer .top-link a.back-to-top:hover span.arrow {
    background-image:url(../img/common/elements/arrow-left-25px_hov.png);
}



/*******************************************************************************************
      CONTENT CONTAINERS AND SIDEBAR
********************************************************************************************/

#dc-container {
    margin: 0 auto;
    padding: 0px 0px;
}

#ba-content {
    clear: both;
    padding: 20px 10px 10px;
    position: relative;
    width: 1160px;
    margin: auto;
}

#ba-content #page-title-navi {
    width:500px;
    max-width:500px;
    margin:auto;
    margin-bottom:35px;
}

#ba-content .page-title {
    width:250px;
    margin-bottom:25px;
    float:left;
    text-align:right;
}

#ba-content #sidebar-page {
    width: 860px;
}

#ba-content #fullwidth-page {
    width: 1160px;
}

#ba-content #page-content {
    width: 100%;
    padding: 0px 0px 40px;
    position: relative;
    
    float:left;
    margin-left: 0px;
}

/*#ba-content #home-content {
    max-width: 100%;
    margin:auto;
}*/

#ba-content .dc-sidebar {
    width: 260px; 
    min-height: 100px;
} 

#ba-content .dc-sidebar .widget-wrapper {
    margin-bottom:50px;
}

#ba-content .dc-sidebar .widget-wrapper .widget-title {
    margin-top:7px;
    margin-bottom:10px;
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    padding: 0px 20% 0px 0%;
    width: 80%;
    text-align: left;
}

#ba-content .dc-sidebar .widget-wrapper .widget-title span {
    position: relative;
    padding: 0px 8px 0px 0px;
    margin:0px;
    display: inline-block;
}


/*******************************************************************************************
      SMALL NAVIGATION (NON HOMEPAGE MENU)
********************************************************************************************/

#small-navigation {
    position: relative;
    width:250px;
    float:left;
    padding:0px 0px 25px;
}

#small-navigation ul {
    text-transform:none;
    margin:0px 10px 10px 0px;
    text-align: left;    
    list-style-image:none;
    list-style-position: outside;
    list-style-type: none;
}

#small-navigation ul li {
    margin:0px 0px 10px;
    position: relative;
    padding-left: 40px;
}

#small-navigation ul li a {   
    font-weight:normal;
    font-size:20px;
    line-height:20px;
    background-position: 0px 4px;
    display:block;
    color:#AAA;
}

#small-navigation ul li a:hover {   
    color:#000;
}

#small-navigation ul li a div.icon-raquo {
    background-image:url(../img/common/elements/arrow-right-25px.png);
    position: absolute;
    height:25px;
    width:25px;
    top:-2px;
    left:14px;
}

#small-navigation ul li a:hover > div.icon-raquo {
    background-image:url(../img/common/elements/arrow-right-25px_hov.png);
    height:25px;
    width:25px;
    left:14px;
}


/*******************************************************************************************
      BREADCRUMBS TREE
********************************************************************************************/

#breadcrumb-tree {
    width:60%;
    float:right;
    margin: 0px 0px 50px;
    text-align: right;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

#breadcrumb-tree .feat-link {
    float: right;
    margin-left:10px;
    border-width:1px;
    border-style:solid;
    border-color: transparent;
    color:white;
    padding: 0px 10px 0px;    
    margin-bottom: 5px;
}

#breadcrumb-tree .feat-link:hover {    
    background-color: transparent;
    border-color:#EEE;
}

#breadcrumb-tree .dc-breadcrumb-navigation {
    font-size:11px;
    line-height:14px;
    padding-top: 4px;
    float:right;          
}

#breadcrumb-tree .dc-breadcrumb-navigation .before {
    color:#444;
}

#breadcrumb-tree .dc-breadcrumb-navigation a {
    color:#999;
    text-decoration:none;
}

#breadcrumb-tree .dc-breadcrumb-navigation a:hover {
    text-decoration:underline;
}

#breadcrumb-tree .dc-breadcrumb-navigation span.separator {
    color:#999;
    padding:0px 8px 0px 8px;
    cursor:default;
} 

#breadcrumb-tree .dc-breadcrumb-navigation .link {
        
}

#breadcrumb-tree .dc-breadcrumb-navigation .selected {
    color:#444; 
    cursor:default;    
}



/*******************************************************************************************
      SLIDER AND NAVIGATION CONTAINERS (HOMEPAGE)
********************************************************************************************/

#slider-and-navi {
    width:100%;
    padding: 40px 0px 30px;
    position: relative;
}

.slider-home {
    width: 50%; 
    height:100%;
    float: left; 
    text-align: right; 
}


/*******************************************************************************************
      FEATURED - HOMEPAGE GALLERY
********************************************************************************************/

#slider-and-navi .slider-home .slider-gallery {
    text-align: right;
    max-width: 600px;
    float: right;
    padding-left: 10px;
    margin-bottom: 30px;
}

#slider-and-navi .slider-home .slider-gallery a {
    border:none;
    opacity:1.0;
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 3px;
}


/*******************************************************************************************
      FEATURED 3 COLUMNS (3 STATIC IMGs)
********************************************************************************************/

.slider-home .slider-columns {
    text-align: right;
    width: 600px;
    float: right;
    margin-bottom: 10px;
}

.slider-columns {
    float: right;
    padding-left: 10px;
}

.slider-columns a.zoom-fade {
    border:none;
    opacity:1.0;
    float:left;
    line-height: 16px;
    margin-bottom: 0px;
    margin-left: 25px;    
    position: relative;
    width: 175px; 
    height: 425px; 
    overflow: hidden;
}

.slider-columns a.zoom-fade > img {
    max-width: none;
    height:auto;
    max-height:100%;
}

.slider-columns a.zoom-fade div.content {
    display:none;
    position: absolute;
    bottom:0px;
    left:0px;
    text-align: left;
    padding: 15px;
}

.slider-columns a.zoom-fade:hover > div.content {
    display:block;
    opacity:0;
}


/*******************************************************************************************
      FEATURED SINGLE IMAGE (ONE STATIC IMG)
********************************************************************************************/

.slider-home .featured-single-img {
    text-align: right;
    width: 600px;
    float: right;
    padding-left: 10px;
    margin-bottom: 30px;
}

.slider-home .featured-single-img a.zoom-fade {
    border:none;
    opacity:1.0;
    float:right;
    line-height: 0px;
    margin-bottom: 4px;
    margin-left: 4px;    
    position: relative;
    width:100%;
    height:auto;
    overflow: hidden;
}

.slider-home .featured-single-img a.zoom-fade div.content {
    display:none;
    position: absolute;
    bottom:0px;
    left:0px;
    text-align: left;
    padding: 15px;
    line-height: 16px;
}

.slider-home .featured-single-img a.zoom-fade:hover > div.content {
    display:block;
    opacity:0;
}


/*******************************************************************************************
      FEATURED HOMEPAGE VIDEO
********************************************************************************************/

.slider-home .featured-video {
    text-align: right;
    width: 600px;
    float: right;
    padding-left: 10px;
    margin-bottom: 10px;
}

.slider-home .featured-video .dc-video-small {
    position:relative;
}

.slider-home .featured-video-desc {
    max-width: 450px;
    float: right;
    font-weight:normal;
    font-size:12px;
    line-height:15px;
}


/*******************************************************************************************
      HOMEPAGE BIG FONT FEATURED TEXT
********************************************************************************************/

.slider-home .big-font-featured {
    max-width: 600px; 
    float: right;
}

.slider-home .big-font-featured .massive-text {
    font-size: 145px;
    line-height: 138px;
}


/*******************************************************************************************
      BIG NAVIGATION (SLIDER AND NAVI) - HOMEPAGE
********************************************************************************************/

#slider-and-navi .big-navigation {
    padding:0px 0px 5px;   
    width:50%;
    float:left;
    text-align: left;
    max-width: 900px;    
    min-width: 200px;
}

#slider-and-navi .big-navigation ul {
    text-transform:none;
    margin:0px 10px 10px;
    text-align: left;    
    list-style-image:none;
    list-style-position: outside;
    list-style-type: none;
}

#slider-and-navi .big-navigation ul li {
    margin:0px 0px 6px;
    position: relative;
    padding-left: 70px;
}

#slider-and-navi .big-navigation ul li a {
    font-weight:normal;
    font-size:50px;
    line-height:54px;
    background-position: 0px 4px;
    display:block;
}

#slider-and-navi .big-navigation ul li a:hover {   
    color:#000;
}

#slider-and-navi .big-navigation ul li a div.icon-raquo {
    background-position: 0px 0px;
    position: absolute;
    background-image:url(../img/common/elements/arrow-right-36px.png);
    height:36px;
    width: 36px;
    left:26px;
    top:12px;
}

#slider-and-navi .big-navigation ul li a:hover > div.icon-raquo {
    background-image:url(../img/common/elements/arrow-right-50px_hov.png);    
    height:50px;
    width: 50px;
    left:20px;
    top:5px;
}

  
/*******************************************************************************************
      SLOGAN INFO AND 3ONE TITLE DESC MIX (HOMEPAGE AND TESTIMONIALS ON CLIENTS PAGE)
********************************************************************************************/

.slogan-info {
    clear: both;
    padding: 10px 0px 10px;
    position: relative;
    max-width: 860px;
    margin: auto;
}

.title-and-desc-mix-3one {
    max-width: 860px;
    margin: auto;
}

.title-and-desc-mix-3one .desc-text {
    text-align: center;
    padding:20px 0px 0px 30px;
    width: 560px;
    float:right;
    text-align: left;
}

.title-and-desc-mix-3one .title-text {
    float:left;
    text-align: right;
    width: 270px;
    padding:20px 0px 15px 0px;
}
  

/*******************************************************************************************
      IMAGE GALLERIES
********************************************************************************************/

.images-gallery-center {
    text-align: center;
}

.images-gallery-center a {
    border:none;
    opacity:1.0;
    display: inline-block;
    margin-bottom: 6px;
    margin-left: 3px;
}

.images-gallery-square {
    padding-bottom: 120px;
    width:1160px;
    margin-left:0px;
}

.images-gallery-square a {
    border:none;
    opacity:1.0;
    display: inline-block;
    float:left;
    position: relative;
    margin:0px 15px 15px 0px;
    width:150px;
    height:150px;
}  

.images-gallery-square a .desc-tip {
    opacity:0;
    position:absolute;
    right:0px;
    top:100%;
    z-index: 10;
    font-weight:normal;
    font-size:10px;
    line-height:13px;
    text-align: right;
    overflow:hidden;
    display:none;
    background-color: #FFF;
    color:#777;
    height: 105%;
    padding:10px 0px;
    width:100%;
}

.images-gallery-square a:hover > .desc-tip {

}

.images-gallery-square a:hover > .desc-tip:hover {
    display:none;
}


/*******************************************************************************************
      CLIENT LISTS
********************************************************************************************/

.clients-list {
    text-align: left;
}

/*----- clients list logos -----*/
.clients-list .logos {
    padding: 10px 0px 10px;
    max-width: 100%;  
    text-align: center;  
    margin: auto;
}

.clients-list .logos a {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px 20px 10px;
    height: 70px;
    opacity:1.0;
    position: relative;
}

.clients-list .logos a:hover {

}

.clients-list .logos a div.info {
    position: absolute;
    top:80%;
    left: 0px;
    padding: 4px 0px 0px 0px;
    display:none;
    /*max-width: 400px;*/
    z-index: 10;
    max-height: 18px;
    /*overflow: hidden;*/
}

.clients-list .logos a div.info p {
    margin-bottom: 3px;
    color:black;
    padding: 5px 6px 5px;
    border:1px solid #E5E5E5;
    text-align: center;
}

.clients-list .logos a div.info p span {
    
}

.clients-list .logos img {
    margin: 15px 10px;
    border:none;
}

/*----- clients list names - one column -----*/
.clients-list-column {
    width: 100%;
    padding-top:20px;
}

.clients-list-column .clients-names {
    text-align: left;
    max-width: 100%;
    float:right;
}

.clients-list-column .client-item {
    width:25%;
    text-align:left;
    display:inline-block;
    line-height: 18px;
    font-size: 16px;
    color: #333;
    margin: 0px 4% 30px 4%;
    padding: 0px;
    vertical-align:top;
}

.clients-list-column .client-item > a, .clients-list-column .client-item > div:first-child {
    color: #333;
}

.clients-list-column .client-item > a:hover{

}


/*******************************************************************************************
      ARTICLE, PRESS AND ABOUT
********************************************************************************************/

.credits {
    text-align: center;
}

.credits p {
    font-weight:normal;
    font-size:16px;
    line-height:16px;
    letter-spacing: -1px;
}

.credits p span {
    font-weight:normal;
    font-size:11px;
    line-height:14px;
    letter-spacing: 0px;
    color:#777;
}

.press-content {
    float: left;
    margin-bottom: 50px;
    width:100%;
}

.press-photo-content {
    width: 175px; 
    float: left;
    width:20.4%;
    padding-right: 5%;
    width: auto;
    margin-right: 20px;
    margin-bottom: 13px;
    padding: 0px 1%; 
    text-align: center;
}

.press-photo-content a img {
    margin-bottom: 10px;
}

article {
	color:#F30;
	font-size:11px;
	
	
	}


/*******************************************************************************************
      PORTFOLIO - MULTI AND FULL
********************************************************************************************/

/*--------- multi portfolio ----------------------------------*/
.multi-portfolio .portfolio-cat-title {
    float:left;
    text-align: right;
    border-right-width:2px;
    border-right-style:solid;    
    width:32%;
    padding:0px 2% 5px 0px;     
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    font-weight:normal;
    font-size:12px;
    line-height:16px;
}

.multi-portfolio .portfolio-boxes {
    text-align: right;
    float: right;
    margin-bottom: 100px;
    width: 68%;
}

.multi-portfolio .portfolio-boxes a.zoom-fade {
    border:none;
    opacity:1.0;
    float:right;
    line-height: 16px;
    position: relative;
    height: 260px;
    overflow: hidden;
    display: block;
    Width:30.3%;
    margin:0px 0px 25px 2.8%;
}

.multi-portfolio .portfolio-boxes a.full-size {   
    width: 96%;
}

.multi-portfolio .portfolio-boxes a.small-size {   
    height: 90px;
    width: 90px;
}

.multi-portfolio .portfolio-boxes a.zoom-fade > img {
    height:auto;
    max-width: none;
}

.multi-portfolio .portfolio-boxes a.zoom-fade div.content {
    display:none;
    position: absolute;
    bottom:0px;
    left:0px;
    text-align: left;
    padding: 15px;
}

.multi-portfolio .portfolio-boxes a.zoom-fade:hover > div.content {
    display:block;
    opacity:0;
}


/*--------- full portfolio ----------------------------------*/

.full-portfolio { }
.full-portfolio .portfolio-item { margin-bottom: 60px; }
.full-portfolio .portfolio-item .bottom-separator { clear: both; height: 30px; }

.full-portfolio .portfolio-item .one-plus-two { }
.full-portfolio .portfolio-item .one-plus-two .p-one { line-height: 0px; height: 450px; overflow: hidden; }
.full-portfolio .portfolio-item .one-plus-two .p-two { line-height: 0px; height: 205px; overflow: hidden; }
.full-portfolio .portfolio-item .one-plus-two .p-two-separator { clear: both; height: 40px; }
.full-portfolio .portfolio-item .one-plus-two .p-one a, .full-portfolio .portfolio-item .one-plus-two .p-one > div.zoom-fade-desc { max-width:100%; height: 450px; }
.full-portfolio .portfolio-item .one-plus-two .p-two a, .full-portfolio .portfolio-item .one-plus-two .p-two > div.zoom-fade-desc { max-width:100%; height: 205px; }

.full-portfolio .portfolio-item .one-plus-third { }
.full-portfolio .portfolio-item .one-plus-third .p-one, .full-portfolio .portfolio-item .one-plus-third .p-third { line-height: 0px; height: 450px; overflow: hidden; }
.full-portfolio .portfolio-item .one-plus-third .p-one a, .full-portfolio .portfolio-item .one-plus-third .p-one > div.zoom-fade-desc,
.full-portfolio .portfolio-item .one-plus-third .p-third a, .full-portfolio .portfolio-item .one-plus-third .p-third > div.zoom-fade-desc { max-width:100%; height: 450px; }

.full-portfolio .portfolio-item .three-even { }
.full-portfolio .portfolio-item .three-even .p-third { line-height: 0px; height: 450px; overflow: hidden; }
.full-portfolio .portfolio-item .three-even .p-third a, .full-portfolio .portfolio-item .three-even .p-third > div.zoom-fade-desc { max-width:100%; height: 450px; }



/*******************************************************************************************
      BLOG / NEWS
********************************************************************************************/

.post-excerpt, .post-full {
    clear: both;
    text-align:center;
}

.post-excerpt div.main-img, .post-excerpt a.zoom-fade-desc, .post-full div.main-img, .post-full a.main-img {
    max-width: 100%; 
    overflow: hidden; 
    margin-bottom: 30px;
}

.post-excerpt div.main-img img, .post-excerpt a.zoom-fade-desc img, .post-full div.main-img img, .post-full a.main-img img {
    max-width: 100%; 
}

.post-excerpt .sq-thumb-img, .post-full .sq-thumb-img {
    max-width: 140px !important; 
    max-height: 140px; 
    margin: 0px 20px 10px 0px !important; 
    overflow: hidden; 
    float: left;
}

.post-excerpt .sq-thumb-img img, .post-full .sq-thumb-img img {
    
}

.post-excerpt .full-thumb-img, .post-full .full-thumb-img {
    width: 100%;
    margin: 0px 20px 20px 0px; 
    overflow: hidden; 
    float: left;
}

.post-title-desc {
    margin: 0px auto 60px;
    float:left;
    width:100%;
    position:relative;
}

.post-title-desc .desc-text{
    float:right;
    text-align: left;
    width: 66%;
    padding:0px;
}

.post-title-desc .title-text {
    float:left;
    text-align: right;
    border-right-width:2px;
    border-right-style:solid;
    width:32%;
    padding:0px 2% 5px 0px;     
    margin-right:2%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.post-title-desc .title-text p.data span.name {
    font-weight:bold;
    font-size:12px;
    line-height:16px;
    color: #666;
}

.post-title-desc .title-text p.text-small, .post-title-desc .title-text p.data {
    max-width: 90%;
    float: right;
    margin-bottom: 6px;
}

.dc-video-post-cnt {
    max-width: 100%;
    margin-bottom: 30px;
}

.dc-video-post-cnt .dc-video-post {
    padding-bottom:56%;
}

.dc-video-post-cnt iframe {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}

.dc-video-post {
    position:relative;
}

.comments .dc-title-desc {
    margin: 0px auto 60px;
    float:left;
    width:100%;
}

.comments .dc-title-desc .desc-text {
    text-align: center;
    float:right;
    text-align: left;
    width: 66%;
    padding:0px;
}

.comments .dc-title-desc .title-text {
    float:left;
    text-align: right;
    border-right-style:solid;
    border-right-width:2px;
    width:32%;
    padding:0px 2% 5px 0px;     
    margin-right:2%;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


/*******************************************************************************************
      PAGINATION
********************************************************************************************/

.pagination {
    text-align:center;
}

.pagination .pages {
    padding: 10px 10% 0px;
    margin: 0px 10% 0px;
    border-top: 1px solid #EEE;
}

.pagination a {
    font-weight:normal;
    font-size:16px;
    line-height:28px;
    padding: 2px 5px;
    color:#BBB;
}

.pagination a.selected {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.pagination a:hover {

}


/*******************************************************************************************
      TABLES
********************************************************************************************/

.dc-schedule-table {
    width: 100%;
    border-spacing: 2px;
    border-collapse: collapse;
    color: #666;
}

.dc-schedule-table thead tr th {
    line-height: 18px !important;
    font-size: 18px;
    text-align: left;
}

.dc-schedule-table thead th {
    padding: 10px;
    padding-left: 20px;
}

.dc-schedule-table tr {
    border-bottom: 1px solid #E5E5E5;
    line-height: 15px;
}

.dc-schedule-table tr:hover {
    color:#000;
}

.dc-schedule-table tfoot tr:hover {
    background-color: transparent;
}

.dc-schedule-table thead tr:hover {
    background-color: transparent;
}

.dc-schedule-table tr td {
    padding:10px;
    padding-left: 20px;
}

.dc-schedule-table tr:last-child {
    border-bottom: 0px;
}

.dc-schedule-table tfoot td {
    padding-top: 10px;
    font-size: 10px;
    color: #888;
    text-align: right;
}

/*------------ vertical table ---------------*/

.dc-vertical-table {
    border-collapse: separate;
    color: #666;
    border-spacing: 10px;
}

.dc-vertical-table th {
    font-weight:normal;
    vertical-align:top; 
    padding:8px;  
    text-align: right;
}

.dc-vertical-table td {
    vertical-align:top;
    border: 1px solid #E5E5E5;
    text-align:left;
    padding:8px;
    padding-left:15px;
    background-color: transparent;
    margin: 10px;
}

.dc-vertical-table td:hover {
    color:black;
}


/*******************************************************************************************
      SERVICES PAGE
********************************************************************************************/

.services-one-col {
    max-width: 100%; 
}

.service-col-item {
    margin-bottom: 10px;
    clear:both;
}

.service-img {
    width: 280px; 
    height: 200px; 
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
    width:28%;
}

.service-img img {
    width: 100%;
    height: auto;
}

.service-content {
    text-align: left;
    margin-bottom: 20px;
    font-weight:normal;
    font-size:12px;
    line-height:18px;
    width:68%;
    float:right;       
}

.service-title {
    margin-bottom: 16px;
}

.service-title h3 {
    margin-bottom: 5px;
}

.service-desc{
    
}


/*******************************************************************************************
      ICON LINKS
********************************************************************************************/

.icon-links {
    text-align: center;
}

.icon-links a.icon, .icon-links div.icon {
    display: inline-block;
    text-align: left;
    font-size:15px;
    line-height: 15px;
    vertical-align: top;
    font-weight: bold;
    width:20%;
    margin: 10px 2% 25px 2%;
    padding-left: 60px;
    position: relative;
}

.icon-links a.icon .icon-desc, .icon-links div.icon .icon-desc {
    float: left; 
    text-align: left;
}

.icon-links a.icon span, .icon-links div.icon span {
    font-size:11px;
    line-height: 12px;
    color: #666;
    font-weight: normal;
}

.icon-links a.icon img, .icon-links div.icon img {
    float: left;
    margin-right: 10px;
    position:absolute;
    left:0px;
}


/*******************************************************************************************
      COLUMNS STYLES
********************************************************************************************/

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

.no-margin-right {
    margin-right:0px !important;
}

.ba-column-25percent {
    width: 22%;
    float: left;
    margin: 0% 4% 10px 0;
}

.ba-column-33percent {
    width: 30.668%;
    float: left;
    margin: 0% 4% 10px 0;
}

.ba-column-50percent {
    width: 48%;
    float: left;
    margin: 0% 4% 10px 0;
}

.ba-column-75percent {
    width: 74%;
    float: left;
    margin: 0% 4% 10px 0;
}

.ba-column-66percent {
    width: 65.33%;
    float: left;
    margin: 0% 4% 10px 0;
}


/*********************************************************************
    COMMENTS LIST CSS
**********************************************************************/

.comments-section {
    background-color:transparent;
    margin-bottom:80px;
    width:100%;
}         

.comments-section .comment {
    margin-top:0px;
}

.comments-section .comment .content {
    margin-bottom:40px;
    padding:0px; 
    position:relative;
}

.comments-section .comment .content .gravatar {
    width:40px;
    height:40px;
    border:0px solid #CCCCCC;
    float:left;
    position:relative;
    top:-2px;
}

.comments-section .comment .content .gravatar img {
     border:none;
}

.comments-section .comment .content .text {
     margin-left:60px;
     padding:0px 6px 6px 0px;
     border:0px solid #DDDDDD;
}

.comments-section .comment .content .text p {
    font-weight:normal;
    font-size:12px;
    line-height:16px;
    margin: 0px;
}

.comments-section .comment .author-and-time {
    margin: 2px 0px 6px;
}

.comments-section .comment .date-and-reply {
    margin-left:50px;
}

.comments-section .comment .old {
    float: right;
    color: #AAA;
    font-weight:normal;
    font-size:11px;
    line-height:12px;
}

.comments-section .comment .separator {
    color:#DDDDDD;
    margin:0px 5px 0px;
} 

.comments-section .comment .author {
     padding:0px 0px 3px 10px;
     font-weight:bold;
     font-size:12px;
     line-height:15px;
}

.comments-section .comment a.reply {
      width: 30px;
      padding:1px 5px 1px 8px;
      text-decoration:none;
}

.comments-section .comment a.reply:hover {
 
}

.comments-section .comment .to-approve {
    padding-top:10px;
    color:#888888;
}

.comments-section .comment .time {
     color:#888888;
     font-size:11px;
}

.comments-section .commentlist {
    margin-left:0px;
    padding-left:0px;    
}

.comments-section .commentlist li {
    list-style:none;
    padding-top:0px;
}

.comments-section .commentlist li li {
    padding-left:40px;
    border-left:1px solid #EEE;
}


/*********************************************************************
    POST RESPOND/COMMENT FORM
**********************************************************************/

#respond {
     margin-top:0px;
     padding-bottom:0px;
     position: relative;
     clear:both;
     width:100%;
}

#respond p {
    margin-bottom:8px;
    margin-top:0px;
}

#respond .label {
    font-weight:normal;
    font-size:12px;
    line-height:12px;
    margin-left:0px;
}

#respond .required {
    font-weight:normal;
    font-size:11px;
    line-height:12px;
    margin-left:5px;
    color:#AAA;
}

#respond input[type=text].text-ctrl {
   width:200px;
}

#respond textarea.textarea-ctrl {
   width:80%;
   height:140px;   
}

#respond .textarea-ctrl:focus {
    outline:none;
}

#respond input[type=submit].button-ctrl:hover {   
    color:#000000 !important;
}

#respond .cancel-respond {
    font-weight:normal;
    font-size:10px;
    line-height:10px;
    height:12px;
    color:#8888888;
    margin: 0px;
    padding:8px 0px 0px;
}

#respond .cancel-respond a {
    color:#888888;
    text-decoration:none;
}

#respond .cancel-respond  a:hover {
    color:#000000;
}


/*********************************************************************
    COMMON FORM CSS
**********************************************************************/

input[type=text] {
   border: 1px solid rgba(0, 0, 0, 0.2);
   color:#333333;
   padding:3px 5px 3px;
   margin-right:8px;
   font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;
   font-size:14px;
   line-height:20px;
}

input[type=text]:focus {
    outline:none;
}

input[type=submit] {
    padding:0px 5px 1px 0px;
    text-decoration:none;
    border: none;
    cursor:pointer;
    background: transparent;
}

textarea {
   border: 1px solid rgba(0, 0, 0, 0.2);
   color:#222;
   padding:3px 5px 3px;
   margin-top:4px;
   font-weight:normal;
   font-size:14px;
   line-height:20px;
   font-family: "Gotham SSm A","Gotham SSm B",Arial,sans-serif;
   max-width:100%;
}


/*******************************************************************************************
      DC BASIC SLIDER
********************************************************************************************/

.slider-images {
    width: 600px; 
    float: right;
}

.dc-basic-slider {
    margin-bottom:20px;  
    line-height:1px;  
} 

.dc-basic-slider .slider-options {
    display:none;
}

.dc-basic-slider .inner-wrapper {
    position:relative;
    margin: 0px auto 0px auto; 
    padding:0px 0px 0px 0px;
}

.dc-basic-slider .nav-pager {
    margin:0px auto 0px auto;
    border:0px solid blue;    
    text-align:right;
    padding:12px 12px 5px 0px;
}

.dc-basic-slider .nav-pager .page {
    display:inline-block;
    background-image:url(../img/basicslider/page_off.png);
    background-position:center center;
    background-repeat:no-repeat;
    width:14px;
    height:14px;
    margin:0px 3px 0px 0px; 
    cursor:pointer;
}

.dc-basic-slider .nav-pager .page.page-on {
    background-image:url(../img/basicslider/page_on_color.png);
}

.dc-basic-slider .nav-next-btn {
    width:30px;
    height:30px;
    background-image:url(../img/basicslider/next_white.png);
    position:absolute;
    right:20px;
    top:45%;
    background-color:transparent;
    opacity:0.6;
    cursor:pointer;
    display:none;
    z-index:10;
}

.dc-basic-slider .nav-prev-btn {
    width:30px;
    height:30px;
    background-image:url(../img/basicslider/prev_white.png);
    position:absolute;
    left:20px;
    top:45%;
    background-color:transparent;
    opacity:0.6;
    cursor:pointer;
    display:none;
    z-index:10;
}

.dc-basic-slider .inner-wrapper > ul {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0px;
    margin: 0px auto 0px auto;
}

.dc-basic-slider .inner-wrapper > ul li.slide-ghost {
    visibility:hidden;
    width:100%; 
}

.dc-basic-slider .inner-wrapper > ul li.slide {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.dc-basic-slider .inner-wrapper > ul li.slide-ghost img,
.dc-basic-slider .inner-wrapper > ul li.slide img 
{
    display: block;
    height: auto;
    width: 100%;
}

.dc-basic-slider .inner-wrapper > ul li.slide .description {
    padding:16px 0px 16px;
    position:absolute;
    left:0px;
    bottom:0px;
    display:block;
    box-sizing:border-box;
    width:100%;
}

.dc-basic-slider .inner-wrapper > ul li.slide .description div {
    padding:0px 16px 0px;
}

.dc-basic-slider .inner-wrapper > ul li.slide .desc-right {
    height: 100%; 
    width: auto; 
    left: auto; 
    right: 0px;
    top:0px;
}

.dc-basic-slider .inner-wrapper > ul li.slide .description .title {
    color:#000;  
}

.dc-basic-slider .inner-wrapper > ul li.slide .description .text {
    font-size:12px;
    line-height:16px;
    color:#333;  
    margin-top:5px;
}


/*******************************************************************************************
      TOP HEADER ICONS
********************************************************************************************/
  
#header-icons {
    position: absolute; 
    right:5%; 
    top:0px; 
    font-size: 10px; 
    text-transform: none; 
    z-index: 50; 
    text-align:right;
    padding-bottom:25px;
    padding-left:25px;
}

#header-icons .ba-icon {
    display:inline-block;
    margin-right:0px;
    padding:5px 10px;
    float:right;
}

#header-icons .ba-icon:hover {
    cursor:pointer;
    background-color:#999;
}

#header-icons .handle {
    border-top: none;
    color:white;
}

#header-icons:hover > .handle {
    background-color:transparent;
    border-top: none;
    color:#BBB !important;
}

#header-icons .twitter {
    background-color:#46d6fe;
}

#header-icons .img-icon {
    height:20px;
}

#header-icons .vimeo-icon {
    background-color:#46d6fe;
    background-image:url('../img/common/community/vimeo_white.png');    
    width:20px;    
    background-position:center 7px;
}

#header-icons .facebook {
    background-color:#468efe;
}

#header-icons .flickr {
    background-color:#d678da;
}

#header-icons .youtube {
    background-color:#d64646;
}

#header-icons .icons {
    display:none;
    opacity:0.0;
}

#header-icons .hidden-icon {
    display:none;
    opacity:0.0;
    color:white !important;
    padding-bottom:6px;
}

#header-icons .hidden-icon:hover {
    background-color:#4b4b4b;
}



/*******************************************************************************************
      CONTACT PAGE AND GOOGLE MAP CSS
********************************************************************************************/

.dc-gmap-container {
    width:100%;
    height:390px;
    border:5px solid #FFF;
    box-sizing:border-box; -moz-box-sizing:border-box;
}

.dc-gmap-container img{
    max-width: none;
}

.dc-gmap-container h5 {
    margin-bottom:5px;
}

.google-map-wrapper {
    width:100%;
    overflow:hidden;
    margin-bottom:30px;
}

#ba-contact-form-desc {
    padding-bottom:50px;
}

#ba-contact-form-desc #contact-desc {
    float:left;
    text-align: right;
    border-right-width:2px;
    border-right-style:solid;
    width:32%;
    padding:0px 2% 5px 0px;     
    margin-right:2%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

 
#ba-contact-form-desc #contact-container {
    float:left;
    width:66%;
}

.contactInputHuman {
    background-color: transparent; 
    margin-top:5px; 
    margin-bottom: 15px;
    width: 70px;
}
     
#contactErrorPanel {
    height: 10px;
    padding: 8px;
    padding-left: 3%;
    border: 1px solid #EE6644;
    background-color:#EE6644;
    margin-bottom: 15px;
    font-weight:normal;
    font-size:11px;
    line-height:11px;
    color: #FFF;
    width: 90%;
}

.commonControlLabel {
    font-size: 16px;
}

.commonControlErrorMsg {
    font-size: 11px;
    font-style: italic;
    color: #a20;
    visibility: hidden;
}

.commonControlLabelItalic {
    font-size: 11px;
    font-style: italic;
    color: #999;
}

.commonInput {
    background-color: transparent; 
    margin:5px 0px 10px; 
    width: 70%;
}
     
.commonTextarea {
    background-color: transparent; 
    margin-top:5px;
    margin-bottom: 10px; 
    width: 100%;
    height: 150px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}



/*******************************************************************************************
      ADDITIONAL SIDEBAR STYLES AND WIDGETS
********************************************************************************************/

#ba-content .dc-sidebar .widget-wrapper p, #ba-content .dc-sidebar .widget-wrapper ul {
    font-size:12px;
    line-height: 18px;
}


/*------ recent posts widget ----------------------------------*/

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts {
    
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts .post-item {
    margin-bottom:30px;
    clear: both;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts .post-item .image {
    float:left;
    width: 70px;
    height: 70px;
    margin-right:10px;
    margin-bottom: 8px;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts .post-item .image img {
    width: 70px;
    height: 70px;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts .post-item .text {
    
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts .post-item .text h5 {
    margin-bottom: 5px;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-recent-posts .post-item .text p {
    font-size:11px;
    line-height: 14px;
}


/*------ featured story widget ----------------------------------*/

#ba-content .dc-sidebar .widget-wrapper .dc-widget-featured-story .feat-item {
    margin-bottom:30px;
    clear: both;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-featured-story .feat-item .text h5 {
    margin-bottom: 5px;
}


/*------ gallery widget ----------------------------------*/

#ba-content .dc-sidebar .widget-wrapper .dc-widget-gallery .image-gallery {
    margin-bottom:30px;
    clear: both;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-gallery .image-gallery a {
    margin: 0px 11px 11px 0px;    
    display:inline-block;
    float:left;
    width:75px;
    overflow:hidden;
    height:75px;
}

#ba-content .dc-sidebar .widget-wrapper .dc-widget-gallery .image-gallery a img {    
    max-width: none;
}


/*******************************************************************************************
      ADDITIONAL STYLES
********************************************************************************************/

.dc-ofade
{
    filter:alpha(opacity=100);
}


/*******************************************************************************************
      MEDIA SCREEN STYLES (RESPONSIVE)
********************************************************************************************/

@media screen and (max-width: 1240px)
{    
    /*--------------- construction ------------------*/
    #ba-content { width:900px; padding-left:0px; padding-right:0px; }
    #ba-content #sidebar-page { width: 600px; }
    #ba-content #fullwidth-page { width: 900px; }
    
    /*--------------- big navigation ------------------*/
    #slider-and-navi .big-navigation ul li { margin:0px 0px 10px; padding-left: 65px; }
    #slider-and-navi .big-navigation ul li a { font-weight:normal; font-size:32px; line-height:36px; }
    #slider-and-navi .big-navigation ul { margin:0px 10px 10px 0px; }
    #slider-and-navi .big-navigation ul li a div.icon-raquo { top:1px; }
    #slider-and-navi .big-navigation ul li a:hover > div.icon-raquo { top:-6px; }
    
    /*--------------- features home ------------------*/
    #slider-and-navi .slider-home .slider-gallery { max-width: 460px; }
    #slider-and-navi .slider-home .slider-gallery a img { max-height: 60px; }
    
    .slider-home .slider-columns { width: 450px; }
    #slider-and-navi .slider-home .slider-columns a.zoom-fade { height:318px; width:125px; }
    #slider-and-navi .slider-home .slider-columns a.zoom-fade > div.content p {
        display:none !important;
    }
    .slider-columns div.content h2 { font-size:27px; line-height:27px; }
    
    #slider-and-navi .slider-home .featured-single-img { width: 460px; }
    
    .slider-home .featured-video { width:460px; }
    
    #slider-and-navi .slider-home .slider-images { width: 440px; }
    
    .slider-home .big-font-featured { max-width: 470px; }    
    .slider-home .big-font-featured .massive-text { font-size: 107px; line-height: 105px; }
    
    /*--------------- gallery ------------------*/
    .images-gallery-square { width: 825px; margin-left: 45px; }
         
    /*--------------- title desc mix ------------------*/
    .title-desc-mix-center { max-width: 64.5%; }
     
    /*--------------- portfolio ------------------*/
    .multi-portfolio .portfolio-boxes a.zoom-fade { margin: 0px 0px 18px 3%; }    
    .multi-portfolio .portfolio-boxes a.small-size { height: 83.4px; width: 83.4px; }
    .multi-portfolio .portfolio-boxes a.full-size { width: 96.8%; }

    
    .full-portfolio .portfolio-item .bottom-separator { height: 26px; }
        
    .full-portfolio .portfolio-item .one-plus-two .p-one { height: 349px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two { height: 159px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two-separator { height: 31px; }
    .full-portfolio .portfolio-item .one-plus-two .p-one a, .full-portfolio .portfolio-item .one-plus-two .p-one > div.zoom-fade-desc { height: 349px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two a, .full-portfolio .portfolio-item .one-plus-two .p-two > div.zoom-fade-desc { height: 159px; }
    
    .full-portfolio .portfolio-item .one-plus-third .p-one, .full-portfolio .portfolio-item .one-plus-third .p-third { height: 349px; }
    .full-portfolio .portfolio-item .one-plus-third .p-one a, .full-portfolio .portfolio-item .one-plus-third .p-one > div.zoom-fade-desc,
    .full-portfolio .portfolio-item .one-plus-third .p-third a, .full-portfolio .portfolio-item .one-plus-third .p-third > div.zoom-fade-desc { height: 349px; }
    
    .full-portfolio .portfolio-item .three-even .p-third { height: 349px; }
    .full-portfolio .portfolio-item .three-even .p-third a, .full-portfolio .portfolio-item .three-even .p-third > div.zoom-fade-desc { height: 349px; }
     
}   /* END max-width: 1240px */




/*******************************************************************************************/    

@media screen and (max-width: 960px)
{    
    /*--------------- construction ------------------*/
    #ba-content { width:700px; padding-left:20px; padding-right:20px; }    
    #ba-content #sidebar-page { width: 460px; }
    #ba-content #fullwidth-page { width: 700px; }
    #ba-content .dc-sidebar { width: 210px; }
    
    .slogan-info { max-width: 600px; }
    #breadcrumb-tree { width:100%; }
    
    /*--------------- footer ------------------*/
    #footer { padding: 10px 15px 0px; }
    
    /*--------------- slider-home ------------------*/
    .dc-basic-slider .inner-wrapper > ul li.slide .description { display:none; }
    
    #slider-and-navi .slider-home .slider-gallery { max-width: 310px; }
    #slider-and-navi .slider-home .slider-gallery a { margin-left: 2px; }    
    #slider-and-navi .slider-home .slider-gallery a img { max-height: 40px; }
        
    .slider-home .slider-columns { width: 345px; }
    #slider-and-navi .slider-home .slider-columns a.zoom-fade {
         height:245px;
         width:95px;
         margin-left:20px;
    }
    
    #slider-and-navi .slider-home .slider-columns a.zoom-fade > div.content {
        display:none !important;
    }
    
    #slider-and-navi .slider-home .featured-single-img { width: 346px; }    
    #slider-and-navi .slider-home .featured-single-img a.zoom-fade > div.content p {
        display:none !important;
    }
    
    .slider-home .featured-video { width:360px; }
    #slider-and-navi .slider-home .slider-images { width: 350px; }    
    .slider-home .big-font-featured { max-width: 370px; }
    .slider-home .big-font-featured .massive-text { font-size: 76px; line-height: 82px; }
    
    
    /*--------------- big-navigation-home ------------------*/
    #slider-and-navi .big-navigation ul li { margin:0px 0px 10px; padding-left: 40px; }
    #slider-and-navi .big-navigation ul li a { font-weight:normal; font-size:24px; line-height:26px; }
    #slider-and-navi .big-navigation ul { margin:0px 10px 10px 0px; }
    #slider-and-navi .big-navigation ul li a div.icon-raquo {
        background-image:url(../img/common/elements/arrow-right-25px.png);
        height:25px;
        width:25px;
        top:3px;
        left:14px;
    }
    
    #slider-and-navi .big-navigation ul li a:hover > div.icon-raquo {
        background-image:url(../img/common/elements/arrow-right-25px_hov.png);
        height:25px;
        width:25px;
        top:3px;
        left:14px;
    }
    
    /*--------------- title-desc-mix ------------------*/
    .title-and-desc-mix-3one { max-width: 600px; }
    .title-and-desc-mix-3one .desc-text { width: 400px; }
    .title-and-desc-mix-3one .title-text { width: 170px; }    
    .title-desc-mix-center { max-width: 82.8%; }
    
    /*--------------- gallery ------------------*/
    .images-gallery-square { width: 660px; margin-left: 25px; }
    
    /*--------------- client list ------------------*/
    .clients-list-column .client-item { width:22%; margin: 0px 5% 30px 5%; }
     
    /*--------------- portfolio ------------------*/
    .multi-portfolio .portfolio-boxes a.zoom-fade { width: 46.3%; margin: 0px 0px 15px 3.5%; }    
    .multi-portfolio .portfolio-boxes a.small-size { height: 78px; width: 78px; }    
    .multi-portfolio .portfolio-boxes a.full-size { width: 96%; }
    
    
    .full-portfolio .portfolio-item .bottom-separator { height: 23px; }
    .full-portfolio .portfolio-item div.content p.desc { display:none; }
    
    .full-portfolio .portfolio-item .one-plus-two .p-one { height: 271px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two { height: 124px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two-separator { height: 23px; }
    .full-portfolio .portfolio-item .one-plus-two .p-one a, .full-portfolio .portfolio-item .one-plus-two .p-one > div.zoom-fade-desc { height: 271px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two a, .full-portfolio .portfolio-item .one-plus-two .p-two > div.zoom-fade-desc { height: 124px; }
    
    .full-portfolio .portfolio-item .one-plus-third .p-one, .full-portfolio .portfolio-item .one-plus-third .p-third { height: 271px; }
    .full-portfolio .portfolio-item .one-plus-third .p-one a, .full-portfolio .portfolio-item .one-plus-third .p-one > div.zoom-fade-desc,
    .full-portfolio .portfolio-item .one-plus-third .p-third a, .full-portfolio .portfolio-item .one-plus-third .p-third > div.zoom-fade-desc { height: 271px; }
    
    .full-portfolio .portfolio-item .three-even .p-third { height: 271px; }
    .full-portfolio .portfolio-item .three-even .p-third a, .full-portfolio .portfolio-item .three-even .p-third > div.zoom-fade-desc { height: 271px; }
    
        
    /*--------------- blog and post pages ------------------*/
    .post-title-desc .desc-text, .title-desc-mix .desc-text { width: 100%; max-width: 100%; }
    .post-title-desc .title-text, .title-desc-mix .title-text {
        margin-top:20px;
        margin-bottom:20px;
        float:left;
        text-align: left;
        width: 100%;
        max-width: 100%;
        border-right-width:0px;
        border-left-width:2px;
        border-left-style:solid;
        padding:0px 0px 7px 16px;     
        margin-right:0px;
    }
        
    .post-title-desc .title-text p.text-small, .post-title-desc .title-text p.data {
        float: left;
        width:100%;
        margin-bottom: 3px;
    }
    
    .post-excerpt div.main-img, .post-full div.main-img, .post-full a.main-img, 
    .post-excerpt a.main-img, .dc-video-post-cnt {
        margin-bottom: 0px !important;
    }
    
    .comments .dc-title-desc .desc-text { width: 100%; }
    .comments .dc-title-desc .title-text {
        margin-bottom:35px;
        float:left;
        text-align: left;
        width: 100%;
        border-right-width:0px;
        border-left-width:2px;
        border-left-style:solid;
        padding:4px 0px 0px 16px;     
        margin-right:0px;
    }
    
    /*--------------- contact form page ------------------*/
    #ba-contact-form-desc { padding-bottom:50px; }
    #ba-contact-form-desc #contact-desc {
        margin-right:0%;
        margin-bottom:20px;
        text-align: left;
        padding:0px 0px 5px 15px;
        border-right-width:0px;
        border-left-width:2px;
        border-left-style:solid;
        width:100%; }

    #ba-contact-form-desc #contact-container { width:100%; }
    
    /*--------------- sidebar widgets ------------------*/
    #ba-content .dc-sidebar .widget-wrapper .dc-widget-gallery .image-gallery a {
        margin: 0px 10px 10px 0px;        
        width:60px;
        height:60px;
    }
     
}   /* END max-width: 960px */





/*******************************************************************************************/

@media screen and (max-width: 760px)
{
    /*--------------- construction ------------------*/
    #ba-content { padding-left:0px; padding-right:0px; width:555px; }    
    #ba-content #fullwidth-page { width: 555px; }    
    #ba-content #sidebar-page { width: 555px; border-bottom:1px solid #EEE; margin-bottom:30px; }    
    #ba-content .dc-sidebar { width: 260px; float:none; margin:auto; }    
    #ba-content #page-content { padding-bottom:0px; }
    
    /*--------------- slider-home ------------------*/
    .dc-basic-slider .inner-wrapper > ul li.slide .description { display:none; }
    #slider-and-navi { padding: 40px 0px 10px; }
    
    #slider-and-navi .slider-home .slider-gallery { max-width: 310px; }
    #slider-and-navi .slider-home .slider-gallery a img { max-height: 38px; }
    
    .slider-home .slider-columns { width: 300px; }
    #slider-and-navi .slider-home .slider-columns a.zoom-fade { height:200px; width:84px; margin-left:16px; }
    #slider-and-navi .slider-home .slider-columns a.zoom-fade > div.content { display:none !important; }
    
    #slider-and-navi .slider-home .featured-single-img { width: 285px; }    
    #slider-and-navi .slider-home .featured-single-img a.zoom-fade > div.content p { display:none !important; }
    
    .slider-home .featured-video { width:285px; }
    
    #slider-and-navi .slider-home .slider-images { width: 280px; }    
    
    .slider-home .big-font-featured { max-width: 300px; position:relative; right:-5px; }    
    .slider-home .big-font-featured .massive-text { font-size: 76px; line-height: 67px; }
    
    /*--------------- big-navigation-home ------------------*/
    #slider-and-navi .big-navigation { padding-top:3px; }
    #slider-and-navi .big-navigation ul li a { font-size:19px; line-height:19px; }    
    #slider-and-navi .big-navigation ul { margin:0px 10px 10px 0px; }
    #slider-and-navi .big-navigation ul li a div.icon-raquo { top:-2px; }    
    #slider-and-navi .big-navigation ul li a:hover > div.icon-raquo { top:-2px; }
    
    /*--------------- title desc mix ------------------*/
    .title-and-desc-mix-3one { max-width: 555px; }
    .title-and-desc-mix-3one .desc-text { width: 355px; }
    .title-desc-mix-center { max-width: 100%; }
    
    /*--------------- gallery ------------------*/
    .images-gallery-square { width: 495px; margin-left: 35px; }
    
    /*--------------- clients list ------------------*/
    .clients-list-column .client-item { width:39%; margin: 0px 5% 30px 5%; }
       
    /*--------------- portfolio ------------------*/
    .multi-portfolio .portfolio-boxes a.zoom-fade { width: 45.1%; margin: 0px 0px 18px 4.6%; }
    .multi-portfolio .portfolio-boxes a.small-size { height: 76.5px; width: 76.5px; }
    .multi-portfolio .portfolio-boxes a.full-size { width: 95%; }
    
    
    .full-portfolio .portfolio-item .bottom-separator { height: 20px; }
    
    .full-portfolio .portfolio-item .one-plus-two .p-one { height: 216px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two { height: 98px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two-separator { height: 20px; }
    .full-portfolio .portfolio-item .one-plus-two .p-one a, .full-portfolio .portfolio-item .one-plus-two .p-one > div.zoom-fade-desc { height: 216px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two a, .full-portfolio .portfolio-item .one-plus-two .p-two > div.zoom-fade-desc { height: 98px; }
    
    .full-portfolio .portfolio-item .one-plus-third .p-one, .full-portfolio .portfolio-item .one-plus-third .p-third { height: 215px; }
    .full-portfolio .portfolio-item .one-plus-third .p-one a, .full-portfolio .portfolio-item .one-plus-third .p-one > div.zoom-fade-desc,
    .full-portfolio .portfolio-item .one-plus-third .p-third a, .full-portfolio .portfolio-item .one-plus-third .p-third > div.zoom-fade-desc { height: 215px; }
    
    .full-portfolio .portfolio-item .three-even .p-third { height: 216px; }
    .full-portfolio .portfolio-item .three-even .p-third a, .full-portfolio .portfolio-item .three-even .p-third > div.zoom-fade-desc { height: 215px; }
    
    /*--------------- icon links ------------------*/
    .icon-links a.icon, .icon-links div.icon { width:30%; margin: 10px 4% 25px 4%; }
    
    /*--------------- sidebar widgets ------------------*/
    #ba-content .dc-sidebar .widget-wrapper .dc-widget-gallery .image-gallery a {
        margin: 0px 11px 11px 0px;        
        width:75px;
        height:75px;
    }
     
}   /* END max-width: 760px */



/*******************************************************************************************/

@media screen and (max-width: 599px)
{
    /*--------------- construction ------------------*/
    #ba-content { width:90%; padding:0px 5% 0px; }
    #ba-content #fullwidth-page { width: 100%; } 
    #ba-content #sidebar-page { width: 100%; }
    #ba-content #page-content { max-width: 100%; width: 100%; margin:auto; float:none; clear:both; }    
    /*#ba-content #home-content { max-width: 300px; }*/
    
    /*--------------- page title and small navigation ------------------*/
    #ba-content #page-title-navi { position:relative; padding-bottom:40px; }                             
    #ba-content #page-title-navi .page-title { float:left; }
    #ba-content #page-title-navi { max-width: 100%; float: left; margin-right: 0px; }
    #ba-content #page-title-navi .page-title {
        width: 100%; 
        float: left; 
        margin-left: 0px; 
        text-align: left;
        margin-bottom:20px;
        padding-left:0px;
    }
        
    #ba-content #page-title-navi #small-navigation { float:left; left:-22px; }
    #ba-content #page-title-navi #small-navigation {
        padding:0px 0px 0px;
        float:left;
        width: 272px;    
        top:-12px;
        left:-22px;
    }
    
    /*--------------- zoom fade ------------------*/
    a.zoom-fade-desc div.content, div.zoom-fade-desc div.content { display:none; }
    
    /*--------------- footer ------------------*/
    #footer { max-width:500px; margin:auto; padding:0px 15px 0px; }
    #footer .bottom-navi, #footer #footer-lines p.comm-links, #footer #footer-lines p.footer-desc-line, 
    #footer #footer-lines p.copyright, #footer .top-link a.back-to-top {
        text-align:left;
    }
    
    #footer .bottom-navi a { display:block; padding:0px; text-align:center; }
    #footer #footer-lines p.comm-links { text-align:center; margin-bottom:35px; }
    #footer #footer-lines a.button-link { display:block; margin:0px auto 18px; float:none; }
    #footer #footer-lines p.comm-links span.footer-icons { padding-left: 5px; }
    
    /*--------------- slider-home ------------------*/                       
    #slider-and-navi .slider-home .slider-gallery { text-align: left; }
    #slider-and-navi .slider-home .featured-single-img { width: 300px; }
    .slider-home .featured-video { width:300px; }
    .slider-home .featured-video-desc { text-align:left; }
    .slider-home .slider-columns { margin-bottom:30px; }
    #slider-and-navi .slider-home .slider-columns a.zoom-fade { margin-right:16px; margin-left:0px; }  
    #slider-and-navi .slider-home .slider-images { width: 300px; }
    .slider-home .big-font-featured { text-align:left; float:left; margin-bottom:20px; left:0px; }
    #slider-and-navi { width:100%; padding: 40px 0px 40px; position: relative; }
    .slider-home { width: 300px; float: none; margin:auto; }
    
    /*--------------- big navigation - home ------------------*/
    #slider-and-navi .big-navigation { clear:both; width:300px; float:none; margin:auto; }
    #slider-and-navi .big-navigation ul li { padding-left: 26px; }
    #slider-and-navi .big-navigation ul li a div.icon-raquo { left:0px; }
    #slider-and-navi .big-navigation ul li a:hover > div.icon-raquo { left:0px; }
    
    /*--------------- title desc mix ------------------*/
    .title-and-desc-mix-3one { max-width: 500px; }
    .title-and-desc-mix-3one .desc-text { width:100%; padding:0px; }
    .title-and-desc-mix-3one .title-text {
        width:80%;
        padding:0px;
        margin:20px 0px 10px;
        text-align:left;
    }
    
    .title-desc-mix-center .desc-text { width: 100%; }
    .title-desc-mix-center .title-text {
        margin-bottom:35px;
        float:left;
        text-align: left;
        width: 100%;
        border-right-width:0px;
        border-left-width:2px;
        border-left-style:solid;
        padding:0px 0px 7px 16px;     
        margin-right:0px;
    }
       
    /*--------------- gallery ------------------*/
    .images-gallery-square { width: 100%; margin-left: 0px; padding-bottom: 50px; }
    .images-gallery-center { text-align: left; }
    .images-gallery-square a {
        border:none;
        opacity:1.0;
        display: inline-block;
        float:left;
        position: relative;
        width:27.5%;
        height:auto;
    }
    
    .images-gallery-square a .desc-tip { display:none !important; }
  
    /*--------------- clients list ------------------*/
    .clients-list-column .client-item { width:100%; margin: 0px 0% 30px 0%; }
                                      
    /*--------------- portfolio ------------------*/
    .multi-portfolio .portfolio-cat-title {
        width: 100%; 
        margin-right:0px;
        text-align:left;
        border-right-width:0px;
        border-left-width:2px;
        border-left-style:solid;
        padding: 0px 0% 5px 15px;
    }
    
    .multi-portfolio .portfolio-boxes { width:100%; float:left; }
    .multi-portfolio .portfolio-boxes a.zoom-fade { float:left; width: 44.5%; margin: 15px 15px 0px 0px; }
    .multi-portfolio .portfolio-boxes a.small-size { height: 74.5px; width: 74.5px; }
    .multi-portfolio .portfolio-boxes a.full-size { width: 100%; }
    .multi-portfolio .portfolio-boxes a.zoom-fade:hover > div.content { display:none !important; }
     
    
    .full-portfolio .portfolio-item div.content { display:block; }
    .full-portfolio .portfolio-item .one-plus-third div.content p.desc, .full-portfolio .portfolio-item .three-even div.content p.desc { display:block; }
    .full-portfolio .portfolio-item .ba-column-66percent, .full-portfolio .portfolio-item .ba-column-33percent { text-align:center; }
    
    .full-portfolio .portfolio-item .one-plus-two .p-one { max-width:300px; height: 180px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two { max-width:300px; height: 173px; }
    .full-portfolio .portfolio-item .one-plus-two .p-one a, .full-portfolio .portfolio-item .one-plus-two .p-one > div.zoom-fade-desc { max-width:300px; height: 180px; }
    .full-portfolio .portfolio-item .one-plus-two .p-two a, .full-portfolio .portfolio-item .one-plus-two .p-two > div.zoom-fade-desc { max-width:300px; height: 173px; }
    .full-portfolio .portfolio-item .one-plus-two .p-one, .full-portfolio .portfolio-item .one-plus-two .p-two { display:inline-block; }
    
    .full-portfolio .portfolio-item .one-plus-third .p-one { max-width:300px; height: 180px; }
    .full-portfolio .portfolio-item .one-plus-third .p-third { max-width:300px; height: 379px; }
    .full-portfolio .portfolio-item .one-plus-third .p-one a, .full-portfolio .portfolio-item .one-plus-third .p-one > div.zoom-fade-desc { max-width:300px; height: 180px; }
    .full-portfolio .portfolio-item .one-plus-third .p-third a, .full-portfolio .portfolio-item .one-plus-third .p-third > div.zoom-fade-desc { max-width:300px; height: 379px; }
    .full-portfolio .portfolio-item .one-plus-third .p-one, .full-portfolio .portfolio-item .one-plus-third .p-third { display:inline-block; }
    
    .full-portfolio .portfolio-item .three-even .p-third { max-width:300px; height: 379px; }
    .full-portfolio .portfolio-item .three-even .p-third a, .full-portfolio .portfolio-item .three-even .p-third > div.zoom-fade-desc { max-width:300px; height: 379px; }
    .full-portfolio .portfolio-item .three-even .p-third { display:inline-block; }
    
    /*--------------- blog and post page ------------------*/
    .post-excerpt .sq-thumb-img { max-width: 100px !important; max-height: 100px; }
    
    /*--------------- services ------------------*/
    .service-col-item { width:100%; }
    .service-img { width:28%; height:auto; margin:auto; margin-bottom:15px; float:left; margin-right:5%; }    
    .service-img img { width:100%; height:auto; }
    .service-content { padding-left:0px; float:left; width:67%; }
    .service-title { margin-left: 0px; float:left; margin-bottom:0px; }
    .service-desc { float:left; }
    
    /*--------------- icon links ------------------*/
    .icon-links a.icon, .icon-links div.icon { width:210px; margin: 10px 0 30px 0; }
    
    /*--------------- columns ------------------*/
    .ba-column-25percent { width:100%; margin: 0px 0 20px 0; }
    .ba-column-33percent { width:100%; margin: 0px 0 20px 0; }
    .ba-column-50percent { width:100%; margin: 0px 0 20px 0; }
    .ba-column-75percent { width:100%; margin: 0px 0 20px 0; }
    .ba-column-66percent { width:100%; margin: 0px 0 20px 0; }
    
    /*--------------- top header icons ------------------*/    
    #header-icons {
        right:0px;
        width:100%;
        padding-bottom:20px;
        padding-left:0px;
    }
       
    #header-icons .handle {
        width:100%;
        text-align:center;
        background-color:rgba(255,255,255,0.0);
        color:#AAA;
        border:none;
        border-bottom:1px solid #F5F5F5;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    
    #header-icons .hidden-icon, #header-icons .img-icon { float:right; clear:both; }
     
     
}  /* END max-width: 599px */