/*

Theme Name: Blank Theme
Theme URL: http://www.ivelin.me
Author: Ivelin Iliev
Author URI: http://www.ivelin.me
Version: 1.0

*/

@charset "UTF-8";
/* CSS Document */

.lSSlideOuter { opacity:0; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.lightSlider:before, .lightSlider:after { content: " "; display: table; }
.lightSlider { overflow: hidden; margin: 0; }
.lSSlideWrapper { overflow: hidden; position: relative; }
.orientation-portrait .lSSlideWrapper { max-width:50%; overflow:hidden; }
.landscape-content .lSSlideWrapper { max-width:100%; }
.portrait-content {  max-width: 48%; overflow: hidden; display:inline-block; position: relative; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; padding-left:40px; vertical-align:top; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade { position: relative; }
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; }
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lSSlideWrapper .lSFade > *.active { z-index: 10;  }
.lSSlideWrapper.usingCss .lSFade > *.active {  opacity: 1; }
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; }
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; }
.lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; }
.lSSlideOuter .media { opacity: 0.8; }
.lSSlideOuter .media.active { opacity: 1; }
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width:100%!important; padding-top:15px; }
.lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; }
.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; opacity:0.7; }
.lSSlideOuter .lSPager.lSGallery li.active img,
.lSSlideOuter .lSPager.lSGallery li:hover img { opacity:1; }
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; }
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a { width: 32px; display: block; top: 50%; height: 32px; background-image: url('../img/controls.png'); cursor: pointer;  position: absolute; z-index: 99; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; }
.lSAction > a:hover { opacity: 1; }
.lSAction > .lSPrev { background-position: 0 0; left: 10px; }
.lSAction > .lSNext { background-position: -32px 0; right: 10px; }
.lSAction > a.disabled { pointer-events: none; }
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }


/* vertical */
.lSSlideOuter.vertical { position: relative; }
.lSSlideOuter.vertical.noPager { padding-right: 0px !important; }
.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; }
.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; }

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; }
.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; }
.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; }
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl { direction: rtl; }
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; }
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; }
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li { float: left; }
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li { float: right !important; }
/* Rtl */

@-webkit-keyframes rightEnd {
    0% { left: 0; }
    50% { left: -15px; }
    100% { left: 0; }
}
@keyframes rightEnd {
    0% { left: 0; }
    50% { left: -15px; }
    100% { left: 0; }
}
@-webkit-keyframes topEnd {
    0% { top: 0; }
    50% { top: -15px; }
    100% { top: 0; }
}
@keyframes topEnd {
    0% { top: 0; }
    50% { top: -15px; }
    100% { top: 0; }
}
@-webkit-keyframes leftEnd {
    0% { left: 0; }
    50% { left: 15px; }
    100% { left: 0; }
}
@keyframes leftEnd {
    0% { left: 0; }
    50% { left: 15px; }
    100% { left: 0; }
}
@-webkit-keyframes bottomEnd {
    0% { bottom: 0; }
    50% { bottom: -15px; }
    100% { bottom: 0; }
}
@keyframes bottomEnd {
    0% { bottom: 0; }
    50% { bottom: -15px; }
    100% { bottom: 0; }
}
.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; }
.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; }
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }
/*/  GRab cursor */
.lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

/*------------ RESET ---------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 16px; font: inherit; vertical-align: baseline; font-family: 'Muli', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {  }
ul { list-style: circle; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
p { margin-bottom:0.6em; line-height:1.3em; color:#231f20; }
strong { font-weight:bold; vertical-align:baseline; }
.top { background:#dddddc; position:fixed; bottom:38px; right:0; padding:10px 13px; color:#231f20; font-size:13px; opacity:0.5; }
.top:hover { opacity:1; }
.mobile-nav { display:none; }
a { color:#231f20; }
a:hover,
a:focus,
a:active { text-decoration:none; color:#727272; }

.mobile-version-visible { display:none; }
.mobile-version-hidden { display:inline-block; }

.container-fluid { padding:0 100px; }

.border-btn { border:1px solid #21262d; padding: 14px 50px 14px 60px; display:inline-block; font-size:16px; text-transform:uppercase; }
.border-btn i { height:17px; width:8px; background-position:-43px -77px; vertical-align:middle; margin:0 6px 0 4px; transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -ms-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; -webkit-transition:0.3s all ease-in-out; }
.border-btn:hover i {  margin:0 0px 0 10px; }
.border-btn:hover { border:1px solid #727272; }

.noPadding { padding:0; }

/*------------ SVG ---------------------------------- */
footer a i,
.site-page .name i,
.site-page .phone-number i,
.front-page .flex-direction-nav a,
.cover-page .name i,
.cover-page .phone-number i,
.cover-page .email i,
.border-btn i,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.lSAction > .lSPrev,
.lSAction > .lSNext,
.contact-details .name i,
.contact-details .phone-number i,
.contact-details .email i { background-image:url('images/sprites.svg'); display:inline-block;  }

/*------------ HEADER ---------------------------------- */
header { padding:25px 0; display:none; }
header .logo { display:inline-block;  }
header nav.site-nav { display:inline-block; float:right; margin-top:14px; }
header nav.site-nav ul li { display:inline-block; }
header nav.site-nav ul li a { display:inline-block; text-transform:uppercase; font-size:12px; padding:10px 5px; margin:0 5px; position:relative; transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -ms-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; -webkit-transition:0.3s all ease-in-out; }
header nav.site-nav ul li a:hover { color:#727272; }
header nav.site-nav ul li a:after { content:""; width:16px; height:1px; border-bottom:1px solid transparent; position: absolute; bottom: 0; left:calc(50% - 8px); transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -ms-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; -webkit-transition:0.3s all ease-in-out; }
header nav.site-nav ul li.current_page_item a:after {  border-bottom:1px solid #21262d; }
header nav.site-nav ul li a:hover:after { border-bottom:1px solid #727272; }

/*------------ SINGLE PROJECT PAGES ---------------------------------- */
.sub-navigation { background-color:#F8F9F9; text-align:center; padding:0; margin-bottom:50px; display:none; }
.sub-navigation a { margin:0 10px; padding:14px 12px; position:relative; display:inline-block; text-transform: uppercase; font-size: 12px; }
.sub-navigation a:hover { color:#000; }

.sub-navigation a:after { content:""; width:16px; height:1px; border-bottom:1px solid transparent; position: absolute; bottom: 0; left:calc(50% - 8px); transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -ms-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; -webkit-transition:0.3s all ease-in-out; }
.sub-navigation a.activeLink { background-color:#fff; }
.sub-navigation a.activeLink:after {  }
.sub-navigation a:hover:after {  border-bottom:1px solid #000; }

.landscape-gallery { padding-bottom:80px; }
.landscape-gallery h1,
.single-post h1 { font-size:30px; color:#231f20; text-transform:uppercase; padding:60px 0 60px; text-align:center; }

.landscape-content { padding-bottom:40px; max-width:80%; margin:auto; }


.gallery-post { min-height:600px; }


/*------------ SITE PAGE    ---------------------------------- */
.site-page { background-color:#f8f9f9; padding:15px 0; display:none;  }
.site-page .site-image img{ max-width:100%; height:auto; }
.site-page .site-text {  }
.site-page .site-text h1 { font-size:30px; color:#231f20; text-transform:uppercase; padding:60px 0 60px; text-align:center; }

/*------------ FRONT-COVER PAGE    ------------------------------ */
.front-header { height:130px; background-color:#fff; }

.cover-page { text-align:center; background-color:#f8f9f9; padding:0; display:none; }
.cover-page .cover-logo { margin:0 auto 50px; max-width:100%; height:auto; }
.cover-page .name i,
.cover-page .phone-number i,
.cover-page .email i { height:12px; width:14px; margin-right:10px; vertical-align:middle; }

.cover-page .name i { background-position:-6px -39px; }
.cover-page .phone-number i { background-position:-6px -59px; }
.cover-page .email i { background-position:-5px -79px; }


.cover-page .border-btn { margin-top:60px; position:relative; top:30px; opacity:0;  border:2px solid rgba(35,31,32,0); 
 transition:0.3s opacity ease-in-out; -moz-transition:0.3s opacity ease-in-out; -ms-transition:0.3s opacity ease-in-out; -o-transition:0.3s opacity ease-in-out; -webkit-transition:0.3s opacity ease-in-out;
 transition:0.5s border ease-in-out; -moz-transition:0.5s border ease-in-out; -ms-transition:0.5s border ease-in-out; -o-transition:0.5s border ease-in-out; -webkit-transition:0.5s border ease-in-out; }
.cover-page .border-btn.visible { border:1px solid transparent; position:relative; }
.cover-page .border-btn.visible span { position:absolute; transition:0.2s ease-in-out all; }
.cover-page .border-btn.visible span.left { left:0; top:0; bottom:50%; background-color:rgba(114,114,114,1); width:2px; }
.cover-page .border-btn.visible span.ttop { display:block; left:0; top:0; right:50%; background-color:rgba(114,114,114,1); height:2px; }

.cover-page .border-btn.visible span.right {top:50%; bottom:0; right:0; background-color:rgba(114,114,114,1); width:2px; }
.cover-page .border-btn.visible span.bottom { right:0; bottom:0; left:50%; background-color:rgba(114,114,114,1); height:2px; }

.cover-page .border-btn.visible:hover span.left { top:50%; bottom:0; }
.cover-page .border-btn.visible:hover span.ttop { left:50%; right:0; }
.cover-page .border-btn.visible:hover span.right { top:0; bottom:50%; }
.cover-page .border-btn.visible:hover span.bottom { left:0; right:50%; }

/*------------ FRONT-HOME PAGE    ---------------------------------- */
.front-page { padding:0; width:100%; overflow:hidden; }
.front-page .container-fluid { padding:0; }

.front-page .flex-control-nav { bottom:-25px; }
.front-page .flex-direction-nav a { width:50px; height:50px; background-color:rgba(255,255,255,0.7); }

.front-page .flexslider .flex-prev { background-position:-80px -24px; }
.front-page .flexslider .flex-next { background-position:-125px -24px; }
.front-page .flexslider:hover .flex-prev { left:0; }
.front-page .flexslider:hover .flex-next { right:0; }


.front-page .flex-control-paging li a { background-color:transparent; border:1px solid #515151; }
.front-page .flex-control-paging li a.flex-active { background-color:#515151; }
.front-page .flex-control-paging li a { width:8px; height:8px; }


/*------------ CLIENTS LIST    ------------------------------ */
.TestimonialsCarousel { margin-bottom:80px; }
.TestimonialsCarousel .carousel-inner { min-height:220px; }

.TestimonialsCarousel .carousel-indicators { position:relative; width:100%; margin:0; left:0; bottom:-20px;   }
.TestimonialsCarousel .carousel-indicators li { border:1px solid #515151; width:6px; height:6px; margin:1px; }
.TestimonialsCarousel .carousel-indicators li.active { border:1px solid #515151; background-color:#515151; }
.TestimonialsCarousel .carousel-control.left { background-image:none; }
.TestimonialsCarousel .carousel-control.right { background-image:none; }

.TestimonialsCarousel .carousel-control { z-index:99; }
.TestimonialsCarousel .carousel-control .glyphicon-chevron-left,
.TestimonialsCarousel .carousel-control .glyphicon-chevron-right { width:50px; height:50px; top:100%; }
.TestimonialsCarousel .carousel-control .glyphicon-chevron-left { background-position:-80px -24px; }
.TestimonialsCarousel .carousel-control .glyphicon-chevron-right { background-position:-125px -24px; }
.TestimonialsCarousel .carousel-control .glyphicon-chevron-left:before,
.TestimonialsCarousel .carousel-control .glyphicon-chevron-right:before { content:''; }

.clients-list ul { -webkit-columns: 10px 2; -moz-columns: 10px 2; columns: 10px 2; list-style:none; }
.clients-list ul li { display:block; width:100%; }


.clients-list h3 { margin-bottom:10px; }
.clients-list ul { list-style: none outside none; padding-left: 0; margin-bottom:0; }
.clients-list ul li { display: block; float: left; margin-right: 6px; padding-left:10px; }
.orientation-landscape img,
.orientation-portrait img { display: block; height: auto; max-width: 100%; width:100%; }

/*------------ PERSONAL WORK   ------------------------------ */

.lSAction > .lSPrev { background-color:rgba(255,255,255,0.7); background-position: -80px -24px; height:50px; width:50px; left:0; }
.lSAction > .lSNext { background-color:rgba(255,255,255,0.7); background-position: -125px -24px; height:50px; width:50px; right:0; }

/*------------ PORTAL   ------------------------------ */
.portal-page { padding-bottom: 50px; }
.portal-page h1 { font-size:30px; color:#231f20; text-transform:uppercase; padding:60px 0 60px; text-align:center; }
.portal-page h2 { margin-bottom: 5px; }

.portal-page .wpc_form button.wpc_submit,
.portal-page input[type="button"].wpc_button,
.portal-page .wpc_form input[type="button"].wpc_submit,
.portal-page .wpc_form input[type="submit"].wpc_submit { background-color:#21262d; color:#fff; text-align:center; border:0; padding: 10px 20px; max-width:190px; text-transform:uppercase; float:right; transition:0.2s all ease-in-out; -moz-transition:0.2s all ease-in-out; -ms-transition:0.2s all ease-in-out; -o-transition:0.2s all ease-in-out; -webkit-transition:0.2s all ease-in-out; }


.portal-page .wpc_form button.wpc_submit:active,
.portal-page input[type="button"].wpc_button:active,
.portal-page .wpc_form button.wpc_submit:focus,
.portal-page input[type="button"].wpc_button:focus,
.portal-page .wpc_form button.wpc_submit:hover,
.portal-page input[type="button"].wpc_button:hover,
.portal-page .wpc_form input[type="button"].wpc_submit:active,
.portal-page .wpc_form input[type="submit"].wpc_submit:active,
.portal-page .wpc_form input[type="button"].wpc_submit:focus,
.portal-page .wpc_form input[type="submit"].wpc_submit:focus,
.portal-page .wpc_form input[type="button"].wpc_submit:hover,
.portal-page .wpc_form input[type="submit"].wpc_submit:hover { opacity:0.8; background-color:#21262d; border:0; padding: 10px 20px; }


.portal-page .successful-reg { text-align: center; }
/*------------ PORTAL LOGIN  ------------------------------ */
.portal-page #login #nav { font-size:12px; text-align: left; }
.portal-page #loginform { max-width:600px; margin: 0 auto; }
.portal-page #loginform label { width: 100%; }

/*------------ PORTAL FILES  ------------------------------ */
.portal-page .files { margin-top: 50px; }
.portal-page .header-paragraph { text-align: center; }
.portal-page .files h3 { margin-bottom: 0; font-size: 22px; }

.portal-page .files .wpc_client_files_list .wpc_files_filter_block { vertical-align: top; }
.portal-page .files .wpc_client_files_list .wpc_files_filter_block input { background-color: #dddddb; padding: 10px; float: none;  }

.portal-page .files .wpc_client_files_list .wpc_sort_block  input { background-color: #dddddb; padding: 10px; float: none; }
.portal-page .files .wpc_client_files_list .wpc_filelist_table { padding: 0; }
.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item { margin: 0; padding: 20px; border-left:2px solid rgba(33,38,45,0); transition: 0.2s ease-in-out all; background: white; border-bottom: 2px solid #f3f3f3; }
/* .portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item:hover { border-left:2px solid rgba(33,38,45,1); } */

.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item a { display: inline-block; position: relative; }
.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item a:after { text-transform: uppercase; content: ''; transition: 0.2s ease-in-out all; display: inline-block; width: 0%; height: 1px; position: absolute;  bottom: -5px; left: 0; background: rgba(33,38,45,1);  }
.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item a:hover:after { width:50%; }

.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item .wpc_filename a { font-size:14px; text-transform: uppercase; }

.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item .wpc_filename a:hover { text-decoration: none; }

.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item .wpc_file_actions_list a { font-size: 12px; display: inline-block; margin-right: 15px; }
.portal-page .files .wpc_client_files_list .wpc_filelist_table .file_item .wpc_file_actions_list a:hover { text-decoration: none; }


.portal-page .files .wpc_client_files_list .wpc_files_search_block input { padding: 8px; border: 1px solid #d8d8d8; }

.portal-page .files .wpc_client_files_list .wpc_sort_contect,
.portal-page .files .wpc_client_files_list .wpc_filters_contect { padding: 15px; }
.portal-page .files .wpc_client_files_list .wpc_sort_contect input,
.portal-page .files .wpc_client_files_list .wpc_filters_contect input{ margin: 0 10px 0 auto!important; color: #21262d!important; }

.portal-page .files .wpc_client_files_list .wpc_category_line { border-bottom: 1px solid #dddddb; box-shadow: none; }
.portal-page .files .wpc_client_files_list .wpc_category_line h4 { font-size: 18px; }

..portal-page .files .wpc_client_files_list .wpc_thumbnail_wrapper .wpc_img_file_icon { max-width: 50px; }


.portal-page .files .wpc_client_files_list .wpc_filedata_wrapper .wpc_file_details { display:block; }
.portal-page .files .wpc_client_files_list .wpc_filedata_wrapper .wpc_file_actions { color: transparent; }
.portal-page .files .wpc_client_files_list .wpc_filedata_wrapper .wpc_file_actions .wpc_file_details_link { display:none; }

/*------------ PORTAL MESSAGES  ------------------------------ */
.portal-page .messages { margin-top: 50px; }
.portal-page .messages h3 { margin-bottom: 25px; font-size: 22px; }

.portal-page .messages .wpc_msg_nav_list_wrapper { padding: 0; }

.portal-page .messages .wpc_private_messages_shortcode { background:#f3f3f3; }
.portal-page .messages .wpc_msg_nav_list li.inbox.selected { border-color: #21262d; }
.portal-page .messages .wpc_msg_new_message_field .new_message_subject,
.portal-page .messages .wpc_msg_new_message_field .new_message_cc,
.portal-page .messages textarea.wpc_textarea,
.portal-page .messages .wpc_msg_answer_content,
.portal-page .messages .wpc_private_messages_shortcode .wpc_selector { padding: 8px; border: 1px solid #d8d8d8; }
.portal-page .messages .wpc_description { margin-top: 5px; }
.portal-page .messages .wpc_private_messages_table .wpc_msg_column-date { padding: 15px 0; font-size: 12px; vertical-align: middle; }
.portal-page .messages .wpc_private_messages_table td.wpc_msg_column-message_text { padding: 15px 0; }
.portal-page .messages .wpc_msg_chain_answer { margin-top: 15px; }

.portal-page .messages .wpc_selector_values { float: none; }
.portal-page .messages .wpc_msg_message_line .wpc_msg_avatar { display: none; }
.portal-page .messages .wpc_msg_chain_answer .wpc_msg_avatar { display: none; }

/* #client_profile .wpc_form .wpc_form_line { display: none; } */
#client_profile .wpc_form .wpc_form_line label[for="avatar"] { display: none; }
#client_profile .wpc_form .wpc_form_line #wpc_avatar_preview_wrapper { display: none; }

/*------------ LOGGING BUTTONS  ------------------------------ */
.logging-btn { font-size: 12px; text-transform: uppercase; margin-bottom: 15px; display:inline-block; }

/*------------ CONTACT PAGE    ------------------------------ */
.contact-details { text-align:center; }
.contact-details .name i,
.contact-details .phone-number i,
.contact-details .email i { height:12px; width:14px; margin-right:10px; vertical-align:middle; display:inline-block; }

.contact-details .name i { background-position:-6px -39px; }
.contact-details .phone-number i { background-position:-6px -59px; }
.contact-details .email i { background-position:-5px -79px; }

.site-page form.wpcf7-form { max-width:580px; margin:50px auto; display:block;  }
.site-page form.wpcf7-form input,
.site-page form.wpcf7-form textarea { width:100%; resize:none; padding:10px 20px; background:transparent; border:1px solid #dddddb; margin-bottom:20px; resize:none; }
.site-page form.wpcf7-form textarea { max-height:200px; }
.site-page form.wpcf7-form input[type='submit'] { background-color:#dddddb; color:#fff; max-width:190px; text-transform:uppercase; float:right; transition:0.2s all ease-in-out; -moz-transition:0.2s all ease-in-out; -ms-transition:0.2s all ease-in-out; -o-transition:0.2s all ease-in-out; -webkit-transition:0.2s all ease-in-out; }
.site-page form.wpcf7-form input[type='submit']:hover { background-color:#21262d; }


/*------------ FOOTER    ---------------------------------- */
footer { padding:50px 0 30px; display:none; }
footer p { color:#dddddc; font-size: 17px; margin-bottom: 0; margin-top: 34px; }
footer a { margin:0 11px; }
footer a:hover i { opacity:0.8; }
footer a i { width:25px; height:25px; }

footer a.linkedin i { background-position:-129px -3px; }
footer a.facebook i { background-position:1px -2px; }
footer a.twitter i { background-position:-41px -2px; }
footer a.instagram i { background-position:-82px -2px; }

body.login #login { margin-top: 150px; }

#loader { position:fixed; top:calc(50% - 100px); left:calc(50% - 100px); z-index:999; }

@media only screen and (max-width:1200px){
	
}

@media only screen and (max-width:992px){
	header nav.site-nav ul li a { font-size:14px; }
	.container-fluid { padding:0; }
	header .container-fluid { padding:0 15px;  }
	
	.orientation-portrait .lSSlideWrapper { width:100%; max-width:100%; }
	.orientation-landscape img, .orientation-portrait img { width:100%; }
	.portrait-content { padding:0; max-width: 80%; display:block; margin: auto; float:none; margin-bottom:40px; }
	
	/* template */
	
	.site-page .site-image { height:400px; overflow:hidden; }
	.site-page .site-image img { top:-20%; position:relative; width:100%; }
	
	.page-id-12 .site-page .site-image { height:auto; overflow:hidden; text-align:center; padding-top:50px; }
	.page-id-12 .site-page .site-image img { top:auto;max-width:300px; width:100%; border-radius:50%; }
	
	.site-page .site-text { padding:0 50px 50px; display:inline-block; }
	.site-page .site-text div { padding:0; margin:0; }
	.site-page .site-text div.clients-list { margin:100px 0 0; }
	
	/* slider */
    body .front-page .metaslider .flexslider .slides img { width:100%; max-width:100%; }
	
	.cover-page .border-btn.visible { border:1px solid transparent; }

    /* footer */
    footer { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding:6px 0 0px; }
    footer p { display:none; }
    footer .text-right { text-align:center; }
}

@media only screen and (max-width:767px){
/* mobile nav */
	.mobile-nav { display:inline-block; float:right; margin-top:0.75em;  }
	.mobile { width:34px; height:34px; position:relative; background-color:#fff; cursor:pointer; }
	.mobile-container { width:26px; height:30px; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}
	
	.mobile-container .mline-1, .mobile .mline-2, .mobile .mline-3 { height:1px; background:#231f20; width:100%; max-width:150px; display:block; position:absolute; border-radius:2px; }
	.mobile-container .mline-1 { top:20%; transition:transform 0.2s ease-in-out; }
	.mobile-container .mline-2 { bottom:0; top:0; margin:auto; opacity:1; }
	.mobile-container .mline-3 { bottom:20%; transition:transform 0.2s ease-in-out; }
	
	.mobile-open .mline-1 { transform:translateY(9px) translateY(-50%) rotate(-45deg); }
	.mobile-open .mline-2 { opacity:0; }
	.mobile-open .mline-3 { transform:translateY(-9px) translateY(50%) rotate(45deg);  }
	.mobile-version-visible { display:inline-block; }
	.mobile-version-hidden { display:none; }


/* front page */
	.front-header { height:36px; }
	.cover-page { margin-top:36px; }
	
/* slider */
	/* .front-page .metaslider .slides img { min-height:450px; width:auto; max-height:450px; margin-left:-330px; } /*
	
/* header */
	header { padding:5px 0; position:fixed; top:0; left:0; right:0; z-index:9999; background-color:#fff; }
	header nav.site-nav { width:100%; display:none; }
	header nav.site-nav ul li { display:block; text-align:center; }
	header nav.site-nav ul li.current_page_item a:after,
	header nav.site-nav ul li a:hover:after { display:none; }
	header nav.site-nav ul li.current_page_item { background-color:#F8F9F9; }
	
	.landscape-gallery h1, .single-post h1 { font-size:24px; padding:40px 0 30px; }
	
	

/* template */
	.site-page { margin-top:70px; margin-bottom:35px; }
	.site-page .site-text h1 { font-size:24px; padding:40px 0 30px; }
	.site-page .site-image { height:300px; overflow:hidden; }
	.site-page .site-image img { top:0; position:relative; width:100%; }
	
	.portalhub-template .sub-navigation,
	.page-template-template-work .sub-navigation,
	.page-template-template-portfolio .sub-navigation { margin-top:70px; margin-bottom:25px; }
	
	.page-template-template-work .site-page,
	.page-template-template-portfolio .site-page { margin-top:0; }
	
  .portal-page { margin-top: 25px; }
  .portal-page h1 { font-size: 24px; }
	
	/* contact page */
	.site-page form.wpcf7-form input,
	.site-page form.wpcf7-form textarea { padding:6px 20px; margin-bottom:10px; }
	

	
}
@media only screen and (max-width:367px){
	.site-page .site-image { height:auto; }
	.site-page .site-text { padding:0 20px 50px; }
	
	footer a { margin:0 4px; }
}

@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes uil-ring-anim {
  0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.uil-ring-css {
  background: none;
  position: fixed;
  width: 200px;
  height: 200px;
  margin:auto;
  top:calc(50% - 100px);
  left:calc(50% - 100px);
}
.uil-ring-css > div {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  top: 20px;
  left: 20px;
  border-radius: 80px;
  box-shadow: 0 6px 0 0 #dbdbdb;
  -ms-animation: uil-ring-anim 3s linear infinite;
  -moz-animation: uil-ring-anim 3s linear infinite;
  -webkit-animation: uil-ring-anim 3s linear infinite;
  -o-animation: uil-ring-anim 3s linear infinite;
  animation: uil-ring-anim 3s linear infinite;
}