/* 
**** The file with .less extension has been provided for reference to be used by other developers. Do not touch it if you don't know what it is.
**** Main Stylesheet Document of the theme ** This contains basic Structural Details, Styling of the theme.
*/

/* Basic Containers -------------------------------------------------*/

/* -------------- fotorama ----------- */
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {position: absolute;width: 100%;height: 100%;top: 0;right: 0;left: 0;bottom: 0
}
.fotorama--fullscreen, .fotorama__img {max-width: 99999px!important;max-height: 99999px!important;min-width: 0!important;min-height: 0!important;border-radius: 0!important;box-shadow: none!important;padding: 0!important
}
.fotorama__wrap .fotorama__grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab
}
.fotorama__grabbing * {cursor: move;cursor: -webkit-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing
}
.fotorama__spinner {position: absolute!important;top: 50%!important;left: 50%!important
}
.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
}
.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0)
}
.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {outline: 0
}
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {content: '';border-radius: inherit;background-color: rgba(0,175,234,.5)
}
.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {-webkit-transform: none!important;transform: none!important
}
.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {transition-property: -webkit-transform, width;transition-property: transform, width;transition-timing-function: cubic-bezier(0.1, 0, .25, 1);transition-duration: 0ms
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none
}
.fotorama__select {-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text
}
.fotorama__nav, .fotorama__nav__frame {margin: auto;padding: 0
}
.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {-moz-box-orient: vertical;display: inline-block;vertical-align: middle
}
.fotorama__wrap * {box-sizing: content-box
}
.fotorama__caption__wrap {box-sizing: border-box
}
.fotorama--hidden, .fotorama__load {position: absolute;left: -99999px;top: -99999px;z-index: -1
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {-webkit-tap-highlight-color: transparent
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {background: url(../images/fotorama.png) no-repeat
}
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:2dppx) {
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
background:url(fotorama@2x.png) no-repeat;
background-size:96px 160px
}
}
.fotorama__thumb {background-color: #7f7f7f;background-color: rgba(127,127,127,.2)
}
@media print {
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {background: none!important
}
}
.fotorama {min-width: 1px;overflow: hidden
}
.fotorama:not(.fotorama--unobtrusive)>:not(:first-child) {display: none
}
.fullscreen {width: 100%!important;height: 100%!important;max-width: 100%!important;max-height: 100%!important;margin: 0!important;padding: 0!important;overflow: hidden!important;background: #000
}
.fotorama--fullscreen {position: absolute!important;top: 0!important;left: 0!important;right: 0!important;bottom: 0!important;float: none!important;z-index: 2147483647!important;background: #000;width: 100%!important;height: 100%!important;margin: 0!important
}
.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {background: #000
}
.fotorama__wrap {-webkit-text-size-adjust: 100%;position: relative;direction: ltr;z-index: 0
}
.fotorama__wrap--rtl .fotorama__stage__frame {direction: rtl
}
.fotorama__nav, .fotorama__stage {overflow: hidden;position: relative;max-width: 100%
}
.fotorama__wrap--pan-y {-ms-touch-action: pan-y
}
.fotorama__wrap .fotorama__pointer {cursor: pointer
}
.fotorama__wrap--slide .fotorama__stage__frame {opacity: 1!important
}
.fotorama__stage__frame {overflow: hidden
}
.fotorama__stage__frame.fotorama__active {z-index: 8
}
.fotorama__wrap--fade .fotorama__stage__frame {display: none
}
.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {display: block;left: 0;top: 0
}
.fotorama__wrap--fade .fotorama__fade-front {z-index: 8
}
.fotorama__wrap--fade .fotorama__fade-rear {z-index: 7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {z-index: 9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {display: none
}
.fotorama__img {-ms-filter: "alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;border: none!important
}
.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {-ms-filter: "alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {display: block
}
.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {max-width: 99999px!important
}
.fotorama__wrap--only-active .fotorama__stage__frame {visibility: hidden
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {visibility: visible
}
.fotorama__nav {font-size: 0;line-height: 0;text-align: center;display: none;white-space: nowrap;z-index: 5
}
.fotorama__nav__shaft {position: relative;left: 0;top: 0;text-align: left
}
.fotorama__nav__frame {position: relative;cursor: pointer
}
.fotorama__nav--dots {display: block
}
.fotorama__nav--dots .fotorama__nav__frame {width: 18px;height: 30px
}
.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {display: none
}
.fotorama__nav--thumbs {display: block
}
.fotorama__nav--thumbs .fotorama__nav__frame {padding-left: 0!important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {padding-right: 0!important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {display: none
}
.fotorama__dot {display: block;width: 4px;height: 4px;position: relative;top: 12px;left: 6px;border-radius: 6px;border: 1px solid #7f7f7f
}
.fotorama__nav__frame:focus .fotorama__dot:after {padding: 1px;top: -1px;left: -1px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {width: 0;height: 0;border-width: 3px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {padding: 3px;top: -3px;left: -3px
}
.fotorama__thumb {overflow: hidden;position: relative;width: 100%;height: 100%
}
.fotorama__nav__frame:focus .fotorama__thumb {z-index: 2
}
.fotorama__thumb-border {position: absolute;z-index: 9;top: 0;left: 0;border-style: solid;border-color: #00afea;background-image: linear-gradient(to bottom right, rgba(255,255,255,.25), rgba(64,64,64,.1))
}
.fotorama__caption {position: absolute;z-index: 12;bottom: 0;left: 0;right: 0;font-family: 'Helvetica Neue', Arial, sans-serif;font-size: 14px;line-height: 1.5;color: #000
}
.fotorama__caption a {text-decoration: none;color: #000;border-bottom: 1px solid;border-color: rgba(0,0,0,.5)
}
.fotorama__caption a:hover {color: #333;border-color: rgba(51,51,51,.5)
}
.fotorama__wrap--rtl .fotorama__caption {left: auto;right: 0
}
.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {display: none
}
.fotorama__caption__wrap {background-color: #fff;background-color: rgba(255,255,255,.9);padding: 5px 10px
}
@-webkit-keyframes spinner {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes spinner {
0% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.fotorama__wrap--css3 .fotorama__spinner {-webkit-animation: spinner 24s infinite linear;animation: spinner 24s infinite linear
}
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {transition-property: opacity;transition-timing-function: linear;transition-duration: .3s
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {-ms-filter: "alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0
}
.fotorama__select {cursor: auto
}
.fotorama__video {top: 32px;right: 0;bottom: 0;left: 0;position: absolute;z-index: 10
}
@-moz-document url-prefix() {
.fotorama__active {
box-shadow:0 0 0 transparent
}
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {position: absolute;z-index: 11;cursor: pointer
}
.fotorama__arr {position: absolute;width: 32px;height: 32px;top: 50%;margin-top: -16px
}
.fotorama__arr--prev {left: 2px;background-position: 0 0
}
.fotorama__arr--next {right: 2px;background-position: -32px 0
}
.fotorama__arr--disabled {pointer-events: none;cursor: default;opacity: .1
}
.fotorama__fullscreen-icon {width: 32px;height: 32px;top: 2px;right: 2px;background-position: 0 -32px;z-index: 20
}
.fotorama__arr:focus, .fotorama__fullscreen-icon:focus {border-radius: 50%
}
.fotorama--fullscreen .fotorama__fullscreen-icon {background-position: -32px -32px
}
.fotorama__video-play {width: 96px;height: 96px;left: 50%;top: 50%;margin-left: -48px;margin-top: -48px;background-position: 0 -64px;opacity: 0
}
.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {display: none
}
.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play {opacity: 1;display: block
}
.fotorama__nav__frame .fotorama__video-play {width: 32px;height: 32px;margin-left: -16px;margin-top: -16px;background-position: -64px -32px
}
.fotorama__video-close {width: 32px;height: 32px;top: 0;right: 0;background-position: -64px 0;z-index: 20;opacity: 0
}
.fotorama__wrap--css2 .fotorama__video-close {display: none
}
.fotorama__wrap--css3 .fotorama__video-close {-webkit-transform: translate3d(32px, -32px, 0);transform: translate3d(32px, -32px, 0)
}
.fotorama__wrap--video .fotorama__video-close {display: block;opacity: 1
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {opacity: 0
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {opacity: 1
}
.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {opacity: 0!important
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {display: none
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {display: block
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {display: none!important
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {-webkit-transform: translate3d(32px, -32px, 0);transform: translate3d(32px, -32px, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {-webkit-transform: translate3d(-48px, 0, 0);transform: translate3d(-48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {-webkit-transform: translate3d(48px, 0, 0);transform: translate3d(48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {-webkit-transform: translate3d(32px, -32px, 0)!important;transform: translate3d(32px, -32px, 0)!important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {-webkit-transform: translate3d(-48px, 0, 0)!important;transform: translate3d(-48px, 0, 0)!important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {-webkit-transform: translate3d(48px, 0, 0)!important;transform: translate3d(48px, 0, 0)!important
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {transition-property: -webkit-transform, opacity;transition-property: transform, opacity;transition-duration: .3s
}
.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {content: "";display: block;position: absolute;text-decoration: none;top: 0;bottom: 0;width: 10px;height: auto;z-index: 10;pointer-events: none;background-repeat: no-repeat;background-size: 1px 100%, 5px 100%
}
.fotorama__nav:before, .fotorama__stage:before {background-image: linear-gradient(transparent, rgba(0,0,0,.2) 25%, rgba(0,0,0,.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.4), transparent);background-position: 0 0, 0 0;left: -10px
}
.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {left: 0
}
.fotorama__nav:after, .fotorama__stage:after {background-image: linear-gradient(transparent, rgba(0,0,0,.2) 25%, rgba(0,0,0,.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.4), transparent);background-position: 100% 0, 100% 0;right: -10px
}
.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {right: 0
}
.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {display: none
}
.photoalbum{ margin:40px 0 0; padding:0; text-align:center;}
.photoalbum .photo{ width:300px; margin:0 15px 15px 15px; text-align:center; display:inline-block;}
.photoalbum .photo img{ border:10px solid #ffffff; box-shadow:4px 4px 4px #313131; -moz-box-shadow:4px 4px 4px #313131; -webkit-box-shadow:4px 4px 4px #313131; -o-box-shadow:4px 4px 4px #313131;}
.photoalbum .photo .photo-caption{ font-weight:700; margin-bottom:30px;}
.photoalbum .photo .photo-caption p{ font-size:15px; font-weight:400;}

.custom_page{ text-align:right; font-size:24px; line-height:24px; margin:30px 0;}
.custom_page span{ font-size:15px; display:block;}
.social-icons a{ margin:0; padding:0;}
.social-icons div{ width:35px; padding:7px 0 10px; margin:0 10px 10px 0; display:inline-block; border:1px solid #ffffff; border-radius:23px; -moz-border-radius:23px; -o-border-radius:23px; -webkit-border-radius:23px;}
.social-icons div img{ margin:0; vertical-align:middle;}

@media screen and (min-width:989px) {
/*====== CSS 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: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.centered {text-align: center;}
/* =========== END OF CSS RESET ========== */
/*******************/
/*  Basic Layout   */
/*******************/
html, body {position: relative;height: 100% !important;overflow: hidden !important;}
body {background-size: 100% 100%;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover!important;background-size: cover !important;-ms-behavior: url(css/backgroundsize.min.htc);background-repeat: no-repeat;-webkit-font-smoothing: antialiased;overflow: hidden;font-style: normal;line-height: 1.7em;}
body#tinymce {overflow: scroll!important;}
.row div[class^="col-"] {margin-top: 20px;margin-bottom: 20px;}
.row div[class^="col-"] div[class^="col-"] {margin-top: 0;margin-bottom: 0;}
p {margin: 15px 0 15px 0;}
p:first-child {margin-top: 0;}
p:last-child {margin-bottom: 0;}
blockquote p {font-size: 14px;font-weight: 600;line-height: 1.6em;}
blockquote cite {font-style: italic;margin-top: 10px;display: inline-block;}
.post-content cite, .work-content cite {font-style: italic;}
pre {padding: 10px;}
table {border: 1px solid #cecece;}
table td, table th {padding: 10px;line-height: 18px;border: 1px solid #cecece;}
dt {font-weight: 600;}
dd {margin-bottom: 10px;}
a {color: #76c2bb;text-decoration: none;}
em {font-style: italic;}
a:active, a:hover {text-decoration: none!important;-moz-text-decoration: none!important;}
blockquote {padding-left: 40px;font-weight: 600;margin-top: 15px;margin-bottom: 15px;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;color: #fff;font-style: normal;margin-top: 5px;margin-bottom: 5px;font-family: "Open Sans", Georgia, sans-serif}
h1 {font-size: 44px;line-height: 50px;}
h2 {font-size: 36px;line-height: 40px;}
h3 {font-size: 32px;line-height: 36px;}
h4 {font-size: 26px;line-height: 28px;}
h5 {font-size: 22px;line-height: 26px;}
h6 {font-size: 18px;line-height: 22px;}
/* Lists */

ul {margin-top: 15px;margin-bottom: 15px;}
ul ul, ol ol {padding-left: 25px;margin-top: 0;}
ol li {list-style-type: decimal;}
li {list-style: disc;list-style-position: inside;line-height: 24px;}
strong {font-weight: 600;}
address {font-size: 13px!important;}
.wp-caption {}
.wp-caption-text {margin-top: 0;font-style: italic;}
.alignright {float: right;margin-left: 15px;margin-bottom: 7px;}
.alignleft {float: left;margin-right: 15px;margin-bottom: 7px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;}
.ajax-loader {display: none !important;}
.main-header {width: 80px;height: 100%;float: left;position: relative;z-index: 99;border-right: solid 1px rgba(255, 255, 255, .18);}
.blurred .main-header {-webkit-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
.main-content {height: 100%;width: 100%;padding-left: 80px;position: absolute;overflow:auto;top: 0;left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;z-index: 98;}
ol.comment-list{ list-style:none;}
ol.comment-list li{ list-style:none; clear:both;}
.comment-author img{ float:left; margin:0 15px 25px 0;}
.blurred .main-content {-webkit-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
.page-content {width: 100%;height: 100%;overflow: visible !important;position: absolute !important;top: 0;left: 0;}
.home-content {margin: 0;padding: 0;text-align: center;/*font: 400 13px 'Open Sans', sans-serif;*/}
.home-content p {width: 444px;margin: 0 auto;padding: 0;line-height: 27px;/*color: #ffffff;*/}
.home-content h2 {font-weight:400;margin: 0;padding: 0;text-align: center;margin-bottom: 17px;}
.blogname{ display:none;}
.home-content a{ margin-top:30px;}
.home-content a.button{ padding:6px 14px;}
.page-inner-content {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;height: 100%;width: 100%;padding-left: 80px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.page-inner-content.visible {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.page-background {height: 100%;position: absolute;top: 0;left: 0;right: 0;background-repeat: no-repeat;position: fixed;background-size: 100% 100%;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;background-position: fixed;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;-webkit-transition: opacity .5s ease-in;-moz-transition: opacity .5s ease-in;-o-transition: opacity .5s ease-in;-ms-transition: opacity .5s ease-in;transition: opacity .5s ease-in;z-index: -100;}
.page-background.active {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.page-inner {margin: 0 auto;max-width: 1170px;padding: 40px 20px 40px 100px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;}
.page-align {width: 1001px;margin: 75px auto 0;padding: 0;}
h1.page-title {text-transform: uppercase;margin: 0;padding: 0 0 10px;border-bottom: 1px solid #ffffff;}
.page-thumb {width: 362px;margin: 0;padding: 0;float: left;}


.page-entry {width: 558px;margin: 0;padding: 0;float: right;}
.social-icons {width:72%; margin: 0 auto; padding: 0; text-align:center; vertical-align: baseline;}

.contact-content {	margin-top: 10px;}

.contact-content p{font-size:20px;margin-top: 10px;}
.contact-left {width: 297px;margin: 50px 0 0;padding: 0;float: left;font-size:14px;line-height: 23px;}
.contact-left h2 {font-size:31px;margin: 0 0 20px;padding: 0;line-height: 35px;}

.contact-page-form {width: 455px;margin: 50px 0 0;padding: 0;float: right;}

.about-thumb {width: 222px;padding: 0;float: left;background: url(../images/thumb-bg.png) no-repeat;height: 223px;position: relative;top: -68px;}
.about-thumb img {border-radius: 110px;-moz-border-radius: 110px;-webkit-border-radius: 110px;-o-border-radius: 110px;-ms-border-radius: 110px;border: 7px solid #d9f9f2;margin: 10px 0 0 9px;width:86%;}
.about-entry {width: 688px;margin: 0 0 0 20px;padding: 0;float: left;}
.portfolio{ width:100%; margin:30px 0 0; padding:0;}
.about-entry em {font: 400 16px 'Open Sans', sans-serif;font-style: italic;}
.about-entry .about-title {border-bottom: 1px solid #ffffff;padding-bottom: 20px;}
/* --------- Blog ------------ */
.blog-main {width: 100%; /*height:484px;*/margin: 0 0 60px;padding: 0;border: 1px solid #66979c;}
.blog-main .blog-left {width: 328px;margin: 0;padding: 0;float: left;}
.blog-main .blog-left img {border-bottom: 1px solid #66979c;}
.blog-main .blog-left .meta {width: 303px;margin: 0 auto;padding: 0;}
.blog-main .blog-left .meta .the_title {font: 300 24px 'Open Sans Condensed';color: #ffffff;border-bottom: 1px solid #66979c;padding-bottom: 5px;}
.blog-main .blog-left .meta .date {background: url(../images/date_icon.png) no-repeat left center;font: 300 16px 'Open Sans Condensed';color: #49a195;padding: 10px 0 10px 35px;line-height: 20px;width: 163px;float: left;}
.blog-main .blog-left .meta .date span {font: 400 13px 'Open Sans', sans-serif;font-style: italic;color: #ffffff;display: block;}
.blog-main .blog-left .meta .like {width: 41px;margin: 20px 0 0;padding: 0 0 0 21px;float: right;background: url(../images/comment-icon.png) no-repeat left center;}
.blog-main .blog-right {width: 673px;margin: 0;padding: 0 0 20px;float: right;background-color: #ffffff;height: 457px;overflow-y: auto;}
@-moz-document url-prefix() {
 .blog-main .blog-right {
 height:474px;
}
}
.controls li:hover, .controls li.active {padding: 1px 14px 17px !important;}
.port-3 {margin-top: 160px;}
/* -------------- bxslider --------- */
.bx-wrapper .bx-pager {bottom: -95px;}
.bx-wrapper .bx-pager a {display: block;margin: 0 2px;padding: 0;}
.bx-wrapper .bx-pager a:hover,  .bx-wrapper .bx-pager a.active {opacity: 0.7;}
.bx-wrapper {margin-bottom: 120px;}
.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0;
*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;border: 5px solid #fff;left: -5px;background: #fff;/*fix other elements on the page moving (on Chrome)*/-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute;bottom: -180px;width: 100%;}
/* LOADER */

.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */

.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;
*zoom: 1;
*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #666;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}
/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {left: 10px;background: url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px;background: url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../images/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}
/* ----------- bxslider end --------- */  
  	/*---- Style Scrollbar ----  */	::-webkit-scrollbar {
 width: 5px; /* this targets the default scrollbar (compulsory) */
}	::-webkit-scrollbar-track {
 background-color: #ffffff;
} /* the new scrollbar will have a flat appearance with the set background color */
 	::-webkit-scrollbar-thumb {
 background-color: #4d4d4d;
 border-radius:10px;
} /* this will style the thumb, ignoring the track */
 	::-webkit-scrollbar-button {
 background-color: #ffffff;
 display:none;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
 	::-webkit-scrollbar-corner {
 background-color:white;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
/* ------------ moz and others ----------- */
.jspContainer {overflow: hidden;position: relative;}
.jspPane {position: absolute;padding-bottom: 0 !important;}
.jspVerticalBar {position: absolute;top: 0;right: 0;width: 5px;height: 100%;background: red;}
.jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #ffffff;position: relative;}
.jspDrag {background: #4d4d4d;position: relative;top: 0;left: 0;cursor: pointer;border-radius: 10px;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;}
.jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.jspArrow.jspDisabled {cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow {/*height: 16px; */display: none;}
.jspHorizontalBar .jspArrow {width: 16px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4;float: left;height: 100%;display: none;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}
.blog-main .blog-right .blog-title {color: #404040;margin: 0 0 10px;padding: 5px 0 5px 15px;border-bottom: 1px solid #d3d9db;text-align: left;}
.blog-main .blog-right .blog-content {width: 636px;margin: 0 auto;color: #404040;line-height: 23px;}
.blog-main .blog-right .blog-content p {color: #404040;}
.blog-main .blog-right .blog-content .comment-row {margin: 88px 0 0;padding: 0;text-align: right;border-top: 1px solid #d3d9db;}
.blog-main .blog-right .blog-content .comment-row h4 {font: 400 13px 'Open Sans', sans-serif;color: #404040;font-style: italic;position: relative;top: -15px;background-color: #ffffff;width: 98px;text-align: right;float: right;}
.row {margin-bottom: 60px;}
.design {margin: 20px auto 0;padding: 0;color: #ffffff;text-align: center;}

/* --------- Comments CSS ------------ */
/* =Comments CSS BY PINTOO
-------------------------------------------------------------- */

h3#comments-title, h3#reply-title {color: #000;margin-bottom: 0;text-align: left;font: 400 27px 'Open Sans', san-serif;
}
h3#comments-title {padding: 24px 0;
}
.commentlist li.comment {border: 1px solid #ffffff;line-height: 24px;margin: 0 0 24px 0;padding: 7px 7px 7px 20px;position: relative;background: linear-gradient(#49a397, #15405f);background: -moz-linear-gradient(#49a397, #15405f);background: -webkit-linear-gradient(#49a397, #15405f);background: -o-linear-gradient(#49a397, #15405f);background: -ms-linear-gradient(#49a397, #15405f);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#49a397, endColorstr=#15405f, GradientType=1)";list-style: none;text-align: left;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;color: #ffffff;
}
.commentlist li.comment a {color: #ffffff;
}
.commentlist li.comment img {float: left;margin: 8px 10px 10px 0;
}
ol.commentlist {list-style-image: none;list-style-position: outside;list-style-type: none;margin-bottom: 0;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;padding-top: 0;
}
ol.commentlist li.pingback comment-author {padding-bottom: 0;padding-left: 0;padding-right: 170px;padding-top: 0;
}
ol.commentlist li div.vcard {font-family: helvetica, arial, sans-serif;font-size: 14px;font-weight: bold;line-height: 16px;
}
ol.commentlist li div.vcard cite.fn {font-size: 11px;font-style: bold;color: #8C0708;
}
cite.fn {line-height: 15px;padding-right: 10px;
}
ol.commentlist li .says {color: #000;
}
ol.commentlist li div.vcard cite.fn a.url {-moz-text-blink: none;-moz-text-decoration-color: -moz-use-text-color;-moz-text-decoration-line: none;-moz-text-decoration-style: solid;color: #CC0000;
}
ol.commentlist li div.vcard cite.fn a.url:hover {color: #000000;
}
ol.commentlist li div.vcard img.avatar {background-color: #fff;background-image: none;border: 1px solid #838383;left: 7px;padding: 4px;position: absolute;top: 7px;width: 30px;height: 30px;
}
ol.commentlist li div.comment-meta {font-family: helvetica, arial, sans-serif;font-size: 10px;font-weight: bold;line-height: 16px;position: absolute;right: 10px;text-align: right;top: 5px;
}
ol.commentlist li div.comment-meta a {color: #8C0708;
}
ol.commentlist li p {font-family: helvetica, arial, sans-serif;font-size: 12px;font-weight: normal;line-height: 16px;margin-bottom: 12px;margin-left: 0;margin-right: 0;margin-top: 5px;color: #ffffff;
}
ol.commentlist li ul {font-family: helvetica, arial, sans-serif;font-size: 12px;font-weight: normal;line-height: 16px;list-style-image: none;list-style-position: outside;list-style-type: square;margin-bottom: 12px;margin-left: 0;margin-right: 0;margin-top: 0;padding-bottom: 0;padding-left: 0;padding-right: 0;padding-top: 0;
}
ol.commentlist li div.reply {clear: both;
}
/*  ol.commentlist li div.reply {
 
   	background-color: #000000;
    background-image: none;    
    border:1px solid #666666;
    color: #FFFFFF;
    font-family: helvetica,arial,sans-serif;
    font-size: 9px;    
    font-weight: bold;
    line-height: 1;
    padding-bottom: 4px;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 6px;
    text-align: center;
    width: 36px; 
}
ol.commentlist li div.reply:hover {
   
   background-color: #ffffff;
    background-image: none;   
    border: 1px solid #ffffff;color:#000000; 
} */
p.form-submit {width: 150px;margin: 15px auto 0 !important;outline: none;
}
ol.commentlist li div.reply a {background-color: #000000;background-image: none;border: 1px solid #63828e;color: #FFFFFF;font-family: helvetica, arial, sans-serif;font-size: 9px;font-weight: bold;line-height: 1;padding-bottom: 5px;padding-left: 14px;padding-right: 14px;padding-top: 6px;text-align: center;width: 36px;clear: both;
}
ol.commentlist li div.reply span {display: none;
}
ol.commentlist li div.reply a:hover {background-color: #ffffff;background-image: none;border: 1px solid #ffffff;color: #000000;
}
#commentform input#submit {	color: #000000;width: 80px;height: 136px;border: 1px solid #000000;border-radius: 109px !important;-moz-border-radius: 109px !important;-webkit-border-radius: 109px !important;-o-border-radius: 109px !important;-ms-border-radius: 109px !important;opacity: 0.6;transition: 0.7s;text-transform: uppercase;margin-bottom: 20px;
}
#commentform input#submit:hover {background: transparent !important;color: #000000;border: 1px solid #000000;opacity: 1;text-shadow: none !important;
}
ol.commentlist li ul.children {list-style-image: none;list-style-position: outside;list-style-type: none;margin-bottom: 0;margin-left: 0;margin-right: 0;margin-top: 12px;text-indent: 0;
}
ol.commentlist li ul.children li.depth-2 {margin-bottom: 3px;margin-left: 0;margin-right: 0;margin-top: 0;
}
ol.commentlist li ul.children li.depth-3 {margin-bottom: 3px;margin-left: 0;margin-right: 0;margin-top: 0;
}
ol.commentlist li ul.children li.depth-4 {margin-bottom: 3px;margin-left: 0;margin-right: 0;margin-top: 0;
}
ol.commentlist li ul.children li.depth-5 {margin-bottom: 3px;margin-left: 0;margin-right: 0;margin-top: 0;
}
ol.commentlist ul.children li.odd {background-attachment: scroll;background-clip: border-box;background-color: #ece7e0;background-image: none;background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;
}
ol.commentlist ul.children li.even {background-attachment: scroll;background-clip: border-box;background-color: #F6F6F6;background-image: none;background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;
}
ol.commentlist li.pingback div.vcard {padding-bottom: 0;padding-left: 0;padding-right: 170px;padding-top: 0;
}
#comment {width: 94% !important;padding: 5px;margin-top: 10px;font: 400 14px 'Open sans', san-serif;
}
#submit {width: auto !important;
}
#commentform label {font: 300 20px 'Open Sans Condensed';color: #404040;margin: 0;text-align: left;
}
.form-allowed-tags {display: none;
}
/* ------------- Grid-Effect -------- */


.og-grid {list-style: none;padding: 0;margin: 0 auto;text-align: center;width: 100%;
}
.og-grid li {display: inline-block;vertical-align: top;margin: 0;
}
.og-grid li > a, .og-grid li > a img {border: none;outline: none;display: block;position: relative;
}
.og-grid li.og-expanded > a::after {top: auto;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-bottom-color: #ddd;border-width: 15px;left: 50%;margin: -20px 0 0 -15px;
}
.og-expander {position: absolute;background: #ddd;top: auto;left: 0;width: 100%;margin-top: 10px;text-align: left;height: 0;overflow: hidden;
}
.og-expander-inner {padding: 0;height: 100%;
}
.og-close {position: absolute;width: 40px;height: 40px;top: 20px;right: 20px;cursor: pointer;
}
.og-close::before, .og-close::after {content: '';position: absolute;width: 100%;top: 50%;height: 1px;background: #888;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
}
.og-close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);
}
.og-close:hover::before, .og-close:hover::after {background: #333;
}
.og-fullimg, .og-details {width: 50%;float: left;height: 100%;overflow: hidden;position: relative;
}
.og-details {padding: 0 40px 0 20px;
}
.og-fullimg {text-align: center;
}
.og-fullimg img {display: inline-block;max-height: 100%;max-width: 100%;
}
.og-details h3 {font-weight: 300;font-size: 52px;padding: 40px 0 10px;margin-bottom: 10px;
}
.og-details p {font-weight: 400;font-size: 16px;line-height: 22px;color: #999;
}
.og-details a {font-weight: 700;font-size: 16px;color: #333;text-transform: uppercase;letter-spacing: 2px;padding: 10px 20px;border: 3px solid #333;display: inline-block;margin: 30px 0 0;outline: none;
}
.og-details a::before {content: '\2192';display: inline-block;margin-right: 10px;
}
.og-details a:hover {border-color: #999;color: #999;
}
.og-loading {width: 20px;height: 20px;border-radius: 50%;background: #ddd;box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position: absolute;top: 50%;left: 50%;margin: -25px 0 0 -25px;-webkit-animation: loader 0.5s infinite ease-in-out both;-moz-animation: loader 0.5s infinite ease-in-out both;animation: loader 0.5s infinite ease-in-out both;
}
 @-webkit-keyframes loader {
 0% {
background: #ddd;
}
 33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
}
 66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
}
}
 @-moz-keyframes loader {
 0% {
background: #ddd;
}
 33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
}
 66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
}
}
 @keyframes loader {
 0% {
background: #ddd;
}
 33% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
}
 66% {
background: #ccc;
box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
}
}
 @media screen and (max-width: 830px) {
.og-expander h3 {font-size: 32px;
}
.og-expander p {font-size: 13px;
}
.og-expander a {font-size: 12px;
}
}
 @media screen and (max-width: 650px) {
.og-fullimg {display: none;
}
.og-details {float: none;width: 100%;
}
}


/* ------------ Grid CSS End -------------- */
/* Small monitors */
@media all and (min-width: 940px) and (max-width: 1169px) {
.page-inner {max-width: 860px;
}
}

/* Tablets */
@media all and (min-width: 728px) and (max-width: 939px) {
.page-inner {max-width: 648px;
}
}

/* Smartphones */
@media all and (max-width: 727px) {
.page-inner {max-width: 667px;
}
}
/*******************/
/* Main Navigation */
/*******************/
.main-nav {width: 100%;height: 100%;
}
.main-nav > div {height: 100%;width: 100%;position: relative;
}
.main-nav ul {top: 50%;position: absolute;
}
.main-nav li {width: 80px;height: 80px;border-bottom: solid 1px rgb(255, 255, 255);border-bottom: solid 1px rgba(255, 255, 255, .18);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity: .6;-webkit-transition: opacity .5s ease-in, background-color .5s ease-in;-moz-transition: opacity .5s ease-in, background-color .5s ease-in;-o-transition: opacity .5s ease-in, background-color .5s ease-in;-ms-transition: opacity .5s ease-in, background-color .5s ease-in;transition: opacity .5s ease-in, background-color .5s ease-in;-webkit-opacity: opacity .5s ease-in, background-color .5s ease-in;position: relative;cursor: pointer;list-style: none;
}
.main-nav li:first-child {border-top: solid 1px rgb(255, 255, 255);border-top: solid 1px rgba(255, 255, 255, .18);
}
.main-nav li:hover {-webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none;transition: none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;background-color: #2f433c;
}
.main-nav li.current_page_item {background-color: #2f433c;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;
}
.main-nav a {height: 82px;line-height: 80px;position: absolute;margin-left: 80px;margin-top: -1px;padding-left: 40px;padding-right: 40px;color: #fff;font-size: 20px;font-style: normal;text-align: center;text-transform: uppercase;background-color: #000000;display: block;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);/*opacity: 0;*/-webkit-transition: opacity .25s ease-in;-moz-transition: opacity .25s ease-in;-o-transition: opacity .25s ease-in;-ms-transition: opacity .25s ease-in;transition: opacity .25s ease-in;visibility: hidden;white-space: nowrap;
}



.main-nav li:hover a {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;}
.main-nav a:after {width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #000000;position: absolute;top: 50%;left: -10px;content: "";z-index: 9999;margin-top: -10px;}
.main-nav li {/*background-image: url(../images/nav_icons.png);*/}
.main-nav ul.sub-menu {position: absolute;top: 81px;left: 80px;margin: 0;padding: 0;background-color: #76c2bb;z-index: -1;visibility: hidden;opacity: 0;transition: opacity .25s ease-in;}
.main-nav li:hover ul.sub-menu {opacity: 1;visibility: visible;}
.main-nav ul.sub-menu:after {content: "";display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0, 0, 0, .1);z-index: -1;}
.main-nav ul.sub-menu li {width: auto;background-color: transparent;background-image: none;border: 0px solid black;height: auto;opacity: .75;}
.main-nav ul.sub-menu li:hover {opacity: 1;}
.main-nav ul.sub-menu li a {border-bottom: 1px solid rgba(255, 255, 255, .25);border-top: 1px solid rgba(0, 0, 0, .06);}
.main-nav ul.sub-menu li:first-child a {border-top: none;}
.main-nav ul.sub-menu li:last-child a {border-bottom: none;}
.main-nav ul.sub-menu li a {position: relative;background-color: transparent;margin: 0;height: 55px;line-height: 55px;text-align: left;padding: 0;margin-left: 40px;margin-right: 40px;font-size: 16px;}
.main-nav ul.sub-menu li a:after {display: none;}
.main-nav li{ position:relative;}
.main-nav ul li a span.menu-icon{ position:absolute; width:55px; height:50px; display:block; left:-70px; top:15px; opacity:1 !important; visibility:visible !important;}
.main-nav li ul li ul{ display:none;}
.main-nav li ul li:hover ul{ display:block; top:20px; left:184px;}

 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
.main-nav li {background-image: url(../images/nav_icons@2x.png);-webkit-background-size: 640px 640px;-moz-background-size: 640px 640px;background-size: 640px 640px;
}
}
.icon-menu {background-position: 0 0;
}
.icon-microphone {background-position: -80px 0;
}
.icon-flashlight {background-position: -160px 0;
}
.icon-heart {background-position: -240px 0;
}
.icon-videotape {background-position: -320px 0;
}
.icon-play {background-position: -400px 0;
}
.icon-rewing {background-position: -480px 0;
}
.icon-forward {background-position: -560px 0;
}
.icon-volume_up {background-position: 0 -80px;
}
.icon-volume_down {background-position: -80px -80px;
}
.icon-musicnote {background-position: -160px -80px;
}
.icon-monitor {background-position: -240px -80px;
}
.icon-files {background-position: -320px -80px;background:url(../images/about-icon.png) no-repeat center center !important;
}
.icon-glasses {background-position: -400px -80px;
}
.icon-dialog {background-position: -480px -80px;
}
.icon-dialogs {background-position: -560px -80px;
}
.icon-questionmark {background-position: 0 -160px;
}
.icon-ok {background-position: -80px -160px;
}
.icon-locked {background-position: -160px -160px;
}
.icon-unlocked {background-position: -240px -160px;
}
.icon-menu2 {background-position: -320px -160px;
}
.icon-sliders {background-position: -400px -160px;
}
.icon-home {background-position: -480px -160px;
}
.icon-reload {background-position: -560px -160px;
}
.icon-sun {background-position: 0 -240px;
}
.icon-moon {background-position: -80px -240px;
}
.icon-calendar {background-position: -160px -240px;
}
.icon-settings {background-position: -240px -240px;
}
.icon-location {background-position: -320px -240px;
}
.icon-briefcase {background-position: -400px -240px;
}
.icon-bag {background-position: -480px -240px;
}
.icon-coffee {background-position: -560px -240px;
}
.icon-paper {background-position: 0 -320px;
}
.icon-papers {background-position: -80px -320px;
}
.icon-boxdown {background-position: -160px -320px;
}
.icon-boxup {background-position: -240px -320px;
}
.icon-book {background-position: -320px -320px;
}
.icon-filecabinet {background-position: -400px -320px;
}
.icon-filecabinet_closed {background-position: -480px -320px;
}
.icon-folder {background-position: -560px -320px;
}
.icon-about {background-position: 0 -400px;
}
.icon-mail {background-position: -80px -400px;
}
.icon-writing {background-position: -160px -400px;
}
.icon-flag {background-position: -240px -400px;
}
.icon-eye {background-position: -320px -400px;
}
.icon-zoom {background-position: -400px -400px;
}
.icon-star {background-position: -480px -400px;
}
.icon-plus_sign {background-position: -560px -400px;
}
.icon-globe {background-position: 0 -480px;
}
.icon-alarm_clock {background-position: -80px -480px;
}
.icon-stopwatch {background-position: -160px -480px;
}
.icon-clock {background-position: -240px -480px;
}
.icon-clock_2 {background-position: -320px -480px;
}
.icon-trash {background-position: -400px -480px;
}
.icon-trash_2 {background-position: -480px -480px;
}
.icon-menus_sign {background-position: -560px -480px;
}
.icon-cloud {background-position: 0 -560px;
}
.icon-cloud_reload {background-position: -80px -560px;
}
.icon-photo {background-position: -160px -560px;
}
.icon-papers_2 {background-position: -240px -560px;
}
.icon-paper_plane {background-position: -320px -560px;
}
.icon-calculator {background-position: -400px -560px;
}
.icon-information {background-position: -480px -560px;
}
.icon-arrow {background-position: -560px -560px;
}
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
#toggle-sidebar {background-image: url(../images/menu@2x.png);-webkit-background-size: 23px 17px;-moz-background-size: 23px 17px;background-size: 23px 17px;
}
}
#toggle-sidebar:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;
}
/******************************/
/*    Categories filters      */
/******************************/
ul.categories {position: relative;display: block;margin: 0;margin-left: 40px;overflow: hidden;height: 26px;border-radius: 5px;width: 90%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-transition: margin-left .5s ease-in;-moz-transition: margin-left .5s ease-in;-o-transition: margin-left .5s ease-in;-ms-transition: margin-left .5s ease-in;transition: margin-left .5s ease-in;
}
ul.categories:hover {height: auto;overflow: visible;bottom: auto;
}
.sidebar-open ul.categories {margin-left: 42px;
}
ul.categories li {display: inline-block;height: 100%;margin-right: 10px;padding-left: 8px;padding-right: 9px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid transparent;border-radius: 3px;-webkit-transition: background-color .25s ease-in, border-top .25s ease-in;-moz-transition: background-color .25s ease-in, border-top .25s ease-in;-o-transition: background-color .25s ease-in, border-top .25s ease-in;-ms-transition: background-color .25s ease-in, border-top .25s ease-in;transition: background-color .25s ease-in, border-top .25s ease-in;
}
ul.categories li:hover, ul.categories li.active {background-color: transparent;background-color: rgba(0, 0, 0, .08);border-top: transparent;border-top: 1px solid rgba(0, 0, 0, .08);
}
ul.categories li a {line-height: 22px;color: #fff;font-size: 14px;font-weight: 500;text-transform: uppercase;font-style: normal;
}
ul.categories li:last-child a:after {content: "";
}
/*******************/
/*    Sidebar      */
/*******************/
.sidebar {position: absolute;width: 0;height: 100%;top: 0;left: 80px;-webkit-transition: width .25s ease-in, padding .25s ease-in;-moz-transition: width .25s ease-in, padding .25s ease-in;-o-transition: width .25s ease-in, padding .25s ease-in;-ms-transition: width .25s ease-in, padding .25s ease-in;transition: width .25s ease-in, padding .25s ease-in;background-color: rgba(0, 0, 0, .3);overflow: hidden;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
.sidebar.open {width: 300px;padding-left: 30px;padding-right: 30px;
}
/*******************/
/*   Scrollbars    */
/*******************/
/* Rail */
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
.mfp-arrow {background-image: url(../images/gallery_nav_icons@2x.png) !important;-webkit-background-size: 180px 60px !important;-moz-background-size: 180px 60px !important;background-size: 180px 60px !important;
}
}
.mfp-arrow:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1 !important;
}
.mfp-arrow-left {background-position: 0 0 !important;left: 20px !important;top: 50% !important;
}
.mfp-arrow-right {background-position: -60px 0 !important;right: 20px !important;top: 50% !important;
}
.mfp-close {font-family: "Open Sans", Georgia, sans-serif !important;font-weight: 300 !important;
}
.mfp-arrow, .mfp-close {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0 !important;
}
.mfp-content:hover .mfp-arrow, .mfp-content:hover .mfp-close {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: .5 !important;
}
/*********************************/
/*         ELEMENTS              */
/*********************************/
.button, .post-password-form input[type=submit] {border: 1px solid #fff;padding: 8px 14px;font-style: normal;border-radius: 5px;font-weight: 600;background: transparent url(../images/button_texture.png) repeat-x;opacity: .8;-webkit-transition: opacity .25s ease-in;-moz-transition: opacity .25s ease-in;-o-transition: opacity .25s ease-in;-ms-transition: opacity .25s ease-in;transition: opacity .25s ease-in;text-align: center;display: inline-block;-webkit-box-shadow: inset 0px 7px 1px -5px rgba(0,0,0,.1), 0px 2px 1px 0px rgba(0,0,0,.1);box-shadow: inset 0px 7px 1px -5px rgba(0,0,0,.1), 0px 2px 1px 0px rgba(0,0,0,.1);color: #fff;
}
.button:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;color: #fff;
}
.button.small {font-size: 12px;
}
.button.medium {font-size: 16px;
}
.button.big {font-size: 18px;
}
/* Social Buttons */
.social-button {height: 57px;width: 57px;display: inline-block;background-image: url(../images/social_icons.png);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: .8;margin-top: 5px;-webkit-transition: opacity .25s ease-in;-moz-transition: opacity .25s ease-in;-o-transition: opacity .25s ease-in;-ms-transition: opacity .25s ease-in;transition: opacity .25s ease-in;
}
 @media all and (-webkit-min-device-pixel-ratio: 1.5) {
.social-button {background-image: url(../images/social_icons@2x.png);-webkit-background-size: 1040px 58px;-moz-background-size: 1040px 58px;background-size: 1040px 58px;
}
}
.social-button:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;
}
.social-icon-facebook {background-position: -8px 0;
}
.social-icon-twitter {background-position: -65px 0;
}
.social-icon-rss {background-position: -122px 0;
}
.social-icon-linkedin {background-position: -179px 0;
}
.social-icon-behance {background-position: -236px 0;
}
.social-icon-deviantart {background-position: -293px 0;
}
.social-icon-digg {background-position: -350px 0;
}
.social-icon-pinterest {background-position: -405px 0;
}
.social-icon-youtube {background-position: -462px 0;
}
.social-icon-tumblr {background-position: -519px 0;
}
.social-icon-blogger {background-position: -574px 0;
}
.social-icon-stumbleupon {background-position: -635px 0;
}
.social-icon-vimeo {background-position: -690px 0;
}
.social-icon-flickr {background-position: -804px 0;
}
.social-icon-googleplus {background-position: -855px 0;
}
.social-icon-instagram {background-position: -914px 0;
}
.social-icon-500px {background-position: -974px 0;
}
/* Rule */
hr {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: .5;
}
/* Pricing table */
.pricing-table {border: 1px solid rgb(255, 255, 255);border: 1px solid rgba(255, 255, 255, .5);border-radius: 4px;padding: 20px 0 20px 0;position: relative;text-align: center;
}
.pricing-table {text-align: left;
}
.pricing-table h5 {padding: 0 10px 0 10px;
}
.pricing {text-align: center;
}
.pricing-table .button {padding-left: 15px;padding-right: 15px;border-color: rgba(255, 255, 255, .5);margin-top: 10px;display: inline-block;
}

/* Small monitors */
@media all and (min-width: 1170px) {
.pricing-table .button {border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: none;position: absolute;bottom: 15px;right: 0;display: block;
}
.pricing-table .price {text-align: left !important;
}
}
.pricing-table .description {padding: 20px 10px 20px 10px;background: -webkit-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.07) 100%);background: -moz-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.07) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.07) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.07) 100%);background: linear-gradient(top, rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.07) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#12000000', GradientType=0 ); /* IE6-9 */font-size: 13px;
}
.pricing-table ul {padding-left: 10px;padding-right: 10px;padding-bottom: 10px;
}
.pricing-table .price {padding-left: 15px;padding-right: 15px;font-size: 32px;font-style: normal;display: block;margin-top: 20px;margin-bottom: 5px;text-align: center;
}
.pricing-table .price small {font-style: italic;font-family: Georgia, serif;font-size: 15px;
}
/* Home Page */

.homepage {margin: 0!important;
}
/* About Me Page */
.about-page {margin: 0 !important;width: 100% !important;padding: 0 0 0 80px !important;max-width: none;min-height: 100%;position: relative;
}
 @media all and (max-width: 760px) {
.about-page {padding: 0 !important;
}
}
.about-page > .row {min-height: 100%;
}
.contact-form {height: 100%;padding: 40px;background-color: rgba(0, 0, 0, .2);margin: 0 !important;
}
.about {padding: 40px;font-size: 14px;line-height: 22px;margin: 0 !important;
}
 @media (max-width: 992px) {
.contact-form {height: auto !important;padding-top: 40px !important;
}
.about {padding-top: 40px !important;max-width: 580px;margin: 0 auto !important;
}
}
.wpcf7 {position: relative;
}
.wpcf7-form {max-width: 500px;margin: 0 auto;
}
.contact-photo-area {text-align: right;
}
 @media (max-width: 992px) {
.contact-photo-area {text-align: left;
}
}
.contact-photo-wrapper {display: inline-block;background: transparent url(../images/contact_photo_border.png) no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;background-size: 100% 100%;margin-bottom: 20px;
}
.contact-photo-inner {overflow: hidden;margin: 15px;
}
.contact-photo {float: right;
}
.dot-irecommendthis-count {font-style: normal;
}
/*******************************/
/*           404 Page          */
/*******************************/
.error-404 {width: auto;height: auto;text-align: center;margin: 0 auto;border-radius: 150px;
}
.error-404 h3, .error-404 p {text-align: center;
}
.error-404 h3 {font-weight: 800;
}
.error-404 h1 {font-size: 300px;font-weight: 800;line-height: 235px;font-family: "Open Sans", Georgia, sans-serif !important;
}
.error-404 p {font-size: 18px;font-style: normal;
}
.error-404 .error-0 {border-radius: 215px;behavior: url(PIE.htc);background-color: rgb(118, 194, 187);height: 215px;line-height: 215px;width: 215px;display: inline-block;text-align: center;margin-left: -50px;margin-right: -50px;z-index: 1;position: relative;vertical-align: top;margin-top: 20px;
}
.error-404 .error-0:after {display: block;content: "";position: absolute;top: 0;right: 0;height: 50%;width: 50%;background-color: rgb(118, 194, 187);z-index: 0;
}
.error-404 .error-0 span {font-size: 45px;font-style: italic;font-weight: 600;color: #fff;line-height: 215px;display: block;position: relative;width: 100%;text-align: center;z-index: 2;
}
 @media all and (max-width: 700px) {
.error-404 {margin-top: 40px;
}
.error-404 .error-0 {margin-top: 1px;height: 110px;width: 110px;margin-left: -30px;margin-right: -30px;
}
.error-404 .error-0 span {line-height: 110px;font-size: 25px;
}
.error-404 h1 {font-size: 150px;line-height: 100px;
}
}
/*******************************/
/*     No Results page         */
/*******************************/
.noresults-page {text-align: center;
}
.noresults-page h3 {font-weight: 600;line-height: 40px;
}
.noresults-page p {
 font-family: "Open Sans", Georgia, sans-serif  font-style: normal;font-size: 18px;line-height: 18px;margin-bottom: 0;margin-top: 10px;
}
.noresults-page input {margin-top: 35px;
}
/* Progress top-bar */
#nprogress {pointer-events: none;-webkit-pointer-events: none;
}
#nprogress .bar {background: rgba(0, 0, 0, .3);position: fixed;z-index: 100;top: 0;left: 0;width: 100%;height: 3px;
}
/* Fancy blur effect */
#nprogress .peg {display: block;position: absolute;right: 0px;width: 100px;height: 100%;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3), 0 0 5px rgba(0, 0, 0, .3);box-shadow: 0 0 10px rgba(0, 0, 0, .3), 0 0 5px rgba(0, 0, 0, .3);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px);-moz-transform: rotate(3deg) translate(0px, -4px);-o-transform: rotate(3deg) translate(0px, -4px);-ms-transform: rotate(3deg) translate(0px, -4px);transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {display: block;position: fixed;z-index: 100;top: 15px;right: 15px;
}
#nprogress .spinner-icon {width: 14px;height: 14px;border: solid 2px transparent;border-top-color: rgba(0, 0, 0, .3);border-left-color: rgba(0, 0, 0, .3);border-radius: 10px;-webkit-animation: nprogress-spinner 400ms linear infinite;-moz-animation: nprogress-spinner 400ms linear infinite;-ms-animation: nprogress-spinner 400ms linear infinite;-o-animation: nprogress-spinner 400ms linear infinite;animation: nprogress-spinner 400ms linear infinite;
}
 @keyframes "nprogress-spinner" {
 0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-moz-keyframes nprogress-spinner {
 0% {
 -moz-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-webkit-keyframes "nprogress-spinner" {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-ms-keyframes "nprogress-spinner" {
 0% {
 -ms-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
 @-o-keyframes "nprogress-spinner" {
 0% {
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/*********************************/
/*           MOBILE              */
/*********************************/



.toggle-mobile-menu, .close-sidebar, #toggle-categories, .mobile-logo {display: none;
}
 @media all and (max-width: 760px) {
/* Last version changes */
html.blog, body.blog, .blog .main-content, .blog .page-content {height: auto!important;min-height: 100%!important;
}
.page-inner-content {overflow: scroll;
}
.page-inner-content.categories-open {height: 1000px;
}
.next-page {display: block!important;
}
.next-page a {display: block!important;position: absolute;bottom: -37px;height: 40px;width: 100%;background-color: transparent;border: 1px solid rgba(255, 255, 255, .5);border-radius: 4px;line-height: 40px;color: white;text-align: center;
}
.posts-inner {display: inline-block!important;
}
.mobile-logo {position: absolute;top: 15px;left: 15px;height: 20px;width: auto;display: block;
}
.toggle-mobile-menu {background: transparent url(../images/mobile_menu_toggle.png) center center no-repeat;background-image: url(../images/mobile_menu_toggle@2x.png);-webkit-background-size: 33px 20px;-moz-background-size: 33px 20px;background-size: 33px 20px;display: block;position: absolute;right: 0;top: 0;height: 50px;width: 50px;border: none;cursor: pointer;z-index: 99;
}
.main-header {width: 100%;height: 50px;
}
.main-header.open {height: 1000px;
}
.main-content {padding-left: 0;margin-top: 50px;overflow: hidden;
}
.page-content {padding-top: 50px;margin-top: -50px;
}
.page-inner {padding-left: 20px !important;
}
.main-nav ul {width: 100%;top: 50px;margin-top: 0 !important;background-color: rgba(255, 255, 255, .15);max-height: 0;overflow:inherit !important;-webkit-transition: max-height .3s ease-in;-moz-transition: max-height .3s ease-in;-o-transition: max-height .3s ease-in;-ms-transition: max-height .3s ease-in;transition: max-height .3s ease-in;
}
.main-nav ul.open {max-height: 320px;overflow-y: scroll;-webkit-transition: max-height .3s ease-in .1s;-moz-transition: max-height .3s ease-in .1s;-o-transition: max-height .3s ease-in .1s;-ms-transition: max-height .3s ease-in .1s;transition: max-height .3s ease-in .1s;
}
.main-nav li {background-image: none;width: 100%;padding-left: 10px;padding-right: 10px;border-top: solid 1px rgba(255, 255, 255, .5);border-bottom: none;height: 50px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;
}
.main-nav li:first-child {border: none;
}
.main-nav a {width: 100%;margin: 0;height: 100%;padding: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;visibility: visible;text-align: left;background-color: transparent;line-height: 50px;font-size: 14px;font-weight: 800;padding-left: 10px;margin-left: -10px;
}
.main-nav a:after {display: none;
}
.menu-item-has-children {height: auto!important;
}
.main-nav ul.sub-menu {width: 100%!important;position: relative;top: auto;left: auto;margin-top: 48px!important;margin-bottom: 10px;background-color: transparent;visibility: visible;opacity: .9;
}
.main-nav ul.sub-menu li a {margin: 0;font-size: 14px;
}
.page-inner {-webkit-transition: margin-top .3s ease-in;-moz-transition: margin-top .3s ease-in;-o-transition: margin-top .3s ease-in;-ms-transition: margin-top .3s ease-in;transition: margin-top .3s ease-in;margin-top: 0 !important;padding: 10px !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;
}
.page-content {overflow: hidden!important;
}
.page-inner-content {padding-left: 0!important;
}
.tags-wrapper .blurred-image, .work-listing .blurred-image {-webkit-filter: none!important;-ms-filter: none!important;filter: none!important;display: none;
}
.posts-wrapper.sidebar-open {margin-left: 100%!important;
}
.top-bar {height: 50px !important;width: 100%;padding: 0 10px 0 10px;background-color: rgba(0, 0, 0, .3);text-align: center;top: 50px;left: 0;
}
#toggle-sidebar {width: auto;background-image: none;position: relative;text-indent: 0;white-space: normal;overflow: hidden;padding-right: 0;
}
#toggle-sidebar:after {content: "  /  ";display: inline;font-weight: 300;
}
#toggle-sidebar, #toggle-categories {display: inline;width: auto;line-height: 50px;top: 0;
 font-family: "Open Sans", Georgia, sans-serif  font-size: 14px;font-weight: 600;color: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;padding: 5px;text-transform: uppercase;font-style: normal;letter-spacing: .2em;padding-left: 0;
}
ul.categories {display: block;position: absolute;background: rgba(0, 0, 0, .75)!important;height: auto;top: 50px!important;z-index: 99;width: 100%;left: 0;margin: 0;bottom: auto;display: none;border-radius: 0;background-color: transparent;
}
ul.categories li {float: none;height: 35px;margin: 0;border-radius: 0;text-align: left;padding-left: 10px;border-top: 1px solid rgba(255, 255, 255, .3);line-height: 35px;border: none;border-bottom: 1px solid rgba(255, 255, 255, .25);
}
ul.categories li:first-child {border-top: none;
}
ul.categories li a {font-size: 12px;font-weight: 800;letter-spacing: .2em;display: block;height: 35px;line-height: 35px;width: 100%;
}
ul.categories:before {position: absolute;top: -10px;left: 62%;height: 10px;width: 0;background: 0;display: block;content: "";border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid rgba(255, 255, 255, .3);
}
.sidebar {left: 0;overflow: scroll;
}
.sidebar.open {padding: 70px 30px 30px 30px!important;
}
.close-sidebar {display: block;height: 50px;width: 100%;font-family: "Open Sans", Georgia, sans-serif !important;font-style: normal;color: #fff;font-weight: 800;font-size: 18px;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: .8;text-align: right;
}
.close-sidebar:hover {color: #fff;
}
}
/* From 1.4.1 */

.post-password-form {width: 330px;margin: 0 auto;top: 50%;position: relative;height: 100px;margin-top: -50px;
}
.post-password-form label {font-weight: bold;
}
.post-password-form input[type=password] {border-radius: 5px;border: 1px solid white;height: 35px;display: block;margin-top: 8px;width: 230px;
}
.post-password-form input[type=submit] {padding: 5px 10px 5px 10px;
}
.post-password-required form {margin-top: 25px;margin-bottom: 25px;display: inline-block;
}
.post-password-required input[name="post_password"] {border: 1px solid rgba(0, 0, 0, .5);
}
.post-password-required input[type="submit"] {background-color: gray;
}
.post-password-required .toggle-comments, .post-password-required .toggle-comments-line, .post-password-required .comments {display: none;
}
.main-nav ul {margin-top: -290px;
}
.main-nav a {
background-color:;
}
.main-nav a:after {
border-right-color:;
}
.gallery-thumbnails li.active {
border-color:;
}
article.sticky .post-content {background-color: #383d3f!important;background-color: rgba(56,61,63, 0.7)!important;
}
.contact-photo-inner {width: 200px;height: 200px;
}
.contact-photo-wrapper {width: 230px;height: 230px;
}
.contact-photo-inner {border-radius: 200px;border: 15px solid rgba(255, 255, 255, .5);
}
.contact-photo {width: 200px;height: 200px;margin: -15px;
}
.works-inner .img-container .overlay {
opacity:
}
.posts-inner .img-container .overlay {
opacity:
}
.page-inner-content {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;height: 100%;width: 100%;padding-left: 80px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
.footer-credits {position: absolute;bottom: 5px;width: 100%;display: block;text-align: center;margin: 0;
}



/* ---------- Extra CSS ------------ */
h1.entry-title, h1.archive-title{ font-size:35px; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #cccccc;}
.search-form{ margin:0; padding:0;}
.search-form input[type="search"].search-field{ margin:0; padding:0 10px; border:1px solid #cccccc; width:250px; height:38px; border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; -webkit-border-radius:3px 0 0 3px; -o-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; float:left; color:#313131;}
span.screen-reader-text{ display:none;}
.search-form input[type="submit"].search-submit{ background-color:#0F7C82; color:#ffffff; border:none; margin:0; padding:0 20px; height:40px; cursor:pointer; font-size:14px; border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0;}
}

@media screen and ( max-width:479px){
a{ text-decoration:none;}
	.toggle-mobile-menu {
	background: transparent url(../images/mobile_menu_toggle.png) center center no-repeat;
	background-image: url(../images/mobile_menu_toggle@2x.png);
	-webkit-background-size: 33px 20px;
	-moz-background-size: 33px 20px;
	background-size: 33px 20px;
	display: block;
	margin-bottom:20px;
	height: 50px;
	width: 50px;
	border: none;
	cursor: pointer;
	z-index: 99;
}
span.menu-icon{ display:none;}
.main-nav{ position:relative;}
.main-nav .blogname{ position:absolute; right:15px; top:11px; font-size:20px; font-weight:700;}
.main-nav .blogname a{ color:#ffffff;}
.main-nav ul{ margin:0; padding:0;}
.main-nav a{ background-color:transparent !important;}
.main-nav ul li{ margin-bottom:1px; padding:5px 0 5px 20px;}
.main-nav ul li a{ text-decoration:none;}
.main-nav ul.sub-menu{ list-style:circle;}
.main-nav ul.sub-menu li{ margin:0 0 0 30px; padding:0; font-size:14px !important;}
.home-content{ width: 95%; text-align:center;}
.home-content h2{ line-height:35px !important; margin-bottom:20px;}
.button, .post-password-form input[type="submit"] {
    background: url(../images/button_texture.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 7px 1px -5px rgba(0, 0, 0, 0.1) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    opacity: 0.8;
    padding: 8px 14px;
    text-align: center;
    transition: opacity 0.25s ease-in 0s;
}
.button:hover {
    color: #fff;
    opacity: 1;
}

.social-icons {
    margin: 0 auto;
    padding: 0;
    vertical-align: baseline;
    width: 85%;
	text-align:center;
}

.social-icons .fb-icon {
    background: url(../images/fb-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}
.social-icons .link-icon {
    background: url(../images/linkedin-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}

.social-icons .twitt-icon {
    background: url(../images/twitter-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}
.social-icons .ytube-icon {
    background: url(../images/ytube-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0;
    padding: 0;
    width: 35px;
}
.design{ text-align:center; padding:15px 0;}
.design a{ color:#ffffff;}

.blog-main {
    border: 1px solid #66979c;
    margin: 0 0 60px;
    padding: 0;
    width: 100%;
}
.blog-main .blog-left img {
    border-bottom: 1px solid #66979c;
}
.blog-main .blog-left .meta {
    margin: 0 auto;
    padding: 10px;
}
.blog-main .blog-left .meta .the_title {
    border-bottom: 1px solid #66979c;
    color: #ffffff;
    font: 300 24px "Open Sans Condensed";
    padding-bottom: 5px;
}
.blog-main .blog-left .meta .date {
    background: url(../images/date_icon.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #49a195;
    float: left;
    font: 300 16px/20px "Open Sans Condensed";
    padding: 10px 0 10px 35px;
    width: 163px;
}
.blog-main .blog-left .meta .date span {
    color: #ffffff;
    display: block;
    font: italic 400 13px "Open Sans",sans-serif;
}
.blog-main .blog-left .meta .like {
    background: url(../images/comment-icon.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    float: right;
    margin: 20px 0 0;
    padding: 0 0 0 21px;
    width: 41px;
}
.blog-main .blog-right {
    background-color: #ffffff;
    margin: 0;
    overflow-y: auto;
    padding: 0 0 20px;
}

.blog-main .blog-right .blog-title {
    border-bottom: 1px solid #d3d9db;
    font: 300 24px "Open Sans Condensed";
    margin: 0 0 10px;
    padding: 5px 0 5px 15px;
    text-align: left;
}

.blog-main .blog-right .blog-content {
    color: #404040;
    font: 400 13px/23px "Open Sans",sans-serif;
    margin: 0 auto;
    padding: 10px;
    width: auto;
}

.blog-main .blog-right .blog-content .comment-row {
    border-top: 1px solid #d3d9db;
    margin: 88px 0 0;
    padding: 0;
    text-align: right;
}

.blog-main .blog-right .blog-content .comment-row h4 {
    background-color: #ffffff;
    color: #404040;
    float: right;
    font: italic 400 13px "Open Sans",sans-serif;
    position: relative;
    text-align: right;
    top: -15px;
    width: 98px;
}
/* -------------- bxslider --------- */
.bx-wrapper .bx-pager {
	bottom: -95px;
}
.bx-wrapper .bx-pager a {
	display: block;
	margin: 0 2px;
	padding: 0;
}
.bx-wrapper .bx-pager a:hover,  .bx-wrapper .bx-pager a.active {
	opacity: 0.7;
}
.bx-wrapper {
	margin-bottom: 120px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #ccc;
    left: -5px;
    transform: translateZ(0px);
}

.page-align {
    margin: 30px auto 0;
    padding: 0;
    width: 100%;
}
.page-inner {
    margin-bottom: 30px !important;
    opacity: 1;
    padding: 10px !important;
    transition: margin-top 0.3s ease-in 0s;
}

.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    background: url(../images/controls.png) no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
    left: 10px;
}
.bx-wrapper .bx-next {
    background: url(../images/controls.png) no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
    right: 10px;
}

.about-thumb {
    background: url(../images/thumb-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 223px;
    margin: -40px auto 0;
    padding: 0;
    position: relative;
    width: 222px;
}

.about-thumb img {
    border: 7px solid #d9f9f2;
    border-radius: 110px;
    margin: 10px 0 0 9px;
}

.about-entry {
    font-size: 13px;
    padding: 0;
	margin-top:20px;
}
.about-entry em {
    display: block;
    font: italic 400 16px "Open Sans",sans-serif;
    text-align: center;
}

.about-entry .about-title {
    display: block;
    font: 400 39px "Open Sans",sans-serif;
    padding-bottom: 20px;
    text-align: center;
}
p{ margin-top:15px;}

h1.page-title {
    font-weight:400;
	font-size: 22px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.custom_page {
    font-size: 24px;
    line-height: 24px;
    margin: 30px 0;
}

.custom_page span {
    display: block;
    font-size: 15px;
}
.contact-left {
    font: 400 14px/23px "Open Sans",sans-serif;
    margin: 50px 0 0;
    padding: 0;
}
.contact-left h2 {
    font: 300 31px/35px "Open Sans Condensed";
    margin: 0 0 20px;
    padding: 0;
}
.email a{ color:#ffffff;}

.contact-page-form {
    margin: 50px 0 0;
    padding: 0;
}
.contact-page-form .contact_request_form .msgarea{ width:90%;}
.contact_request_form input[type="submit"]{ margin-left:100px !important;}
.photoalbum .photo{ margin:0 !important;}
.photo-caption p{ margin:0 !important;}
.mix-hover-image, .mix-hover-video {
    display: none;
    height: 148px !important;
    width: 271px !important;
}
}

@media screen and ( min-width:480px) and (max-width:719px){
a{ text-decoration:none;}
	.toggle-mobile-menu {
	background: transparent url(../images/mobile_menu_toggle.png) center center no-repeat;
	background-image: url(../images/mobile_menu_toggle@2x.png);
	-webkit-background-size: 33px 20px;
	-moz-background-size: 33px 20px;
	background-size: 33px 20px;
	display: block;
	margin-bottom:20px;
	height: 50px;
	width: 50px;
	border: none;
	cursor: pointer;
	z-index: 99;
}
span.menu-icon{ display:none;}
.main-nav{ position:relative;}
.main-nav .blogname{ position:absolute; right:15px; top:11px; font-size:20px; font-weight:700;}
.main-nav .blogname a{ color:#ffffff;}
.main-nav ul{ margin:0; padding:0;}
.main-nav a{ background-color:transparent !important;}
.main-nav ul li{ margin-bottom:1px; padding:5px 0 5px 20px;}
.main-nav ul li a{ text-decoration:none;}
.main-nav ul.sub-menu{ list-style:circle;}
.main-nav ul.sub-menu li{ margin:0 0 0 30px; padding:0; font-size:14px !important;}
.home-content{ width: 95%; text-align:center;}
.home-content h2{ line-height:35px !important; margin-bottom:20px;}
.button, .post-password-form input[type="submit"] {
    background: url(../images/button_texture.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 7px 1px -5px rgba(0, 0, 0, 0.1) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    opacity: 0.8;
    padding: 8px 14px;
    text-align: center;
    transition: opacity 0.25s ease-in 0s;
}
.button:hover {
    color: #fff;
    opacity: 1;
}

.social-icons {
    margin: 0 auto;
    padding: 0;
    vertical-align: baseline;
    width: 85%;
	text-align:center;
}

.social-icons .fb-icon {
    background: url(../images/fb-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}
.social-icons .link-icon {
    background: url(../images/linkedin-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}

.social-icons .twitt-icon {
    background: url(../images/twitter-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}
.social-icons .ytube-icon {
    background: url(../images/ytube-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0;
    padding: 0;
    width: 35px;
}
.design{ text-align:center; padding:15px 0;}
.design a{ color:#ffffff;}

.blog-main {
    border: 1px solid #66979c;
    margin: 0 auto 60px;
    padding: 0;
    width: 328px;
}
.blog-main .blog-left img {
    border-bottom: 1px solid #66979c;
}
.blog-main .blog-left .meta {
    margin: 0 auto;
    padding: 10px;
}
.blog-main .blog-left .meta .the_title {
    border-bottom: 1px solid #66979c;
    color: #ffffff;
    font: 300 24px "Open Sans Condensed";
    padding-bottom: 5px;
}
.blog-main .blog-left .meta .date {
    background: url(../images/date_icon.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #49a195;
    float: left;
    font: 300 16px/20px "Open Sans Condensed";
    padding: 10px 0 10px 35px;
    width: 163px;
}
.blog-main .blog-left .meta .date span {
    color: #ffffff;
    display: block;
    font: italic 400 13px "Open Sans",sans-serif;
}
.blog-main .blog-left .meta .like {
    background: url(../images/comment-icon.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    float: right;
    margin: 20px 0 0;
    padding: 0 0 0 21px;
    width: 41px;
}
.blog-main .blog-right {
    background-color: #ffffff;
    margin: 0;
    overflow-y: auto;
    padding: 0 0 20px;
}

.blog-main .blog-right .blog-title {
    border-bottom: 1px solid #d3d9db;
    font: 300 24px "Open Sans Condensed";
    margin: 0 0 10px;
    padding: 5px 0 5px 15px;
    text-align: left;
}

.blog-main .blog-right .blog-content {
    color: #404040;
    font: 400 13px/23px "Open Sans",sans-serif;
    margin: 0 auto;
    padding: 10px;
    width: auto;
}

.blog-main .blog-right .blog-content .comment-row {
    border-top: 1px solid #d3d9db;
    margin: 88px 0 0;
    padding: 0;
    text-align: right;
}

.blog-main .blog-right .blog-content .comment-row h4 {
    background-color: #ffffff;
    color: #404040;
    float: right;
    font: italic 400 13px "Open Sans",sans-serif;
    position: relative;
    text-align: right;
    top: -15px;
    width: 98px;
}
/* -------------- bxslider --------- */
.bx-wrapper .bx-pager {
	bottom: -95px;
}
.bx-wrapper .bx-pager a {
	display: block;
	margin: 0 2px;
	padding: 0;
}
.bx-wrapper .bx-pager a:hover,  .bx-wrapper .bx-pager a.active {
	opacity: 0.7;
}
.bx-wrapper {
	margin-bottom: 120px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #ccc;
    left: -5px;
    transform: translateZ(0px);
}

.page-align {
    margin: 30px auto 0;
    padding: 0;
    width: 100%;
}
.page-inner {
    margin-bottom: 30px !important;
    opacity: 1;
    padding: 10px !important;
    transition: margin-top 0.3s ease-in 0s;
}

.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    background: url(../images/controls.png) no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
    left: 10px;
}
.bx-wrapper .bx-next {
    background: url(../images/controls.png) no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
    right: 10px;
}

.about-thumb {
    background: url(../images/thumb-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 223px;
    margin: -40px auto 0;
    padding: 0;
    position: relative;
    width: 222px;
}

.about-thumb img {
    border: 7px solid #d9f9f2;
    border-radius: 110px;
    margin: 10px 0 0 9px;
}

.about-entry {
    font-size: 13px;
    padding: 0;
	margin-top:20px;
}
.about-entry em {
    display: block;
    font: italic 400 16px "Open Sans",sans-serif;
    text-align: center;
}

.about-entry .about-title {
    display: block;
    font: 400 39px "Open Sans",sans-serif;
    padding-bottom: 20px;
    text-align: center;
}
p{ margin-top:15px;}

h1.page-title {
    font-weight:400;
	font-size: 22px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.custom_page {
    font-size: 24px;
    line-height: 24px;
    margin: 30px 0;
}

.custom_page span {
    display: block;
    font-size: 15px;
}
.contact-left {
    font: 400 14px/23px "Open Sans",sans-serif;
    margin: 50px 0 0;
    padding: 0;
}
.contact-left h2 {
    font: 300 31px/35px "Open Sans Condensed";
    margin: 0 0 20px;
    padding: 0;
}
.email a{ color:#ffffff;}

.contact-page-form {
    margin: 50px 0 0;
    padding: 0;
}
.contact-page-form .contact_request_form .msgarea{ width:90%;}
.contact_request_form input[type="submit"]{ margin-left:100px !important;}
.photoalbum .photo{ margin:0 !important;}
.photo-caption p{ margin:0 !important;}
.mix-hover-image, .mix-hover-video {
    display: none;
    height: 160px !important;
    width: 295px !important;
}
}

@media screen and ( min-width:720px) and (max-width:989px){
a{ text-decoration:none;}
	.toggle-mobile-menu {
	background: transparent url(../images/mobile_menu_toggle.png) center center no-repeat;
	background-image: url(../images/mobile_menu_toggle@2x.png);
	-webkit-background-size: 33px 20px;
	-moz-background-size: 33px 20px;
	background-size: 33px 20px;
	display: block;
	margin-bottom:20px;
	height: 50px;
	width: 50px;
	border: none;
	cursor: pointer;
	z-index: 99;
}
span.menu-icon{ display:none;}
.main-nav{ position:relative;}
.main-nav .blogname{ position:absolute; right:15px; top:11px; font-size:20px; font-weight:700;}
.main-nav .blogname a{ color:#ffffff;}
.main-nav ul{ margin:0; padding:0;}
.main-nav a{ background-color:transparent !important;}
.main-nav ul li{ margin-bottom:1px; padding:5px 0 5px 20px;}
.main-nav ul li a{ text-decoration:none;}
.main-nav ul.sub-menu{ list-style:circle;}
.main-nav ul.sub-menu li{ margin:0 0 0 30px; padding:0; font-size:14px !important;}
.home-content{ width: 95%; text-align:center;}
.home-content h2{ line-height:35px !important; margin-bottom:20px;}
.button, .post-password-form input[type="submit"] {
    background: url(../images/button_texture.png) repeat-x scroll 0 0 transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 7px 1px -5px rgba(0, 0, 0, 0.1) inset, 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-weight: 600;
    opacity: 0.8;
    padding: 8px 14px;
    text-align: center;
    transition: opacity 0.25s ease-in 0s;
}
.button:hover {
    color: #fff;
    opacity: 1;
}

.social-icons {
    margin: 0 auto;
    padding: 0;
    vertical-align: baseline;
    width: 85%;
	text-align:center;
}

.social-icons .fb-icon {
    background: url(../images/fb-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}
.social-icons .link-icon {
    background: url(../images/linkedin-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}

.social-icons .twitt-icon {
    background: url(../images/twitter-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35px;
}
.social-icons .ytube-icon {
    background: url(../images/ytube-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin: 0;
    padding: 0;
    width: 35px;
}
.design{ text-align:center; padding:15px 0;}
.design a{ color:#ffffff;}

.blog-main {
    border: 1px solid #66979c;
    margin: 0 auto 60px;
    padding: 0;
    width: 100%;
}
.blog-main .blog-left{ width:328px !important; float:left;}
.blog-main .blog-left img {
    border-bottom: 1px solid #66979c;
}
.blog-main .blog-left .meta {
    margin: 0 auto;
    padding: 10px;
}
.blog-main .blog-left .meta .the_title {
    border-bottom: 1px solid #66979c;
    color: #ffffff;
    font: 300 24px "Open Sans Condensed";
    padding-bottom: 5px;
}
.blog-main .blog-left .meta .date {
    background: url(../images/date_icon.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #49a195;
    float: left;
    font: 300 16px/20px "Open Sans Condensed";
    padding: 10px 0 10px 35px;
    width: 163px;
}
.blog-main .blog-left .meta .date span {
    color: #ffffff;
    display: block;
    font: italic 400 13px "Open Sans",sans-serif;
}
.blog-main .blog-left .meta .like {
    background: url(../images/comment-icon.png) no-repeat scroll left center rgba(0, 0, 0, 0);
    float: right;
    margin: 20px 0 0;
    padding: 0 0 0 21px;
    width: 41px;
}
.blog-main .blog-right {
    background-color: #ffffff;
    margin: 0;
    overflow-y: auto;
    padding: 0 0 20px;
}

.blog-main .blog-right .blog-title {
    border-bottom: 1px solid #d3d9db;
    font: 300 24px "Open Sans Condensed";
    margin: 0 0 10px;
    padding: 5px 0 5px 15px;
    text-align: left;
}

.blog-main .blog-right .blog-content {
    color: #404040;
    font: 400 13px/23px "Open Sans",sans-serif;
    margin: 0 auto;
    padding: 10px;
    width: auto;
}

.blog-main .blog-right .blog-content .comment-row {
    border-top: 1px solid #d3d9db;
    margin: 88px 0 0;
    padding: 0;
    text-align: right;
}

.blog-main .blog-right .blog-content .comment-row h4 {
    background-color: #ffffff;
    color: #404040;
    float: right;
    font: italic 400 13px "Open Sans",sans-serif;
    position: relative;
    text-align: right;
    top: -15px;
    width: 98px;
}
/* -------------- bxslider --------- */
.bx-wrapper .bx-pager {
	bottom: -95px;
}
.bx-wrapper .bx-pager a {
	display: block;
	margin: 0 2px;
	padding: 0;
}
.bx-wrapper .bx-pager a:hover,  .bx-wrapper .bx-pager a.active {
	opacity: 0.7;
}
.bx-wrapper {
	margin-bottom: 120px;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #fff;
    border: 5px solid #fff;
    box-shadow: 0 0 5px #ccc;
    left: -5px;
    transform: translateZ(0px);
}

.page-align {
    margin: 30px auto 0;
    padding: 0;
    width: 100%;
}
.page-inner {
    margin-bottom: 30px !important;
    opacity: 1;
    padding: 10px !important;
    transition: margin-top 0.3s ease-in 0s;
}

.bx-wrapper .bx-controls-direction a {
    height: 32px;
    margin-top: -16px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 32px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
    background: url(../images/controls.png) no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
    left: 10px;
}
.bx-wrapper .bx-next {
    background: url(../images/controls.png) no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
    right: 10px;
}

.about-thumb {
    background: url(../images/thumb-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 223px;
    margin: -40px auto 0;
    padding: 0;
    position: relative;
    width: 222px;
}

.about-thumb img {
    border: 7px solid #d9f9f2;
    border-radius: 110px;
    margin: 10px 0 0 9px;
}

.about-entry {
    font-size: 13px;
    padding: 0;
	margin-top:20px;
}
.about-entry em {
    display: block;
    font: italic 400 16px "Open Sans",sans-serif;
    text-align: center;
}

.about-entry .about-title {
    display: block;
    font: 400 39px "Open Sans",sans-serif;
    padding-bottom: 20px;
    text-align: center;
}
p{ margin-top:15px;}

h1.page-title {
    font-weight:400;
	font-size: 22px;
    margin: 0;
    padding: 0 0 10px;
    text-transform: uppercase;
}

.custom_page {
    font-size: 24px;
    line-height: 24px;
    margin: 30px 0;
}

.custom_page span {
    display: block;
    font-size: 15px;
}
.contact-left {
    font: 400 14px/23px "Open Sans",sans-serif;
    margin: 50px 0 0;
    padding: 0;
}
.contact-left h2 {
    font: 300 31px/35px "Open Sans Condensed";
    margin: 0 0 20px;
    padding: 0;
}
.email a{ color:#ffffff;}

.contact-page-form {
    margin: 50px 0 0;
    padding: 0;
}
.contact-page-form .contact_request_form .msgarea{ width:90%;}
.contact_request_form input[type="submit"]{ margin-left:100px !important;}
.photoalbum .photo{ margin:0 10px !important;}
.photo-caption p{ margin:0 !important;}
.mix-hover-image, .mix-hover-video {
    display: none;
    height: 160px !important;
    width: 295px !important;
}
}