/*=======================================================================
[Table of contents]
=========================================================================
1. Fonts
2. Normalization
3. Section setup
4. Margin and padding setup
==========================================================================*/

/*=======================================================================
// Fonts
=========================================================================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900%7CRoboto:300,400,500,700');

/* Normalization */

body {
     font-size: 14px;
     font-weight: normal;
     font-style: normal;
     line-height: 1.7;
     letter-spacing: 0.5px;
     overflow-x: hidden;
     font-family: 'Roboto', sans-serif;
     position: relative;
     color: #373737;
}
 html, body {
     height: 100%;
}
 p {
     line-height: 1.9;
     margin: 0 0 1.2em;
}
 a{
     color: #222222;
     transition: all ease 500ms;
     -moz-transition: all ease 500ms;
     -webkit-transition: all ease 500ms;
     -ms-transition: all ease 500ms;
     -o-transition: all ease 500ms;
}
 a:hover{
     text-decoration: none;
     color: #ee1d23;
}
 a:focus{
     outline: 0;
     text-decoration: none;
}
 ul, ol{
     margin: 0;
     padding: 0;
     list-style: none;
}
 button{
     border: none;
}
 h1, h2, h3, h4, h5, h6 {
     font-weight: 700;
     margin: 0;
     line-height: 1.3;
     font-family: 'Montserrat', sans-serif;
}
 .h1, .h2, .h3, .h4, .h5, .h6 {
     font-weight: 700;
     margin: 0;
     line-height: 1.3;
     font-family: 'Montserrat', sans-serif;
}
 .posttionre{
     position: relative;
}
 .posttionab{
     position: absolute;
}
/*======================================================================= // Margin and padding setup =========================================================================*/
 .noPadding{
     padding: 0px !important;
}
 .noPaddingBottom{
     padding-bottom: 0px !important;
}
 .noPaddingLeft{
     padding-left: 0px !important;
}
 .noPaddingRight{
     padding-right: 0px !important;
}
 .noPaddingLeri{
     padding-right: 0px !important;
     padding-left: 0px !important;
}
 .noMargin{
     margin: 0px !important;
}
 .noMarginBottom{
     margin-bottom: 0px !important;
}
 .noMarginRight{
     margin-right: 0px !important;
}
 .noPaddingTop{
     padding-top: 0px !important;
}
 .padding5{
     padding: 5px;
}
 .padding10 {
     padding: 10px;
}
 .padding15 {
     padding: 15px;
}
 .padding20 {
     padding: 20px;
}
 .padding30 {
     padding: 30px;
}
 .padding40 {
     padding: 40px;
}
 .padding50 {
     padding: 50px;
}
 .padding60 {
     padding: 60px;
}
 .padding70 {
     padding: 70px;
}
 .padding80 {
     padding: 80px;
}
 .padding90 {
     padding: 90px;
}
 .padding100 {
     padding: 100px;
}
/* Margin top */
 .mt-0 {
     margin-top: 0 !important;
}
 .mt-10 {
     margin-top: 10px;
}
 .mt-15 {
     margin-top: 15px;
}
 .mt-20 {
     margin-top: 20px;
}
 .mt-30 {
     margin-top: 30px;
}
 .mt-40 {
     margin-top: 40px;
}
 .mt-50 {
     margin-top: 50px;
}
 .mt-60 {
     margin-top: 60px;
}
 .mt-70 {
     margin-top: 70px;
}
 .mt-80 {
     margin-top: 80px;
}
 .mt-90 {
     margin-top: 90px;
}
 .mt-100 {
     margin-top: 100px;
}
 .mt-110 {
     margin-top: 110px;
}
 .mt-120 {
     margin-top: 120px;
}
 .mt-130 {
     margin-top: 130px;
}
 .mt-140 {
     margin-top: 140px;
}
 .mt-150 {
     margin-top: 150px;
}
/* Margin right */
 .mr-0 {
     margin-right: 0 !important;
}
 .mr-10 {
     margin-right: 10px;
}
 .mr-15 {
     margin-right: 15px;
}
 .mr-20 {
     margin-right: 20px;
}
 .mr-30 {
     margin-right: 30px;
}
 .mr-40 {
     margin-right: 40px;
}
 .mr-50 {
     margin-right: 50px;
}
 .mr-60 {
     margin-right: 60px;
}
 .mr-70 {
     margin-right: 70px;
}
 .mr-80 {
     margin-right: 80px;
}
 .mr-90 {
     margin-right: 90px;
}
 .mr-100 {
     margin-right: 100px;
}
 .mr-110 {
     margin-right: 110px;
}
 .mr-120 {
     margin-right: 120px;
}
 .mr-130 {
     margin-right: 130px;
}
 .mr-140 {
     margin-right: 140px;
}
 .mr-150 {
     margin-right: 150px;
}
/* Margin bottom */
 .mb-0 {
     margin-bottom: 0 !important;
}
 .mb-5 {
     margin-bottom: 5px;
}
 .mb-10 {
     margin-bottom: 10px;
}
 .mb-15 {
     margin-bottom: 15px;
}
 .mb-20 {
     margin-bottom: 20px;
}
 .mb-30 {
     margin-bottom: 30px;
}
 .mb-35 {
     margin-bottom: 35px;
}
 .mb-40 {
     margin-bottom: 40px;
}
 .mb-50 {
     margin-bottom: 50px;
}
 .mb-55 {
     margin-bottom: 55px;
}
 .mb-60 {
     margin-bottom: 60px;
}
 .mb-70 {
     margin-bottom: 70px;
}
 .mb-80 {
     margin-bottom: 80px;
}
 .mb-85 {
     margin-bottom: 85px;
}
 .mb-90 {
     margin-bottom: 90px;
}
 .mb-100 {
     margin-bottom: 100px;
}
 .mb-110 {
     margin-bottom: 110px;
}
 .mb-120 {
     margin-bottom: 120px;
}
 .mb-130 {
     margin-bottom: 130px;
}
 .mb-140 {
     margin-bottom: 140px;
}
 .mb-150 {
     margin-bottom: 150px;
}
/* Margin left */
 .ml-0 {
     margin-left: 0 !important;
}
 .ml-10 {
     margin-left: 10px;
}
 .ml-15 {
     margin-left: 15px;
}
 .ml-20 {
     margin-left: 20px;
}
 .ml-30 {
     margin-left: 30px;
}
 .ml-40 {
     margin-left: 40px;
}
 .ml-50 {
     margin-left: 50px;
}
 .ml-60 {
     margin-left: 60px;
}
 .ml-70 {
     margin-left: 70px;
}
 .ml-80 {
     margin-left: 80px;
}
 .ml-90 {
     margin-left: 90px;
}
 .ml-100 {
     margin-left: 100px;
}
 .ml-110 {
     margin-left: 110px;
}
 .ml-120 {
     margin-left: 120px;
}
 .ml-130 {
     margin-left: 130px;
}
 .ml-140 {
     margin-left: 140px;
}
 .ml-150 {
     margin-left: 150px;
}
/* Padding top */
 .pt-0 {
     padding-top: 0 !important;
}
 .pt-10 {
     padding-top: 10px;
}
 .pt-15 {
     padding-top: 15px;
}
 .pt-20 {
     padding-top: 20px;
}
 .pt-30 {
     padding-top: 30px;
}
 .pt-30 {
     padding-top: 35px;
}
 .pt-40 {
     padding-top: 40px;
}
 .pt-50 {
     padding-top: 50px;
}
 .pt-60 {
     padding-top: 60px;
}
 .pt-70 {
     padding-top: 70px;
}
 .pt-80 {
     padding-top: 80px;
}
 .pt-90 {
     padding-top: 90px;
}
 .pt-100 {
     padding-top: 100px;
}
 .pt-110 {
     padding-top: 110px;
}
 .pt-120 {
     padding-top: 120px;
}
 .pt-130 {
     padding-top: 130px;
}
 .pt-140 {
     padding-top: 140px;
}
 .pt-150 {
     padding-top: 150px;
}
/* Padding right */
 .pr-0 {
     padding-right: 0 !important;
}
 .pr-10 {
     padding-right: 10px;
}
 .pr-15 {
     padding-right: 15px;
}
 .pr-20 {
     padding-right: 20px;
}
 .pr-30 {
     padding-right: 30px;
}
 .pr-40 {
     padding-right: 40px;
}
 .pr-50 {
     padding-right: 50px;
}
 .pr-60 {
     padding-right: 60px;
}
 .pr-70 {
     padding-right: 70px;
}
 .pr-80 {
     padding-right: 80px;
}
 .pr-90 {
     padding-right: 90px;
}
 .pr-100 {
     padding-right: 100px;
}
 .pr-110 {
     padding-right: 110px;
}
 .pr-120 {
     padding-right: 120px;
}
 .pr-130 {
     padding-right: 130px;
}
 .pr-140 {
     padding-right: 140px;
}
 .pr-150 {
     padding-right: 150px;
}
/*Padding bottom */
 .pb-0 {
     padding-bottom: 0 !important 
}
 .pb-10 {
     padding-bottom: 10px;
}
 .pb-15 {
     padding-bottom: 15px;
}
 .pb-20 {
     padding-bottom: 20px;
}
 .pb-30 {
     padding-bottom: 30px;
}
 .pb-40 {
     padding-bottom: 40px;
}
 .pb-50 {
     padding-bottom: 50px;
}
 .pb-55 {
     padding-bottom: 55px;
}
 .pb-60 {
     padding-bottom: 60px;
}
 .pb-70 {
     padding-bottom: 70px;
}
 .pb-80 {
     padding-bottom: 80px;
}
 .pb-85 {
     padding-bottom: 85px;
}
 .pb-90 {
     padding-bottom: 90px;
}
 .pb-100 {
     padding-bottom: 100px;
}
 .pb-110 {
     padding-bottom: 110px;
}
 .pb-120 {
     padding-bottom: 120px;
}
 .pb-130 {
     padding-bottom: 130px;
}
 .pb-140 {
     padding-bottom: 140px;
}
 .pb-150 {
     padding-bottom: 150px;
}
/* Padding left */
 .pl-0 {
     padding-left: 0 !important;
}
 .pl-10 {
     padding-left: 10px;
}
 .pl-15 {
     padding-left: 15px;
}
 .pl-20 {
     padding-left: 20px;
}
 .pl-30 {
     padding-left: 30px;
}
 .pl-40 {
     padding-left: 40px;
}
 .pl-50 {
     padding-left: 50px;
}
 .pl-60 {
     padding-left: 60px;
}
 .pl-70 {
     padding-left: 70px;
}
 .pl-80 {
     padding-left: 80px;
}
 .pl-90 {
     padding-left: 90px;
}
 .pl-100 {
     padding-left: 100px;
}
 .pl-110 {
     padding-left: 110px;
}
 .pl-120 {
     padding-left: 120px;
}
 .pl-130 {
     padding-left: 130px;
}
 .pl-140 {
     padding-left: 140px;
}
 .pl-150 {
     padding-left: 150px;
}
/* Page section padding */
 .ptb-0 {
     padding: 0 !important;
}
 .ptb-10 {
     padding: 10px 0;
}
 .ptb-20 {
     padding: 20px 0;
}
 .ptb-30 {
     padding: 30px 0;
}
 .ptb-40 {
     padding: 40px 0;
}
 .ptb-50 {
     padding: 50px 0;
}
 .ptb-60 {
     padding: 60px 0;
}
 .ptb-70 {
     padding: 70px 0;
}
 .ptb-80 {
     padding: 80px 0;
}
 .ptb-90 {
     padding: 90px 0;
}
 .ptb-100 {
     padding: 100px 0;
}
 .ptb-110 {
     padding: 110px 0;
}
 .ptb-120 {
     padding: 120px 0;
}
 .ptb-130 {
     padding: 130px 0;
}
 .ptb-140 {
     padding: 140px 0;
}
 .ptb-150 {
     padding: 150px 0;
}
/* Page section margin */
 .mtb-0 {
     margin: 0 !important;
}
 .mtb-10 {
     margin: 10px 0;
}
 .mtb-15 {
     margin: 15px 0;
}
 .mtb-20 {
     margin: 20px 0;
}
 .mtb-30 {
     margin: 30px 0;
}
 .mtb-40 {
     margin: 40px 0;
}
 .mtb-50 {
     margin: 50px 0;
}
 .mtb-60 {
     margin: 60px 0;
}
 .mtb-70 {
     margin: 70px 0;
}
 .mtb-80 {
     margin: 80px 0;
}
 .mtb-90 {
     margin: 90px 0;
}
 .mtb-100 {
     margin: 100px 0;
}
 .mtb-110 {
     margin: 110px 0;
}
 .mtb-120 {
     margin: 120px 0;
}
 .mtb-130 {
     margin: 130px 0;
}
 .mtb-140 {
     margin: 140px 0;
}
 .mtb-150 {
     margin: 150px 0;
}
/*======================================================================= // Theme Button =========================================================================*/
 .theme-color{
     color:#ffb501;
}
 .themeBtn {
     background: #ee1d23;
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 50px;
     margin-top: 15px;
     line-height: 0.8;
     padding: 18px 30px;
     text-transform: capitalize;
}
 .themeBtn:hover{
     color: #fff;
     background: #333;
}
 .themeBtn.bgwhite{
     background: #fff;
     color: #000000;
}
 .themeBtn.bgwhite:hover{
     background: #333;
     color: #fff;
}
 .themebtn_promo.themebt{
     border-color:#ffb501;
     color:#ffb501;
}
 .themebtn_promo.themebt:hover{
     border-color:#fff;
}
 .themebtn_promo{
     color: #fff;
     display: inline-block;
     font-size: 15px;
     font-weight: 700;
     height: 50px;
     line-height: 0.8;
     padding: 18px 30px;
     text-transform: capitalize;
     border:1px solid;
     border-radius:0px;
     margin: 20px 0;
}
 .themebtn_promo:hover{
     color: #000;
     background: #fff;
     text-decoration:none;
}
/*======================================================================= // Section SetUp =========================================================================*/
 .commonSection{
     padding: 60px 0;
     position: relative;
}
 .bggray{
     background: #f1f1f1;
}
 .bgtheme{
     background: #ee1d23;
}
 .overlay85:before{
     background: rgba(44, 62, 80, .85);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     content: '';
     width: 100%;
     height: 100%;
}
 .themeHeadding h2{
     font-size: 26px;
     color: #fff;
     margin-bottom: 50px;
     position: relative;
}
 .themeHeadding.black h2{
     color: #373737;
}
 .withbgimg .themeHeadding h2::after {
     background: #fff;
}
 .themeHeadding h2::after {
     background: #ee1d23;
     content: "";
     height: 2px;
     position: absolute;
     width: 60px;
     left: 0;
     right: 0;
     margin: 0;
     top: 47px;
}
 .themeHeadding p{
     line-height: 36px;
     color: #000;
}
 .commonSectionTitle{
     margin-bottom: 60px;
}
 .commonSectionTitle h2{
     font-size: 28px;
     color: #202020;
     position: relative;
     padding-bottom: 25px;
}
 .portfolio_sec .themeHeadding h2::after, .aboutcontain .themeHeadding h2::after, .skill_sec .themeHeadding h2::after{
     margin: 0;
}
.faqsec .themeHeadding h2::after{
    margin: auto;
    
}
 .commonSectionTitle h2:after{
     width: 60px;
     height: 2px;
     background: #ffb501;
     content: '';
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     position: absolute;
}
 .commonSectionTitle.two{
     margin-bottom: 40px;
}
 .lightbg{
     background: #fff !important;
}
 .darkbg{
     background: #29282e;
}
 .light{
     color:#fff !important;
}
 .dark{
     color:#000 !important;
}
 .featured-text{
     font-size:16px;
     letter-spacing: 0.6px 
}