@import url('https://fonts.googleapis.com/css?family=Exo+2:400,500,600&subset=cyrillic');
*{padding:0;margin:0}
html,body{height:100%;margin:0}
body{font-family:'Exo 2',sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#353535;background:#fff;position:relative}
h1,h2,h3,h4,h5,h6{text-transform:none;font-weight:700;margin:0}
p{margin:0;color:#555}
a,button{text-decoration:none;transition:all 0.4s ease}
img{max-width:100%;display:block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
button,a,a:hover,a:focus,a:active{text-decoration:none;border:none;outline:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.section-title .sec-t::before,.section-title .sec-t::after,.header .nav li:hover a,.header .nav .drop-down li:hover a,.header .nav .drop-down li .sub-menu li:hover a,.header .nav li.active a,.features,.features .features-single,.services .single-services:before,.btn:hover,.btn.primary,.btn.radius:hover,.header .nav .mega-menu .mega-widget .btn,.header.style2 .nav li ul li:hover a,.header.style2 .form button,.header.style3 .nav-main,.hero-area .owl-controls .owl-dots .owl-dot.active span,.hero-area .owl-controls .owl-dots .owl-dot span,.hero-area .owl-controls .owl-nav div,.hero-area.creative .slide-btn .btn.primary,.hero-area.animate-text .single-slider .slide-text .btn:hover,.header.style3.onepage.sticky .header-inner,.hero-area.animate-text .single-slider .slide-text .btn.primary,.services .single-sidebar h2::before,.services .single-sidebar ul li.active,.services .single-sidebar.service .caption,.services.single .services-slider .owl-nav div,.services.single .services-slider .owl-nav div:hover,.services.single ul li::before,.why-choose .working-process,.why-choose .why-video .video a,.projects .project-nav ul li.active,.projects .project-nav ul li:hover,.projects .project-head:before,.projects .button .btn:hover,.projects.single .project-content .btn,.projects.single .brochure a,.team .t-icon a,.team .team-details .t-social li a,.team .single-skill .progress .progress-bar,.pricing-table .single-table .title,.testimonials .owl-controls .owl-nav div:hover,.newslatter::before,.blog-main .single-blog .blog-head::before,.blog-main .owl-controls .owl-nav div:hover,.blog-main.archive .single-blog.slider .owl-controls .owl-nav div,.blog-main.archive .pagination li:hover a,.blog-main.archive .pagination li.active a,.blog-main.archive.single .blog-info ul li::before,.blog-main .post-tab .nav li:hover a,.blog-main .post-tab .nav li.active a,.blog-main .blog-main button,.blog-main.archive.single .blog-bottom .share li:hover a,.blog-main.archive.single .blog-bottom .prev-next li a,.blog-main .form-group .button,.call-to-action,.about-us .tabs-main .nav-tabs li a::before,.about-us .tab-section .section-title h2::before,.about-us .tabs-main .about-inner .single-image a,.about-us .tabs-main .about-inner .social ul li a,.about-us .tabs-main .skill-tab .progress .progress-bar,.about-us .tabs-main .single-team .t-social li a:hover,.about-us .tabs-main .single-team .t-bottom,.about-us .tabs-main .photo-gallery .caption,.about-us .tabs-main .contact .form-group .button:hover,.call-to-action.dark .btn:hover,.about-us .tab-section.style5 .nav-tabs li a,.our-skill .progress .progress-bar,.faq .faq-title a::after,.coming-soon .subscription-form .cross,.contact .social li a:hover i,.footer .social a,.counter.primary:before,.call-to-action.background:before,.call-to-action.dark .btn:hover,.btn.radius:hover,.about-us .tabs-main .photo-gallery .single-gallery a,.hero-area .slide-text h1:before,#scrollUp,.header .slicknav_btn,.header.onepage .slicknav_btn,.tromas-option .icon,.header.onepage .slicknav_nav a:hover,.header.onepage .slicknav_nav a:hover,.header .slicknav_nav a:hover{background-color:#c2272a}
.header .topbar .contact li a i,.header .single-widget i,.services .single-services .icon i,.services .single-services:hover .ico-bg,.services .single-services.active .ico-bg,.testimonials .testimonial-content i,.header .nav .mega-menu .single-menu h4,.header .nav .mega-menu .list-menu li:hover a,.header .social li.active a,.header .social li:hover a,.header.style2 .nav li:hover a,.header.style2 .nav li.active a,.header.style2 .nav li:hover a,.header.style2 .nav li.active a,.header.style2 .topbar .form button i,.header.style2 .search li a,.header.style3 .nav li ul li:hover a,.header.style3 .nav li ul li:hover a,.header.style3 .nav li ul.sub-menu li:hover a,.hero-area.creative .slide-text h1 span,.services .single-services:hover h2 a,.services .single-sidebar ul li:hover a,.services.single .img-right .text h4,.why-choose .single-choose i,.why-choose .why-video .video a:hover,.projects .button .btn,.project.single .project-content h2,.counter .counter-single i,.team .t-social li a:hover,.team .t-bottom .t-name,.team .team-details .cross,.team .team-details .t-social li:hover a,.pricing-table .single-table:hover .bg-icon i,.pricing-table .single-table .amount,.testimonials .testimonial-info h6,.testimonials .owl-controls .owl-nav div,.coming-soon .cdown p,.newslatter .form button,.blog-main .single-blog.sticky .blog-info h4 a,.blog-main .blog-info h2:hover a,.blog-main .single-blog.sticky .blog-info h2 a,.blog-main .blog-info .meta span i,.blog-main .owl-controls .owl-nav div,.blog-main.archive .pagination li a,.blog-main.archive.single .blog-info blockquote,.blog-main.archive.single .img-right .text h4,.blog-main .single-sidebar h2,.blog .single-sidebar ul li:hover a,.blog-main .single-sidebar ul li:hover a,.header.style3 .nav li ul .list-menu li:hover a,.blog-main .post-tab .post-info h4:hover a,.blog-main .post-tab .post-info p,.blog-main .category ul li span,.blog-main .blog-comments h2 span,.blog-main .blog-comments h4,.blog-main .single-comments a,.blog-main .form-group i,.call-to-action .btn,.about-us .tabs-main .nav-tabs li.active a,.about-us .tabs-main .nav-tabs li:hover a,.about-us .tabs-main .tab-title,.about-us .tabs-main .about-us .single-image a:hover,.about-us .tabs-main .contact .single-address i,.faq .panel.active .faq-title a,.faq .faq-title h4:hover a,.coming-soon .subscription-form button,.error-page .error-inner h1,.contact .single-address i,.contact .social li a i,.footer li:hover a,.footer li i,.footer .single-tweet i,.footer .footer-top .single-tweet p a:hover,.success .mail h2 span{color:#c2272a}
.header .nav li .drop-down,.testimonials .testimonial-info img,.clients .single-clients:hover img,.contact .social li a i{border-color:#c2272a}
.testimonials .testimonial-info .arrow::before,.projects.single .projects-content blockquote,.blog.archive.single .blog-info blockquote,#faq .panel.active{border-left-color:#c2272a}
.team .single-skill .progress .progress-bar span::before,.blog-main .post-tab .nav,.about-us .tabs-main .nav-tabs,.about-us .tabs-main .skill-tab .progress .progress-bar span::before,.our-skill .progress .progress-bar span::before{border-bottom-color:#c2272a}
.btn:hover,.btn:focus,.btn:active{color:#fff;box-shadow:none;outline:none}
.btn{display:inline-block;background:#353535;color:#fff;padding:14px 35px;text-transform:uppercase;font-size:14px;border:0 solid;font-weight:500;position:relative;border-radius:3px}
.btn.primary:hover{background:#353535}
.btn.transparent{background:transparent;color:#353535;border:1px solid #ddd}
.btn.transparent:hover{background:#353535;border-color:transparent;color:#fff}
.btn.radius{border-radius:30px}
.btn:hover{-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 10px -10px rgba(0,0,0,0.5);box-shadow:0 10px 10px -10px rgba(0,0,0,0.5)}
.bbcodes, .ui-dialog-buttonset button {display:inline-block;background:#eee;color:#333;padding:5px 13px;font-size:12px;border:0 solid;font-weight:500;position:relative;border-radius:3px}
.bbcodes:hover, .ui-dialog-buttonset button:hover {background:#c2272a !important;color:#fff;}
.ui-dialog-buttonset button {margin-right:10px;background:#353535 !important;color:#fff}
select:focus,select:active{box-shadow:0;border:0;outline:0}
ul,ul li{margin:0;padding:0;list-style:none}
.table{display:table;width:100%;height:100%}
.table-cell{display:table-cell;vertical-align:middle}
.navbar{margin-bottom:0;border:0}
.nav > li > a:focus,.nav > li > a:hover{background-color:transparent;text-decoration:none}
.section{padding:80px 0}
.section-title{margin-bottom:30px;text-align:center;text-align:center;padding:0 230px}
.section-title .sec-t{font-size:28px;text-transform:uppercase;position:relative;margin-bottom:15px;display:inline-block;letter-spacing:1px;padding-bottom:17px;font-weight: 700;}
.section-title .sec-t::before{position:absolute;content:"";z-index:1;width:90px;height:2px;bottom:0;left:50%;margin-left:-45px}
.section-title .sec-t::after{position:absolute;content:"";z-index:1;width:60px;height:2px;bottom:-4px;left:50%;margin-left:-30px}
.nav-area{position:relative}
.mobile-nav{display:none}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
input,input:focus,input:active{border:none;outline:none;font-family:'Exo 2',sans-serif}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea:focus{outline:none!important;box-shadow:none!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px white inset!important}
.nav-tabs > li > a{border:0}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:focus,.nav-tabs > li.active > a:hover{border:0;outline:0}
.nav-tabs{border:0}
.nav-tabs > li > a:hover{border:0}
.navbar-collapse{padding-right:0;padding-left:0;position:relative;border-top:0 solid;box-shadow:none}
.shortcode-margin-top{margin-top:80px}
.shortcode-margin-bottom{margin-top:80px}
.padding-top{padding-top:80px}
.padding-bottom{padding-bottom:80px}
.shortcode{padding:50px 0;text-align:center}
.shortcode .shortcode-title h1{font-size:28px;text-transform:uppercase}
#myMap{height:400px;width:100%}
.breadcrumbs{background:url('../images/slider/background.png');background-position:100%;position:relative;background-repeat:no-repeat;background-size:cover;text-align:center}
.breadcrumbs::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.7;background:#000;opacity:0.3}
.breadcrumbs .bread-inner{z-index:22}
.breadcrumbs h2{color:#fff;font-size:45px;padding:40px 0}
.breadcrumbs .bread-list{border-radius:3px;background:rgba(255,255,255,0.20);display:inline-block;padding:15px 200px}
.breadcrumbs ul li{display:inline-block;position:relative}
.breadcrumbs ul li a, .breadcrumbs ul li{color:#fff;font-weight:400;text-transform:none}
.breadcrumbs ul li.active a{font-weight:400}
.breadcrumbs ul li i{margin-left:5px}
#scrollUp{right:10px;bottom:12px;color:#fff;font-size:22px;opacity:1;border-radius:100%;width:36px;height:36px;line-height:36px;text-align:center}
#scrollUp:hover{background:#353535}
.box-bg{background-repeat:repeat;background-attachment:inherit;background-size:inherit}
.boxed-layout{position:relative;max-width:1240px;background:#fff;margin:0 auto;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,0.15);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.15);-moz-box-shadow:0 0 15px rgba(0,0,0,0.15)}
.boxed-layout .header.onepage.sticky .header-inner{max-width:1240px;top:0;left:auto;right:auto}
.boxed-layout .blog-main .owl-controls .owl-nav .owl-prev{left:-50px}
.boxed-layout .blog-main .owl-controls .owl-nav .owl-next{right:-50px}
.boxed-layout .testimonials .owl-controls .owl-nav .owl-prev{left:-50px}
.boxed-layout .testimonials .owl-controls .owl-nav .owl-next{right:-50px}
.tromas-option{position:fixed;display:block;z-index:9999;text-align:center;padding:20px 10px;width:200px;background:#fff;box-shadow:-3px 0 50px -2px #0001a;margin-top:-150px;border-bottom:6px solid #ddd;right:-200px;text-align:left;top:50%;margin-top:-210px}
.tromas-option .icon{width:22px;height:22px;background:#968A8C;border-radius:0;top:50%;line-height:22px;cursor:pinter;font-size:15px;position:absolute;left:-50px;width:50px;height:50px;line-height:50px;font-size:25px;border-radius:5px 0 0 5px;background:#fff;color:#444;text-align:center;background:#36BFC4;color:#fff;top:0}
.tromas-option .icon i{cursor:pointer}
.tromas-option h4{display:block;font-size:14px;margin-bottom:10px}
.tromas-option ul li{font-weight:500;font-size:14px}
.tromas-option ul li a{color:#555}
.tromas-option span{width:40px;height:35px;border-radius:0;cursor:pointer;display:inline-block}
.tromas-option .select-layout a{border:1px solid #ccc;text-align:center;padding:5px 0;outline:none;display:inline-block;padding:5px 17px;color:#353535;cursor:pointer}
.tromas-option .single-option{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee;outline:none}
.tromas-option .single-option:last-child{margin:0;padding:0;border:none}
.tromas-option .single-option .bg-pattern{}
.tromas-option .single-option .bg-pattern li{display:inline-block}
.tromas-option .single-option .bg-pattern li img{width:40px;height:35px}
.tromas-option span.color1{background-color:#c2272a}
.tromas-option span.color2{background-color:#36BFC4}
.tromas-option span.color3{background-color:#16A085}
.tromas-option span.color4{background-color:#FF9800}
.tromas-option span.color5{background-color:#FF6853}
.tromas-option span.color6{background-color:#82B440}
.tromas-option span.color7{background-color:#D2527F}
.tromas-option span.color8{background-color:#4CAF50}
.header{background:#fff}
.logotype {width: 150px;}
.header .topbar-inner{background:#353535;position:relative;padding:10px 35px}
.header .topbar-inner:before{background:#353535;content:"";height:71px;left:-25px;position:absolute;top:-25px;-webkit-transform:rotate(-38deg);-moz-transform:rotate(-38deg);-ms-transform:rotate(-38deg);-o-transform:rotate(-38deg);transform:rotate(-38deg);width:29px;z-index:3}
.header .topbar-inner:after{background:#353535;content:"";height:71px;right:-25px;position:absolute;top:-25px;-webkit-transform:rotate(-38deg);-moz-transform:rotate(-38deg);-ms-transform:rotate(-38deg);-o-transform:rotate(-38deg);transform:rotate(38deg);width:29px;z-index:3}
.header .topbar .contact{float:left}
.header .topbar .contact li{color:#fff;display:inline-block;margin-right:20px}
.header .topbar .contact li:last-child{margin-right:0}
.header .topbar .contact li i{margin-right:5px;color:#fff;border-radius:100%;text-align:center;font-size:15px}
.header .topbar .contact li a{color:#fff}
.header .topbar .social{top:0;position:relative;text-align:right}
.header .logo{padding-top:15px}
.logo a {font-size:40px;color:#333;font-weight:bold;}
.logo a span {color:#c2272a}
.header .header-widget{float:right;padding:30px 0}
.header .single-widget{float:left;position:relative;padding-left:40px;margin-right:30px}
.header .single-widget:last-child{margin:0}
.header .single-widget i{position:absolute;top:8px;left:0;width:25px;height:25px;line-height:25px;text-align:center;font-size:25px}
.header .single-widget h4{margin-bottom:2px;font-size:14px;text-transform:initial;color:#353535;font-weight:600}
.header .single-widget a{color:#555}
.header .header-inner{background:#353535;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header .mainmenu{float:left;width:100%}
.header .nav li{position:relative;margin-right:5px}
.header .nav li:last-child{margin:0}
.header .nav li a{color:#fff;text-transform:uppercase;font-size:14px;padding:22px 15px;position:relative;font-weight:500;display:block}
.header .nav li:hover a,.header .nav li.active a{color:#fff}
.header .nav li a i{margin-left:8px;opacity:0;visibility:hidden;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header .nav li:hover a i,.header .nav li.active a i{opacity:1;visibility:visible;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)}
.header .nav li a::before{position:absolute;top:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%);content:"";border-right:8px solid transparent;border-left:8px solid transparent;border-top:6px solid #fff;left:50%;margin-left:-8px;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header .nav li.active a::before,.header .nav li:hover a::before{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%);opacity:1;visibility:visible}
.header .nav .drop-down{position:absolute;left:0;z-index:8;width:200px;top:100%;opacity:0;background:#fff;visibility:hidden;border-top:3px solid;opacity:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;z-index:999;-webkit-box-shadow:0 7px 9px rgba(0,0,0,0.40);-moz-box-shadow:0 7px 9px rgba(0,0,0,0.40);box-shadow:0 7px 9px rgba(0,0,0,0.40);padding:5px 0}
.header .nav li:hover .drop-down{opacity:1;visibility:visible}
.header .nav .drop-down li{margin:0}
.header .mainmenu .nav .drop-down li a{color:#353535;text-align:left;border-radius:0;background:transparent;text-transform:none;padding:10px 15px;font-weight:400}
.header .nav .drop-down li a:before{display:none}
.header .mainmenu .nav .drop-down li a:hover { color: #c2272a!important;}
.header .nav .drop-down li:hover a{color:#fff}
.header .nav .drop-down a i{margin-top:5px;float:right;transform:translateX(0%)}
.header .nav li .drop-down.sub-menu{left:110%;top:0;-webkit-box-shadow:0 7px 9px rgba(0,0,0,0.40);-moz-box-shadow:0 7px 9px rgba(0,0,0,0.40);box-shadow:0 7px 9px rgba(0,0,0,0.40);opacity:0;visibility:hidden}
.header .drop-down li:hover .drop-down.sub-menu{opacity:1;left:100%;visibility:visible}
.header .nav .drop-down li:hover .sub-menu li a{background:transparent;color:#353535}
.header .nav .drop-down li .sub-menu li:hover a{color:#fff}
.header .nav .mega-menu{position:static}
.header .nav .mega-menu .mega-inner{list-style:none;padding:30px;margin:0;position:absolute;left:0;background:#fff;width:100%;opacity:0;visibility:hidden}
.header .nav .mega-inner li:hover a{background:transparent;color:#353535}
.header .nav .mega-inner .single-menu{width:31%;border-right:1px solid #ddd;float:left;margin-right:30px}
.header .nav .mega-inner .single-menu.last{border-right:0 solid;margin:0}
.header .nav .mega-menu .single-menu h4{margin-bottom:20px;font-size:15px;font-weight:500;text-transform:uppercase;position:relative;display:inline-block}
.header .nav .mega-menu .list-menu{border:none}
.header .nav .mega-menu .list-menu li{float:none;display:block;border:none}
.header .mainmenu .nav .mega-menu .list-menu li a{padding:0 0 20px 0;text-transform:none;font-weight:400;display:block;background:transparent}
.header .nav .mega-menu li:last-child a{padding:0}
.header .nav .mega-menu .list-menu li a span{margin:0 5px 0 0;width:15px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header .nav .mega-menu .mega-widget h4{text-align:center}
.header .nav .mega-menu .image{position:relative}
.header .nav .mega-menu .image:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#000;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header .nav .mega-menu .image:hover:before{opacity:0.6;visibility:visible}
.header .nav .mega-menu img{width:100%}
.header .nav .mega-widget p{text-align:initial;margin-bottom:10px}
.header .nav .mega-widget{text-align:center}
.header .nav .mega-menu .mega-widget .btn{display:inline-block;text-transform:uppercase;font-size:14px;bottom:0;margin-top:10px;width:40px;height:40px;border-radius:100%;position:absolute;top:50%;line-height:40px;color:#fff;left:50%;margin-left:-20px;margin-top:-20px;text-align:center;padding:0;opacity:0;transform:scale(0.5)}
.header .nav .mega-menu .mega-widget .btn:hover{background:#fff;color:#353535}
.header .nav .mega-menu .mega-widget .image:hover .btn{transform:scale(1.0);opacity:1}
.header .nav .mega-menu .mega-widget .btn i{transform:none;margin:0;opacity:1;visibility:visible;float:none}
.header .social{position:absolute;right:0;top:20px}
.header .social li{display:inline-block;margin-right:8px}
.header .social li:last-child{margin:0}
.header .social a{display:block;width:28px;height:28px;line-height:28px;text-align:center;color:#fff;border-radius:0;background:transparent;border-radius:100%}
.header .social li.active a,.header .social li:hover a{background:#fff}
.header.style2{background:#fff}
.header.style2 .logo{padding-top:25px}
.header.style2 .header-inner{background:transparent}
.header.style2 .navbar-nav{float:right;margin-right:24px}
.header.style2 .nav li a{color:#555;padding:30px 15px}
.header.style2 .nav li:hover a,.header.style2 .nav li.active a{background:transparent}
.header.style2 .nav li:hover ul li a{color:#353535}
.header.style2 .nav li a::before{display:none}
.header.style2 .nav li ul li:hover a{color:#fff}
.header.style2 .nav li ul .list-menu li a{color:#555;background:transparent;padding:0 0 20px 0}
.header.style2 .nav .drop-down li a{padding:10px 15px}
.header.style2 .form{position:relative;background:#fff}
.header.style2 .form input{width:100%;height:50px;text-align:left;padding:0 53px 0 15px;text-transform:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;float:right;border:1px solid #eee}
.header.style2 .form button{border:0 solid;position:absolute;right:0;top:0;padding:0;background:transparent;width:57px;height:50px;color:#fff}
.header.style2 .form button:hover{background:#353535}
.header.style2 .topbar .form button i{top:0;left:0;width:40px;height:45px;text-align:center;line-height:44px;position:absolute;cursor:pointer;font-size:16px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header.style2 .form button i{position:relative}
.header.style2 .search{position:absolute;right:0;top:27px}
.header.style2 .search li a{width:25px;display:block;height:25px;line-height:25px;text-align:center;border-radius:100%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header.style2 .search.active a i:after{-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.header.style2 .search.active a i:before{content:"\f00d"}
.header.style2 .search-form{width:400px;right:0;z-index:4;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;position:absolute;right:0;opacity:0;visibility:hidden;top:100%}
.header.style2 .search-form.active{opacity:1;visibility:visible}
.header.style3{background:#fff;top:0;left:0;width:100%;z-index:333;padding:0 0 36px;position:relative}
.header.style3 .logo{text-align:center}
.header.style3 .logo img{display:inline-block}
.header.style3 .header-widget{float:left}
.header.style3 .header-widget.last{float:right}
.header.style3 .header-inner{background:transparent;position:absolute;z-index:333;width:100%;bottom:-30px}
.header.style3 .nav-main{padding:0 10px;border-radius:3px}
.header.style3 .nav li a:before{display:none}
.header.style3 .nav li:hover a,.header.style3 .nav li.active a{color:#fff}
.header.style3 .mainmenu .nav li ul li a{color:#555}
.header.style3 .nav li ul li:hover a{background:transparent}
.header.style3 .mainmenu .nav li ul .list-menu li a{color:#555}
.header.style3 .nav li ul li:hover a,.header.style3 .nav li ul.sub-menu li:hover a{background:transparent}
.header.onepage.sticky .header-inner{position:fixed;z-index:455;width:100%;border-radius:0;top:0;left:0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;animation:fadeInDown 1s both 0.2s}
.header.style2.onepage.sticky .header-inner{background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.38);-moz-box-shadow:0 0 5px rgba(0,0,0,0.38);box-shadow:0 0 5px rgba(0,0,0,0.38)}
.header.style3.onepage.sticky .header-inner{height:65px}
.hero-area{position:relative;height:650px;overflow:hidden}
.hero-area .single-slider{background-size:cover;background-position:top;background-repeat:no-repeat;height:650px;position:relative;position:relative}
.hero-area .slide-text{text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:580px}
.hero-area .slide-text .sltitle{font-size:55px;font-weight:900;text-transform:uppercase;margin-bottom:20px;display:inline-block;position:relative;padding-bottom:20px;line-height:60px}
.hero-area .slide-text .sltitle .short{font-size:30px;position:relative;display:block;font-weight:400;margin-bottom:10px;text-transform:none;letter-spacing:4px;line-height:initial}
.hero-area .slide-text .sltitle:before{position:absolute;left:0;content:"";bottom:-1.5px;width:100px;height:3px; background-color: #c2272a;}
.hero-area .slide-text.right{text-align:right}
.hero-area .slide-text.right .sltitle:before{left:auto;right:0}
.hero-area .single-slider .slide-btn{margin-top:30px}
.hero-area .single-slider .slide-btn i{margin-left:10px}
.hero-area .slide-btn .btn.video-play i{margin-left:10px}
.hero-area .waves-block .waves{position:absolute;width:90px;height:90px;background:rgba(255,255,255,0.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius:100%;-webkit-animation:waves 3s ease-in-out infinite;animation:waves 3s ease-in-out infinite;right:-3px;top:-22px}
.hero-area .waves-block .wave-1{-webkit-animation-delay:0s;animation-delay:0s}
.hero-area .waves-block .wave-2{-webkit-animation-delay:1s;animation-delay:1s}
.hero-area .waves-block .wave-3{-webkit-animation-delay:2s;animation-delay:2s}
.hero-area .owl-controls .owl-dots{position:absolute;left:50%;margin-left:-12px;bottom:40px}
.hero-area .owl-controls .owl-dots .owl-dot{display:inline-block}
.hero-area .owl-controls .owl-dots .owl-dot span{width:12px;height:12px;display:block;border-radius:100%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;margin:0 10px 0 0}
.hero-area .owl-controls .owl-dots .owl-dot:hover span{border-color:transparent}
.hero-area .owl-controls .owl-dots .owl-dot.active span{border-color:transparent;width:25px;border-radius:5px}
.hero-area .owl-controls .owl-nav div{position:absolute;top:50%;background:transparent;color:#fff;border:0 solid;width:40px;height:90px;line-height:90px;padding:0;border-radius:0;opacity:1;font-size:32px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;margin:-45px 0 0}
.hero-area .owl-controls .owl-nav div:hover{background:#353535}
.hero-area .owl-controls .owl-nav .owl-prev{left:0;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg);border-radius:0 3px 3px 0;visibility:hidden;opacity:0}
.hero-area:hover .owl-controls .owl-nav .owl-prev{-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);visibility:visible;opacity:1}
.hero-area .owl-controls .owl-nav .owl-next{right:0;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right;-webkit-transform:perspective(600px) rotateY(-90deg);-moz-transform:perspective(600px) rotateY(-90deg);transform:perspective(600px) rotateY(-90deg);border-radius:3px 0 0 3px;visibility:hidden;opacity:0}
.hero-area:hover .owl-controls .owl-nav .owl-next{-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg);visibility:visible;opacity:1}
.hero-area .owl-item.active .slide-text .sltitle{animation:fadeIn 0.8s both 1s}
.hero-area .owl-item.active .slide-text p{animation:fadeIn 0.8s both 1.4s}
.hero-area .owl-item.active .slide-text .btn{animation:fadeIn 0.8s both 1.8s}
.hero-area.creative .background-layer{position:absolute;width:100%;height:100%;overflow:hidden}
.hero-area.creative .single-layer{position:absolute;background-size:auto auto;background-repeat:no-repeat;top:0;left:0;width:100%;height:100%}
.hero-area.creative .single-layer.one{background-image:url('images/slider/layer1.png');background-position:top 0 left 0}
.hero-area.creative .single-layer.two{background-image:url('images/slider/layer2.png');background-position:top -40% right 0}
.hero-area.creative .single-layer.three{background-image:url('images/slider/layer3.png');background-position:right 0 bottom 10%}
.hero-area.creative .single-layer.four{background-image:url('images/slider/layer4.png');background-position:left -109px bottom 0}
.hero-area.creative .single-layer.five{background-image:url('images/slider/layer5.png');background-position:right 15px bottom 20%}
.hero-area.creative .owl-item.active .single-layer.one{animation:fadeIn 0.8s both 1.2s}
.hero-area.creative .owl-item.active .single-layer.two{animation:fadeInDown 0.8s both 1.6s}
.hero-area.creative .owl-item.active .single-layer.three{animation:fadeInRight 0.8s both 2.5s}
.hero-area.creative .owl-item.active .single-layer.four{animation:slideInLeft 0.8s both 2s}
.hero-area.creative .owl-item.active .single-layer.five{animation:fadeInDownBig 0.8s both 3s}
.hero-area.creative .owl-item.active .slide-text .sltitle{animation:flipInX 0.8s both 1s}
.hero-area.creative .owl-item.active .slide-text p{animation:fadeIn 0.8s both 1.4s}
.hero-area.creative .owl-item.active .slide-text .btn{animation:fadeIn 0.8s both 1.8s}
.hero-area.creative .single-slider{background:#f6f6f6;z-index:2}
.hero-area.creative .single-layer img{display:inline-block;width:auto}
.hero-area.creative .slide-text{text-align:center;padding:0 200px}
.hero-area.creative .slide-text .sltitle:before{display:none}
.hero-area.creative .slide-text .sltitle{color:#353535;margin:0;line-height:60px}
.hero-area.creative .slide-text p{color:#555}
.hero-area.creative .slide-text .btn i{margin-right:10px}
.hero-area.creative .video{box-shadow:0 0 5px #000;background:#fff}
.hero-area.creative .video iframe{padding:5px}
.hero-area.animate-text .single-slider{position:relative}
.hero-area.animate-text .single-slider::before{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;content:""}
.hero-area.animate-text .single-slider .slide-text .sltitle{margin-bottom:25px}
.hero-area.animate-text .single-slider .slide-text .sltitle{margin:0}
.hero-area.animate-text .single-slider .slide-text .sltitle,.hero-area.animate-text .single-slider .slide-text span,.hero-area.animate-text .single-slider .slide-text p{color:#fff}
.hero-area.animate-text .single-slider .slide-text .sltitle:before{display:none}
.hero-area.animate-text .single-slider .slide-text p{color:#fff;font-size:15px}
.hero-area.animate-text .single-slider .slide-text .btn{margin-right:10px;background:#fff;color:#353535}
.hero-area.animate-text .single-slider .slide-text .btn:hover{color:#fff}
.hero-area.animate-text .single-slider .slide-text .btn.primary{color:#fff}
.hero-area.animate-text .single-slider .slide-text .btn.primary:hover{background:#fff;color:#353535}
.hero-area.animate-text,.hero-area.animate-text .single-slider,.hero-area.animate-text .slide-text{height:580px}
.hero-area.animate-text .cd-words-wrapper{display:block;padding:0;font-size:30px;margin:0 0 10px 0}
.features .features-single{padding:40px 30px;text-align:center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
/* LOGIN
----------------------------------------------- */
.show-login {cursor:pointer;}
.icon-l .fa {margin-right:10px;}
.login-box {background-color:#FFF; padding:20px; display:none;}
.lb-user {margin:-20px -20px 20px -20px; padding:20px; background-color:#f6f6f6;  
display:flex; flex-flow:row wrap; justify-content:center; align-items:center;}
.lb-ava {width:80px; height:80px; border-radius:50%; margin-right:20px;}
.lb-name div {font-size:18px;}
.lb-name a {margin-top:10px; color:#000;}
.lb-menu a {display:block; line-height:30px; color: #000; padding:0 10px; background-color:#f6f6f6;}
.lb-menu a:hover{background-color:#c2272a; color:#fff;}
.lb-menu a:hover .fa {color:#fff;}
.lb-menu a .fa {color:#c2272a;}
.lb-lnk  a{color:#000;}
.login-box input[type="text"], .login-box input[type="password"], .login-box button, .lb-check 
{display:block; margin-bottom:20px; width:100%;}
.login-box input {border: 1px solid #ddd;padding: 5px;}
.lb-check input {display:none;}
.lb-check input + label:before {width:14px; height:14px; margin-right:7px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:1px solid #ccc; content:""; background-color:#f6f6f6; display:inline-block;}
.lb-check input:checked + label:before {background-color:#e5050b;}
.lb-soc {margin:20px -20px -20px -20px; padding:20px; background-color:#f6f6f6; text-align:center;}
.lb-soc a {display:inline-block; margin:10px 3px 0 3px; vertical-align:top;}
.lb-soc img {display:block; width:30px;}
.features .features-single.active{background:rgba(9,6,6,0.1)}
.features .features-single.active:hover{background:transparent}
.features .features-single i{color:#fff;text-align:center;font-size:40px}
.features .features-single h2{color:#fff;margin:15px 0;font-size:20px;text-transform:uppercase}
.features .features-single p{color:#fff}
.services-sect {background:#fff !important;display:block;float:left;width:100%;padding:30px 0;margin-top:30px;}
.services{background:#f6f6f6}
.services .single-services{background:#fff;padding:40px 20px 40px 72px;position:relative;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.30);-moz-box-shadow:0 0 4px rgba(0,0,0,0.30);box-shadow:0 0 4px rgba(0,0,0,0.30);margin-top:30px;text-align:left;overflow:hidden}
.services .single-services:before{position:absolute;left:0;top:0;content:"";width:0;height:3px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.services .single-services:hover:before{width:100%}
.services .single-services .icon i{font-size:32px;position:absolute;left:20px;border-radius:50%;text-align:center;display:inline-block;border:1px solid transparent;top:48px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.services .single-services:hover .icon i{-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);transform:translateX(-200%)}
.services .single-services .icon.two i{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.services .single-services:hover .icon.two i{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0);opacity:1}
.services .single-services h2{font-size:18px;margin:0 0 15px}
.services .single-services h2 a{color:#353535}
.services .single-sidebar{background:#fff;padding:15px;margin-top:30px}
.services .single-sidebar h2{text-transform:none;font-size:18px;margin-bottom:15px;padding-bottom:15px;display:inline-block;position:relative}
.services .single-sidebar h2::before{position:absolute;left:0;bottom:0;width:50%;height:2px;content:"";border-radius:0}
.services .single-sidebar ul li{margin-bottom:5px;font-size:14px;font-weight:500;padding:10px}
.services .single-sidebar ul li:last-child{margin:0;padding-bottom:0}
.services .single-sidebar ul li:before{display:none}
.services .single-sidebar ul li i{margin-right:10px}
.services .single-sidebar ul li.active a,.services .single-sidebar ul li.active:hover a{color:#fff}
.services .single-sidebar ul li.active a i{color:#fff}
.services .single-sidebar ul li a{color:#353535}
.services .single-sidebar.service img{display:inline-block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;width:100%}
.services .single-sidebar.service .single-service{position:relative;overflow:hidden;margin-bottom:20px}
.services .single-sidebar.service .single-service:last-child{margin:0}
.services .single-sidebar.service .single-service:hover img{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5)}
.services .single-sidebar.service .caption{text-align:center;padding:8px;position:absolute;width:100%;bottom:-100px;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;color:#fff}
.services .single-sidebar.service .single-service:hover .caption{opacity:1;visibility:visible;bottom:0}
.services .single-sidebar.service .single-service .caption a{color:#fff}
.services.single{padding:50px 0 80px}
.services.single .services-slider .owl-dots{position:absolute;margin-top:-10px;left:50%;margin-left:-15px;bottom:30px}
.services.single .services-slider .owl-nav div{position:absolute;top:50%;background:transparent;color:#fff;border:0 solid;width:46px;height:46px;line-height:46px;padding:0;border-radius:0;opacity:1;font-size:32px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;margin:-23px 0 0}
.services.single .services-slider .owl-nav div:hover{color:#fff}
.services.single .services-slider .owl-nav .owl-prev{left:0;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg)}
.services.single .services-slider:hover .owl-nav .owl-prev{-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}
.services.single .services-slider .owl-nav .owl-next{right:0;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right;-webkit-transform:perspective(600px) rotateY(-90deg);-moz-transform:perspective(600px) rotateY(-90deg);transform:perspective(600px) rotateY(-90deg)}
.services.single .services-slider:hover .owl-nav .owl-next{-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}
.services.single .services-main{background:#fff;padding:15px;margin-top:30px}
.services.single .services-content h2{color:#353535;text-transform:uppercase;font-size:25px;margin-top:20px}
.services.single .services-content p{margin-top:15px}
.services.single .img-right{overflow:hidden;margin-top:15px}
.services.single .img-right .text{float:left;width:50%}
.services.single .img-right .text h4{margin-bottom:10px;font-size:18px;text-transform:none}
.services.single ul li{margin-right:5px;position:relative;padding-left:15px}
.services.single ul li::before{position:absolute;top:9px;left:0;width:7px;height:7px;line-height:9px;content:"";border-radius:100%}
.services.single .img-right img{float:left;width:50%;border:5px solid #f6f6f6}
.services.single.full .img-right .text{width:100%}
.why-choose{position:relative;background:#353535;padding:0;overflow:hidden}
.why-choose .fix{padding:0;margin:0}
.why-choose .working-process{width:100%;height:460px;padding:121px 40px}
.why-choose .working-process h2{color:#fff;margin-bottom:20px;font-size:28px}
.why-choose .working-process p{color:#fff}
.why-choose .working-process .btn{background:#fff;color:#353535;margin-top:20px}
.why-choose .working-process .btn:hover{background:#353535;color:#fff}
.why-choose .choose-main{padding:71px 40px}
.why-choose .single-choose{position:relative;margin-bottom:30px;border-radius:5px;text-align:left;padding:0 0 0 85px}
.why-choose .single-choose:last-child{margin:0}
.why-choose .single-choose i{color:#c2272a;text-align:center;font-size:22px;margin:0;width:52px;height:52px;line-height:52px;border-radius:100%;background:#fff;position:relative;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;position:absolute;left:0}
.why-choose .single-choose i::after{position:absolute;right:-5px;content:"";border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:8px solid #fff;top:14px}
.why-choose .single-choose h4{margin:0 0 10px;font-size:18px;color:#fff}
.why-choose .single-choose p{color:#bbb}
.why-choose .why-video{background:url(../images/why-choose.jpg);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;width:100%;background-size:cover;height:460px}
.why-choose .why-video:before{position:absolute;top:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.25);content:"";-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.why-choose .why-video:hover:before{background:rgba(0,0,0,0.10)}
.why-choose .waves-block .waves{position:absolute;width:303px;height:300px;background:rgba(255,255,255,0.3);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-radius:100%;-webkit-animation:waves 3s ease-in-out infinite;animation:waves 3s ease-in-out infinite;left:50%;margin-left:-150px;top:50%;margin-top:-150px}
.why-choose .waves-block .wave-1{-webkit-animation-delay:0s;animation-delay:0s}
.why-choose .waves-block .wave-2{-webkit-animation-delay:1s;animation-delay:1s}
.why-choose .waves-block .wave-3{-webkit-animation-delay:2s;animation-delay:2s}
.why-choose .why-video .video a{position:absolute;top:50%;left:50%;width:70px;height:70px;text-align:center;line-height:70px;border-radius:100%;font-size:32px;margin:-35px 0 0 -35px;padding:2px 2px 2px 6px;color:#fff}
.why-choose .why-video .video a:hover{background:#fff}
.projects{background:#f6f6f6}
.projects .project-nav{margin:20px 0 50px 0;text-align:center}
.projects .project-nav .project-menu{display:inline-block;margin:0}
.projects .projects-nav ul li{display:inline-block;margin-right:5px;position:relative;padding:5px 15px;border-radius:0;font-size:14px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer;text-transform:none;text-transform:uppercase;font-weight:500;margin:0 10px 0 0;background:#fff;color:#353535;background:transparent;border:none}
.projects .project-nav ul li{display:inline-block;margin-right:5px;position:relative;padding:8px 15px;border-radius:0;font-size:14px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;cursor:pointer;text-transform:none;text-transform:uppercase;font-weight:500;margin:0 5px 0 0;background:#fff;color:#353535;background:transparent;border:none}
.projects .project-nav ul li:last-child{margin:0}
.projects .project-nav ul li.active,.projects .project-nav ul li:hover{color:#fff}
.projects .project-nav .cbp-filter-counter{font-size:14px;margin-left:5px}
.projects .project-single{position:relative;overflow:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;background:#fff;padding:10px}
.projects .project-inner{position:relative;overflow:hidden}
.projects .project-head{position:relative;text-align:center}
.projects .project-head:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:33;color:#fff;text-align:center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.projects .project-single:hover .project-head:before{opacity:0.9}
.projects .project-head img{width:100%;z-index:2}
.projects .project-bottom{text-align:center;padding:10px 0 0;position:absolute;width:100%;text-align:left;z-index:333;text-align:center;top:50%;margin-top:-23.5px}
.projects .project-bottom h4{text-transform:none;font-size:20px;font-weight:700;color:#fff;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.projects .project-bottom h4:before{position:absolute;left:0;bottom:0;content:""}
.projects .project-single:hover .project-bottom h4{opacity:1;visibility:visible}
.projects .project-bottom h4 a{color:#fff}
.projects .project-bottom h4 span{display:block;color:#fff;font-size:14px;margin-top:10px;font-weight:400}
.projects .button{position:absolute;text-align:right;bottom:0;right:0;z-index:33;background:rgba(255,255,255,0.38);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);opacity:0;visibility:hidden;padding:8px 25px;border-radius:30px 0 0 0;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.projects .project-single:hover .button{opacity:1;visibility:visible;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)}
.projects .button .btn{display:inline-block;color:#c2272a;box-shadow:none;padding:0;margin-right:12px;border-radius:100%;width:30px;height:30px;line-height:30px;background:#fff;z-index:99}
.projects .button .btn:hover{color:#fff}
.projects .button .btn:last-child{margin:0}
.projects .load-button{margin-top:50px}
.projects .load-button .btn{padding:14px 30px;color:#fff;font-weight:500;border:none;transition:all 0.4s ease;margin:0}
.projects .load-button .btn:hover{background:#353535}
.projects.single .project-single{background:transparent;padding:0}
.projects.single .project-head:before{display:none}
.projects.single .project-slider{position:relative}
.projects.single .project-slider #bx-pager{position:absolute;bottom:0;width:100%;background:#0009;padding:10px}
.projects.single .project-slider #bx-pager a{display:inline-block}
.projects.single .project-slider #bx-pager a img{width:90px;height:60px;border:3px solid #fff}
.projects.single .project-content{margin-top:30px}
.projects.single .project-content h2{font-size:25px;text-transform:uppercase}
.projects.single .project-content p{margin:15px 0}
.projects.single .project-content blockquote{margin-bottom:20px;font-size:15px;font-weight:500;border-left:4px solid;color:#353535}
.projects.single .project-content .btn{color:#fff;box-shadow:none;border:none}
.projects.single .project-content .btn:hover{background:#353535}
.projects.single .single-sidebar{margin-top:30px;background:#fff;padding:10px}
.projects.single .project-info{background:#353535}
.projects.single .single-info{margin-bottom:20px;position:relative;padding-left:23px}
.projects.single .single-info:last-child{margin:0}
.projects.single .single-info h4{color:#fff;margin-bottom:5px}
.projects.single .single-info i{margin-right:5px;position:absolute;left:0;color:#fff;top:12px}
.projects.single .single-info a{color:#fff}
.projects.single .brochure{text-align:center;padding:0}
.projects.single .brochure img{width:100%}
.projects.single .brochure a{color:#fff;display:block;padding:10px}
.projects.single .brochure i{position:relative;margin-left:10px;color:#fff;top:0}
.counter{position:relative;background:url('../images/slider/background.png');padding:70px 0 100px;background-size:cover;background-repeat:no-repeat}
.counter::before{position:absolute;content:"";height:100%;left:0;right:0;top:0;width:100%;background:rgba(0,0,0,0.3)}
.counter .counter-single{text-align:center;position:relative;overflow:hidden;margin-top:30px}
.counter .counter-single .icon{float:left}
.counter .counter-single i{font-size:32px;text-align:center;border-radius:3px;width:70px;height:90px;background:#fff;line-height:90px}
.counter .s-info{padding-top:15px}
.counter .counter-single span{display:block;font-size:30px;color:#fff;margin:0 0 15px;font-weight:700}
.counter .counter-single p{color:#eee;font-size:18px}
.counter.bg-none{background:#353535}
.titlebg {color:#fff; text-shadow: 2px 2px 1px black, 0 0 1em black;}
.team{background:#fff;position:relative}
.team .single-team{background:#fff;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.30);-moz-box-shadow:0 0 4px rgba(0,0,0,0.30);box-shadow:0 0 4px rgba(0,0,0,0.30);margin-top:30px}
.team .t-head{position:relative;overflow:hidden}
.team .t-head::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;visibility:hidden;content:"";z-index:2;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.team .single-team:hover .t-head::before{visibility:visible;opacity:0.3}
.team .t-head img{width:100%;position:relative}
.team .t-social{background:#fff;width:40px;position:absolute;top:0;right:0;text-align:center;z-index:33;padding:10px 0;opacity:0;visibility:hidden;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.team .single-team:hover .t-social{opacity:1;visibility:visible;-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}
.team .t-social li a{display:block;color:#353535;text-align:center}
.team .t-social li{display:block;margin-bottom:10px}
.team .t-social li:last-child{margin:0}
.team .t-bottom{text-align:center;padding:12px 0;position:relative}
.team .t-icon a{position:absolute;left:0;top:-14px;width:28px;height:28px;line-height:28px;opacity:0;visibility:hidden;font-weight:400;text-align:center;color:#fff;border-radius:100%;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;z-index:99}
.team .single-team:hover .t-icon a{opacity:1;visibility:visible}
.team .t-icon a:hover{background:#353535}
.team .t-bottom .t-name{font-size:18px;text-transform:none;margin-bottom:5px}
.team .t-bottom .what{color:#353535}
.team .team-details{position:relative}
.team .team-details .cross{position:absolute;right:0;top:0;font-size:15px;background:#fff;width:32px;height:32px;line-height:32px;text-align:center;z-index:99;border-radius:100%}
.team .team-details .single-team{margin-top:0}
.team .team-details{background:#353535;z-index:333;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;position:fixed;opacity:0;visibility:hidden;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transform:translateX(100%);top:0;right:0;width:33%;height:100%;padding:15px;overflow:scroll}
.team .team-details.active{opacity:1;visibility:visible;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)}
.team .team-details .t-social{position:relative;transform:none;opacity:1;visibility:visible;width:100%;padding:8px 0;position:absolute;bottom:0;top:auto;background:##fff}
.team .team-details .t-social li{display:inline-block;margin-right:10px;margin:0 5px 0 0}
.team .team-details .t-social li a{display:block;text-align:center;color:#fff;width:30px;height:30px;line-height:30px;border-radius:100%}
.team .team-details .t-social li:hover a{background:#fff}
.team .team-details h2{color:#fff;margin:15px 0;text-align:center;font-size:25px}
.team .team-details p{color:#eee;margin-bottom:15px}
.team .single-skill{margin-top:15px}
.team .skill-info{overflow:hidden}
.team .skill-info h4{float:left;font-size:14px;margin-bottom:12px;color:#444;font-weight:700;text-transform:uppercase}
.team .single-skill{margin-bottom:25px}
.team .single-skill h4{color:#fff;margin-bottom:12px;text-transform:none;font-size:14px;font-weight:500}
.team .single-skill .progress{height:8px;border-radius:0;box-shadow:none;overflow:visible}
.team .single-skill .progress .progress-bar{position:relative}
.team .single-skill .progress .progress-bar span{right:0;color:#fff;position:absolute;top:-30px;font-size:14px;font-weight:400;border-radius:4px;padding:0 8px;font-weight:700}
.team .single-skill .progress .progress-bar span::before{position:absolute;bottom:-10px;left:50%;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid;margin-left:-6px}
.pricing-table-sect {display:block;float:left;width:100%;padding:30px 0;margin-top:30px;}
.pricing-table-sect .single-table .amount {font-size:30px !important;}
.pricing-table-sect .single-table .title {font-size:16px !important;}
.pricing-table-sect .single-table li {font-size:13px !important;}
.pricing-table{background:#fff;position:relative}
.pricing-table .single-table{background:#fff;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.30);-moz-box-shadow:0 0 4px rgba(0,0,0,0.30);box-shadow:0 0 4px rgba(0,0,0,0.30);text-align:center;position:relative;overflow:hidden;margin-top:30px}
.pricing-table .single-table:hover{transform:scale(1.1);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.40);-moz-box-shadow:0 0 10px rgba(0,0,0,0.40);box-shadow:0 0 10px rgba(0,0,0,0.40);z-index:99}
.pricing-table .single-table .bg-icon i{position:absolute;right:46px;font-size:100px;opacity:0.2;-webkit-transition:all 3s ease;-moz-transition:all 3s ease;transition:all 3s ease;top:50%;margin-top:-50px}
.pricing-table .single-table:hover .bg-icon i{opacity:1;right:-100%}
.pricing-table .single-table .table-head{position:relative}
.pricing-table .single-table .price{padding:22px 0}
.pricing-table .single-table .amount{font-size:23px;font-weight:700}
.pricing-table .single-table .title{text-transform:uppercase;font-weight:700;position:relative;display:block;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;font-size:20px;color:#fff;padding:0;padding:15px 0}
.pricing-table .single-table .table-list{padding:10px 0;text-align:left;position:relative}
.pricing-table .table-list li{color:#666;position:relative;text-transform:none;padding:12px 15px}
.pricing-table .table-list li span{background:#353535;float:right;color:#fff;text-transform:uppercase;position:relative;border-radius:100%;padding:5px 10px}
.pricing-table .table-list li span::before{position:absolute;bottom:-1px;left:-4px;content:"";border-left:14px solid #353535;border-right:14px solid transparent;border-top:14px solid transparent;transform:rotate(25deg)}
.pricing-table .table-list li:last-child{margin:0}
.pricing-table .table-list li.cross{opacity:0.5}
.pricing-table .table-list i{font-size:13px;text-align:center;margin-right:10px}
.pricing-table .table-bottom{padding:0 0 22px;border-radius:100%}
.pricing-table .btn:hover{background:#353535;color:#fff}
.pricing-table .btn i{font-size:16px;margin-right:10px}
.pricing-table.bg{background:#f6f6f6}
.pricing-table.center .active{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.pricing-table.adjust .fix{margin:0;padding:0}
.testimonials{background:#fff;position:relative}
.newslatter{background:url('images/newslatter-bg.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;padding:60px 0;text-align:center;position:relative}
.newslatter::before{position:absolute;content:"";height:100%;left:0;right:0;top:0;width:100%;opacity:0.85}
.newslatter .checkbox{text-align:center;margin:0}
.newslatter .checkbox label{color:#fff;position:relative;font-size:16px}
.newslatter .checkbox label input{display:none}
.newslatter .checkbox label::before{position:absolute;color:#fff;content:"";left:-4px;top:5px;width:15px;height:15px;border:1px solid #fff;border-radius:30px}
.newslatter .checkbox label::after{position:absolute;color:#fff;content:"\f00c";left:-2px;top:13px;font-family:"fontawesome";font-size:12px;line-height:0;display:none}
.newslatter .checkbox label.checked::after{display:block}
.newslatter .form{position:relative;margin:20px 0 10px}
.newslatter .form input{width:100%;height:55px;text-transform:none;border:none;border-radius:60px;background:#fff;color:#353535;padding:0 53px 0 30px}
.newslatter .form button{position:absolute;right:30px;padding:0;box-shadow:none;top:3px;line-height:50px;border-radius:30px;background:transparent;font-size:24px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.newslatter .form button:hover{background:transparent}
.newslatter .form:hover button{-webkit-transform:rotate(34deg);-moz-transform:rotate(34deg);transform:rotate(34deg)}
.newslatter p{color:#fff;font-size:15px}
.clients{background:#fff;background-size:cover;position:relative;overflow:hidden}
.clients .clients-slider{margin-top:30px}
.clients .single-clients a{display:inline-block}
.clients .single-clients img{cursor:pointer;width:100%;border:1px solid #ddd;opacity:0.6}
.clients .single-clients:hover img{opacity:1}
.clients .single-clients img{cursor:move}
.blog-main{background:#f6f6f6}
.blog-main .single-blog.sticky{background:transparent;padding:0}
.blog-main .single-blog.sticky .blog-head{width:55%;background:#fff;padding:10px;position:relative}
.blog-main .single-blog.sticky .blog-head:before{display:none}
.blog-main .single-blog.sticky .blog-info{width:50%;position:absolute;right:0;background:#fff;padding:15px;-moz-box-shadow:0 0 4px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 4px rgba(0,0,0,0.4);box-shadow:0 0 4px rgba(0,0,0,0.4);z-index:33;top:80px}
.blog-main .single-blog.sticky .blog-info h2{text-transform:uppercase}
.blog-main .single-blog{margin-top:30px;background:#fff;padding:10px}
.blog-main .single-blog .blog-head{position:relative;overflow:hidden;z-index:5;height:230px;}
.blog-main .single-blog .blog-head img{width:100%; min-height:100%;}
.blog-main .single-blog .blog-head::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;z-index:33;color:#fff;text-align:center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.blog-main .single-blog:hover .blog-head:before{opacity:0.9;visibility:visible}
.blog-main .single-blog .link{position:absolute;top:50%;color:#fff;font-size:32px;z-index:99;opacity:0;visibility:hidden;left:50%;margin:-18px 0 0 -16px;transform:scale(1.5);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;display:inline-block}
.blog-main .single-blog:hover .link{opacity:1;visibility:visible;-webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0)}
.blog-main .single-blog .link:hover{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.blog-main .blog-info{box-shadow:none;padding:15px 0 0}
.blog-main .blog-info h2{font-size:18px;font-weight:500;line-height:26px}
.blog-main .blog-info h2 a{color:#353535}
.blog-main .blog-info .meta{margin:10px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:10px 0;}
.blog-main .blog-info .meta span{font-size: 13px;display:inline-block;color:#666;margin-right:8px}
.blog-main .blog-info .meta span i{margin-right:5px;font-size:13px}
.blog-main .blog-info .meta span a{color:#666}
.blog-main .owl-controls .owl-dots{position:absolute;margin-top:-10px;left:50%;margin-left:-15px;bottom:30px}
.blog-main .owl-controls .owl-dots .owl-dot{display:inline-block;margin-bottom:10px}
.blog-main .owl-controls .owl-dots .owl-dot span{width:12px;height:12px;display:block;border-radius:100%}
.blog-main .owl-controls .owl-dots .owl-dot:hover span{border-color:transparent}
.blog-main .owl-controls .owl-dots .owl-dot.active span{border-color:transparent;width:25px;border-radius:5px}
.blog-main .owl-controls .owl-nav div{position:absolute;top:50%;background:transparent;border:0 solid;width:46px;height:46px;line-height:46px;padding:0;border-radius:0;opacity:1;font-size:32px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;margin:-23px 0 0}
.blog-main .owl-controls .owl-nav div:hover{color:#fff}
.blog-main .owl-controls .owl-nav .owl-prev{left:-60px}
.blog-main .owl-controls .owl-nav .owl-next{right:-60px}
.blog-main.archive.section{padding:50px 0 80px}
.blog-main.archive .single-blog.slider .blog-head:before{display:none}
.blog-main.archive .single-blog.slider .owl-nav{margin:0}
.blog-main.archive .single-blog.slider .owl-nav div{position:absolute;top:50%;color:#fff;border:0 solid;width:46px;height:46px;line-height:46px;padding:0;border-radius:0;opacity:1;font-size:32px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;margin:-23px 0 0;z-index:99}
.blog-main.archive .single-blog.slider .owl-nav div:hover{background:#fff;color:#353535}
.blog-main.archive .single-blog.slider .owl-nav .owl-prev{left:0;-webkit-transform-origin:left;-moz-transform-origin:left;transform-origin:left;-webkit-transform:perspective(600px) rotateY(90deg);-moz-transform:perspective(600px) rotateY(90deg);transform:perspective(600px) rotateY(90deg)}
.blog-main.archive .single-blog.slider:hover .owl-nav .owl-prev{-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}
.blog-main.archive .single-blog.slider .owl-nav .owl-next{right:0;-webkit-transform-origin:right;-moz-transform-origin:right;transform-origin:right;-webkit-transform:perspective(600px) rotateY(-90deg);-moz-transform:perspective(600px) rotateY(-90deg);transform:perspective(600px) rotateY(-90deg)}
.blog-main.archive .single-blog.slider:hover .owl-nav .owl-next{-webkit-transform:perspective(600px) rotateY(0deg);-moz-transform:perspective(600px) rotateY(0deg);transform:perspective(600px) rotateY(0deg)}
.blog-main .single-blog.iframe .blog-head:before{display:none}
.blog-main.archive .pagination-main{text-align:center}
.blog-main.archive .pagination{display:block;padding-left:0;margin:50px 0 0;border-radius:4px;text-align:center;display:inline-block}
.blog-main.archive .pagination li a{background:#fff;padding:12px 25px;border:none}
.blog-main.archive .pagination li:hover a,.blog-main.archive .pagination li.active a{color:#fff}
.blog-main.archive .pagination li.prev a{background:transparent;border:none;font-size:20px;padding:5px 20px}
.blog-main.archive .pagination li.next a{background:transparent;border:none;font-size:20px;padding:5px 20px}
.blog-main.archive .pagination li.prev:hover a,.blog-main.archive .pagination li.next:hover a{background:transparent;color:#353535}
.blog-main.archive.grid .iframe .embed-responsive{height:227px}
.blog-main.archive.single .blog-head:before{display:none}
.blog-main.archive.single .blog-info p{margin-bottom:0}
.full-text {margin-bottom:15px;}
.full-text object, .full-text iframe, .full-text embed{
    max-width: 100%;
    margin: 15px 0 0 0;
}
.full-text img[align="left"], .full-text img[style="float:left;"]{
    max-width: 100%;
    margin: 0 25px 17px 2px;
    background: #FAFAFA;
    padding: 5px;
    border-radius: 14px;
}
.full-text img[align="right"], .full-text img[style="float:right;"]{
    padding: 10px 0 10px 20px;
    margin: 0;
    max-width: 100%;
}
.full-text a:hover img{
    opacity:.8;
}
.full-text hr{
    background-color:#e3e3e3;
    border:none;
    height:1px;
    margin:0 0 20px;
}
.full-text table{
    border-collapse:collapse;
    border:none;
    font-size:14px;
    width:100%;
    table-layout:fixed;
    margin-bottom:25px;
}
.full-text table th,.full-text table td{
    padding:10px;
    border:1px solid #e3e3e3;
    font-weight:normal;
    text-align:left;
    vertical-align:middle;
}
.full-text ul{
	margin:0 14px 14px 14px;
	list-style-image: linear-gradient(135deg, #c2272a, #c2272a 20%, #c2272a 20%);
	line-height: 30px;
	    padding: 0;
	font-weight: 700;
	font-size: 20px;
}
.full-text ul li{
    display: list-item !important;
    position: inherit !important;
    padding:5px 0 0 0 !important;
	list-style-position: inside;
	font-size:16px;
	color:#1D2A3A;
	font-weight: 500;
}
.full-text ul li a{
    color:#c2272a;
    text-decoration:underline;
}
.full-text ul li a:hover{
    text-decoration:none;
}
.full-text ol{
    margin:0 20px 20px 0;
    counter-reset: myCounter;
	padding: 0;
	font-weight: 700;
	font-size: 20px;
}
.full-text ol li{
    display:block;
    position:relative;
    padding:4px 0 0 0;
    counter-reset:list1;
	font-weight: 500;
	    font-size: 16px;
}
@media screen and (max-width: 640px) {
	.full-text table {
		overflow-x: scroll;
		display: block;
	}
}
.full-text ol li a{
    color:#c2272a;
    text-decoration:underline;
}
.full-text ol li a:hover{
    text-decoration:none;
}
.full-text ol li:before{
    counter-increment: myCounter;
    content: counter(myCounter);
    color: white;
    background: #c2272a;
    display: inline-block;
    text-align: center;
    margin: 5px 15px 5px 10px;
    line-height: 27px;
    width: 30px;
    height: 30px;
    border: 1px #EFEFF3 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.full-text p{
    margin:0 0 10px 0;
}
.blog-main.archive.single .blog-info blockquote{margin-bottom:20px;font-size:15px;font-weight:500;border-left:4px solid}
.blog-main.archive.single .blog-info h2{font-size:18px;text-transform:none}
.blog-main.archive.single .blog-info ul li{margin-right:5px;position:relative;padding-left:15px}
.blog-main.archive.single .blog-info ul li::before{position:absolute;top:9px;left:0;width:7px;height:7px;line-height:9px;content:"";border-radius:100%}
.blog-main.archive.single .img-right{overflow:hidden;margin-bottom:20px}
.blog-main.archive.single .img-right .text{float:left;width:50%}
.blog-main.archive.single .img-right .text h4{margin-bottom:10px;font-size:20px}
.blog-main.archive.single .img-right img{float:left;width:50%;border:5px solid #f6f6f6}
.blog-main .blog-sidebar{margin-top:30px}
.blog-main .single-sidebar{margin-bottom:30px;background:#fff;padding:15px}
.blog-main .single-sidebar:last-child{margin:0;border:none}
.blog-main .single-sidebar h2{text-transform:none;font-size:18px;margin-bottom:15px;display:block;position:relative;border-bottom:1px solid #eee;padding-bottom:15px}
.blog-main .single-sidebar a{color:#353535;}
.blog-main .single-sidebar.tags a{color:#353535;display: inline-block;margin-right: 10px;margin-top: 10px;}
.blog-main .post-tab .nav{margin-bottom:20px;border-bottom:4px solid}
.blog-main .post-tab .nav li{margin:0}
.blog-main .post-tab .nav li a{position:relative;background:#353535;color:#fff;border-radius:0;font-weight:700;padding:10px 20px;text-transform:none;margin:0;font-size:15px}
.blog-main .post-tab .nav li:hover a,.blog-main .post-tab .nav li.active a{color:#fff}
.blog-main .post-tab .nav li a::before{position:absolute;left:50%;border-bottom:8px solid #fff;content:"";bottom:-4px;border-right:8px solid transparent;border-left:8px solid transparent;margin-left:-8px;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.blog-main .post-tab .nav li:hover a:before,.blog-main .post-tab .nav li.active a:before{opacity:1;visibility:visible}
.blog-main .post-tab .single-post{overflow:hidden;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}
.blog-main .post-tab .single-post:last-child{margin-bottom:0;border:none;padding:0}
.blog-main .post-tab .single-post .post-img{float:left;margin-right:10px}
.blog-main .post-tab .single-post img{width:65px;height:65px;border-radius:0}
.blog-main .post-tab .post-info{float:left;overflow:hidden;margin-top:6px}
.blog-main .post-tab .post-info h4{font-size:15px;font-weight:500;margin:0}
.blog-main .post-tab .post-info a{color:#353535}
.blog-main .post-tab .post-info p{margin:0;font-size:13px}
.blog-main .post-tab .post-info p i{margin-right:5px;font-size:13px}
.blog-main .category ul li{font-size:15px;margin-bottom:15px}
.blog-main .category ul li span{width:24px;height:24px;border-radius:100%;display:inline-block;text-align:center;font-size:13px;margin-left:5px;border:1px solid;line-height:24px;float:right}
.blog-main .category ul li:last-child{margin-bottom:0;padding-bottom:0}
.blog-main .tags h2{margin-bottom:5px}
.blog-main .tags ul li{display:inline-block;margin-right:10px;margin-top:10px}
.blog-main .tags ul li.medium a{font-size:18px}
.blog-main .tags ul li.big a{font-size:22px}
.blog-main.archive.section .single-blog{padding:15px}
.blog-main .subscribe form{position:relative}
.blog-main .subscribe input{background:#f6f6f6;border:0;display:block;width:100%;padding:12px;color:#555;margin:15px 0 0;font-weight:500}
.blog-main .subscribe input::-webkit-input-placeholder{opacity:1;color:#555!important}
.blog-main .subscribe input::-moz-placeholder{opacity:1;color:#555!important}
.blog-main .subscribe input::-ms-input-placeholder{opacity:1;color:#555!important}
.blog-main .subscribe button{color:#fff;position:absolute;right:0;top:0;padding:12px}
.blog-main.archive.single .blog-bottom{overflow:hidden}
.blog-main.archive.single .blog-bottom li:before{display:none}
.blog-main.archive.single .blog-bottom .share li{position:relative;padding-left:0;margin-right:10px;display:inline-block}
.blog-main.archive.single .blog-bottom .share{float:left}
.blog-main.archive.single .blog-bottom .prev-next{float:right}
.blog-main.archive.single .blog-bottom .prev-next li{display:inline-block;padding:0}
.blog-main.archive.single .blog-bottom .prev-next li a{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-size:17px;color:#fff}
.blog-main .blog-comments{margin-top:30px;background:#fff;padding:15px}
.blog-main .blog-comments h2{text-align:left;text-transform:uppercase;font-size:18px;color:#353535;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e2e2}
.blog-main .blog-comments h4 span{float:right}
.blog-main .single-comments{overflow:hidden;border-bottom:1px solid #e2e2e2;padding-bottom:30px;margin-bottom:30px}
.blog-main .single-comments:last-child{border-bottom:0 solid;padding:0;margin:0}
.blog-main .single-comments .main{overflow:hidden}
.blog-main .single-comments .head{float:left;margin-right:20px;text-align:center;width:12%}
.blog-main .single-comments .head img{width:80px;height:80px;line-height:80px}
.blog-main .single-comments .body{float:left;width:85%}
.blog-main .single-comments .comment-list{margin-top:30px;padding-top:30px;border-top:1px solid #e2e2e2;overflow:hidden}
.blog-main .single-comments .comment-list .body{width:78%}
.blog-main .single-comments h4{margin:0 0 10px;font-size:18px;text-align:left;font-weight:600;color:#353535}
.blog-main .single-comments .meta{font-size:13px;margin:0;color:#666;}
.blog-main .single-comments .comm{font-size:13px;color:#555}
.blog-main .single-comments a{text-transform:uppercase;font-size:12px;}
.blog-main .single-comments .aut a {font-weight:700; text-transform:none; color:#000; font-size:14px;}
.blog-main .single-comments a i{margin-right:5px}
.blog-main .comment-list{padding-left:50px}
.blog-main .single-comments.login{text-align:center}
.blog-main .single-comments.login i{font-size:20px}
.blog-main .single-comments.login a{text-align:center}
.blog-main .single-comments.login a:hover{color:#353535}
.blog-main .comments-form{background:#fff;margin-top:30px;padding:20px}
.blog-main .comments-form h2{text-align:left;text-transform:uppercase;font-size:18px;color:#353535;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e2e2}
.blog-main .form{margin-top:30px}
.blog-main .form-group{position:relative;display:block;margin:0 0 25px}
.blog-main .form-group i{position:absolute;font-size:16px;padding:15px 12px}
.blog-main .form-group input{width:100%;height:50px;border:1px solid #ddd;padding-left:10px;border-radius:5px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:0;padding-left:32px}
.blog-main .form-group textarea{border:1px solid #ddd;padding:10px;width:100%;padding-left:10px;resize:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;box-shadow:none;border-radius:0;padding-left:32px}
.blog-main .form-group input:hover,.blog-main .form-group input:focus,.blog-main .form-group textarea:hover{outline:none}
.blog-main .form-group .button{padding:10px 30px;font-size:14px;text-transform:uppercase;display:block;border:0 solid;color:#fff;border-radius:5px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;width:100%}
.blog-main .form-group .button:hover{background:#353535}
.blog-main .form-group .button i{position:relative;display:inline-block;color:#fff;margin-right:10px;padding:0}
.blog-main .form-group.button{margin:0;text-align:center}
.call-to-action{padding:40px 0;position:relative}
.call-to-action{text-align:center}
.call-to-action h2{color:#fff;display:inline-block;margin-right:30px;font-size:18px;font-weight:500}
.call-to-action h2 span{font-size:30px;font-weight:700;margin:0 5px}
.call-to-action .btn{display:inline-block;background:#fff}
.call-to-action .btn:hover{background:#353535;color:#fff}
.call-to-action .btn i{margin-right:10px}
.call-to-action.dark{background:#353535}
.call-to-action.background{position:relative;background:url('images/call-to-action.jpg');background-size:cover;background-position:center}
.call-to-action.background:before{position:absolute;content:"";height:100%;left:0;right:0;top:0;width:100%;opacity:0.9}
.about-us{background:#f6f6f6}
.about-us .section-title{margin-bottom:60px}
.about-us .tabs-main{position:relative;background:#fff;padding:0 20px 30px 20px;margin-top:30px}
.about-us img{width:100%}
.about-us .tabs-main .nav-main{text-align:center}
.about-us .tabs-main .nav-tabs{width:100%;border-bottom:1px solid #c2272a;display:inline-block;position:relative;background:#fff;}
.about-us .tabs-main .nav-tabs li{float:left;margin:0;position:relative}
.about-us .tabs-main .nav-tabs li a{border:0;margin:0;background:transparent;color:#353535;text-align:center;padding:20px 35px;border-radius:0;font-weight:500;border-radius:3px;position:relative;display:block}
.about-us .tabs-main .nav-tabs li a::before{position:absolute;right:0;content:"";width:1px;height:24px}
.about-us .tabs-main .nav-tabs li:last-child a::before{display:none}
.about-us .tabs-main .nav-tabs li a i{margin-right:10px}
.about-us .tabs-main .nav-tabs li.active a,.about-us .tabs-main .nav-tabs li:hover a{border:0}
.about-us .tabs-main .tab-pane{transition:all 0.4s ease;width:100%}
.about-us .tabs-main .tab-title{position:relative;display:inline-block;font-size:20px;text-transform:none;margin:0 0 10px}
.about-us .tabs-main .tab-title:before{position:absolute;bottom:-1px;content:"";left:0;width:70%;height:2px;border-radius:100%}
.about-us .tabs-main .text{margin-bottom:20px}
.about-us .tabs-main .text:last-child{margin:0}
.about-us .tabs-main .about-inner .single-image{position:relative;overflow:hidden}
.about-us .tabs-main .about-inner .single-image::before{position:absolute;content:'';background:#000;top:0;left:0;width:100%;height:100%;z-index:33;opacity:0.5;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.about-us .tabs-main .about-inner .single-image:hover:before{opacity:0}
.about-us .tabs-main .about-inner .single-image:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}
.about-us .tabs-main .about-inner .single-image a{font-size:20px;width:50px;height:50px;line-height:50px;display:block;position:absolute;top:50%;margin-left:-25px;margin-top:-25px;left:50%;text-align:center;color:#fff;border-radius:100%;z-index:99}
.about-us .tabs-main .about-inner .single-image a:hover{background:#fff;color:#353535}
.about-us .tabs-main .about-inner .single-image{position:relative;margin-top:30px}
.about-us .tabs-main .about-inner .single-image img{width:100%}
.about-us .tabs-main .about-inner .social{width:100%;text-align:left;margin-top:20px}
.about-us .tabs-main .about-inner .social ul li{display:inline-block;margin-right:5px}
.about-us .tabs-main .about-inner .social ul li a{width:30px;height:30px;line-height:30px;background:#fff;color:#353535;display:block;border-radius:100%;text-align:center;color:#fff}
.about-us .tabs-main .about-inner .social ul li:hover a{background:#353535;color:#fff}
.about-us .tabs-main .about-inner .about-text .content p{margin-bottom:20px;font-weight:300}
.about-us .tabs-main .about-inner .about-text p:last-child{margin:0}
.about-us .tabs-main .about-inner .single-skill{margin-top:15px}
.about-us .tabs-main .about-inner .skill-info{overflow:hidden}
.about-us .tabs-main .about-inner .skill-info h4{float:left;font-size:14px;margin-bottom:12px;color:#444;font-weight:700;text-transform:uppercase}
.about-us .tabs-main .photo-gallery{margin-top:30px}
.about-us .tabs-main .photo-gallery .single-gallery{background:#fff;position:relative;overflow:hidden}
.about-us .tabs-main .photo-gallery .single-gallery:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:#000;opacity:0;visibility:hidden;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.about-us .tabs-main .photo-gallery .single-gallery:hover:before{opacity:0.5;visibility:visible}
.about-us .tabs-main .photo-gallery .single-gallery a{position:absolute;z-index:3;width:40px;height:40px;line-height:40px;border-radius:100%;color:#fff;left:50%;text-align:center;font-size:13px;top:50%;margin-left:-20px;margin-top:-20px;opacity:0;visibility:hidden;z-index:11;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.about-us .tabs-main .photo-gallery .single-gallery a:hover{background:#fff;color:#353535}
.about-us .tabs-main .photo-gallery .single-gallery:hover a{transform:scale(1.0);opacity:1;visibility:visible}
.about-us .tabs-main .photo-gallery .single-gallery img{}
.about-us .tabs-main .photo-gallery .fix{padding:0;margin:0}
.about-us .tabs-main .photo-gallery .caption{text-align:center;padding:8px;position:absolute;width:100%;bottom:-100px;transition:all 0.4s ease}
.about-us .tabs-main .photo-gallery .caption p{color:#fff}
.about-us .tabs-main .photo-gallery .single-gallery:hover .caption{bottom:0}
.about-us .tab-section.style1 .tabs-main.center-nav .nav-main{position:relative;bottom:-7px;text-align:center}
.about-us .tab-section.style1 .tabs-main.center-nav .nav-tabs{display:inline-block}
.about-us .tab-section.style1 .tabs-main.right-nav .nav-main{text-align:left;position:relative;bottom:-5px}
.about-us .tab-section.style1 .tabs-main.right-nav .nav-tabs{display:inline-block}
.about-us .tab-section.style1 .vertical-nav .nav-tabs{border:0 solid;width:170px;position:absolute;left:25px;top:17px}
.about-us .tab-section.style1 .vertical-nav .tab-content{padding:0 25px 25px 220px}
.about-us .tab-section.style1 .vertical-nav .nav-tabs li{float:none;margin-bottom:10px}
.about-us .tab-section.style1 .vertical-nav .nav-tabs li a{text-align:left}
.about-us .tab-section.style1 .vertical-nav .nav-tabs li:last-child{margin:0}
.about-us .tab-section.style1 .vertical-nav.right .nav-tabs{left:auto;right:25px}
.about-us .tab-section.style1 .vertical-nav.right .tab-content{padding:0 220px 25px 25px}
.about-us .tabs-main .content{margin-top:30px}
.our-skill{display:block;float:left;width:100%;background:#fff}
.our-skill .skill-text{margin-top:30px}
.our-skill .skill-text h2{font-size:18px;margin-bottom:15px}
.our-skill .skill-text p{margin-bottom:20px}
.our-skill .skill-text .btn:hover{background:#353535}
.our-skill .single-skill{margin-top:30px}
.our-skill .skill-info{overflow:hidden}
.our-skill .skill-info h4{float:left;font-size:15px;margin-bottom:15px;color:#353535;font-weight:700;text-transform:none}
.our-skill .progress .progress-bar span{right:0;color:#353535;top:-35px;font-size:15px;font-weight:500;position:absolute;right:16px}
.our-skill .progress .progress-bar span::before{position:absolute;bottom:-15px;left:50%;content:"";border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid;margin-left:-8px}
.our-skill .progress{height:12px;border-radius:0;box-shadow:none;overflow:visible;background:#f5f5f5}
.our-skill .progress .progress-bar{position:relative}
.faq {background:#fff;display:block;float:left;width:100%;margin-top:30px;padding:30px 0}
.faq .panel-group{margin:30px 0 0}
.faq .panel{border:0 solid;border-radius:0;padding:15px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.25);-moz-box-shadow:0 0 4px rgba(0,0,0,0.25);box-shadow:0 0 4px rgba(0,0,0,0.25);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;margin:0 0 15px}
.faq .panel-heading{background:none}
.faq .faq-title a{position:relative;color:#353535;width:100%;display:block}
.faq .faq-title a::after{content:"\f068";font-family:'FontAwesome';top:-4px;right:0;position:absolute;width:22px;height:22px;line-height:22px;color:#fff;border-radius:100%;text-align:center;font-size:13px}
.faq .faq-title a.collapsed::after{content:"\f067";color:#fff;background:#252525;border-color:transparent}
.faq .faq-body{padding-top:15px;font-size:13px}
.faq .faq-image{margin-top:30px}
.faq .faq-image img{border-radius:100%;border-bottom:2px solid #eee}
.contact-us{margin-top: 30px;background:#fff;display:blokc;float:left;padding:30px 0;position:relative;z-index:43}
.contact-us .form{margin-top:30px}
.contact-us .form-group{position:relative;display:block;margin:0 0 25px}
.contact-us .form-group i{position:absolute;font-size:16px;padding:15px 12px}
.contact-us .form-group input,.contact-us .form-group select{width:100%;height:50px;border:1px solid #ddd;padding-left:10px;border-radius:5px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;font-weight:400;border-radius:0}
.contact-us .form-group textarea{border:1px solid #ddd;padding:10px;width:100%;padding-left:10px;resize:none;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;box-shadow:none;border-radius:0}
.contact-us .form-group input:hover, .contact-us .form-group select:hover, .contact-us .form-group input:focus,.contact-us .form-group textarea:hover{outline:none}
.contact-us .form-group .btn{}
.contact-us .form-group .btn:hover{background:#353535;color:#fff}
.contact-us .form-group.button{margin:0;text-align:left}
.contact-us .contact{margin-top:30px}
.contact-us .contact h2{font-size:18px;margin-bottom:15px}
.contact-us .single-address{position:relative;margin-top:20px}
.contact-us .single-address span{font-weight:500}
.contact-us .single-address:last-child{margin-bottom:0}
.contact-us .single-address i{font-weight:500;text-align:center;font-size:15px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;float:left;margin-right:10px;border-radius:100%;margin-top:7px}
.contact-us .single-address p{color:#555;text-transform:none}
.contact-us .single-address p span{font-weight:700}
.contact-us .single-address p a{color:#555}
.contact-us .social{overflow:hidden}
.contact-us .social li{float:left;width:28%;margin-top:20px}
.contact-us .social li a{color:#252525}
.contact-us .social li a i{color:#fff;width:25px;height:25px;line-height:25px;text-align:center;border-radius:100%;margin-right:10px;border:1px solid;background:transparent;font-size:13px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease}
.contact-us .social li a:hover i{border-color:transparent;color:#fff}
.success .mail{text-align:center}
.success .mail h2{font-size:30px;margin-bottom:20px}
.success .mail .btn i{margin-right:10px}
.footer .footer-top{padding:40px 0 70px;background-color:#fff!important;background-image:url("../images/footer-bg.png");background-repeat:repeat!important;background-attachment:scroll!important;background-clip:border-box!important;background-origin:padding-box!important;background-position:0 0!important;background-size:auto auto!important}
.footer .footer-top .single-widget{margin-top:30px}
.footer .footer-top h2{color:#353535;font-size:18px;text-transform:uppercase;display:block;margin-bottom:20px;position:relative}
.footer .footer-top li{color:#555;position:relative;margin-bottom:10px}
.footer .footer-top .list li:last-child{margin-bottom:0}
.footer .footer-top li a{color:#555}
.footer .footer-top .address p{margin-bottom:10px}
.footer .footer-top .address .list li{padding-left:25px}
.footer .footer-top .address .list li i{position:absolute;left:0;top:7px}
.footer .footer-top .address .list li a{color:#555}
.footer .footer-top .social{margin-top:15px}
.footer .footer-top .social li{display:inline-block;margin-right:5px;color:#bbb;font-weight:500}
.footer .footer-top .social li:last-child{margin:0}
.footer .footer-top .social a{display:block;width:24px;height:24px;line-height:24px;text-align:center;color:#fff}
.footer .footer-top .social a i{color:#fff}
.footer .footer-top .social li:hover a{background:#353535}
.footer .footer-top .links li i{margin-right:5px}
.footer .footer-top .photo-gallery h2{margin-bottom:10px}
.footer .footer-top .single-widget.photo-gallery ul{margin-left:-10px;overflow:hidden}
.footer .footer-top .single-widget.photo-gallery ul li{float:left;margin:10px 0 0 10px;padding:0}
.footer .footer-top .single-widget.photo-gallery ul li:last-child{margin-right:0}
.footer .footer-top .single-widget.photo-gallery ul li img{width:80px;height:65px}
.footer .footer-top .single-tweet{position:relative;padding-left:30px;margin-bottom:10px}
.footer .footer-top .single-tweet:last-child{margin:0}
.footer .footer-top .single-tweet i{position:absolute;left:0;font-size:22px;top:5px}
.footer .footer-top .single-tweet p a{color:#555;font-weight:500}
.footer .footer-top .single-tweet span{color:#555;font-weight:500;font-size:13px}
.footer .footer-bottom{background:#353535;padding:15px 0;text-align:center}
.footer .copyright p{color:#ddd;margin:0;text-transform:none}
.footer .copyright p a{color:#ddd}
.footer .copyright span{margin:0 5px}
.footer.dark .footer-top{background-color:#353535!important;background-image:none}
.footer.dark h2{color:#fff}
.footer.dark .address p{margin-bottom:10px;color:#ddd}
.footer.dark li{color:#ddd}
.footer.dark li{color:#ddd}
.footer.dark li a{color:#ddd}
.footer.dark .single-tweet p{color:#ddd}
.footer.dark .single-tweet span{color:#ddd}
.footer.dark .address .list li a{color:#ddd}
.footer.dark .footer-top .single-tweet p a{color:#fff}
.footer.dark .footer-bottom{border-top:1px solid rgba(204,204,204,0.35)}
@media (min-width:768px) and (max-width:991px){.section-title{padding:0 90px}
.header .single-widget{margin-right:15px}
.header .nav li a{padding:16px 10px}
.header .social{display:none}
.topbar{overflow:hidden}
.header .topbar-inner::before{top:-25px}
.header .topbar-inner::after{top:-25px}
.header.style2 .logo{text-align:center;padding-top:20px}
.header.style2 .logo img{display:inline-block}
.header.style2 .nav li a{padding:20px 10px}
.header.style2 .search{top:17px}
.header.style2 .social{display:block}
.header.style3 .logo{text-align:left}
.header.style3{padding:10px 0}
.header .nav .mega-inner .single-menu{width:30%}
.header.onepage{padding:12px 0}
.header.onepage .logo{text-align:left;padding:0}
.header.onepage .mobile-nav{display:block}
.header.onepage .nav-area{display:none}
.header.onepage .social{display:none}
.header.onepage .header-inner{display:none}
.header.onepage .header-widget{display:none}
.header.onepage .slicknav_menu{background:transparent;padding:0}
.header.onepage .slicknav_btn{background:transparent;padding:8px 9px;margin:-30px 0 0 0;border:none;border-radius:0}
.header.onepage .slicknav_nav a{padding:5px 3px;margin:0;color:#fff;background:transparent;overflow:hidden}
.header.onepage .slicknav_nav a:hover,.header.onepage .slicknav_nav a:focus,.header.onepage .slicknav_nav a:active{color:#fff}
.header.onepage .slicknav_nav{background:#353535;margin-top:10px;padding:10px;margin-bottom:10px}
.header.onepage.style2 .topbar{display:none}
.header.style2.onepage .header-inner{display:block}
.header.style2.onepage .search{display:none}
.header.onepage.sticky{position:fixed;left:0;top:0;width:100%;z-index:99;background:#fff}
.header.onepage.sticky .header-inner{animation:none;padding:12px 0}
.hero-area .single-slider,.hero-area .slide-text,.hero-area{height:500px}
.hero-area .slide-text{padding-right:270px}
.hero-area .slide-text.right{text-align:right;padding:0 0 0 270px}
.hero-area .slide-text .sltitle .short{margin:0}
.hero-area .slide-text .sltitle{font-size:42px}
.hero-area .slide-text p{}
.hero-area.creative .background-layer{display:none}
.hero-area.creative .slide-text{padding:0 80px}
.hero-area.animate-text .single-slider .slide-text h1{margin:0;line-height:40px}
.hero-area.animate-text,.hero-area.animate-text .single-slider,.hero-area.animate-text .slide-text{height:500px}
.features .features-single{padding:25px 10px}
.why-choose .working-process{height:auto;padding:50px 40px}
.why-choose .choose-main{padding:50px 40px}
.why-choose .why-video{height:300px}
.pricing-table.center .single-table.active,.pricing-table .single-table:hover{transform:none}
.testimonials .testimonial-content{padding:0 70px}
.testimonials .owl-controls .owl-nav .owl-prev{left:0}
.testimonials .owl-controls .owl-nav .owl-next{right:0}
.boxed-layout .testimonials .owl-controls .owl-nav .owl-prev{left:0}
.boxed-layout .testimonials .owl-controls .owl-nav .owl-next{right:0}
.testimonials .testimonial-info .arrow::before{left:48%}
.testimonials .owl-carousel .owl-controls .owl-nav div:hover{background:transparent;color:#353535}
.blog-main .single-blog.sticky{display:none}
.blog-main .blog-slider .owl-controls .owl-nav .owl-prev{left:-18px;padding:0;width:auto;background:transparent}
.blog-main .blog-slider .owl-controls .owl-nav .owl-next{right:-18px;padding:0;width:auto;background:transparent}
.boxed-layout .blog-main .owl-controls .owl-nav .owl-prev{left:-18px}
.boxed-layout .blog-main .owl-controls .owl-nav .owl-next{right:-18px}
.blog-main .blog-slider .owl-nav div{width:auto;height:auto}
.blog-main .owl-carousel .owl-controls .owl-nav div:hover{background:transparent;color:initial}
.blog-main .single-blog.sticky .blog-info{top:14px}
.projects .project-sidebar{margin-bottom:30px}
.call-to-action h2{margin:0;font-size:15px}
.call-to-action h2 span{font-size:25px}
.call-to-action .btn{margin:20px 0 0 0}
.footer .footer-top .social{margin-top:15px;display:none}
}
@media only screen and (max-width:767px){
.hero-area .single-slider {background-position: right;}
.section-title{padding:0 60px}
.mobile-nav{display:block}
.breadcrumbs h2{font-size:35px;padding:30px 0}
.breadcrumbs .bread-list{padding:15px 80px}
.header{padding:12px 0}
.header .logo{padding:0}
.header .header-widget{display:none}
.header .header-inner{display:none}
.header .nav li a{padding:16px 10px}
.header .social{display:none}
.header .nav .mega-inner .single-menu{width:30%}
.header .topbar .contact{float:none;text-align:center}
.header.style2 .social{display:block;text-align:center;margin-top:10px}
.header .topbar{background:#353535}
.header .mobile-nav{display:block}
.logo img {max-width:70%;}
.header .slicknav_menu{background:transparent;padding:0}
.header .slicknav_btn{background:transparent;padding:8px 9px;margin:-51px 0 0 0;border:none;border-radius:0}
.header .drop-down .slicknav_nav .slicknav_arrow{display:block}
.header .slicknav_menu .mega-widget p{color:#fff;margin:10px 0}
.header .slicknav_menu .mega-widget img{width:100%}
.header .slicknav_menu .mega-widget .image a{display:none}
.header .slicknav_menu .list-menu span{margin-right:10px}
.header .slicknav_menu .list-menu{display:block}
.header .slicknav_menutxt{text-shadow:none}
.header .slicknav_nav .slicknav_arrow{float:right}
.header .slicknav_nav a{margin:0;color:#fff;background:transparent;overflow:hidden}
.header .slicknav_nav a:hover,.header .slicknav_nav a:focus,.header .slicknav_nav a:active{color:#fff}
.header .slicknav_nav a i{display:none}
.header .slicknav_nav{background:#353535;margin-top:10px;padding:5px}
.header .slicknav_nav .drop-down{margin:5px 10px}
.header .slicknav_nav .mega-inner a h4{float:left;font-weight:500}
.header.style2 .search{top:17px}
.header.style2{background:#fff;padding:0 0 12px}
.header.style2 .header-inner{display:block}
.header.style2 .logo{padding-top:12px}
.header.style2 .social{display:block}
.header.style2 .nav li a{padding:20px 10px}
.header .topbar-inner::after,.header .topbar-inner::before{display:none}
.header.style3 .logo{text-align:left}
.header.style3{padding:10px 0}
.header.style3 .logo{text-align:left}
.team .team-details{display:none}
.header.onepage{padding:12px 0}
.header.onepage .logo{text-align:left;padding:0}
.header.onepage .mobile-nav{display:block}
.header.onepage .nav-area{display:none}
.header.onepage .social{display:none}
.header.onepage .header-inner{display:none}
.header.onepage .header-widget{display:none}
.header.onepage .slicknav_menu{background:transparent;padding:0}
.header.onepage .slicknav_btn{background:transparent;padding:8px 9px;margin:-30px 0 0 0;border:none;border-radius:0}
.header.onepage .slicknav_nav a{padding:5px 3px;margin:0;color:#fff;background:transparent;overflow:hidden}
.header.onepage .slicknav_nav a:hover,.header.onepage .slicknav_nav a:focus,.header.onepage .slicknav_nav a:active{color:#fff}
.header.onepage .slicknav_nav{background:#353535;margin-top:10px;padding:10px;margin-bottom:10px}
.header.onepage.style2 .topbar{display:none}
.header.style2.onepage .header-inner{display:block}
.header.style2.onepage .search{display:none}
.header.onepage.sticky{position:fixed;left:0;top:0;width:100%;z-index:99;background:#fff}
.header.onepage.sticky .header-inner{animation:none;padding:12px 0}
.hero-area .single-slider,.hero-area .slide-text,.hero-area{height:250px}
.hero-area .slide-text{padding-right:30%}
.hero-area .slide-text.right{text-align:right;padding:0 0 0 30%}
.hero-area .slide-text .sltitle .short{margin:0;font-size:20px}
.hero-area .slide-text .sltitle{font-size:30px;padding-bottom:15px;margin-bottom:15px;line-height:40px}
.hero-area .owl-dots{bottom:20px}
.hero-area .single-slider .slide-btn{margin-top:20px}
.hero-area.creative .background-layer{display:none}
.hero-area.creative .slide-text .sltitle{line-height:40px}
.hero-area.creative .slide-text{padding:0 30px}
.hero-area.animate-text .single-slider .slide-text .sltitle{margin:0;line-height:40px}
.hero-area.animate-text,.hero-area.animate-text .single-slider,.hero-area.animate-text .slide-text{height:450px}
.hero-area.animate-text .cd-words-wrapper{font-size:20px;margin:0}
.hero-area.animate-text .slide-text{padding-right:10%}
.hero-area.animate-text .single-slider .slide-text .btn{padding:14px 30px}
.why-choose .working-process{height:auto;padding:50px 40px}
.why-choose .choose-main{padding:50px 40px}
.why-choose .why-video{height:300px}
.pricing-table.center .single-table.active,.pricing-table .single-table:hover{transform:none}
.testimonials .testimonial-content{padding:0 30px}
.testimonials .owl-controls .owl-nav .owl-prev{left:0}
.testimonials .owl-controls .owl-nav .owl-next{right:0}
.testimonials .owl-carousel .owl-controls .owl-nav div:hover{background:transparent;color:#353535}
.testimonials .testimonial-info .arrow::before{left:48%}
.projects .project-sidebar{margin-bottom:30px}
.counter .counter-single .icon{float:none}
.blog-main .single-blog.sticky{display:none}
.blog-main .blog-slider .owl-controls{display:none}
.blog-main .single-blog.sticky .blog-info{top:14px}
.services.single .img-right .text{width:100%;margin-bottom:20px}
.services.single .img-right .text:last-child{margin:0}
.counter .static-single .icon{float:none}
.services.single .services-content h2{font-size:20px}
.blog-main .single-comments .head{float:none;width:20%;margin:0 0 10px 0}
.blog-main .single-comments .meta{float:none;display:block;margin-top:5px}
.blog-main .single-comments .comment-list{padding-left:0}
.blog-main.archive.single .img-right .text{float:none;width:100%}
.blog-main.archive.single .img-right img{float:none;width:100%;margin-top:20px;display:inline-block}
.blog-main.archive.single .blog-bottom .share{float:none;display:block}
.blog-main.archive.single .blog-bottom .prev-next{float:none;margin-top:15px}
.blog-main.archive.single .blog-bottom .share li a i{margin-right:5px}
.blog-main.archive.single .blog-bottom .share li a{padding:5px 10px}
.blog-main.archive.single .blog-bottom .share li{margin-right:5px}
.projects .project-nav ul li{padding:5px 8px}
.projects.single .projects-content h2{font-size:20px}
.projects.single .projects-slider #bx-pager a img{width:70px;height:55px}
.projects .projects-sidebar{margin-bottom:30px}
.projects.single .projects-slider #bx-pager{padding:5px}
.call-to-action h2{margin:0;font-size:22px}
.call-to-action h2 span{font-size:22px;margin:0;font-weight:500}
.call-to-action .btn{margin:20px 0 0 0}
.team .t-icon a{display:none}
.about-us .tabs-main{padding:20px}
.about-us .tabs-main{margin:0}
.about-us .tabs-main .nav-tabs{border-radius:0;top:0;position:relative;margin:0}
.about-us .tabs-main .nav-tabs li a{padding:12px 22px}
}
@media (max-width:450px){.section-title{padding:0 20px}
.breadcrumbs .bread-list{padding:12px 70px}
.breadcrumbs h2{color:#fff;text-transform:none;font-size:25px;padding:15px 0}
.breadcrumbs ul li a{font-size:15px}
.hero-area .slide-text{padding-right:0}
.hero-area .slide-text.right{padding:0 0 0 0}
.hero-area.creative .slide-text{padding:0 10px}
.hero-area.creative .slide-text h1{color:#353535;margin:0;line-height:28px;font-size:25px}
.hero-area.animate-text .single-slider .slide-text .btn{padding:12px 20px;font-size:13px}
.hero-area.animate-text .slide-text{padding-right:0}
.projects.single .project-slider #bx-pager a img{width:50px;height:40px}
.projects.single .project-slider #bx-pager{padding:5px}
.testimonials .testimonial-info .arrow::before{left:46%}
.blog-main.archive.single .blog-bottom .share li{display:block}
.blog-main .single-comments .head{width:30%}
.call-to-action h2{font-size:18px}
.call-to-action h2 span{font-size:18px}
.about-us .tabs-main .nav-tabs li a{padding:10px 15px}
.about-us .tabs-main .nav-tabs li a::before{display:none}
.coming-soon .coming-time{padding:15px}
.coming-soon .coming-text h2{font-size:25px}
.coming-soon .coming-text p{padding:0}
.coming-soon .cdown span{font-size:20px}
.coming-soon .subscription-form{position:absolute;top:0;width:100%;background:#353535;left:0;margin-left:0;text-align:center;padding:70px 20px}
.error-page .error-inner h1{font-size:100px}
.error-page .error-inner h1 span{font-size:35px}
}
#allow_subscribe {height:auto !important;width:30px !important;}

.social-icon {
	padding: 0 20px;
}

.social-icon a {
    padding: 20px;
    font-size: 25px!important;
    width: 70px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.social-icon a:hover {opacity: 0.7;}


.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-instagram {
    color: white;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(
45deg
, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(
45deg
, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-whatsapp {
  background: #4AC959;
  color: white;
}

.fa-envelope {
  color: #c2272a!important;
}

.fa-telegram {
  background: #0088cc;
  color: white;
}

.atentie {
 margin: 35px 5px;
 border: 3px dashed #c2272a;
 font-size: 24px;
 padding: 15px;
 line-height: 1.8;
}