/*
Theme Name: DocPress
Theme URI: http://www.hardeepasrani.com/portfolio/docpress/
Author: Hardeep Asrani
Author URI: http://www.hardeepasrani.com/
Description: DocPress is a responsive WordPress theme for documentation sites. If you want a documentation website for your product then this is the best pick, and it also has a search bar on the top section which makes it easier to use search for the content. Apart from that, it's built on Bootstrap!
Version: 2.2.2
Tags: blue, white, light, responsive-layout, two-columns, left-sidebar, custom-header, custom-menu, featured-images, sticky-post, threaded-comments, translation-ready
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: docpress

DocPress WordPress Theme, Copyright 2016 Hardeep Asrani
Hardeep is distributed under the terms of the GNU GPL
*/

/*
 * Base structure
 */
* {
    margin: 0 auto;
    padding: 0;
}
/* Webfont: Lato-Italic */@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
body {
    background-color: #FFF;
    color: #000;
    font-family: 'LatoWeb', Fallback, sans-serif;
    font-size: 16px;
    word-wrap: break-word;
}

ul,
li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

embed,
iframe,
img,
object,
video,button,
input,
select,
textarea,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="range"],
textarea {
    display: block;
    width: 100%;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.4;
    color: #6F6F6F;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="range"]:focus,
textarea:focus {
    border-color: #66AFE9;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

input[type="submit"],
button {
    color: #333;
    display: block;
    background-color: #E7E7E7;
    margin-bottom: 0px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid #CCC;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.4;
    border-radius: 0px;
    -moz-user-select: none;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
button:hover,
button:focus {
    color: #333;
    background-color: #CECECE;
    border-color: #ADADAD;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 2;
    margin-bottom: 4rem;
    width: 100%;
}

/* WordPress */

.screen-reader-text {}

.avatar {
    float: left;
    margin-right: 25px;
}

.alignleft .avatar {
    margin-right: 24px;
    margin-right: 2.4rem;
}

.alignright .avatar {
    margin-left: 24px;
    margin-left: 2.4rem;
}

article.sticky h2:before {
    content: "Featured: ";
}

img.centered,
.aligncenter {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 2.4rem;
}

img.alignnone {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
}

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
    margin: 0 24px 24px 0;
    margin: 0 2.4rem 2.4rem 0;
}

img.alignright,
.wp-caption.alignright {
    margin: 0 0 24px 24px;
    margin: 0 0 2.4rem 2.4rem;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}

.gallery-caption {
}

.bypostauthor {
}

.widget_calendar table {
    width: 100%;
}

.widget_calendar td,
.widget_calendar th {
    text-align: center;
    color: #FFF;
}

.navbar {
    font-family: 'LatoWeb', Fallback, sans-serif;
    font-weight: 700;
    background: #1a1816;
}

.navbar a:focus {
    outline: 0;
}

h1.site-title {
    font-size: 32px;
    margin: 0;
    padding: 0;
}

.navbar .navbar-brand {
    color: #FFF;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
}

.navbar-default .navbar-nav > li > a {
    color: #A6A6A6;
}

header.jumbotron {
    color: #FFF;
    //padding: 0px 0 200px 0;
    padding: 0px 0 22px 0;
    margin: 0;
}

header.jumbotron h2 {
    font-weight: bold;
}

header.jumbotron .form-group {
    padding: 20px 0;
}

header.jumbotron .form-group input.form-control {
    height: 50px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjFweCIgdmlld0JveD0iMCAwIDIwIDIxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4wLjMgKDc4OTEpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPkltcG9ydGVkIExheWVyczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZC0xIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQyLjAwMDAwMCwgLTE2NC4wMDAwMDApIiBmaWxsPSIjREREREREIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU2VhcmNoLUlucHV0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjIuMDAwMDAwLCAxNDkuMDAwMDAwKSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTM5LjU2MTk0NDQsMzMuMzgxMDQxMSBMMzMuNjI0NzIyMiwyNy4yMzIwNjg1IEMzNC40ODU1NTU2LDI1Ljk2ODYxNjQgMzQuOTkzMDU1NiwyNC40Mjc4NDkzIDM0Ljk5MzA1NTYsMjIuNzYzMzgzNiBDMzQuOTkzMDU1NiwxOC40NzU2NDM4IDMxLjYzNjk0NDQsMTUgMjcuNDk2NjY2NywxNSBDMjMuMzU2NjY2NywxNSAyMCwxOC40NzU2NDM4IDIwLDIyLjc2MzM4MzYgQzIwLDI3LjA1MDgzNTYgMjMuMzU2NjY2NywzMC41MjcwNTQ4IDI3LjQ5NjY2NjcsMzAuNTI3MDU0OCBDMjkuMTExNjY2NywzMC41MjcwNTQ4IDMwLjYwNjExMTEsMjkuOTk2NTg5IDMxLjgyOTcyMjIsMjkuMDk3MDQxMSBMMzcuNzYzODg4OSwzNS4yNDMxMzcgQzM4LjMwODMzMzMsMzUuODA2Njg0OSAzOS4xNTgzMzMzLDM1Ljg0OTI2MDMgMzkuNjUyNzc3OCwzNS4zMzY5MTc4IEM0MC4xNDcyMjIyLDM0LjgyNTE1MDcgNDAuMTA2Mzg4OSwzMy45NDQ4NzY3IDM5LjU2MTk0NDQsMzMuMzgxMDQxMSBMMzkuNTYxOTQ0NCwzMy4zODEwNDExIFogTTIyLjUsMjIuNzYzMzgzNiBDMjIuNSwxOS45MTA1NDc5IDI0Ljc0MTY2NjcsMTcuNTg5MDQxMSAyNy40OTY2NjY3LDE3LjU4OTA0MTEgQzMwLjI1MTY2NjcsMTcuNTg5MDQxMSAzMi40OTMwNTU2LDE5LjkxMDU0NzkgMzIuNDkzMDU1NiwyMi43NjMzODM2IEMzMi40OTMwNTU2LDI1LjYxNjc5NDUgMzAuMjUxNjY2NywyNy45MzgwMTM3IDI3LjQ5NjY2NjcsMjcuOTM4MDEzNyBDMjQuNzQxNjY2NywyNy45MzgwMTM3IDIyLjUsMjUuNjE2Nzk0NSAyMi41LDIyLjc2MzM4MzYgTDIyLjUsMjIuNzYzMzgzNiBaIiBpZD0iSW1wb3J0ZWQtTGF5ZXJzIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 14px 13px;
    padding-left: 50px;
}

header.jumbotron .form-group .btn {
    height: 52px;
    padding: 0 40px;
    color: #000;
    background-color: #f0d112;
    border-color: #f0d112;
    border-radius: 5px;
}

header.jumbotron .form-group .btn:hover {
    color: #000;
    background-color: #f0d112;
    border-color: #f0d112;
}

header.jumbotron .form-group .btn:focus {
    color: #FFF;
    background-color: #004B63;
    border-color: #001921;
}

div.doc-main .container {
    padding: 0px 15px;
}

div.doc-main .box {
    background:#FFF;
    transition:all 0.2s ease;
    border:2px dashed #DADADA;
    margin: 20px 0;
    box-sizing: border-box;
    border-radius: 5px;
    background-clip: padding-box;
    padding:0 20px 20px 20px;
}

div.doc-main .box .doc-title {
    font-size: 24px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 20px;
}

div.doc-main .box .box-content {
    padding: 16px;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    box-sizing: border-box;
}

div.doc-main .box .box-content p {
    color:#515C66;
    text-transform:none;
    margin: 20px 0px;
}

div.doclist article  {
    padding: 15px 0 15px 20px;
}

div.doclist article  h2 {
    color: #000;
    font-size: 30px;
    margin: 0;
}

div.doclist article:nth-child(2n) {
    background: #F5F5F5 none repeat scroll 0% 0%;
}

div.doc-main .content-area {
    padding: 0 30px;
}

.entry-content h1, 
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-weight: bold;
    line-height: 1.1852;
    margin: 20px 0;
}

.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size24{ font-size: 24px; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }

.entry-content,
.entry-content p,
.entry-content span {
    font-size: 14px;
    line-height: 1.6842;
}

.entry-content p{
    color: #666666;
    letter-spacing: 1px;
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
}

.entry-content a:hover {
    text-decoration: underline;
}

.entry-footer {
    color: #008CBA;
    margin: 50px 0;
}

.entry-footer a {
    color: #008CBA;
    font-size: 15px;
}

.entry-footer a:hover {
    text-decoration: underline;
}

.entry-footer .posted-on,
.entry-footer .byline,
.entry-footer .cat-links,
.entry-footer .tags-links {
    margin-right: 10px;
}

.posted-on::before {
    font-family: "FontAwesome";
    content: "\f073";
    margin-right: 5px;
}

.byline::before {
    font-family: "FontAwesome";
    content: "\f007";
    margin-right: 5px;
}

.cat-links::before {
    font-family: "FontAwesome";
    content: "\f07c";
    margin-right: 5px;
}

.tags-links::before {
    font-family: "FontAwesome";
    content: "\f02c";
    margin-right: 5px;
}

.sidebar .docwidget {
    word-wrap: break-word;
    background-color: #F5F5F5;
    list-style: outside none none;
    margin: 0px 20px 10px;
    padding: 15px 20px;
    font-size: 15px;
}

.sidebar .docwidget .widget-title {
    font-size: 15px;
    font-weight: normal;
}

.sidebar .docwidget .widget-wrap > ul {
    margin: 10px 0;
}

.sidebar .docwidget .widget-wrap > ul > li {
    padding: 5px 0;
}

.pagination {
    display: block;
    font-size: 15px;
}

.pagination .right {
    float: right;
}

.pagination a:hover {
    text-decoration: underline;
}

.comments-area {
    margin-top: 40px;
    float: left;
    width: 100%;
}

.comment-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.comment-list ol {
    list-style: none;
    padding-left: 0;
}

.comment-list .comment-body {
    font-weight: 400;
    color: #666666;
}

.comment-list .comment-body ol {
    margin: 0 0 1.5em 0;
    padding-left: 20px;
    list-style: decimal;
    word-wrap: break-word;
}

.comment-list ol.children {
    margin-left: 2%;
}

h2.comments-title {
    font-family: 'LatoWeb', Fallback, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 15px;
}

h2.screen-reader-text {
    font-family: 'LatoWeb', Fallback, sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
}

.comment-list .comment > article {
    border: 1px solid #eaeaea;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 80px;
    position: relative;
    margin-bottom: 22px;
    padding: 15px;
    word-wrap: break-word;
}

.comment-list .comment-author img {
    position: absolute;
    top: 0;
    left: -80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #e4e4e4;
}

.comment-list  .comment-author .fn {
    font-weight: 700;
    font-size: 14px;
}

.comment-list  .comment-author .fn a {
    font-weight: 700;
    color: #000;
    font-size: 14px;
}

.comment-list .comment-author .says {
    font-weight: 500;
    color: #a7a8b1;
    font-size: 14px;
}

.comment-list .comment-metadata {
    color: #008ed6;
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
}

.comment-list .comment-metadata .edit-link {
    float: right;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.comment-list .comment-content {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
}

.comment-list .reply {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
    font-weight: 500;
}

.comment-form p {
    position: relative;
}

.comment-form p.comment-notes,
.comment-form p.logged-in-as {
    width: 100%;
    padding-left: 0;
}

.comment-form label {
    position: absolute;
    left: 0;
    line-height: 38px;
    font-weight: 400;
}

.comment-form input.form-control {
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    box-shadow: 0;
    border-radius: 0;
}

.comment-form textarea {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    box-shadow: 0;
    border-radius: 0;
}

.comment-form .form-allowed-tags,
.comment-form .form-allowed-tags code {
    font-size: 10px;
    line-height: 14px;
}

.comment-form .form-submit input {
    background: #181616;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: none;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    color: #FFF;
    text-shadow: none;
    text-transform: uppercase;
    padding: 7px 30px;
    border: 1px solid #181616;
    min-width: 10px;
}

.comment-form .form-submit input:hover {
    background: #222;
}

.comment-reply-title {
    font-family: 'LatoWeb', Fallback, sans-serif;
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 50px;
}

.comment-list li.pingback {
    padding: 0 0 15px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 15px;
}

input.searchform-input {
    height: 40px;
}

input.searchform-button {
    height: 40px;
    background: #181616;
    border: 1px solid #181616;
}

input.searchform-button:hover,
input.searchform-button:focus,
input.searchform-button:active {
    background: #222;
}

div.footer {
    background: #000000;
    position: relative;
    font-size: 13px;
}

div.footer a {
    color: #A6A6A6;
}

div.footer a:hover {
    color: #FFF;
}

div.footer select,
div.footer option,
div.footer input {
    color: #000;
}

div.footer .container {
    padding: 0px 30px 10px;
}

div.footer .widget ul li {
    line-height: 24px;
}

div.footer .footer-credits span {
    font-size: 11px;
    color: #544d4c;
}

/*Custom CSS 27-02-2017*/
.select-group-box {
    width: 48% !important;
    float: left;
    overflow: hidden !important;
    margin-left: 12px;
    padding: 0 !important;
}

.search-form{
    padding-top: 250px;
    width: 1050px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    background-color: rgba(128,128,128, 0.35);
    padding: 35px 12px 15px 12px !important;
    border: 1px solid #cc1127;
}
header.jumbotron .form-group{
    background-color: rgba(255,0,0,0.6);
    padding: 0 !important;
    border: 10px solid rgba(191,19,26,0.1);
}

.jumbotron h2{
    font-size: 29px;
}

.jumbotron h3{
    font-size: 48px;
    letter-spacing: 15px;
    font-weight: 200;
    text-transform: uppercase;
}

.jumbotron h4{
    font-size: 27px;
    font-weight: bold;
    color: #f0d112;
}

.active-dropdown a{
    padding: 10px 15px 20px 15px !important;
    border-bottom: 5px solid #f0d112;
    color: #FFFFFF;
    background-color: #1a1816 !important;
}

/*Select Box Style */
.welcome-logo{
    font-size: 14px; 
    letter-spacing: 5px; 
    margin-bottom: 14px;
}

#mainselection {
   overflow:hidden;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   box-shadow: 1px 1px 11px #330033;
   background: #f3eaea url("assets/img/select-arrow.png") no-repeat scroll 100% center;
}

#mainselection select {
   border: 0;
   color: #000;
   background: transparent;
   font-size: 14px;
   padding: 2px 40px 2px 10px;
   width: 110%;
   *width: 350px;
   *background: #f3eaea;
   -webkit-appearance: none;
   height: 52px;
}
.features-icon{
    opacity: 0.8;
    cursor: pointer;
    margin: 27px 15px;
}

.features-icon h3{
    font-size: 10px;
    text-align: center;
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
}
.features-icon .textwidget{
    text-align: center;
    letter-spacing: 4px;
    font-weight: 600;
    font-size: 15px;
}
.features-icon:hover{
    background-color: #c61517 !important;
    outline: solid #e7b813 1px;
    outline-offset: -17px;
    color: #fff;
}
.features-icon:hover div.textwidget{
    color: #e7b813 !important;
}
.features-icon:hover h3{
    color: #ffffff;
}
.features-icon-search{
    background-image: url('assets/img/icon-fd.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 69px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.features-icon:hover .features-icon-search{
    background-image: url('assets/img/icon-fb-white.png');
    background-repeat: no-repeat;
    background-size: 69px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.features-icon-gurantee{
    background-image: url('assets/img/icon-mb.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 69px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.features-icon:hover .features-icon-gurantee{
    background-image: url('assets/img/icon-mb-white.png');
    background-repeat: no-repeat;
    background-size: 69px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.features-icon-insura{
    background-image: url('assets/img/icons_ib.png');
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: 69px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.features-icon:hover .features-icon-insura{
    background-image: url('assets/img/icons_ib-white.png');
    background-repeat: no-repeat;
    background-size: 69px;
    width: 75px;
    height: 75px;
    margin: 0 auto;
}
.about-us-title h3{
    font-size: 36px;
    letter-spacing: 10px;
    font-weight: bold;
}
.read-more-button{
    border: 1px solid #e7b813;
    width: 205px;
    border-radius: 3px;
}
.read-more-button a{
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px !important;
}
.about-us-text p{
    letter-spacing: 1px;
    text-align: justify;
    font-size: 15px;
    line-height: 22px;
}
.products-section-title h3{
    font-size: 37px;
    font-weight: bold;
    letter-spacing: 10px;
    color: #ffffff;
    text-align: center;
    padding-top: 58px;
}
.products-text-box h3{
    color: #e7b813;
    font-size: 20px;
    text-align: center;
    margin-bottom: 0px;
}
.products-text-box p{
    color: #ffffff;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 13px;
}
.know-more-button a{
    border: 1px solid #e7b813 !important;
    color: #000 !important;
    letter-spacing: 2px;
    font-size: 14px;
    padding: 0.5em 0.5em !important;
}
.know-more-button a span{
    color: #000000 !important;
    font-size: 14px;
    font-weight: 600;;
}
#pg-w58b7b89d85163-1{
    margin-bottom: 20px !important;
}
#color-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   opacity: 0.6;
}
#products-row-el{
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url("assets/img/bottom-benner.jpg") !important;
    padding-bottom: 6%;
}
.inner-page-banner{
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("assets/img/about-banner.jpg") !important;
    padding-bottom: 6%;
}
.rq-callback-title h3{
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    letter-spacing: 5px;
    padding-top: 32px;
    padding-bottom: 15px;
    font-weight: bold;
}
.rq-callback-f2-title h3{
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    letter-spacing: 5px;
    padding-top: 32px;
    padding-bottom: 0px !important;
    font-weight: bold;
}
#panel-1679-4-0-0{
    margin-bottom: 0px !important;
}
.cta-main {
    width: 85%;
    margin: 0 auto;
}
.contact-form .form-control{
    width: 40%;
    float: left;
    color: #333333 !important;
    margin: 0 5px;
    border: 1px solid #a51113;
    border-radius: 5px;
}
.contact-form .btn-primary{
    width: 16%;
    float: left;
    margin: 0 5px;
    background-color: #f0d112;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 3px;
}
div.footer .widget ul li{
    display: inline;
    padding: 20px;
}
div.footer .widget ul li a{
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    color: #544d4c;
}
div.footer .widget_nav_menu{
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center;
}
.footer-widget-one{
    color: #ffffff;
}
.footer-widget-one .fa-phone, .footer-widget-one .fa-envelope, .fa-phone , .fa-envelope, .fa-map-marker {
    background-color: #f0d112 !important;
    color: #000;
    font-size: 16px;
    text-align: center;
    padding: 5px;
    border-radius: 50px;
    width: 26px;
    height: 26px;
    margin: 5px;
}
.sow-features-list .sow-features-feature{
    padding: 0 !important;
}
.sow-icon-container.sow-container-none{
    height: 265px !important;    
}
.sow-features-list .sow-features-feature h5{
    color: #e7b813;
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px !important;
}
.sow-features-list .sow-features-feature p{
    color: #ffffff;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 13px;
    margin: 0 20px;
    text-align: center;
}
/*.sow-features-list .sow-features-feature p.sow-more-text{
    margin-top: 25px;
}*/
.sow-features-list .sow-features-feature p.sow-more-text {
	margin-top: 30px;
}

.sow-features-list .sow-features-feature p.sow-more-text a{
    padding: 10px 30px;
    background-color: #ffffff;
    color: #000 !important;
    border: 1px solid #e7b813;
    border-radius: 5px;
    letter-spacing: 1px;
}
.about-bg-overlay{
    width: 100%;
    height: 344px;
}
.entry-title{
    text-align: center;
    background: #000;
    color: #e7b813;
    top: 0;
    margin: 0 auto;
    width: 47%;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    padding: 10px 0;
}
.doc-main{
    background-color: #f2f2f2;
}
.about-main-row .panel-grid-cell .widget{
    padding: 0;
}
#pl-w58bea620d15aa{
   /*padding: 30px 40px;*/
}
#pg-w58bea0af9d26e-3{
    
}
.about-main-row .panel-grid-cell{
    background-color: #ffffff;
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.about-imgwidget.panel-widget-style{
    box-shadow: 1px 1px 5px #888888;
    width: 100%;
    height: auto;
}
.about-imgwidget img{
    width: 70%;
    height: auto;
    padding: 10px;
}
#five-image-grid .panel-grid-cell .widget{
    margin-bottom: 10px !important;
}
.wpcf7-form-control{
    border: 1px solid #636363 !important;
    color: #636363 !important;
}
.wpcf7-form-control.wpcf7-submit {
    background: #bf1114;
    color: #ffffff !important;
    border: none !important;
    min-width: 140px;
}
.read_more{
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    padding: 1em 2em;
    background: #ffffff;
    color: #0a0a0a !important;
    border: 1px solid #e7b813;
    width: 205px;
    border-radius: 3px;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    border-radius: 0.25em;
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-transform: uppercase;
}
.layer-content .title {
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 0 !important;
    margin-bottom: 10px;
}
.layer-content .excerpt{
    color: #666666;
    letter-spacing: 1px;
    font-size: 14px !important;
    padding: 0!important;
    margin-bottom: 10px;
    height: 50px;
}
.post-grid .grid-items{
    text-align: left !important;
}
.features-icon a .textwidget{
    color: #000000 !important;
}
.features-icon .textwidget:hover{
    color: #e7b813 !important;
    text-decoration: none !important;
}
.entry-content a:hover{
    text-decoration: none;
}
select{
    width: 100px;
    text-overflow: ellipsis;
}
.select-vehicle-row img{
    width: 50%;
}
.select-vehicle-row .so-widget-sow-image{
    background: #FFFFFF;
    box-shadow: 1px 1px 4px #4F4F4F;
    padding-top: 10px;
    padding-bottom: 10px;
}
.select-vehicle-row .so-widget-sow-image:hover{
    border: 2px solid #f0d112;
    position: absolute;
    width: 13.75%;
}
.select-vehicle-image{
    width: 70%;
}
.select-vehicle-image p{
    text-align: center;
}
.select-vehicle-image img{
    width: 50%;
    padding: 15px 0;
}
.model-row{
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #c6c5c5;
    float: left;
}
.model-title{
    width: 50%;
    float: left;
    font-size: 15px;
    font-weight: 600;
}
.model-title a{
    color: #000000;
}
.model-variation-link{
    width: 50%;
    float: right;
    text-align: right;
    font-size: 12px;
}
.model-variation-link a{
    color: #bf1114;
}
.model-main-title{
    border-bottom: 1px solid #000000;
    padding-bottom: 10px;
}
table{
    width: 100% !important;
}
table tr{
    height: 40px;
}
.variation-table tr:first-child {
    border-top: 1px solid #f0d112;
    border-left: 1px solid #f0d112;
    border-right: 1px solid #f0d112;
    border-bottom: 1px solid #bfbfbf;
    height: 30px;
    color: #000000;
}
.variation-table tr:first-child td{
    font-weight: bold;
    padding-left: 20px;
}
.variation-table tr:first-child td:first-child, 
.variation-table tr:first-child td:nth-child(2), 
.variation-table table tr:nth-child(2) td:first-child, 
.variation-table table tr:nth-child(2) td:nth-child(2){
    color: #000000;
    letter-spacing: 1px;
    text-align: justify;
    font-size: 15px;
}
.variation-table table tr:nth-child(2){
    border-bottom: 1px solid #f0d112;
    border-left: 1px solid #f0d112;
    border-right: 1px solid #f0d112;
    height: 30px;
    color: #000000;
}
.variation-table table tr:nth-child(2) td{
    font-weight: bold;
    padding-left: 20px;
}
.variation-table table tr:nth-child(4) td:nth-child(2){
    text-align: right;
}
.variation-table tr td:first-child, .variation-table tr td:nth-child(4){
    color: #666666;
    letter-spacing: 1px;
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
}
td i{ 
    color: #000000; 
    font-size: 15px;
}
table + p { text-align: center !important; }
#post-grid-1799 .item .layer-media {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
}
#post-grid-1799 .item .layer-media img{
    width: 70%;
}
#wpcf7-f2194-p1679-o1 .wpcf7-response-output, #wpcf7-f2194-p1679-o1  .wpcf7-display-none, #wpcf7-f2194-p1679-o1 .wpcf7-validation-errors,
#wpcf7-f2194-o2 .wpcf7-response-output, #wpcf7-f2194-o2  .wpcf7-display-none, #wpcf7-f2194-o2 .wpcf7-validation-errors 
{
    clear: both;
    width: 80%;
    margin: 0 auto !important;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}
#wpcf7-f1774-p1765-o3 .wpcf7-response-output, .wpcf7-display-none, .wpcf7-validation-errors {
    clear: both;
    width: 80%;
    margin: 0 auto !important;
    text-align: center;
    color: red;
    font-weight: bold;
}
#wpcf7-f2194-p1679-o1 .wpcf7-not-valid-tip, #wpcf7-f2194-o2 .wpcf7-not-valid-tip{
    display: none !important;
}
/*Select Box Style end*/

.home .nav > li {
    padding: 0 2px !important;
}

 .nav > li {
    padding: 0 7px !important;
}
.navbar{font-size:12px !important;}

@media(min-width:768px) {
    .navbar-fixed-top {
        padding: 15px 0 0 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 32px;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

    header.jumbotron .form-group {
        padding: 20px 100px;
    }
    
}



@media(max-width:1100px) {

.jumbotron p{margin-top:70px;}
.home .nav > li {
    padding: 0 11px !important;
}

 .nav > li {
    padding: 0 3px !important;
}
.navbar{font-size:9px !important;}
.nav > li > a {
    padding: 10px 7px 10px 1px !important;
    text-transform: uppercase;
}
}
@media(max-width:800px) {
    .entry-title{
        width: 100%;
    }
    .navbar .navbar-nav {
        float: left !important;
        margin-top: 70px;
        width: 100%;
    }
 .home .navbar .navbar-nav {
 margin-top: 0px;

}
    .nav > li{
        padding: 0px 2px !important;
    }
.home .nav > li{
        padding: 0px 2px !important;
    }
    .nav > li > a{
        padding: 10px 0px 10px 9px !important;
    }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
        padding: 10px 0px 20px 15px;
    }
    .welcome-logo{
        margin-top: 50px;
    }
    .search-form{
        padding-top: 75px;
    }
    .select-group-box, .input-group-btn{
        width: 100% !important;
        float: left;
        margin-bottom: 20px;
    }
    .input-group{
        padding: 20px 25px 15px 5px !important;
    }
    header.jumbotron .form-group .btn{
        width: 100%;
    }
    .search-form{
        width: 100%;
    }
    .input-group-btn {
        margin: 0 auto;
        left: 10px;
    }
    .features-icon{
        margin: 0px 15px;
    }
    
    .read-more-button{
        margin: 0 auto;
    }
    .contact-form .form-control{
        width: 100%;
    }
    .contact-form .btn-primary{
        width: 100%;
    }
    div.footer .widget ul li{
        width: 100%;
        float: left;
        padding: 5px;
        text-align: center;
    }
    #pg-1679-1, #pg-1679-2, #pg-1679-3, #pg-1679-4{
        margin-right: 0px !important;
    }
    .sow-features-list .sow-features-feature{
        width: 100% !important;
    }
    .sow-features-list{
        margin: 0 -15px !important;
    }
    .sow-features-list .sow-features-feature .sow-icon-container{
        width: 240px !important;
    }
}


@media(max-width:767px) {
   
    .navbar .navbar-nav {
      
       /* margin-top: 30px; */
        
    }

.home .navbar .navbar-nav {
 margin-top: 30px;

}
}
@media(min-width:1080px) {
    .navbar .container {
        width: 1170px;
    }

    header.jumbotron .container {
        width: 1170px;
        padding-top: 108px;
    }

    div.doc-main .container {
        width: 1170px;
    }

    div.footer .container {
        width: 1170px;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    .search-form{
        max-width: 954px !important;
    }
    .sow-features-list .sow-features-feature .sow-icon-container{
        width: 240px !important;
    }
    .navbar .navbar-nav{
       /* margin-top: 0 !important; */
    }
    .nav > li{
        padding: 0 !important;
    }
    .jumbotron p{
        margin-top: 84px;
    }   
}





.screenshot {
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 200px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 300px;
    border:5px solid #DDD;
}
.screenshot img {
    position: absolute;
    transition: all 0.2s ease 0s;
}


 .screenshot:hover >img
 {  
 -moz-animation: border-bounce 3000ms linear;
 -webkit-animation: border-bounce 3000ms linear;
 }
 @-moz-keyframes border-bounce {
 0%   { margin-top: -10px;  }
 25%  { margin-top: -50px; }
 50%  { margin-top: -100px;  }
 75%  { margin-top: -50px;  }
 100% { margin-top: -0px;  }
 }
 @-webkit-keyframes border-bounce {
 0%   { margin-top: -10px;  }
 25%  { margin-top: -50px; }
 50%  { margin-top: -100px;  }
 75%  { margin-top: -50px;  }
 100% { margin-top: -0px;  }
 }
 
.news-template-default .entry-content font {
    font-size: 15px !important;
    text-align: left !important;
}

.news-page {
    margin-top: 30px;
    box-shadow: 1px 1px 5px #888888;
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
        margin-bottom: 30px;

}

.news-template-default .entry-content p {

    text-align: left !important;

}

 .news-template-default .entry-content {
    margin-top: 30px;
    box-shadow: 1px 1px 5px #888888;
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;

}

.so-widget-sow-features-default-1348960e5601 .sow-features-list .sow-features-feature h5 {
    margin: 60px 0;
}