/*
Theme Name: Rastogi Associates
Theme URI: https://wordpress.org/themes/rastogiassociates/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Rastogi & Associates is a very special and unique law firm with a team of talented, energetic, and experienced attorneys. Since inception, it has distinguished itself through its high quality services and innovative practices. The firm’s commitment to personal, attentive and individualized service sets it apart from other law firms. Its creative spirit has attracted broad clientele, including leading high technology companies, Internet ventures, diverse national and international businesses, foreign exporters having payment and other problems, lenders and investors.
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rastogiassociates
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {font-family: sans-serif;line-height: 1.15;-ms-text-size-adjust: 100%;	-webkit-text-size-adjust: 100%;}
body {margin: 0;float: left;width: 100%;padding: 0;background: #3498db;}
*{margin: 0;padding: 0;box-sizing: border-box;}

.wrapper{float: left;width: 100%;margin: 0;padding: 0;background: #3498db;position: relative;transition: all .5s ease;}
.container{max-width: 1000px;width: 100%;margin: 0 auto;padding: 0;position: relative;}
.newcontainer{float: left;width: 100%;margin: 0;padding: 0 15px;background: #3498db;position: relative;}
.logo-section {float: left;margin: 0;/* padding: 15px;background: #222;border-radius: 0 0 4px 4px; */}
.home .icon-navigation {position: absolute !important;margin: 0 !important;padding: 0 !important;background: #3498db;width: 334px !important;right: 0 !important;min-height: 410px !important;height: 100% !important;background-size: cover !important;}
.icon-navigation ul {float: right;width: auto;margin: 0 3em 0 0;padding: 5px 0;}
.icon-navigation ul li{float: left;margin: 0 10px;list-style: none;}
.icon-navigation ul li a{}
.icon-navigation ul li a img{}

.left-navigation {float: left;clear: both;margin: 15px 0 15px 0;padding: 0;width: 220px;position: relative;z-index: 25;}
.navigation-section{float: left;width: 100%;margin: 0;padding: 5px 10px 25px;background: #fff;box-sizing: border-box;border-radius: 3px;position: relative;}
.navigation-section ul{float: left;width: 100%;margin: 0;padding: 0;position: relative;z-index: 15;}
.navigation-section ul li{float: left;width: 100%;list-style: none;background: url(assets/images/bullet.png) no-repeat left center;position: relative;z-index: 15;}
.navigation-section ul li a{font-family: Arial, "Times New Roman";color: #444;display: block;font-size: 14px;font-weight: bold;padding: 3px 8px 4px 20px;background-position: 6px 13px;line-height: 24px;text-decoration: none;}
.navigation-section ul li a svg.icon.icon-angle-down{display: none;}

.welcome-section {position: absolute;width: 431px;height: auto;top: 8em;left: 16.5em;}
.welcome-content{float: left;width: 100%;margin: 0;padding: 40px 30px 50px;color: #fff;box-sizing: border-box;background: #3498db;border-radius: 3px;}
.welcome-content h1{font-family: Arial, Helvetica, sans-serif;color: #fff;font-size: 20px;font-weight: bold;padding: 0 0 25px 0;margin: 0px;}
.welcome-content p{margin-top: 0px;margin-bottom: 5px;font-family: Verdana, Arial;color: #fff;font-size: 13px;line-height: 18px;padding: 0 0 15px 0;text-align: justify;}
.welcome-section:after {position: absolute;content: "";width: 100%;height: 1px;background: #fff;left: 0;top: 13px;}


.our-service-section {float: left;width: 100%;margin: 15px 0 0 0;padding: 0;}
.service-container{float: left;width: 100%;margin: 0;padding: 1em 20px 3.5em;background: #fff;color: #444;box-sizing: border-box;border-radius: 3px;}
.service-container h2 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;padding: 0 0 12px 0;margin: 0px;color: #3498db;}
.service-container ul{float: left;width: 100%;margin: 0;padding: 0;}
.service-container ul li{float: left;width: 50%;list-style: none;background: url(assets/images/bullet.png) no-repeat left center;}
.service-container ul li a{font-family: Arial, "Times New Roman";font-size: 13px;font-weight: bold;padding: 3px 8px 4px 10px;background-position: 6px 13px;line-height: 24px;text-decoration: none;color: #444;}

.home .news-section {float: left !important;width: 220px !important;padding: 0 15px !important;margin: 0 !important;position: relative !important;z-index: 10 !important;top: 0 !important;}
.news-container{float: left;width: 220px;padding: 15px 15px;margin: 0 0 20px 0;color: #444;background: #fff;border-radius: 3px;box-sizing: border-box;z-index: 10;position: relative;}
.news-container h2{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;padding: 0 0 12px 0;margin: 0px;color: #3498db;}
.news-container h3{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 18px;padding: 0 0 12px 0;margin: 0px;color: #3498db;}
.news-container p{margin:0;font-family: Tahoma, Verdana, Arial;color: #000;font-size: 13px;line-height: 18px;padding: 0 0 15px 0;}
.news-container p a{color: #444;}
.news-container p a:hover{text-decoration: none;}
.news-section:after{position: absolute;content: "";background: #3498db;left: 15px;top: -72px;width: 220px;height: 500px;z-index: 0;}

.footer-section {float: left;width: 100%;margin: 0;padding: 0 15px;}
.home .footer-section .footer-container {position: absolute;right: 0;top: 35px;width: 275px;}
.free-consultation {float: left;width: 100%;margin: 0;padding: 0 20px 0 20px;box-sizing: border-box;background: #3498db;border-radius: 0 0 5px 5px;}
.free-consultation-from{float: left;width: 100%;margin: 0;padding: 0;box-sizing: border-box;}
.free-consultation-from input.wpcf7-form-control{font-family: Verdana, Arial, Helvetica, sans-serif;color: #444;font-size: 13px;padding: 3px;background-position: left top;border: 1px solid #444;background-color: #fff;vertical-align: middle;width: 100%;}
.free-consultation-from textarea.wpcf7-form-control{font-family: Verdana, Arial, Helvetica, sans-serif;color: #444;font-size: 11px;padding: 3px;background-position: left top;border: 1px solid #444;background-color: #fff;vertical-align: middle;height: 50px;resize: none;width: 100%;}
.free-consultation h3{color: #E4DFDD;font-size: 16px;font-weight: bold;float: left;width: 100%;background: #222;padding: 3px 5px 3px;box-sizing: border-box;}
.free-consultation label{font-family: Verdana, Arial, Helvetica, sans-serif;color: #fff;font-size: 13px;line-height: 18px;padding: 5px 0;float: left;width: 100%;}
.free-consultation-from input.wpcf7-submit{float: left;width: auto;background: #222;color: #fff;border: 1px solid #222;padding: 5px 10px;text-transform: uppercase;margin: 25px 0 30px 0;}
.home .footer-section .footer-container img {float: left;margin: 0px 0 -7px -30px;padding: 0;width: auto;}
.free-consultation p{float: left;width: 100%;color: #fff;font-size: 13px;line-height: 18px;padding: 5px 0 5px 0;}

.bottom-navigation-section {float: left;width: 100%;margin: 15px 0 0 0;padding: 0;background: #fff;}
.bottom-navigation{float: left;width: 100%;margin: 0;padding: 0;}
.bottom-navigation ul{width: 100%;margin: 0 auto;text-align: center;float: left;}
.bottom-navigation ul li{display: inline-block;position: relative;padding: 0 5px;}
.bottom-navigation ul li:after{position: absolute;content: "";background: #7b7b7b;width: 2px;height: 10px;top: 50%;margin-top: -5px;right: -3px;}
.bottom-navigation ul li:last-child:after{display: none;}
.bottom-navigation ul li a{color: #444;font-size: 13px;font-family: Arial, "Times New Roman";text-decoration: none;padding: 20px 5px 20px;float: left;width: auto;font-weight: 700;}
.copyright-section {float: left;width: 100%;margin: 0;padding: 5px 0 10px 0;}
p.left-part {float: left;width: 50%;margin: 0;padding: 10px 0;color: #fff;font-size: 13px;font-family: Arial, "Times New Roman";}
.footer-section p.left-part {padding: 26px 0;}
p.right-part {float: right;width: 50%;margin: 0;padding: 0;color: #fff;font-size: 13px;font-family: Arial, "Times New Roman";text-align: right;}
p.right-part a{color: #fff;font-weight: bold;}
p.right-part img {width:145px;display: inline-block;margin: 0 0 -10px 0;padding: 0;}


ul.sub-menu {position: absolute;left: 200px;top: 5px;width: 200px;height: auto;background: #555d66;opacity: 0;visibility: hidden;transition: all .5s ease;}
.navigation-section ul li:hover ul.sub-menu{opacity: 1;visibility: visible;transition: all .5s ease;}
ul.sub-menu li{border: none;border-bottom: 1px solid #fff;background: #555d66;padding: 0 10px;box-sizing: border-box;}
ul.sub-menu li:last-child{border-bottom: none;}
ul.sub-menu li a{padding: 2px 8px 2px 10px;background: url(assets/images/bullet.png) no-repeat left center;color: #fff;}


.inner-container{float: left;width: 100%; margin: 0;padding: 0 15px;}
.page-template-default .free-consultation{display: none;}
.home .free-consultation{display: block !important;}
.inner-container {position: relative;width: 75%;margin: -16.4em 0 15px 15.5em;left: 0;top: 0;z-index: 10;border-radius: 5px;}
.inner-content{float: left;width: 100%;margin: 0;padding: 35px 15px 30px 15px;position: relative;min-height: 540px;height: 100%;box-sizing: border-box;background: #fff;border-radius: 5px;}
.inner-content h1{font-family: Arial, Helvetica, sans-serif;color: #444;font-size: 20px;font-weight: bold;padding: 0 0 25px 0;margin: 0px;}
.inner-content h2{font-family: Arial, Helvetica, sans-serif;color: #444;font-size: 15px;font-weight: bold;padding: 0 0 15px 0;margin: 0px;text-transform: uppercase;}
.inner-content P {margin: 0;font-family: Tahoma, Verdana, Arial;color: #444;font-size: 13px;line-height: 18px;padding: 0 0 25px 0;font-weight: 400;}
.inner-content P a{color: #fff; font-weight: bold;}
.inner-content ul{float: left;width: 100%;margin: 0 0 15px;padding: 15px 0 15px 15px;box-sizing: border-box;background: #3498db;}
.inner-content ul li{float: left;width: 100%;margin: 3px 0 3px 0px;padding: 0 0 0 12px;color: #fff;list-style-position: outside;background: url(assets/images/bullet1.gif) no-repeat;background-position: left 3px;list-style: none;font-size: 13px;font-family: tahoma, Arial, Helvetica, sans-serif;line-height: 18px;}
.inner-content ul li a{color: #fff;list-style-position: outside;font-size: 13px;font-family: tahoma, Arial, Helvetica, sans-serif;text-decoration: none;}
.inner-content ol{float: left;width: 100%;margin: 0;padding: 0  0 15px 15px;box-sizing: border-box;background: #3498db;}
.inner-content ol li{float: left;width: 100%; margin: 3px 0 3px 0px;padding: 0 0 0 12px;color: #fff;font-size: 11px;font-family: Arial, Helvetica, sans-serif;line-height: 15px;}
.inner-content ol li a{color: #fff;font-size: 11px;font-family: Arial, Helvetica, sans-serif;text-decoration: none;font-weight: bold;}


.home .footer-container img {float: left;margin: 0px 0 -7px 40px;padding: 0;width: 54%;}
.page-template-default .news-section:after{display: none;}
.home .news-section:after{display: block;}
.page-template-default .icon-navigation {position: absolute;margin: 0;padding: 0;background: #3498db;width: 334px;right: 0;height:100%;}
.page-template-default .news-section {float: left;width: 220px;padding: 0 15px;margin: 0;position: absolute;z-index: 10;top: 25em;}
.inner-content h5 {font-family: Arial, Helvetica, sans-serif;color: #444;font-size: 14px;font-weight: bold;padding: 0 0 2px 0;margin: 0px;}
.theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error {border-bottom: 2px solid #900; outline: none;background: #900;}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border: 2px solid #ff0000;float: left;width: 90%;color: #fff;background: #433C1E;margin: 5px 0 0 0;font-size: 12px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: 2px solid #f7e700;float: left;width: 90%;color: #fff;background: #433C1E;margin: 5px 0 0 0;font-size: 12px;}
div.wpcf7-mail-sent-ok{float: left;width: 90%;color: #fff;background: #433C1E;margin: 5px 0 0 0;font-size: 12px;}

.page-template-default .footer-container {position: absolute;right: 0;top: 0;width: 140px;}
.page-template-default .footer-container img {float: left;margin: 0;padding: 0;width: 100%;}

@media (max-width:1024px){
    .newcontainer{box-sizing: border-box;}
    .left-navigation {float: left;clear: both;margin: 0;padding: 0;width: 250px;position: fixed;z-index: 25;right: -250px;height: 100%;background: #555d66;transition: all .25s ease;}
    .navigation-section{padding: 100px 10px 25px;}
    .tooglemunu {position: fixed;width: 35px;height: 35px;background: #ffffff;top: 15px;right: 15px;border-radius: 5px;transition: all .25s ease;}
    .tooglemunu span{position: absolute;width: 20px;height: 2px;background: #23282d;top: 50%;margin-top: -2px;left: 50%;margin-left: -10px;transition: all .25s ease;}
    .tooglemunu span:before{position: absolute;content: "";width: 20px;height: 2px;background: #23282d;top: 50%;margin-top: -7px;left: 50%;margin-left: -10px;transition: all .25s ease;}
    .tooglemunu span:after{position: absolute;content: "";width: 20px;height: 2px;background: #23282d;top: 50%;margin-top: 5px;left: 50%;margin-left: -10px;transition: all .25s ease;}
    .nav-menu-open{right: 0 !important;transition: all .25s ease;}
    .toogle-menu-open span {height: 0;background: none;transition: all .25s ease;}
    .toogle-menu-open span:before{transform: rotate(-45deg); margin-top: 0px; transition: all .25s ease;}
    .toogle-menu-open span:after{transform: rotate(45deg);margin-top: 0px;transition: all .25s ease;}
    .welcome-section {position: relative;width: 70%;height: auto;top: 0;left: 0;z-index: 1;float: left;}
    .home .news-section{width: 70% !important;padding: 0  !important;top: 15px !important;}
    .news-section:after{display: none !important;}
    .inner-container {position: relative;width: 100%;margin: 0px 0 0 0;padding: 0;left: 0;top: 0;}
    .page-template-default .news-section {float: left;width: 100%;padding: 0;margin: 1em 0 0 0;position: relative;z-index: 10;top: 0;}
span.submenu-btn {position: absolute;right: 10px;top: 0;width: 30px;height: 30px;}
span.submenu-btn:before {position: absolute;content: "";width: 8px;height: 2px;background: #fff;top: 50%;left: 9px;margin-left: 0;margin-top: -2px;transform: rotate(45deg);transition: all .25s ease;}
span.submenu-btn:after {position: absolute;content: "";width: 8px;height: 2px;right: 8px;top: 50%;margin-top: -2px;background: #fff;transform: rotate(-45deg);transition: all .25s ease;}
    
span.sub-menu-open:before {transform: rotate(135deg) !important;transition: all .25s ease;}
span.sub-menu-open:after {transform: rotate(-135deg) !important;transition: all .25s ease;} 
.navigation-section {padding: 100px 0px 25px;background: #555d66;}    
.navigation-section ul li{background: url(assets/images/bullet.png) no-repeat left 7px top 10px;}
ul.sub-menu{position: relative;left: 0;width: 100%;background: rgba(255,255,255,.2);opacity: 1;visibility: visible;margin: 0 0 15px 0;display: none;}
.navigation-section ul li a{padding: 3px 8px 4px 15px;color: #fff;}
ul.sub-menu li{background: none;}
ul.sub-menu li a{background: url(assets/images/bullet.png) no-repeat left 7px center;}
.slide-left {position: fixed;left: -250px;transition: all .5s ease;}
    .inner-content{min-height: 100%;}
    
    
}

@media (max-width:1000px){
    .container{max-width: 850px;}
    .footer-container {width: 220px;}
}

@media (max-width:850px){
    .container{max-width: 750px;}
    .footer-container { width: 235px;}
    .welcome-section{width: 65%;}
    .home .news-section{width: 65% !important;}
    .logo-section {position: relative; z-index: 1;}
}


@media (max-width:767px){
.container {max-width: 90%;box-sizing: border-box;}
.welcome-section {width: 100%;margin: 100px 0 0 0;}
.home .news-section,.news-container {width: 100% !important;}
.home .footer-container img{display: none;}
.footer-section{position: relative;top: 0;margin: 0;padding: 0;}
.footer-container {width: 100%;float: left;position: static!important;margin: 0 0 0 0;padding: 15px 0;top: 0;}    
.home .icon-navigation{width: 102% !important;}
.icon-navigation ul{margin: 1em 3em 0 0;display: none;}
span.banner-img{background: url(assets/images/right-image2.png) no-repeat top right;width: 100%;height: 100%;float: left;position: relative;}
.inner-container{margin: 100px 0 0 0;}
.page-template-default .icon-navigation{width: 102%;right: 0;height: 350px;background-size: cover;}
.footer-container img{display: none;}
}
@media (max-width:667px){
    .logo-section a img{width: 50%;height: auto;}
    .logo-section {float: left;margin: 0;padding: 10px 0 30px 0;}
    p.left-part{width: 100%; text-align: center;}
    p.right-part{width: 100%; text-align: center;}
}


@media (max-width:480px){
    .bottom-navigation-section{background-size: cover;}
    .bottom-navigation ul li{display: block;position: relative;padding: 0 5px;float: left;width: 100%;text-align: center;box-sizing: border-box;}
    .bottom-navigation ul li:after{width: 100%;height: 1px;right: 0;top: auto;bottom: 0;left: 0;box-sizing: border-box;background: rgba(255,255,255,.2);}
    .bottom-navigation {float: left;width: 100%;margin: 0;padding: 0;box-sizing: border-box;overflow: hidden;}
    .bottom-navigation ul li a {
    color: #444;
    font-size: 11px;
    font-family: Arial, "Times New Roman";
    text-decoration: none;
    padding: 5px 5px 5px;
    float: left;
    width: 100%;
    text-align: center;
    }
    .icon-navigation ul{display: none;}
    .logo-section a img {width: 85%;height: auto;}
    .container{padding: 0;}
    .welcome-content{padding: 40px 0 15px;}
    .service-container{padding: 1em 15px 20px;}
    .home .icon-navigation {width: 100% !important;}
    .service-container ul{box-sizing: border-box;padding: 0 0 0 5px;}
    .free-consultation{padding: 0;}
    .inner-content{padding: 35px 15px 30px 15px;}
    .page-template-default .icon-navigation{height: 199px;}
}