@import url("navigation.css");
 .section-block{
     padding: 30px 0px 30px 0px;
     background-color: #fff;
}
 .section-block-grey{
     padding: 30px 0px 30px 0px;
     background-color: #f9f9f9;
}
 .section-block-dark{
     padding: 30px 0px 30px 0px;
     background-color: #222;
}
 .section-block-parallax{
     position: relative;
     background-size: cover;
     background-attachment: fixed;
     background-position: 50% 50%;
     padding: 30px 0px 30px 0px;
}
 .section-block-bg{
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     padding: 50px 0px 50px 0px;
}
 .section-block-transparent{
     padding: 90px 0px 90px 0px;
     background: transparent;
}
 .background-top{
     background-position: center left;
}
 .no-repeat{
     background-repeat: no-repeat;
}
 .section-clients{
     background: #fff;
     padding: 50px 0px;
}
 .section-clients-grey{
     background: #f9f9f9;
     padding: 50px 0px;
}
 .notice-section{
     background: #fff;
     padding: 60px 0px;
}
 .notice-section-grey{
     background: #f7f7f7;
     padding: 60px 0px;
}
 .notice-section-bg{
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
     padding: 60px 0px 60px 0px;
}
 .notice-section h2, .notice-section-grey h2, .notice-section-bg h2{
     position: relative;
     font-size: 42px;
     font-weight: 400;
     color: #111;
}
 .notice-section h3, .notice-section-grey h3, .notice-section-bg h3{
     position: relative;
     font-size: 35px;
     font-weight: 400;
     color: #111;
}
 .notice-section h4, .notice-section-grey h4, .notice-section-bg h4{
     position: relative;
     font-size: 30px;
     font-weight: 500;
     color: #111;
}
 .notice-section h5, .notice-section-grey h5, .notice-section-bg h5{
     position: relative;
     font-size: 25px;
     font-weight: 500;
     color: #111;
}
 .notice-section h6, .notice-section-grey h6, .notice-section-bg h6{
     position: relative;
     font-size: 20px;
     font-weight: 500;
     color: #111;
}
 .dark-bg{
     background: #111;
}
 .full-background{
     background-size: cover;
}
 .notice-section-sm{
     padding: 40px 0px;
}
 .notice-section-md{
     padding: 60px 0px;
}
 .notice-section-lg{
     padding: 80px 0px;
}
 .section-sm{
     padding: 30px 0px;
}
 .section-md{
     padding: 40px 0px;
}
 .section-lg{
     padding: 80px 0px;
}
 .min-350{
     min-height: 350px;
}
/*-----------------------------------------2. Headings-------------------------------------------*/
 .section-heading{
     margin-bottom: 10px;
}
 .section-heading h2{
     position: relative;
     font-size: 42px;
     font-weight: 500;
     color: #111;
     line-height: 130%;
     margin-bottom: 10px;
}
 .section-heading h3{
     position: relative;
     font-size: 35px;
     font-weight: 600;
     color: #111;
     line-height: 130%;
     margin-bottom: 10px;
}
 .section-heading h4{
     position: relative;
     font-size: 30px;
     font-weight: 600;
     color: #111;
     line-height: 160%;
     margin-bottom: 10px;
}
 .section-heading h5{
     position: relative;
     font-size: 25px;
     font-weight: 600;
     color: #111;
     line-height: 160%;
     margin-bottom: 10px;
}
 .section-heading h6{
     position: relative;
     font-size: 20px;
     font-weight: 500;
     color: #111;
     line-height: 160%;
     margin-bottom: 10px;
}
 .section-heading strong{
     font-weight: 600;
}
 .section-heading-line{
     content: '';
     display: block;
     width: 100px;
     height: 3px;
     background: #d21e2b;
     border-radius: 25%;
     margin: auto;
     margin-top: 15px;
     margin-bottom: 5px;
}
 .section-heading-line-left{
     content: '';
     display: block;
     width: 100px;
     height: 3px;
     background: #d21e2b;
     border-radius: 25%;
     margin-top: 15px;
     margin-bottom: 5px;
}
 .section-heading p{
     font-size: 15px;
     font-weight: 400;
     color: #aaa;
     line-height: 160%;
     padding-top: 15px;
     margin-bottom: 0px;
}
 .section-heading span{
     position: relative;
     font-size: 15px;
     font-weight: 500;
     color: #d21e2b;
     line-height: 200%;
     margin-bottom: 10px;
}
.page-title-section:before{
    background-color: rgba(0,21,68,0.56);
	width:100%;
}
 .page-title-section{
     padding: 55px 0px 55px 0px;
     background-color: #eee;
     background-size: cover;
     background-position: center;
     text-align: center;
     border-bottom: 1px solid #f5f5f5;
}
 .page-title-section h1{
     font-size: 40px;
     font-weight: 600;
     letter-spacing: 1px;
     line-height: 1;
     color: #fff;
     text-align: center;
     margin-bottom: 10px;
}
 .page-title-section ul li{
     display: inline-block;
}
 .page-title-section ul li:after{
     content: ' \f105';
     color: #fff;
     font-family: 'FontAwesome';
     padding: 0px 10px;
}
 .page-title-section ul li:last-child:after{
     content: none;
}
 .page-title-section ul li a{
     color: #fff;
     font-size: 14px;
     font-weight: 500;
}
 .page-title-section ul li a:hover{
     color: #111;
}
/*-----------------------------------------3. Navbar-------------------------------------------*/
 .nav-menu > li:hover > a,.nav-menu > li.active > a,.nav-menu > li.focus > a{
     color: #d21e2b;
}
 .nav-menu > li:hover > a .submenu-indicator-chevron,.nav-menu > .active > a .submenu-indicator-chevron,.nav-menu > .focus > a .submenu-indicator-chevron{
     border-color: transparent #d21e2b #d21e2b transparent;
}
 .nav-search-button:hover .nav-search-icon{
     color: #d21e2b;
}
 .nav-button{
     height: auto !important;
     margin: 18px 15px 0;
     padding: 8px 14px;
     display: inline-block;
     color: #fff;
     font-size: 14px;
     text-align: center;
     text-decoration: none;
     border-radius: 4px;
     background-color: #d21e2b;
     -webkit-transition: opacity 0.3s;
     transition: opacity 0.3s;
}
 .megamenu-list > li > a:hover{
     color: #d21e2b;
}
 @media (min-width: 991px){
     #nav-transparent .nav-menu > li:hover > a, #nav-transparent .nav-menu > li.active > a, #nav-transparent .nav-menu > li.focus > a{
         color: #d21e2b;
    }
     #nav-transparent .nav-menu > li:hover > a .submenu-indicator-chevron, #nav-transparent .nav-menu > .active > a .submenu-indicator-chevron, #nav-transparent .nav-menu > .focus > a .submenu-indicator-chevron{
         border-color: transparent #d21e2b #d21e2b transparent;
    }
     #nav-transparent .nav-dropdown > li:hover > a .submenu-indicator-chevron, #nav-transparent .nav-dropdown > .focus > a .submenu-indicator-chevron{
         border-color: transparent #d21e2b #d21e2b transparent;
    }
     #nav-transparent .nav-white-bg .nav-menu > li:hover > a{
         color: #d21e2b;
    }
}
 .nav-dropdown > li:hover > a,.nav-dropdown > li.focus > a{
     color: #d21e2b;
}
 .nav-dropdown > li:hover > a .submenu-indicator-chevron,.nav-dropdown > .focus > a .submenu-indicator-chevron{
     border-color: transparent #d21e2b #d21e2b transparent;
}
/*-----------------------------------------4. Search-------------------------------------------*/
 #search_nav{
     display: inline-block;
     z-index: 9999;
}
 .search-holder{
     color: #323232;
     margin-top: 18px;
     border-left: 1px solid #f7f7f7;
}
 .search-button{
     padding-left: 12.5px;
     cursor: pointer;
}
 @media (max-width: 991px){
     .search-holder{
         border: none !important;
    }
     .search-button i{
         padding: 17px 0px;
         cursor: pointer;
    }
     .search-button i:after{
         font-family: 'Nunito', sans-serif;
         content: 'Search';
         font-size: 13px;
         text-transform: uppercase;
         font-weight: 700;
         display: inline-block;
         padding-left: 10px;
    }
     .search-overlay-content input{
         margin: 30px;
         max-width: 80%;
    }
     .search-overlay-content{
         position: relative;
         top: 15% !important;
         text-align: center;
    }
}
 .search-overlay{
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 1;
     top: 0;
     left: 0;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.9);
     overflow-x: hidden;
     transition: 0.5s;
}
 .search-overlay-content{
     position: relative;
     top: 35%;
     width: 100%;
     text-align: center;
     margin-top: 30px;
}
 .search-overlay-content input{
     font-size: 35px;
     font-weight: 500;
     color: #fff;
     background: transparent;
     border: none;
     border-bottom: 2px solid #fff;
     opacity: 0.5;
     padding: 15px 15px;
}
 .search-overlay a{
     padding: 8px;
     text-decoration: none;
     font-size: 36px;
     color: #818181;
     display: block;
     transition: 0.3s;
}
 .search-overlay a:hover, .search-overlay a:focus{
     color: #f1f1f1;
}
 .search-overlay .closebtn{
     position: absolute;
     top: 20px;
     right: 30px;
     font-size: 60px;
}
 @media screen and (max-height: 450px){
     .search-overlay a{
         font-size: 20px 
    }
     .search-overlay .closebtn{
         font-size: 40px;
         top: 15px;
         right: 35px;
    }
}
/*-----------------------------------------5. Top-Bar-------------------------------------------*/
 @media (max-width: 991px){
     #top-bar.hidden-sm-down{
         display: none !important;
    }
}
 #top-bar{
     display: block;
     position: relative;
     z-index: 999;
     background: #2a2a2a;
     height: 45px;
}
 .top-bar-welcome{
     display: inline-block;
}
 .top-bar-welcome ul{
     padding-left: 0px;
     margin-bottom: 0px;
}
 .top-bar-welcome li{
     font-size: 13px;
     font-weight: 500;
     color: #fff;
     list-style-type: none;
     margin: 0px;
     padding-top: 2px;
     margin-right: 5px;
}
 .top-bar-info{
     display: inline-block;
}
 .top-bar-info ul{
     padding-left: 0px;
     margin-bottom: 0px;
     padding-left: 10px;
     padding-right: 20px;
}
 .top-bar-info li{
     font-size: 13px;
     font-weight: 500;
     color: #fff;
     list-style-type: none;
     display: inline-block;
     padding: 13.5px 5px 0px 5px;
     margin-bottom: 0px;
}
 .top-bar-info li i{
     font-size: 13px;
     color: #d21e2b;
     margin-right: 8px;
}
 .social-icons{
     padding: 0px;
     float: right;
     margin: 0px;
}
 .social-icons li{
     font-size: 14px;
     list-style-type: none;
     float: left;
     width: 35px;
     text-align: center;
     margin: 0px;
     padding: 13px 0px 13px 0px;
}
 .social-icons li a{
     opacity: .7;
     color: #fff;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .social-icons a:hover{
     opacity: 1;
}
/*-----------------------------------------6. CountUps-------------------------------------------*/
 .counter-box{
     position: relative;
     text-align: center;
     margin: 15px 0px;
}
 @media (max-width: 767px){
     .counter-box{
         margin: 30px;
    }
}
 .counter-box h4{
     display: inline-block;
     font-size: 35px;
     font-weight: 600;
     color: #111;
}
 .counter-box h4:after{
     content: '+';
}
 .counter-box h3{
     display: inline-block;
     font-size: 45px;
     font-weight: 600;
     color: #111;
}
 .counter-box h3:after{
     content: '+';
}
 .counter-box p{
     font-size: 15px;
     font-weight: 500;
     color: #999;
     line-height: 1.7;
     margin-top: 10px;
}
 .counter-box p:before{
     content: '';
     display: block;
     background: #d21e2b;
     height: 3px;
     width: 70px;
     margin: 10px auto;
}
 .counter-box.left-holder p:before{
     content: '';
     display: block;
     background: #d21e2b;
     height: 3px;
     width: 70px;
     margin: 10px 0px;
}
/*-----------------------------------------7. Helper Classes-------------------------------------------*/
/*--------------------a) Text-content----------------------*/
 .text-content p{
     font-size: 14px;
     font-weight: 400;
     color: #999;
     line-height: 190%;
     margin-bottom: 15px;
}
 .text-content-big p{
     font-size: 15px;
     font-weight: 400;
     color: #999;
     line-height: 200%;
     margin-bottom: 15px;
}
 .text-content-small p{
     font-size: 12px;
     font-weight: 400;
     color: #999;
     line-height: 200%;
     margin-bottom: 15px;
}
 .text-uppercase{
     text-transform: uppercase;
}
 .text-thin{
     font-weight: 400 !important;
}
 .text-semi-bold{
     font-weight: 600 !important;
}
 .text-bold{
     font-weight: 700 !important;
}
 .text-bold p{
     font-weight: 700 !important;
}
/*--------------------b) Image-properties----------------------*/
 .rounded-border{
     border-radius: 10px !important;
}
 .semi-rounded{
     border-radius: 5px !important;
}
 .no-rounded{
     border-radius: 0px !important;
}
 .shadow-primary{
     -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
 .full-width{
     width: 100%;
}
 .half-width{
     min-width: 50%;
}
 .full-height{
     height: 100%;
}
/*--------------------c) Buttons----------------------*/
 .primary-button{
     background: #d21e2b;
     color: #fff;
     font-size: 11px;
     font-weight: 500;
     border-radius: 50px;
     padding: 10px 15px 10px 15px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
}
 .primary-button:hover{
     background: #222;
     color: #fff;
}
 .white-button{
     background: #fff;
     transition: background-position 0.5s;
     color: #111;
     border: 1px solid #ccc;
     font-size: 11px;
     font-weight: 500;
     border-radius: 50px;
     padding: 10px 15px 10px 15px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
}
 .white-button:hover{
     color: #111;
     transform: translateY(-.4rem);
     box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
}
 .dark-button{
     background: #111;
     color: #fff;
     font-size: 11px;
     font-weight: 500;
     border-radius: 50px;
     padding: 10px 15px 10px 15px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .dark-button:hover{
     color: #fff;
     background: #d21e2b;
}
 .bordered-button{
     background: transparent;
     border: 2px solid #d21e2b;
     color: #d21e2b;
     font-size: 12px;
     font-weight: 500;
     border-radius: 50px;
     padding: 10px 15px 10px 15px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
}
 .bordered-button:hover{
     background: #d21e2b;
     color: #fff;
}
 .slider-btn{
     font-family: inherit !important;
     transition: 0.3s !important;
}
 .button-tag{
     display: inline-block;
     font-size: 12px;
     font-weight: 500;
     margin: 5px 0px 0px 0px;
     padding: 8px 15px 8px 15px !important;
}
 .button-xs{
     display: inline-block;
     font-size: 10px;
     font-weight: 500;
     padding: 8px 17px 8px 17px;
}
 .button-sm{
     display: inline-block;
     font-weight: 500;
     font-size: 12px;
     padding: 11px 22px 11px 22px;
}
 .button-md{
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     padding: 13px 25px 13px 25px;
}
 .button-lg{
     display: inline-block;
     font-size: 17px;
     font-weight: 600;
     padding: 20px 35px 20px 35px !important;
}
/*--------------------d) Lists----------------------*/
 .primary-list{
     padding-left: 0px;
}
 .primary-list li{
     list-style-type: none;
     color: #222;
     font-size: 13px;
     font-weight: 500;
     margin-top: 15px;
}
 .primary-list li i{
     color: #d21e2b;
     padding-right: 10px;
}
 .dark-list{
     padding-left: 0px;
}
 .dark-list li{
     list-style-type: none;
     color: #222;
     font-size: 14px;
     font-weight: 500;
     margin-top: 15px;
}
 .dark-list li i{
     color: #222;
     padding-right: 10px;
}
 .white-list{
     padding-left: 0px;
}
 .white-list li{
     list-style-type: none;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     margin-top: 15px;
}
 .white-list li i{
     color: #d21e2b;
     padding-right: 15px;
}
/*--------------------e) Color Control----------------------*/
 .primary-color h1,.primary-color h2,.primary-color h3,.primary-color h4,.primary-color h5,.primary-color h6,.primary-color p,.primary-color i,.primary-color span{
     color: #d21e2b !important;
}
 .dark-color h1,.dark-color h2,.dark-color h3,.dark-color h4,.dark-color h5,.dark-color h6,.dark-color p,.dark-color i,.dark-color span{
     color: #111 !important;
}
 .white-color,.white-color h1,.white-color h2,.white-color h3,.white-color h4,.white-color h5,.white-color h6,.white-color p,.white-color i,.white-color span{
     color: #fff !important;
}
/*--------------------f) Video Box----------------------*/
 .video-video-box{
     position: relative;
     display: block;
     width: 100%;
     height: auto;
}
 .video-video-box img{
     width: 100%;
}
 .video-video-box-overlay{
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     opacity: 1;
     transition: .5s ease;
}
 .video-video-box-button{
     position: absolute;
     overflow: hidden;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
}
 .video-video-box-button button{
     color: #fff;
     font-size: 25px;
     background: rgba(0, 0, 0, .8);
     width: 100px;
     height: 100px;
     border-radius: 50%;
     padding-top: 5px;
     padding-left: 12px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .video-video-box-button button:hover{
     color: #111;
     background: #fff;
}
 @media (max-width: 991px){
     .video-video-box-button button{
         color: #222;
         font-size: 15px;
         background: rgba(255, 255, 255, .7);
         width: 60px;
         height: 60px;
         border-radius: 50%;
         padding-top: 1px;
         padding-left: 9px;
         -webkit-transition-duration: .3s;
         transition-duration: .3s;
    }
}
/*--------------------g) Pagination----------------------*/
 .paginator{
     display: inline-block;
     border-radius: 10px;
     font-size: 15px;
     font-weight: 600;
     color: #2d2d2d;
     background: #f1f1f1;
     padding: 10px 15px 10px 15px;
     margin: 3px;
}
 .paginator:hover{
     color: #fff;
     background: #bda87f;
}
 .paginator:focus{
     color: #fff;
     background: #bda87f;
}
 .active-page{
     color: #fff;
     background: #bda87f;
}
/*--------------------h) Borders----------------------*/
 .border-top{
     border-top: 1px solid #ececec !important;
}
 .border-bottom{
     border-bottom: 1px solid #ececec;
}
 .border-left{
     border-left: 1px solid #ececec;
}
 .border-right{
     border-right: 1px solid #ececec;
}
 .border-full{
     border: 1px solid #ececec;
}
/*--------------------i) Animations----------------------*/
 @-webkit-keyframes pulse{
     25%{
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     75%{
         -webkit-transform: scale(.85);
         transform: scale(.85);
    }
}
 @keyframes pulse{
     25%{
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
    }
     75%{
         -webkit-transform: scale(.85);
         -ms-transform: scale(.85);
         transform: scale(.85);
    }
}
/*-----------------------------------------8. Preloader-------------------------------------------*/
 #preloader{
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #fff;
     display: table;
     text-align: center;
}
 .loader{
     display: table-cell;
     vertical-align: middle;
     height: 100%;
     width: 100%;
     position: relative;
     width: 200px;
     height: 200px;
}
 .loader-icon{
     width: 80px;
     height: 80px;
     border: 2px solid #d21e2b;
     border-right-color: #eee;
     border-radius: 50%;
     position: relative;
     animation: loader-rotate 1s linear infinite;
     margin: 0 auto;
}
 @keyframes loader-rotate{
     0%{
         transform: rotate(0);
    }
     100%{
         transform: rotate(360deg);
    }
}
/*-----------------------------------------9. Scroll To Top Button-------------------------------------------*/
 .scroll-to-top{
     font-size: 20px;
     padding: 6px;
     text-align: center;
     color: #fff;
     text-decoration: none;
     position: fixed;
     bottom: 80px;
     right: 10px;
     display: none;
     border-radius: 50%;
     background: #333;
     width: 40px;
     height: 40px;
     z-index: 9999;
     outline: none;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
 .scroll-to-top i{
     color: #fff;
}
 .scroll-to-top:hover{
     color: #111;
     background: #fff;
}
 .scroll-to-top:hover i{
     color: #111;
}
 .scroll-to-top:visited{
     color: #111;
     text-decoration: none;
}
/*-----------------------------------------10. Number Boxes-------------------------------------------*/
 .number-box{
     text-align: center;
     padding: 20px;
     margin: 15px 0px;
     background: #fff;
     border-radius: 3px;
}
 .number-box h3{
     color: #111;
     line-height: 1;
     font-size: 60px;
     font-weight: 200;
}
 .number-box-line{
     content: '';
     border-bottom: 1px dashed #dedede;
     width: 100%;
     margin: 20px auto;
}
 .number-box-line:before{
     content: '';
     display: block;
     margin: auto;
     margin-bottom: -7.5px;
     height: 15px;
     width: 15px;
     border: 2px solid #d21e2b;
     background: #fff;
     border-radius: 50%;
}
 .number-box h4{
     color: #111;
     font-size: 20px;
     font-weight: 400;
}
 .number-box p{
     color: #999;
     font-size: 14px;
     font-weight: 400;
     margin-top: 15px;
     line-height: 1.5;
}
/*-----------------------------------------11. Service Boxes-------------------------------------------*/
/*--------------Styles 1----------------*/
 .owl-carousel .service-box{
     margin: 15px 15px 25px 15px;
}
 .service-box{
     background: #fff;
     overflow: hidden;
     border: 1px solid #eee;
     border-radius: 5px;
     -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
     -moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
     box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.12);
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .service-inner-box{
     padding: 0px 20px 20px 20px;
}
 .service-icon-box{
     width: 25%;
     float: left;
     padding-top: 5px;
}
 .service-content-box{
     width: 75%;
     float: left;
}
 .service-box img{
     width: 100%;
     margin-bottom: 25px;
}
 .service-box h3{
     color: #111;
     font-size: 18px;
     font-weight: 500;
}
 .service-box p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     margin-top: 10px;
}
 .service-box i{
     color: #d21e2b;
     font-size: 53px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 @media (max-width: 991px){
     .service-box i{
         font-size: 33px;
    }
}
 @media (max-width: 767px){
     .service-box i{
         font-size: 45px;
    }
}
 .service-box:hover i{
     color: #111;
}
/*--------------Styles 2----------------*/
 .service-block{
     position: relative;
     margin-top: 30px;
     margin-bottom: 10px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .service-block img{
     width: 100%;
     border-radius: 5px;
     margin-bottom: 10px;
}
 .service-block-number{
     width: 15%;
     float: left;
}
 .service-block-title{
     width: 85%;
     float: left;
}
 .service-block-number h5{
     color: #d21e2b;
     font-size: 35px;
     font-weight: 500;
}
 .service-block-title h4{
     color: #d21e2b;
     font-size: 17px;
     font-weight: 500;
     padding-top: 12.5px;
     padding-left: 10px;
}
 .service-block-title h4 a:hover{
     color: #d21e2b;
}
 .service-block p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
}
/*--------------Styles 3----------------*/
 .service-simple{
     position: relative;
     background: #fff;
     border: 1px solid #ececec;
     border-radius: 5px;
     overflow: hidden;
     margin: 15px 0px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}
 .service-simple img{
     width: 100%;
}
 .service-simple-inner{
     position: relative;
     padding: 25px 25px 20px 25px;
}
 .service-simple h4{
     font-size: 20px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .service-simple h4:before{
     content: '●';
     color: #d21e2b;
     margin-right: 10px;
}
 .service-simple p{
     font-size: 15px;
     color: #999;
     line-height: 1.7;
     margin-bottom: 0px;
}
 .service-simple-button a{
     display: inline-block;
     background: #111;
     color: #fff;
     border-radius: 5px;
     text-align: center;
     font-size: 14px;
     font-weight: 500;
     width: 100%;
     margin: 15px 0px 2px 0px;
     padding: 15px 20px 15px 20px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
}
 .service-simple-button a:hover{
     background: #d21e2b;
}
/*--------------Styles 4----------------*/
 .service-box-car-2{
     display: block;
     background: #fff;
     text-align: center;
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07);
     border-radius: 5px;
     padding: 30px 25px;
     margin: 15px;
     margin-bottom: 30px;
}
 .service-box-car-2 i{
     display: block;
     color: #d21e2b;
     font-size: 55px;
     margin-bottom: 5px;
}
 .service-box-car-2 h4{
     color: #111;
     font-size: 18px;
     margin: 18px 0px;
}
 .service-box-car-2 p{
     font-size: 15px;
     color: #999;
     line-height: 1.7;
     margin-bottom: 0px;
}
/*--------------Styles 5----------------*/
 .services-box-3{
     display: block;
     background: #fff;
     overflow: hidden;
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.12);
     border-radius: 5px;
     margin: 15px 0px;
}
 .services-box-3 img{
     width: 100%;
}
 .services-box-3-header{
     padding: 20px;
}
 .services-box-3-header h4{
     font-size: 19px;
}
 .services-box-3 span{
     display: inline-block;
     background: #d21e2b;
     color: #fff;
     font-weight: 500;
     font-size: 13px;
     border-radius: 5px;
     padding: 2px 5px;
     margin-bottom: 10px;
}
/*--------------Styles 6----------------*/
 .serv-section-2{
     position: relative;
     border: 1px solid #eee;
     background: #fff;
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     border-radius: 5px;
     overflow: hidden;
     padding: 30px;
}
 .serv-section-2:before{
     position: absolute;
     top: 0;
     right: 0px;
     z-index: 0;
     content: " ";
     width: 120px;
     height: 120px;
     background: #f5f5f5;
     border-bottom-left-radius: 136px;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}
 .serv-section-2:hover:before{
     background: #d21e2b;
}
 .serv-section-2-icon{
     position: absolute;
     top: 18px;
     right: 22px;
     max-width: 100px;
     z-index: 1;
     text-align: center 
}
 .serv-section-2-icon i{
     color: #d21e2b;
     font-size: 48px;
     line-height: 65px;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
}
 .serv-section-2:hover .serv-section-2-icon i{
     color: #fff;
}
 .serv-section-top-text{
     width: 180px;
     height: auto;
}
 .serv-section-desc{
     position: relative;
}
 .serv-section-2 h4{
     color: #333;
     font-size: 20px;
     font-weight: 500;
     line-height: 1.5;
}
 .serv-section-2 h5{
     color: #333;
     font-size: 17px;
     font-weight: 400;
     line-height: 1;
     margin-top: 5px;
}
 .serv-section-2 p{
     margin-top: 25px;
     padding-right: 50px;
}
 .serv-section-2-act:before{
     background: #d21e2b;
}
 .serv-section-2-act:hover:before{
     background: #f5f5f5;
}
 .serv-section-2-icon-act i{
     color: #fff;
}
 .serv-section-2-act:hover .serv-section-2-icon-act i{
     color: #d21e2b !important;
}
 @media (max-width: 991px){
     .serv-section-2{
         margin-top: 20px;
    }
     .serv-section-2:before{
         margin-top: 0px;
    }
     .serv-section-2-icon i{
         position: absolute;
         right: -3px;
         top: 0px;
    }
}
 @media (max-width: 425px){
     .serv-section-2{
         padding: 30px 10px;
    }
}
/*-----------------------------------------12. Clients-------------------------------------------*/
 .clients img{
     opacity: .5;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .clients img:hover{
     opacity: 1;
}
/*-----------------------------------------13. Feature Boxes-------------------------------------------*/
/*--------------Styles 1----------------*/
 .simple-feature-box{
     background: #fff;
     border-radius: 5px;
     padding: 15px;
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .simple-feature-box:hover{
     -webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
     -moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
     box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.26);
}
 .simple-feature-box-icon{
     text-align: center;
     margin: auto;
}
 .simple-feature-box-icon i{
     font-size: 18px;
     width: 32px;
     height: 32px;
     color: #fff;
     background: #d21e2b;
     border-radius: 50%;
     padding: 6.5px;
     padding-left: 9px;
}
 .simple-feature-box-content h4{
     font-size: 18px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 @media (max-width: 767px){
     .simple-feature-box-content{
         padding-left: 25px;
    }
}
/*--------------Styles 2----------------*/
 .feature-block{
     position: relative;
     text-align: center;
     background: #fff;
     padding: 15px;
     margin: 15px 0px;
}
 .feature-block-icon i{
     color: #d21e2b;
     font-size: 55px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-block h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
     margin: 20px 0px 10px 0px;
}
 .feature-block p{
     font-size: 15px;
     color: #999;
     line-height: 1.7;
     margin-bottom: 0px;
}
 .feature-block:hover .feature-block-icon{
     -webkit-animation-name: pulse;
     animation-name: pulse;
     -webkit-animation-duration: .7s;
     animation-duration: .7s;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
}
/*--------------Styles 3----------------*/
 .feature-box{
     position: relative;
     background: #fff;
     padding: 20px;
     border-radius: 5px;
     text-align: center;
     margin: 20px 0px 20px 0px;
     -webkit-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
     -moz-box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
     box-shadow: 2px 2px 20px 0px rgba(50, 50, 50, 0.21);
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .feature-box:hover{
     -webkit-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
     -moz-box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
     box-shadow: 4px 4px 22px 0px rgba(50, 50, 50, 0.29);
}
 .feature-box i{
     color: #d21e2b;
     font-size: 60px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .feature-box:hover i{
     color: #111;
}
 .feature-box h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
     line-height: 170%;
     margin: 15px 0px;
}
 .feature-box p{
     color: #999;
     font-size: 14px;
     font-weight: 500;
     line-height: 170%;
}
 .feature-box-3{
     display: block;
     text-align: center;
     background: #fff;
     border-radius: 4px;
     margin: 15px 0;
     -webkit-transition: all .3s;
     -o-transition: all .3s;
     transition: all .3s;
}
 .feature-box-3 i{
     display: flex;
     align-items: center;
     justify-content: center;
     color: #d21e2b;
     font-size: 55px;
     background-image: linear-gradient(to bottom, rgba(210, 30, 43, .1), transparent);
     width: 125px;
     height: 125px;
     border-radius: 50%;
     margin: 0 auto 15px auto;
}
 .feature-box-3 h4{
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 15px;
}
 .feature-box-3 p{
     font-size: 16px;
}
/*--------------Styles 4----------------*/
 .feature-flex{
     position: relative;
     margin: 30px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-flex-icon{
     float: left;
     width: 25%;
     margin-top: 20px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-flex-icon i{
     color: #fff;
     border-radius: 50%;
     background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #d21e2b 100%);
     padding: 21.5px 22px;
     font-size: 40px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 @media (max-width: 991px){
     .feature-flex-icon{
         text-align: center;
         margin: auto;
    }
     .feature-flex-icon i{
         color: #fff;
         border-radius: 50%;
         background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #d21e2b 100%);
         padding: 17px;
         font-size: 32px;
    }
}
 @media (max-width: 767px){
     .feature-flex-icon{
         text-align: center;
         margin: auto;
    }
     .feature-flex-icon i{
         color: #fff;
         border-radius: 50%;
         background-image: linear-gradient(120deg, rgba(210, 30, 43, .6) 0%, #d21e2b 100%);
         padding: 16px;
         font-size: 33px;
    }
}
 .feature-flex-content{
     float: left;
     width: 75%;
     padding-left: 10px;
}
 .feature-flex-content h4{
     color: #111;
     font-size: 21px;
     font-weight: 400;
}
 .feature-flex-content h4 a{
     color: #111;
     font-size: 21px;
     font-weight: 400;
}
 .feature-flex-content p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     margin-top: 10px;
}
 .feature-flex:hover .feature-flex-icon{
     margin-top: 10px;
}
/*--------------Styles 5----------------*/
 .feature-flex-square{
     position: relative;
     border-radius: 5px;
     margin: 30px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-flex-square-icon{
     float: left;
     width: 25%;
     margin-top: 5px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-flex-square-icon i{
     color: #d21e2b;
     border-radius: 10px;
     padding: 10px;
     font-size: 55px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 @media (max-width: 991px){
     .feature-flex-square-icon{
         text-align: center;
         margin: 23px auto;
    }
     .feature-flex-square-icon i{
         padding: 14px;
         font-size: 30px;
    }
}
 .feature-flex-square-content{
     float: left;
     width: 75%;
     padding-left: 10px;
}
 .feature-flex-square-content h4{
     color: #111;
     font-size: 19px;
     font-weight: 500;
}
 .feature-flex-square-content h4 a{
     color: #111;
     font-size: 19px;
     font-weight: 500;
}
 .feature-flex-square-content p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     margin-top: 10px;
     margin-bottom: 15px;
}
 .feature-flex-square-content-button{
     display: inline-block;
     color: #111;
     font-size: 14px;
     font-weight: 500;
}
 .feature-flex-square-content-button:after{
     content: '\f0da';
     font-size: 14px;
     font-family: "FontAwesome";
     color: #111;
     margin-left: 7px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-flex-square-content-button:hover{
     color: #d21e2b;
}
 .feature-flex-square-content-button:hover:after{
     color: #d21e2b;
}
/*--------------Styles 6----------------*/
 .feature-box-long{
     position: relative;
     text-align: center;
     border: 1px solid #ececec;
     border-radius: 5px;
     background: #fff;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     margin: 15px 0px;
     padding: 30px 40px 35px 40px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-box-long:hover{
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.29);
}
 .feature-box-long h3{
     font-size: 19px;
     font-weight: 500;
     color: #111;
     margin: 25px 0px 15px 0px;
}
 .feature-box-long i{
     color: #d21e2b;
     font-size: 65px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feature-box-long p{
     font-size: 15px;
     font-weight: 400;
     color: #aaa;
}
/*--------------Styles 7----------------*/
 .feature-box-2{
     position: relative;
     background: #fff;
     border-radius: 5px;
     margin: 20px 0px 20px 0px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 @media (max-width: 767px){
     .feature-box-2{
         text-align: center;
         padding: 0px 30px;
    }
}
 .feature-box-2 i{
     color: #d21e2b;
     font-size: 50px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .feature-box-2 h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
     line-height: 170%;
     margin: 15px 0px 5px 0px;
}
 .feature-box-2 p{
     color: #999;
     font-size: 13px;
     font-weight: 400;
     line-height: 1.8;
}
/*-----------------------------------------14. Progress Bars-------------------------------------------*/
 .progress-text{
     font-size: 13px;
     font-weight: 500;
     color: #333;
     margin-bottom: 5px;
     margin-top: 20px;
}
 .custom-progress{
     height: 5px;
     border-radius: 50px;
     box-shadow: none;
}
 .custom-bar{
     height: 100%;
     background-color: #d21e2b;
     box-shadow: none;
}
 .custom-bar-dark{
     height: 100%;
     background-color: #111;
     box-shadow: none;
}
 .progress-medium{
     height: 8px;
     border-radius: 50px;
     box-shadow: none;
}
 .progress-bold{
     height: 12px;
     border-radius: 50px;
     box-shadow: none;
}
/*-----------------------------------------15. Price Tables-------------------------------------------*/
/*--------------Styles 1----------------*/
 .price-table{
     position: relative;
     border-radius: 10px;
     overflow: hidden;
     background: #fff;
     margin: 15px 0px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}
 .price-table-header{
     background: #111;
     text-align: center;
     padding: 30px;
     padding-top: 0px;
}
 .price-table-recommended{
     position: relative;
     z-index: 9999;
     transform: scale(1.09);
}
 @media (max-width: 767px){
     .price-table-recommended{
         position: relative;
         z-index: 9999;
         transform: scale(1);
    }
}
 .price-table-header h5{
     position: relative;
     color: #111;
     font-weight: 500;
     display: inline-block;
     margin-right: -7px;
     text-align: center;
     font-size: 17px;
     background: #fff;
     -moz-border-radius-bottomright: 15px;
     -webkit-border-bottom-right-radius: 15px;
     border-bottom-right-radius: 15px;
     -moz-border-radius-bottomleft: 15px;
     -webkit-border-bottom-left-radius: 15px;
     border-bottom-left-radius: 15px;
     padding: 5px 15px;
}
 .price-table-header h4{
     color: #fff;
     font-weight: 300;
     font-size: 60px;
     margin: 15px 0px 10px 0px;
}
 .price-table-header h4 sup{
     font-size: 35px;
     margin: 0px 5px;
}
 .price-table-header span{
     color: #fff;
     font-weight: 400;
     font-size: 16px;
}
 .price-table-content{
     padding: 20px;
}
 .price-table-content ul{
     padding-left: 0px;
     padding-bottom: 0px;
}
 .price-table-content ul li{
     display: block;
     list-style-type: none;
     color: #111;
     font-size: 14px;
     font-weight: 500;
     padding: 15px;
}
 .price-table-content ul li:before{
     content: '\f00c';
     font-family: 'FontAwesome';
     display: inline-block;
     color: #d21e2b;
     margin-right: 12px;
}
 .price-table-content ul li:nth-child(2){
     background: #eee;
}
 .price-table-content a{
     display: inline-block;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     background: #111;
     border-radius: 10px;
     padding: 15px 15px;
     width: 100%;
     margin-top: 15px;
}
 .price-table-content a:hover{
     background: #d21e2b;
}
/*--------------Styles 2----------------*/
 .pricing-list{
     text-align: center;
     border-radius: 10px;
     background: #fff;
     border: 2px solid #ececec;
     padding: 30px 40px;
     margin: 20px 0px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .pricing-list h4{
     color: #111;
     font-size: 25px;
     font-weight: 500;
     letter-spacing: 2px;
     margin-bottom: 20px;
}
 .pricing-list h2{
     display: inline-block;
     color: #111;
     font-size: 65px;
     font-weight: 400;
     letter-spacing: 2px;
}
 .pricing-list h2 sup{
     color: #111;
     font-size: 30px;
     font-weight: 500;
}
 .pricing-list span{
     display: inline-block;
     color: #d21e2b;
     font-weight: 500;
}
 .pricing-list ul{
     margin-top: 20px;
}
 .pricing-list ul li{
     color: #666;
     font-size: 15px;
     font-weight: 400;
     padding: 7px;
}
 .pricing-list ul li:after{
     content: '';
     display: block;
     width: 240px;
     max-width: 100%;
     height: 1px;
     background: #ececec;
     margin: 0 auto;
     margin-top: 10px;
}
 .pricing-list-button{
     background: #d21e2b;
     margin: 20px 15px 0px 15px;
     border: 2px solid #d21e2b;
     border-radius: 5px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-button:hover{
     background: #fff;
}
 .pricing-list-button a{
     display: block;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     padding: 8px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-button:hover a{
     color: #d21e2b;
}
 .pricing-list strong{
     position: absolute;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     background: #d21e2b;
     width: 65px;
     height: 65px;
     padding: 6px;
     padding-top: 20px;
     border-radius: 50%;
     top: 0;
     right: 0;
}
/*--------------Styles 3----------------*/
 .pricing-list-2{
     background: #fff;
     padding: 45px 30px;
     border-radius: 10px;
     border: 2px solid #e8e8e8;
     text-align: center;
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.1);
     z-index: 1;
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-2-emphasise{
     position: relative;
     z-index: 2;
     transform: scale(1.1);
     margin: 15px 0px;
}
 @media (max-width: 767px){
     .pricing-list-2-emphasise{
         transform: scale(1);
    }
}
 .pricing-list-2-top{
     width: 80px;
     height: 80px;
     background: #fff;
     border: 2px solid #d21e2b;
     line-height: 83px;
     display: inline-block;
     border-radius: 50px;
     color: #d21e2b;
     font-size: 35px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-2:hover .pricing-list-2-top{
     background: #fff;
     color: #d21e2b;
}
 .pricing-list-2 h4{
     color: #333;
     font-size: 22px;
     font-weight: 500;
     letter-spacing: 1px;
     margin-top: 20px;
}
 .pricing-list-2-price{
     margin-top: 20px;
}
 .pricing-list-2-price h3 sup{
     color: #333;
     font-size: 25px;
     font-weight: 400;
}
 .pricing-list-2-price h3{
     color: #333;
     font-size: 50px;
     font-weight: 400;
     display: inline-block;
}
 .pricing-list-2-price span{
     color: #777;
     font-size: 15px;
     font-weight: 500;
}
 .pricing-list-2-prod{
     margin-top: 20px;
}
 .pricing-list-2-prod li{
     color: #999;
     font-size: 13px;
     font-weight: 500;
     line-height: 1.5;
     padding: 5px 0px;
}
 .pricing-list-2-prod li:after{
     content: '';
     display: block;
     width: 180px;
     max-width: 100%;
     height: 1px;
     background: #eee;
     margin: 10px auto 0;
}
 .pricing-list-2-button{
     background: #fff;
     border: 2px solid #d21e2b;
     display: inline-block;
     border-radius: 5px;
     margin-top: 20px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-2-button a{
     display: inline-block;
     color: #d21e2b;
     font-weight: 500;
     padding: 7px 50px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-2-button:hover{
     background: #d21e2b;
     border: 2px solid #d21e2b;
}
 .pricing-list-2-button:hover a{
     color: #fff;
}
/* active version */
 .pricing-list-2-button-act{
     background: #d21e2b;
     border: 2px solid #d21e2b;
     display: inline-block;
     border-radius: 5px;
     margin-top: 20px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-2-button-act a{
     display: inline-block;
     color: #fff;
     font-weight: 500;
     padding: 7px 50px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .pricing-list-2-button-act:hover{
     background: #fff;
     border: 2px solid #d21e2b;
}
 .pricing-list-2-button-act:hover a{
     color: #d21e2b;
}
 .pricing-list-2-top-act{
     background: #d21e2b;
     color: #fff;
}
/*-----------------------------------------16. Newsletter Form-------------------------------------------*/
/*--------------Styles 1----------------*/
 .newsletter-form input{
     display: inline-block;
     background: #fff;
     color: #111;
     font-size: 14px;
     font-weight: 500;
     outline: 0;
     border: 2px solid #eee;
     min-width: 270px;
     max-width: 100%;
     -moz-border-radius-topleft: 30px;
     -webkit-border-top-left-radius: 30px;
     border-top-left-radius: 30px;
     -moz-border-radius-bottomleft: 30px;
     -webkit-border-bottom-left-radius: 30px;
     border-bottom-left-radius: 30px;
     padding: 12px 20px;
}
 .newsletter-form button{
     display: inline-block;
     background: #d21e2b;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     -moz-border-radius-topright: 30px;
     -webkit-border-top-right-radius: 30px;
     border-top-right-radius: 30px;
     -moz-border-radius-bottomright: 30px;
     -webkit-border-bottom-right-radius: 30px;
     border-bottom-right-radius: 30px;
     padding: 14px 20px;
}
 .newsletter-form button:hover{
     background: #111;
}
 @media (max-width: 767px){
     .newsletter-form input{
         border-radius: 30px;
         width: 100%;
         display: block;
    }
     .newsletter-form button{
         border-radius: 30px;
         width: 100%;
         display: block;
         margin-top: 15px;
    }
}
/*-----------------------------------------17. Footer-------------------------------------------*/
 footer{
     padding: 40px 0px 20px 0px;
     height: auto;
     background-image: url(../img/footer.jpg);
     background-size: cover!important;
     background-repeat: no-repeat!important;
     background-position: center center!important;
}
 footer p{
     font-size: 14px;
     color: #999;
     line-height: 1.7;
}
 footer h3{
     font-size: 24px;
     font-weight: 400;
     color: #fff;
     line-height: 1;
}
 footer h3:after{
     content: '';
     display: block;
     width: 70px;
     height: 2px;
     background: #d21e2b;
     margin-top: 12px;
}
 @media (max-width: 991px){
     footer h3{
         margin-top: 30px;
    }
}
 .footer-social-icons ul li{
     display: inline-block;
     background: #333;
     border-radius: 50%;
     color: #fff;
     margin-right: 10px;
     margin-bottom: 5px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .footer-social-icons ul li a{
     display: block;
     font-size: 15px;
     color: #fff;
     width: 35px;
     height: 35px;
     padding: 11px;
     padding-top: 8px;
}
 .footer-social-icons ul li:hover{
     background: #d21e2b;
}
 .footer-list{
     margin-top: 20px;
}
 .footer-list li{
     list-style-type: none;
     color: #aaa;
     padding: 6px 0px;
}
 .footer-list li a:before{
     content: '\f105';
     font-family: 'FontAwesome';
     color: #aaa;
     padding-right: 8px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .footer-list li a{
     font-size: 15px;
     font-weight: 400;
     color: #aaa;
}
 .footer-list li a:hover{
     color: #fff;
}
 .footer-list li a:hover:before{
     color: #fff;
}
 .footer-recent-post{
     margin: 15px 0px;
}
 .footer-recent-post-thumb{
     float: left;
     width: 25%;
}
 .footer-recent-post-content{
     float: left;
     width: 75%;
     padding-left: 10px;
}
 .footer-recent-post-content a{
     display: block;
     color: #fff;
     font-size: 15px;
     font-weight: 400;
     margin-top: 5px;
}
 .footer-recent-post-content span{
     color: #ccc;
     font-size: 13px;
     font-weight: 400;
}
 .footer-tags a{
     display: inline-block;
     font-size: 11px;
     padding: 10px 15px;
     color: #fff;
     font-weight: 400;
     background: #222;
     margin-top: 4px;
     border-radius: 5px;
}
 .footer-tags a:hover{
     background: #d21e2b;
}
 .footer-bar{
     border-top: 1px solid rgba(255, 255, 255, .1);
     padding-top: 10px;
     margin-top: 10px;
}
 .footer-bar span{
     color: #d21e2b;
     font-size: 15px;
     font-weight: 400;
}
 .footer-bar p{
     color: #fff;
     font-size: 15px;
     font-weight: 400;
}
/*-----------------------------------------18. Blog-------------------------------------------*/
/*-----------------Blog Grid (Style 1)-------------------*/
 .blog-grid{
     position: relative;
     background: #fff;
     border: 1px solid #eee;
     border-radius: 5px;
     overflow: hidden;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     margin: 25px 0px 25px 0px;
}
 .blog-grid img{
     width: 100%;
}
 .data-box-grid{
     display: block;
     float: right;
     position: absolute;
     text-align: center;
     background: #d21e2b;
     left: 15px;
     top: 15px;
     min-width: 60px;
     padding: 5px;
}
 .data-box-grid h4{
     color: #fff;
     font-size: 30px;
     font-weight: 400;
     letter-spacing: 2px;
     border-bottom: 1px solid rgba(255, 255, 255, .3);
     margin-bottom: 5px;
}
 .data-box-grid p{
     color: #fff;
     font-size: 14px;
     font-weight: 400;
}
 .blog-grid-text{
     padding: 25px;
}
 .blog-grid-text span{
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 4px;
     text-transform: uppercase;
}
 .blog-grid-text h4{
     color: #111;
     font-size: 20px;
     font-weight: 500;
     margin: 5px 0px 5px 0px;
     min-height: 52px;
}
 .blog-grid-text ul li{
     display: inline-block;
     color: #999;
     font-size: 14px;
     font-weight: 500;
     margin: 10px 25px 10px 0px;
}
 .blog-grid-text ul li i{
     color: #d21e2b;
     font-size: 14px;
     font-weight: 500;
     margin-right: 10px;
}
 .blog-grid-text p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     line-height: 170%;
     border-bottom: 1px solid #ececec;
     padding-bottom: 15px;
}
/*------------------Blog Grid (Style 2)--------------------*/
 .owl-carousel .blog-grid-simple{
     margin: 10px 15px 25px 15px;
}
 .blog-grid-simple{
     position: relative;
     background: #fff;
     border-radius: 5px;
     border: 1px solid #ececec;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     padding: 30px;
     margin: 15px 0px;
}
 .blog-grid-simple h4{
     color: #111;
     font-size: 21px;
     font-weight: 500;
     margin-bottom: 15px;
}
 .blog-grid-simple h4 a{
     color: #111;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 15px;
}
 .blog-grid-simple h4 a:before{
     content: '\f0c1';
     font-family: "FontAwesome";
     color: #d21e2b;
     margin-right: 10px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .blog-grid-simple h4 a:hover{
     color: #d21e2b;
}
 .blog-grid-simple p{
     color: #aaa;
     font-size: 15px;
     font-weight: 400;
}
 .blog-grid-simple-date i{
     color: #888;
     font-size: 20px;
}
 .blog-grid-simple-date h5{
     color: #888;
     font-size: 13px;
     margin-top: 3px;
}
 .blog-grid-simple-content{
     border-top: 1px solid #ececec;
     padding-top: 20px;
     margin-top: 15px;
}
 .blog-grid-simple-content a{
     display: inline-block;
     color: #d21e2b;
     font-weight: 600;
     font-size: 14px;
     margin-top: 2px;
}
 .blog-grid-simple-content a:after{
     content: '\f105';
     font-size: 14px;
     font-family: "FontAwesome";
     color: #d21e2b;
     margin-left: 10px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 @media (max-width: 767px){
     .blog-grid-simple-content a:after{
         display: none;
    }
    .nav-brand div img{
          width: 116px!important;
          margin-top: -110px;
     }
     .nav-header{
          height: 35px;
     }


}
 .blog-grid-simple-content a:hover{
     color: #111;
}
 .blog-grid-simple-content a:hover:after{
     color: #111;
}
/*------------------Blog List--------------------*/
 .blog-list-simple{
     margin: 20px 0px 30px 0px;
}
 .data-box-simple{
     display: block;
     float: right;
     position: absolute;
     text-align: center;
     background: #d21e2b;
     left: 20px;
     top: 5px;
     min-width: 60px;
     padding: 5px;
}
 .data-box-simple h4{
     color: #fff;
     font-size: 30px;
     font-weight: 400;
     letter-spacing: 2px;
     border-bottom: 1px solid #fff;
     margin-bottom: 5px;
}
 .data-box-simple p{
     color: #fff;
     font-size: 14px;
     font-weight: 400;
}
 .blog-list-simple-text{
     border-bottom: 1px solid #e8e8e8;
     padding-bottom: 25px;
}
 .blog-list-simple-text p{
     font-size: 14px;
     color: #aaa;
     line-height: 1.9;
}
 .blog-list-simple-text span{
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 4px;
     text-transform: uppercase;
}
 .blog-list-simple-text h4{
     color: #111;
     font-size: 20px;
     font-weight: 500;
     margin: 5px 0px 10px 0px;
}
 .blog-list-simple-text ul{
     margin: 10px 0px;
}
 .blog-list-simple-text ul li{
     color: #999;
     font-size: 14px;
     font-weight: 500;
     padding: 3px 0px;
}
 .blog-list-simple-text ul li i{
     color: #d21e2b;
     margin-right: 10px;
     font-size: 14px;
}
/*------------------Blog Post--------------------*/
 .blog-list-left{
     margin: 30px 0px 20px 0px;
}
 .blog-title-box h2{
     color: #111;
     font-size: 27px;
     font-weight: 500;
     margin: 20px 0px;
}
 .blog-title-box:after{
     content: '';
     display: block;
     width: 300px;
     max-width: 100%;
     height: 2px;
     background: #ececec;
     margin-top: 10px;
     margin: 15px 0px;
}
 .blog-title-box span{
     color: #999;
     font-weight: 400;
     margin-right: 40px;
}
 .blog-title-box span i{
     color: #d21e2b;
     font-size: 16px;
     margin-right: 8px;
}
 .blog-post-content p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     line-height: 180%;
     margin: 15px 0px 15px 0px;
}
 .blockquote{
     background: #f1f1f1;
     border-left: 4px solid #d21e2b;
     font-size: 16px;
     font-weight: 500;
     margin: 25px 0px 25px 0px;
     padding: 20px 30px 30px 30px;
}
 .blockquote p{
     color: #111;
     font-size: 15px;
     font-weight: 500;
     line-height: 190%;
     letter-spacing: 0.5px;
}
 .blockquote h4{
     color: #111;
     font-size: 20px;
     font-weight: 400;
     letter-spacing: 0.5px;
}
 .data-box{
     display: block;
     float: right;
     position: relative;
     text-align: center;
     background: #d21e2b;
     right: 20px;
     top: -95px;
     min-width: 60px;
     padding: 5px;
}
 .data-box h4{
     color: #fff;
     font-size: 30px;
     font-weight: 400;
     letter-spacing: 2px;
     border-bottom: 1px solid #fff;
     margin-bottom: 5px;
}
 .data-box strong{
     color: #fff;
     font-size: 14px;
     font-weight: 400;
}
/*search START*/
 #search-input{
     padding: 0px;
     border: none;
     border: solid 1px #e8e8e8;
     border-radius: 5px;
     background: #fff;
     padding: 5px;
     margin-top: 30px;
}
 #search-input input{
     font-weight: 400;
     border: 0;
     border-radius: 10px;
     box-shadow: none;
}
 #search-input button{
     margin: 2px 0 0 0;
     background: none;
     box-shadow: none;
     border: 0;
     outline: none !important;
     padding: 0 11px 0 13px;
     border-left: solid 1px #e8e8e8;
}
 #search-input .glyphicon-search{
     font-size: 13px;
     color: #111;
}
 .blog-list-left-heading{
     margin: 30px 0px;
     padding-top: 0px;
}
 .blog-list-left-heading:after{
     content: '';
     display: block;
     width: 80px;
     height: 2px;
     background: #d21e2b;
     margin-top: 10px;
     margin: 10px 0px;
}
 .blog-list-right h4{
     color: #111;
     font-size: 20px;
     font-weight: 400;
     margin: 0px 0px 10px 0px;
}
/*Category*/
 .blog-categories ul{
     margin-top: 20px;
     padding: 0px;
}
 .blog-categories ul li{
     display: block;
     position: relative;
     list-style-type: none;
     border-bottom: 1px solid #ececec;
}
 .blog-categories ul li a{
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 18px 0px 18px 0px;
     color: #333;
}
 .blog-categories ul li a:before{
     content: "\f00c";
     font-family: FontAwesome;
     color: #333;
     font-size: 14px;
     margin-right: 10px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .blog-categories ul li a:hover{
     color: #d21e2b;
}
 .blog-categories ul li a:hover:before{
     margin-right: 15px;
     color: #d21e2b;
}
/* Latest News*/
 .latest-posts-img img{
     border-radius: 0px;
     padding: 2px;
     border: 2px solid #ececec;
}
 .latest-posts{
     margin: 5px 0px;
     padding: 15px 0px;
     border-bottom: 1px solid #ececec;
}
 @media (max-width: 767px){
     .latest-posts-text{
         margin-top: 10px;
    }
     .blog-post-left{
         margin-top: 20px;
    }
}
 .latest-posts-text a{
     display: block;
     font-size: 14px;
     font-weight: 500;
     color: #111;
     margin-bottom: 0px;
     margin-top: 0px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .latest-posts-text a:hover{
     color: #d21e2b;
}
 .latest-posts-text span{
     font-size: 14px;
     font-weight: 500;
     color: #d21e2b;
}
/*Archives*/
 .archives ul{
     margin-top: 20px;
     padding: 0px;
}
 .archives ul li{
     list-style-type: none;
     border-bottom: 1px solid #ececec;
     padding: 13px 0px 13px 0px;
}
 .archives ul li a{
     color: #444;
     font-size: 14px;
     font-weight: 500;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .archives ul li a:hover{
     color: #d21e2b;
     font-size: 14px;
}
 .archives ul li span{
     float: right;
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
}
/*Share Links*/
 .blog-share{
     list-style-type: none;
     margin-top: 20px;
}
 .blog-share ul{
     background: #f1f1f1;
     padding: 15px;
     border-radius: 5px;
}
 .blog-share ul li{
     display: inline-block;
     padding-right: 20px;
}
 .blog-share ul li a{
     color: #6b6b6b;
     font-size: 15px;
}
 .blog-share ul li a:hover{
     color: #d21e2b;
}
/*comment form*/
 .comment-block{
     background: #fff;
     border-radius: 5px;
     border: 1px solid #eee;
     padding: 20px;
}
 .blog-comments{
     background: #f7f7f7;
     border-radius: 5px;
     padding: 30px;
}
 .blog-comments h3{
     font-size: 24px;
     font-weight: 500;
     color: #111;
     margin-top: 30px;
}
 .blog-comment-user{
     border-bottom: 1px solid #e8e8e8;
     padding-top: 25px;
     padding-bottom: 25px;
}
 .blog-comment-user img{
     border-radius: 5px;
}
 .blog-comment-user h6{
     display: inline-block;
     color: #111;
     font-size: 16px;
     margin: 0px;
     margin-right: 15px;
}
 .blog-comment-user strong{
     color: #d21e2b;
     font-size: 12px;
     font-weight: 500;
}
 .blog-comment-user p{
     color: #777;
     font-size: 13px;
     font-weight: 500;
     line-height: 170%;
     margin-top: 10px;
}
/*form*/
 .comment-form input, .comment-form textarea{
     font-weight: 500 !important;
     border-radius: 5px;
     font-size: 13px;
     border: 1px solid #ececec;
     background: #fff;
     color: #111 !important;
     outline: none;
     width: 100%;
     padding: 12px;
     margin-top: 30px;
     transition: .3s;
}
 .comment-form input:focus{
     border-color: #cecece;
}
 .comment-form textarea{
     overflow: hidden;
     color: #999;
     font-size: 13px;
     font-weight: 500;
     border: none;
     border: 1px solid #ececec;
     border-radius: 5px;
     width: 100%;
     margin-top: 30px;
     padding: 13px 15px 13px 15px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     min-height: 140px 
}
 .comment-form textarea:focus{
     border-color: #cecece;
}
/*-----------------------------------------19. Testmonials-------------------------------------------*/
/*--------------Style 1 (Carousel)----------------*/
 .testmonial-single{
     padding: 30px 50px;
}
 @media (max-width: 767px){
     .testmonial-single{
         padding: 30px 0px;
    }
}
 .testmonial-single p:before{
     margin: auto;
     content: "\f10d";
     font-family: "FontAwesome";
     color: #d21e2b;
     font-size: 23px;
     display: block;
     margin-bottom: 15px;
}
 .testmonial-single p{
     text-align: center;
     font-style: italic;
     color: #666;
     font-size: 17px;
     font-weight: 500;
     line-height: 1.9;
}
 .testmonial-single h4{
     color: #111;
     font-size: 22px;
     font-weight: 500;
     text-align: center;
     margin-top: 20px;
}
 .testmonial-single h6{
     color: #aaa;
     font-size: 15px;
     font-weight: 500;
     text-align: center;
}
/*-------------- Style 2----------------*/
 .testmonial-box{
     position: relative;
     background: #fff;
     border-radius: 5px;
     padding: 25px;
     border: 1px solid #ececec;
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}
 .testmonial-box img{
     border: 2px solid #ececec;
     border-radius: 50%;
     padding: 2px;
}
 .testmonial-box h5{
     color: #111;
     font-size: 18px;
     font-weight: 500;
}
 .testmonial-box span{
     color: #999;
     font-size: 13px;
     font-weight: 500;
}
 .testmonial-box span:before{
     content: '●';
     color: #d21e2b;
     font-size: 15px;
     margin-right: 5px;
}
 .testmonial-box p{
     font-size: 15px;
     color: #999;
     line-height: 1.7;
     margin-top: 10px;
}
/*--------------Style 3(Carousel)----------------*/
 .testmonial-box-2{
     position: relative;
     display: block;
     background: #fff;
     border-radius: 5px;
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.07);
     padding: 25px;
     margin: 50px 15px 30px 15px;
}
 .testmonial-box-2 img{
     width: 80px !important;
     height: 80px;
     border: 3px solid #fff;
     border-radius: 50%;
     margin: -72px 0px 15px 0px;
}
 .testmonial-box-2 h4{
     font-size: 19px;
     font-weight: 500;
     margin-bottom: 0px;
}
 .testmonial-box-2 strong{
     font-size: 14px;
     color: #d21e2b;
     font-weight: 500;
}
 .testmonial-box-2 p{
     font-size: 15px;
     color: #999;
     font-style: italic;
     line-height: 1.6;
     margin-top: 8px;
     margin-bottom: 0px;
}
 .testmonial-rating{
     margin-top: 10px;
}
/*--------------Style 4----------------*/
 .testmonial-box-3{
     padding: 60px 0px 30px 0px;
}
 .testmonial-box-3 h4:before{
     content: "\f10d";
     font-family: 'FontAwesome';
     font-size: 30px;
     color: #d21e2b;
     display: block;
     margin-bottom: 15px;
}
 .testmonial-box-3 h4{
     color: #111;
     font-size: 22px;
     font-weight: 600;
}
 .testmonial-box-3 h5{
     font-size: 17px;
     font-weight: 500;
     margin-bottom: 0px;
     margin-top: 20px;
}
 .testmonial-box-3 h5 span{
     color: #999;
}
 .testmonial-box-3 p{
     font-size: 15px;
     font-style: italic;
     color: #999;
     line-height: 1.7;
     margin-top: 20px;
}
 .testmonial-box-3-rating{
     margin-top: 15px;
}
 .testmonial-box-3-rating i{
     font-size: 18px;
     color: #d21e2b;
}
/*--------------Style 5----------------*/
 .testmonial-item{
     position: relative;
     display: inline-block;
}
 .testmonial-item-bxx{
     position: relative;
     display: inline-block;
     text-align: center;
     padding: 30px 40px;
     border: 1px solid #eee;
     border-radius: 5px;
     background: #fff;
     margin: 30px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .testmonial-arrow{
     position: absolute;
     bottom: -25px;
     left: 50px;
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 37px 20px 0 0;
     border-color: #d21e2b transparent transparent transparent;
     display: none;
}
 .testmonial-item-bxx-img{
     opacity: 0;
}
 .testmonial-item-img{
     display: inline-block;
     margin-left: 10px;
     margin-top: 10px;
}
 .testmonial-item-img img{
     border-radius: 100%;
     width: 75px !important;
     height: 75px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .testmonial-item-name{
     display: inline-block;
     transform: translateY(-18px);
     margin-left: 15px;
}
 .testmonial-item h4{
     color: #333;
     font-size: 18px;
     font-weight: 500;
     margin: 0px 0px 2px 0px;
}
 .testmonial-item span{
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
}
 .testmonial-item p{
     color: #999;
     font-size: 14px;
     text-align: left;
     font-weight: 400;
     line-height: 1.6;
}
 .owl-item.center > div .testmonial-item-bxx{
     background: #d21e2b;
     border: 1px solid #d21e2b;
     cursor: auto;
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}
 .owl-item.center > div .testmonial-item-bxx-img{
     opacity: 1;
}
 .owl-item.center > div .testmonial-arrow{
     display: block;
}
 .owl-item.center > div p{
     color: #fff;
}
/*-----------------------------------------20. Cases-------------------------------------------*/
 .case-block{
     position: relative;
     background: #fff;
     border: 1px solid #ececec;
     border-radius: 5px;
     overflow: hidden;
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
}
 .case-block:hover{
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.30);
}
 .case-block img{
     width: 100%;
}
 .case-block-inner{
     padding: 25px 25px 20px 10px;
}
 @media (max-width: 767px){
     .case-block-inner{
         padding: 25px;
    }
}
 .case-block h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
}
 .case-block h4:after{
     content: '';
     display: block;
     width: 80px;
     height: 2px;
     background: #d21e2b;
     margin-top: 15px;
     margin-bottom: 15px;
     -webkit-transition-duration: .4s;
     transition-duration: .4s;
}
 .case-block p{
     color: #aaa;
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 12px;
}
 .case-block-inner a{
     font-size: 15px;
     font-weight: 500;
     color: #d21e2b;
}
 .case-block-inner a:after{
     content: '\f0da';
     font-size: 15px;
     font-family: "FontAwesome";
     color: #d21e2b;
     margin-left: 10px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .case-block-inner a:hover{
     color: #111;
}
 .case-block-inner a:hover:after{
     color: #111;
}
/*-----------------------------------------21. Partners (also Team)-------------------------------------------*/
 .partner-box{
     position: relative;
     overflow: hidden;
     background: #fff;
     border-radius: 5px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     border: 1px solid #ececec;
     margin: 15px 0px;
}
 .partner-box img{
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .partner-img{
     height: 100%;
}
 .partner-text{
     padding: 25px 40px 25px 0px;
}
 @media (max-width: 991px){
     .partner-text{
         padding: 25px;
    }
}
 .partner-text span{
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 3px;
     text-transform: uppercase;
}
 .partner-box:hover .partner-text span{
     color: #999;
}
 .partner-text h4{
     color: #111;
     font-size: 21px;
     font-weight: 600;
     margin: 5px 0px;
}
 .partner-text h4:after{
     content: '';
     display: block;
     width: 40px;
     height: 2px;
     background: #d21e2b;
     margin-top: 10px;
     -webkit-transition-duration: .4s;
     transition-duration: .4s;
}
 .partner-box:hover .partner-text h4:after{
     width: 80px;
}
 .partner-text p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     margin-top: 15px;
     line-height: 170%;
}
 .partner-signature img{
     width: 120px;
     height: 50px;
     margin-top: 15px;
}
/*-----------------------------------------22. Feedback Form-------------------------------------------*/
 .feedback-box{
     position: relative;
     background: #f9f9f9;
     border-radius: 5px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     border: 1px solid #ececec;
     padding: 25px;
     margin: 10px 0px;
}
 .feedback-box h5{
     color: #555;
     font-size: 14px;
     font-weight: 500;
}
 .feedback-box h5:before{
     content: '●';
     color: #d21e2b;
     font-size: 16px;
     margin-right: 10px;
}
 .feedback-form input{
     color: #111;
     font-weight: 400;
     width: 100%;
     border: 1px solid #ececec;
     border-radius: 5px;
     padding: 12px 15px;
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feedback-form input:focus{
     border-color: #ccc;
}
 .feedback-form textarea{
     color: #111;
     font-weight: 400;
     width: 100%;
     min-height: 100px;
     border: 1px solid #ececec;
     border-radius: 5px;
     padding: 12px 15px;
     margin: 15px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .feedback-form textarea:focus{
     border-color: #ccc;
}
 .feedback-form button{
     display: inline-block;
     background: #d21e2b;
     color: #fff;
     font-size: 14px;
     font-weight: 400;
     padding: 11px 20px 11px 20px;
     border-radius: 50px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
     margin-top: 5px;
}
 .feedback-form button:hover{
     background: #111;
}
/*-----------------------------------------23. Team-------------------------------------------*/
/*-------------- Style 1----------------*/
 .team-member{
     overflow: hidden;
     background: #fff;
     border: 1px solid #ececec;
     border-radius: 5px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     margin: 20px 0px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .team-member:hover{
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28);
}
 .team-member-img{
     width: 100%;
     height: auto;
}
 .team-member-img img{
     width: 100%;
}
 .team-member-text{
     text-align: center;
     padding: 20px 50px;
}
 .team-member-text h4{
     color: #111;
     font-size: 22px;
     font-weight: 500;
     margin-bottom: 3px;
     -webkit-transition-duration: .6s;
     transition-duration: .6s;
}
 .team-member:hover .team-member-text h4{
     color: #d21e2b;
}
 .team-member-text span{
     color: #d21e2b;
     font-size: 15px;
     font-weight: 500;
     letter-spacing: 2px;
}
 .team-member-text p{
     color: #999;
     font-size: 14px;
     font-weight: 400;
     line-height: 170%;
     margin-top: 20px;
}
 .team-member-text ul{
     margin-top: 15px;
     padding: 8px 0px 8px 0px;
}
 .team-member-text ul li{
     display: inline-block;
     padding: 0px 10px;
}
 .team-member-text ul li a i{
     color: #555;
     font-size: 17px;
     -webkit-transition-duration: .4s;
     transition-duration: .4s;
}
 .team-member-text ul li a i:hover{
     color: #d21e2b;
}
 @media screen and (max-width: 994px){
     .team-member-text{
         padding: 20px 10px;
    }
}
/*-------------- Style 2----------------*/
 .team-box{
     overflow: hidden;
     background: #fff;
     border-radius: 5px;
     border: 1px solid #ececec;
     margin: 15px 0px;
     padding: 10px;
}
 .team-box:hover h4:after{
     width: 90px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .team-box img{
     margin-bottom: 5px;
}
 .team-info{
     padding: 10px;
}
 .team-info span{
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
     letter-spacing: 4px;
     text-transform: uppercase;
}
 .team-info h4{
     color: #111;
     font-size: 20px;
     font-weight: 500;
     margin: 5px 0px;
}
 .team-info h4 a{
     color: #111;
     font-size: 20px;
     font-weight: 500;
     margin: 5px 0px;
}
 .team-info h4 a:hover{
     color: #d21e2b;
}
 .team-info h4:after{
     content: '';
     display: block;
     width: 50px;
     height: 2px;
     background: #d21e2b;
     margin: 10px 0px 0px 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .team-info p{
     color: #aaa;
     font-size: 15px;
     font-weight: 400;
     margin: 15px 0px;
     margin-bottom: 10px;
}
 .team-social-icons{
     text-align: left;
}
 .team-social-icons ul{
     background: #fff;
     padding: 0px 15px;
     border-radius: 5px;
     margin-bottom: 5px;
}
 .team-social-icons ul li{
     display: inline-block;
     padding-right: 20px;
}
 .team-social-icons ul li a{
     color: #4b4b4b;
     font-size: 15px;
}
 .team-social-icons ul li a:hover{
     color: #d21e2b;
}
/*-------------- Team Single----------------*/
 .team-single-img{
     width: 100%;
}
 .team-single-img img{
     border-radius: 5px;
}
 .team-single-text{
     padding: 5px 50px 15px 15px;
}
 .team-single-text span{
     color: #d21e2b;
     font-size: 14px;
     font-weight: 500;
}
 .team-single-text h4{
     color: #111;
     font-size: 25px;
     font-weight: 500;
     margin-bottom: 10px;
}
 .team-single-info{
     padding: 0px 0px;
}
 .team-single-info li strong{
     color: #555;
     font-size: 16px;
     font-weight: 500;
     margin-right: 10px;
}
 .team-single-text li span{
     color: #777;
     font-size: 15px;
     font-weight: 400;
}
 .team-single-social{
     padding: 5px 0px;
}
 .team-single-social li{
     display: inline-block;
}
 .team-single-social li a{
     display: inline-block;
     margin-right: 15px;
     background: #d21e2b;
     width: 35px;
     height: 35px;
     border-radius: 50px;
}
 .team-single-social li a:hover{
     display: inline-block;
     margin-right: 15px;
     background: #111;
     width: 35px;
     height: 35px;
     border-radius: 50px;
}
 .team-single-social li a i{
     color: #fff;
     font-size: 15px;
     padding: 11px 0px 0px 11px;
}
/*-----------------------------------------24. Video Section-------------------------------------------*/
/*--------------Inner Video Sections----------------*/
 .video-section{
     width: 100%;
     height: auto;
}
 .video-overlay{
     background: rgba(0, 0, 0, .6);
}
 .video-content{
     text-align: center;
     padding: 50px 0px;
}
/*--------------Top Video Section----------------*/
 .main-video-section{
     position: relative;
     height: 550px;
}
 .main-video-content{
     position: relative;
     text-align: center;
     height: 550px;
    /* Center text vertically */
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     -webkit-align-items: center;
     align-items: center;
}
 @media (max-width: 767px){
     .main-video-section{
         height: auto;
    }
     .main-video-content{
         height: auto;
         padding: 50px 0px;
    }
}
 .main-video-overlay{
     background: rgba(0, 0, 0, .7);
}
 .main-video-content h2{
     position: relative;
     font-size: 60px;
     font-weight: 400;
     color: #111;
     margin: 5px 0px;
}
 @media (max-width: 767px){
     .main-video-content h2{
         font-size: 30px;
         font-weight: 400;
    }
}
 .main-video-content h3{
     position: relative;
     font-size: 50px;
     font-weight: 400;
     color: #111;
     margin: 5px 0px;
}
 @media (max-width: 767px){
     .main-video-content h3{
         font-size: 30px;
         font-weight: 400;
    }
}
 .main-video-content h4{
     position: relative;
     font-size: 40px;
     font-weight: 400;
     color: #111;
     margin: 5px 0px;
}
 .main-video-content h5{
     position: relative;
     font-size: 30px;
     font-weight: 400;
     color: #111;
     margin: 5px 0px;
}
 .main-video-content h6{
     position: relative;
     font-size: 20px;
     font-weight: 400;
     line-height: 1.6;
     color: #111;
     margin: 5px 0px;
}
 @media (max-width: 767px){
     .main-video-content h6{
         font-size: 15px;
         font-weight: 400;
    }
}
/*-----------------------------------------25. Projects-------------------------------------------*/
 .project-grid{
     display: block;
     position: relative;
     margin: 15px 0px;
}
 .project-grid-img img{
     display: block;
     width: 100%;
     height: auto;
}
 .project-grid-overlay{
     position: absolute;
     bottom: 0;
     left: 2.5%;
     right: 0;
     bottom: 2.6%;
     background: rgba(255, 255, 255, .9);
     overflow: hidden;
     width: 95%;
     height: 95%;
     opacity: 0;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .project-grid:hover .project-grid-overlay{
     opacity: 1;
}
 .project-grid-overlay h4 a{
     color: #111;
     font-size: 22px;
     font-weight: 400;
     position: absolute;
     top: 60%;
     left: 50%;
     opacity: 0;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     text-align: center;
     -webkit-transition-duration: .5s;
     transition-duration: .5s;
}
 .project-grid-overlay h4 a:hover{
     color: #d21e2b;
}
 .project-grid-overlay h4 a:after{
     content: '';
     display: block;
     width: 70px;
     height: 1px;
     background: #d21e2b;
     margin-top: 10px !important;
     margin-bottom: 15px !important;
     margin: 0 auto;
}
 .project-grid:hover h4 a{
     top: 40%;
     opacity: 1;
}
 .project-grid-overlay p{
     color: #666;
     font-size: 15px;
     font-weight: 400;
     position: absolute;
     top: 70%;
     left: 50%;
     opacity: 0;
     transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     text-align: center;
     -webkit-transition-duration: .6s;
     transition-duration: .6s;
}
 .project-grid:hover p{
     top: 50%;
     opacity: 1;
}
 .project-grid-overlay span{
     color: #999;
     font-size: 16px;
     font-weight: 500;
     position: absolute;
     writing-mode: vertical-rl;
     writing-mode: tb-rl;
     letter-spacing: 4px;
     top: 10%;
     left: 90%;
}
 @media screen and (max-width: 767px){
     .project-grid:hover p{
         top: 52%;
    }
}
 @media screen and (max-width: 1201px){
     .project-grid-overlay{
         bottom: 0;
         left: 0px;
         right: 0;
         bottom: 0px;
         width: 100%;
         height: 100%;
    }
}
/*-----------------------------------------26. Project Single-------------------------------------------*/
/*-------------- Style 1----------------*/
 .project-single-img{
     padding-bottom: 30px;
}
 .project-single-text{
     margin: 30px 0px;
}
 .project-single-text h4{
     color: #111;
     font-size: 22px;
     font-weight: 500;
     margin-bottom: 25px;
}
 .project-single-text h4:after{
     content: " ";
     display: block;
     background: #d21e2b;
     width: 70px;
     height: 2px;
     margin-top: 8px;
}
 .project-single-text p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
     line-height: 1.8;
     margin: 15px 0px;
}
 .project-single-text h5{
     color: #111;
     font-size: 18px;
     font-weight: 500;
     margin: 25px 0px 20px 0px;
}
 .project-single-text h5:after{
     content: " ";
     display: block;
     background: #d21e2b;
     width: 70px;
     height: 2px;
     margin-top: 8px;
}
 .project-single-text ul li{
     color: #111;
     font-size: 15px;
     font-weight: 500;
     padding: 8px 0px;
}
 .project-single-text ul li i{
     color: #d21e2b;
     font-weight: 500;
     font-size: 15px;
     padding-right: 10px;
}
/*Right*/
 .project-single-info{
     display: inline-block;
     border: 1px solid #ececec;
     display: block;
     width: 100%;
     padding: 0px 20px;
}
 .project-single-info ul li{
     color: #777;
     font-size: 15px;
     font-weight: 500;
     border-bottom: 1px solid #ececec;
     padding: 17px 0px;
}
 .project-single-info ul li:last-child{
     border-bottom: none;
}
 .project-single-info ul li span{
     display: inline-block;
     color: #111;
     font-size: 15px;
     font-weight: 500;
     margin-right: 25px;
     width: 70px;
     max-width: 100%;
}
/*carousel*/
 .project-carousel{
     margin: 40px 0px 20px;
}
 .project-carousel h4{
     color: #111;
     font-size: 22px;
     font-weight: 500;
     margin: 25px 0px 20px 0px;
}
 .project-carousel h4:after{
     content: " ";
     display: block;
     background: #d21e2b;
     width: 70px;
     height: 2px;
     margin-top: 8px;
}
 .project-item{
     position: relative;
     overflow: hidden;
}
 .project-item img{
     width: 100%;
     border-radius: 5px;
}
 .project-item-overlay{
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 999;
     transition: .5s ease;
     background: rgba(0, 0, 0, 0.8);
     border-radius: 5px;
}
 .project-item:hover .project-item-overlay{
     opacity: 1;
}
 .project-item-content{
     position: absolute;
     bottom: 30px;
     left: 30px;
}
 @media screen and (max-width: 767px){
     .project-item-content{
         position: absolute;
         bottom: 15px;
         left: 15px;
    }
}
 .project-item-content span{
     font-size: 13px;
     font-weight: 400;
     color: #fff;
     opacity: .6;
}
 .project-item-content h6{
     font-size: 18px;
     font-weight: 400;
     color: #fff;
     margin-top: 5px;
}
 .project-item-content a{
     display: inline-block;
     font-size: 13px;
     font-weight: 400;
     background: #d21e2b;
     color: #fff;
     border: 1.5px solid #d21e2b;
     border-radius: 5px;
     margin-top: 10px;
     padding: 10px 15px 10px 15px;
}
 .project-item-content a:hover{
     border: 1.5px solid #fff;
     background: transparent;
     color: #fff;
}
 .project-detail img{
     width: 100%;
     height: 500px;
     border-radius: 5px;
     margin-bottom: 30px;
}
/*-------------- Style 2----------------*/
 .project-single-box-img img{
     width: auto;
     border-radius: 10px;
     -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.07);
}
 .project-info-shortcode{
     border-bottom: 1px solid #ececec;
     padding: 15px 0px;
}
 .project-info-shortcode:last-child{
     border-bottom: none;
}
 .project-single-box-info{
     position: relative;
     border-radius: 10px;
     background: #f9f9f9;
}
 .project-info-shortcode-icon{
     text-align: center;
     padding: 15px 0px;
}
 .project-info-shortcode-icon i{
     color: #d21e2b;
     font-size: 20px;
}
 .project-info-shortcode-text{
     position: relative;
}
 .project-info-shortcode-text h5{
     color: #111;
     font-size: 17px;
     font-weight: 500;
     margin-top: 7px;
}
 .project-info-shortcode-text p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
}
 @media screen and (max-width: 767px){
     .project-info-shortcode-icon i{
         color: #d21e2b;
         font-size: 30px;
         padding: 0px 30px;
    }
     .project-info-shortcode-text{
         text-align: center;
         padding: 0px 15px 0px 30px;
    }
}
/*-----------------------------------------27. Accordions-------------------------------------------*/
 .accordion{
     background: transparent;
     box-shadow: none;
     border: none;
     border-bottom: 1px solid #ececec;
     border-radius: 0px !important;
}
 .accordion-heading{
     border-radius: 0px;
     padding: 0px;
}
 .accordion-title a{
     font-size: 15px;
     font-weight: 600;
     color: #111;
     line-height: 1;
     display: block;
     padding: 20px 0px 25px 0px;
     border-radius: 0px;
}
 .accordion-title a:after{
     content: '\f107';
     font-size: 18px;
     font-family: "FontAwesome";
     color: #d21e2b;
     float: right;
}
 .accordion-title .collapsed:after{
     content: '\f105';
     font-size: 18px;
     font-family: "FontAwesome";
     color: #333;
     float: right;
}
 .accordion-body{
     font-size: 15px;
     font-weight: 400;
     color: #999;
     line-height: 170%;
     text-align: left;
     border: none !important;
     padding: 0px;
     padding: 18px 0px 30px 0px;
}
 .accordion-body p{
     margin-bottom: 0px;
}
 .panel-body{
     border-top: 1px solid #eee !important;
}
 .panel-default > .panel-heading{
     color: #333;
     background-color: transparent !important;
     border-color: #ddd;
}
/*Grey Accordions*/
 .panel-grey > .panel-heading a{
     color: #111;
     background-color: #f7f7f7 !important;
     border: none !important;
     border-radius: 5px;
     padding-left: 15px;
     padding-right: 15px;
}
 .panel-grey{
     border: none !important;
}
 .panel-grey .panel-body{
     border: none !important;
}
 .panel-grey .accordion-title a:after{
     content: '\f056';
     font-size: 18px;
     font-family: "FontAwesome";
     color: #d21e2b;
     float: right;
}
 .panel-grey .accordion-title .collapsed:after{
     content: '\f055';
     font-size: 18px;
     font-family: "FontAwesome";
     color: #333;
     float: right;
}
/*-----------------------------------------28. Service Single-------------------------------------------*/
 .services-single-menu{
     border: 1px solid #ececec;
}
 .services-single-menu ul li{
     border-bottom: 1px solid #ececec;
     background: #fff;
}
 .services-single-menu ul li:last-child{
     border-bottom: none;
}
 .services-single-menu ul li:hover{
     background: #f9f9f9;
}
 .services-single-menu ul li a{
     display: block;
     color: #111;
     font-size: 15px;
     font-weight: 500;
     padding: 17px 0px 17px 15px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .services-single-menu ul li a:hover{
     -webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
     -moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
     box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
}
 .services-active{
     -webkit-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
     -moz-box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
     box-shadow: 3px 0px 0px 0px rgba(210, 30, 43, 1) inset;
}
 .services-single-left-heading h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
}
 .services-single-left-heading h4:after{
     content: " ";
     display: block;
     background: #d21e2b;
     width: 50px;
     height: 2px;
     margin-top: 8px;
}
 .section-single-heading h4{
     color: #111;
     font-size: 20px;
     font-weight: 500;
}
 .section-single-heading h4:after{
     content: " ";
     display: block;
     background: #d21e2b;
     width: 60px;
     height: 2px;
     margin-top: 8px;
}
 .chartjs-render-monitor{
     margin-top: 20px;
     display: block;
     height: auto;
     width: 100%;
}
 .download-file-button{
     background: #f8f7f6;
     border-radius: 5px;
     margin: 40px 0px;
     padding: 25px 50px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .download-file-button:hover{
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.28);
}
 .download-file-button h5{
     display: inline-block;
     color: #111;
     font-size: 20px;
     font-weight: 400;
     margin-top: 8px;
}
 .download-file-button h5 span{
     color: #888;
     font-size: 18px;
     font-weight: 400;
     margin-left: 10px;
}
 .download-file-button i{
     font-family: FontAwesome;
     display: inline-block;
     float: right;
     font-size: 40px;
     color: #d21e2b;
}
/*-----------------------------------------29. Callback-------------------------------------------*/
/*Style 1*/
 .callback-box{
     position: relative;
     background: #f7f7f7;
     border: 1px solid #ececec;
     border-radius: 5px;
     padding: 25px 15px;
}
 .callback-box-form input{
     width: 100%;
     background: #fff;
     color: #111;
     font-weight: 400;
     padding: 12px 10px;
     border: none;
     border-radius: 5px;
     margin: 5px 0px;
}
 .callback-box-form button{
     display: block;
     width: 100%;
     background: #d21e2b;
     color: #fff;
     font-size: 13px;
     font-weight: 500;
     border-radius: 50px;
     margin-top: 5px;
     padding: 10px 15px 10px 15px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
}
 .callback-box-form button:hover{
     background: #111;
}
/*Style 2*/
 .callback-form input{
     position: relative;
     display: block;
     width: 100%;
     background: #fff;
     color: #111;
     font-weight: 400;
     padding: 16px 16px;
     border: none;
     border-radius: 5px;
     margin: 15px 0px;
}
/*-----------------------------------------30. Projects Masonry-------------------------------------------*/
 .wrapper{
     width: 100%;
     margin: 0px auto;
}
 .masonry{
     margin: 10px;
     padding: 0;
     -moz-column-gap: 10px;
     -webkit-column-gap: 10px;
     column-gap: 10px;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .masonry a{
     display: block;
     margin-top: 10px;
}
 .masonry a:first-child{
     margin-top: 0px;
}
 .masonry-item{
     position: relative;
     overflow: hidden;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .masonry-item img{
     display: block;
     width: 100%;
     height: auto;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
     min-height: 180px;
}
 .masonry-item-overlay{
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     max-height: 100%;
     width: 100%;
     opacity: 1;
     background: rgba(0, 0, 0, 0.3);
     padding: 30px;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .masonry-item:hover img{
     transform: scale(1.2);
}
 .masonry-item:hover .masonry-item-overlay{
     position: absolute;
     opacity: 0;
     -webkit-transition-duration: .5s;
     transition-duration: .5s;
}
 .masonry-item:hover .masonry-item-overlay h4{
     opacity: 0;
     transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     text-align: center;
     -webkit-transition-duration: .7s;
     transition-duration: .7s;
}
 .masonry-item:hover .masonry-item-overlay ul{
     opacity: 0;
     transform: translate(0%, -50%);
     -ms-transform: translate(0%, -50%);
     text-align: center;
     -webkit-transition-duration: .5s;
     transition-duration: .5s;
}
 .masonry-item-overlay h4{
     color: #fff;
     font-size: 22px;
     font-weight: 400;
     position: absolute;
     bottom: 50px;
}
 .masonry-item-overlay ul{
     position: absolute;
     padding-left: 0px;
     bottom: 25px;
}
 .masonry-item-overlay ul li{
     list-style-type: none;
     display: inline-block;
     font-size: 12px;
     font-weight: 600;
     color: #fff;
     padding-left: 0px;
     opacity: 0.7;
}
 .masonry-item-overlay ul li:last-child:after{
     content: none;
}
 .masonry-item-overlay ul li:after{
     content: ' / ';
     font-size: 8px;
     font-weight: 700;
     margin: 0px 5px 0px 5px;
}
 .masonry-item-overlay ul li a{
     color: #fff;
}
 .masonry-item:first-child{
     margin-top: 0px;
}
 @media only screen and (min-width: 400px){
     .masonry{
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
    }
}
 @media only screen and (min-width: 700px){
     .masonry{
         -moz-column-count: 3;
         -webkit-column-count: 3;
         column-count: 3;
    }
}
 @media only screen and (min-width: 900px){
     .masonry{
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
    }
}
 @media only screen and (min-width: 1100px){
     .masonry{
         -moz-column-count: 3;
         -webkit-column-count: 3;
         column-count: 3;
    }
}
/*4 columns*/
 .masonry-4{
     margin: 10px;
     padding: 0;
     -moz-column-gap: 10px;
     -webkit-column-gap: 10px;
     column-gap: 10px;
}
 .masonry-4 a{
     display: block;
     margin-top: 10px;
}
 .masonry-4 a:first-child{
     margin-top: 0px;
}
 @media only screen and (min-width: 400px){
     .masonry-4{
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
    }
}
 @media only screen and (min-width: 700px){
     .masonry-4{
         -moz-column-count: 3;
         -webkit-column-count: 3;
         column-count: 3;
    }
}
 @media only screen and (min-width: 900px){
     .masonry-4{
         -moz-column-count: 2;
         -webkit-column-count: 2;
         column-count: 2;
    }
}
 @media only screen and (min-width: 1100px){
     .masonry-4{
         -moz-column-count: 4;
         -webkit-column-count: 4;
         column-count: 4;
    }
}
/*-----------------------------------------31. Under Construction-------------------------------------------*/
 .count-back-box{
     width: 100%;
     padding: 100px 0px;
     text-align: center;
     background-position: center;
     background-size: cover;
}
 .count-back-box h1{
     color: #111;
     font-size: 40px;
     font-weight: 500;
}
 .construction-box{
     margin: auto;
}
 .construction-icons{
     position: relative;
     text-align: center;
}
 .construction-icons i{
     display: inline-block;
     color: #d21e2b;
}
 #cons-icon-1{
     font-size: 120px;
     animation: construction-rotate 5s linear infinite;
}
 #cons-icon-2{
     font-size: 80px;
     animation: construction-rotate-back 5s linear infinite;
     margin-left: -9px;
}
 @keyframes construction-rotate{
     0%{
         transform: rotate(0);
    }
     100%{
         transform: rotate(360deg);
    }
}
 @keyframes construction-rotate-back{
     0%{
         transform: rotate(0);
    }
     100%{
         transform: rotate(-360deg);
    }
}
 .wrapper{
     display: inline-block;
     margin: 0 auto;
     text-align: center;
}
 .timer{
     font-family: "Segment7Standard";
     font-size: 70px;
     display: inline-block;
     vertical-align: top;
}
 .clock{
     margin-top: 30px;
}
 .clock h5{
     color: #d21e2b;
     font-size: 16px;
     font-weight: 400;
     margin-left: 15px;
}
 .clock .column{
     display: inline-block;
}
 .column{
     padding: 0px;
}
 .count-back-box-text{
     text-align: center;
     margin: 30px auto 0 auto;
}
 .count-back-box-text h3{
     color: #111;
     font-size: 30px;
     font-weight: 400;
     line-height: 170%;
}
 .count-back-box-text h6{
     color: #777;
     font-size: 18px;
     font-weight: 400;
     margin-top: 10px;
}
 @media (max-width: 767px){
     .timer{
         font-size: 30px;
    }
     #cons-icon-1{
         font-size: 65px;
    }
}
/*-----------------------------------------32. Shop Single Slider-------------------------------------------*/
 .sr-text{
     position: absolute !important;
     top: -9999px !important;
     left: -9999px !important;
}
 .slick-slider .slick-prev, .slick-slider .slick-next{
     display: none !important;
     z-index: 100;
     font-size: 2.5em;
     height: 40px;
     width: 40px;
     margin-top: -20px;
     color: #eee;
     position: absolute;
     top: 50%;
     text-align: center;
     color: #222;
     opacity: 1;
     transition: opacity .25s;
     cursor: pointer;
     background: #eee;
}
 .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover{
     opacity: .65;
}
 .slick-slider .slick-prev{
     left: 0;
}
 .slick-slider .slick-next{
     right: 0;
}
 .wrapper{
     max-width: 1024px;
     margin: 0 auto;
     font-family: '';
}
 .wrapper strong{
     font-weight: 300;
     letter-spacing: 2px;
     font-size: 1.2em;
     display: block;
     text-align: center;
     text-transform: uppercase;
     margin: 0;
     color: #666;
}
 .product-images{
     width: 100%;
     margin: 0 auto;
}
 .product-images li, .product-images figure, .product-images a, .product-images img{
     display: block;
     outline: none;
     border: none;
}
 .product-images .main-img-slider figure{
     margin: 0 auto;
}
 .product-images .main-img-slider figure a{
     cursor: e-resize;
}
 .product-images .main-img-slider figure a img{
     width: 100%;
     margin: 0 auto;
}
 .product-images .thumb-nav{
     margin: 0 auto;
     margin-top: 0.5px;
     width: 100%;
     padding: 0;
}
 .product-images .thumb-nav.slick-slider .slick-prev, .product-images .thumb-nav.slick-slider .slick-next{
     font-size: 1.2em;
     height: 20px;
     width: 26px;
     margin-top: -10px;
}
 .product-images .thumb-nav.slick-slider .slick-prev{
     margin-left: -30px;
}
 .product-images .thumb-nav.slick-slider .slick-next{
     margin-right: -30px;
}
 .product-images .thumb-nav li{
     display: block;
     margin: 0 auto;
     float: left;
     cursor: pointer;
     margin-right: 0px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     border-right: 1px solid #fff;
}
 .product-images .thumb-nav li img{
     display: block;
     width: 100%;
     max-width: 250px;
     margin: 0 auto;
     border: 0.5px solid transparent;
     border-bottom: 2px solid transparent;
}
 .product-images .thumb-nav li:hover{
     opacity: .7;
}
 .product-images .thumb-nav li:hover, .product-images .thumb-nav li:focus{
     border-color: #fff;
}
 .product-images .thumb-nav li.slick-current img{
     border-bottom: 2px solid #d21e2b;
}
 .pswp__bg{
     background: #fff;
}
 .pswp__top-bar{
     background-color: transparent !important;
}
 .pswp__button,.pswp__button:before,.pswp__button--close:before,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{
     background: none !important;
     background-size: 100%;
     width: 44px;
     height: 44px;
     font-family: 'icomoon';
}
 .pswp__button{
     color: #000 !important;
     opacity: 0.4 !important;
     transition: opacity .25s;
}
 .pswp__button:hover{
     opacity: 0.65 !important;
}
 .pswp__button:before{
     opacity: 1 !important;
}
 .pswp__button.pswp__button--arrow--left:before, .pswp__button.pswp__button--arrow--right:before{
     font-size: 44px;
}
 .pswp__button.pswp__button--arrow--left:before{
     content: "\e93b";
}
 .pswp__button.pswp__button--arrow--right:before{
     content: "\e93c";
}
 .pswp__button.pswp__button--close{
     top: 10px;
     right: 20px;
}
 .pswp__button.pswp__button--close:before{
     content: "\e92a";
     font-size: 44px;
}
 .pswp__button.pswp__button--close:hover{
     color: #222;
}
/*-----------------------------------------33. Shop Single-------------------------------------------*/
 .single-product{
     padding-left: 30px;
}
 @media screen and (max-width: 767px){
     .single-product{
         padding-left: 0px;
         margin-top: 30px;
    }
}
 .single-product h2{
     font-size: 31px;
     font-weight: 500;
     color: #111;
}
 .single-product p{
     font-size: 15px;
     font-weight: 400;
     line-height: 180%;
     color: #aaa;
     margin-top: 20px;
}
 .product-review-area{
     margin-top: 15px;
}
 .product-review-area i{
     color: #f9d100;
     font-size: 18px;
     margin-right: 2px;
}
 .product-review-area span{
     color: #111;
     font-size: 14px;
     margin-left: 10px;
}
 .single-product-price{
     margin-top: 20px;
}
 .single-product-price h4{
     font-size: 25px;
     font-weight: bold;
     color: #d21e2b;
}
 .product-categories{
     display: block;
     margin-top: 15px;
     border-top: 1px solid #eee;
     padding: 20px 5px 0px 5px;
}
 .product-categories ul{
     display: block;
}
 .product-categories span{
     font-size: 15px;
     font-weight: 500;
     color: #111;
     line-height: 2;
}
 .product-categories ul{
     display: inline-block;
     padding-left: 20px;
     margin-bottom: 0px;
}
 .product-categories ul li{
     list-style-type: none;
     display: inline-block;
     color: #aaa;
     font-weight: 500;
}
 .product-categories ul li a{
     color: #aaa;
     font-size: 14px;
}
 .product-categories ul li a:hover{
     color: #d21e2b;
}
 .product-categories ul li:after{
     content: ' / ';
     display: inline-block;
     font-size: 10px;
     color: #aaa;
     margin: 0px 5px;
}
 .product-categories ul li:last-child:after{
     content: none;
}
 .product-tags{
     display: block;
     margin-top: 15px;
     border-top: 1px solid #eee;
     padding: 20px 5px 0px 5px;
}
 .product-tags ul{
     display: block;
}
 .product-tags span{
     font-size: 15px;
     font-weight: 500;
     color: #111;
     line-height: 2;
}
 .product-tags ul{
     display: inline-block;
     padding-left: 20px;
     margin-bottom: 0px;
}
 .product-tags ul li{
     list-style-type: none;
     display: inline-block;
     color: #aaa;
     font-weight: 500;
}
 .product-tags ul li a{
     color: #aaa;
     font-size: 14px;
}
 .product-tags ul li a:hover{
     color: #d21e2b;
}
 .product-tags ul li:after{
     content: ', ';
     display: inline-block;
     font-size: 10px;
     color: #aaa;
     margin: 0px 5px;
}
 .product-tags ul li:last-child:after{
     content: none;
}
 .quantity{
     position: relative;
}
 .quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button{
     -webkit-appearance: none;
     margin: 0;
}
 .quantity input[type=number]{
     -moz-appearance: textfield;
}
 .quantity input{
     width: 85px;
     height: 62px;
     line-height: 1.65;
     font-size: 16px;
     color: #111;
     font-weight: 600;
     float: left;
     display: block;
     padding: 0;
     margin: 0;
     padding-left: 20px;
     border: 2px solid #eee;
}
 .quantity input:focus{
     outline: 0;
}
 .quantity-nav{
     float: left;
     position: relative;
     height: 62px;
}
 .quantity-button{
     position: relative;
     cursor: pointer;
     width: 30px;
     text-align: center;
     color: #111;
     background: #fff;
     border: 2px solid #ececec;
     font-size: 17px;
     font-family: "Trebuchet MS", Helvetica, sans-serif !important;
     line-height: 1.7;
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
}
 .quantity-button.quantity-up{
     position: absolute;
     height: 50%;
     top: 0;
}
 .quantity-button.quantity-down{
     position: absolute;
     bottom: 0px;
     height: 50%;
     border-top: none;
}
 .add-to-cart-button{
     display: inline-block;
     background: #d21e2b;
     color: #fff;
     font-size: 17px;
     font-weight: 600;
     padding: 10px 25px;
     border-radius: 5px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .add-to-cart-button:hover{
     background: #111;
     color: #fff;
}
 .product-share{
     background: #f7f7f7;
     border-radius: 5px;
     padding: 20px 15px;
}
 .product-share span{
     font-size: 15px;
     font-weight: 500;
     color: #111;
     margin-right: 0px;
}
 .product-share a i{
     color: #111;
     font-size: 15px;
     padding: 0px 7px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .product-share a i:hover{
     color: #d21e2b;
}
/*---------------Shop Tabs-----------------*/
 .shop-tabs .tabs{
     position: relative;
}
 .shop-tabs .tabs .tab-menu li{
     background: #f7f7f7;
     display: inline-block;
     width: 33.07%;
     text-align: center;
}
 .shop-tabs .tabs .tab-menu li a{
     color: #111;
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 18px 24px;
     text-decoration: none;
}
 .shop-tabs .tabs .tab-menu li:hover a, .tabs li:hover i{
     color: #d21e2b;
}
 .shop-tabs .tab-menu .active-tab a, .shop-tabs .active-tab a i{
     color: #d21e2b !important;
}
 .shop-tabs .tab-menu{
     justify-content: space-between;
     margin-bottom: 4px;
}
 @media screen and (max-width: 1200px){
     .shop-tabs .tabs .tab-menu li{
         background: #f7f7f7;
         display: inline-block;
         text-align: center;
         width: auto;
    }
     .shop-tabs .tabs .tab-menu li a{
         color: #111;
         display: block;
         font-size: 15px;
         font-weight: 500;
         padding: 18px 24px;
         text-decoration: none;
    }
}
 @media screen and (max-width: 767px){
     .shop-tabs .tabs .tab-menu li{
         display: block;
         width: 100%;
         text-align: center;
         margin-bottom: 4px;
    }
     .shop-tabs .tab-menu .tabs li a{
         display: block;
    }
     .shop-tabs .tab-menu .tabs li i{
         font-size: 25px;
    }
}
 .product-tab-body{
     display: block;
     position: relative;
     padding: 25px;
     background: #f7f7f7 !important;
}
 .product-tab-body h2{
     font-size: 30px;
     color: #111;
     font-weight: 300;
     margin-bottom: 10px;
}
 .product-tab-body h3{
     font-size: 25px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .product-tab-body h4{
     font-size: 20px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .product-tab-body h5{
     font-size: 15px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .detay_baslik:after{
     content: '';
     display: block;
     width: 100px;
     height: 2px;
     background: #d21e2b;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .product-tab-body ul{
     margin-top: 15px;
}
 .product-tab-body ul li{
     display: block;
     font-size: 15px;
     color: #111;
     border-bottom: 1px dashed #ddd;
     line-height: 1.9;
     font-weight: 500;
     padding: 15px 5px;
}
 .product-tab-body ul li span{
     display: inline-block;
     width: 200px;
     max-width: 100%;
}
 .product-tab-body ul li:before{
     content: "●";
     display: inline-block;
     color: #d21e2b;
     font-size: 14px;
     margin-right: 10px;
     line-height: 1;
}
 .product-tab-body p{
     font-size: 15px;
     color: #555;
     line-height: 1.9;
     font-weight: 400;
     margin: 15px 0px;
}
/*-------------------Shop Product Review Form---------------------*/
 .shop-form-title{
     font-size: 15px;
     color: #111;
     font-weight: 500;
     line-height: 1;
}
 .rating{
     display: inline-block;
     position: relative;
     height: 25px;
     font-size: 25px;
}
 .rating label{
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     cursor: pointer;
     line-height: 1;
}
 .rating label:last-child{
     position: static;
}
 .rating label:nth-child(1){
     z-index: 5;
}
 .rating label:nth-child(2){
     z-index: 4;
}
 .rating label:nth-child(3){
     z-index: 3;
}
 .rating label:nth-child(4){
     z-index: 2;
}
 .rating label:nth-child(5){
     z-index: 1;
}
 .rating label input{
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
}
 .rating label .icon{
     float: left;
     color: transparent;
}
 .rating label:last-child .icon{
     color: #ccc;
}
 .rating:not(:hover) label input:checked ~ .icon,.rating:hover label:hover input ~ .icon{
     color: #f9d100;
}
 .rating label input:focus:not(:checked) ~ .icon:last-child{
     color: #ccc;
     text-shadow: 0 0 5px #f9d100;
}
 .review-input input{
     font-weight: 400;
     font-size: 14px;
     color: #111;
     display: block;
     margin-top: 15px;
     border-radius: 5px;
     border: 1px solid #eee;
     padding: 13px 15px;
     background: #fff;
     width: 100%;
     max-width: 100%;
     transition: .3s;
}
 .review-input input:focus{
     border-color: #ccc;
}
 .review-input textarea{
     font-weight: 400;
     font-size: 14px;
     color: #111;
     display: block;
     margin-top: 15px;
     border-radius: 5px;
     border: 1px solid #eee;
     padding: 13px 15px;
     background: #fff;
     width: 100%;
     min-height: 100px;
     transition: .3s;
}
 .review-input textarea:focus{
     border-color: #ccc;
}
 .review-input button{
     display: inline-block;
     background: #111;
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     border-radius: 4px;
     padding: 12px 35px 12px 35px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
     margin-top: 20px;
}
 .review-input button:hover{
     background: #d21e2b;
}
 .customer-review{
     margin-top: 30px;
}
 .customer-review-block{
     background: #fff;
     border-radius: 5px;
     border: 1px solid #eee;
     padding: 20px;
}
 .customer-review-block h5{
     display: inline-block;
     color: #111;
     font-size: 17px;
     font-weight: 600;
     line-height: 1;
     margin: 0px;
}
 .customer-review-block h5:after{
     content: none;
}
 .customer-review-block strong{
     display: inline-block;
     color: #d21e2b;
     font-size: 13px;
     font-weight: 500;
     line-height: 1;
     margin-left: 15px;
}
 .customer-review-block p{
     font-size: 15px;
     color: #888;
     line-height: 1.9;
     font-weight: 400;
     margin-bottom: 15px;
}
 .customer-review-stars{
     text-align: center;
     margin: 10px 0px;
}
 .customer-review-stars i{
     color: #f9d100;
     font-size: 13.5px;
}
/*-----------------------------------------34. Shop Products-------------------------------------------*/
/*----------- Grid Style-------------*/
 .shop-grid{
     border: 1px solid #ececec;
     border-radius: 5px;
     background: #fff;
     overflow: hidden;
     padding: 15px;
     margin: 20px 0px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08);
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-grid:hover{
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20);
}
 .shop-grid-img{
     position: relative;
     overflow: hidden;
     width: 100%;
}
 .shop-grid-img img{
     width: 100%;
     height: auto;
}
 .shop-grid:hover .shop-grid-img img{
     transform: scale(1.06);
}
 .shop-grid-info{
     padding: 5px 0px 20px 0px;
}
 .shop-grid-info h4{
     color: #111;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 3px;
     min-height: 46px;
}
 .shop-grid-info h4 a{
     color: #111;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-grid-info h4 a:hover{
     color: #d21e2b;
}
 .shop-grid-info span{
     color: #ccc;
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 1px;
}
 .shop-grid-info h5{
     color: #d21e2b;
     font-size: 22px;
     font-weight: bold;
     text-align: right;
     margin-top: 7px;
     word-break: break-word;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-grid:hover .shop-grid-info h5{
     color: #d21e2b;
}
/*-----------------Grid Classic Style-------------------*/
 .classic-shop{
     border: 1px solid #ececec;
     border-radius: 5px;
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.10);
     margin: 20px 0px;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .classic-shop:hover{
     -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
     box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.20);
}
 .classic-shop-img{
     position: relative;
     overflow: hidden;
     width: 100%;
}
 .classic-shop-img img{
     display: block;
     width: 100%;
     height: auto;
     margin-bottom: 49px;
}
 .shop-box-overlay{
     position: absolute;
     bottom: 0;
     width: 100%;
     text-align: center;
}
 .classic-shop:hover .classic-shop-img img{
     transform: scale(1.06);
}
 .shop-box-overlay h4{
     color: #fff;
     font-size: 15px;
     font-weight: 500;
     letter-spacing: 1px;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-box-overlay h4 span{
     color: #fff;
     font-size: 15px;
     margin-right: 10px;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-to-card{
     background: #d21e2b;
     padding: 15px 5px 15px 5px;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-to-card:hover{
     background: rgba(255, 255, 255, 0.5) 
}
 .shop-to-card:hover h4{
     color: #d21e2b;
}
 .shop-to-card:hover h4 span{
     color: #111;
}
 .shop-buy{
     background: #111;
     padding: 15px 5px 15px 5px;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
}
 .shop-buy:hover{
     background: rgba(255, 255, 255, 0.5) 
}
 .shop-buy:hover h4{
     color: #d21e2b;
}
 .shop-buy:hover h4 span{
     color: #111;
}
 .classic-shop-text{
     text-align: center;
     padding: 15px 0;
}
 .classic-shop-text h4 a{
     color: #111;
     font-size: 16px;
     font-weight: normal;
     -webkit-transition-duration: 0.5s;
     transition-duration: 0.5s;
	 min-height: 45px;
    display: block;
}
 .classic-shop:hover .classic-shop-text h4 a{
     color: #d21e2b;
}
 .classic-shop-text h5{
     color: #d21e2b;
     font-size: 18px;
     font-weight: 500;
     margin-top: 7px;
}
 .shop-grid-rating{
     margin-top: 15px;
}
 .shop-grid-rating li{
     display: inline-block;
}
 .shop-grid-rating li i{
     color: #111;
     font-size: 17px;
     margin: 0px 1px;
}
/*----------- Shop Cart-------------*/
 .shop-cart-box{
     width: 100%;
     display: inline-block;
     border: 1px solid #ececec;
     margin: 5px 0px;
     padding: 10px 0px;
}
 .shop-cart-box .bx{
     margin-bottom: 30px;
}
 .button-close{
     display: block;
     padding: 35px 12px;
}
 @media (max-width: 991px){
     .button-close{
         display: block;
         padding: 5px 0px;
    }
}
 @media (max-width: 767px){
     .button-close{
         display: block;
         padding: 35px 0px;
    }
}
 .button-close a i{
     color: #fff;
     font-size: 20px;
     font-weight: 600;
     padding: 5px;
     background: #d21e2b;
     border-radius: 3px;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .button-close a i:hover{
     background: #888;
}
 .shop-cart-box-img img{
     width: 100%;
     height: auto;
}
 .shop-cart-box-info{
     display: block;
     padding: 20px 0px 0px 20px;
}
 @media (max-width: 767px){
     .shop-cart-box-info{
         display: block;
         padding: 20px 0px 0px 0px;
    }
}
 .shop-cart-box-info h4{
     color: #111;
     font-size: 20px;
     font-weight: 500;
}
 .shop-cart-box-info span{
     color: #d21e2b;
     font-size: 15px;
     font-weight: 400;
}
 .shop-cart-box-quantity{
     padding-top: 20px;
}
 .shop-cart-box-quantity input{
     max-width: 60px;
     box-shadow: none;
     display: inline-block;
}
 .form-control{
     color: #999;
     font-size: 14px;
     line-height: inherit;
     border: 1px solid #ececec;
     border-radius: 2px;
     padding: 5px 12px;
     transition: 0.2s linear;
}
 .form-control:focus{
     box-shadow: none;
     border-color: #999;
}
 .shop-cart-box-quantity h6{
     display: inline-block;
     font-size: 14px;
     margin-right: 5px;
}
 .shop-cart-box-price{
     display: block;
     padding-top: 20px;
}
 .shop-cart-box-price h5{
     color: #666;
     font-size: 25px;
     font-weight: 300;
     margin-right: 15px;
}
 @media (max-width: 991px){
     .shop-cart-box-price h5{
         font-size: 20px;
    }
}
 @media (max-width: 767px){
     .shop-cart-box-price h5{
         color: #666;
         font-size: 25px;
         font-weight: 300;
         margin-right: 15px;
    }
}
 .shop-cart-info-price{
     padding: 20px;
     border: 1px solid #ececec;
     margin: 5px 0px;
}
 .right-info-price li{
     color: #666;
     font-size: 16px;
     font-weight: 500;
     line-height: 160%;
     padding: 10px 0px;
}
 .right-info-price li h6{
     float: right;
     color: #666;
     font-size: 16px;
     font-weight: 500;
}
 .total-price{
     margin-top: 15px;
     padding-top: 15px;
     border-top: 1px solid #ececec;
}
 .total-price p{
     color: #444;
     font-size: 17px;
     font-weight: 500;
}
 .total-price p strong{
     float: right;
     color: #444;
     font-size: 17px;
     font-weight: 500;
}
/*-----------------------------------------35. 404 (Page)-------------------------------------------*/
 .error-box{
     text-align: center;
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0 auto;
     text-align: center;
}
 .error-box-text{
     z-index: 999;
     position: relative;
     top: -350px;
}
 .error-box-text h1{
     font-size: 200px;
     color: #d21e2b;
     line-height: 1;
}
 .error-box-text h3{
     font-size: 40px;
     color: #111;
}
 .error-box-text h4{
     font-size: 20px;
     color: #333;
     margin-top: 20px;
}
 .back-box{
     z-index: -999999;
     background: #f9f9f9;
     position: relative;
     top: 150px;
     padding: 50px;
}
 .error-box h2{
     color: rgba(204, 204, 204, 0.2);
     font-size: 250px;
     font-weight: 600;
     letter-spacing: 10px;
     text-transform: uppercase;
}
 @media (max-width: 900px){
     .error-box h2{
         font-size: 150px;
    }
     .error-box-text{
         top: -200px;
    }
}
 @media (max-width: 767px){
     .error-box{
         padding: 30px;
    }
     .back-box{
         display: none;
    }
     .error-box-text{
         top: 50px;
    }
     .error-box-text h1{
         font-size: 100px;
    }
}
/*-----------------------------------------36. Contact-------------------------------------------*/
/*----------- Style 1-------------*/
 .contact-form input{
     font-weight: 500 !important;
     border-radius: 5px;
     font-size: 13px;
     border: 1px solid #f6f7f8;
     background: #f6f7f8;
     color: #777 !important;
     outline: none;
     width: 100%;
     padding: 14px;
     margin: 10px 0px;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .contact-form textarea{
     font-weight: 500 !important;
     border-radius: 5px;
     font-size: 13px;
     border: 1px solid #f6f7f8;
     background: #f6f7f8;
     color: #777 !important;
     outline: none;
     width: 100%;
     padding: 14px;
     margin: 10px 0px;
     margin-bottom: 5px;
     min-height: 200px;
     overflow: hidden;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .contact-form input:focus, .contact-form textarea:focus{
     background: #fff;
     border-color: #ececec;
}
 .contact-form button{
     display: inline-block;
     background: #111;
     color: #fff;
     font-size: 14px;
     width: 100%;
     font-weight: 500;
     border-radius: 10px;
     padding: 15px 30px 15px 30px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     transition: all .4s ease;
     margin-top: 15px;
}
 .contact-form button:hover{
     background: #d21e2b;
}
/*INFO*/
 .contact-info-box{
     padding: 0px 15px;
}
 .contact-info-section{
     border-bottom: 1px solid #ececec;
     padding: 25px 0px;
     margin-bottom: 0px;
     -webkit-transition-duration: .5s;
     transition-duration: .5s;
}
 .contact-info-section i{
     width: 60px;
     height: 60px;
     padding-top: 17px;
     border-radius: 50%;
     background: #d21e2b;
     color: #fff;
     font-size: 25px;
     margin-top: 5px;
}
 .contact-info-section h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px;
}
 .contact-info-section p{
     color: #999;
     font-size: 15px;
     font-weight: 400;
}
 #map{
     height: 400px;
     width: 100%;
}
/*----------- Style 2-------------*/
 .contact-box{
     text-align: center;
     background: #fff;
     border: 1px solid #ececec;
     border-radius: 2px;
     -webkit-box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
     box-shadow: 0 20px 80px rgba(0, 0, 0, 0.12);
     -webkit-transition-duration: .3s;
     margin: 10px 0px 10px 0px;
     padding: 20px 0px 20px 0px;
     min-height: 200px;
}
 .contact-box i{
     color: #d21e2b;
     font-size: 35px;
     margin: 10px 0px 20px 0px;
}
 .contact-box h4{
     color: #111;
     font-size: 18px;
     font-weight: 500;
     margin: 0px 0px 5px 0px;
}
 .contact-box span{
     color: #999;
     font-size: 14px;
}
/*----------- Style 3-------------*/
 .contact-country-one{
     background-size: cover;
     width: 100%;
     padding: 120px 70px 50px 70px;
}
 .contact-country-one i{
     color: #fff;
     font-size: 60px;
}
 .contact-country-one h4{
     color: #fff;
     font-size: 25px;
     font-weight: 500;
     margin-top: 20px;
}
 .contact-country{
     margin-top: 20px;
}
 .contact-country li{
     color: #000;
     font-size: 15px;
     padding: 10px 0px;
}
 .contact-country li i{
     color: #000;
     font-size: 20px;
     margin-right: 15px;
}
 @media (max-width: 767px){
     .contact-country-one{
         padding: 40px 20px;
    }
}
/*-----------Styles 4-------------*/
 .contact-data-box-icon{
     border-radius: 10%;
     border: 2px solid #333;
     background: #333;
     width: 80px;
     height: 80px;
     padding: 19px;
     margin: 8px 0px 0px 10px;
     -webkit-transition-duration: 0.6s;
     transition-duration: 0.6s;
}
 .contact-data-box:hover .contact-data-box-icon{
     background: #fff;
}
 .contact-data-box-icon i{
     color: #fff;
     font-size: 30px;
     padding: 3px 0px 0px 6px;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
}
 .contact-data-box:hover .contact-data-box-icon i{
     color: #333;
}
 .contact-data-box-text{
     padding-left: 15px;
}
 .contact-data-box-text h4{
     color: #111;
     font-size: 20px;
     font-weight: 400;
     line-height: 160%;
     letter-spacing: 1px;
}
 .contact-data-box-text h6{
     color: #777;
     font-size: 15px;
     font-weight: 400;
     line-height: 160%;
     margin-top: 5px;
}
/*-----------------------------------------37. Tabs-------------------------------------------*/
/*----------- Default Tabs-------------*/
 .default-tabs .tabs{
     position: relative;
}
 .default-tabs .tabs .tab-menu li{
     background: #f7f7f7;
     display: inline-block;
     text-align: center;
}
 .default-tabs .tabs .tab-menu li a{
     color: #111;
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 18px 24px;
     text-decoration: none;
}
 .default-tabs .tabs .tab-menu li a i{
     color: #d21e2b;
     display: inline-block;
     font-size: 15px;
     margin-right: 10px;
     text-decoration: none;
}
 .default-tabs .tabs .tab-menu li:hover a, .default-tabs .tabs .tabs li:hover i{
     color: #d21e2b;
}
 .default-tabs .tab-menu .active-tab a, .default-tabs .active-tab a i{
     color: #d21e2b !important;
}
 .default-tabs .tab-menu{
     margin-bottom: 4px;
}
 @media screen and (max-width: 1200px){
     .default-tabs .tabs .tab-menu li{
         background: #f7f7f7;
         display: inline-block;
         text-align: center;
         width: auto;
    }
     .default-tabs .tabs .tab-menu li a{
         color: #111;
         display: block;
         font-size: 15px;
         font-weight: 500;
         padding: 18px 24px;
         text-decoration: none;
    }
}
 @media screen and (max-width: 767px){
     .default-tabs .tabs .tab-menu li{
         display: block;
         width: 100%;
         text-align: center;
         margin-bottom: 4px;
    }
     .default-tabs .tab-menu .tabs li a{
         display: block;
         padding: 18px 14px;
    }
     .default-tabs .tab-menu .tabs li i{
         font-size: 25px;
    }
}
 .tab-body{
     display: block;
     position: relative;
     padding: 25px;
     background: #f7f7f7 !important;
}
 .tab-body h2{
     font-size: 30px;
     color: #111;
     font-weight: 300;
     margin-bottom: 10px;
}
 .tab-body h3{
     font-size: 25px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .tab-body h4{
     font-size: 20px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .tab-body h5{
     font-size: 15px;
     color: #111;
     font-weight: 500;
     margin-bottom: 10px;
}
 .tab-body h2:after, .tab-body h3:after, .tab-body h4:after, .tab-body h5:after{
     content: '';
     display: block;
     width: 100px;
     height: 2px;
     background: #d21e2b;
     margin-top: 10px;
     margin-bottom: 10px;
}
 .tab-body p{
     font-size: 15px;
     color: #999;
     line-height: 1.7;
     font-weight: 400;
     margin: 5px;
}
/*----------- Icon Tabs-------------*/
 .big-icon-tabs .tabs{
     position: relative;
}
 .big-icon-tabs .tabs .tab-menu li{
     display: inline-block;
     text-align: center;
     margin-right: 5px;
}
 .big-icon-tabs .tabs .tab-menu li:last-child{
     margin-right: 0px;
}
 .big-icon-tabs .tabs .tab-menu li a{
     background: #ececec;
     color: #111;
     display: block;
     font-size: 15px;
     font-weight: 500;
     padding: 18px 24px;
     text-decoration: none;
     border-top: 2px solid #ececec;
}
 .big-icon-tabs .tabs .tab-menu li a i{
     color: #d21e2b;
     display: block;
     font-size: 40px;
     margin-bottom: 10px;
     text-decoration: none;
}
 .big-icon-tabs .tabs .tab-menu li:hover a, .big-icon-tabs .tabs .tabs li:hover i{
     color: #d21e2b;
}
 .big-icon-tabs .tab-menu .active-tab a, .big-icon-tabs .active-tab a i{
     border-color: #d21e2b !important;
}
 .big-icon-tabs .tab-menu .active-tab a{
     background: #f7f7f7 !important;
}
 @media screen and (max-width: 1200px){
     .big-icon-tabs .tabs .tab-menu li{
         background: #f7f7f7;
         display: inline-block;
         text-align: center;
         width: auto;
    }
     .big-icon-tabs .tabs .tab-menu li a{
         color: #111;
         display: block;
         font-size: 15px;
         font-weight: 500;
         padding: 18px 24px;
         text-decoration: none;
    }
}
 @media screen and (max-width: 767px){
     .big-icon-tabs .tabs .tab-menu li{
         display: block;
         width: 100%;
         text-align: center;
         margin-bottom: 4px;
    }
     .big-icon-tabs .tab-menu .tabs li a{
         display: block;
    }
     .big-icon-tabs .tab-menu .tabs li i{
         font-size: 25px;
    }
	#top-bar{
		height: auto !important;
		z-index: 1;
	}
	.top-bar-welcome {
		display: block;
		text-align: center;
	}
	.top-bar-info {
		display: block;
		text-align: center;
	}
	.top-bar-info ul {
		padding-left: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	a.teklif{
		float: none !important;
		padding: 5px 15px;
	}
	#mobil_center{
		text-align:center;
	}
	.modal:before{
		height: 0%;
	}
}
/*-----------------------------------------38. Owl Carousel-------------------------------------------*/
 .custom-dot{
     display: inline-block;
     z-index: 1;
     margin-top: 30px;
}
 .custom-dot span{
     width: 12px;
     height: 12px;
     margin: 5px 7px;
     background: #cecece;
     cursor: pointer;
     display: block;
     border: 1px solid #fff;
     -webkit-backface-visibility: visible;
     border-radius: 30px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .custom-dot span:hover{
     background: #aaa;
     -webkit-backface-visibility: visible;
     border-radius: 30px;
}
 .custom-dot.active span{
     width: 12px;
     height: 12px;
     background: #d21e2b;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .owl-nav i{
     color: #111;
     font-size: 20px;
     padding-top: 10px;
}
 .owl-nav .owl-prev{
     color: #d21e2b;
     font-size: 43px;
     left: 0%;
     text-align: center;
     -webkit-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
     width: 50px;
     height: 50px;
     background: #fff !important;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
     -moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
     box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
}
 .owl-nav .owl-next{
     color: #d21e2b;
     font-size: 43px;
     text-align: center;
     -webkit-transition: all 0.4s ease 0s;
     transition: all 0.4s ease 0s;
     width: 50px;
     height: 50px;
     background: #fff !important;
     -webkit-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
     -moz-box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
     box-shadow: 0px 5px 28px 0px rgba(50, 50, 50, 0.1);
}
/*-----------------------------------------39. Pie Charts-------------------------------------------*/
 .pie-chart{
     margin: 20px 0px;
}
 .pie-chart .chart{
     position: relative;
     display: block;
     width: 120px;
     color: #111;
     text-align: center;
     border-radius: 50%;
     margin: auto;
}
 .pie-chart-lg .chart{
     width: 190px;
}
 .pie-chart-md .chart{
     width: 150px;
}
 .pie-chart-sm .chart{
     width: 130px;
}
 .pie-chart .chart canvas{
     position: absolute;
     top: 0;
     left: 0;
}
 .pie-chart .chart-percent{
     margin: 0 0 15px 0 
}
 .pie-chart .percent{
     font-size: 17px;
     font-weight: 600;
     display: inline-block;
     z-index: 2;
}
 .pie-chart-md .percent{
     font-size: 18px;
     font-weight: 600;
     display: inline-block;
     z-index: 2;
}
 .percent:after{
     content: '%';
}
 .pie-chart h4{
     font-size: 14px;
     font-weight: 600;
     text-align: center;
     margin-top: 15px;
}
 .pie-chart-md h4{
     font-size: 18px;
     font-weight: 600;
     text-align: center;
     margin-top: 17px;
}
 .pie-chart h5{
     color: #999;
     font-size: 12px;
     font-weight: 500;
     text-align: center;
     margin-top: 15px;
}
 .pie-chart-md h5{
     color: #999;
     font-size: 13px;
     font-weight: 500;
     text-align: center;
     margin-top: 7px;
}
 .pie-chart-lg h4{
     font-size: 19px;
     font-weight: 600;
     text-align: center;
     margin-top: 17px;
}
 .pie-chart-lg h5{
     color: #999;
     font-size: 13px;
     font-weight: 500;
     text-align: center;
     margin-top: 7px;
}
 .pie-chart-lg .percent{
     font-size: 22px;
     font-weight: 600;
     display: inline-block;
     z-index: 2;
}
/*-----------------------------------------40. Chart JS-------------------------------------------*/
 .chartjs-tooltip{
     opacity: 1;
     position: absolute;
     background: rgba(0, 0, 0, .7);
     color: white;
     border-radius: 3px;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
     pointer-events: none;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
     padding: 4px;
}
 .chartjs-tooltip-key{
     display: inline-block;
     width: 10px;
     height: 10px;
}
 .adresGroup{
     margin-bottom:5px;
}
 .adresGroup .s2 {
     font-size: 16px;
     color: #868686 
}
 .adresGroup .s2 a {
     font-size: 16px;
     color: #868686 
}
 .ftbContent {
     border-top: 1px solid #525252;
     height: 202px 
}
 .ftbContent p {
     float: left;
     color: #868686;
     margin-top: 40px 
}
 .blog-wrap {
     padding: 10px;
     background: #fff;
     transition: all .5s;
}
 .blog-wrap:hover {
     box-shadow: 0px 0px 15px #ccc;
}
 .blog-info {
     padding: 15px;
}
 .golge {
     position: relative;
     box-shadow: 0 0 10px 3px rgba(243, 243, 243, 0.74);
}
 footer .office-contact li{
     list-style:none;
     margin:0 0 5px 0;
     padding:0 0 0 35px;
     position:relative;
     color: #aaa;
}
 footer .office-contact li:last-child{
     margin:0;
}
 footer .office-contact li h6{
     margin-bottom:5px;
     color:#fff;
}
 footer .office-contact li .fa {
     position: absolute;
     font-size: 24px;
     line-height: 24px;
     left: 0;
     top: 0;
     color:#fff;
}
.slick-slider {
    background: #f7f7f7 !important;
}
a.teklif {
    float: right;
    height: 35px;
    border-radius: 22.5px;
    border: 1px solid #0073ef;
    width: 155px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2.1px;
    color: #f7f7f7;
    line-height: 35px;
    margin-left: 15px;
    text-align: center;
    margin-top: 5px;
    background: #007bff;
}
a.teklif:hover {
    background: #d21e2b;
    color: #fff;
    border: 1px solid #d21e2b;
}
.top_links {
    font-size: 14px;
    text-align: right;
    padding: 10px;
}
.bs-example-modal-md-2 .login-form {
    padding: 30px;
    overflow: hidden;
}
.bs-example-modal-md-2 .login-form fieldset {
    overflow: hidden;
}
.bs-example-modal-md-2 .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}
.bs-example-modal-md-2 .login-form .form-group input[type="number"] .form-group input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}
.bs-example-modal-md-2 .login-form .form-group input[type="email"]  .form-group input[type="number"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}
.bs-example-modal-md-2 .login-form .form-group select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}
.bs-example-modal-md-2 .login-form .form-group textarea {
    min-height: 100px;
    max-height: 100px;
}
.bs-example-modal-md-2 .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
}
.bs-example-modal-md-2 .tg-theme-btn-lg {
    width: 100%;
}
.bs-example-modal-md-2 h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #d21e2b;
    text-align: center;
}
.lang{
    display: inline-block;
    align-items: center;
	float:right;
	margin:0;
	background:#2a2a2a;
	z-index:99999;
}
.lang>ul{
	    height: 45px;
    line-height: 45px;
}
.lang>ul:hover{
    background: #d21e2b;
}
.lang>ul>li{
    position: relative !important;
}
.lang>ul>li>a{
    color:#f7f7f7 !important;
    padding: 0px 5px !important;
    display: block !important;
	float: none !important;
	font-size:14px !important;
	    opacity: .7;
		font-weight:bold;
}
.lang>ul>li>a>i{
    color:#fff !important;
}
.lang>ul:hover i{
    color: #fff !important
}
.lang>ul:hover a{
    color: #fff !important
}
.lang>ul>li:hover>ul{
    opacity: 1;
    visibility: visible !important;
}
.lang>ul>li>ul{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top:100%;
    left: 0;
	z-index:9999;
    background:#2a2a2a;
    width: 100%;
    -webkit-transition: all 250ms;
    -o-transition: all 250ms;
    transition: all 250ms;
}
.lang>ul>li>ul>li{
}
.lang>ul>li>ul>li>a{
    color:#fff;
    display: block;
    padding: 0px 5px;
    border-top: 1px solid #d21e2b;
	float:none !important;
	font-size:15px !important;
	margin-top:-1px;
	text-align: center;
}
.urundetay_resim{
	height: 400px;
	background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}