@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Poppins:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:300,400,500,600,700);
html{overflow-x:hidden}
body{line-height:1.5;font-family:"Montserrat",serif;-webkit-font-smoothing:antialiased;font-size:16px;color:rgba(0,0,0,0.65)}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:"Poppins",sans-serif;font-weight:600;color:#31353d}
h1,.h1{font-size:2.5rem}
h2,.h2{font-size:2rem;font-weight:600;line-height:42px}
h3,.h3{font-size:1.5rem}
h4,.h4{font-size:1.3rem;line-height:30px}
h5,.h5{font-size:1.25rem}
h6,.h6{font-size:1rem}
h2.index{padding:0 0 10px;border-bottom:1px solid #dedede}
p{line-height:30px}
.navbar-toggle .icon-bar{background:#007bff}
input[type="email"],input[type="password"],input[type="text"],input[type="tel"]{box-shadow:none;height:45px;outline:none;font-size:14px}
input[type="email"]:focus,input[type="password"]:focus,input[type="text"]:focus,input[type="tel"]:focus{box-shadow:none;border:1px solid #007bff}
.form-control{box-shadow:none;border-radius:0}
.form-control:focus{box-shadow:none;border:1px solid #007bff}
.py-7{padding:7rem 0}
.btn{display:inline-block;font-size:14px;font-size:0.8125rem;font-weight:400;padding:1rem 2.5rem;text-transform:uppercase;border-radius:0;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.btn.btn-icon i{font-size:16px;vertical-align:middle;margin-right:5px}
.btn:focus{outline:0;box-shadow:none}
.btn-main,.btn-transparent,.btn-small{background:#007bff;color:#fff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
.btn-main:hover,.btn-transparent:hover,.btn-small:hover{background:#004a99;color:#fff}
.btn-solid-border{border:2px solid #007bff;background:transparent;color:#31353d}
.btn-solid-border:hover{border:2px solid #007bff;background:#007bff}
.btn-transparent{background:transparent;padding:0;color:#007bff}
.btn-transparent:hover{background:transparent;color:#007bff}
.btn-large{padding:20px 45px}
.btn-large.btn-icon i{font-size:16px;vertical-align:middle;margin-right:5px}
.btn-small{padding:10px 25px;font-size:12px}
.btn-round{border-radius:4px}
.btn-round-full{border-radius:50px}
.btn.active:focus,.btn:active:focus,.btn:focus{outline:0}
.bg-gray{background:#f5f8f9}
.bg-primary{background:#007bff}
.bg-primary-dark{background:#0062cc}
.bg-primary-darker{background:#004a99}
.bg-dark{background:#31353d}
.bg-gradient{background-image:linear-gradient(145deg,rgba(19,177,205,0.95) 0%,rgba(152,119,234,0.95) 100%);background-repeat:repeat-x}
.section{padding:100px 0}
.section-sm{padding:35px 0}
.section-title{margin-bottom:70px}
.section-title .title{font-size:50px;line-height:50px}
.section-title p{color:#666;font-family:"Poppins",sans-serif}
.subtitle{color:#007bff;font-size:14px;letter-spacing:1px}
.overly,.page-title,.background{position:relative}
.overly:before,.page-title:before,.background:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;opacity:0.5;background:#31353d}
.overly-2,.latest-blog{position:relative}
.overly-2:before,.latest-blog:before{content:"";position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}
.text-color{color:#007bff}
.text-black{color:#31353d}
.text-color2{color:#c54041}
.text-color2{color:#b99769}
.text-sm{font-size:14px}
.text-md{font-size:2.25rem}
.text-lg{font-size:3.75rem}
.no-spacing{letter-spacing:0}a{color:#31353d;text-decoration:none}
a:focus,a:hover{color:#007bff;text-decoration:none}
a:focus{outline:none}
.content-title{font-size:40px;line-height:50px}
.page-title{padding:50px 0}
.page-title .block h1{color:#fff}
.page-title .block p{color:#fff}
.page-wrapper{padding:70px 0}
#wrapper-work{overflow:hidden;padding-top:100px}
#wrapper-work ul li{width:50%;float:left;position:relative}
#wrapper-work ul li img{width:100%;height:100%}
#wrapper-work ul li .items-text{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;color:#fff;background:rgba(0,0,0,0.6);padding-left:44px;padding-top:140px}
#wrapper-work ul li .items-text h2{padding-bottom:28px;padding-top:75px;position:relative}
#wrapper-work ul li .items-text h2:before{content:"";position:absolute;left:0;bottom:0;width:75px;height:3px;background:#fff}
#wrapper-work ul li .items-text p{padding-top:30px;font-size:16px;line-height:27px;font-weight:300;padding-right:80px}#features-work{padding-top:50px;padding-bottom:75px}
#features-work .block ul li{width:19%;text-align:center;display:inline-block;padding:40px 0}
.sticky-top{top:90px}
.background{background-size:cover;background-position:10% 0%;background-repeat:no-repeat;background-attachment:scroll;padding:55px 0 55px 0}
.background .block h1{font-size:38px;line-height:70px;font-weight:600;color:#fff}
.background .block h1 a{color:#fff}
.background .block .rnbw-animated{background:linear-gradient(to right,#f277a1,#f58a7e,#f1bf8e,#b0d89c,#99cbca,#8d99cd,#bb84b4,#f277a1);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:rainbow 5s ease infinite;animation:rainbow 5s ease infinite}
.background .block p{margin-bottom:20px;color:#b9b9b9;font-size:18px;line-height:27px;font-weight:300}
.background .block span{letter-spacing:1px}@-webkit-keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
header{z-index:1500}
#navbar{background:#31353d;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
#navbar li{padding-left:15px}
#navbar .nav-link{font-family:"Poppins",sans-serif;font-weight:500;color:#fff;text-transform:uppercase;font-size:14px;letter-spacing:0.5px;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}
#navbar .nav-link:hover,#navbar .nav-link:focus,#navbar .nav-link.active{color:#007bff}
#navbar .btn{color:#fff}
.navbar-brand{color:#fff;font-weight:600;letter-spacing:1px}
.navbar-brand h1{font-size:1.25rem;font-family:"Montserrat",serif;color:#fff;line-height:1.5;margin-bottom:0}
.navbar-brand .navbar-brand-second{color:#007bff}
.navbar-brand:hover .rnbw-animated{background:linear-gradient(to right,#f277a1,#f58a7e,#f1bf8e,#b0d89c,#99cbca,#8d99cd,#bb84b4,#f277a1);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:rainbow 1s ease infinite;animation:rainbow 1s ease infinite}
a.navbar-brand:not([href]):not([tabindex]){color:#fff;cursor:pointer}
.dropdown-menu{visibility:hidden;filter:alpha(opacity=0);opacity:0;transition:all 0.2s ease-in,visibility 0s linear 0.2s,transform 0.2s linear;-webkit-transition:all 0.2s ease-in,visibility 0s linear 0.2s,-webkit-transform 0.2s linear;-o-transition:all 0.2s ease-in,visibility 0s linear 0.2s,-o-transform 0.2s linear;-ms-transition:all 0.2s ease-in,visibility 0s linear 0.2s,-ms-transform 0.2s linear;width:250px;margin-top:15px;padding:0;border-radius:0;display:block}
.dropdown-toggle::after{display:none}
.dropdown:hover .dropdown-menu{visibility:visible;-webkit-transition:all 0.45s ease 0s;-moz-transition:all 0.45s ease 0s;-ms-transition:all 0.45s ease 0s;-o-transition:all 0.45s ease 0s;transition:all 0.45s ease 0s;opacity:1}
.dropdown-item{padding:0.8rem 1.5rem;text-transform:uppercase;font-size:14px}
.dropdown-item:hover{background:#007bff;color:#fff}
ul.dropdown-menu li{padding-left:0 !important}
.bg-1{background:url("/themes/mbrainer/assets/images/bg1.jpg") #6f7598;background-size:cover}
.bg-2{background:url("https://placehold.it/1592x362");background-size:cover}
.item.card{display:flex;flex-flow:row nowrap;align-items:center;height:288px;overflow:hidden}
.item.card .card-overlay{position:absolute;left:0;top:0;bottom:0;right:0;z-index:100}
.item.card .card-img-overlay{display:flex;flex-wrap:wrap;align-content:flex-end;height:calc(50% + 15px);top:auto;padding:0 1.5rem;overflow:hidden}
.item.card .card-img-overlay .card-title{z-index:100}
.item.card .card-img-overlay .card-text{z-index:100}
.item.card .card-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;overflow:hidden;max-height:100%}
.item.card .card-img:before{background-color:rgba(49,53,61,0.4);display:block;content:"";position:absolute;width:100%;height:100%;left:0;top:0;transition:background-color 0.5s;z-index:70}
.item.card:hover .card-img:before{background-color:rgba(49,53,61,0.2)}
.item.card .card-img:after{display:block;content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(20deg,rgba(55,59,67,0.8),transparent);z-index:80}
.item-mini .media-object{display:flex;flex-flow:row nowrap;align-items:center;height:120px;overflow:hidden}
.item-mini h3{font-size:20px}
.contact-form-wrap .form-group{padding-bottom:15px;margin:0}
.contact-form-wrap .form-group .form-control{background:#f5f8f9;height:48px;border:1px solid #EEF2F6;box-shadow:none;width:100%}
.contact-form-wrap .form-group-2{margin-bottom:13px}
.contact-form-wrap .form-group-2 textarea{background:#f5f8f9;height:135px;border:1px solid #EEF2F6;box-shadow:none;width:100%}
.address-block li{margin-bottom:10px}
.address-block li i{font-size:20px;width:20px}
.social-icons li{margin:0 6px}
.social-icons i{margin-right:15px;font-size:25px}
.google-map{position:relative}
.google-map #map{width:100%;height:450px}

.blog-item-content h3 a{transition:all 0.4s ease 0s}
.blog-item-content img{display:block;max-width:100%;width:auto;margin:15px auto}
.blog-item h3{height:88px;overflow:hidden}
.item-mini h3{height:88px;font-size:18px;overflow:hidden}
.lh-36{line-height:36px}
.blog-item-content .content a:not(.zr-toggle-view){color:#007bff}
.blog-item-content .content a:not(.zr-toggle-view):hover{color:#31353d}
.blog-item-content .content h2{font-size:30px}
.tags a{background:#f5f8f9;display:inline-block;padding:8px 23px;border-radius:38px;margin-bottom:10px;border:1px solid #eee;font-size:14px;text-transform:capitalize}
.pagination .nav-links a,.pagination .nav-links span.current{font-size:20px;font-weight:500;color:#c9c9c9;margin:0 10px;text-transform:uppercase;letter-spacing:1.2px}
.pagination .nav-links span.current,.pagination .nav-links a.next,.pagination .nav-links a.prev{color:#31353d}
h3.quote{font-size:25px;line-height:50px;font-weight:normal;padding:0 25px 0 85px;margin:65px 0 65px 0 !important;position:relative}
h3.quote::before{content:"";width:55px;height:2px;background:#007bff;position:absolute;top:25px;left:0}
.nav-posts-title{line-height:25px;font-size:18px}
.latest-blog{position:relative;padding-bottom:150px}
.mt-70{margin-top:-70px}
.border-1{border:1px solid rgba(0,0,0,0.05)}
.blog-item .media-object{display:flex;flex-flow:row nowrap;align-items:center;background:#fff;height:200px;overflow:hidden}
.blog-item .media-object span{display:flex;align-items:center;justify-content:center;color:#6f7598;font-size:2.5rem;padding:95px 0;width:100%}
.blog-item .media-object img{width:100%;transform:scale(1);transition:0.3s ease}
.blog-item .media-object img:hover{transform:scale(1.03)}
.blog-item .excerpt{height:90px;overflow:hidden}

.post.post-single{border:none}
.post.post-single .post-thumb{margin-top:30px}
.post-sub-heading{border-bottom:1px solid #dedede;padding-bottom:20px;letter-spacing:2px;text-transform:uppercase;font-size:16px;margin-bottom:20px}
.post-social-share{margin-bottom:50px}
.post-comments{margin:30px 0}
.post-comments .media{margin-top:20px}
.post-comments .media>.pull-left{padding-right:20px}
.post-comments .comment-author{margin-top:0;margin-bottom:0;font-weight:500}
.post-comments .comment-author a{color:#007bff;font-size:14px;text-transform:uppercase}
.post-comments time{margin:0 0 5px;display:inline-block;color:#808080;font-size:12px}
.post-comments .comment-button{color:#007bff;display:inline-block;margin-left:5px;font-size:12px}
.post-comments .comment-button i{margin-right:5px;display:inline-block}
.post-comments .comment-button:hover{color:#007bff}
.post-excerpt{margin-bottom:60px}
.post-excerpt h3 a{color:#000}
.post-excerpt p{margin:0 0 30px}
.post-excerpt blockquote.quote-post{margin:20px 0}
.post-excerpt blockquote.quote-post p{line-height:30px;font-size:20px;color:#007bff}
.single-blog{background-color:#fff;margin-bottom:50px;padding:20px}
.blog-subtitle{font-size:15px;padding-bottom:10px;border-bottom:1px solid #dedede;margin-bottom:25px;text-transform:uppercase}
.next-prev{border-bottom:1px solid #dedede;border-top:1px solid #dedede;margin:20px 0;padding:25px 0}
.next-prev a{color:#000}
.next-prev a:hover{color:#007bff}
.next-prev .prev-post i{margin-right:10px}
.next-prev .next-post i{margin-left:10px}
.social-profile ul li{margin:0 10px 0 0;display:inline-block}
.social-profile ul li a{color:#4e595f;display:block;font-size:16px}
.social-profile ul li a i:hover{color:#007bff}
.comments-section{margin-top:35px}
.author-about{margin-top:40px}
.post-author{margin-right:20px}
.post-author>img{border:1px solid #dedede;max-width:120px;padding:5px;width:100%}
.comment-list ul{margin-top:20px}
.comment-list ul li{margin-bottom:20px}
.comment-wrap{border:1px solid #dedede;border-radius:1px;margin-left:20px;padding:10px;position:relative}
.comment-wrap .author-avatar{margin-right:10px}
.comment-wrap .media .media-heading{font-size:14px;margin-bottom:8px}
.comment-wrap .media .media-heading a{color:#007bff;font-size:13px}
.comment-wrap .media .comment-meta{font-size:12px;color:#888}
.comment-wrap .media p{margin-top:15px}
.comment-reply-form{margin-top:80px}
.comment-reply-form input,.comment-reply-form textarea{height:35px;border-radius:0;box-shadow:none}
.comment-reply-form input:focus,.comment-reply-form textarea:focus{box-shadow:none;border:1px solid #007bff}
.comment-reply-form textarea,.comment-reply-form .btn-main,.comment-reply-form .btn-transparent,.comment-reply-form .btn-small{height:auto}
.widget{margin-bottom:30px;padding-bottom:35px}
.widget .widget-title{margin-bottom:15px;padding-bottom:10px;font-size:16px;color:#333;font-weight:500;border-bottom:1px solid #dedede}
.widget.widget-latest-post .media .media-object{width:100px;height:auto}
.widget.widget-latest-post .media .media-heading a{color:#31353d;font-size:16px}
.widget.widget-latest-post .media p{font-size:12px;color:#808080}
.widget.widget-category ul li{margin-bottom:10px}
.widget.widget-category ul li a{color:#837f7e;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.widget.widget-category ul li a:before{padding-right:10px}
.widget.widget-category ul li a:hover{color:#007bff;padding-left:5px}
.widget.widget-tag ul li{margin-bottom:10px;display:inline-block;margin-right:5px}
.widget.widget-tag ul li a{color:#837f7e;display:inline-block;padding:8px 15px;border:1px solid #dedede;border-radius:30px;font-size:14px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.widget.widget-tag ul li a:hover{color:#fff;background:#007bff;border:1px solid #007bff}
.accordion ul{padding:0;list-style-type:none}
.accordion .link{cursor:pointer;display:block;padding:10px 0;font-size:14px;font-weight:700;position:relative;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.accordion li:last-child .link{border-bottom:0}
.accordion li i{position:absolute;top:16px;right:12px;color:#31353d;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
.accordion li.open i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.accordion .active{background-color:#f5f8f9;border-color:#f5f8f9}
.submenu{display:none;font-size:14px}
.submenu a{display:block;text-decoration:none;padding:12px;padding-left:42px;-webkit-transition:all 0.25s ease;-o-transition:all 0.25s ease;transition:all 0.25s ease}
.sidebar-widget .ban{display:none}
.sidebar-widget .show{display:block}
.footer{padding-bottom:10px}
.footer .copyright a{font-weight:600}
.lh-35{line-height:35px}
.logo{color:#31353d;font-weight:600;letter-spacing:1px;cursor:pointer}
.logo .logo-second{color:#007bff}
.logo:hover .rnbw-animated{background:linear-gradient(to right,#f277a1,#f58a7e,#f1bf8e,#b0d89c,#99cbca,#8d99cd,#bb84b4,#f277a1);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:rainbow 1s ease infinite;animation:rainbow 1s ease infinite}
.sub-form{position:relative}
.sub-form .form-control{border:1px solid rgba(0,0,0,0.06);background:#f5f8f9}
.footer-btm{border-top:1px solid rgba(0,0,0,0.06)}
.footer-socials li a{margin-left:15px}@media (max-width:400px){.header-top .header-top-info a{margin-left:0;display:block}.navbar-toggler{color:#fff}.slider{padding:50px 0 50px 0}.slider .block h1{font-size:28px;line-height:40px}.content-title{font-size:28px;line-height:46px}.bg-about{display:none}.p-5{padding:2rem !important}h2,.h2{font-size:1.3rem;font-weight:600;line-height:36px}.testimonial-item .testimonial-item-content{padding-left:0;padding-top:30px}.footer-socials{margin-top:20px}.footer-socials li a{margin-left:0}.text-lg{font-size:3rem}.header-top .header-top-info{padding-bottom:15px}.blog-item-meta span{margin:6px 0}.widget{margin-bottom:30px;padding-bottom:0}.dropdown-menu{display:none;width:100%;text-align:center}}
@media (max-width:480px){.header-top .header-top-info a{margin-left:0}.navbar-toggler{color:#fff}.slider{padding:50px 0 50px 0}.slider .block h1{font-size:38px;line-height:50px}.content-title{font-size:28px;line-height:46px}.bg-about{display:none}.p-5{padding:2rem !important}h2,.h2{font-size:1.3rem;font-weight:600;line-height:36px}.testimonial-item .testimonial-item-content{padding-left:0;padding-top:30px}.footer-socials{margin-top:20px}.footer-socials li a{margin-left:0}.blog-item-meta span{display:block;margin:6px 0}.widget{margin-bottom:30px;padding-bottom:0}.dropdown-menu{display:none;width:100%;text-align:center}}
@media (max-width:768px){.navbar-toggler{color:#fff}.bg-about{display:none}.footer-socials{margin-top:20px}.footer-socials li a{margin-left:0}.slider{padding:50px 0 50px 0}.slider .block h1{font-size:38px;line-height:70px}.blog-item-meta span{display:block;margin:6px 0}.widget{margin-bottom:30px;padding-bottom:0}.dropdown-menu{display:none;width:100%;text-align:center}}
@media (max-width:992px){#navbar .search{margin-top:10px}.navbar-toggler{color:#fff}}