/*
Theme Name: Twenty Thirteen
Theme URI: https://wordpress.org/themes/twentythirteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 4.3
Tested up to: 6.7
Requires at least: 3.6
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, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready, block-patterns
Text Domain: twentythirteen

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
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
 h1, h2, h3, h4, h5, h6, p, a, b, strong, div, span ul, li {
    font-family: "Funnel Sans", sans-serif !important;
}
.contact-me i {
    margin: 0 0 0 7px;
}
section#midle a:hover {
    text-decoration: none;
    color: #d93f3a;
}
section#midle {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #e1e1e1;
}
header#masthead {
    padding: 15px 0;
}
div#mega-menu-wrap-primary {
    margin: 15px 0 0 0;
}
.contact-me {
    color: #1b305a;
}
.contact-me span {
    color: #000;
}
.socail-icons a {
    color: #d8352c;
    padding: 0 12px 0 15px;
    border-right: 1px solid #ababab;
}
.custom-container {
    width: 90%;
    margin: 0 auto;
}
.serach-icon {
    margin: 10px 0 0 0;
}
.contact-me a {
    color: #000;
    border-right: 1px solid #b4b4b4;
    padding: 0 20px 0 0px;
}
button.carousel-control-prev {
    width: 50px;
    height: 50px;
    top: 44%;
    border: none;
    background: #000;
}

button.carousel-control-next {
	width: 50px;
    height: 50px;
    top: 44%;
	border: none;
	background: #000;
}
header#masthead.navbar-scrolled {
    position: fixed;
    top: 0px;
    z-index: 1111;
    width: 100%;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}
.textron {
    position: absolute;
    top: 85px;
    left: 194px;
    width: 40%;
    background: #fff;
    padding: 60px 42px;
    border-radius: 2px;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.5);
    transition: transform 7000ms ease, opacity 1500ms ease-in;
}
.carousel-item.active .textron{
    -webkit-transform: scale(0.9);
    -ms-transform: scale(09);
    transform: scale(0.9);
}
.carousel-item .textron {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 7000ms ease, opacity 1500ms ease-in;
}
.carousel-item.active img {
    -webkit-transform: scale(1.1); 
    -ms-transform: scale(1.1);
     transform: scale(1.1); 
}
.carousel-item img {
   -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 7000ms ease, opacity 1500ms ease-in;
}
.main-slider .slide .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
 
    background-color: var(--light-theme-color);
    background-blend-mode: luminosity;
    
    z-index: 1;
}
a.main-btn:hover {
    text-decoration: none;
    color: #fff;
}
.innerletering-thats h4 {
    font-size: 17px;
    font-weight: 800;
}
.textron h3 {
    font-size: 29px;
    font-weight: 600;
    margin: 0 0 12px 0;
}
p {
    line-height: 30px;
    font-size: 16px;
    margin: 0 0 0 0;
}

a.main-btn {
    position: relative;
    display: inline-block;
    background-color: #1b305a;
    z-index: 1;
    padding: 12px 24px;
    transition: 0.6s;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 14px;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    overflow: hidden;
}
.text-offer h3 {
    font-size: 18px;
    font-weight: 700;
}
   a.main-btn:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
     transform: translateY(-6px);}
   a.main-btn::before
   {
     content:"";
     position:absolute;
     top:2px;
     left:2px;
     bottom:2px;
     width:100%;
     background:var(--secondaryColor);z-index: -1;
     
   }
   a.main-btn span:nth-child(1)
   {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:3px;
     background:linear-gradient(to right, #da524f, #d83529);
     animation: animate1 2s linear infinite;
     animation-delay:1s;
     
   }
   .innerleter li {
    padding: 5px;
}
.abt-txt b {
    color: #d93b34;
    border-bottom: 3px solid;
}
.innerletering-thats {
    display: flex;
}
.abt-txt h1 {
    font-size: 30px;
    font-weight: 700;
    margin: 8px 0 8px 0;
}
.innerletering {
    background: #202f57;
    padding: 15px 30px;
    color: #fff;
    border-radius: 0px;
}
section#who .innerletering {
    background: #f00a21;
    padding: 15px 30px;
    color: #fff;
    border-radius: 0px;
}
div#wpcf7-f6-o1 br {
    display: none;
}
.innerletering-thats i {
    font-size: 30px;
    margin: 0 10px 0 0px;
}
section#abt-us {
    margin: 80px 0;
}
.col-md-8.cladering {
    padding: 60px 190px 120px 87px;
}
.innerletse {
    position: absolute;
    left: -179px;
    width: 151%;
}
.text-offer {
    background: #fff;
    position: absolute;
    bottom: -8px;
    margin: 0 50px 0 30px;
    padding: 10px 30px;
}
.text-offer {
    background: #fff;
    position: absolute;
    bottom: -50px;
    margin: 0px 50px 0 30px;
    padding: 30px 30px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 17%);
}
.text-offer a {
    color: #d83b34;
}
.letter-we-will b {
    color: #dc322f;
    font-weight: 800;
    border-bottom: 3px solid;
}
.col-md-4.extra {
    margin: 0 0 115px 0;
}
.contender-large {
    position: absolute;
    bottom: 30px;
    background: #fff;
    left: 40px;
    right: 40px;
    padding: 24px;
    border-left: 5px solid #d83d37;
}
section#who {
    color: #fff;
    padding: 0px 0;
}
.cladering {
    background: #232f54;
    padding: 60px 60px;
    position: relative;
    left: -66px;
}
   @keyframes animate1
   {
     0%
     {
       transform:translateX(-100%);
   }
     100%
     {
       transform:translateX(100%);
     }
   }
   a.main-btn span:nth-child(2)
   {
     position:absolute;
     top:0;
     right:0;
     width:3px;
     height:100%;
     background:linear-gradient(to right, #da524f, #d83529);
     animation: animate2 2s linear infinite;
     animation-delay:2s;
   }
   @keyframes animate2
   {
     0%
     {
       transform:translateY(-100%);
   }
     100%
     {
       transform:translateY(100%);
     }
   }
   a.main-btn span:nth-child(3)
   {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     height:3px;
     background:linear-gradient(to right, #da524f, #d83529);
      animation: animate3 2s linear infinite;
     animation-delay:1s;
     
   }
   @keyframes animate3
   {
     0%
     {
       transform:translateX(100%);
   }
     100%
     {
       transform:translateX(-100%);
     }
   }
   a.main-btn span:nth-child(4)
   {
     position:absolute;
     top:0;
     left:0;
     width:3px;
     height:100%;
     background:linear-gradient(to right, #da524f, #d83529);
    animation: animate4 2s linear infinite;
     animation-delay:2s;
     
   }
   @keyframes animate4
   {
     0%
     {
       transform:translateY(100%);
   }
}
section#thunderbolt {
    margin: 80px 0 10px 0;
}
.letter-we-will h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 7px 0 25px 0;
}
section#this-way {
    background: #252f51;
    color: #fff;
}
section#this-way {
    background: #252f51;
    color: #fff;
    padding: 60px 0 170px 0;
}
.let-we-go-on b {
    border-bottom: 4px solid #d9372e;
}
.let-we-go-on h3 {
    margin: 15px 0 15px 0;
}
.innerletreknown {
    display: flex;
    background: #d73228;
    padding: 30px 10px 30px 10px;
    border-radius: 4px;
    margin: 0 0 20px 0;
}
.innerletreknowner {
    display: flex;
    background: #2d6aaf;
    padding: 30px 10px 30px 10px;
    border-radius: 4px;
}
.innerletreknown h4 {
    font-size: 16px;
    margin: 0px 0 0 10px;
}
.innerletreknowner h4 {
    font-size: 16px;
    margin: 0px 0 0 10px;
}
.inner-counter {
    background: #ffffff;
    position: absolute;
    width: 100%;
    top: -128px;
    box-shadow: 0 3px 16px rgb(177 173 173 / 50%);
}
#wpsm_counter_b_row_22 .wpsm_counterbox {
    margin-bottom: 0px !important;
}
.counter::after {
    content: '+';
}
section#tsetimonials {
    margin: 170px 0 0px 0;
}
.Google-Reviews b {
    color: #d93f39;
    border-bottom: 3px solid;
}
.Google-Reviews h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 15px 0 5px 0;
}
.Google-Reviews i {
    color: #f39700;
}
.Google-Reviews img {
    width: 130px;
}
.item {
    box-shadow: 0 3px 16px rgb(250 222 202);
    background: #fff9ca;
    padding: 47px;
}
.testi-main img {
    width: 77px !important;
    border-radius: 72px;
}
.item {
    box-shadow: 0 3px 16px rgb(250 222 202);
    background: #fde6af;
    padding: 47px;
    border-radius: 2px;
}
.owl-nav {
    display: none;
}
.testi-main {
    display: flex;
}
.item p {
    font-weight: 600;
}
.testi-main h6 {
    font-size: 25px;
    font-weight: 600;
    margin: 0 26px 0 10px;
}
.testi-main h6 {
    font-size: 21px;
    font-weight: 600;
    margin: 0 26px 0 10px;
    color: #db5451;
}
.item i {
    color: #fc9602;
}
.item b {
    margin: -40px 0 0px 107px;
    display: block;
}
section#prdoucts {
    margin: 160px 0 0 0px;
}
section#tsetimonials {
    margin: 70px 0 70px 0;
}

.our-products b {
    color: #c64133;
    font-weight: 800;
    border-bottom: 3px solid;
}
.our-products h4 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 46px 0;
}
section#cta {
    background: url(./images/team-of-cheerful-business-people-in-meeting.webp) rgb(4 4 4 / 70%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 90px 0;
    background-blend-mode: multiply;
    color: #fff;
    text-align: center;
}
.innner-blog {
    text-align: center;
}
section#blogs {
    margin: 70px  0;
}
.innner-blog b {
    color: #d93f37;
    font-weight: 800;
    border-bottom: 3px solid;
}
.innner-blog h5 {
    font-size: 30px;
    font-weight: 700;
    margin: 10px 0 10px 0;
}
.inner-bloger h5 {
    font-size: 21px;
    margin: 10px 0 10px 0;
    line-height: 30px;
    font-weight: 600;
}
footer#affixmenow {
    background: url(./images/footerbg1.webp);
    background-position: center;
    background-size: cover;
    padding: 55px 0;
}
.foot img {
    background: #fff;
    padding: 18px;
    border-radius: 6px;
    width: 60%;
}
.socail-icons a i {
    background: #fff;
    padding: 15px;
    border-radius: 31px;
}
.foot p {
    margin: 10px 0 15px 0;
    color: #fff;
}
.foot h5 {
    color: #fff;
    font-size: 24px;
    margin: 0px 0 15px 0;
}
.footer h5 {
    font-size: 25px;
    color: #fff;
}
ul#menu-footer-menu2 {
    line-height: 30px;
    color: #fff;
    padding: 0px 0 0 24px;
}
ul#menu-footer-menu1 li {
    line-height: 30px;
	    color: #fff;
}
ul#menu-footer-menu2 li a {
    color: #fff;
}
.menu-footer-menu1-container ul {
    padding: 0 0 0 20px;
}
ul#menu-footer-menu1 li a {
    color: #fff;
}
.footer p a {
    color: #fff !important;
    text-decoration: none;
}
.text-offer:hover {
    background: #232f54;;
    color: #fff;
    transition: 0.5s ease-in-out;
}
.text-offer a:hover {
    color: #ffffff;
    text-decoration: none;
}
section#category {
    margin: 60px 0 0 0;
}
footer#affixmenow a:hover {
    color: #ff655b;
    text-decoration: none;
}
section#copyright p {
    text-align: center;
    margin: 20px 0 20px 0;
}
section#copyright a {
    color: #d83a34;
    text-decoration: none;
    font-weight: 700;
}
.pageheader {
    background: #2A3774;
    /* background: linear-gradient(90deg, rgb(45 55 112) 0%, rgb(184 214 129) 100%) !important; */
    background: linear-gradient(90deg, rgb(32 47 87) 0%, rgb(16 53 95) 100%) !important;
    margin-bottom: 30px;
    color: #fff;
    margin-top: 10px;
}
.breadcrumb_new {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 130px;
    font-weight: bold;
}
span.breadcrumb_new a {
    color: #fff;
}
.bshades {
    font-size: 29px;
    width: 100%;
    float: left;
    text-align: center;
    font-weight: 300;
    line-height: 48px;
    margin: 30px 0 0px 0;
    letter-spacing: 1.5px;
    background: linear-gradient(to right, #d10d0d, #851715);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.innerpages {
    margin: 55px 0;
}
.resecont {
    width: 100%;
    float: left;
    font-size: 26px;
    margin: 0 0 7px 0;
    background: #fcfcfc;
    padding: 0px 10px;
}
.resecontp {
    text-align: left;
    font-size: 18px;
    letter-spacing: .5px;
    margin: 0 0 30px 0;
    padding: 0 15px;
}
.contactformdes {
    background: #ccc;
    padding: 5%;
    margin: 0 0 40px 0;
    border-radius: 30px;
}
div#wpcf7-f6-p83-o1 br {
    display: none;
}
.form-control {
    margin: 0 0 10px 0 !important;
}
ul#menu-productlistmenu {
    background: #413a39;
    color: #fff;
    height: 289px;
}
ul#menu-productlistmenu li a {
    color: #ffffff;
    line-height: 30px;
}
.stickme h3 {
    text-align: center;
    color: #fff;
    background: #c8493e;
    padding: 10px 0;
    font-size: 20px;
    border: 1px solid;
}
ul#menu-productlistmenu {
    background: #202f57;
    color: #fff;
    height: 330px;
    margin: 0 0 0 0;
}
th {
    background: #da413c;
    color: #fff;
}
.stickmexx {
    position: sticky;
    top: 0;
}
.stickme {
    background: #1c1c1c;
    color: #fff;
}
.modal-content.contactform {
    margin: 106px 0 0 0 !important;
}
ul#menu-productlistmenu li a:hover {
    text-decoration: none;
    color: #cf6753;
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 767px) {
	div#mega-menu-wrap-primary {
    width: 50px !important;
    float: right !important;
}
.pageheader {
    padding: 15px 0 0 0 !important;
}
section.pageheader h1 {
    display: unset !important;
    font-size: 30px;
}
span.breadcrumb_new {
    margin: 15px 0 0 0 !important;
}
.breadcrumb_new {
    display: unset !important;
    float: left !important;
    height: 45px !important;
}
header#masthead.navbar-scrolled {
    position: unset !important;
}
span.breadcrumb_new a {
    color: #fff;
}
section#copyright p {
    margin: 20px 0 50px 0 !important;
}
	button.carousel-control-prev {
    width: 30px !important;
    height: 30px !important; 
}
	.abt-txt {
    margin: 30px 0 0 0 !important;
}
section#thunderbolt {
    margin: 280px 0 10px 0 !important;
}
	.our-products h4 {
    font-size: 27px !important;
    margin: 7px 0 7px 0 !important;
}
	.item {
    margin: 39px 0 0 0 !important;
}
.item b {
    margin: 5px 0 0px 0px !important;
    display: block !important;
}
	.inner-bloger {
    margin: 16px 0px 30px 0;
}
.foot h5 {
    margin: 20px 0 15px 0 !important;
}
	.letter-we-will h3 {
    font-size: 24px !important;
    font-weight: 700;
    margin: 7px 0 5px 0;
}
.col-md-4.extra {
    margin: 0 0 0px 0 !important;
}
.text-offer {
    margin: 0px 26px 0 8px !important;
    padding: 10px 27px !important;
    bottom: 100px !important;
}
	.inner-counter {
    background: #ffffff;
    position: absolute;
    width: 86% !important;
    top: -140px !important;
    box-shadow: 0 3px 16px rgb(177 173 173 / 50%);
}
	section#prdoucts {
    margin: 800px 0 0 0px !important;
}
.inner-later-we-go-on-handles {
    margin: -42px 0 220px 0;
}
.testi-main {
    display: unset !important;
}
	.innerletreknowner {
    margin: 0 0 20px 0 !important;
}
	section#abt-us {
    margin: 40px 0 !important;
}
	.innerletering {
    margin: 15px 0 0 0 !important;
}
.col-md-8.cladering {
    padding: 43px 13px 43px 10px !important;
    left: 0 !important;
}
	.contender-large {
    bottom: -61px !important;
    right: 40px !important;
    border-left: 5px solid #d83d37;
}
.innerletse {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
    right: 0 !important;
}
.abt-txt {
    margin: 0px 0 35px 0 !important;
}
section#who {
    margin: 93px 0 0 0 !important;
}
section#abt-us .col-md-5{
    order: 2 !important;
}
	.textron {
    position: absolute;
    top: -7px !important;
    left: 30px !important;
    width: 80% !important;
    padding: 16px 32px !important;
}
.textron h3 {
    font-size: 14px !important;
    margin: 0 0 0 0 !important;
}
img.d-block.w-100 {
    width: 130% !important ;
}
.textron {
    position: absolute;
    top: 34px !important;
    left: 30px !important;
    width: 80% !important;
    padding: 7px 14px !important;
}
	.carousel-inner a {
    display: none !important;
}
	.textron p {
    font-size: 7px !important;
    line-height: 11px !important;
}
	section#midle {
    display: none !important;
}
#sequence {
    width: 100%;
    float: left;
    background: #030c24;
    position: fixed;
    bottom: 0;
    z-index: 100;
    padding: 0;
    color: #000!important;
}
#sequence a {
    width: 33.3333%;
    float: left;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    color: #fff!important;
    font-weight: 600;
    text-decoration: none!important;
    border-right: 1px solid;
}
}
.ngg-gallery-thumbnail img {
    margin: 10px !important;
    border: 1px solid #ce0a1e;
    padding: 20px !important;
    border-radius: 5px !important;
}