/*
Theme Name: One Page
Theme URI: http://www.inkthemes.com/one-page-wordpress-org/
Description: One Page is a single-page theme that displays all the essential features of your website on the home page. It makes easy for the users to get all the required information within a single page. One Page is a professional and outstanding responsive business WordPress Theme. One Page was built keeping the simplicity of design in mind. The whole interface of the One Page Theme is clutter free and the place for the most important business content is provided.
You just need to create your pages that will automatically appear on the home page. All page names will be displayed on menu bar. When users click on the particular menu option, they will get redirected to that particular section on the home page. No page browsing. No page loading. It's quick, easy and simple.
Author: InkThemes.com
Author URI: http://www.inkthemes.com
Version: 1.2.3
License: GNU General Public License
License URI: license.txt
Text Domain: one-page
Tags: blue, two-columns, responsive-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, editor-style, custom-menu
*/
/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
@import url(css/reset.css);
@import url(css/fluid_grid_1140.css);
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-regular-webfont.woff') format('woff'),
        url('fonts/roboto-regular-webfont.ttf') format('truetype'),
        url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-light-webfont.woff') format('woff'),
        url('fonts/roboto-light-webfont.ttf') format('truetype'),
        url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/roboto-medium-webfont.woff') format('woff'),
        url('fonts/roboto-medium-webfont.ttf') format('truetype'),
        url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1.47;
    font-family: 'robotolight', sans-serif;
    font-size:17px;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    color:#444;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
.sticky{
}
.gallery-caption{
}
/*-----------------------------------------------------------------------------------*/
/*	1. #Common Styles
/*-----------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
    font-family: 'robotoregular', serif;
    margin:17px 0;
    line-height: 31px;
}

h1 {
    font-size: 1.412em;
}

h2 {
    font-size: 1.294em;
}

h3 {
    font-size: 1.176em;
}

h4 {
    font-size: 1.059em;
}

h5 {
    font-size: 0.941em;
}

h6 {
    font-size: 0.824em;
}

textarea:focus, input:focus{
    outline: 0;
}
blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 60px;
    min-height: 40px;
    background: url(images/blockqoute.png) no-repeat;
}

p {
    color: #1d1d1d;
    padding-bottom:15px;
    line-height: 24px;
}

ul, ol {
    padding: 0 0 0 20px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

table {
    width: 100%;
    background: #fff;
}
table td, table th {
    padding: 8px;
    border: 1px solid #d5d6d7;
    text-align: left;
}
table th {
    background: #49cae6;
    font-weight: normal;
    color: #fff;
}

table caption {
    padding: 1em 0;
    text-align: center;
}

dt {
    font-weight: bold;
}

dd {
    line-height: 1.4;
    margin: 4px 0 0;
    padding: 0 0 .5em 0;
}
/*  select styling */
select {
    padding:7px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #075f72, 0 -1px #075f72 inset;
    -moz-box-shadow: 0 3px 0 #075f72, 0 -1px #075f72 inset;
    box-shadow: 0 3px 0 #075f72, 0 -1px #075f72 inset;
    background: url(images/down_arrow_select.jpg) right no-repeat #22b0cf;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width: 100%;
}
option {
    background: #fff;
    width:100%;
    color:#000;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}


/*  select styling ends*/
.index_titles{
    font-size: 2.353em;
    text-align:center;
    padding-top:27px;
    padding-bottom:27px;
    border-top:1px solid #18879f;
    border-bottom:1px solid #18879f;
    line-height:41px;
    color: #fff;
}
.index_titles.blog {
    text-align:left;
    color: #fff;
}
h1.index_titles {
    margin-top: 0;
    margin-bottom: 0;
}

#crumbs a{
    color: #fff;
}

.homepage_nav_title {
    background:#087f99;
    color:#fff;
}

.font_champagne{
    font-family: 'robotolight', serif;
}

:-ms-input-placeholder {
    font-size: 1.176em;
    font-weight:normal;
    color: #000;
}

:-moz-placeholder {
    font-size: 1.176em;
    font-weight:normal;
    color: #000;
}

::-moz-placeholder {
    font-size: 1.176em;
    font-weight:normal;
    color: #000;
}

:-ms-input-placeholder {
    font-size: 1.176em;
    font-weight:normal;
    color: #000;
}

input,textarea
{
    padding:18px 10px 13px 10px;
    border:2px solid #58abbd;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    box-shadow: inset 0px 4px 6px #BDB4B4;
    -webkit-box-shadow: inset 0px 4px 6px #BDB4B4;
    -moz-box-shadow: inset 0px 4px 6px #BDB4B4;
    width:auto;
    line-height: 16px;
}

textarea{
    height:auto;
}

input[type="submit"]{
    border:none;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    border-bottom:4px solid #075f72;
    border-bottom-width:5px;
    background:#22b0cf;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight:bold;
    color:#fff;
    width:auto;
    transition: background-color 0.2s ease-in;
    cursor:pointer;
}

input[type="submit"]:hover{

    background:#1c9ab5;
}

.input_shadow {
    box-shadow: 0px -2px 3px #7cd0e3;
}

.default_bg {
    background:url('images/featured_bg.png');
    overflow:hidden;
}

/* *****search form*****/
.search-box {
    position: relative;
    width: 100%;
    margin: 0;
    margin-top:30px;
}
input.search-text {
    font-size: 0.824em;
    color: #000;
    border-width: 0;
    background: #ffffff;
    padding:7px 9px 8px 9px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width:218px;
    line-height: 22px;
}

input[type="submit"].search-button {
    position: absolute;
    top: 5px;
    left: 201px;
    background:#20b9da url('images/search_icon.png') no-repeat center;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight:bold;
    color:#fff;
    width:32px;
    height:25px;
    transition: background-color 0.2s ease-in;
}
input[type="submit"].search-button:hover {
    background:#1c9ab5 url('images/search_icon.png') no-repeat center;
}
/*-----------------------------------------------------------------------------------*/
/*	2. # Top Social Header Styles
/*-----------------------------------------------------------------------------------*/

.social_wrapper{
    background:#3b4043;
    color:#fff;
    height:auto;
    height: 39px;
}
.social_icons {
    margin-top:10px;
    margin-bottom:11px;
    float:right;
}

.social_icons .social_logos li.tw a {
    background: url(images/twitter.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.tw a:hover {
    background: url(images/twitter.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.fb a {
    background: url('images/facebook.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.fb a:hover {
    background: url('images/facebook.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.gp a {
    background: url(images/google.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.gp a:hover {
    background: url('images/google.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.rss a {
    background: url(images/rss.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.rss a:hover {
    background: url('images/rss.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.yt a {
    background: url(images/youtube.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.yt a:hover {
    background: url('images/youtube.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.pn a {
    background: url(images/pinterest.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
}
.social_icons .social_logos li.pn a:hover {
    background: url('images/pinterest.png') no-repeat 0 0;
    width: 16px;
    height: 16px;
}

#call_us{
    float:left;
    font-size: 0.765em;
    height:auto;
    overflow:hidden;
}
#call_us div{
    float:left;
}
#call_us img{
    padding-top:10px;
    padding-bottom:11px;
}
#call_us p {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    line-height: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*	3. #Header logo and menu Styles
/*-----------------------------------------------------------------------------------*/
.header_wrapper {
    box-shadow: 0px 2px 2px rgba(82, 82, 82, 0.4);
    -moz-box-shadow: 0px 2px 2px rgba(82, 82, 82, 0.4);
    -webkit-box-shadow: 0px 2px 2px rgba(82, 82, 82, 0.4);
    z-index: 1000;
    width: 100%;
    background: #fff;
    font-family: 'robotoregular', serif;
}

#logo {
    padding-top:24px;
    height: 73px;
}

#logo img {
    max-height: 73px;
    height: auto;
    max-width: 100%;
    width: auto;
}

/* ************* */
/* Menu Style
========================================================*/

.wrapper_menu {
    margin: 0;
    float: right;
}
.menu_container {
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.menu_bar {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    padding-bottom: 0px;
    padding-top: 20px;
}
#menu {
    position: relative;
}
.subMenu{
    position: absolute;
}
#menu ul {
    list-style-type: none;
}
/*** ESSENTIAL MENU STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}
/*** MENU SKIN STYLES ***/
#menu .sf-menu {
    float: right;
    list-style: none;
    position: relative;
    z-index: 100;
    margin: 0;
    z-index: 99;
    text-align: right;
    vertical-align: top;
}
#menu .sf-menu li {
    height: 97px;
    margin: 0;
    position: relative;
    display: inline-block;
    text-align: right;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 0;
}
#menu .sf-menu ul {
    padding-top: 0px;
    -moz-box-shadow: 0px 2px 8px #bbb;
    -webkit-box-shadow: 0px 2px 8px #bbb;
    box-shadow: 0px 2px 8px #bbb;
    padding: 0 0 0 0px;
}
#menu .sf-menu li:first-child {
    /*background-image:none;*/
}
#menu .sf-menu li:last-child {
    border-bottom: none;
}
#menu .sf-menu li a {
    color: #333;
    text-decoration: none;
    padding: 36px 14px 30px 16px;
    line-height: 28px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li.current_page_item a {
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background: url(images/menubg.png) top repeat-x;
    border-bottom: 3px solid #1193de;
    -webkit-animation: all 0.7s ease-in-out;
}
#menu li a.selected, #menu li.current_page_item a {
    color: #333;
    text-shadow: 0 1px 0 #fff;
}
#menu li a:hover {
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background: url(images/menubg.png) top repeat-x;
    border-bottom: 3px solid #1193de;
    -webkit-animation: all 0.7s ease-in-out;
}
#menu li li a, #menu li li a.selected, #menu li li a:hover {
    border: none;
    position: relative;
}
#menu li.current-menu-item a:hover, #menu li.current-menu-parent a:hover, #menu li.current_page_parent a:hover, #menu li a:hover.selected {
    text-decoration: none;
    color: #333;
}
#menu li a:hover.selected {
    color: #333;
}
#menu .sf-menu li li {
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: auto;
}
#menu .sf-menu li li a {
    width: 216px;
    height: auto;
    float: none;
    display: block;
    text-align: left;
    position: relative;
    margin: 0;
    padding: 7px 0;
    /*	background: url('images/arrow.png') no-repeat 0 14px;*/
    padding-left: 15px;
    /*padding-right:15px;*/
    text-shadow: none;
    border-left: none;
    font-size: 0.824em;
    line-height: 28px;
    text-transform: capitalize;
    color: #333;
    font-weight: normal;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
#menu .sf-menu li li:last-child {
    padding-bottom: 0px;
}
#menu .sf-menu li li a:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}
#menu .sf-menu li li li li:last-child a, #menu .sf-menu li li li li:last-child a:after {
    border-top: none;
}
#menu .sf-menu li li:last-child a:after {
    width: 100%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}
* html #menu .sf-menu li li a {
    display: inline-block;
}
#menu .sf-menu li li a:link, #menu .sf-menu li li a:visited {
    background-image: none;
}
#menu .sf-menu li li a.selected, #menu .sf-menu li li a:hover {
    text-shadow: none;
    background-color: #f7f6f6;
    color: #1b95af;
}
#menu .sf-menu li ul {
    position: absolute;
    left: 0;
    margin-left: 0px;
    text-align: center;/*margin:0 auto;*/

}
#menu .sf-menu li ul li {
    display: list-item;
    float: none;
    border-top: none;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    width: 231px;
}
#menu .sf-menu li ul li ul {
    padding-top: 0;
    top: 0;
    margin-top: 0;
    left: -233px;
    z-index: 333;
}
#menu .sf-menu li ul li ul li:first-child {
    padding-top: 0;
}
* html .sf-menu {
    height: 1%;
}
.downarrowclass {
    position: absolute;
    width: 11px;
    height: 8px;
    overflow: hidden;
    top: 14px;
    right: -15px;
    background: url('images/up-arrow.png') no-repeat 0 0;
}
.rightarrowclass {
    display: block;
    width: 11px;
    height: 8px;
    position: absolute;
    margin-top: -3px;
    top: 50%;
    right: 0;
    background: url('images/up-arrow.png') no-repeat 0 0;
}
.ddshadow {
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
#menu .sf-menu li li a:hover {
    color: #1b95af;
    border: none;
}
#menu .sf-menu li li a {
    border: none;
}

/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/
.it_mobile_menu li {
    margin: 0;
    display:block;
}
.it_mobile_menu li a {
    font-size: 0.906em;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow: none;
    border-bottom: 1px solid #e2e0e0;
    margin: 0 !important;
}
.it_mobile_menu li:last-child a {
    border-bottom: none;
    padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
    color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
#mobile_menu {
    width: 318px;
    border: 1px solid #e2e0e0 !important;
    left: -1px;
    padding: 0;
    background: #f8f8f8;
    top: 30px !important;
    z-index: 9999px;
    list-style: none;
}
#mobile_menu ul {
    list-style: none;
    margin-bottom: 0;
}
.it_mobile_menu {
    position: absolute;
    top: 46px !important;
    left: 3px;
    z-index: 1000;
    display: none;
    text-align: left;
}
.it_mobile_menu ul {
    display: block !important;
    visibility: visible !important;
    border-bottom: 1px solid #e2e0e0;
}
.it_mobile_menu ul li a {
    margin-left: 12px !important;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
}
.it_mobile_menu ul li:last-child a {
    padding-bottom: 10px !important;
}
.it_mobile_menu ul a {
    border-bottom: none;
}
.mobile_nav {
    color: #3B3B3B;
    display: none;
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
    position: relative;
    padding: 10px 22px 8px 46px;
    font-size: 0.706em;
    text-transform: uppercase;
    font-weight: bold;
    width: 250px;
}
.mobile_nav:before, .mobile_nav:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
}
.mobile_nav:before {
    left: 0;
}
.mobile_nav:after {
    right: 0;
}
.mobile_nav:hover {
    text-decoration: none;
    color: #3B3B3B;
}
.mobile_nav > span {
    display: block;
    width: 15px;
    height: 10px;
    background: url(images/responsive_arrow.png) no-repeat;
    position: absolute;
    top: 19px;
    left: 63px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mobile_nav.opened > span {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

/*-----------------------------------------------------------------------------------*/
/*	4. #Full Screen Slider Style
/*-----------------------------------------------------------------------------------*/
/*slider text*/
.homepage_top_feature img{
    width: 100%;
}
.slider_img_container {
    position: relative;
}
.slider_text_container {
    position: absolute;
    top: 31%;
    width: 100%;
}
.slider_text_container h2 {
    color: #fff;
    font-size: 2.059em;
    line-height: 40px;
    margin-bottom: 10px;
    max-height: 92px;
    overflow: hidden;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    font-family: 'robotomedium', serif;
}

.slider_text_container a {
    color: #fff;
    background: rgba(47,147,208,0.5);
    padding: 15px;
    line-height: 33px;
    overflow: hidden;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.2);

}
.slider_text_container p{
    overflow: hidden;
    font-size: 1.588em;
    width: 60%; 
}

/*-----------------------------------------------------------------------------------*/
/*	5. #Featured Text Styles
/*-----------------------------------------------------------------------------------*/
.featured_text_area {
    text-align: center;
    line-height: 36px;	
}
#fta_top{
    padding-top: 38px;
    font-size: 2.000em;
    line-height: 39px;
}
#fta_bottom {
    font-size: 1.412em;
    padding-bottom:50px;
    line-height: 26px;
}

/*-----------------------------------------------------------------------------------*/
/*	6. # Our Service Box Styles
/*-----------------------------------------------------------------------------------*/
.services_box_container {
    margin-top:85px;
    margin-bottom: 30px;
}
#services_box_container4{
    margin-right:0px;
}

p.services_box_rect_head{
    padding:157px 0px 10px 21px;
    font-size: 1.235em;
    font-family:'robotomedium', sans-serif;
    overflow:hidden;
    text-align:center;
    width: 223px;
}
p.services_box_rect_para{
    text-align:center;
    padding-left:18px;
    padding-right:18px;
    overflow: hidden;
}
.rect_box {
    overflow: hidden;
    margin-top: -130px;
    background: #085262;
    width: 265px;
    border-bottom:6px solid #0dabce;
}

.rect_box p, .rect_box p a{
    color: white;
}

/*-----------------------------------------------------------------------------------*/
/*	7. #Featured Blog Styles
/*-----------------------------------------------------------------------------------*/



.featured_blog_content{
    overflow:hidden;
    padding-top:75px;
    padding-bottom: 32px;
}

.featured_blog_content .post:nth-child(1){
    padding-top:0px;
    padding-right:0px;
}

.featured_blog_content .post .post_heading_wrapper img {
    box-shadow: none;
}

.featured_blog_content .post:nth-child(3n){
    float: none;
    margin-right:0px;
}

.featured_blog_content .post{
    width: 347px;
    display: inline-table;
    margin-right: 49px;
}

.featured_blog_content .post .post_content p{
    overflow:hidden;
}

.featured_blog_content .post_heading_wrapper .thumb img {
    -webkit-transition: all .5s; /* Safari 3.1 to 6.0 */ 
    transition: all .5s; 
    display: inline-block; 
    width:100%; 
    height: 100%; 
}
.featured_blog_content .post_heading_wrapper .thumb {
    display: inline-block; 
    height: 197px;
    overflow: hidden;
    margin-bottom:29px;
    width: 100%;
    -moz-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -o-transform:scale(1,1);
    -ms-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.featured_blog_content .post_heading_wrapper .thumb a{ 
    display:inline-block; 
    width:100%; 
} 

.featured_blog_content .post_heading_wrapper img:hover {
    -moz-transform:scale(1.5,1.5);
    -webkit-transform:scale(1.5,1.5);
    -o-transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5);
    transform:scale(1.5,1.5);
}

.featured_blog_content .post .post_title {
    overflow: hidden;
    text-overflow: ellipsis;

}
/***********************************************/


/*-----------------------------------------------------------------------------------*/
/*	8. #Gallery Hexagon Styles
/*-----------------------------------------------------------------------------------*/
.gallery_wrapper {
    margin-bottom:0px;
    padding-top: 65px;
    overflow:hidden;
}
.gallery_tabs {
    font-size: 1.118em;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align: center;
}
.gallery_tabs ul, li, a{
    text-decoration:none;
    display:inline-block;
}
.gallery_tabs a{
    background:#20b9da;
    padding: 10px 10px 10px 8px;
    border-bottom:2px solid #022128;
    color:#fff;
    margin-left: 16px;
    transition: background-color 0.2s ease-in;
    text-transform:capitalize;
}
.gallery_tabs a:hover{
    background:#085262;
}

.gallery_tabs li.active a {
    background:#085262;
}

/*-----------------------------------------------------------------------------------*/
/*	9. #Contact page Styles
/*-----------------------------------------------------------------------------------*/

.contact_wrapper {
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
}
.contact_container {
    overflow: hidden;
}
.contact_input p{
    margin-bottom:36px;
    margin-left:110px;
}
.contact_input h1 a {
    color: #a8a8a8;
}
.contact_input h1 {
    margin-bottom: 0;
}

.contact_input textarea , .contact_input input{
    width:394px;
}
.contact_input textarea{
    width:394px;
    height:208px;
}

/* *** address and map*** */
.add_n_map p{
    display:inline;
    padding-left:16px;
}
.add_n_map h1 {
    padding-bottom:16px;
    border-bottom:1px solid #edebf0;
    margin-bottom:19px;
}
.contact-image-mail-icon{
    background: url(images/mail_icon.png) no-repeat 0 0;
    width: 16px;
    height: 11px;
    display:inline-block;
}
.contact-image-tele-icon{
    background: url(images/tele_icon.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display:inline-block;
}
.contact-image-bookmark-icon{
    background: url(images/bookmark_icon.png) no-repeat 0 0;
    width: 16px;
    height: 18px;
    display:inline-block;
}
.contact-image-globe-icon{
    background: url(images/globe_icon.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    display:inline-block;
}
.anchor_bordera h1 {
    margin-top: 0px;
}



/*-----------------------------------------------------------------------------------*/
/*	10. #Footer  Styles
/*-----------------------------------------------------------------------------------*/
.footer {
    padding-top:52px;
    background:#111;
    overflow:hidden;
    color: #d8d4d4;
    padding-bottom:50px;
}
.footer ul {
    padding: 0 0 0 0;
}
.footer ul li {
    background: url(images/footer-li-col.png) no-repeat 0 6px;
    padding-left:28px;
}
.footer ul li a{
    border-bottom:1px dotted #4b4a4a;
    padding-bottom:6px;
    display:block;
}
.footer ol li{
    display: list-item;
    padding-left: 3px;
    margin-left: 5px;
    list-style-type: decimal;
}
.footer h1 {
    font-family: 'robotoregular', serif;
}
.footer p{
    line-height: 25px;
    color: #fff;
}
.footer li{
    display:block;
    padding-bottom: 13px;
}
.footer_columns.second {
    margin-right:16px;
    margin-left:5px;
}
.footer_columns.third {
    margin-right:11px;
    margin-left:10px;	
}
.footer_columns a{
    color: #fff;
}

.footer_columns.last{
    margin-right:0px;
    margin-left:21px;
}
.footer_columns.first {
    margin-right:21px;
    margin-left:0px;
}

.gallery_widgets{
    overflow:hidden;
}
.gallery_widgets ul li {
    background: none;
    padding-left: 0px;
}
.gallery_widgets img{
    width:auto;
    height:auto;
    min-width:58px;
    min-height:63px;
    max-width:58px;
    max-height:63px;
    margin-right:3px;
    margin-bottom:3px;
}
.gallery_widgets img:hover {

}
.gallery_widgets li{
    display:inline;
    border-bottom: none;
}

/* footer calender */
.footer #wp-calendar tbody td {
    padding: 6px;
}
/* footer calender */

/* footer img */

.footer img{
    width:100%;
}

.footer .wp-caption-text {
    color: #000;
}

.footer .wp-smiley {
    width:15px;
}

/* footer img */
/* footer widget search */
.footer .searchform {
    padding: 0px;
    border:none;
}
/* footer widget search */
.footer .tagcloud {
    padding: 0px;
    border:none;
    display: inline-block;
}
.footer .textwidget {
    padding: 0px;
    border:none;
    line-height: 24px;
}
.footer option {
    background: #fff;
    width:100%;
    color:#000;
}

/* rss widget */
.footer .rsswidget{
    padding-bottom: 10px;
    display:inline-block;
}

.footer .rsswidget img{
    width: auto;
}

.footer .rssSummary {
    padding-top:10px;
    padding-bottom: 10px;
    line-height: 18px;
    font-size: 0.941em;
}

.footer .rss-date {
    display:block;
}

.footer cite {
    margin-bottom:10px;
    border-bottom:1px solid #d5d6d7;
}
/* rss widget */

/* footer search widget */
.footer .searchform {
    position:relative;
}

.footer #searchsubmit {
    width: 35px;
    height: 31px;
    margin-left: -4px;
    background: #20b9da url('images/search_icon.png') no-repeat center;
    border: 3px solid #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight: bold;
    color: #000;
    transition: background-color 0.2s ease-in;
}
.footer #searchsubmit input{
    color:#fff;
}
.footer #search {
    width:78%;
    padding: 11px 10px 10px 10px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 16px;
    color: #000;
}
.footer input[type="submit"]{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.footer input[type="text"]{
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
/* search widgets */
/*-----------------------------------------------------------------------------------*/
/*	11. #Copyright Footer  Styles
/*-----------------------------------------------------------------------------------*/
.copyright_text{
    width:100%;
	font-size:16px;
}
.copyright_text p{
    font-size: 1.235em;
    padding-top:29px;
    padding-bottom:22px;
    color: #1d1d1d;
}

.copyright_text p a{
    color: #1d1d1d;
}



.footer_social_icons  {
    float:right;
}
.footer_social_icons  div{
    display:inline-block;
    margin-left: 7px;
}

.footer_social_icons .social_logos li.tw a {
    background: url(images/social-icons.png) no-repeat -94px 0;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.tw a:hover {
    background: url(images/social-icons.png) no-repeat -94px -68px;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.fb a {
    background: url('images/social-icons.png') no-repeat -47px 0;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.fb a:hover {
    background: url('images/social-icons.png') no-repeat -47px -68px;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.gp a {
    background: url(images/social-icons.png) no-repeat -188px 0;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.gp a:hover {
    background: url('images/social-icons.png') no-repeat -188px -68px;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.ln a {
    background: url(images/social-icons.png) no-repeat -282px 0;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.ln a:hover {
    background: url('images/social-icons.png') no-repeat -282px -68px;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.yt a {
    background: url(images/social-icons.png) no-repeat 0 0;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.yt a:hover {
    background: url('images/social-icons.png') no-repeat 0 -68px;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.pn a {
    background: url(images/social-icons.png) no-repeat -235px 0;
    width: 45px;
    height: 66px;
}
.footer_social_icons .social_logos li.pn a:hover {
    background: url('images/social-icons.png') no-repeat -235px -68px;
    width: 45px;
    height: 66px;
}
/*-----------------------------------------------------------------------------------*/
/*	12. #Services Styles
/*-----------------------------------------------------------------------------------*/
.ch-grid {
    margin: 0px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
    z-index:1000;
}
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
.ch-grid:after {
    clear: both;
}
.ch-grid li {
    width: 220px;
    display: inline-block;
    margin-bottom:40px;
    position:relative;
    float: left;
    margin-left: auto ;
    margin-right: 75px ;
    display: table-cell;
}
.ch-grid ul {
    display: table;
}
/****style5****/
.ch-item {
    width: 118%;
    height: 118%;
    border-radius: 50%;
    border: solid #1B4046;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 0 rgba(200,95,66, 0.4),
        inset 0 0 0 16px rgba(255,255,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
    background-size:260px 260px;
    border-radius:50%;
    height: 260px;
}

.ch-img-1 img{
    border-radius: 50%;
    width: 260px;
    height: 260px;
    text-align: center;
}

.ch-img-2 { 
    background-size:260px 260px;
    border-radius:50%;
    height: 260px;
}

.ch-img-2 img{
    border-radius: 50%;
    width: 260px;
    height: 260px;
    text-align: center;
}

.ch-img-3 { 
    background-size:260px 260px;
    border-radius:50%;
    height: 260px;
}

.ch-img-3 img{
    border-radius: 50%;
    width: 260px;
    height: 260px;
    text-align: center;
}

.ch-img-4 { 
    background-size:260px 260px;
    border-radius:50%;
    height: 260px;
}

.ch-img-4 img{
    border-radius: 50%;
    width: 260px;
    height: 260px;
    text-align: center;
}
.ch-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    -webkit-backface-visibility: hidden; /*for a smooth font */

}



.ch-item:hover {
    box-shadow: 
        inset 0 0 0 110px rgba(200,95,66, 0.4),
        inset 0 0 0 16px rgba(255,255,255,0.8),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item:hover .ch-info {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);	
}

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	13. #Wookmark Gallery Styles
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
#main {
    overflow: hidden;
}

/**
 * Grid items animation
 */
#tiles li {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.wookmark-placeholder {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/**
 * Filters
 */
#filters {
    list-style-type: none;
    text-align: center;
    margin: 0 5% 0 5%;
}

#filters li {
    font-size: 1.059em;
    font-family: 'robotoregular', serif;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 10px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

#filters li:hover {
    cursor: pointer;
}

#filters li.active {
    color: #ffffff;
}
/* main css  */
#main {
    margin: 30px 0 70px 0;
    position: relative;
}


/**
 * Grid container
 */
#tiles {
    list-style-type: none;
    position: relative; /** Needed to ensure items are laid out relative to this container **/
    margin: 0;
    padding: 0;
}

/**
 * Grid items
 */
#tiles li {
    width: 200px;
    display: none; /** Hide items initially to avoid a flicker effect **/
    cursor: pointer;
    padding: 4px;
}

#tiles li.inactive {
    visibility: hidden;
    opacity: 0;
}

#tiles li  img {
    display: block;
    position: absolute;
    left: 42%;
    top: 46%;
}


/**
 * Grid item text
 */
#tiles li p {
    color: #666;
    font-size: 0.706em;
    margin: 7px 0 0 7px;
}

/**
 * Placerholder css
 */
.wookmark-placeholder {
    z-index: -1;
}

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	13. #Hex gallery  Styles
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	14. #Post page  Styles
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/

.post:nth-child(1){ 
    padding-top:70px;	
}
.page:nth-child(1) {
    padding-top: 70px;
}
.post{
    overflow: hidden;
}
p.post a {
    color: #989696;
}
.post a{
    color:#000;
    display:inline-block;
}
.post .post_content ul li{
    display: list-item;
    padding-left: 3px;
    margin-left: 5px;
    list-style-type: disc;
}
.post .post_content ol li{
    display: list-item;
    padding-left: 3px;
    margin-left: 5px;
    list-style-type: decimal;
}
.post_content {
    border-bottom:1px #eae7e7 solid;
    position: relative;
}
.post_content a{
    color: #000fff;
    padding-bottom: 1px;
}
.post_content  a:hover{
    -webkit-transition: color 0.5s;
    -moz-transition:  color 0.5s;
    transition:  color 0.5s;
    color: #087F99;
}
.post_heading_wrapper img {
    border: 1px solid #d5d6d7;
    box-shadow: 1px 0px 5px #A29C9C;
    height: auto;
    max-height:363px;
    width: 100%;
    margin-bottom:29px;
}
.page_heading h1,h1.post_title {
    margin-top:0;
    line-height: 27px;
    margin-bottom: 25px;
}
.postimage_container {
    position:relative;
    overflow:hidden;
}
.post_category{
    top: 43px;
    left: 1px;
    position: absolute;
    background: #02404e;
    opacity: 0.59;
    white-space: nowrap;
    text-align:center;
    font-family: 'robotoregular', serif;
    font-size: 1.235em;
    font-weight: 600;
    padding: 10px;
    box-shadow: 0px 2px 2px #C5CFD1;
}
a.post_category {
    color: #fff;
}
ul.post_meta {
    font-size: 0.824em;
    padding-bottom: 26px;
    padding-left: 0;
}
.post_meta span {
    line-height: 24px;
}
.posted_by a{
    color: #989696;
    transition: all .5s;
}

.posted_by a:hover{
    color: #22b0cf;
}
.post_comment {
    float:right;
    color: #989696;
}
.post_comment a {
    padding-left: 4px;
    color: #989696;
    transition: all .5s;
}
.post_comment a:hover {
    color: #22b0cf;
}
.post_title h1 {
    font-size: 1.294em;
    margin-top: 0;
}
.post_content{
    line-height: 30px;
}
.post_content{
    padding-bottom: 27px;
    margin-bottom: 38px;
}
.post_content img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.post_content table th  a{
    color: #fff;
}
.post iframe, .page iframe {
    width: 100%;
}
.single.index_titles {
    font-size: 1.176em;
    padding-top: 15px;
    padding-bottom: 15px;
    text-shadow: 0px 1px 0px rgb(151, 151, 151);
}
.read-more {
    padding-top: 8px;
    font-family: 'robotoregular', serif;
    color: #096c82;
    font-weight:600;
    line-height: 15px;
}
a.read-more {
    color:#096c82;
}
.thumb span {
    position: absolute;
    background: rgba(2,64,78,0.49);
    top: 1px;
    left: 1px;
    white-space: nowrap;
    text-align:center;
    color: #fff;
    font-family: 'robotoregular', serif;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0,0,0,0.3);
    text-shadow: 0px 1px 0px rgb(0,0,0);
}
.thumb span a {
    color: #fff;
}
.thumb {
    float:left;
    position:relative;
    overflow:hidden;
}

/* paging */

.paging li a {
    padding: 7px;
    color: white;
    border: none;
    margin-right:7px;
    margin-bottom:42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: solid #075f72;
    border-bottom-width: 3px;
    background: #22b0cf;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight: bold;
    color: #fff;
    transition: background-color 0.2s ease-in;
    cursor: pointer;
    display: inline-block;
    float:left;
}
.paging li a:hover{
    background: #087f99;
}
.paging .current{
    background: #087f99;
}
.nav-next {
    float: right;
}
#nav-single {
    margin-bottom: 38px;
}
#nav-single  a{
    color: #989696;
    transition: all .3s;
}
#nav-single  a:hover{
    color: #000;
}


/*404 style starts
**************** */
.error input {
    width: 92%;
}
.searchform {
    position:relative;
}
.error #s {
    color: #FFF;
    border-width: 0;
    background: #08768e;
    overflow:hidden;
    border-radius:4px;
    width: 93%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.error .tagcloud, .textwidget {
    padding: 20px;
    border:1px solid #d5d6d7;
}
.error #searchsubmit {
    width: 35px;
    height: 33px;
    margin-left: -9px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    background: #20b9da url('images/search_icon.png') no-repeat center;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight: bold;
    color: #fff;
    transition: background-color 0.2s ease-in;
}
#searchsubmit input{
    color:#fff;
}
.error.sidebar .searchform {
    padding: 0px;
    border: none;
    text-align: center;
}
.error.sidebar #search {
    width:41%;
    padding-bottom: 9px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right:9px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 16px;
    color: #fff;
}
.fourzerofourerror {
    text-align: center;
    font-size: 2.824em;
    line-height: 37px;
}
.fourzerofourerror.somewhat {
    font-size: 1.000em;
    border-bottom: 1px solid #000;
    padding-bottom: 50px;
}
.error.sidebar .itseems {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
}
/********************************/
/*********** sidebar ************/
/********************************/

.sidebar {
    margin-top:70px;
    margin-left:39px;
    margin-bottom:42px;
    overflow: hidden;
}
.sidebar h3:nth-child(1)  {
    margin-top:0px;
}
.sidebar h3 {
    font-size: 1.235em;
    font-family: 'robotoregular', serif;
    font-weight: 600;
}
.searchform {
    padding: 20px;
    border:1px solid #d5d6d7;
}
.sidebar > ul {
    border:1px solid #d5d6d7;
    padding: 1.176em;
    margin-bottom: 17px;
}

.sidebar a{
    color: #989696;
    transition:all .3s;
}
.sidebar li a:hover{
    color: #22b0cf;
    padding-left:17px;

}
.sidebar p {
    padding:15px 0;
    line-height:26px;
}
.sidebar ul li {
    padding: 9px 0;
    margin-left: 0px;
    display: block;
    line-height: 24px;
    border-bottom: 1px dotted #d3d3d3;
}
.sidebar ul li:last-child{
    border-bottom:none;
}
.sidebar .ngg-widget img{
    margin: 0pt 12px 12px 0px;
}
.sidebar img {
    max-width:100%;
}
.sidebar input {
    width: 92%;
}
.searchform {
    position:relative;
}
.sidebar #s {
    color: #FFF;
    border-width: 0;
    background: #08768e;
    overflow:hidden;
    border-radius:4px;
    width: 93%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.sidebar .tagcloud, .textwidget {
    padding: 20px;
    border:1px solid #d5d6d7;
}
.sidebar #searchsubmit {
    width: 35px;
    height: 33px;
    margin-left: -9px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    background: #20b9da url('images/search_icon.png') no-repeat center;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight: bold;
    color: #fff;
    transition: background-color 0.2s ease-in;
}
#searchsubmit input{
    color:#fff;
}
.sidebar #search {
    width:82%;
    padding-bottom: 9px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right:9px;
    border: none;
    background: #08768e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 16px;
    color: #fff;
}

/* search widgets */

/* rss widget */

.sidebar .rsswidget{
    padding-bottom: 10px;
}
.sidebar .rssSummary {
    padding-top:10px;
    padding-bottom: 10px;
    line-height: 18px;
}
.sidebar .rss-date {
    display:block;
}
.sidebar cite {
    margin-bottom:10px;
    border-bottom:1px solid #d5d6d7;
}
.sidebar .tagcloud a{
    transition: color .7s ease-in-out;
    color: #989696;
    padding-bottom: 1px;
    border-bottom: none;
}
.sidebar .tagcloud a:hover{
    color: #22b0cf;
    padding-bottom: 0px;
    border-bottom: 1px solid #22b0cf;
}

/********************************************/
.sidebar_headings {
    font-size: 1.235em;
    font-family: 'robotoregular', serif;
    font-weight:600;
}
.sidebar_container {
    padding-top:25px;
    margin-left:39px;
}
.sidebar_widget {
    padding-top:45px;
    overflow: hidden;
}
/* search box */
.sidebar_widget input.search-text {
    color: #FFF;
    border-width: 0;
    background: #08768e;
    overflow:hidden;
    border-radius:4px;
    width: 93%;
}
.sidebar_widget input[type="submit"].search-button {
    width: 35px;
    height: 37px;
    top: 2px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    left: 88%;
}
.search-border .search-box {
    margin-top:0px;
}
.search-border{
    border: 1px solid #d5d6d7;
    padding: 20px;
    margin-top: 24px;
    width: 87%;
}

/* search box ends */

/* ** blog posts */

.sidebar_blog_posts {
    background: #ffffff;
    border: 1px solid #d5d6d7;
    width: 90%;
    height: auto;
    padding: 15px;
    margin-top: 20px;
    overflow: hidden;
}
.popular_tab{
    position: absolute;
    top: -40px;
    left: -1px;
}
.popular_tab a{
    background: #02ab68;
    color: #ffffff;
    padding: 13px 14px 11px 14px;
    cursor: pointer;
}
.popular_tab p{
    font-family: 'Chaparral Pro';
    font-size: 0.882em;
}
.popular_content {
    border: 1px solid #ededed;
    position: relative;
    margin-top: 39px;
    padding-top: 17px;
}
.popular_tab_content_wrapper div{
    float: left;
    display: inline-block;
}
.popular_tab_content_wrapper{
    font-size: 0.824em;
    overflow: hidden;
    padding: 0px 17px 17px 17px;
}
.popular_content img{
    height: 54px;
    width: 54px;
}
.popular_tab_content {
    width: 76%;
    padding-left: 8px;
    height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.765em;
}
.popular_tab_content a {
    color:#218ABC;
    padding-bottom:5px;
}
.popular_tab.recent a{
    background:#eaeaea;
    color:#000000;
    cursor:pointer;
}
.popular_tab.recent {
    left: 96px;
}
.popular_tab.comments {
    left: 184px;
}
.popular_tab.comments  a{
    background:#eaeaea;
    color:#000000;
}
#recent {
    display:none;
}
#popular {
    display:block;
}
/* ** blog posts ends*/
/* *****************calender widgets*********** */

#calendar_wrap{
    padding: 18px 17px 18px 16px;
    border:1px solid #d5d6d7;
    background:#fff;
    margin-top: 20px;
}
#wp-calendar {
    color: #666;
    font-size: 0.706em; 
}
#wp-calendar a {    color: #467b89 }
#wp-calendar caption {
    background: #08768e;
    color: #fff;
    font-size: 0.941em;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #d5d6d7;
    border-bottom:none;
    z-index: -99;
}
#wp-calendar thead th {
    font-size: 0.824em;
    text-align: center;
    padding: 5px 0;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-bottom: 1px solid #d5d6d7;
    background: #333333;
}
#wp-calendar tbody td {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 13px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #d5d6d7;
    background: #fff;
    font-size: 0.824em;
}
#wp-calendar tbody td:hover {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
    transition: all .5s;
}
#wp-calendar tbody td.pad {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}
#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 0.824em;
    text-align: center;
}
#wp-calendar tfoot tr {
    border:1px solid #efefef;

}
#wp-calendar tfoot td { padding: 10px 10px }
#wp-calendar tfoot a {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}
#wp-calendar tfoot td#prev {    text-align: left }
#wp-calendar tfoot td#next {    text-align: right; border-right: 1px solid #d5d6d7; }
#wp-calendar #today {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

/* *****************calender widgets ends*********** */

/****** widget featured project 4 ********/

.featured_project {
    padding:15px;
    border: 1px solid #d5d6d7;
    margin-top:20px;
    background:#fff;
}
.futured_project_container {
    background: #08768e;
    height:200px;
}

/****** widget featured project 4 ends********/

/**** widget 5 text **/

.widget_text p{
    line-height:26px;
    padding-top:11px;
}

/**** widget 5 text ends **/

/**** widget 6 project topics **/

.project_topics {
    padding: 22px 20px 22px 20px;
    border: 1px solid #d5d6d7;
    margin-top: 20px;
    background: #fff;
    font-size: 0.824em;
}
.project_topics li{
    display:block;
    padding-bottom:26px;
}
.project_topics ul li{
    background-image:url(images/widget-li-bullet.png);
    background-repeat:no-repeat;
    background-position: 0px 3px;
    padding-left: 23px;
}

/**** widget 6 project topics ends **/

/**** widget 7 widget gallery **/

.widget_gallery {
    padding: 14px 0px 14px 14px;
    border: 1px solid #d5d6d7;
    margin-top:20px;
    background:#fff;
    font-size: 1.118em;
}
.gallery_widgets.sidebar img{
    padding:4px;
    margin-right: 19px;
    margin-bottom: 19px;
    border:1px solid #f0f0f0;
    max-height:75px;
    max-width:75px;
    min-height:75px;
    min-width:75px;
}

/**** widget 7 widget gallery ends **/

/********************************/
/**** sidebar  ends ************/
/********************************/

/* Commentlist Style
========================================================*/
/*Comment Output*/
.comment_section ul, .comment_section ol {
    padding-left: 0;
}
.commentlist .reply a {
    position:absolute;
    top: 40px;
    right: 20px;
    background:url(images/reply.png) no-repeat;
    width:40px;
    height:30px;
}
.commentlist .reply a {
    font-size:0;
}
.commentlist .depth-1{margin-left:0; width: 100%;}
.commentlist .depth-2{margin-left:6%;  width: 94%;}
.commentlist .depth-3{margin-left:6%;  width: 94%;}
.commentlist .depth-4{margin-left:6%;  width: 94%;}
.commentlist .depth-5{margin-left:6%;  width: 94%;}
.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {
    width: 100%;
}
.commentlist .thread-odd {
    width: 100%;
}
.commentlist .thread-even {
    width:100%
}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}
.commentlist .comment-body{
    padding: 20px;
    background: #ffffff;
    border: solid 1px #e1e1e1;
    margin-bottom: 42px;
    position: relative;
    -webkit-box-shadow: 0 0 5px 2px #f5f5f5;
    -moz-box-shadow: 0 0 5px 2px #f5f5f5;
    box-shadow: 0 0 5px 2px #f5f5f5;
    border-radius:5px;
}
.commentlist .comment-body p{
    line-height:24px;
    padding:10px 0;
    position:relative;
}
.commentlist .vcard {
    position:relative;
    display:inline;
}
.commentlist .vcard cite.fn {
    font-style: normal;
    padding-top:20px;
    display: inline;
    float: left;
    padding-left:20px;
}
.commentlist .vcard span.says {
    display:none;
}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {
    border-radius:50%;
    width:83px;
    height:83px;
}
.commentlist .vcard cite.fn a.url {
    color: #000000;
    padding-left:0px;
    padding-right:15px;
}
.comment-awaiting-moderation {
    position: absolute;
    left: 16.3%;
}
.commentlist br {
    display: none;
}
.commentlist .comment-meta {
    padding-top: 38px;
} 
.commentlist .comment-meta a:nth-child(2){
    padding-left:0px;
}
.commentlist .comment-meta a {
    font-size: 90%;
    padding-left:20px;
}
.commentlist .commentmetadata {
    padding-bottom: 28px;
}
.commentlist .commentmetadata a {
    padding-top:3px;
    color:#7f7e7e;
}
.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author .avatar {
    display:inline;
    float: left;
    margin-bottom: 10px;
    padding: 0px 7px 1px 0;
    background-color: #f5f3f3;
    padding: 0;
}
.commentlist .comment-author-admin {}
.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-id{}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}

#cancel-comment-reply a {}

#commentform p {
    padding: 10px 0;
}

.comment-meta a, #commentform p a{
    padding-left: 4px;
    color: #989696;
    transition: all .5s;
}

.comment-meta a:hover, #commentform p  a:hover {
    color: #22b0cf;
}

.comment-form-comment textarea {
    margin-top:20px;
    margin-bottom:20px;
    float:left;
    clear:both;
    width:95%;
}
.comment-form-comment label{
    float:left;
}
.comment-form label{
    display: block;
}
#comment-form input {
    width: 58%;
}
#comment-form .form-submit input {
    width: 100%;
}
.submit input#submit {
    width: auto;
    padding: 13px 10px 13px 10px;
}
.form-allowed-tags {
    float:left;
}
.form-submit {
    float:left;
}
.form-submit input{
    margin-top:20px;
    margin-bottom:20px;
}
.comment-reply-title{}
.post-info{
    padding:0 0 10px 0;
}
.logged-in-as {
    padding:20px 0;
}
.logged-in-as a{
    padding-left:5px;
    text-decoration:none;
    color:#E85805;
    display:inline;
}
.nocomments {
    margin-bottom:42px;
}
/* Commentlist Style Ends
========================================================*/

/* =Page style
-------------------------------------------------------------- */
.content-bar {
    padding-top: 70px;
    line-height: 30px;
}
.page-title {
    margin-top: 0;
}
.content-bar ul li{
    display: list-item;
    padding-left: 3px;
    margin-left: 5px;
    list-style-type: disc;
}
.content-bar ol li{
    display: list-item;
    padding-left: 3px;
    margin-left: 5px;
    list-style-type: decimal;
}
.post input {
    width: 92%;
}
.post .post-password-form input{
    width: 26%;
}
.post-password-form
.post .searchform {
    position:relative;
}
.post #s {
    color: #FFF;
    border-width: 0;
    background: #08768e;
    overflow:hidden;
    border-radius:4px;
    width: 93%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.post #searchsubmit {
    width: 35px;
    height: 33px;
    margin-left: -9px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    background: #20b9da url('images/search_icon.png') no-repeat center;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: 'robotoregular', serif;
    font-size: 1.176em;
    font-weight: bold;
    color: #fff;
    transition: background-color 0.2s ease-in;
}
.post #searchsubmit input{
    color:#fff;
}
.post .searchform {
    padding: 0px;
    border: none;
    text-align: center;
}
.post #search {
    width:41%;
    padding-bottom: 9px;
    padding-top: 8px;
    padding-left: 10px;
    padding-right:9px;
    border: none;
    background: #08768e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    line-height: 16px;
    color: #fff;
}
/* =WordPress Core
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
    width: 100%;
    height: auto;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    font-size: 0.765em;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.wp-caption p.wp-caption-text img {
    width: auto;
}
.screen-reader-text{}
/* media queries for different screen sizes  
========================================================*/


/************************************************************************************
between 960px and 1140px
*************************************************************************************/
@media only screen and (min-width: 960px) and (max-width: 1140px)  {
    .blog_featured_img {
        height: 170px;
    }
    .featured_blog_content .post{
        width:343px;
    }
    .gallery_tabs {
        width:57%;
    }
    /* contact */
    .contact_input p{
        margin-bottom:36px;
        margin-left:0px;
    }
    .contact_input textarea, input{
        width:394px;
    }
    .contact_input textarea{
        width:394px;
        height:208px;
    }
    #recaptcha_widget_div {
        margin-left:0px;
    }
    .add_n_map {
        margin-left:0px;
    }
    /* gallery */
    #lab article {
        padding-top: 3.813em;
        width: 86%; 
    }
    /* services box */
    #services_box_container1 {
        margin-left:20%;
    }
    #services_box_container4, #services_box_container3  {
        margin-top:5%;
    }
    #services_box_container3{
        margin-left:20%;
    }

    /* services box ends */
    /* Footer column */

    input[type="submit"].search-button {
        left: 152px;
    }
    input.search-text {
        width:170px;
    }
    .footer #search{
        width: 73%;
    }
    /* Footer column ends */

    /* ************************************ */
    /* *********sidebar widgets************ */
    /* ************************************ */

    /* sidebar widgets search box */

    .sidebar #search {
        width: 78%;
    }

    /* sidebar widgets search box */
    /* sidebar widgets blog post */
    .popular_tab a {
        padding: 8px 8px 6px 8px;
    }
    .popular_tab.recent {
        left: 76px;
    }
    .popular_tab.comments {
        left: 145px;
    }
    .popular_tab_content {
        width: 69%;
    }
    .sidebar_blog_posts {
        width: 88%;
    }
    .popular_tab p {
        font-size: 0.824em;
    }
    .popular_tab {
        top: -29px;
    }
    .popular_content {
        margin-top: 28px;
    }
    /* sidebar widgets blog post ends */
    /* sidebar widgets calendar */
    #wp-calendar tbody td {
        padding: 8px;
    }

    .calender_wrapper {
        padding: 0px 19px 20px 19px;
    }
    /* sidebar widgets calendar ends */
    /* sidebar widgets gallery widget */
    .gallery_widgets.sidebar img {
        padding: 2px;
        margin-right: -5px;
        margin-bottom: -5px;
    }

    /* sidebar widgets gallery widget ends */

    /* sidebar widgets calendar ends */
    .footer #wp-calendar tbody td {
        padding: 3px;
    }
    /* sidebar widgets calendar ends */
    /* comments */
    .comment-awaiting-moderation {
        position: absolute;
        top: 29%;
        left: 19.7%;
    }
    /* comments ends*/

    /* hex gallery 4 column */
    .post_content #lab article {
        padding-top: 3.813em;
        width: 104%;
    }

    .post_content .lab_item {
        width: 161px;
        height: 193px;
    }

    .post_content  .hexagon2 {
        width: 151px;
        height: 215px;
        top: -80px;
    }

    .post_content  .lab_item:nth-child(7n-2) {
        margin-left: 81px;
    }
    /* hex gallery 4column*/
    /* recent blogs */
    .featured_blog_content .post:nth-child(3n) {
        float: none;
    }

    .featured_blog_content .post:nth-child(2n-1) {
        margin-left: 11%;
        margin-right: 53px;
    }

    .featured_blog_content .post:nth-child(3n){
        float:none;
    }

    /* recent blogs ends */
}
/************************************************************************************
between 767px and 960px
*************************************************************************************/
@media only screen and (min-width: 767px) and (max-width: 960px)  {
    #slider_floating_text {
        left: 12.7%;
    }
    /* blog */

    .featured_blog_content .post:nth-child(2){
        margin-left:60px;
    }
    .featured_blog_content .post:nth-child(5) {

        float:left;
    }
    .featured_blog_content .post:nth-child(6) {
        margin-left: 62px;
        float:left;
    }
    .featured_blog_content .post {
        margin-right: 0px;
    }
    .featured_blog_content .post:nth-child(3) {
        float: none;
        margin-right: 60px;
    }

    /* main nav */

    .sf-menu {
        text-align: center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float: none !important;
    }
    #MainNav {
        text-align: center;
        margin-left: 0px;
    }
    .mobile_nav > span {
        position: absolute;
        top: 19px;
        left: 45px;
    }
    #logo img {
        max-height: 32px;
    }
    #logo {
        padding-top: 14px;
        height: 30px;
    }
    #slider_floating_text {
        top: 39%;
    }	

    /* services box */
    #services_box_container1, #services_box_container3 {
        margin-left:14%;
    }
    #services_box_container4, #services_box_container3  {
        margin-top:5%;
    }
    /* services box ends */
    /* gallery */
    .gallery_tabs {
        width:100%;
    }
    .lab_item:nth-child(5n-1) {
        margin-left: 102px;
    }

    .lab_item:nth-child(n+4) {
        margin-top: -62px;
    }

    .lab_item:nth-child(7n-2) {
        margin-left: 0px;
    }

    .lab_item:nth-child(n+5) {
        margin-top: -56px;
    }

    #lab article {
        width: 610px;
    }
    /* gallery */
    /* contact */
    .contact_input p {
        margin-bottom: 36px;
        margin-left: 0px;
    }
    .contact_input input{
        width: 320px;
    }
    .contact_input textarea {
        width: 320px;
        height: 160px;
    }
    /* contact */
    /* comments */
    .comment-awaiting-moderation {
        position: absolute;
        top: 29%;
        left: 24.5%;
    }
    /* comments ends*/
    /* Footer column */

    input[type="submit"].search-button {
        left: 106px;
    }
    input.search-text {
        width:123px;
    }

    .footer #search {
        width: 65%;
    }
    /* footer calender */
    .footer #wp-calendar tbody td {
        padding: 0px;
    }
    #calendar_wrap {
        padding: 10px;
    }
    .footer li {
        font-size: 0.941em;
    }
    /* footer calender */
    /* Footer column ends */


    /* ************************************ */
    /* *********sidebar widgets************ */
    /* ************************************ */

    /* sidebar widgets blog post */
    .popular_tab a {
        padding: 4px 4px 2px 4px;
    }
    .popular_tab.recent {
        left: 59px;
    }
    .popular_tab.comments {
        left: 112px;
    }
    .sidebar_blog_posts {
        padding: 9px;
    }
    .popular_tab p {
        font-size: 0.706em;
    }
    .popular_tab {
        top: -19px;
    }
    .popular_content {
        margin-top: 28px;
    }


    .popular_tab_content {
        width: 58%;
        height: 53px;
    }
    .popular_tab_content_header_para {
        display:none;
    }

    /* sidebar widgets blog posts ends */
    /* sidebar widgets search box */
    .sidebar #searchsubmit {
        left: 73%;
    }

    .sidebar #search {
        width: 69%;
    }
    /* sidebar widgets search box */

    /* sidebar widgets calendar */
    #wp-calendar tbody td {
        padding: 4px;
    }

    .calender_wrapper {
        padding: 0px 13px 20px 14px;
    }
    /* sidebar widgets calendar ends */
    /* sidebar widgets gallery widget */
    .gallery_widgets.sidebar img {
        padding: 3px;
        margin-right: 7px;
        margin-bottom: 9px;
    }

    /* sidebar widgets gallery widget ends */
}
/************************************************************************************
between 480px and 767px
*************************************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {

    /* embedded videos */
    .video embed,
    .video object,
    .video iframe {
        min-height: 250px;
    }
    /* header */
    .header_wrapper {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    .header_wrapper.scroller{
        position: static !important;
    }
    /* logo */
    #logo {
        text-align: center;
    }
    /* logo */
    textarea {
        width: 100%;
    }	

    /* menu */
    .call-us a.btn{
        background: url(images/tap-to-call.png) no-repeat;
        display: inline-block;
        visibility: visible;
        font-size: 0;
        width: 210px;
        height: 59px;
        margin: 0 auto;
        text-align: center;
        cursor: pointer;
        text-indent: 99999px;
        margin-left: 156px;
        margin-top: 15px;
    }
    #mobile_menu {
        width: 276px;
        text-align: center;
        margin-left: 0;
    }
    #mobile_menu {
        width: 318px;
        text-align: center;
        margin-left: 0;
    }

    ul.sf-menu {
        display: none;
    }
    .it_mobile_menu a {
        display: block;
        padding-left: 0px;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .header .logo {
        text-align: center;
        margin: 20px 0 0px 0px;
    }
    #logo img {
        max-height: 33px;
    }
    #logo {
        padding-top: 20px;
        height: 30px;
    }
    .sf-menu .sub-menu {
        margin-left: 100px !important;
        visibility: hidden;
    }
    .sf-menu .sub-menu li {
        margin: 0 !important;
        padding: 0 !important;
        margin-left: 200px !important;
        clear: both;
        left: 20px;
    }
    .mobile_nav {
        display: inline-block;
        text-shadow: 1px 1px 0 #fff;
        margin: 13px 0 20px 0;
        width: 227px;
    }
    .sf-menu {
        text-align: center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float: none !important;
    }
    #MainNav {
        text-align: center;
        height: 58px;
    }
    .mobile_nav > span {
        position: absolute;
        top: 10px;
        left: 45px;
    }
    /* slider */
    .slider_text_container {
        display: none;
    }

    /* blogs */

    .featured_blog_content .post {
        width: 100%;
    }

    .featured_blog_content .post_heading_wrapper .thumb img {
        height: 340px;
        width: 480px;
    }

    .featured_blog_content .post_heading_wrapper .thumb img:hover {
        height: 340px;
        width: 480px;
    }
    /*******************/
    .blog_featured_img {
        width:442px;
        height:242px;
    }
    .featured_blog_container_last {
        margin-left: 0px;
    }
    .featured_blog_container_second {
        margin-left: 0px;
    }

    .blog_featured_img img{
        width:100%;
        height:auto;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    .blog_featured_img img:hover {
        width:125%;
        height:auto;
    }
    /* blog ends */

    /* services box */

    #services_box_container1, #services_box_container2, #services_box_container4, #services_box_container3  {
        margin-left:22%;
    }
    #services_box_container2 , #services_box_container4, #services_box_container3 {
        margin-top:10%;
    }


    /* services box ends */
    /* gallery */

    .gallery_tabs {
        width:100%;

    }
    .gallery_tabs a{
        margin-top: 5px;
        margin-left:5px;
    }
    #lab article {
        width: 405px;
    }

    .lab_item:nth-child(5n-1) {
        margin-left: 0px;
    }

    .lab_item:nth-child(3n) {
        margin-left: 102px;
    }

    .lab_item:nth-child(n+3) {
        margin-top: -56px;
    }

    /* gallery */
    /* contact */
    .contact_input p {
        margin-bottom: 36px;
        margin-left: 0px;
    }
    .contact_input input{
        width: 320px;
    }
    .contact_input textarea {
        width: 320px;
        height: 160px;
    }
    .add_n_map {
        margin-left: 0px;
        padding-bottom:20px;
    }
    .map {
        max-width: 98%;
    }
    /* contact ends */
    /* footer 4 column */
    .footer_columns {
        margin-bottom:32px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .footer {
        padding-bottom: 18px;
    }
    .footer .last {
        margin-left:0px;
    }
    .footer_columns.third {
        margin-right: 0px;
        margin-left: 0px;
    }
    /* footer 4 column ends */
    /* footer search */

    .footer #searchsubmit {
        left: 89.7%;
    }
    /* footer search widget ends */
    /* copyright */
    .copyright_wrapper{
        text-align: center;
    }
    .footer_social_icons {
        float: none;
    }

    /* comments */

    .comment-awaiting-moderation {
        position: absolute;
        top: 29%;
        left: 26%;
    }
    .commentlist .depth-1{margin-left:0; width: 100%;}
    .commentlist .depth-2{margin-left:0;  width: 100%;}
    .commentlist .depth-3{margin-left:0;  width: 100%;}
    .commentlist .depth-4{margin-left:0;  width: 100%;}
    .commentlist .depth-5{margin-left:0;  width: 100%; float: right;}
    /* comments */
    /* ************************************ */
    /* *********sidebar widgets************ */
    /* ************************************ */
    .sidebar_container {
        margin-left: 0%;
    }
    /* sidebar widgets search box */

    .sidebar #search {
        width: 88%;
    }
    /* sidebar widgets search box */
    /* sidebar widgets blog post */

    .sidebar_blog_posts {
        width: 92%;
        padding: 18px;
    }
    /* sidebar widgets blog post ends */

    /* sidebar widgets calendar */
    #wp-calendar tbody td {
        padding: 22px;
    }

    .calender_wrapper {
        padding: 0px 20px 20px 20px;
    }
    /* sidebar widgets calendar ends */

    .widget_gallery {
        padding: 17px 0px 0px 29px;
    }
    .sidebar {
        margin-top: 0px;
        margin-left: 0px;
    }
    /* sidebar widgets gallery widget ends */
    #commentform small {
        display:block;
        padding-top: 5px;
    }

}

/************************************************************************************
smaller than 480px
*************************************************************************************/
@media only screen and (max-width: 480px) {

    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    textarea {
        width: 96%;
    }
    .homepage_top_feature {
        margin-top: 106px;
    }
    #comment-form input {
        width: 96%;
    }

    #commentform small {
        display:block;
        padding-top: 5px;
    }

    /* logo */
    #logo {
        text-align: center;
    }
    #logo img {
        max-height: 28px;
    }
    #logo {
        padding-top: 20px;
        height: 30px;
    }
    /* logo */

    /* menu */
    .header_wrapper {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }
    .header_wrapper.scroller{
        position: static !important;
    }
    .call-us a.btn{
        background:url(images/tap-to-call.png) no-repeat;
        display:inline-block;
        visibility:visible;
        font-size:0px;
        width:210px;
        height:59px;
        margin:0 auto;
        text-align:center;
        cursor:pointer;
        text-indent:99999px;
        margin-left:60px;
        margin-top:15px;
    }
    #mobile_menu {
        width: 276px;
        text-align:center;
        margin-left:0;
    }
    #mobile_menu {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    ul.sf-menu {
        display: none;
    }
    .it_mobile_menu a {
        display: block;
        padding-left: 0px;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .sf-menu .sub-menu {
        margin-left: 100px !important;
        visibility: hidden;
    }
    .sf-menu .sub-menu li {
        margin: 0 !important;
        padding: 0 !important;
        margin-left: 200px !important;
        clear: both;
        left: 20px;
    }
    .mobile_nav {
        display: inline-block;
        text-shadow: 1px 1px 0 #fff;
        margin: 5px 0 20px 0;
        margin-top: 0;
        margin-bottom:0;
        width: 63%;
    }
    .mobile_nav > span {
        position: absolute;
        top: 11px;
        left: 30px;
    }
    .sf-menu {
        text-align: center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float: none !important;
    }
    #MainNav {
        text-align: center;
        height: 50px;
        margin-top: 8px;
    }
    /* slider */

    /* blogs */

    .featured_blog_content .post{
        width: 100%;
    }
    .featured_blog_content .post:nth-child(3n) {
        float: none;
    }

    .featured_blog_floating_img {
        font-size: 1.118em;
        padding: 6px;
    }
    .blog_featured_img {
        width:300px;
        height:162px;
    }
    .blog_featured_img img{
        width:100%;
        height:auto;

        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    .blog_featured_img img:hover{
        width:100%;
        height:auto;
    }

    .featured_blog_container_last {
        margin-left: auto;
        margin-right:auto;
    }

    .featured_blog_container_second {
        margin-left: auto;
        margin-right:auto;
    }
    .featured_blog_content .post_heading_wrapper img:hover {
        height: 100%;
        width: 100%;
    }
    .featured_blog_content .post_heading_wrapper img {
        height: 100%;
        width: 100%;
    }

    /* blog ends */

    #social_icons {
        float:left;
    }	
    .social_wrapper {
        height:auto;
    }
    /*slider */
    .slider_text_container{
        display: none;
    }
    /* slider ends */
    /* services box */

    #services_box_container1, #services_box_container2 , #services_box_container4, #services_box_container3  {
        margin-left:0;
    }
    #services_box_container2 , #services_box_container4, #services_box_container3  {
        margin-top:10%;
    }
    .services_box_container {
        margin-left: auto;
        width: 265px;
        margin-right: auto;
    }

    /* services box ends */
    /* gallery */
    .container {
        width:95%;
    }
    .gallery_tabs {
        font-size: 0.882em;
        width:100%;
    }
    .gallery_tabs ul, li, a {
        display: block;
    }
    .gallery_tabs a{
        margin-top: 5px;
        padding: 10px 10px 10px 8px;
        margin-left: 0px;
    }
    #lab {
        margin-bottom: 0;
    }
    #lab article {
        width: 336px;
    }
    .lab_item {
        width: 160px;
        height: 199px;
    }
    .hexagon2 {
        width: 171px;
        height: 351px;
        top: -68px;
    }
    .lab_item:nth-child(n+3) {
        margin-top: -67px;
    }
    .lab_item:nth-child(3n) {
        margin-left: 82px;
    }
    ul#filters{
        margin:0;
        padding: 0px;
    }

    ul#filters li{
        display: block;
        width: 100%
    }
    ul#filters li a{
        width: 95%
    }
    /* gallery */
    /* copyright */

    /* contact */
    .contact_input textarea, input {
        width: 91%;
    }
    .contact_input p {
        margin-bottom: 36px;
        margin-left: 0px;
    }
    .contact_input input{
        width: 91%;
    }
    .contact_input textarea {
        width: 91%;
        height: 160px;
    }
    .add_n_map {
        margin-left: 0px;
        padding-bottom:20px;
    }
    /* contact ends */
    /* footer 4 column */
    div.footer_columns {
        margin-bottom:0px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .footer {
        padding-bottom: 18px;
    }
    /* footer search */

    .footer #searchsubmit {
        left: 87.3%;
    }
    /* footer search widget ends */
    .footer ul, li, a {
        display: inline-block;
    }
    .footer_columns.last {
        margin-left: 0px;
    }
    .footer_columns.second {
        margin-right: 0px;
        margin-left: 0px;
    }
    .footer_columns.third {
        margin-right: 0px;
        margin-left: 0px;
    }
    /* footer 4 column ends */
    /* comment */
    .commentlist .depth-1{margin-left:0; width: 100%;}
    .commentlist .depth-2{margin-left:0;  width: 100%;}
    .commentlist .depth-3{margin-left:0;  width: 100%;}
    .commentlist .depth-4{margin-left:0;  width: 100%;}
    .commentlist .depth-5{margin-left:0;  width: 100%; float: right;}
    /**** post ****/
    .post_meta li {
        display:inline-block;
    }

    /**** post ****/

    /* ************************************ */
    /* *********sidebar widgets************ */
    /* ************************************ */
    .sidebar_container {
        padding-top: 25px;
        margin-left: 0px;
    }
    .sidebar  a {
        display: inline-block;
    }
    /* sidebar widgets search box */

    .sidebar_widget input[type="submit"].search-button {
        left: 83%;
    }
    .search-border {
        width:82%;
    }
    .sidebar_widget input.search-text {
        width: 91%;
    }
    /* sidebar widgets blog post */
    .popular_tab a {
        padding: 8px 8px 6px 8px;
    }
    .popular_tab.recent {
        left: 76px;
    }
    .popular_tab.comments {
        left: 145px;
    }
    .popular_tab_content {
        width: 69%;
    }
    .sidebar_blog_posts {
        width: 88%;
    }
    .popular_tab p {
        font-size: 0.824em;
    }
    .popular_tab {
        top: -29px;
    }
    .popular_content {
        margin-top: 28px;
    }
    /* sidebar widgets blog post ends */

    /* sidebar widgets calendar */
    #wp-calendar tbody td {
        padding: 9px;
    }

    .calender_wrapper {
        padding: 0px 13px 20px 16px;
    }
    /* sidebar widgets calendar ends */
    /* sidebar gallery widget */
    .gallery_widgets.sidebar img {
        padding: 4px;
        margin-right: -5px;
        margin-bottom: -5px;
    }
    /* sidebar widgets search box */
    .sidebar #searchsubmit {
        left: 78%;
    }
    .sidebar {
        margin-top: 0px;
        margin-left: 0px;
    }
    .sidebar #search {
        width: 77%;
    }
    /* sidebar widgets search box */

    /* sidebar gallery widget ends */
    /* comments */
    .commentlist .reply {
        top: 6px;
        right: 6px;
    }
    .commentlist .comment-meta a {
        padding-left: 8px;
    }
    .comment-awaiting-moderation {
        position: absolute;
        top: -7%;
        left: 19px;
        text-align: center;
    }
    /* comments */
}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media only screen and (max-width: 320px) {

    /* disable webkit text size adjust (for iPhone) */
    html {
        -webkit-text-size-adjust: none;
    }

    /* social header */

    /* social header */
    /* logo */
    #logo {
        text-align: center;
    }

    .social_icons {
        margin-top: 5px;
        margin-bottom: 10px;
        float: left;
        text-align: center;
    }
    .social_icons ul{
        padding: 0 0 0 0;
    }
    /* logo */
    .mobile_nav {
        width: 54%;
    }
    /* blogs */
    .featured_blog_container_last {
        margin-left: auto;
        margin-right:auto;
    }

    .featured_blog_container_second {
        margin-left: auto;
        margin-right:auto;
    }
    /* blogs */
    #slider_floating_text {
        display:none;
    }
    .featured_blog_content .post_heading_wrapper .thumb {
        height: 143px;
    }
    /* copyright block */
    .footer_social_icons  {
        float:none;
        width:100%;
    }
    .footer_social_icons div {
        display:inline-block;
        margin-left: 1px;
    }
    /* copyright block ends */
    /* services box */

    #services_box_container1, #services_box_container2 , #services_box_container4, #services_box_container3  {
        margin-left:0;
    }
    .services_box_container {
        width: 224px;
    }
    /* gallery */
    #lab article {
        width: 233px;
    }
    .lab_item:nth-child(3n) {
        margin-left: 0px;
    }
    .lab_item:nth-child(2n) {
        margin-left: 102px;
    }

    .lab_item:nth-child(n+2) {
        margin-top: -56px;
    }
    /* gallery ends */

    /* contact */
    .contact_input textarea, input {
        width: 91%;
    }
    .contact_input p {
        margin-bottom: 36px;
        margin-left: 0px;
    }
    .contact_input input{
        width: 91%;
    }
    .contact_input textarea {
        width: 91%;
        height: 160px;
    }
    .add_n_map {
        margin-left: 0px;
        padding-bottom:20px;
    }
    /* contact ends */


    /* footer 4 column */
    .footer_columns {
        margin-bottom:32px;
        margin-right: 0px;
        margin-left: 0px;
    }
    .footer_columns.first {
        margin-right: 0px;
        margin-left: 0px;
    }
    .footer {
        padding-bottom: 18px;
    }
    .footer #search {
        width: 64%;
    }
    .footer_columns.third {
        margin-right: 0px;
        margin-left: 0px;
    }
    /* footer 4 column ends */
    /* comment */
    .commentlist .reply a {
        top: 3px;
        right: 3px;
    }
    /* circle hover */
    .ch-item {
        width: 100%;
        height: 100%;
        left: -1px;
    }
    .ch-img-1 { 
        background-size:220px 220px;
        height: 220px;
    }
    .ch-img-1 img{
        width: 220px;
        height: 220px;
    }
    .ch-img-2 { 
        background-size:220px 220px;
        height: 220px;
    }
    .ch-img-2 img{
        width: 220px;
        height: 220px;
    }
    .ch-img-3 { 
        background-size:220px 220px;
        height: 220px;
    }
    .ch-img-3 img{
        width: 220px;
        height: 220px;
    }
    .ch-img-4 { 
        background-size:220px 220px;
        border-radius:50%;
        height: 220px;
    }
    .ch-img-4 img{
        border-radius: 50%;
        width: 220px;
        height: 220px;
    }
    .rect_box {
        width: 224px;
    }
    p.services_box_rect_head {
        width: 182px;
    }
    /* 404 page */
    p.fourzerofourerror{
        line-height: 41px;
    }
}