/*
Theme Name: rose-child
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: rose
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 3.9
Requires at least: 3.6
Tested up to: 6.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-patterns
Text Domain: twentyfourteen

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 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */

 @charset "utf-8";


 * {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
 }
 
 *:before,
 *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
 }
 
 :root {
	 --orpheus: 'Orpheus Pro';
	 --raleway: "Raleway", sans-serif;
	 --britishcastilla: 'British Castilla';
	 --brittanysignature: 'Brittany Signature';
 }
 
 html {
	 overflow-x: hidden;
	 font-family: sans-serif;
	 /* 1 */
 
	 -ms-text-size-adjust: 100%;
	 /* 2 */
 
	 -webkit-text-size-adjust: 100%;
	 /* 2 */
 }
 
 /**
  * Remove default margin.
  */
 
 ul {
	 list-style: none;
 }
 
 a {
	 text-decoration: none;
 }
 
 /* HTML5 display definitions
	========================================================================== */
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
	 display: block;
 }
 
 /**
  * 1. Correct `inline-block` display not defined in IE 8/9.
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */
 
 audio,
 canvas,
 progress,
 video {
	 display: inline-block;
	 /* 1 */
 
	 vertical-align: baseline;
	 /* 2 */
 }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 
 audio:not([controls]) {
	 display: none;
	 height: 0;
 }
 
 /**
  * Address `[hidden]` styling not present in IE 8/9/10.
  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
  */
 
 [hidden],
 template {
	 display: none;
 }
 
 /* Links
	========================================================================== */
 /**
  * Remove the gray background color from active links in IE 10.
  */
 
 a {
	 background-color: transparent;
 }
 
 /**
  * Improve readability of focused elements when they are also in an
  * active/hover state.
  */
 
 a:active,
 a:hover {
	 outline: 0;
 }
 
 /* Text-level semantics
	========================================================================== */
 /**
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */
 
 abbr[title] {
	 border-bottom: 1px dotted;
 }
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */
 
 b,
 strong {
	 font-weight: bold;
 }
 
 /**
  * Address styling not present in Safari and Chrome.
  */
 
 dfn {
	 font-style: italic;
 }
 
 /**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari, and Chrome.
  */
 
 h1 {
	 font-size: 2em;
	 margin: 0.67em 0;
 }
 
 /**
  * Address styling not present in IE 8/9.
  */
 
 mark {
	 background: #ff0;
	 color: #000;
 }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 
 small {
	 font-size: 80%;
 }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
 
 sub,
 sup {
	 font-size: 75%;
	 line-height: 0;
	 position: relative;
	 vertical-align: baseline;
 }
 
 sup {
	 top: -0.5em;
 }
 
 sub {
	 bottom: -0.25em;
 }
 
 /* Embedded content
	========================================================================== */
 /**
  * Remove border when inside `a` element in IE 8/9/10.
  */
 
 img {
	 border: 0;
 }
 
 /**
  * Correct overflow not hidden in IE 9/10/11.
  */
 
 svg:not(:root) {
	 overflow: hidden;
 }
 
 /* Grouping content
	========================================================================== */
 /**
  * Address margin not present in IE 8/9 and Safari.
  */
 
 figure {
	 margin: 1em 40px;
 }
 
 /**
  * Address differences between Firefox and other browsers.
  */
 
 hr {
	 box-sizing: content-box;
	 height: 0;
 }
 
 /**
  * Contain overflow in all browsers.
  */
 
 pre {
	 overflow: auto;
 }
 
 /**
  * Address odd `em`-unit font size rendering in all browsers.
  */
 
 code,
 kbd,
 pre,
 samp {
	 font-family: monospace, monospace;
	 font-size: 1em;
 }
 
 /* Forms
	========================================================================== */
 /**
  * Known limitation: by default, Chrome and Safari on OS X allow very limited
  * styling of `select`, unless a `border` property is set.
  */
 /**
  * 1. Correct color not being inherited.
  *    Known issue: affects color of disabled elements.
  * 2. Correct font properties not being inherited.
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  */
 
 button,
 input,
 optgroup,
 select,
 textarea {
	 color: inherit;
	 /* 1 */
 
	 font: inherit;
	 /* 2 */
 
	 margin: 0;
	 /* 3 */
 }
 
 /**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */
 
 button {
	 overflow: visible;
 }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  * Correct `select` style inheritance in Firefox.
  */
 
 button,
 select {
	 text-transform: none;
 }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
 
 button,
 html input[type="button"],
 /* 1 */
 
 input[type="reset"],
 input[type="submit"] {
	 -webkit-appearance: button;
	 /* 2 */
 
	 cursor: pointer;
	 /* 3 */
 }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 
 button[disabled],
 html input[disabled] {
	 cursor: default;
 }
 
 /**
  * Remove inner padding and border in Firefox 4+.
  */
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
	 border: 0;
	 padding: 0;
 }
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 
 input {
	 line-height: normal;
 }
 
 .form-control {
	 box-shadow: none !important;
 }
 
 /**
  * It's recommended that you don't attempt to style these elements.
  * Firefox's implementation doesn't respect box-sizing, padding, or width.
  *
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
 
 input[type="checkbox"],
 input[type="radio"] {
	 box-sizing: border-box;
	 /* 1 */
 
	 padding: 0;
	 /* 2 */
 }
 
 /**
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
 
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
	 height: auto;
 }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
  */
 
 input[type="search"] {
	 -webkit-appearance: textfield;
	 /* 1 */
 
	 box-sizing: content-box;
	 /* 2 */
 }
 
 /**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none;
 }
 
 /**
  * Define consistent border, margin, and padding.
  */
 
 fieldset {
	 border: 1px solid #c0c0c0;
	 margin: 0 2px;
	 padding: 0.35em 0.625em 0.75em;
 }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
 
 legend {
	 border: 0;
	 /* 1 */
 
	 padding: 0;
	 /* 2 */
 }
 
 /**
  * Remove default vertical scrollbar in IE 8/9/10/11.
  */
 
 textarea {
	 overflow: auto;
 }
 
 /**
  * Don't inherit the `font-weight` (applied by a rule above).
  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
  */
 
 optgroup {
	 font-weight: bold;
 }
 
 /* Tables
	========================================================================== */
 /**
  * Remove most spacing between table cells.
  */
 
 table {
	 border-collapse: collapse;
	 border-spacing: 0;
 }
 
 td,
 th {
	 padding: 0;
 }
 
 
 @font-face {
	 font-family: 'Orpheus Pro';
	 src: url('fonts/OrpheusPro.eot');
	 src: url('fonts/OrpheusPro.eot?#iefix') format('embedded-opentype'),
		 url('fonts/OrpheusPro.woff2') format('woff2'),
		 url('fonts/OrpheusPro.woff') format('woff'),
		 url('fonts/OrpheusPro.ttf') format('truetype'),
		 url('fonts/OrpheusPro.svg#OrpheusPro') format('svg');
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
 }
 
 @font-face {
	 font-family: 'British Castilla';
	 src: url('fonts/BritishCastilla-Script.eot');
	 src: url('fonts/BritishCastilla-Script.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BritishCastilla-Script.woff2') format('woff2'),
		 url('fonts/BritishCastilla-Script.woff') format('woff'),
		 url('fonts/BritishCastilla-Script.ttf') format('truetype'),
		 url('fonts/BritishCastilla-Script.svg#BritishCastilla-Script') format('svg');
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
 }
 
 @font-face {
	 font-family: 'Brittany Signature';
	 src: url('fonts/BrittanySignatureRegular.eot');
	 src: url('fonts/BrittanySignatureRegular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BrittanySignatureRegular.woff2') format('woff2'),
		 url('fonts/BrittanySignatureRegular.woff') format('woff'),
		 url('fonts/BrittanySignatureRegular.ttf') format('truetype'),
		 url('fonts/BrittanySignatureRegular.svg#BrittanySignatureRegular') format('svg');
	 font-weight: normal;
	 font-style: normal;
	 font-display: swap;
 }
 
 
 
 
 
 /* Slider */
 .slick-slider {
	 position: relative;
 
	 display: block;
	 box-sizing: border-box;
 
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
 
	 -webkit-touch-callout: none;
	 -khtml-user-select: none;
	 -ms-touch-action: pan-y;
	 touch-action: pan-y;
	 -webkit-tap-highlight-color: transparent;
 }
 
 .slick-list {
	 position: relative;
 
	 display: block;
	 overflow: hidden;
 
	 margin: 0;
	 padding: 0;
 }
 
 .slick-list:focus {
	 outline: none;
 }
 
 .slick-list.dragging {
	 cursor: pointer;
	 cursor: hand;
 }
 
 .slick-slider .slick-track,
 .slick-slider .slick-list {
	 -webkit-transform: translate3d(0, 0, 0);
	 -moz-transform: translate3d(0, 0, 0);
	 -ms-transform: translate3d(0, 0, 0);
	 -o-transform: translate3d(0, 0, 0);
	 transform: translate3d(0, 0, 0);
 }
 
 .slick-track {
	 position: relative;
	 top: 0;
	 left: 0;
 
	 display: block;
 }
 
 .slick-track:before,
 .slick-track:after {
	 display: table;
 
	 content: '';
 }
 
 .slick-track:after {
	 clear: both;
 }
 
 .slick-loading .slick-track {
	 visibility: hidden;
 }
 
 .slick-slide {
	 display: none;
	 float: left;
 
	 height: 100%;
	 min-height: 1px;
 }
 
 [dir='rtl'] .slick-slide {
	 float: right;
 }
 
 .slick-slide img {
	 display: block;
 }
 
 .slick-slide.slick-loading img {
	 display: none;
 }
 
 .slick-slide.dragging img {
	 pointer-events: none;
 }
 
 .slick-initialized .slick-slide {
	 display: block;
 }
 
 .slick-loading .slick-slide {
	 visibility: hidden;
 }
 
 .slick-vertical .slick-slide {
	 display: block;
 
	 height: auto;
 
	 border: 1px solid transparent;
 }
 
 .slick-arrow.slick-hidden {
	 display: none;
 }
 
 ::-moz-selection {
	 background-color: #007d9d;
	 color: #fff;
	 text-shadow: none;
 }
 
 ::selection {
	 background-color: #007d9d;
	 color: #fff;
	 text-shadow: none;
 }
 
 input::-moz-placeholder,
 textarea::-moz-placeholder,
 select::-moz-placeholder {
	 color: inherit;
	 opacity: 0.7;
 }
 
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder,
 select:-ms-input-placeholder {
	 color: inherit;
	 opacity: 0.7;
 }
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder,
 select::-webkit-input-placeholder {
	 color: inherit;
	 opacity: 0.7;
 }
 
 body {
	 margin: 0;
	 padding: 0;
	 font-size: 20px !important;
	 overflow-x: hidden;
	 color: #353535 !important;
	 font-family: var(--raleway) !important;
 }
 
 .container:after,
 .container:before {
	 content: " ";
	 display: table;
 }
 
 .container:after {
	 clear: both;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 ul,
 li,
 figure {
	 margin: 0;
	 padding: 0;
 }
 
 img {
	 margin: 0;
	 padding: 0;
	 border: none;
	 max-width: 100%;
	 height: auto !important;
	 display: block;
 }
 
 a,
 button,
 input {
	 -webkit-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
 }
 
 a {
	 text-decoration: none !important;
 }
 
 .default-btn {
	 font-size: 20px;
	 padding: 18px 45px;
	 text-transform: uppercase;
	 font-weight: 500;
	 display: inline-block;
	 background: #57a5cb;
	 color: #ffffff !important;
 }
 
 .default-btn:hover,
 .default-btn:focus {
	 box-shadow: 0 0.5em 0.5em -0.4em rgb(0 0 0 / 50%);
	 transform: translateY(-0.25em);
 }
 
 
 h1,
 h2,
 h3 {
	 font-family: var(--orpheus);
 }
 
 /**************global css end*******/
 
 .container {
	 position: relative;
	 max-width: 1170px;
	 margin: 0 auto;
	 padding: 0 15px;
	 width: 100% !important;
 }
.get-started-item:hover .get-caption h3 {
    color: #57a5cb;
}
.get-started-item .get-caption h3{
    transition: 0.3s all ease-in-out;
}
 
 /* @media (min-width: 1200px) {
	 .container {
		 max-width: 1420px !important;
	 }
 } */
 
 /*================ Start Header ================*/
 header {
	 font-family: 'Montserrat', sans-serif;
	 z-index: 99;
 }
 
 .top-header {
	 background-color: #57a5cb;
	 color: #ffffff;
	 padding: 20px 0;
 }
 
 .top-header a {
	 color: #ffffff;
 }
 
 .top-header a:hover {
	 color: #353535;
 }
 
 .top-header-wrap {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
 }
 
 .social-icons a {
	 font-size: 22px;
 }
 
 .social-icons a + a {
	 margin-left: 25px;
 }
 
 
 @keyframes smoothScroll {
	 0% {
		 transform: translateY(-40px);
	 }
 
	 100% {
		 transform: translateY(0px);
	 }
 }
 
 
 /*================ End Header ================*/
 
 /*================ Start navigation ================*/
 .nav-wrapper {
	 padding: 20px 0;
	 box-shadow: 0px 3px 3px rgb(0 0 0 / 50%);
	 background-color: #ffffff;
	 z-index: 9;
	 position: relative;
 }
 
 .nav_bar .nav_sec {
	 margin: 0;
	 padding: 0;
 }
 
 .nav_bar .nav_sec ul {
	 margin: 0;
	 padding: 0;
	 text-align: center;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
 }
 
 .nav_bar .nav_sec ul li {
	 display: inline-block;
	 vertical-align: middle;
	 padding: 0;
	 position: relative;
 }
 
 .nav_bar .nav_sec ul li a {
	 font-size: 18px;
	 color: #353535;
	 padding: 0;
	 display: block;
	 font-weight: 400;
	 position: relative;
	 z-index: 9;
	 text-transform: uppercase;
 }
 
 .nav_bar .nav_sec ul li:hover>a,
 .nav_bar .nav_sec ul li.active>a,
 .nav_bar .nav_sec ul li.current-menu-item>a {
	 color: #57a5cb;
	 transition: all 0.3s ease-in-out;
 }
 
 .nav_bar .nav_sec ul li ul {
	 width: 240px;
	 background: #ffffff;
	 box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 999;
	 display: none;
	 text-align: left;
	 border-radius: 8px;
 }
 
 .nav_bar .nav_sec ul li:hover ul {
	 display: block;
 }
 
 .nav_bar .nav_sec ul li ul li {
	 margin: 0;
	 padding: 0;
	 display: block;
 }
 
 .nav_bar .nav_sec ul li ul li a {
	 margin: 0;
	 padding: 10px 15px;
	 display: block;
	 font-size: 16px;
 }
 
 span.toggle-menu {
	 display: none;
 }
 
 .fixed {
	 position: fixed;
	 top: 0;
	 animation: smoothScroll 1s forwards;
	 width: 100%;
	 z-index: 999;
 }
 
 /*================ End navigation ================*/
 
 /*================ Start Home Banner ================*/
 .home_banner {
	 background: linear-gradient(to bottom, #b6dadf 0%, #e5d6b1 100%);
	 position: relative;
	 padding-top: 15px;
	 padding-bottom: 40px;
 }
 
 .home_banner:after {
	 content: '';
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 width: 100%;
	 height: 53px;
	 background: url(images/banner-shape.png) no-repeat center bottom;
	 background-size: cover;
 }
 
 .home_banner h1, 
 .inner-banner h1 {
	 font-size: 78px;
 }
 
 .banner-right p,
 .inner-banner p {
	 font-size: 28px;
	 line-height: 40px;
 }
 
 .banner-right a.default-btn {
	 margin-top: 25px;
 }
 
 
 /*================ End Home Banner ================*/
 
 
 /*================ Start Inner Banner ================*/
 
 .inner-banner {
	 background-size: cover;
	 background-position: center;
	 background-repeat: no-repeat;
	 padding: 100px 0 200px;
	 border-bottom: 1px #a1a1a1 solid;
	 position: relative;
	 min-height: 585px;
 }
 
 .inner-banner:after {
	 content: '';
	 position: absolute;
	 left: 0;
	 bottom: -5px;
	 width: 100%;
	 height: 53px;
	 background: url(images/inner-banner-shape.png) no-repeat center bottom;
	 background-size: cover;
 }
 .inner-banner h1{
	margin-bottom: 0;
 }
 .inner-banner p {
	font-size: 20px;
    color: #444444;
    line-height: 30px;
 }
 
 .inner-banner-content {
	 max-width: 755px;
	 background: rgba(255 255 255 /70%);
	 padding: 50px 72px;
	 margin-left: auto;
 }
 .inner-banner-content p{
	margin-top: 5px !important;
	margin-bottom: 0 !important;
 }
 /*================ End Inner Banner ================*/
 

 /*================ Responsive =====================*/
 @media only screen and (max-width:1920.98px){
	.home_banner h1, .inner-banner h1 {
		font-size: 70px;
	}
	.banner-right p, .inner-banner p {
		font-size: 23px;
		line-height: 35px;
	}
	.free-right h2,.main-heading h2 {
		font-size: 60px;
	}
	.free-right p {
		font-size: 24px;
		line-height: 34px;
	}
	.logo img {
		width: 280px;
	}
	.default-btn {
		font-size: 19px;
		padding: 12px 40px;
	}
 }
 @media only screen and (max-width:1520.98px) {
	.home_banner h1, .inner-banner h1 {
        font-size: 60px;
    }
 }
 
 @media only screen and (max-width: 1370.98px) {
	.banner-right p, .inner-banner p {
        font-size: 18px;
        line-height: 30px;
    }
	 .container {
		 max-width: 1170px !important;
	 }
 
	 .home_banner h1 {
		 font-size: 55px;
	 }
	 .home_banner h1, .inner-banner h1 {
        font-size: 52px;
    }
 }
 
 @media only screen and (max-width:1199.98px) {
	.inner-banner {
		min-height: unset;
	}
	 
	 .home_banner h1,
	 .inner-banner h1 {
		 font-size: 45px;
	 }
 
	 .banner-right p,
	 .inner-banner h1 p {
		 font-size: 22px;
		 line-height: 32px;
	 }
 }
 
 @media only screen and (max-width:1080.98px) {
	 .nav_bar .nav_sec ul li a {
		 font-size: 18px;
	 }
	 
 }
 
 /*========================== start mobile menu =================================*/
 
 @media only screen and (max-width:991.98px) {
	 header {
		 position: static !important;
	 }
 
	 .logo img {
		 max-width: 280px;
	 }
 
	 .nav-wrapper {
		 padding: 10px 0;
	 }
 
	 span.toggle-menu {
		 width: auto;
		 float: right;
		 margin: 0;
		 display: block;
		 cursor: pointer;
		 background-color: #57a5cb;
		 padding: 7px 13px;
		 border-radius: 4px;
		 color: #fff;
	 }
 
	 .nav_bar .nav_sec {
		 width: 280px;
		 height: 100vh;
		 float: none;
		 position: fixed;
		 z-index: 999;
		 top: 0;
		 right: -100%;
		 padding: 70px 0 0;
		 background: #ffffff;
		 display: block;
		 -webkit-transition: all 0.8s ease-in-out;
		 -moz-transition: all 0.8s ease-in-out;
		 -o-transition: all 0.8s ease-in-out;
		 transition: all 0.8s ease-in-out;
 
	 }
 
	 .nav_bar .nav_sec.slidein {
		 right: 0;
		 -webkit-transition: all 0.5s ease-in-out;
		 -moz-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
		 transition: all 0.5s ease-in-out;
	 }
 
	 .nav_bar .nav_sec .cls-btn {
		 width: 32px;
		 height: 32px;
		 position: absolute;
		 top: 15px;
		 right: 15px;
		 cursor: pointer;
		 background: url(images/close.png) no-repeat center;
		 background-size: 80%;
	 }
 
	 .nav_bar .nav_sec ul {
		 text-align: left;
		 display: block;
	 }
 
	 .nav_bar .nav_sec ul>li {
		 display: block;
		 padding-bottom: 0;
		 width: 100%;
		 float: left;
		 margin: 0;
	 }
 
	 .nav_bar .nav_sec ul>li+li {
		 margin-left: 0;
	 }
 
	 .nav_bar .nav_sec ul>li a {
		 color: #353535;
		 padding: 11px 15px;
		 font-size: 15px;
		 border-radius: 0;
	 }
 
	 .nav_bar .nav_sec ul li a:before {
		 display: none;
	 }
 
	 .nav_bar .nav_sec ul>li:hover>a,
	 .nav_bar .nav_sec ul>li.active>a {
		 background: #57a5cb;
		 color: #FFF;
	 }
 
 
	 .nav_bar .nav_sec img {
		 display: inline-block;
		 vertical-align: middle;
	 }
 
	 .nav_bar .nav_sec i {
		 float: left;
		 font-style: normal;
		 color: #fff;
		 line-height: 30px;
		 font-size: 21px;
		 font-weight: 600;
	 }
 
	 .nav_bar .nav_sec ul>li:hover ul {
		 display: none;
	 }
 
	 .nav_bar .nav_sec ul>li ul {
		 width: 100%;
		 background: #197496;
		 position: static;
		 top: 100%;
		 left: 0;
		 text-align: left;
		 display: none;
		 float: left;
		 border-radius: 0;
		 padding: 0;
	 }
 
	 .nav_bar .nav_sec ul li ul li a {
		 padding: 6px 35px;
		 color: #fff;
	 }
 
	 .nav_bar .nav_sec ul ul>li:hover>a,
	 .nav_bar .nav_sec ul ul>li.active>a {
		 background: #1b72bf;
		 color: #FFF;
	 }
 
	 .nav_bar .nav_sec ul li .arw-nav {
		 width: 40px;
		 height: 45px;
		 position: absolute;
		 right: 0;
		 top: 0;
		 z-index: 999;
		 cursor: pointer;
		 background: url(images/arw.png) no-repeat center;
		 -webkit-transition: all 0.3s ease-in-out;
		 -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		 transition: all 0.3s ease-in-out;
 
	 }
 
	 .nav_bar .nav_sec ul li .arw-nav.actv {
		 -webkit-transform: rotate(180deg);
		 -moz-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
		 transform: rotate(180deg);
	 }
 
	 .home_banner h1,
	 .inner-banner h1 {
		 font-size: 38px;
	 }
 
	 .banner-right p,
	 .inner-banner p {
		 font-size: 20px;
		 line-height: 30px;
	 }
 
	 .inner-banner {
		 padding: 100px 0 140px;
	 }
 
	 .inner-banner-content {
		 max-width: 600px;
	 }
 
	 
 }
 
 /*========================================================================================*/
 @media only screen and (max-width:767.98px) {
	 
	 .banner-left img {
		 margin: 0 auto 30px auto;
		 max-width: 250px;
	 }
 
	 .banner-right {
		 text-align: center;
	 }
 
	 .home_banner {
		 padding-bottom: 82px;
	 }
 
	 .social-icons a + a {
		 margin-left: 15px;
	 }
 
	 .logo img {
		 max-width: 225px;
	 }
 
	 .home_banner h1,
	 .inner-banner h1 {
		 font-size: 32px;
	 }
 
	 .default-btn {
		 font-size: 16px;
		 padding: 15px 30px;
	 }
 
	 .inner-banner {
		 background-position: center left;
	 }
 
	 .inner-banner-content {
		 margin: 0 auto;
		 text-align: center;
	 }
	 
 }
 
 @media only screen and (max-width:575.98px) {
	 .home_banner h1,
	 .inner-banner h1 {
		 font-size: 28px;
	 }
 
	 .banner-right p,
	 .inner-banner p {
		 font-size: 16px;
		 line-height: 26px;
	 }
 
	 .social-icons a {
		 font-size: 18px;
	 }
 
	 .logo img {
		 max-width: 200px;
	 }
 
	 .home_banner:after {
		 display: none;
	 }
 
	 .home_banner {
		 padding: 20px 0 40px 0;
	 }
 
	 .inner-banner:after {
		 display: none;
	 }
 
	 .inner-banner-content {
		 padding: 45px 20px;
	 }
 
	 .inner-banner {
		 padding: 60px 0;
	 }
 }
 
 
 @media only screen and (max-width:420.98px) {
	 .logo img {
		 max-width: 160px;
	 }
 
	 .social-icons a {
		 font-size: 16px;
	 }
 
	 .social-icons a + a {
		 margin-left: 8px;
	 }
 }