/*
Theme Name: Southtech Group
Theme URI: https://www.southtechgroup.com/
Author: Southtech Group TEAM
Author URI: https://www.southtechgroup.com/
Description: *****Custom theme for Southtech Group****
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: southtech-group
Tags: Southtech Group,Southtech

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

South Tech is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

img {
    max-width: 100%;
    height: auto;
}

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

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

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

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

body {
    font-family: 'open_sansregular';
    padding-top: 100px;
    font-size: 13px;
}

header.full-header {
    background: #FFFFFF;
    padding-bottom: 10px;
}

.top-bar {
    padding-top: 9px;
    text-align: right;
}

div.search-bar, div.menu-bar, div.language-area, div.search-area {
    display: inline-block;
    margin-left: 15px;
}

select.language-selector {

    width: 130px;
    border: 1px solid #EEEEEE;
    font-size: 12px;
    height: 25px;
    color: #7c7770;
}

.search-field {
    width: 130px !important;
    background: url("images/search-field-icon.png") no-repeat left center;
    border: 1px solid #EEEEEE;
    padding-left: 20px !important;
    font-size: 12px !important;
    height: 25px !important;
    color: #7c7770;
}

div.menu-bar ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

div.menu-bar ul li {
    list-style: none;
    display: inline-block;
}

div.menu-bar ul li a {
    color: #2066a7;
    padding-left: 20px;
    font-size: 11px;
    margin-left: 20px;
    font-family: 'open_sanssemibold';
}

div.menu-bar ul li:nth-child(1) a {
    background: url("images/media-menu-icon.png") no-repeat left center;
    margin-left: 0px;
}

div.menu-bar ul li:nth-child(2) a {
    background: url("images/customer-menu-icon.png") no-repeat left center;
}

div.menu-bar ul li:nth-child(3) a {
    background: url("images/partner-menu-icon.png") no-repeat left center;
}

.desktop-menu {
    padding: 20px 0 0 0;
    font-family: 'open_sanssemibold';
    font-size: 12.5px;
    color: #282828;
}

.desktop-menu ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

.desktop-menu ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin-left: 15px;
}

.desktop-menu ul.menu>li>a {
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
}
.desktop-menu ul li ul{
    display: none;
    position: absolute;
    right: 0;
    width: 180px;
    background: #ffffff;
    text-align: left;
    padding: 0px;

}
.desktop-menu ul li:hover>ul{
    display: block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=#797979)";/*IE 8*/
    -moz-box-shadow: 0px 2px 2px #797979;/*FF 3.5+*/
    -webkit-box-shadow: 0px 2px 2px #797979;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: 0px 2px 2px #797979;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color=#797979); /*IE 5.5-7*/

}
.desktop-menu ul li>ul>li{
    display: block;
    margin: 0;
    padding: 0;
}
.desktop-menu ul li ul li a{
    display: block;
    padding: 8px 15px;
}
.desktop-menu ul li ul li a:hover{
    background: #f5f5f5;
}
.desktop-menu ul li ul li ul{
    display: none;
    position: absolute;
    right: 100%;
    top:0;
    width: 180px;
    background: #ffffff;
    text-align: left;
    padding: 0px;

}
.desktop-menu ul li ul li:hover ul{
    display: block;
}


/*.dropdown-menu li a {*/
/*font-size: 12.5px;*/
/*}*/

/* Add the following to your stylesheet */
/*.caret {*/
/*display: none;*/
/*}*/

/*.dropdown-submenu {*/
/*position: relative;*/
/*}*/

/*.dropdown-submenu > .dropdown-menu {*/
/*top: 0;*/
/*right: 100%;*/
/*-webkit-border-radius: 0 6px 6px 6px;*/
/*-moz-border-radius: 0 6px 6px 6px;*/
/*border-radius: 0 6px 6px 6px;*/
/*width: auto;*/
/*}*/

/*.dropdown-submenu:active > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {*/
/*display: block;*/
/*}*/

/*.dropdown-submenu:active > a:after {*/
/*border-left-color: #ffffff;*/
/*}*/

/*.dropdown-submenu.pull-left {*/
/*float: none;*/
/*}*/

/*.dropdown-submenu.pull-left > .dropdown-menu {*/
/*left: -100%;*/
/*margin-left: 10px;*/
/*-webkit-border-radius: 6px 0 6px 6px;*/
/*-moz-border-radius: 6px 0 6px 6px;*/
/*border-radius: 6px 0 6px 6px;*/
/*}*/

section.slider {
    padding: 0;
    position: relative;
}

section {
    padding: 85px 0;
}

.quality-practices {
    background: #F9F9F9;
}

.quality-practices .quality-box {
    -webkit-transition: all 1s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 1s ease; /* Firefox 4-15 */
    -o-transition: all 1s ease; /* Opera 10.5-12.00 */
    transition: all 1s ease; /* Firefox 16+, Opera 12.50+ */
}

.quality-practices .quality-box:hover {
    -moz-transform: rotate(0deg) scale(1.2, 1.2) skewX(0deg) skewY(0deg) translate(0px, 0px); /* FF3.5+ */
    -webkit-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px); /*Saf3.1+, Chrome*/
    -o-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px); /* Opera 10.5 */
    -ms-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px); /* IE 9 */
    transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px);
}

.title-area {
    padding-bottom: 55px;
}

.sec-title, .sec-subtitle {
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
}

.sec-title {
    font-size: 32px;
    color: #2066a7;
    font-family: 'open_sansbold';
}

.sec-subtitle {
    font-size: 16px;
    color: #666666;
    padding: 0 25px;
    display: table;
    margin: 0 auto;
    letter-spacing: 2px;
    background: url(images/subtitle-icon.png) no-repeat left center, url(images/subtitle-icon.png) no-repeat right center;
}

.light .sec-title, .light .sec-subtitle {
    color: #FFF;
}

.light .sec-subtitle {
    background: url(images/light-subtitle-icon.png) no-repeat left center, url(images/light-subtitle-icon.png) no-repeat right center;
}

.box {
    margin-bottom: 20px;
}

.box .caption p {
    font-family: 'open_sanslight';
    font-size: 14px;
    min-height: 117px;
}

.box .caption h4 {
    text-transform: uppercase;
    font-family: 'open_sanssemibold';
    font-size: 16px;
    padding: 20px 0 12px;
}

.box .caption h4 a:hover, .btn-border:hover {
    color: #2066a7;
}

.btn-border {
    /*  margin-top: 35px;*/
    padding-top: 25px;
    font-size: 11px;
    display: table;
    background: url(images/btn-border.png) no-repeat left top;
    outline: none;
}

section.service {
    background: url(images/services1.png) no-repeat center fixed;
    color: #FFF;
    background-size: cover;
}

.service-area {
    text-align: center;
    padding: 40px 0;
}

.service-area h3, .service-area h1 {
    font-family: 'open_sansbold';
}

.service-area p {
    font-size: 18px;
}

.btn-margin {
    margin-top: 50px;
}

.btn-custom {
    font-size: 14px;
    font-family: 'open_sansbold';
    padding: 16px 20px;
    border: none;
    width: 200px;
}

.feature-area {
    background: url(images/feature-img-bg.png) no-repeat center;

}

.feature-img {
    margin: 40px 0;
}

.feature-box {
    padding-top: 35px;
    padding-bottom: 35px;
}

.feature-box h4 {
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'open_sanssemibold';
    color:#333798;
}

.feature-box p {
    font-size: 12px;
}

.feature-left {
    text-align: right;
    padding-right: 80px;
}

.feature-right {
    padding-left: 80px;
}

.feature-01 {
    background: url(images/feature-icon-01.png) no-repeat right center;
}

.feature-02 {
    background: url(images/feature-icon-02.png) no-repeat right center;
}

.feature-03 {
    background: url(images/feature-icon-03.png) no-repeat left center;
}

.feature-04 {
    background: url(images/feature-icon-04.png) no-repeat left center;
}

section.awards {
    background: url(images/awards-bg.png) no-repeat center fixed;
    background-size: cover;
    color: #FFF;
    text-align: center
}

.boldtext {
    font-family: 'open_sansbold';
}

.carousel-control.right, .carousel-control.left {
    background: none;

}

.carousel-inner {
    max-width: 910px;
    margin: 0 auto;
}

.carousel-control {
    width: auto;
}

.media-box-title {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'open_sanssemibold';
    margin-bottom: 20px;
    color: #2066a7;
}

.media-box-area {
    padding: 10px;
    border: 1px solid #eee;
    border-top: 5px solid #2066a7;
}

.media-box-area a.btn-border {
    color: #2066a7;
}

.media-box {
    min-height: 250px;
}

.media-box ul {
    margin: 0;
    padding: 0;
}

.media-box ul li {
    list-style: none;
}

.media-box ul li a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #EEE;
}

section.reviews {
    background: #2066a7;
    color: #FFF;
    text-align: center
}

.client-image-thumbnail {
    margin: 0px auto 30px;
    overflow: hidden;
    background: #FFF;
    width: 120px;
    height: 120px;
    border: 1px solid #808080;
    /*Firefox*/
    -moz-border-top-left-radius: 90px;
    -moz-border-top-right-radius: 90px;
    -moz-border-bottom-right-radius: 90px;
    -moz-border-bottom-left-radius: 0px;
    /*Safari, Chrome*/
    -webkit-border-top-left-radius: 90px;
    -webkit-border-top-right-radius: 90px;
    -webkit-border-bottom-right-radius: 90px;
    -webkit-border-bottom-left-radius: 0px;
    border-top-left-radius: 90px;
    border-top-right-radius: 90px;
    border-bottom-right-radius: 90px;
    border-bottom-left-radius: 0px;

}

section.reviews a {
    color: #F0F8FB;
}

blockquote .clients-name a {
    color: #2066a7;
    font-family: 'open_sansbold';
}

blockquote .designation {
    font-size: 14px;
}

section.contact {
    background: #262626;
    color: #FFF;
    text-align: center
}

.wpcf7-form {
    padding-top: 50px;
}

section.social-media {
    padding: 40px 0 50px;
    background: #2d2d2d url("images/media-border.png") no-repeat bottom center;
}

section.social-media ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

section.social-media ul li {
    list-style: none;
    display: inline-block;
}

section.social-media ul li a {
    color: #FFFFFF;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0px 4px;
    border: 1px solid #FFFFFF;
    font-size: 22px;
    line-height: 50px;
    -moz-transform: rotate(45deg); /*FF3.5+*/
    -o-transform: rotate(45deg); /*Opera 10.5*/
    -webkit-transform: rotate(45deg); /*Saf3.1+, Chrome*/
    -ms-transform: rotate(45deg); /*IE9*/
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.707107, M12=-0.707107, M21=0.707107, M22=0.707107, sizingMethod='auto expand'); /*IE6-IE9*/
    zoom: 1;
    -webkit-transition: all 0.5s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s ease; /* Firefox 4-15 */
    -o-transition: all 0.5s ease; /* Opera 10.5-12.00 */
    transition: all 0.5s ease; /* Firefox 16+, Opera 12.50+ */

}

section.social-media ul li a:hover {
    background: #FFFFFF;
    color: #2d2d2d;
    -moz-transform: rotate(0deg) scale(1.2, 1.2) skewX(0deg) skewY(0deg) translate(0px, 0px); /* FF3.5+ */
    -webkit-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px); /*Saf3.1+, Chrome*/
    -o-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px); /* Opera 10.5 */
    -ms-transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px); /* IE 9 */
    transform: rotate(0deg) scale(1.2, 1.2) skew(0deg, 0deg) translate(0px, 0px);

}

section.footer {
    text-align: center;
    padding: 50px 0;
}

section.footer ul {
    margin: 0;
    padding: 0;
}

section.footer ul li {
    list-style: none;
    display: inline-block;
}

section.footer ul li a {
    padding: 0px 15px;
    display: block;

}

.copyright {
    color: #717070;
    padding-top: 20px;
    letter-spacing: 2px;
    margin-bottom: 5px;
}

ul.terms-menu li a {
    font-size: 13px;
    color: #717070;
    border-right: 1px solid #717070;
    line-height: 14px;

}

ul.terms-menu li:last-child a {
    border-right: none;
}

section.inner-page {
    padding: 50px 0;
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignleft {
    float: left;
    padding: 0px 20px 20px 0px;
}

.alignright {
    float: right;
    padding: 0px 0px 20px 20px;

}

.page-title {
    color: #2066a7;
    font-family: 'open_sansbold';
    margin-top: 0;
    font-size: 32px;
}

/*header.entry-header{*/
/*padding-bottom: 20px;*/
/*}*/
.inner-page-title {
    /*background: url("images/subtitle-icon.png") no-repeat right center;*/
    /*display: table;*/
    /*padding-right: 30px;*/
}

.widget {
    margin-bottom: 30px;
}

.widget-title {
    color: #2066a7;
    text-transform: uppercase;
}

.widget ul {
    margin: 0;
    padding: 0;
}

.widget ul li {
    list-style: none;
}

.widget.widget_nav_menu ul li > ul, .widget.widget_nav_menu ul li > ul li > ul {
    margin-left: 15px;
}

.widget.widget_nav_menu ul li a {
    display: block;
    padding: 8px 10px;
    -webkit-transition: all 0.5s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s ease; /* Firefox 4-15 */
    -o-transition: all 0.5s ease; /* Opera 10.5-12.00 */
    transition: all 0.5s ease; /* Firefox 16+, Opera 12.50+ */
    border: 1px solid #EEEEEE;
    margin-bottom: -1px;
}

.widget.widget_nav_menu ul li a:hover {
    color: #2066a7;
    background: #EEEEEE;
}

.widget ul li.current-menu-item {
    display: none;
}

.page-sub-title {
    color: #666666;
    font-family: 'open_sansregular';
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 30px;
}

.entry-meta {
    padding-bottom: 15px;
    color: #717070;
}

.error-code {
    font-size: 250px;
    font-family: 'open_sanslight';
    text-align: center;
}

.error-massage {
    text-align: center;
    font-family: 'open_sanslight';
}

.not-found {
    padding: 100px 0 200px;
}

.content-area {
    min-height: 500px;
}

.fixed-content {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 88%;
}
.fixed-content1 {
    position: fixed;
    z-index: 999;
    right: 0;
    top: 83%;
}
.banner-title {
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 40%;
}

.banner-title h1 {
    color: #FFF;
    font-size: 42px;
}

.inner-banner {
    height: 400px;
}

.inner-banner img {
    /* opacity: 0.40;*/
}

.page-template-template-fullwidth .form-control {
    border: 1px solid #EEE;
    background: #f8f8f8;
}

ul.list li {
    margin: 5px 0;
}

.circle {
    border: 1px solid #EEEEEE;
    -moz-border-radius: 90px; /*Firefox*/
    -webkit-border-radius: 90px; /*Safari, Chrome*/
    border-radius: 90px;
    padding: 20px 50px;
    font-size: 18px;
    margin: 150px 0 150px 0;
}

.posted-on .updated {
    display: none;
}

section.contact .form-control {
    color: #FFF;
}

ul.page-list > li.page_item_has_children > a, ul.page-list > li.page_item_has_children > ul.children > li.page_item_has_children > a {
    pointer-events: none;
    cursor: default;
}

.bx-wrapper {
    margin: 0;
}

.partner-box {
    border: 1px solid #cccccc;
    border-bottom: none;
}

.partner-box .col-sm-8 p {
    padding: 38px 0;
}

.partner-box-bottom {
    border-bottom: 1px solid #cccccc;
}
.sfsi_Sicons{
    margin-bottom: -20px;
}

#very-special-field
{
    width: 98%;
    float: left;
}
.very-special-field-for-checkbox
{
    width: 98%;
    float: left;
padding:0;
}
.textareamsg{
    resize: vertical;
}
/**************************BLOG COMMENT AREA CSS*****************************************/

.single .comments-area {
}

.single .comments-area .comment-list {
    padding-left: 0;
}

.single .comments-area .comment-list li.comment {
    padding: 10px;
    border: 1px dashed #CCC;
    margin-bottom: 20px;
    list-style: none;
}

.single .comments-area .comment-list li.comment ol.children {
    margin-top: 10px;
}

.single .comments-area .comment-list li.comment ol.children li {
    border-color: #EEEEEE;
}

.comment-form label {
    display: block;
}

.comment-form .comment-form-comment textarea#comment {
    height: 100px !important;
}

.single .comment-form .form-submit .submit {
    display: table;
    border: none;
    padding: 8px 25px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    background-size: 200% 100%;
    background-image: linear-gradient(to left, #4147c9 50%, #343A90 50%);
    -webkit-transition: all 0.5s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s ease; /* Firefox 4-15 */
    -o-transition: all 0.5s ease; /* Opera 10.5-12.00 */
    transition: all 0.5s ease; /* Firefox 16+, Opera 12.50+ */
}

.single .comment-form .form-submit .submit:hover {
    background-position: -100% 0;
    color: #ffffff;
}

.reply a {
    display: table;
    background: #EEEEEE;
    padding: 5px 15px;
    -webkit-transition: all 0.5s ease; /* Safari 3.2+, Chrome */
    -moz-transition: all 0.5s ease; /* Firefox 4-15 */
    -o-transition: all 0.5s ease; /* Opera 10.5-12.00 */
    transition: all 0.5s ease; /* Firefox 16+, Opera 12.50+ */
}

.reply a:hover {
    background: #e5e5e5;
}

.comments-title {
    font-weight: 100;
    font-size: 24px;
}

span.posted-on:before, span.byline:before, .reply a:before, span.cat-links:before, span.comments-link:before, span.edit-link:before, span.tags-links:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #CCC;
    padding-right: 0.5em;
}

.reply a:before {
    content: "\f112";
    color: #000 !important;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    padding: 4px 6px; /*  width: 320px;*/
    height: 35px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
}

textarea {
    height: auto !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}
.comment-link {
	padding: 10px 0;
}

/**************************BLOG COMMENT AREA CSS*****************************************/


@media screen and (min-width: 768px) {
    /*.dropdown:hover > .dropdown-menu {*/
    /*display: block;*/
    /*}*/

}

@media screen and (max-width: 990px) {
    body {
        padding-top: 0;
    }

    .navbar-fixed-top {
        position: relative;
    }

    .top-bar {
        text-align: center;
    }

    .logo {
        text-align: center;
        margin-top: 35px;
    }
}

@media screen and (max-width: 767px) {
    .service-area {
        padding: 0;
    }

    .media-box {
        min-height: auto;
    }

    .btn-border {
        margin-bottom: 80px;
    }

    .fixed-content img {
        width: 70px;
    }

}
@media screen and (max-width: 767px) {
   .test { 
		width: 100% !important;
		text-align: right !important;
		margin-left: -77px !important;
 }
.test1 { 
		width: 77% !important;
		text-align: left!important;
		margin: 0 81px !important;
 }
}
@media screen and (max-width: 400px) {
    div.menu-bar ul li a {
        margin-left: 10px;
    }
}