@import url("navigation.css");

 .section-block{

     padding: 50px 0px 50px 0px;

     background-color: #fff;

}

 .section-block-grey{

     padding: 50px 0px 50px 0px;

     background-color: #f9f9f9;

}

 .section-block-dark{

     padding: 50px 0px 50px 0px;

     background-color: #222;

}

 .section-block-parallax{

     position: relative;

     background-size: cover;

     background-attachment: fixed;

     background-position: 50% 50%;

     padding: 50px 0px 50px 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: #bbd5e1;

     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: black;

     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: black;

     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: #5e4c4c;

     -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: 60px 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: black;

     line-height: 1.7;

}

 footer h3{

     font-size: 24px;

     font-weight: 400;

     color: #808080;

     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: black;

}

 .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: 20px;

     margin-top: 30px;

}

 .footer-bar span{

     color: #d21e2b;

     font-size: 15px;

     font-weight: 400;

}

 .footer-bar p{

     color: #808080;

     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;

    }

}

 .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: black;

}

 footer .office-contact li:last-child{

     margin:0;

}

 footer .office-contact li h6{

     margin-bottom:5px;

     color:#808080;

}

 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 #f7f7f7;

    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;

}

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="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"] {

    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;

}