/* RTL file*/ *{ margin:0; padding:0; outline:none; } body{ margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word; background-color:#f1f1f1; font:12px/22px arial; color:#5b5b5b; font-family: 'Poppins', sans-serif; } img{ margin:0; padding:0; border:none; max-width:100%; height:auto; } section img{ max-width:100%; } h1, h2, h3, h4, h5, h6{ margin:0; padding:0 0 15px; } p{ margin:0; padding:0; } a{ text-decoration:none; color:#dd3333; } a:hover{ text-decoration:none; color:#666; } ul, ol{ margin:0 15px 0 0; padding:0; } input[type='submit']{ background-color: #d6d6d4; padding: 1%; border: 0; color: #000; margin: 2% 0; } .clear{ clear:both; } input[type='submit']:hover{ cursor: pointer; } input[type="text"], input[type="email"], input[type="phno"], textarea{ border:1px solid #bcbcbc; width:100%; font-size:16px; padding:10px 10px; margin:0 0 23px 0; height:auto; } textarea{ height:111px; } select{ width:100%; } .center{ text-align:center; margin-bottom:40px; } .main-wrapper{ margin:20px auto; padding:0; min-height: 550px; } .wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%; } .wp-caption-text{ margin:0; padding:0; } .screen-reader-text { position: absolute; top:-9999em; right:-9999em; } .sticky{ margin:0; padding:0; } .gallery-caption{ margin:0; padding:0; } .alignleft, img.alignleft { display: inline; float: right; margin-left:45px; margin-top:4px; margin-bottom:20px; padding:0; } .alignright, img.alignright { display: inline; float: left; } .aligncenter, img.aligncenter { clear: both; display: block; margin-right: auto; margin-left: auto; margin-top:0; } .comment-list .comment-content ul { list-style:none; margin-right:15px; } .comment-list .comment-content ul li{ margin:5px; } .toggleMenu{ display:none; } .bypostauthor{ margin:0; padding:0; } section{ padding:34px 0; position:relative; max-width:1400px; margin:0 auto; } h2.section-title { font-family:'Roboto'; font-size:30px; font-weight:700; padding:0 0 45px 0; text-align:center; display:table; margin-bottom:50px; } /* --------- SLIDER--------- */ p.slider_parg { font-size: 16px !important; font-weight: normal !important; text-align: right; margin-right: 164px !important; margin-top: 13px !important; color: #000; font-family: Open, sans-serif; } #slider{ max-width:100%; margin:auto; padding:0; position:relative; } .nivo-caption { top:25%!important; } #slider .slide-cap{ position:relative; margin:auto; width:90%; margin-left:auto; margin-right:auto;top:25%; } #slider .slide-cap h4{ text-transform:uppercase; font-size:25px; width:100%; margin:0 auto; background:url('images/welcome.png') center no-repeat; background-position: center; padding:5px 0; font-weight:bold; } #slider .slide-cap h3 { font: 700 80px 'Roboto'; text-transform: uppercase; background: url('images/border.png') no-repeat center bottom; padding-bottom: 50px; font-size: 38px; } #slider .slide-cap p { color: #fff; font-weight: bold; padding: 0 10%; } .main-slide { margin: 0 auto; background: rgba(0, 0, 0, 0.47); width: 80%; padding: 10px 0 20px; } .slide-button a { background: #dd3333; color: #fff; font-size: 20px; padding: 10px 15px; } .slide-button { margin: 20px; } a.blog-more{ display:inline-block; font:400 16px 'Roboto Condensed', sans-serif; padding:10px 30px; margin-top:21px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-left:15px; } /*blog section*/ .attachment img { width: 100%; } a.r_button { background: rgba(158, 158, 158, 0.38); padding: 0.5em 2em; color: #000; font-weight: bold; } section h3 { font-weight: bold; text-align: center; margin: 0 0 7px; padding: 0; font-size: 30px; color: #000; } /*-----------------Search pop up----------------*/ .serach_outer { position: fixed; width: 100%; height: 100%; background: #000; overflow: hidden; transition: 0.5s; z-index: 1; top: 0; right: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.8); display: none; } .serach_inner { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .closepop { position: absolute; top: 20%; transform: translateY(-50%); width: 100%; left: 0; text-align: left; margin-left: 28px; } .serach_outer i { font-size: 24px; padding: 4px 0 0 0; color: #bbb; cursor: pointer; } .serach_inner form.search-form { display: table; padding: 0; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; } .serach_inner form.search-form { display: table; border: 1px solid #bababf; padding: 14px 20px; border-radius: 0; background: #ffffff; margin: 0 auto; max-width: 700px; width: 100%; border-radius: 30px; } .serach-page input.search-field { border: 1px solid #ccc; padding: 9px; } button.search-submit { border: 0; background: transparent; } input.search-field { border: none; padding: 4px 0; background: transparent; width: 95%; } .social-media .dashicons{ margin: 0 6px; padding: 0; } .menubar .social-media a:hover{ color:#3890cb; } i.fas.fa-headphones { color: #ffffff; font-size: 25px; cursor: pointer; border-left: 2px solid #ffffff; padding: 5px 8px; padding: 3px 6px 11px 8px; } .consultation a { border: 2px solid #fff; padding: 8px 7px; padding-right: 0; } .consultation { background-size: cover; background-repeat: no-repeat; } .consultation span { padding: 0 3px; text-align: center; font-size: 14px; text-transform: uppercase; color: #fff; } ul.search-consult { float: left; padding: 10px 0; } ul.search-consult li:nth-child(1) { list-style: none; display: inline; } ul.search-consult li:nth-child(2) { list-style: none; display: inline; } .serach_inner input[type="search"] { width: 89%; } /*--------------header-------------*/ .page-template-custom-home-page #header { position: absolute; top: 4em; z-index: 99; width: 100%; background: transparent; } #header{ background: #fff; } .inner-box { background: #fff; padding: 0 !important; } .padding0{ padding: 0 !important; } .appointbtn { background: #dd3333; padding: 21px 0; text-align: center; } .appointbtn a { color: #fff; font-size: 18px; } .topbar { padding: 15px 0; float: right; width: 100%; } .topbar span { font-size: 15px; margin-left: 30px; } .topbar i { margin-left: 15px; } .menus { background: #111111; } #header .socialbox i { margin: 0 7px; color: #000; } #header .socialbox i:hover { color: #dd3333; } .logo a:hover { text-decoration: none; } #header .logo{ margin:0; padding:10px 0; text-align:center; } #header .logo h1{ text-transform:uppercase; padding:0; margin-bottom:0; font-size:30px; margin-top: 0; text-align:center; } #header .logo a{ color: #333333; font-size: 40px; letter-spacing: 3px; text-transform: none; } #header .logo p{ font-size:12px; color: #999; } #header .header-top{ background:#000; color:#aaaaaa } .toggle{ display:none; } .header{ z-index:999; width:100%; height:auto; } .header .nav{ margin:0; padding:0; text-align:right; } #header .nav ul { text-align: center; margin:0; padding:0; font-weight:400; font-size:14px; text-transform: uppercase; font-weight:bold; } #header .nav ul li{ display:inline-block; margin:0; position:relative; } #header .nav ul li a { color: #fff; padding: 22px 12px; font-size: 15px; display: block; text-align: right; text-transform: none; letter-spacing: 2px; font-weight: normal; } #header .nav ul li a:hover{ background: #dd3333; text-decoration: none; } #header .nav ul.sub-menu li{ display: inline; } #header .nav ul.children li { display: inline; } .header-widget{ margin:0; padding:0; clear:left; color:#ffffff; text-align:left; } .header-widget h4.header-title{ font-size:18px; margin:0; padding:0; color:#ffffff; } .header-widget li{ display:inline; border-right:1px solid #f1f1f1; padding-right:5px; } /* --------- Homepage --------- */ #blog_sec i { font-size: 13px; color: #000; margin-left: 10px; } .postbtn a { font-size: 14px; font-weight: bold; letter-spacing: 1px; } .section-title { text-align: right; padding: 10px 0px; } .blog-section .section-title a { color: #000; font-size: 20px; font-weight: 400; } .blog-section .section-title a:after{ content: ""; display: block; width: 100px; height: 3px; background: #dd3333; margin-top: 7px; } .blog-section .section-title a:hover{ text-decoration:none; } .blog-section .new-text p{ font-size: 14px; color: rgba(0, 0, 0, 0.78); margin: 10px 0; line-height:23px; } .inner-service { border: 1px solid #000; margin-bottom: 3%; padding: 15px; } .blog-section .about-us{ padding: 10px; margin-top:20px; } .blog-section .about-us a{ border: 1px solid #000; padding:8px 20px; color: #000; text-decoration:none; text-transform: uppercase; font-size: 19px; } .blog-section .button{ margin: 0 18%; display: inline-block; } /* Breadcrumb */ .bradcrumbs{ padding:30px 0; } .bradcrumbs a{ background:#f1f1f1; color:#000; padding:5px 15px; margin-left:5px; line-height: 37px; } .bradcrumbs a:hover{ background:#ffd34e; } .bradcrumbs span{ background:#dddddd; color:#000; padding:5px 15px; } /*-------------------------------- Sweep To Right ----------------------*/ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; right: 0; left: 0; bottom: 0; background: #dd3333; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: #fff; font-weight: bold; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* --------- Blog Page ------- */ .metabox{ color:#000; padding:15px 0; clear:both; } .metabox .entry-date{ background:url('images/date.png') no-repeat; padding: 0 20px 0 0; margin:0 0 0 13px; } .metabox .entry-author{ background:url('images/author.png') no-repeat; padding: 0 20px 0 0; margin:0 0 0 20px; } .metabox .entry-comments{ background:url('images/comments.png') no-repeat; padding: 0 20px 0 0; } /* Comments BOX */ #comments{ margin-top:40px; } #comments h2.comments-title{ font-size:20px; font-weight:bold; border-top:2px dotted #7e7e7e; padding:40px 0 0 0; } #comments h3.comment-reply-title{ font-size:20px; font-weight:bold; clear:both; } #comments input[type="text"], #comments input[type="email"], #comments textarea { padding:12px 10px; font-size:18px; margin:20px 0 0 0; } #comments input[type="submit"].submit{ background:#000 !important ; padding:10px 60px; text-transform:uppercase; font-weight:bold; margin-top:20px; margin-right: 0px; color: #fff; } #comments a.comment-reply-link{ color:#000; background:#cecece; padding:5px 15px; } #comments a.comment-reply-link:hover{ background:#dd3333; } #comments a time{ color:#000; font-weight:bold; font-size:12px; } #content_box #comments ol li{ width:100%; background:none; list-style:none; margin: 0 0 20px; padding: 20px; background:#eee; display:inline-block; } #content_box #comments ul{ margin:0 40px 0 0; } #comments .reply{ float:left; } .comment-respond{ clear:both; } #comments .comment-metadata{ width:90%; float:right; padding:1% 0 0 0; } #comments .comment-content{ width:90%; float:right; margin-right:7%; } #comments p { width:90%; float:right; } .comment-list, ol.comment-list{ list-style:none; margin-right:0; margin-top:20px; margin-bottom:20px; } .comment-list ul, ol.comment-list ul{ list-style:none; } .comment-list li.comment{ margin-top:20px; } .comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{ margin-top:15px; } /*--------------- Sidebar -----------------*/ #sidebar { padding-top: 36px; } #sidebar form{ display: table; width: 100%; } #sidebar h3{ margin:0 0 10px; font-size:20px; color:#000; } #sidebar h3:after{ content: ""; display: block; width: 32px; height: 3px; background: #dd3333; margin-top: 7px; } .widget_categories select { width: 100%; padding: 6px; } #sidebar select { padding: 10px; } #sidebar input[type="search"] { background:transparent; padding:10px 10px; border:solid 1px #000; font-size:15px; color:#000; width:100%; } #sidebar label{ width:71%; float:right; margin-bottom:0; } #sidebar input[type="submit"] { background: #000; border: none; color: #fff; padding: 11px 20px; font-size: 15px; margin: 0; width: 29%; } #sidebar aside{ margin-bottom:30px; border:1px solid #000; padding: 10px; } #sidebar ul { list-style:none; margin:0; padding:0; font-size:17px; } #sidebar ul li a{ color:rgba(0, 0, 0, 0.78); line-height: 32px; padding: 0 2% 0 0; } #sidebar ul li{ font-size: 14px; margin:5px 10px; background:url('images/bullets-sidebar.png') no-repeat 0px 8px; padding-right:20px; } #sidebar .tagcloud a{ background:#fff; color:#000; font-size:15px !important; padding:5px 18px; margin:0 0 5px; display:inline-block; } #sidebar .tagcloud a:hover{ background:#bbb; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 1px 0 0; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } .widget.widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { line-height: 2.5625; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 900; margin-bottom: 1.75em; color: #000; padding-right: 15px; } .widget_calendar tbody a { background-color: #bbb; color: #fff; display: block; font-weight: 700; } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #686868; color: #fff; } .widget th, .widget td { padding: 0.5384615385em; } #sidebar form.search-form { display: table; padding: 0px 10px; border-radius: 20px; } /* Page */ #content_box p{ line-height: 25px; font-size: 16px; margin:20px 0; } #content_box hr{ border:none; border-bottom:2px solid #7e7e7e; margin:20px 0; clear:both; } #content_box h1{ font-size:51px; } #content_box h2{ font-size:32px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } #content_box h3{ font-size:36px; font-weight:normal; margin:0; padding:0; color:#000; margin:0 0 25px; } #content_box h4{ font-size:20px; font-weight:bold; margin:0; padding:0; color:#333; margin:0 0 25px; } #content_box h6{ font-size:18px; } #content_box h6{ margin:0 0 15px; font-size:17px; padding:0; font-weight:bold; line-height:normal; } #content_box ul{ list-style:none; margin:0 10px 0 0; padding:10px 0 0; font-size:16px; } #content_box ul li{ list-style-type: circle; padding:0 4px 0 0; margin:0 0 20px 0; line-height:25px; } #content_box ul li ul li{ list-style-type: circle; } #content_box ol{ list-style: none; margin:0 0px 0 0; padding:10px 0 0 0; font-size:16px; counter-reset: myCounter; } #content_box ol li{ list-style-type: circle; padding:0 0 0 0; margin:0 0 20px 0; } #content_box ol li ol li{ margin:0 0 20px 0; padding:0 5px 0 0; } #content_box h5{ margin:0 0 15px; font-size:18px; padding:0; font-weight:bold; line-height:normal; } .read-moresec{ margin:2% 0; } a.button { border: 2px solid #000; background: #fff; color: #000; font-size: 16px; margin: 20px 0 0; padding: 7px 30px; text-transform: uppercase; font-weight: bold; } /*copyright css*/ .copyright-wrapper { padding:20px 0; background-color:#dd3333; font-size: 18px; font-weight: bold; text-align: center; padding:20px 0; } .copyright-wrapper p, .copyright-wrapper a { color: #fff; } .footer-wp { background: #111; } .footer-wp .rssSummary, .footer-wp ul li, .footer-wp p{ color: #fff; } .footer-wp h3 { text-align: right; font-size: 20px; letter-spacing: 2px; color: #dd3333; } .footer-wp h3:after { content: ""; display: block; width: 40px; height: 3px; background: #dd3333; margin-top: 7px; } .footer-wp input[type="search"]{ width:100%; padding:8px 5%; float:right; } .footer-wp input[type="submit"] { padding: 10px 12px; float: left; border: none; background: #333; border-radius: 0; margin: 0; font-size: 12px; } .footer-wp td#prev a { color: #fff; } .footer-wp caption { font-weight: bold; color: #fff; font-size: 25px; text-align: center; letter-spacing: 2px; } .footer-wp table,.footer-wp th,.footer-wp td { border: 1px solid #858282; text-align: center; } .footer-wp td { padding: 10px; color: #fff; } .footer-wp th { text-align: center; padding: 10px; color: #fff; } .footer-wp select { padding: 8px 5px; } .footer-wp li a { color: #fff; font-size: 17px; } .footer-wp ul li { list-style: none; padding: 5px 0; } .footer-wp ul { margin: 0; } .footer-wp .widget { margin: 5% 0; } .footer-wp .tagcloud a { color: #000; background: #fff; font-size: 15px !important; padding: 5px 18px; margin: 0 0 5px; display: inline-block; } /* Pagination */ .pagination { clear:both; position:relative; font-size:15px; line-height:13px; float:left; font-weight:bold; width:100%; } .pagination span, .pagination a { padding: 12px 16px; display: block; float: right; margin: 0 3px; text-decoration: none; width: auto; color: #fff; background: #000; -webkit-transition: background .15s ease-in-out; -moz-transition: background .15s ease-in-out; -ms-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; font-weight: bold; } .pagination a:hover{ color:#000; background: #dd3333; } .pagination .current{ background: #dd3333; color: #000; font-weight:bold; } #content_box .pagination ul{ margin:0; clear:both; } #content_box .pagination ul li{ margin:0; } /* ------ Contact Form ------ */ .wpcf7{ margin:0; padding:0; color:#222222; } .wpcf7 form{ margin:0; padding:0; } .wpcf7 form span.last{ float:none !important; } .wpcf7 form input[type="text"], .wpcf7 form input[type="email"], .wpcf7 form input[type="tel"], .wpcf7 form input[type="url"], .wpcf7 form input[type="date"], .wpcf7 form select, .leftdiv input[type="text"], .leftdiv input [type="url"], .leftdiv input[type="email"], .leftdiv input[type="tel"], .wpcf7 form textarea, .rightdiv textarea{ width:94%; background-color:#f8f8f8; border:1px solid #e6e5e5; padding:10px; margin-top:15px; color:#777777; } .wpcf7 form textarea, .rightdiv textarea{ height:132px; } .wpcf7 form input[type="checkbox"], .wpcf7 form input[type="radio"], .wpcf7 form input[type="file"]{ margin-top:10px; padding:0; } span.wpcf7-list-item{ margin:0 0 0 15px !important; } .wpcf7 form input[type="submit"], #contact input[type="submit"], #contactform_main input[type='submit']{ margin:25px 0 0 0; padding:5px 20px; border:none; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; background-color:#00A885; } .pagination{ display:table; clear:both; } .pagination ul{ list-style:none; margin:20px 0; } .pagination ul li{ display:inline; float:right; margin-left:5px; } .pagination ul li span, .pagination ul li a{ background:#222222; color:#fff; padding:5px 10px; display:inline-block; } .pagination ul li .current, .pagination ul li a:hover{ background:#ff8a00; } h1.entry-title, h1.page-title { padding: 10px; font-size: 25px; text-transform: uppercase; color: #dd3333; border: solid 1px #000; text-align: center; font-weight: bold; margin-bottom: 10px; } article img{ height:auto; } article p{ margin:10px 0; } form.search-form{ margin-bottom:0px; } input.search-field, .post-password-form input[type=password]{ border:1px #eee solid; padding:4px; } input.search-submit, .post-password-form input[type=submit]{ border:none; color:#ffffff; padding:4px 10px; cursor:pointer; } .wpcf7-form p{ color:#222222; } /*---Our Project --*/ #project h3 { font-family: 'Ubuntu', sans-serif; text-align: right; font-size: 35px; color: #111111; } #project i { color: #dd3333; margin-left: 10px; } .categorybox { background: #fff; box-shadow: -5px 5px 4px 0 #bbb; float: right; width: 100%; margin-bottom: 16px; padding: 10px 0; } .categorybox h4 { font-size: 15px; font-family: 'Ubuntu', sans-serif; font-weight: bold; color: #000; padding: 0; } .mainbox p { margin-bottom: 8px; font-size: 15px; color: #111; } /*responsive menu*/ @media screen and (max-width:720px) { .menus{ background: transparent; } #header .top_headbar{ background: #435061; } .contact, .topbar { text-align: center; } .toggle, .topbar span{ display:block; } .toggle a{ width:100%; color:#000; background:url('images/mobile_nav_right.png') no-repeat left center #dd3333; padding:10px 10px; font-size:16px; } .nav{ display:none; } .admin-bar .header .nav{ top: -86px; } .header .nav{ float:none; margin:0; position:absolute; z-index:999; overflow-x:hidden; top: 22px; width: 100%; } .header .nav ul{ width:100%; float:none !important; margin-top:20px; background-color:#222222; } .header .nav ul li{ border-top:1px #303030 solid; display:block; float:none; text-align:right; } .nav ul li a{ padding:5px 10px; display:block; color:#ffffff !important; } .nav ul li a:hover{ color:#ff8a00; } .nav ul li ul, .nav ul li ul ul{ display:block !important; } .nav ul li ul li a:before{ content:"\00BB \00a0"; } .nav ul li ul li a{ padding-right:20px !important; } .nav ul li ul li ul li a{ padding-right:30px !important; } .header .nav ul li{ width:100%!important; } .header .logo{ text-align:center; } .pagination{ float:none; } .blog-section .button { margin: 0 auto; display: block; width: 34%; } .home .inner-service{ margin: 20px 0 0 0; min-height: auto; } } @media screen and (min-width:720px){ .header .nav ul li ul{ display:none; z-index:2; font-weight:normal; margin: 5% 0 0 0; } .header .nav ul li:hover > ul{ display:block; background:#222222; width:200px; position:absolute; top:66px; right:0; text-align:right; padding:10px 0; z-index:99; } .header .nav ul li:hover > ul li{ display:block; } .header .nav ul li:hover > ul li a{ padding:7px 10px 7px 0px; color:#ffffff; } .header .nav ul li:hover ul li ul{ display:none; } .header .nav ul li:hover ul li:hover > ul{ display:block; position:absolute; right:100px; top:-30px; } .header .nav ul.sub-menu{ margin-top:6px; } .header .nav ul.sub-menu li a:hover{ background:#bbb; color:#fff; } .header .nav ul { margin:0; } .header .nav ul li a{ color:#fff; padding:14px 15px; display:block; } } @media screen and (min-width: 1000px) { #header #header-inner .nav ul li ul li{ display:block; position:relative; float:none; } #header #header-inner .nav ul li ul li a{ color:#000; display:block; padding-top:10px; padding-bottom:10px; border-bottom:1px #313131 solid; } } @media screen and (max-width: 720px) and (min-width: 320px){ .blog-section .new-line { padding-bottom: 5px; font-size: 26px; width: 60%; font-style: oblique; } #sidebar { clear: both; } }