@font-face {
     font-family: 'Droid Arabic Naskh';
     font-style: normal;
     font-weight: 400;
     src: url(../../fonts/DroidNaskh-Regular.eot);
     src: url(../../fonts/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'), url(../../fonts/DroidNaskh-Regular.woff2) format('woff2'), url(../../fonts/DroidNaskh-Regular.woff) format('woff'), url(../../fonts/DroidNaskh-Regular.ttf) format('truetype');
}
body {
     font-family: 'Droid Arabic Naskh' !important;
}
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
 html {
     -webkit-text-size-adjust: none;
}
 :focus {
     outline: 0;
}
 ::selection {
     background: #63c6ae;
     color: #fff;
}
 ::-moz-selection {
     background: #63c6ae;
     color: #fff;
}
 ol, ul {
     list-style: none;
     margin: 0;
}
 table, th, td {
     border: none;
}
 table {
     border-collapse: separate;
     border-spacing: 0;
     border-width: 0px;
     margin-bottom: 0px;
     width: 100%;
}
 caption, th, td {
     font-weight: normal;
     text-align: right;
}
 th {
     border-width: 0 1px 1px 0;
     padding: 8px;
     text-transform: uppercase;
     color: #333;
     font-size: 17px;
     line-height: 24px;
}
 td {
     padding: 0px;
     border-width: 0px;
}
/* =Global ----------------------------------------------- */
 body, input, textarea {
     color: #777;
     font-size: 13px;
     word-wrap: break-word;
}
 body {
     background-color: #ececec;
}
 .wrapper {
     width: 100%;
     background-color: #e7e7df;
}
/* Headings */
 h1, h2, h3, h4, h5, h6 {
     color: #333;
}
 h1 {
     font-size: 28px;
     line-height: 35px;
}
 h2 {
     font-size: 26px;
     line-height: 33px;
}
 h3 {
     font-size: 24px;
     line-height: 31px;
}
 h4 {
     font-size: 22px;
     line-height: 29px;
}
 h5 {
     font-size: 20px;
     line-height: 27px;
}
 h6 {
     font-size: 17px;
     line-height: 24px;
     text-transform: uppercase;
}
/* No Border/Margin/Padding */
 .no-margin-top {
     margin-top: 0px !important;
}
 .no-margin-bottom {
     margin-bottom: 0px !important;
}
 .no-margin-left {
     margin-left: 0px !important;
}
 .no-margin-right {
     margin-right: 0px !important;
}
 .no-padding-top {
     padding-top: 0px !important;
}
 .no-padding-bottom {
     padding-bottom: 0px !important;
}
 .no-padding-left {
     padding-left: 0px !important;
}
 .no-padding-right {
     padding-right: 0px !important;
}
 .no-border-top {
     border-top: 0 none !important;
}
 .no-border-bottom {
     border-bottom: 0 none !important;
}
 .no-border-left {
     border-left: 0 none !important;
}
 .no-border-right {
     border-right: 0 none !important;
}
/* Horizontal Line */
 hr {
     border-color: rgba(0, 0, 0, 0.1);
     border-style: solid none none;
     border-width: 1px 0 0;
     height: 0;
     margin: 0 0 40px;
}
/* Text Elements */
 strong {
     font-weight: bold;
}
 cite, em, i {
     font-style: italic;
}
 pre {
     background-color: #f1f1f1;
     margin-bottom: 20px;
     overflow: auto;
     padding: 30px;
}
 abbr, acronym, dfn {
     border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
     cursor: help;
}
 address {
     display: block;
     margin: 0 0 1.625em;
}
 ins {
     background-color: #fff9c0;
     text-decoration: none;
     margin-bottom: 20px;
}
/* Superscript and Subscript */
 sup, sub {
     font-size: 10px;
     height: 0;
     line-height: 1;
     position: relative;
     vertical-align: baseline;
}
 sup {
     bottom: 1ex;
}
 sub {
     top: .5ex;
}
/* Blockquote */
 blockquote {
     font-style: italic;
     margin-bottom: 20px;
     background-color: #f1f1f1;
     padding: 30px 30px 15px 26px;
     border-radius: 5px;
     border-left: 4px solid #63c6ae;
}
 blockquote em, blockquote i, blockquote cite {
     font-style: normal;
}
 blockquote cite {
     letter-spacing: 2px;
     text-transform: uppercase;
}
/* Breadcrumb */
 .breadcrumb {
     float: right;
     text-align: right;
     margin-top: 5px;
     margin-bottom: 5px;
     font-size: 12px;
}
 .breadcrumb, .breadcrumb a, .breadcrumb a:hover {
     color: #fff;
     opacity: 0.7;
     filter: alpha(opacity=70);
}
 .breadcrumb, .breadcrumb a:hover {
     opacity: 1;
     filter: alpha(opacity=100);
}
/* Forms */
 input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], textarea, input[type="reset"], input[type="button"], input[type="submit"] {
     -webkit-appearance: none !important;
     appearance: none !important;
}
 input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], input[type="url"], input[type="date"], textarea {
     padding-right: 10px;
     padding-left: 40px;
     height: 42px;
     border: none;
     width: 100%;
     background-color: #fff;
}
 .SearchWrapper {
     position: relative;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="date"]:focus, textarea:focus {
     border-color: rgba(0, 0, 0, 0.15);
}
 input[type="reset"], input[type="button"], input[type="submit"] {
     border: none;
     cursor: pointer;
     color: #fff;
     height: 100%;
     display: block;
     text-align: center;
     position: absolute;
     width: 40px;
     top: 0;
     left: 0;
     background-color: #9ea19d;
     background-image: url(../negar/img/chevron-left.png);
     background-repeat: no-repeat;
     background-position: center;
     background-size: 40px;
}
 input.s {
     height: 22px;
     margin: 0;
     width: 130px;
     padding: 6px 8px;
     border-radius: 0;
}
 select {
     padding: 10px;
     border: 1px solid rgba(0, 0, 0, 0.05);
     margin: 0 0 30px;
     width: 50%;
     background-color: #f9f9f9;
     border-radius: 3px;
}
 input[type="radio"], input[type="checkbox"], input[type="file"] {
     margin-bottom: 30px;
}
 input[type="file"] {
     border: 0 none;
     cursor: pointer;
     font-weight: bold;
     display: block;
     text-align: center;
     height: 40px;
     border-radius: 3px;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 .searj {
     position: relative;
     top: 87px;
     padding: 0;
}
/* Links */
 a {
     color: #63c6ae;
     text-decoration: none;
     display: block;
}
 a:focus, a:active, a:hover {
     text-decoration: none;
}
/* Images */
 figure {
     margin: 0;
     text-align: center;
}
 img {
     max-width: 100%;
     height: auto;
     vertical-align: middle;
}
 .entry-content img, .comment-content img, .widget img {
     max-width: 100%;
}
 .pictorial img {
     max-width: 100%;
     width: 100%;
     display: block;
}
 img.size-full, img.size-large {
     max-width: 100%;
     height: auto;
}
 .entry-content img.wp-smiley {
     border: none;
     margin-bottom: 0;
     margin-top: 0;
     padding: 0;
}
 img.alignleft, img.alignright, img.aligncenter {
     margin-top: 20px;
     margin-bottom: 20px;
}
 img#wpstats {
     display: none;
}
/* Assistive text */
 .assistive-text, .screen-reader-text {
     position: absolute !important;
     clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
     clip: rect(1px, 1px, 1px, 1px);
}
/* Clearfix Hack */
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
/* close commented backslash hack */
 .clearfix-third, .clearfix-fourth {
     clear: both;
}
/* Readmore */
 a.readmore {
     color: #fff;
     display: inline-block;
     padding: 5px 25px 0;
     border-radius: 3px;
     padding: 1px 8px 2px;
     margin-bottom: 7px;
     float: right;
     background-color: #63C6AE;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 a.readmore:hover {
     background-color: #777;
}
 a.more-link:hover {
     text-decoration: underline;
}
/* Call To Action Button*/
 .call-to-action {
     color: #fff;
     font-size: 14px;
     line-height: 21px;
     font-weight: bold;
     text-transform: uppercase;
     display: inline-block;
     text-align: center;
     padding: 9px 20px 9px;
     border-radius: 3px;
     background-color: #63c6ae;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 .call-to-action:hover {
     background-color: #777;
}
/* Alignment */
 .alignleft {
     display: inline;
     float: left;
     margin-right: 20px;
}
 .alignright {
     display: inline;
     float: right;
     margin-left: 20px;
}
 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
/* =Header ----------------------------------------------- */
/* Header Info Bar */
 .info-bar {
     background-color: #555;
     color: #999;
     padding-bottom: 6px;
}
 .info-bar .info {
     float: left;
     padding: 7px 0 3px;
}
 .info-bar .info ul li {
     float: left;
     margin-right: 20px;
}

/* Hgroup Wrap */
 .hgroup-wrap {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
 #site-title {
     font-size: 28px;
     text-transform: uppercase;
     font-weight: normal;
     line-height: 35px;
     margin-top: 25px 
}
 #site-title a {
     color: #ffffff;
     display: block;
}
 #site-title a img {
     vertical-align: inherit;
     max-width: 978px;
     display: block;
}
 #site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
     color: #ffffff;
}
 #site-description {
     font-size: 12px;
     line-height: 12px;
     color: #999;
}
 .hgroup-right {
     top: 87px;
}
 .nav-menu {
     display: flex;
	 justify-content: space-around;
}
/* Header Image */
 .header-image {
     width: 100%;
     height: auto;
}
 .hgroup-right {
     padding-left: 0;
}
 .news .col-3 {
     padding-right: 0;
     height: 167.5px;
     width: 155.8px;
     padding-left: 10px;
     float: right;
     overflow: hidden;
}
 @media screen and (max-width: 768px) {
     .news .col-md-3 {
         width: 33.33%;
         margin-bottom: 15px;
    }
}
 .newsbtn {
     position: relative;
     padding: 1rem !important;
     text-align: left;
     height: 167.5px;
     margin: 13px 0;
     background-color: #6e716b;
}
 .newsbtn h2 {
     color: #fff;
}
 .newsbtn img {
     width: 50px;
     float: right;
}
 .log input {
     background-color: transparent;
     border: 1px solid #ddd;
     position: relative;
     margin: 10px 0;
     height: 25px;
}
 .log input[type=submit] {
     border: none;
     margin: 0;
     background-image: url(../negar/img/chevron-left-gray.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: 12px;
}
 .tabpic {
     height: 167.5px;
     width: 155.8px;
}
/* =Menu -------------------------------------------------------------- */
 #access {
     background-color: #000;
}
 #access li {
     position: relative;
     border-bottom: 1px solid #000;
     text-align: center;
}
 #access a {
     color: #ffffff;
     display: block;
     font-size: 12px;
     padding: 12px 16px;
	 cursor: pointer;
}
/* Dropdown */
 #access ul li ul {
     display: none;
     z-index: 9999;
}
 #access ul li:hover ul, #access ul li.activeli ul {
     display: block;
}
 #access ul li ul {
     position: absolute;
     background-color: #222;
     top: 100%;
	 width: 185px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25);
}
 #access ul li ul li {
	 width: auto;
}
 #access ul li ul li a, #access ul li.current-menu-item ul li a, #access ul li ul li.current-menu-item a, #access ul li.current_page_ancestor ul li a, #access ul li.current-menu-ancestor ul li a, #access ul li.current_page_item ul li a {
     font-size: 11px;
     height: 100%;
     padding: 12px 16px;
	 text-align: right;
}
 #access ul li ul li a:hover, #access ul li ul li:hover>a, #access ul li.current-menu-item ul li a:hover {
     background-color: #333;
     color: #ddd;
}
 #nav-right {
     padding: 0;
     margin: 13px 0 0;
}
 .log {
     background-color: #f0f0f0;
     padding: 17.5px 15px;
}
 .logb {
     background-color: #f0f0f0;
     padding: 5px 15px;
}
 .logb input {
     background-color: transparent;
     border: 1px solid #ddd;
     height: 25px;
     margin: 4.13px 0;
}
 .logb .logputsub {
     position: relative;
     border: none;
     margin: 0;
     background-image: url(../negar/img/chevron-left-gray.png);
     background-position: left;
     background-repeat: no-repeat;
     background-size: 12px;
}
 .log img {
     width: 30px;
}
 .logindiv {
     background-color: #929490;
     padding: 5px 15px;
     font-size: 12px;
     color: #fff;
}
 .home .container .col-md-2 {
     padding: 0;
}
 .home .col-md-3 {
     padding-right: 0;
}
 .btmmenu ul li {
     display: inline-block;
     border-left: 1px solid #ddd;
     padding: 0 2px;
     color: #222;
	 font-size: 10px;
}
 .btmmenu ul li:last-child {
     border-left: none;
}
 .sharediv {
     margin-top: 13px;
     text-align: center;
}
 .sharediv ul li {
     display: inline-block;
     padding: 0 9px;
}
 .sharediv ul li img {
     width: 20px;
}
 .foooter {
     background-color: #f1f1f1;
     text-align: center;
     padding: 10px;
}
 .foooter p {
     display: inline-block;
}
 .foooter img {
     width: 65px;
}
 .designer {
     padding: 22px 0 !important;
}
/* Slogan */
 .slogan-wrap {
     background-color: #3e433c;
     padding-top: 30px;
     position: relative;
}
 .slogan-wrap .slogan {
     font-size: 30px;
     font-weight: bold;
     line-height: 37px;
     color: #fff;
     text-transform: uppercase;
     text-align: center;
}
 .slogan-wrap .slogan span {
     font-size: 17px;
     line-height: 24px;
     display: block;
     padding-top: 5px;
     text-transform: none;
     font-weight: normal;
}
/* =Featured Slider -------------------------------------------------------------- */
 #jssor_1 img {
     height: 350px;
}
 .featured-slider {
}
 .featured-slider, .featured-slider .slider-cycle, .featured-slider .container {
}
 .featured-slider .displayblock {
     display: block;
}
 .featured-slider .displaynone {
     display: none;
}
 .featured-text {
     position: absolute;
     bottom: 0;
     width: 100%;
     left: 0;
}
 .featured-text .featured-title {
     font-size: 30px;
	 margin-bottom: 0;
     padding: 10px 20px;
     background-color: rgba(0, 0, 0, 0.6);
     color: #fff;
}
 .featured-text .featured-title a {
     color: #fff;
     display: inline-block;
}
 .featured-text .featured-content {
     padding: 15px 20px;
     background-color: #fff;
     background-color: rgba(255, 255, 255, 0.9);
     color: #777;
     clear: left;
}
/* Controllers */
 #controllers {
     text-align: center;
     line-height: 0;
     position: absolute;
     width: 100%;
     bottom: 15px;
     z-index: 9999;
}
 #controllers a {
     width: 13px;
     height: 13px;
     margin: 0 4px;
     overflow: hidden;
     display: inline-block;
     border-radius: 10px;
     border: 2px solid #63c6ae;
     color: #fff;
     text-indent: -100px;
}
 #controllers a:hover, #controllers a.active {
     background-color: #63c6ae;
     color: #63c6ae;
}
/* Search Form */

 #search-box {
     position: absolute;
     padding: 10px;
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
     z-index: 10000;
     right: -9px;
     top: 80px;
}
 .hide {
     display: none;
}
 #search-box .arrow {
     height: 10px;
     width: 10px;
     display: block;
     transform: rotate(45deg);
     border-width: 1px 0 0 1px;
     border-style: solid;
     border-color: rgba(0, 0, 0, 0.1);
     background-color: #fff;
     position: absolute;
     right: 13px;
     top: -6px;
}
 #search-box input.s {
     border-right: 0 none;
     float: left;
}
 #search-box .search-submit {
     padding: 0 10px;
     height: 36px;
     border-radius: 0;
     margin: 0;
     float: right;
}
/* =Content ----------------------------------------------- */
 #main {
     padding: 5px 0 10px;
     clear: both;
}
 #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
     padding-bottom: 15px;
}
 #content ul {
     list-style-type: disc;
}
 #content ul, #content ol {
     margin: 0 0 20px 30px;
}
 #content ul a, #content ol a {
     color: #777;
}
 #content ul a:hover, #content ol a:hover {
     text-decoration: none;
     color: #63C6AE;
}
 #content ol {
     list-style-type: decimal;
}
 #content ol ol {
     list-style: upper-alpha;
}
 #content ol ol ol {
     list-style: lower-roman;
}
 #content ol ol ol ol {
     list-style: lower-alpha;
}
 #content ul ul, #content ol ol, #content ul ol, #content ol ul {
     margin-bottom: 0;
}
 .service-item {
     padding-bottom: 10px;
}
 .service-item .service-icon, .service-item .service-icon img {
     width: 90px;
     height: 90px;
     border-radius: 50px;
}
 .service-item .service-icon {
     display: block;
     margin: 0 auto;
     border: 2px solid #63c6ae;
}
 #content .service-item .service-title {
     font-weight: bold;
     font-size: 17px;
     text-transform: uppercase;
     line-height: 24px;
     display: block;
     overflow: hidden;
     padding-top: 10px;
     padding-bottom: 0;
}
 #primary {
     float: left;
     margin-left: 3.06%;
     width: 65.64%;
}
 #content .post {
     padding-bottom: 50px;
}
 #content .sticky {
     background-color: #f2f2f2;
     padding: 20px;
     margin-bottom: 50px;
}
 #content .sticky .post-featured-image .arrow {
     background-color: #f2f2f2;
}
 .page-title-wrap {
     background-color: #63C6AE;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding: 20px 0;
     margin-top: -1px;
}
 .page-title {
     font-size: 22px;
     line-height: 29px;
     color: #fff;
     font-weight: normal;
     float: left;
     padding-top: 2px;
}
 .page-title a {
     color: #fff;
}
/* Entry Header */
 .entry-header {
     padding-bottom: 10px;
}
/* Entry Title */
 #content .entry-title {
     padding-bottom: 5px;
}
 .entry-title {
     font-size: 22px;
     font-weight: normal;
     text-transform: none;
     line-height: 29px;
}
 .entry-title, .entry-title a {
     color: #333;
}
 .entry-title a:hover, .entry-title a:focus, .entry-title a:active {
     color: #63C6AE;
}
/* Entry Meta */
 .entry-meta, .entry-meta a {
     color: #999;
}
 .entry-meta a:hover, .entry-meta .cat-links a:hover {
     color: #63C6AE;
}
 .entry-meta .cat-links, .entry-meta .cat-links a {
     text-transform: uppercase;
     color: #333;
     font-weight: bold;
}
 .entry-meta .cat-links a {
     padding-bottom: 10px;
     display: inline-block;
}
 .entry-meta .by-author, .entry-meta .date, .entry-meta .comments {
     float: left;
     margin-right: 15px;
     margin-bottom: 5px;
}

 footer.entry-meta {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding: 7px 0 0;
     clear: both;
}
 footer.entry-meta .tag-links {
     float: left;
     max-width: 88%;
}
 footer.entry-meta a.readmore {
     color: #fff;
}
/* Tag Links */
 .tag-links a {
     position: relative;
     float: left;
     height: 20px;
     padding: 0 9px;
     margin-top: 1px;
     margin-left: 14px;
     margin-bottom: 7px;
     font-size: 11px;
     line-height: 20px;
     color: #fff;
     background-color: #999;
     border-bottom-right-radius: 3px;
     border-top-right-radius: 3px;
}
 .tag-links a:before, .tag-links a:after {
     content: "";
     float: left;
     position: absolute;
}
 .tag-links a:before {
     top: 0;
     left: -9px;
     width: 0;
     height: 0;
     border-color: transparent #999 transparent transparent;
     border-style: solid;
     border-width: 10px 9px 10px 0;
}
 .tag-links a:after {
     top: 8px;
     left: 0;
     width: 4px;
     height: 4px;
     border-radius: 2px;
     background-color: #fff;
}
 .tag-links a:hover {
     background-color: #63C6AE;
     color: #fff;
}
 .tag-links a:hover:before {
     border-color: transparent #63C6AE transparent transparent;
}
/* Post Featured Image */
 .post-featured-image {
     margin-bottom: 15px;
     max-width: 708px;
     position: relative;
     text-align: left;
}
 .post-featured-image a {
     display: block;
}
 .post-featured-image .arrow, .wp-caption .arrow {
     height: 15px;
     width: 15px;
     display: block;
     transform: rotate(45deg);
     background-color: #fff;
     position: absolute;
     left: 15px;
     bottom: -8px;
}
/* Entry Content */
 .entry-content {
     padding-bottom: 5px;
     display: block;
     overflow: hidden;
}
 .entry-content dt, .comment-content dt {
     font-weight: bold;
}
 .entry-content dd, .comment-content dd {
     margin-bottom: 20px;
}
 .entry-content th, .comment-content th {
     font-size: 17px;
     line-height: 24px;
     text-transform: uppercase;
}
 .entry-content td, .comment-content td {
     padding: 8px;
}
 .wp-video {
     margin-bottom: 20px;
}
/* Sidebar */
 #secondary {
     float: left;
     margin-left: 3.06%;
     width: 31.28%;
}
/* Left Sidebar Template */
 .left-sidebar-template #primary {
     float: right;
}
 .left-sidebar-template #secondary {
     float: left;
}
/* No Sidebar Template */
 .no-sidebar-template #content {
     width: 708px;
     margin: 0 auto;
}
/* Full Width Template */
 .full-width-template .post-featured-image {
     max-width: 100%;
}
/* Custom Gallery Page */
 .custom-gallery #main {
     padding-bottom: 20px;
}
 #content .gal-filter {
     list-style: none;
     margin-left: 0;
}
 #content .gal-filter li {
     display: inline-block;
     padding: 0 8px;
}
 #content .gal-filter li.active a {
     color: #63C6AE;
}
 .custom-gallery #main .column {
     margin-left: -30px;
}
 .custom-gallery #main .one-half, .custom-gallery #main .one-third, .custom-gallery #main .one-fourth {
     margin-left: 30px;
}
 .custom-gallery #main .one-half {
     width: 474px;
}
 .custom-gallery #main .one-third {
     width: 306px;
}
 .custom-gallery #main .one-fourth {
     width: 222px;
}
 #content .custom-gallery-title, .custom-gallery-title a {
     font-weight: bold;
     font-size: 17px;
     line-height: 24px;
     text-align: center;
     color: #333;
     padding-bottom: 0;
     text-transform: uppercase;
}
 .custom-gallery-title a:hover {
     color: #63c6ae;
}
/* Blog Medium Page */
 .blog-medium .post-featured-image {
     width: 34.57%;
     float: left;
     margin-right: 4.67%;
}
 .blog-medium .post-featured-image .arrow {
     top: -8px;
     bottom: 0;
}
/* Contact Page */
 .contact #primary .form label {
     display: block;
     padding-bottom: 5px;
}
 .wpcf7 p {
     margin-bottom: 0;
}
/* Single Page */
 .single footer.entry-meta .tag-links {
     float: none;
     width: 100%;
}
/* Narrow Layout */
 .narrow-layout .wrapper {
     max-width: 1038px;
     margin: 0 auto;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
 .narrow-layout .featured-text {
     bottom: 60px;
}
 .narrow-layout #colophon {
     margin-bottom: 30px;
}
/* =Attachments ----------------------------------------------- */
 .image-attachment div.attachment {
     background-color: #f9f9f9;
     border: 1px solid #ddd;
     border-width: 1px 0;
     margin: 0 -8.9% 1.625em;
     overflow: hidden;
     padding: 1.625em 1.625em 0;
     text-align: center;
}
 .image-attachment div.attachment img {
     display: block;
     height: auto;
     margin: 0 auto 1.625em;
     max-width: 100%;
}
 .image-attachment div.attachment a img {
     border-color: #f9f9f9;
}
 .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
     border-color: #ddd;
     background-color: #fff;
}
 .image-attachment .entry-caption p {
     font-size: 10px;
     letter-spacing: 0.1em;
     line-height: 2.6em;
     margin: 0 0 2.6em;
     text-transform: uppercase;
}
/* =Comments -------------------------------------------------------------- */
 #content .comments-area ul, #content .comments-area ol, .comments-area article {
     margin: 0 0 30px 20px;
}
 .comments-area article header {
     margin-bottom: 20px;
     overflow: hidden;
     position: relative;
}
 .comments-area article header img {
     float: left;
     padding: 0;
     line-height: 0;
}
 .comments-area article header cite, .comments-area article header time {
     display: block;
     margin-left: 70px;
}
 .comments-area article header cite {
     font-style: normal;
     line-height: 1.42857143;
}
 .comments-area article header time {
     text-decoration: none;
     font-size: 13px;
}
 .comments-area article header a {
     text-decoration: none;
}
 .comments-area article header cite a:hover {
     text-decoration: underline;
}
 #content .comments-area article header h4 {
     position: absolute;
     top: 0;
     right: 0;
     padding: 5px 20px;
     font-size: 16px;
     font-weight: normal;
     color: #fff;
     border-radius: 3px;
     background-color: #63c6ae;
}
 .comments-area li.bypostauthor cite span {
     position: absolute;
     margin-left: 5px;
     font-size: 13px;
}
 .comments-area .comment-content p {
     margin-bottom: 10px;
}
 a.comment-reply-link {
     font-size: 13px;
}
 .commentlist .pingback {
     margin-bottom: 30px;
}
 .commentlist .children {
     margin-left: 30px;
}
/* Comment form */
 .commentlist #respond {
     margin: 20px 0 30px;
}
 #respond h3#reply-title #cancel-comment-reply-link {
     margin-left: 10px;
     font-weight: normal;
     font-size: 13px;
}
 #respond form label {
     display: block;
     line-height: 1.714285714;
}
 #respond form input[type="text"], #respond form textarea {
     padding: 10px;
     width: 100%;
     margin-bottom: 0;
}
 #respond .form-submit, #respond .form-submit input {
     margin-bottom: 0;
}
 .required {
     color: red;
}
 label~span.required {
     display: block;
     float: left;
     margin: -18px 0 0 -16px;
     margin: -1.285714286rem 0 0 -1.142857143rem;
}
/* Image borders */
 .img-border {
     background-color: #fff;
     padding: 5px;
     border: 1px solid #ccc;
}
/* =Pagination -------------------------------------------------------------- */
 #wp_page_numbers, .wp-pagenavi, #content ul.default-wp-page, .pagination {
     margin-bottom: 50px;
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding: 7px 0;
}
 #wp_page_numbers ul {
     list-style-type: none;
     list-style-image: none;
     margin: 0;
     float: right;
}
 #wp_page_numbers ul li {
     float: left;
     margin-left: 7px;
}
 #wp_page_numbers ul li.page_info, .wp-pagenavi .pages {
     padding: 3px 8px 0;
     color: #999;
}
 #wp_page_numbers ul li a, .wp-pagenavi .current, .wp-pagenavi a, ul.default-wp-page li a, .pagination span {
     color: #777;
     display: block;
     float: left;
     background-color: #f9f9f9;
     border-radius: 3px;
     padding: 1px 8px 2px;
}
 #wp_page_numbers ul li a:hover, #wp_page_numbers ul li.active_page a, .wp-pagenavi .current, .wp-pagenavi a:hover, ul.default-wp-page li a:hover, .pagination span {
     color: #fff;
     background-color: #63C6AE;
}
/* wp-pagenavi */
 .wp-pagenavi {
     text-align: center;
}
 .wp-pagenavi .pages {
     padding: 3px 7px 0;
}
 .wp-pagenavi .current, .wp-pagenavi a {
     display: inline-block;
     float: none;
     margin-left: 4px;
}
/* Default wp-page */
 #content ul.default-wp-page {
     margin-left: 0;
     list-style: none;
     padding-bottom: 0;
}
 ul.default-wp-page li {
     padding-bottom: 7px;
}
 ul.default-wp-page li.previous {
     float: left;
}
 ul.default-wp-page li.next {
     float: right;
}
 ul.default-wp-page li a {
     display: inline-block;
}
 ul.default-wp-page li a:hover {
     color: #fff !important;
}
/* Single pagination */
 .pagination {
     text-align: center;
     color: #999;
}
 .pagination span {
     display: inline-block;
     float: none;
     margin-left: 3px;
}
 .pagination a span {
     background-color: inherit;
     color: #777;
}
 .pagination a:hover span {
     background-color: #f9f9f9;
}
/* =bbPress ----------------------------------------------- */
 #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
     font-size: 13px;
}
 #bbpress-forums div.bbp-search-form {
     float: none;
     text-align: center;
}
 #bbpress-forums ul, #bbpress-forums ol {
     margin: 0;
}
 #bbpress-forums #bbp-search-form #bbp_search {
     width: 70%;
     border-radius: 0px;
     border-right: 0 none;
}
 #bbpress-forums #bbp-search-form #bbp_search_submit {
     padding: 0 3%;
     height: 42px;
     margin-left: -4px;
     border-radius: 0px;
     border-right: 0 none;
     display: inline-block;
     margin: 0 0 0 -3px;
}
 #bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
     display: inline-block;
     line-height: 20px;
     margin-top: 5px;
}
 div.bbp-search-form input, div.bbp-search-form button {
     padding: 10px;
}
 div.bbp-search-form input, div.bbp-search-form button {
     font-size: 14px;
}
 #bbpress-forums button {
     border: 0 none;
     cursor: pointer;
     margin-bottom: 10px;
     color: #fff;
     font-weight: bold;
     text-transform: uppercase;
     display: block;
     text-align: center;
     height: 40px;
     padding: 0px 20px;
     border-radius: 3px;
     background-color: #63c6ae;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 #bbpress-forums button:hover {
     background-color: #777;
}
/* =Widgets ----------------------------------------------- */
 .widget {
     margin-bottom: 50px;
}
 .widget ul li a {
     color: #777;
}
 .widget ul li a:hover {
     color: #63C6AE;
}
 .widget-title {
     font-size: 17px;
     text-transform: uppercase;
     line-height: 24px;
     padding-bottom: 15px;
}
 .widget-title, .widget-title a {
     color: #333;
}
 .widget-title a:hover {
     color: #63c6ae;
}
 .business-layout .widget-title {
     font-weight: bold;
     font-size: 22px;
     line-height: 29px;
}
/* Search Widget */
 .widget_search input.s {
     width: 68%;
     height: 40px;
     float: left;
     border-right: 0 none;
}
 .widget_search .search-submit {
     border-radius: 0;
     margin: 0;
}
/* Calendar Widget */
 .widget_calendar #wp-calendar {
     width: 95%;
     text-align: center;
}
 .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
     text-align: center;
}
 .widget_calendar #wp-calendar caption {
     font-size: 11px;
     font-weight: 500;
     padding: 5px 0 3px 0;
     text-transform: uppercase;
}
 .widget_calendar #wp-calendar th {
     background-color: #f4f4f4;
     font-weight: bold;
}
 .widget_calendar #wp-calendar tfoot td {
     background-color: #f4f4f4;
}
/* Article Widget */
 .widget_article {
     margin-bottom: 30px;
}
 .widget_article .article-title a:hover {
     text-decoration: underline;
}
 .widget_article .post {
     padding-bottom: 20px;
}
 .widget_article .article-content p {
     margin-bottom: 0px;
}
/* Recent Entries/Comments widget */
 .widget_recent_entries ul li, .widget_recent_comments ul li {
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     padding: 5px 0;
}
/* Testimonial Widget */
 .widget_testimonial {
     margin-bottom: 20px;
}
 .widget_testimonial .widget-title {
     text-align: center;
}
 .widget_testimonial .testimonial-image {
     float: left;
     margin-right: 20px;
     width: 84px;
     height: 84px;
}
 .widget_testimonial .testimonial-image img {
     border-radius: 50px;
}
 .widget_testimonial .testimonial-content {
     display: block;
     overflow: hidden;
}
 .widget_testimonial .testimonial-meta a {
     display: inline;
}
 .widget_testimonial .testimonial-meta a:hover {
     text-decoration: underline;
}
/* Tag Cloud Widget */
 .widget_tag_cloud a {
     margin-right: 5px;
     color: #777;
     padding: 10px 0;
}
 .widget_tag_cloud a:hover {
     color: #63C6AE;
}
/* Custom Tag Cloud Widget */
 .widget_custom-tagcloud {
     margin-bottom: 42px;
}
 .widget_custom-tagcloud a {
     margin: 0 4px 8px 0;
     background-color: #F9F9F9;
     border-radius: 3px;
     display: inline-block;
     padding: 1px 8px 2px;
     color: #777;
}
 .widget_custom-tagcloud a:hover {
     color: #fff;
     background-color: #63C6AE;
}
/* Service Widget */
 .widget_service {
     margin-bottom: 0;
     padding-bottom: 10px;
}
 .widget_service p {
     margin-bottom: 10px;
}
 .widget_service .service-item, .widget_service p, .widget_service .more-link {
     text-align: center;
}
/* Recent Work Widget */
 #interface_recent_work_widget-1 .one-fourth {
     min-height: 270px;
     padding-bottom: 0px;
}
 .widget_recent_work .call-to-action {
     max-width: 180px;
     margin-bottom: 15px;
     display: inline-block;
}
 .widget_recent_work .custom-gallery-title a {
     margin-bottom: 5px;
}
 .widget_recent_work .custom-gallery-title, .widget_recent_work .custom-gallery-title a {
     text-align: left;
}
/* Our Clients Widget */
 .widget_ourclients {
     margin-bottom: 0;
     padding: 20px 0;
     background-color: #f1f1f1;
}
 .widget_ourclients ul {
     margin: 0;
     text-align: center;
}
 .widget_ourclients ul li {
     margin: 0 10px;
     display: inline-block;
     max-width: 200px;
}
 .widget_ourclients ul li a {
     display: block;
     opacity: 0.8;
     filter: alpha(opacity=80);
}
 .widget_ourclients ul li a:hover {
     opacity: 1;
     filter: alpha(opacity=100);
}
/* Promotional Bar Widget */
 .widget_promotional_bar {
     background-color: #f1f1f1;
     padding: 30px 30px 30px 26px;
     border-radius: 5px;
     border-left: 4px solid #63c6ae;
}
 .widget_promotional_bar .promotional-text {
     font-size: 17px;
     line-height: 24px;
     font-weight: bold;
     text-transform: uppercase;
     color: #333;
     width: 80%;
     float: left;
}
 .widget_promotional_bar .promotional-text span {
     font-size: 13px;
     line-height: 20px;
     font-weight: normal;
     text-transform: none;
     display: block;
     padding-top: 6px;
     color: #777;
}
 .widget_promotional_bar .call-to-action {
     float: right;
     padding-left: 25px;
     padding-right: 25px;
     margin-top: 6px;
}
/* WP Caption */
 .wp-caption {
     margin-bottom: 20px;
     max-width: 100%;
}
 .wp-caption a {
     display: block;
     position: relative;
}
 .wp-caption .wp-caption-text, .gallery-caption {
     font-style: italic;
}
 .wp-caption .wp-caption-text {
     margin-bottom: 0;
     padding: 10px 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* =Footer ----------------------------------------------- */
 #colophon .widget-wrap {
     background-color: #262626;
     color: #888;
}
 #colophon .widget-area {
     margin-left: -3.06%;
     padding: 50px 0 10px;
}
 #colophon .one-third {
     padding-bottom: 0;
}
 #colophon .widget {
     margin-bottom: 40px;
}
 #colophon .widget ul li a {
     color: #888;
}
 #colophon .widget ul li a:hover {
     color: #63c6ae;
}
 #colophon .widget_archive ul li a, #colophon .widget_pages ul li a, #colophon .widget_nav_menu ul li a, #colophon .widget_recent_entries ul li a, #colophon .widget_categories ul li a, #colophon .widget_recent_comments ul li a, #colophon .widget_meta ul li a, #colophon .widget_rss ul li a {
     padding: 4px 0 6px 10px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     display: block;
}
 #colophon .widget_archive ul ul li a, #colophon .widget_pages ul ul li a, #colophon .widget_nav_menu ul ul li a, #colophon .widget_recent_entries ul ul li a, #colophon .widget_categories ul ul li a, #colophon .widget_recent_comments ul ul li a, #colophon .widget_meta ul ul li a, #colophon .widget_rss ul ul li a {
     padding-left: 20px;
}
 #colophon .widget_archive ul ul ul li a, #colophon .widget_pages ul ul ul li a, #colophon .widget_nav_menu ul ul ul li a, #colophon .widget_recent_entries ul ul ul li a, #colophon .widget_categories ul ul ul li a, #colophon .widget_recent_comments ul ul ul li a, #colophon .widget_meta ul ul ul li a, #colophon .widget_rss ul ul ul li a {
     padding-left: 30px;
}
 #colophon .widget-title {
     font-size: 17px;
     text-transform: uppercase;
     line-height: 24px;
     color: #ccc;
     font-weight: bold;
}
 #colophon .widget_article {
     margin-bottom: 20px;
}
/* Footer Info Bar */
 #colophon .info-bar {
     background-color: #2c2c2c;
     padding-bottom: 5px;
     color: #888;
}
 #colophon .info-bar .info {
     float: none;
     text-align: center;
}
 #colophon .info-bar .info ul li {
     float: none;
     display: inline-block;
     font-size: 14px;
     line-height: 34px;
     font-weight: bold;
}
 #colophon .info-bar .info ul li a {
     color: #888;
}
 #colophon .info-bar .info ul li:before {
     font-size: 32px;
     width: 32px;
     height: 32px;
     line-height: 32px;
     font-weight: normal;
}
/* Site Generator */
 #site-generator {
     padding: 30px 0px;
     color: #666;
     background-color: #1a1a1a;
}
 #site-generator .social-profiles {
     width: 31.28%;
}
 #site-generator .social-profiles ul {
     margin: -10px 0 0;
}
 #site-generator .social-profiles ul li {
     margin-top: 10px;
}
 #site-generator .copyright {
     float: left;
     padding-top: 2px;
     width: 65.64%;
}
 #site-generator .copyright a {
     color: #888;
}
 #site-generator .copyright a:hover {
     color: #63c6ae;
}
 h1, h2, h3, h4 {
     word-spacing: -3px;
}
 #site-logo {
     text-align: center;
}
 #access ul li ul {
     right: 0;
     left: auto;
}
 #access ul li ul li ul {
     right: 190px;
     left: auto;
}
 .featured-text .featured-content {
     clear: right;
}
 .widget_promotional_bar .promotional-text {
     float: right;
}
 .widget_promotional_bar .call-to-action {
     float: left;
}
 .widget_testimonial .testimonial-image {
     float: right;
     margin-left: 20px;
     margin-right: 0;
}
 .widget_recent_work .custom-gallery-title, .widget_recent_work .custom-gallery-title a {
     text-align: right;
}
 .page-title {
     float: right;
}
 .widget_search input.s {
     border-right: 1px solid rgba(0, 0, 0, 0.05);
     float: right;
}
 .comments-area article header img {
     float: right;
}
 .comments-area article header cite, .comments-area article header time {
     margin-right: 55px;
     margin-left: 0;
}
 #controllers {
     direction: ltr;
}
 .info-bar .info {
     float: right;
}
 .info-bar .info ul li {
     float: right;
     margin-left: 20px;
     margin-right: 0;
}
 .info-bar .info ul li:before {
     margin-left: 5px;
     margin-right: 0;
}
 .social-profiles, .social-profiles ul {
     float: left;
     color: #ffffff;
     margin-top: 8px;
}
 .social-profiles ul li {
     margin: 6px 5px 0 0;
     float: right;
}
 #site-generator .copyright {
     float: right;
}
 .slogan-wrap .slogan {
     font-weight: normal;
}
 #content .service-item .service-title {
     font-weight: normal;
}
 .widget_promotional_bar .promotional-text {
     font-weight: normal;
}
 .business-layout .widget-title {
     font-weight: normal;
}
 #content .custom-gallery-title, .custom-gallery-title a {
     font-weight: normal;
}
 .call-to-action {
     font-weight: normal;
}
 #colophon .widget-title {
     font-weight: normal;
}
 #colophon .info-bar .info ul li {
     font-weight: normal;
}
 .featured-text .featured-title, .featured-text .featured-content {
     font-style: normal;
}
 ul.default-wp-page li.previous {
     float: right;
}
 ul.default-wp-page li.next {
     float: left;
}
 a.readmore {
     float: left;
}
 footer.entry-meta .tag-links {
     float: right;
}
 .tag-links a {
     float: right;
     margin-right: 14px;
     margin-left: 0;
}
 .entry-meta .by-author, .entry-meta .date, .entry-meta .comments {
     float: right;
     margin-left: 15px;
     margin-right: 0;
}
 .entry-meta .by-author a:before, .entry-meta .date a:before, .entry-meta .comments a:before {
     margin-left: 3px;
     margin-right: 0;
}
 .menu-toggle {
     float: left;
}
/* All Mobile Portrait size smaller than 768 (devices and browsers) */
 @media only screen and (max-width: 992px) {
	 #access ul li ul {
		 position: relative;
		 width: auto;
		 border-bottom: 4px solid #fff;
		 border-top: 4px solid #fff;
	 }
	 .hgroup-right {
		 top: 1px;
		 padding-right: 0;
	 }
	 .searj {
		 top: 1px;
	 }
     .nav-menu {
         display: block;
    }
     #access a {
         padding: 8px 0;
    }
     #access li {
         width: 100%;
    }
     .featured-slider {
         display: none;
    }
}
/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
 @media only screen and (max-width: 768px) {
     .news .col-3 {
         width: 100%;
         margin-bottom: 10px;
         text-align: center;
    }
}