Server IP : 103.53.40.154 / Your IP : 18.116.90.161 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/adisgauges.com/../overseasjunction.com/../alkareemtravel.com/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
@import url('https://fonts.googleapis.com/css?family=Exo+2'); @import url('https://fonts.googleapis.com/css?family=Roboto'); * { margin:0; padding:0; box-sizing:border-box; -webkit-font-smoothing:antialiased; } @import url('https://fonts.googleapis.com/css?family=Exo+2:200,200i,300,400,400i,500,600,700,800&subset=latin-ext'); a, a:focus, a:active, a:hover, object, embed { outline:none; text-decoration:none; } html { overflow-x:hidden; } a img { border:0; } :-moz-any-link:focus { outline:none; } input::-moz-focus-inner { border:0; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #000 inset; background:none !important; background-color:rgba(0, 0, 0, 0.1) !important; background-image:none !important; color:rgb(0, 0, 0); -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-animation-name:autofill; -webkit-animation-fill-mode:both; } :focus { outline:0; } .clearfix:before, .clearfix:after { content:" "; display:table; } .clearfix:after { clear:both; } .clearfix { *zoom:1; } #ourclients { display: block; margin-left: auto; margin-right: auto; background:#f9f9f9; padding-bottom:30px; height:150px; } #ourclients .clients-wrap { display: block; width: 95%; margin: 0 auto; overflow: hidden; } #ourclients .clients-wrap ul { display: block; list-style: none; position: relative; margin-left: auto; margin-right: auto; } #ourclients .clients-wrap ul li { display: block; float: left; position: relative; width: 220px; line-height: 100px; text-align: center; } .egf p{line-height:40px;} #ourclients .clients-wrap ul li img { vertical-align: middle; max-width: 100%; width:150px; -webkit-transition: 0 linear left; -moz-transition: 0 linear left; transition: 0 linear left; } #ourclients h3{ border-bottom:2px solid #3399ff; width:150px; padding:10px; } .clear:after { clear:both; content:""; display:block; } .rgreg img{ padding:20px; } .clear { height:auto; width:100%; display:block; overflow:hidden; clear:both } html { overflow-x:hidden } .box3-inner .box3-overlay, .pagetop, .palovit-title, .slider2-t3 { text-align:center } .palovit-title h3{ color:#0099FF; } a { color:#000000; } a:hover { color:#0da6f8; text-decoration:none; } ol, ul { margin-top: 0; margin-bottom: 10px; padding: 0; margin: 0; } .box, .box2, .grid-box{ color:#000; } html { direction:ltr; overflow-x:hidden; box-shadow:none!important } body { background-color:#FFF; font-size:14px !important; line-height:22px; margin:0; font-family: 'Exo 2', sans-serif; position:relative; } label { font-weight:400 } html.boxed body { background-image:url(../images/bg/brushed_alu.html); background-color:transparent; background-position:0 0; background-repeat:repeat } html.boxed .body { background-color:#FFF; border-top:2px solid #ffa700; border-bottom:2px solid #057533; box-shadow:0 0 4px rgba(0, 0, 0, .15); position:relative; margin:25px auto; max-width:1200px; overflow:hidden; height:auto } .jssorl-oval img { animation-name: jssorl-oval; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes jssorl-oval { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .jssorb05 { position: absolute; } .jssorb05 div { width: 22px !important; height: 5px !important; background: #fff; } .jssorb05 div:hover, .jssorb05 .av { position: absolute; background:#49a1ff; border-color:#49a1ff; overflow: hidden; cursor: pointer; } .jssora22r,.jssora22l{ position: absolute; background: rgba(0, 0, 0, 0.39); width: 50px !important; height: 50px !important; line-height: 55px; text-align: center; border-radius: 100%; cursor: pointer; } .jssora22r:hover,.jssora22l:hover{background:#065c32} .jssora22l:before { cursor: pointer; color:#FFFFFF; content:'\f104'; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; overflow: hidden; font-size: 26px; } .jssora22r:before { cursor: pointer; color:#FFFFFF; content:'\f105'; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; overflow: hidden; font-size: 26px; } @media (min-width: 1200px) { .container { width: 1200px; } } .palovit-title h2 { margin:20px 77px 15px; /*font-size:28px;font-weight:600;*/ font-size: 26px; font-weight: 500; text-transform: uppercase; } .palovit-title p { margin:auto auto 10px;/*max-width:700px*/ } .palovit-title ul { list-style:none; padding:0; margin:0 } .btn.btn-slider-blackk { border: none; text-transform: uppercase; background-color: #065c32; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight: 600; color: #fff; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; overflow: hidden; padding: 8px 21px; } .palovit-title ul li { display:inline-block; border:none; text-transform:uppercase; background-color:#065c32; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-weight: 500; letter-spacing: 0.5px; color:#fff; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; padding:10px 40px; cursor:pointer; margin: 6px 2px; } .palovit-title ul li.active { border:none; text-transform:uppercase; background-color:#e21d23; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; color:#fff; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; padding:10px 40px } .pagetop { background-color:#065c32; border-radius:50%; position:fixed; display:none; padding:8px; right:15px; bottom:15px; height:40px; width:40px } .pagetop i { color:#fff } .box, .box2 { max-width:100%; overflow:hidden; position:relative; background-color:#FFF; border:1px solid #e0e0e0; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) } .box2 { border:none } .box2:hover .box2-wrapper:after, .box:hover .box-wrapper:after { opacity:1 } .box2:hover .box2-wrapper .box2-title, .box:hover .box-wrapper .box-title { transform:translate3d(0, 0, 0); opacity:1 } .box2:hover .box2-wrapper img, .box:hover .box-wrapper img { -webkit-transform:translateY(-18px); -moz-transform:translateY(-18px); -ms-transform:translateY(-18px); -o-transform:translateY(-18px); transform:translateY(-18px) } .box2:hover .box2-wrapper .box2-action, .box:hover .box-wrapper .box-action { transform:translate3d(0, 0, 0); opacity:1 } .box .box-wrapper, .box2 .box2-wrapper { backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); overflow:hidden; position:relative; margin:3px } .box .box-wrapper, .box2 .box2-wrapper, .grid-box .grid-box-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden } .box2 .box2-wrapper { margin:0 } .box .box-wrapper:after, .box2 .box2-wrapper:after { content:''; background:rgba(23, 23, 23, .25); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; bottom:-4px; color:#FFF; left:-4px; position:absolute; right:-4px; top:-4px; opacity:0; z-index:1 } .box .box-wrapper img, .box2 .box2-wrapper img { -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; position:relative; width:100% } .box .box-wrapper .box-title, .box2 .box2-wrapper .box2-title { transition:transform .2s ease-out, opacity .2s ease-out; transform:translate3d(0, 100px, 0); text-transform:uppercase; position:absolute; background:#FFF; font-size:18px; z-index:2; width:100%; left:0; bottom:0; padding:15px } .box .box-wrapper .box-action, .box .box-wrapper .box-title, .box2 .box2-wrapper .box2-action, .box2 .box2-wrapper .box2-title { -webkit-transition:-webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition:-moz-transform .2s ease-out, opacity .2s ease-out } .box2 .box2-wrapper .box2-title { background:#000; color:#fff } .box .box-wrapper .box-title .box-detail, .box2 .box2-wrapper .box2-title .box2-detail { text-transform:none; font-size:12px } .box .box-wrapper .box-action, .box2 .box2-wrapper .box2-action { transition:transform .2s ease-out, opacity .2s ease-out; transform:translate3d(0, -10px, 0); top:50%; left:3px; right:auto; bottom:auto; width:100%; height:40px; margin-top:-20px; text-align:center; position:absolute; opacity:0; z-index:2 } .box .box-wrapper .box-action .box-action-icon, .box2 .box2-wrapper .box2-action .box2-action-icon { background:rgba(255, 167, 0, .7); -webkit-transition:all .1s ease; -moz-transition:all .1s ease; transition:all .1s ease; display:inline-block; font-size:25px; position:relative; line-height:37px; z-index:2; left:auto; right:auto; top:auto; bottom:auto; width:40px; height:40px; margin:2px } .box .box-wrapper .box-action .box-action-icon:hover, .box2 .box2-wrapper .box2-action .box2-action-icon:hover { -webkit-transform:scale(1.15, 1.15); -moz-transform:scale(1.15, 1.15); -ms-transform:scale(1.15, 1.15); -o-transform:scale(1.15, 1.15); transform:scale(1.15, 1.15) } .box .box-wrapper .box-action .box-action-icon i, .box2 .box2-wrapper .box2-action .box2-action-icon i { position:static; font-size:18px; left:3px; top:-4px; color:#FFF } .box3-inner { position:relative } .box3-inner .box3-overlay { position:absolute; color:#fff; width:100%; height:100%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .box3-inner .box3-overlay .box3-overlay-in { display:table; height:100%; width:100% } .box3-inner .box3-overlay .box3-overlay-in .box3-info { display:table-cell; vertical-align:middle; padding:0 15px } .box3-inner .box3-overlay .box3-overlay-in .box3-info p { color:#fff; font-size:13px; font-weight:700; transform:translate3d(0, 80px, 0); -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease } .box3-inner .box3-overlay .box3-overlay-in .box3-info .box3-links, .box3-inner .box3-overlay .box3-overlay-in .box3-info p { opacity:0; -webkit-transform:translate3d(0, 80px, 0); -moz-transform:translate3d(0, 80px, 0); -ms-transform:translate3d(0, 80px, 0); -o-transform:translate3d(0, 80px, 0) } .box3-inner .box3-overlay .box3-overlay-in .box3-info .box3-links { display:block; transform:translate3d(0, 80px, 0); -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease } .box3-inner .box3-overlay .box3-overlay-in .box3-info .box3-links hr { margin:10px auto; width:50px } .box3-inner .box3-overlay .box3-overlay-in .box3-info .box3-links a { font-size:12px; color:#fff; margin:0 5px; opacity:.7 } .box3-inner .box3-overlay .box3-overlay-in .box3-info .box3-links a:hover { opacity:1 } .box3-inner:hover .box3-overlay { opacity:1; background:rgba(0, 0, 0, .7); -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease } .box3-inner:hover .box3-overlay .box3-overlay-in p { opacity:1; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); -webkit-transition-delay:.3s; transition-delay:.3s; -o-transition-delay:.3s; -ms-transition-delay:.3s } .box3-inner:hover .box3-overlay .box3-overlay-in .box3-links { opacity:1; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); -webkit-transition-delay:.4s; transition-delay:.4s; -o-transition-delay:.4s; -ms-transition-delay:.4s } .slider2-t3, .slider3-t2 { line-height:29px; opacity:.9 } .slider1-t1 { color:#fff; font-weight:600; font-size:22px } .slider1-t2 { font-size:55px; color:#fff; font-weight:700; letter-spacing:-2px } .slider1-t3 { font-size:22px; color:#fff; font-weight:500 } .slider2-t1 { color:#ffa700; font-weight:600; font-size:35px } .slider2-t2 { font-size:40px; color:#fff; font-weight:600; letter-spacing:-2px } .slider2-t3 { font-size:14px; color:#fff; width:54%; font-weight:300 } .slide-btn { background:#fff!important; color:#000!important } .slide-btn:hover { background:#dfdfdf!important; transform:all ease .3s } .slider3-t1 { color:#fff; font-weight:600; font-size:35px } .slider3-t2 { font-size:14px; color:#fff; width:47%; font-weight:300; text-align:left } .slider4-t1 { color:#fff; font-weight:600; font-size:25px } .slider4-t2 { font-size:13px; color:#fff; width:90%; line-height:27px; font-weight:300; text-align:center; opacity:.8 } .slider4-t3 { line-height:24px!important; height:24px!important; padding-left:30px!important; padding-right:30px!important } .owl-theme .owl-controls .owl-page span { width:10px; height:10px; margin:5px 6px } .main { position: relative; overflow: hidden; width: 100%; } .main section.dotted-bg { background:url(../images/dotted-bg.html) bottom center repeat-x } .main section.border-top { border-top:solid 1px #eee } .main section.sevices hr { margin-left:0 } .main section.sevices .button { text-align:center; padding:60px 0 15px } .main section.projets .item { margin-top:30px } .main section.projets .button { text-align:center; padding:60px 0 30px } .main section.intro { background:url(../images/parallax-bg.html) center center no-repeat fixed; padding:100px 0; background-size:cover; position:relative } .main section.intro:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.intro p { line-height:35px; font-weight:600; font-size:20px; color:#fff } .main section.intro hr { border-top:1px solid #999; width:50px } .main section.intro a { text-transform:uppercase; font-size:13px; color:#999 } .main section.personnel .item { margin:30px 15px 0 } .main section.personnel .item div { border-top:solid 1px #e0e0e0; border-left:solid 1px #e0e0e0; border-right:solid 1px #e0e0e0; border-bottom:solid 3px #ffa700; background-color:#fff; text-align:center; padding:30px } .main section.personnel .item div img { margin-bottom:30px; width:80px; height:80px } .main section.personnel .item div hr { margin:30px } .main section.personnel .item div a { font-weight:600; font-size:15px; display:block; color:#282828 } .main section.personnel .item div span { color:#999 } .main section.personnel .owl-controls { margin-top:50px } .main section.personnel .owl-controls .owl-pagination .active span { background-color:#ffa700 } .main section.news .details { margin-bottom:25px; position:relative } .main section.news .details img { height:400px; width:100% } .main section.news .details div { position:absolute; padding:20px; left:15px; right:15px; bottom:0 } .main section.news .details div:before { content:''; top:0; left:0; right:0; bottom:0; position:absolute; background:-moz-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .13) 13%, rgba(0, 0, 0, .49) 44%, rgba(0, 0, 0, .6) 58%, rgba(0, 0, 0, .64) 99%, rgba(0, 0, 0, .57) 100%); background:-webkit-linear-gradient(top, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .13) 13%, rgba(0, 0, 0, .49) 44%, rgba(0, 0, 0, .6) 58%, rgba(0, 0, 0, .64) 99%, rgba(0, 0, 0, .57) 100%); background:linear-gradient(to bottom, rgba(0, 0, 0, .02) 0, rgba(0, 0, 0, .13) 13%, rgba(0, 0, 0, .49) 44%, rgba(0, 0, 0, .6) 58%, rgba(0, 0, 0, .64) 99%, rgba(0, 0, 0, .57) 100%); filter:progid: DXImageTransform.Microsoft.gradient( startColorstr='#05000000', endColorstr='#91000000', GradientType=0) } .main section.news .details div p { position:relative; color:#fff } .main section.news .details div a { position:relative; font-weight:700; font-size:18px; color:#fff } .main section.news .list, .main section.news .list .item { margin-bottom:30px } .main section.news .list .item:last-child { margin-bottom:0 } .main section.news .list .item img { height:113px } .main section.news .list .item p { margin-top:15px; margin-bottom:0 } .main section.news .list .item a { font-weight:600; color:#282828; font-size:13px } .main section.news .button { text-align:center; padding:45px 0 30px } .main section.clients img { width:100% } .main section.archive .container { border:1px solid #eee; box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -moz-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); background-color:#fff; position:relative } .main section.archive .container .row div { border-right:solid 1px #eee; text-align:center } .main section.archive .container .row div:last-child { border-right:none } .main section.archive .container .row div span { margin:auto auto 30px; border:2px solid #ffa700; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:block; height:75px; width:75px; transition:all ease .3s } .main section.archive .container .row div span i { font-size:26px; margin:23px; color:#000; display:inline-block } .main section.archive .container .row div h4 { text-transform:uppercase; font-weight:500; font-size:16px; letter-spacing:1px } .main section.company .item div hr { margin-left:0 } .main section.company .item div h4 { font-weight:600; font-size:18px } .main section.company .item div ul { list-style:none; margin:15px 0 0; padding:0 } .main section.company .item div ul li:before { font-family:FontAwesome; position:absolute; content:'\f111'; font-size:5px; color:#ffa700; left:1px; top:0 } .main section.company .item div ul li { position:relative; padding-left:14px; color:#999; font-size:12px; margin:8px 0 } .main section.company .owl-controls { margin-top:50px } .main section.company .owl-controls .owl-pagination .active span { background-color:#ffa700 } .main section.counter { background:url(../images/parallax-bg.html) center center no-repeat fixed; padding:75px 0; background-size:cover; position:relative } .main section.counter:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.counter strong { margin-bottom:5px; font-weight:500; font-size:27px; display:block; color:#fff; line-height:30px } .main section.counter span { color:#fff; font-size:15px; letter-spacing:1px } .main section .left hr, .main section .right hr { margin-left:0 } .main section.accordion .right .carousel hr { border-top:1px solid #e0e0e0 } .main section .left h4, .main section .right h4 { margin:0 0 30px; font-size:18px; font-weight:600 } .main section.form .left p { margin:0 0 20px } .main section.form .right .form-box { box-shadow:0 0 8px rgba(0, 0, 0, .15); background-color:#fff } .main section.plans .pricing { text-align:center; border:1px solid #e0e0e0; padding:45px 0; margin:45px 0 30px; background:#fff } .main section.news2 .item, .main section.news3 .item div { background: #ffffff; box-shadow: 0px 3px 4px #dedede; } .main section.plans .pricing .price li { list-style:none } .main section.plans .pricing .price li.coin { font-size:35px; letter-spacing:-1px; line-height:36px; color:#000 } .main section.plans .pricing .price li.coin small { font-size:22px; color:#ababab; font-weight:300 } .main section.plans .pricing .price li.per-month { font-size:13px; color:#bdbcbc; font-weight:300 } .main section.plans .price { padding:0 45px } .main section.plans .price hr { margin-bottom:0; margin-top:35px } .main section.plans .plan-features { color:#b2b2b2; padding-bottom:20px; padding-left:0 } .main section.plans .plan-features li { list-style:none; line-height:26px; font-size:13px } .main section.plans .pricing h3 { padding:26px; font-weight:600; font-size:17px; margin:0 } .main section.news2 .item { margin:15px } .main section.news2 .item div { padding:15px } .main section.news2 .item div h4 { font-size:15px; font-weight:600; line-height:22px; padding:8px 0; margin:0 } .main section.news2 .item div a.read { font-size:12px; color:#000; padding-top:10px; display:block; font-weight:600; width:90px } .main section.news2 .item div a.read:after { font-family:FontAwesome; margin-left:10px; content:'\f054'; font-size:11px } .main section.news2 .owl-controls { margin-top:50px } .main section.news2 .owl-controls .owl-pagination .active span { background-color:#ffa700 } .main section.news3 .item { margin:15px 0 } .main section.news3 .item div { padding: 10px 15px; } .main section.news3 .item div h4 { font-size:15px; font-weight:600; line-height:22px; padding:8px 0; margin:0; text-transform: uppercase; } .main section.news3 .item div a.read:after { font-family:FontAwesome; margin-left:10px; content:'\f054'; font-size:11px } .main section.archive2 .item div:first-child { float:left; width:15% } .main section.archive2 .item div:last-child { float:left; width:85% } .main section.archive2 .item div i { margin-top:10px; font-size:28px; color:#ffa700 } .main section.archive2 .item div h4 { font-size:15px; font-weight:600; letter-spacing:1px; margin-bottom:10px; margin-top:0; display:block } .gray_bg { background:#f7f5f3 } .main section.news3 .box_col { background:#FFF } .main section.news3 .box_col .min_box { position:relative; min-height:200px; } .main section.news3 .box_col .min_box div{ position:absolute; right:15px; bottom:20px; } .main section.news3 .box_col h3 { color: #333333; font-size: 18px; } .main section.news3 .box_col h2 { color: #49a1ff; font-weight: 200; font-size: 20px; font-family: 'Roboto', sans-serif; } .main section.news3 .box_col h2 span { font-size:15px; font-weight:300 } .main section.news3 .box_col a { color:#49a1ff; font-family: 'Roboto', sans-serif; } .main section.news3 .box_col a:hover { color:#df0209 } .main section.form2 { background:url(../images/testimonials.jpg) center center no-repeat fixed; padding: 90px 0; background-size: cover; position: relative; text-align: center; min-height: 500px; } .main section.form2:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, 0.52) } .main section.form2 h2 { color:#fff } .main section.form2 .item>div { margin-bottom:30px } .main section.form2 img { border: 2px solid #2b2b2b; border-radius: 100%; background: #000; width: 100px; height: 100px; } .main section.form2 hr { width:20%; } .main section.form3 { background:url(../images/parallax-bg.html) center center no-repeat fixed;/*padding:50px 0 20px*/ background-size:cover; position:relative; text-align:center; } .main section.form3:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.form4 { background:url(../images/umrah.jpg) center center no-repeat fixed;/*padding:50px 0 20px*/ background-size:cover; position:relative; text-align:center; } .main section.form4:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.form5 { background:url(../images/hujj.jpg) center center no-repeat;/*padding:50px 0 20px*/ background-size:100%; position:relative; text-align:center; } .main section.form5:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.form6 { background:url(../images/payment-banner.jpg) center center no-repeat fixed;/*padding:50px 0 20px*/ ; background-size:cover; position:relative; text-align:center; } .main section.form6:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.form7 { background:url(../images/ramadan1.jpg) top center no-repeat fixed; padding:50px 0 20px; background-size:cover; position:relative; text-align:center; } .main section.form7:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.form8 { background:url(../images/gallery.jpg) 50% 50% no-repeat fixed;/*padding:50px 0 20px*/ background-size:cover; position:relative; text-align:center; } .main section.form8:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .padding-banner { padding:8em 2em; position:relative } .main section.accordion .left .panel, .main section.accordion .left .panel .panel-body { box-shadow:none; border:none } .main section.accordion .left .panel .panel-heading { border:1px solid #ddd; border-radius:3px; padding:10px 15px } .main section.accordion .left .panel .panel-heading a { font-size:13px; line-height:25px; display:block } .main section.accordion .left .panel .panel-heading a i { color:#ffa700; font-size:12px; line-height:25px; padding-right:14px; margin-right:12px; border-right:solid 1px #ddd } .main section.accordion .right .carousel { background-color:#f5f5f5; border:1px solid #ddd; border-radius:3px; padding:20px } .main section.accordion .right .carousel .item img { border:2px solid #000; width:100%; border-radius:100% } .main section.accordion .right .carousel .item strong { font-size:16px; font-weight:500; color:#282828 } .main section.accordion .right .carousel .carousel-control { color:#000!important; text-shadow:none; opacity:.8; background:0 0; font-size:15px; padding:5px; height:30px; width:30px; top:70px } .main section.accordion .right .carousel .item span { color:#ffa700 } .main section.accordion .right .carousel .carousel-control.left { left:auto; right:80px } .main section.accordion .right .carousel .carousel-control.right { left:auto; right:50px } .main section.projets3 .item { padding:0 } .main section.projets3 .button { text-align:center; padding-top:50px } .main section.news4 .item { margin:15px 0 } .main section.news4 .item div { box-shadow:0 0 8px rgba(0, 0, 0, .05); border-left:solid 1px #eee; border-right:solid 1px #eee; border-bottom:solid 3px #ffa700; padding:15px; background-color:#fff } .main section.news4 .item div h4 { font-size:15px; font-weight:600; line-height:22px; padding:8px 0; margin:0 } .main section.news4 .item div a.read { font-size:12px; color:#000; padding-top:10px; display:block; font-weight:600; width:90px } .main section.news4 .item div a.read:after { font-family:FontAwesome; margin-left:10px; content:'\f054'; font-size:11px } .main section.news4 .button { text-align:center; padding-top:30px } .main section.company3 .item { margin:15px 0 } .main section.projets4 .palovit-title { text-align:left } .main section.projets4 .palovit-title hr { margin-left:0 } .main section.projets4 .owl-controls { position:absolute; top:-75px; left:0; right:0 } .main section.projets4 .owl-controls .owl-buttons { text-align:right; padding:0 15px; margin:0 auto; width:1170px } .main section.projets4 .owl-controls .owl-buttons div { background-color:#f5f5f5; border:1px solid #ddd; border-radius:3px; color:#282828 } .main section.projets4 .owl-controls .owl-buttons div i { margin-top:6px } .main section.tab .details hr { margin-left:0 } .main section.tab .details ul { list-style:none; margin:15px 0 0; padding:0 } .main section.tab .details ul li:before { font-family:FontAwesome; position:absolute; content:'\f111'; font-size:5px; color:#ffa700; left:1px; top:0 } .main section.tab .details ul li { position:relative; padding-left:14px; color:#999; font-size:12px; margin:8px 0 } .main section.tab .tab-box { box-shadow:0 0 8px rgba(0, 0, 0, .15); background-color:#fff } .main section.tab .tab-box ul { border-bottom:1px solid #eee } .main section.tab .tab-box ul li a { color:#282828; padding:25px 23px 19px 15px; font-size:13px; border-right:1px solid #efefef; display:inline-flex; line-height:19px } .main section.tab .tab-box ul li a:hover { background-color:#f8f8f8; border-radius:0 } .main section.tab .tab-box ul li.active a { border-radius:0; border-top:solid 2px #ffa700; border-bottom:1px solid #eee; border-left:solid 1px #eee; border-right:1px solid #eee; background-color:#f8f8f8 } .main section.tab .tab-box ul li:first-child.active a { border-left:none } .main section.tab .tab-box ul li a i { font-weight:400; margin-right:6px; color:#ffa700; font-size:17px } .header { width:100%; z-index:1; } .header.standart_nav .top {/*height:40px; */ border-bottom:#e8e8e8 solid 1px; } .header.standart_nav .center .logo img { height:100px } .header.standart_nav .center .info { padding-right:0!important; padding-left:10px!important; border-right:solid 1px #e9e9e9 } .header.standart_nav .center .info:nth-last-child(-n+2) { border-right:none } .header.standart_nav .center .info:last-child { padding-right:15px!important; padding-left:15px!important; margin:0 } .header.standart_nav .center .info div { float:left } .header.standart_nav .center .info div i { font-size:17px; color:#ffa700; margin:3px 13px; display:inline-block } .header.standart_nav .center .info div strong { font-size:14px; display:block; color:#282828 } .header.standart_nav .center .info div span { color:#999 } .header.standart_nav .center .info .btn { padding-right:25px; padding-left:25px; float:right } .header.standart_nav .bottom { height:50px; border-radius:10px; margin-top:30px; } .header.transparent_nav { border-bottom:solid 1px rgba(255, 255, 255, .17); position:absolute; height:75px } .header.transparent_nav .logo img { margin-top:17px; height:40px } .header.radius_topmenu_nav { position:absolute } .header.radius_topmenu_nav .top .slogan { font-size:12px; color:#fff } .header.radius_topmenu_nav .top>div { padding:10px 30px } .header.radius_topmenu_nav .top>div>div, .header.standart_nav .top>div>div>div>div { padding:0 10px } .header.radius_topmenu_nav .top>div>div:first-child, .header.standart_nav .top>div>div>div>div:first-child { padding-right:0 } .header.standart_nav .top>div>div>div>div .dropdown { color:#777!important } .header.radius_topmenu_nav .top>div>div .dropdown { color:#fff!important } .header.radius_topmenu_nav .top>div>div .dropdown span, .header.standart_nav .top>div>div>div>div .dropdown span { color:#ffa700 } .header.radius_topmenu_nav .top>div>div .social, .header .top>div>div .social { list-style:none; padding:0; margin:0 } .header.radius_topmenu_nav .top>div>div .social li, .header.standart_nav .top>div>div .social li { display:inline-block; vertical-align:top } .header.standart_nav .top>div>div .social li a { padding:4px 15px; text-align:center;/*font-size:20px;*/ display:block; color:#000; border-right:#e8e8e8 solid 1px; } .header.radius_topmenu_nav .top>div>div .palovit-dropdown>li>a, .header.standart_nav .top>div>div .palovit-dropdown>li>a { font-size:12px } .header.standart_nav .top>div>div .social li.facebook a:hover { background-color:#3b5998; color:#FFFFFF; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } .header.standart_nav .top>div>div .social li.twitter a:hover { background-color:#55acee; color:#FFFFFF; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } .header.standart_nav .top>div>div .social li.instagram a:hover { background-color:#008CC9; color:#FFFFFF; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } .header.standart_nav .top>div>div .social li.google a:hover { background-color:#dd4b39; color:#FFFFFF; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } .header.standart_nav .top>div>div .social li.youtube a:hover { background-color:#cd201f; color:#FFFFFF; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } .header.radius_topmenu_nav .top>div>div .social li a { padding:5px; color:#fff } .header.standart_nav .top>div>div .palovit-dropdown { border:1px solid #e2e2e2; box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -moz-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05) } .header.radius_topmenu_nav .radius { background-color:#fff; border-radius:37.5px; height:75px } .header.radius_topmenu_nav .radius .logo { padding:18px 30px } .header.radius_topmenu_nav .radius .logo img { height:39px } .header.transparent_nav .rmenu { float:right; width:68px } .header.radius_topmenu_nav .rmenu, .header.standart_nav .rmenu { float:right } .header.transparent_nav .rmenu>div { display:inline-block; text-align:center; width:47% } .header.transparent_nav .rmenu>div .dropdown { font-weight:600; display:block; line-height:74px; color:#fff; font-size:14px } .header.radius_topmenu_nav .rmenu>#search .dropdown { background-color:#ffa700; -webkit-border-radius:22.5px; -moz-border-radius:22.5px; border-radius:22.5px; text-align:center; display:block; color:#fff; width:45px; height:45px; margin:15px 4px; padding:11px 0 } .header.radius_topmenu_nav .rmenu>div .dropdown-menu, .header.standart_nav .rmenu>div .dropdown-menu, .header.transparent_nav .rmenu>div .dropdown-menu { width:350px; right:15px; left:auto } .header.radius_topmenu_nav .rmenu>div .dropdown-menu:hover, .header.standart_nav .rmenu>div .dropdown-menu:hover, .header.transparent_nav .rmenu>div .dropdown-menu:hover { background-color:#fff } .header.radius_topmenu_nav .rmenu>div .dropdown-menu .account, .header.radius_topmenu_nav .rmenu>div .dropdown-menu .search, .header.standart_nav .rmenu>div .dropdown-menu .account, .header.transparent_nav .rmenu>div .dropdown-menu .account, .header.transparent_nav .rmenu>div .dropdown-menu .search { padding:15px } .remember-box { margin-top:7px } .remember-box label { padding-left:25px } .remember-box label input { margin-left:-25px!important } .header.radius_topmenu_nav .rmenu>div .dropdown-menu .account label, .header.standart_nav .rmenu>div .dropdown-menu .account label, .header.transparent_nav .rmenu>div .dropdown-menu .account label { font-weight:400 } .header.radius_topmenu_nav .rmenu>div .dropdown-menu .account .recover, .header.radius_topmenu_nav .rmenu>div .dropdown-menu .account .signup, .header.standart_nav .rmenu>div .dropdown-menu .account .recover, .header.standart_nav .rmenu>div .dropdown-menu .account .signup, .header.transparent_nav .rmenu>div .dropdown-menu .account .recover, .header.transparent_nav .rmenu>div .dropdown-menu .account .signup { display:none } @media (min-width:992px) { .header.standart_nav nav { display:block!important } .header.radius_topmenu_nav nav, .header.transparent_nav nav { display:block!important; float:right } .header.radius_topmenu_nav nav>ul>li.active:after, .header.standart_nav nav>ul>li.active:after, .header.transparent_nav nav>ul>li.active:after { content:''; display:block; margin:auto; height:3px; width:100%; background:#ffa700 } .header.radius_topmenu_nav nav>ul>li.active, .header.standart_nav nav>ul>li.active, .header.transparent_nav nav>ul>li.active { color:#ffa700 } .header.radius_topmenu_nav nav>ul>li:after, .header.standart_nav nav>ul>li:after, .header.transparent_nav nav>ul>li:after { content:''; display:block; margin:auto; height:3px; width:0; background:0 0; transition:width .5s ease, background-color .5s ease } .header.radius_topmenu_nav nav>ul>li>a, .header.standart_nav nav>ul>li>a, .header.transparent_nav nav>ul>li>a { display:block; font-weight:600; margin:0 10px!important; text-transform:uppercase; font-size:13px } .header.radius_topmenu_nav nav>ul>li:hover:after, .header.standart_nav nav>ul>li:hover:after, .header.transparent_nav nav>ul>li:hover:after { background:#ffa700; width:100% } .header.standart_nav nav>ul>li>a { line-height:40px; color:#ed3237; padding:6px 17px 0 } .header.transparent_nav nav>ul>li>a { line-height:73px; color:#fff; padding:0 } .header.radius_topmenu_nav nav>ul>li>a { line-height:66px; color:#282828; padding:6px 0 0 } .header.radius_topmenu_nav nav>ul>li>a.dropdown-toggle:after, .header.standart_nav nav>ul>li>a.dropdown-toggle:after, .header.transparent_nav nav>ul>li>a.dropdown-toggle:after { font-family:FontAwesome; position:absolute; content:'\f0d7'; font-size:10px } .header.radius_topmenu_nav nav>ul>li.active>a, .header.standart_nav nav>ul>li.active>a, .header.transparent_nav nav>ul>li.active>a { background:0 0; color:#ffa700 } .header.radius_topmenu_nav nav>ul>li>a:focus, .header.radius_topmenu_nav nav>ul>li>a:hover, .header.standart_nav nav>ul>li>a:focus, .header.standart_nav nav>ul>li>a:hover, .header.transparent_nav nav>ul>li>a:focus, .header.transparent_nav nav>ul>li>a:hover { padding-bottom:0!important; background:0 0 } .header.radius_topmenu_nav nav>ul>li>a.dropdown-toggle, .header.standart_nav nav>ul>li>a.dropdown-toggle, .header.transparent_nav nav>ul>li>a.dropdown-toggle { padding-right:23px } .header.standart_nav nav>ul>li>a.dropdown-toggle:after { right:5px; top:3px } .header.transparent_nav nav>ul>li>a.dropdown-toggle:after { right:8px; top:-2px } .header.radius_topmenu_nav nav>ul>li>a.dropdown-toggle:after { right:8px; top:3px } .header.standart_nav nav>ul>li.open, .header.standart_nav nav>ul>li:hover { background:#ed3237; -webkit-border-radius:40px; border-radius:40px; color:#fff; } .header.radius_topmenu_nav nav>ul>li.open>a, .header.radius_topmenu_nav nav>ul>li:hover>a, .header.standart_nav nav>ul>li.open>a, .header.standart_nav nav>ul>li:hover>a, .header.transparent_nav nav>ul>li.open>a, .header.transparent_nav nav>ul>li:hover>a { background:0 0!important; color:#fff!important } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu { background-color:#fff; font-weight:600; font-size:13px; top:-10000px; display:block; opacity:0; left:auto; border:0; box-shadow:0 3px 45px rgba(0, 0, 0, .09); -webkit-box-shadow:0 3px 45px rgba(0, 0, 0, .09); -moz-box-shadow:0 3px 45px rgba(0, 0, 0, .09); margin:-3px 0 0; min-width:200px; padding:3px; text-align:left; border-radius:2px } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li a, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li a, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li a { border-bottom:1px solid #e8e8e8; font-size:.9em; font-weight:400; padding:12px 20px 10px 8px; position:relative; text-transform:none; color:#484848 } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li:last-child a, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li:last-child a, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li:last-child a { border-bottom:0 } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu>li.active>a, .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu>li>a:focus, .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu>li>a:hover, .header.standart_nav nav>ul>li.dropdown .dropdown-menu>li.active>a, .header.standart_nav nav>ul>li.dropdown .dropdown-menu>li>a:focus, .header.standart_nav nav>ul>li.dropdown .dropdown-menu>li>a:hover, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu>li.active>a, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu>li>a:focus, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu>li>a:hover { background-color:#ffa700; color:#fff } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu { position:relative } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after { border-color:transparent transparent transparent #989797; border-style:solid; border-width:5px 0 5px 5px; content:''; display:block; float:right; height:0; margin-right:-10px; margin-top:4px; position:absolute; right:15px; top:8px; width:0 } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu { display:block; left:100%; margin-top:-10px; margin-left:-1px } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu { top:7px } .header.radius_topmenu_nav nav>ul>li.dropdown.open>a, .header.radius_topmenu_nav nav>ul>li.dropdown:hover>a, .header.standart_nav nav>ul>li.dropdown.open>a, .header.standart_nav nav>ul>li.dropdown:hover>a, .header.transparent_nav nav>ul>li.dropdown.open>a, .header.transparent_nav nav>ul>li.dropdown:hover>a { padding-bottom:0 } .header.radius_topmenu_nav nav>ul>li.dropdown.open>.dropdown-menu, .header.radius_topmenu_nav nav>ul>li.dropdown:hover>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown.open>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown:hover>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown.open>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown:hover>.dropdown-menu { display:block; opacity:1; top:auto } .header.radius_topmenu_nav nav>ul>li.dropdown-mega, .header.standart_nav nav>ul>li.dropdown-mega, .header.transparent_nav nav>ul>li.dropdown-mega { position:static } .header.radius_topmenu_nav nav>ul>li.dropdown-mega>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown-mega>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown-mega>.dropdown-menu { left:15px; right:15px } .header.radius_topmenu_nav nav>ul>li.dropdown-mega .mega-content, .header.standart_nav nav>ul>li.dropdown-mega .mega-content, .header.transparent_nav nav>ul>li.dropdown-mega .mega-content { padding:20px } .header.radius_topmenu_nav nav>ul>li.dropdown-mega .mega-sub-title, .header.standart_nav nav>ul>li.dropdown-mega .mega-sub-title, .header.transparent_nav nav>ul>li.dropdown-mega .mega-sub-title { color:#000; display:block; font-size:1em; font-weight:600; margin-top:20px; padding-bottom:5px; text-transform:uppercase } .header.radius_topmenu_nav nav>ul>li.dropdown-mega .mega-sub-title:first-child, .header.standart_nav nav>ul>li.dropdown-mega .mega-sub-title:first-child, .header.transparent_nav nav>ul>li.dropdown-mega .mega-sub-title:first-child { margin-top:0 } .header.radius_topmenu_nav nav>ul>li.dropdown-mega .mega-sub-nav, .header.standart_nav nav>ul>li.dropdown-mega .mega-sub-nav, .header.transparent_nav nav>ul>li.dropdown-mega .mega-sub-nav { list-style:none; padding:0; margin:0 } .header.radius_topmenu_nav nav>ul>li.dropdown-mega .mega-sub-nav>li>a, .header.standart_nav nav>ul>li.dropdown-mega .mega-sub-nav>li>a, .header.transparent_nav nav>ul>li.dropdown-mega .mega-sub-nav>li>a { border:0; color:#777; display:block; font-size:.9em; font-weight:400; margin:0 0 0 -8px; padding:3px 8px; text-shadow:none; text-transform:none; text-decoration:none } .header.radius_topmenu_nav nav>ul>li.dropdown-mega .mega-sub-nav>li:hover>a, .header.standart_nav nav>ul>li.dropdown-mega .mega-sub-nav>li:hover>a, .header.transparent_nav nav>ul>li.dropdown-mega .mega-sub-nav>li:hover>a { background-color:#ffa700; color:#fff } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li a, .header.radius_topmenu_nav nav>ul>li.dropdown .mega-sub-nav li a, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li a, .header.standart_nav nav>ul>li.dropdown .mega-sub-nav li a, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li a, .header.transparent_nav nav>ul>li.dropdown .mega-sub-nav li a { -webkit-transition:-webkit-transform .2s ease-out; -moz-transition:-moz-transform .2s ease-out; transition:transform .2s ease-out; transform:translate3d(0, 25px, 0) } .header.radius_topmenu_nav nav>ul>li.dropdown:hover .mega-sub-nav li a, .header.radius_topmenu_nav nav>ul>li.dropdown:hover>.dropdown-menu li a, .header.standart_nav nav>ul>li.dropdown:hover .mega-sub-nav li a, .header.standart_nav nav>ul>li.dropdown:hover>.dropdown-menu li a, .header.transparent_nav nav>ul>li.dropdown:hover .mega-sub-nav li a, .header.transparent_nav nav>ul>li.dropdown:hover>.dropdown-menu li a { transform:translate3d(0, 0, 0) } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu { -webkit-transition:-webkit-transform .2s ease-out; -moz-transition:-moz-transform .2s ease-out; transition:transform .2s ease-out; transform:translate3d(0, 25px, 0) } .header.radius_topmenu_nav nav>ul>li.dropdown:hover>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown:hover>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown:hover>.dropdown-menu { transform:translate3d(0, 0, 0); margin-top:3px } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>.dropdown-menu { -webkit-transition:-webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition:-moz-transform .2s ease-out, opacity .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out; transform:translate3d(25px, 0, 0); opacity:0 } .header.radius_topmenu_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu:hover>.dropdown-menu { transform:translate3d(0, 0, 0); opacity:1 } .header.radius_topmenu_nav nav>ul>li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu>.dropdown-menu, .header.standart_nav nav>ul>li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu>.dropdown-menu, .header.transparent_nav nav>ul>li.dropdown.dropdown-reverse .dropdown-menu li.dropdown-submenu>.dropdown-menu { -webkit-transition:-webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition:-moz-transform .2s ease-out, opacity .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out; transform:translate3d(20px, 0, 0); left:auto; right:100%; opacity:0 } } .enquery .box_container { position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; display: block !important; width: 82.9%; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-control{ top: 50%; width: 50px; height: 50px; line-height: 46px; background: #0000004a; border-radius: 100%; font-size: 26px; color: #FFF; text-align: center; text-shadow: none; z-index: 999; filter: alpha(opacity=100); opacity: 0; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .carousel-control:focus, .carousel-control:hover, .carousel-control:visited { color: #0066CC; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 1; background:#fff; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } footer.footer .ftop .adress li, footer.footer .ftop .contact h3, footer.footer .ftop .footer-menu li, footer.footer .ftop h4 {/*font-family:Poppins,sans-serif*/ } footer.footer { background-color:#036e3a; color:#fff } footer.footer .ftop { padding:30px 0 } footer.footer .ftop a{color:#fff} footer.footer .ftop a:hover{color:#efefef} footer.footer .ftop .col-md-push-1 { left: 2.333333%; } footer.footer .ftop h4 { text-transform: uppercase; margin-bottom: 15px; color: #fff; font-size: 20px; } footer.footer .ftop p { margin-bottom:15px; color:#FFF; font-size: 15px; } footer.footer .fbottom .social, footer.footer .ftop .social { list-style:none; padding:0; margin:0 } footer.footer .fbottom .social li, footer.footer .ftop .social li { display:inline-block } footer.footer .fbottom .social li a, footer.footer .ftop .social li a { text-align: center; display: block; color: #fff; width: 36px; height: 36px; line-height: 38px; font-size: 13px; background: #495358; } footer.footer .fbottom .social li a:hover, footer.footer .ftop .social li a:hover { color:#fff; border-radius:100%; } footer.footer .fbottom .social li.facebook a:hover, footer.footer .ftop .social li.facebook a { background-color:#3b5998; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .fbottom .social li.twitter a:hover, footer.footer .ftop .social li.twitter a { background-color:#55acee; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .fbottom .social li.instagram a:hover, footer.footer .ftop .social li.instagram a { background-color:#e1306c; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .fbottom .social li.google a:hover, footer.footer .ftop .social li.google a { background-color:#dd4b39; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .fbottom .social li.pinterest a:hover, footer.footer .ftop .social li.pinterest a { background-color:#b02404; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .fbottom .social li.blog a, footer.footer .ftop .social li.blog a { background-color:#10a9a2; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .fbottom .social li.youtube a:hover, footer.footer .ftop .social li.youtube a { background-color:#008CC9; transition:all .2s ease-in; -o-transition:all .2s ease-in; -moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in } footer.footer .ftop .adress, footer.footer .ftop .foot_linsk { list-style:none; padding:0; margin:0; } footer.footer .ftop .foot_linsk li { margin-bottom: 3px; padding-left: 0px; position: relative; line-height: 22px; color: #FFF; font-size: 15px; } footer.footer .ftop .adress li { margin-bottom: 3px; padding-left: 20px; position: relative; line-height: 22px; color: #FFF; font-size: 15px; display:block;/*display:flex; -webkit-display:flex; -ms-display:flex;*/ } footer.footer .ftop .foot_linsk li i { position: absolute; color: #ffffff; top: 4px; left: 0; display: block; float: left; } footer.footer .ftop .adress li a, footer.footer .ftop .foot_linsk li a { color:#FFFF; } footer.footer .ftop .adress li a:hover, footer.footer .ftop .foot_linsk li a:hover { color:#065c32 } footer.footer .ftop .adress li a:hover { color:#ffffff; } footer.footer .ftop .adress li i { position:absolute; color:#FFF; top:4px; left:0 } footer.footer .ftop .footer-menu { list-style:none; padding:0; margin:0 } footer.footer .ftop .footer-menu li { display:inline-block; line-height:36px; padding:0 8px; margin:0 } footer.footer .ftop .footer-menu li.active a { color:#ffa700 } footer.footer .ftop .footer-menu li a { color:#fff } footer.footer .ftop .contact { text-align:right } footer.footer .ftop .contact h3 { font-size:15px; color:#fff; padding:0; margin:0 } footer.footer .ftop .contact p { margin:0 } footer.footer .ftop .center { text-align:center; margin:0 auto; max-width:700px } footer.footer .ftop .center .social { margin-bottom:30px } footer.footer .ftop .center .social li a { margin:0 5px } footer.footer .ftop .center p { margin-bottom:5px } footer.footer .ftop .center hr { border-top:1px solid #626262 } footer.footer .fbottom { background-color:#044b28; padding:15px 0 } footer.footer .fbottom .copyright, footer.footer .fbottom .fmenu { padding-top:0px; font-size:14px } footer.footer .fbottom .copyright { color:#FFF } footer.footer .fbottom .fmenu ul { list-style:none; float:right; padding:0; margin:0 } footer.footer .fbottom .fmenu ul li { border-right:solid 1px #999; display:inline-block; line-height:12px; padding:0 8px; margin:0 } footer.footer .fbottom .fmenu ul li:last-child { border-right:none } footer.footer .fbottom .fmenu ul li a { color:#FFF } footer.footer .fbottom .social { margin-top:13px; float:right } .main section.header-page { background:url(../images/construction_tr.html) center center no-repeat fixed; padding:150px 0 100px; background-size:cover; position:relative } .main section.header-page:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; background-color:rgba(0, 0, 0, .75) } .main section.header-page h1 { font-weight:600; font-size:20px; color:#fff } .main section.header-page .breadcrumb { background:0 0; border-radius:0; margin:0; padding:0 } .main section.header-page .breadcrumb>li+li:before { font-family:FontAwesome; font-size:9px; content:'\f054'; padding:0 9px; color:#999 } .main section.header-page .breadcrumb li a { color:#999 } .main section.about-carousel .item { margin:15px } .main section.about-carousel .owl-controls { margin-top:15px } .main section.about-carousel .owl-controls .owl-pagination .active span { background-color:#ffa700 } .main section.about-progress div hr { margin-left:0 } .main section.about-progress div h4 { font-weight:600 } .main section.about-progress ul li { position:relative } .main section.about-progress ul li h3 { font-weight:500; font-size:12px; margin:10px 0 16px } .main article h3, .main aside h4 { font-weight:600; font-size:17px } .main section.about-progress ul li span { position:absolute; color:#b5b5b5; top:0; right:0 } .main section.about-progress ul li .progress { height:5px; box-shadow:none; background-color:#efefef } .main section.about-progress ul li .progress .progress-bar { background-color:#ffa700; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none } .main article hr { margin:20px 0 } .main aside h4 { margin-bottom:10px } ul.category { list-style:none; margin:0 0 0 -9px; padding:0 } ul.category ul { list-style:none; margin:0 0 0 25px; padding:0 } ul.category li { position:relative; margin:0; padding:0 } ul.category li.active>a { color:#ffa700 } ul.category li a { -webkit-transition:background .15s; -moz-transition:background .15s; transition:background .15s; border-bottom:1px solid #eee; line-height:20px; font-size:12px; display:block; padding:9px; color:#797979 } ul.category li a:after { font-family:FontAwesome; position:absolute; content:'\f054'; font-size:8px; right:9px } ul.contact li a, ul.download li a { display:block; line-height:20px; font-size:12px; color:#999 } ul.category li a:hover { background-color:#eee } ul.download { list-style:none; margin:0 0 0 -5px; padding:0 } ul.download li { position:relative; margin:0; padding:0 } ul.download li a { padding:5px } ul.download li a i { margin-right:3px } ul.contact { list-style:none; margin:0 0 0 -9px; padding:0 } ul.contact li { position:relative; padding:9px; margin:0 } ul.contact li a i { margin-left:5px; font-size:10px } ul.recent-posts { list-style:none; margin:0; padding:0 } ul.recent-posts li { border-bottom:solid 1px #eee; padding-bottom:15px; margin-bottom:15px } ul.recent-posts li label { color:#ffa700; margin-bottom:0 } ul.recent-posts li a { color:#282828; display:block } ul.recent-posts li span { font-size:11px; color:#bbb } .irs-from, .irs-single, .irs-to { color:#282828; background:0 0 } .irs-max, .irs-min { background:0 0 } div.rance-filter form div { font-size:13px; color:#a3a3a3 } div.rance-filter form .RangeText { font-weight:500; color:#282828 } div.rance-filter form button { background-color:#282828; border-radius:15px; padding:6px 20px; margin-top:-5px; color:#fff; border:0 } div.rance-filter form button:active, div.rance-filter form button:focus { outline:0 } ul.best-product { list-style:none; margin:0; padding:0 } ul.best-product li { border-bottom:solid 1px #eee; padding-bottom:15px; margin-bottom:15px } ul.best-product li a { display:block; position:relative; padding-left:60px; min-height:50px } ul.best-product li a img { position:absolute; width:50px; height:50px; top:0; left:0 } ul.best-product li a span { display:block } ul.best-product li a span.product { font-weight:500; font-size:12px; color:#282828; padding-top:5px } ul.best-product li a span.price { color:#ffa700; font-size:11px; line-height:12px } ul.tags { list-style:none; margin:0 0 0 -4px; padding:0 } ul.tags li { border:1px solid #eee; border-radius:16px; margin:4px; float:left } ul.tags li a { padding:4px 20px; display:block; color:#999 } .main article.career span { color:#ffa700 } .main article.career h5 { font-weight:600; font-size:16px; margin-top:4px } .main article.career ul { list-style:none; margin:15px 0 0; padding:0 } .main article.career ul li:before { font-family:FontAwesome; position:absolute; content:'\f111'; font-size:5px; color:#ffa700; left:1px; top:0 } .main article.career ul li { position:relative; padding-left:14px; color:#999; font-size:12px; margin:5px 0 } .main article.company>ul { list-style:none; padding:0; margin:0 } .main article.company>ul>li { border-left:solid 2px #eee; padding:0 0 45px 30px; margin:0 0 0 20px; position:relative } .main article.company>ul>li ul li:before, .main article.company>ul>li:before { font-family:FontAwesome; position:absolute; content:'\f111'; color:#ffa700 } .main article.company>ul>li:last-child { margin:0 0 0 22px; border-left:none } .main article.company>ul>li:before { font-size:10px; left:-5px; top:-6px } .main article.company>ul>li h5 { margin:0 0 12px; font-weight:500; font-size:15px } .main article.company>ul>li p { margin:0 } .main article.company>ul>li ul { list-style:none; margin:15px 0 0; padding:0 } .main article.company>ul>li ul li:before { font-size:5px; left:1px; top:0 } .main article.company>ul>li ul li { position:relative; padding-left:14px; color:#999; font-size:12px; margin:8px 0 } .main article.services .item { margin:15px 0 } .main article.services .item div { border-left:solid 1px #eee; border-right:solid 1px #eee; border-bottom:solid 3px #ffa700; padding:15px } .main article.services .item div h4 { font-size:15px; font-weight:600; line-height:22px; padding:8px 0; margin:0 } .main article.services .item div a.read { font-size:12px; color:#000; padding-top:10px; display:block; font-weight:600; width:90px } .main article.services .item div a.read:after { font-family:FontAwesome; margin-left:10px; content:'\f054'; font-size:11px } .main article.services-detail p b { color:#282828 } .main article.services-detail .item div:first-child { float:left; width:12% } .main article.services-detail .item div:last-child { float:left; width:88% } .main article.services-detail .item div i { margin-top:10px; font-size:20px; color:#ffa700 } .main article.services-detail .item div h4 { font-size:14px; font-weight:600; letter-spacing:1px; margin-bottom:10px; margin-top:2px; display:block } .main article.page-404 div { text-align:center; margin:0 auto; max-width:600px } .main article.page-404 div h1 { font-weight:700; font-size:250px; color:#bab8b9 } .main article.page-404 div h2 { font-weight:700; margin-bottom:20px } .main article.page-404 div button { margin-top:50px } .main article.page-contact h4 { font-size:16px; font-weight:500 } .main article.page-contact .form-control { border-radius:0; color:#949494 } .main article.page-contact .adress { list-style:none; padding:0; margin:0 } .main article.page-contact .adress li { margin-bottom:15px; padding-left:20px; position:relative; line-height:20px; font-size:12px; color:#999 } .main article.page-contact .adress li a { color:#282828 } .main article.page-contact .adress li i { position:absolute; color:#ffa700; top:3px; left:0; font-size:13px } .main article.project-grid .item { margin-bottom:30px } .grid-box { max-width:100%; overflow:hidden; position:relative } .grid-box:hover .grid-box-wrapper:after { opacity:1 } .grid-box .grid-box-wrapper img { width:100% } .grid-box:hover .grid-box-wrapper .grid-box-action, .grid-box:hover .grid-box-wrapper .grid-box-title { transform:translate3d(0, 0, 0); opacity:1 } .grid-box .grid-box-wrapper { backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); overflow:hidden; position:relative } .grid-box:hover .grid-box-wrapper { background:#000; height:100%; display:block; width:100%; top:0; left:0; } /*.grid-box .grid-box-wrapper:after{content:'';background:rgba(0,0,0,.75);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;bottom:-4px;color:#FFF;left:-4px;position:absolute;right:-4px;top:-4px;opacity:0;z-index:1}*/ .grid-box .grid-box-wrapper .grid-box-title { transition: transform .2s ease-out, opacity .2s ease-out; /* transform: translate3d(0,100px,0);*/ text-transform: uppercase; position: absolute; padding: 28px; z-index: 2; width: 100%; height:100%; top: 0; left: 0; text-align: center; vertical-align:middle; opacity:0; background: rgba(37, 37, 37, 0.78); } .grid-box .grid-box-wrapper .grid-box-action, .grid-box .grid-box-wrapper .grid-box-title { -webkit-transition:-webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition:-moz-transform .2s ease-out, opacity .2s ease-out } .grid-box .grid-box-wrapper .grid-box-title .grid-box-category { text-transform:none; font-size:12px; color:#ffa700 } .grid-box .grid-box-wrapper .grid-box-title .grid-box-detail { text-transform: none; font-size: 20px; font-weight: 400; color: #fff; position: absolute; text-align: center; left: 50%; text-transform: uppercase; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .grid-box .grid-box-wrapper .grid-box-title .grid-box-detail span { display:block; color:#0099CC } .grid-box .grid-box-wrapper .grid-box-action { transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(0, -10px, 0); top: -2px; left: 0; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: 0; position: absolute; opacity: 0; z-index: 2; } .grid-box .grid-box-wrapper .grid-box-action .box-action-icon { -webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; display: inline-block; font-size: 25px; position: absolute; /* z-index: 2; */ left: -2px; top: -2px; bottom: auto; margin: 2px; background: #ffa700; height: 50px; width: 50px; text-align: center; padding-top: 12px; transition: 0.5s } .grid-box .grid-box-wrapper .grid-box-action .box-action-icon:hover { background:red; transition: 0.5s } .grid-box .grid-box-wrapper .grid-box-action .box-action-icon i { position:static; font-size:18px; left:3px; top:-4px; color:#FFF } .main article.project-single table tr td { border-top:none; border-bottom:1px solid #eee; padding:11px 0 } .main article.project-single table tr td i { font-size:14px; color:#ffa700; top:8px; left:0; margin-right:10px; width:12px; text-align:center } .main article.project-single table tr td span { color:#282828 } .main article.project-single ul.list { list-style:none; margin:30px 0; padding:0 } .main article.project-single ul.list li:before { font-family:FontAwesome; position:absolute; content:'\f111'; font-size:5px; color:#ffa700; left:1px; top:0 } .main article.project-single ul.list li { position:relative; padding-left:14px; color:#3f3f3f; font-size:11px; margin:5px 0 } .main article.blog-grid .item { margin:15px 0 } .main article.blog-grid .item div { border-left:solid 1px #eee; border-right:solid 1px #eee; border-bottom:solid 3px #ffa700; padding:15px } .main article.blog-grid .item div h4 { font-size:15px; font-weight:600; line-height:22px; padding:8px 0; margin:0 } .main article.blog-grid .item div a.read { font-size:12px; color:#000; padding-top:10px; display:block; font-weight:600; width:90px } .main article.blog-grid .item div a.read:after { font-family:FontAwesome; margin-left:10px; content:'\f054'; font-size:11px } .main article.blog-list .item { -moz-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); border:1px solid #e0e0e0; margin-bottom:30px } .main article.blog-list .item div div:last-child { padding:10px 25px 10px 10px } .main article.blog-list .item div div:last-child h4 { font-size:15px; font-weight:600; line-height:22px; padding:8px 0; margin:0 } .main article.blog-list .item div div:last-child a.read { font-size:12px; color:#000; padding-top:10px; display:block; font-weight:600; width:90px } .main article.blog-list .item div div:last-child span { margin-bottom:5px; display:block; color:#ffa700 } .main article.blog-list .item div div:last-child a.read:after { font-family:FontAwesome; margin-left:10px; content:'\f054'; font-size:11px } .blog-content .blog-image img { width:100% } .blog-content h1 { font-size:28px; color:#000; font-weight:600; letter-spacing:-1px; line-height:36px; text-transform:capitalize } .blog-content .blog-data { font-size:14px; padding:0 0 15px; display:block } .blog-content p { line-height:26px; font-size:14px; color:#6d6d6d } .post-list li { position:relative; padding-left:14px; color:#000; font-size:13px; margin:12px 0; list-style:none } .post-list li:before { font-family:FontAwesome; position:absolute; content:'\f111'; font-size:5px; color:#ffa700; left:1px; top:0 } blockquote { padding:15px 18px; margin:25px 0; font-weight:500; letter-spacing:-1px; font-size:18px; line-height:30px; border-left:solid 3px #ffa700; color:#000 } .main article.blog-post ul.comments { list-style:none; margin:15px 0; padding:0 } .main article.blog-post ul.comments li { position:relative } .main article.blog-post ul.comments li img { height:90px; width:90px; float:left } .main article.blog-post ul.comments li div { border-bottom:solid 1px #eee; padding:0 0 25px 105px; margin-bottom:25px } .main article.blog-post ul.comments li div span { font-size:14px; color:#282828 } .main article.blog-post ul.comments li div a { float:right; font-size:11px; font-weight:500; color:#7b7b7b } .main article.blog-post ul.comments li div p { display:inline-block; margin:8px 0 3px; line-height:20px; color:#6d6d6d } .main article.blog-post ul.comments li div time { font-size:11px; color:#bbb; margin:0 } .main article.blog-post ul.comments li ul { margin:0 0 0 30px; list-style:none; padding:0 } .main article.shop-grid .item { margin-bottom:30px } .main article.shop-cart .item .grid-box, .main article.shop-grid .item .grid-box, .main article.shop-single .item .grid-box { max-width:100%; overflow:hidden; position:relative; text-decoration:none } .main article.shop-cart .item .grid-box:hover .grid-box-wrapper:after, .main article.shop-grid .item .grid-box:hover .grid-box-wrapper:after, .main article.shop-single .item .grid-box:hover .grid-box-wrapper:after { opacity:1 } .main article.shop-cart .item .grid-box:hover .grid-box-wrapper .grid-box-action, .main article.shop-grid .item .grid-box:hover .grid-box-wrapper .grid-box-action, .main article.shop-single .item .grid-box:hover .grid-box-wrapper .grid-box-action { transform:translate3d(0, 0, 0); opacity:1 } .main article.shop-cart .item .grid-box .grid-box-wrapper, .main article.shop-grid .item .grid-box .grid-box-wrapper, .main article.shop-single .item .grid-box .grid-box-wrapper { -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); overflow:hidden; position:relative } .main article.shop-cart .item .grid-box .grid-box-wrapper:after, .main article.shop-grid .item .grid-box .grid-box-wrapper:after, .main article.shop-single .item .grid-box .grid-box-wrapper:after { content:''; background:rgba(255, 167, 0, .75); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; bottom:-4px; color:#FFF; left:-4px; position:absolute; right:-4px; top:-4px; opacity:0; z-index:1 } .main article.shop-cart .item .grid-box .grid-box-wrapper .grid-box-new, .main article.shop-grid .item .grid-box .grid-box-wrapper .grid-box-new, .main article.shop-single .item .grid-box .grid-box-wrapper .grid-box-new { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); background-color:#e91d52; position:absolute; text-align:center; font-weight:700; color:#fff; padding:5px; width:100px; right:-26px; top:8px } .main article.shop-cart .item .grid-box .grid-box-wrapper .grid-box-action, .main article.shop-grid .item .grid-box .grid-box-wrapper .grid-box-action, .main article.shop-single .item .grid-box .grid-box-wrapper .grid-box-action { -webkit-transition:-webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition:-moz-transform .2s ease-out, opacity .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out; transform:translate3d(0, -10px, 0); top:50%; left:auto; right:auto; bottom:auto; width:100%; height:36px; margin-top:-18px; text-align:center; position:absolute; opacity:0; z-index:2 } .main article.shop-cart .item .grid-box .grid-box-wrapper .grid-box-action a, .main article.shop-grid .item .grid-box .grid-box-wrapper .grid-box-action a, .main article.shop-single .item .grid-box .grid-box-wrapper .grid-box-action a { display:inline-block; border:1px solid #eee; background-color:#fff; font-weight:700; padding:6px 25px; color:#282828 } .main article.shop-cart .item .grid-box .grid-box-title, .main article.shop-grid .item .grid-box .grid-box-title, .main article.shop-single .item .grid-box .grid-box-title { text-align:center } .main article.shop-cart .item .grid-box .grid-box-title .grid-box-product, .main article.shop-grid .item .grid-box .grid-box-title .grid-box-product, .main article.shop-single .item .grid-box .grid-box-title .grid-box-product { font-weight:500; padding-top:15px; font-size:15px; color:#282828 } .main article.shop-cart .item .grid-box .grid-box-title .grid-box-price, .main article.shop-grid .item .grid-box .grid-box-title .grid-box-price, .main article.shop-single .item .grid-box .grid-box-title .grid-box-price { font-weight:500; color:#ffa700; font-size:14px } .main article.shop-single .price { display:inline-block; margin-bottom:20px; font-weight:500; font-size:20px; color:#ffa700 } .main article.shop-single ul.list { list-style:none; margin:30px 0; padding:0 } .main article.shop-single ul.list li { padding:10px 0 } .main article.shop-single ul.list li input { margin-right:20px; width:60px; float:left } .main article.shop-single ul.list li button { float:left } .main article.shop-single ul.shop-tags { padding:0 } .main article.shop-single ul.shop-tags li span { color:#282828 } .main article.shop-single ul.shop-tags li { list-style:none; font-size:11px; line-height:26px } .main article.shop-single .tab-box ul.nav { border-bottom:none } .main article.shop-single .tab-box ul.nav li a { border-right:solid 1px #eee; border-left:solid 1px #eee; border-top:1px solid #eee; margin:0 -1px 0 0; padding:15px 25px; font-weight:700; border-radius:0; color:#282828 } .main article.shop-single .tab-box ul.nav li a:hover { border-bottom:transparent; background-color:#f8f8f8 } .main article.shop-single .tab-box ul.nav li.active a { border-bottom:1px solid #eee; border-top:solid 2px #ffa700; padding:14px 25px 15px; background-color:#f8f8f8 } .main article.shop-single .tab-box .tab-content { border:1px solid #eee } .main article.shop-single ul.comments { list-style:none; margin:15px 0; padding:0 } .main article.shop-single ul.comments li { position:relative } .main article.shop-single ul.comments li img { position:absolute; top:0; left:0; height:75px; width:75px } .main article.shop-single ul.comments li>div { border-bottom:solid 1px #eee; padding:0 0 15px 90px; margin-bottom:15px; min-height:90px } .main article.shop-single ul.comments li>div span { font-size:14px; color:#282828 } .main article.shop-single ul.comments li>div p { display:inline-block; line-height:20px; color:#6d6d6d } .main article.shop-single ul.comments li>div time { font-size:11px; color:#bbb; margin:0 } .main article.shop-cart table.table tbody tr td:last-child a, .main article.shop-cart table.table tbody tr td:nth-last-child(-n+2), .main article.shop-checkout table.table tbody tr td:last-child a, .main article.shop-checkout table.table tbody tr td:nth-last-child(-n+2) { color:#282828 } .main article.shop-single ul.comments li ul { margin:0 0 0 30px; list-style:none; padding:0 } .main article.shop-cart table.table, .main article.shop-checkout table.table { border:1px solid #e8e8e8 } .main article.shop-cart table.table thead tr th, .main article.shop-checkout table.table thead tr th { background-color:#f0f0f0; border-bottom:none; padding:15px 10px; color:#282828 } .main article.shop-cart table.table thead tr th:last-child, .main article.shop-checkout table.table thead tr th:last-child { text-align:center } .main article.shop-cart table.table tbody tr td, .main article.shop-checkout table.table tbody tr td { border-top:1px solid #e8e8e8; position:relative; padding:22px 10px } .main article.shop-cart table.table tbody tr td:first-child, .main article.shop-checkout table.table tbody tr td:first-child { padding-left:65px } .main article.shop-cart table.table tbody tr td:first-child img, .main article.shop-checkout table.table tbody tr td:first-child img { top:10px; left:10px; position:absolute; height:45px; width:45px } .main article.shop-cart table.table tbody tr td:last-child, .main article.shop-checkout table.table tbody tr td:last-child { text-align:center; font-size:15px } .main article.shop-cart table.table tbody tr td .quantity, .main article.shop-checkout table.table tbody tr td .quantity { top:10px; left:10px; position:absolute; height:45px } .main article.shop-cart table.table tbody tr td .quantity .qty, .main article.shop-checkout table.table tbody tr td .quantity .qty { border:1px solid #e8e8e8; height:42px; width:60px; padding:5px 0 5px 15px; text-align:left; display:block; clear:both } .main article.shop-cart table.table tbody tr td .quantity .qty:focus, .main article.shop-checkout table.table tbody tr td .quantity .qty:focus { outline:0 } .main article.shop-cart table.table tbody tr td .quantity .quantity-plus, .main article.shop-checkout table.table tbody tr td .quantity .quantity-plus { display:block; position:relative; top:-41px; right:-38px; height:21px; width:21px; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#fff; line-height:22px; text-align:center; cursor:pointer; color:#949494 } .main article.shop-cart table.table tbody tr td .quantity .quantity-minus, .main article.shop-checkout table.table tbody tr td .quantity .quantity-minus { display:block; position:relative; top:-41px; right:-38px; height:19px; width:21px; border-left:1px solid #e8e8e8; background-color:#fff; line-height:21px; text-align:center; cursor:pointer; color:#949494 } .main article.shop-cart button.code { background-color:#e1e1e1; color:#949494 } .main article.shop-cart button.update { background-color:#282828 } .main article.shop-cart button.checkout { padding:9px 19px } .main article.shop-cart ul.cart-total { font-weight:700 } .main article.shop-cart ul.cart-total li { border:1px solid #e8e8e8; border-radius:0; font-weight:600 } .main article.shop-cart ul.cart-total li:first-child { background-color:#282828; color:#fff } .main article.shop-cart ul.cart-total li span { color:#282828; float:right } .main article.shop-checkout h4, .main article.shop-login h4 { font-weight:500; font-size:16px } .main article.shop-checkout .form-control, .main article.shop-login .form-control { border-radius:0; color:#949494 } .main article.shop-checkout .checkbox label, .main article.shop-checkout .radio label, .main article.shop-login .checkbox label { padding-left:29px; font-weight:600; color:#282828 } .main article.shop-checkout .checkbox label input, .main article.shop-checkout .radio label input, .main article.shop-login .checkbox label input { margin-top:6px; margin-left:-29px } .main article.shop-checkout .panel-group .panel-default { -webkit-box-shadow:none; box-shadow:none; border:none } .main article.shop-checkout .panel-group .panel-default .panel-heading { background-color:#f0f0f0; padding:20px 15px; border-radius:0 } .main article.shop-checkout .panel-group .panel-default .panel-heading h4 { font-size:12px; color:#949494 } .main article.shop-checkout .panel-group .panel-default .panel-heading h4 a, .main article.shop-login .login a, h2, h3, h4, h5 { color:#282828 } .main article.shop-checkout .panel-group .panel-default .panel-body { border-top:none } .main article.shop-login .login { border:1px solid #eee; margin-top:30px; padding:30px; box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -webkit-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05); -moz-box-shadow:0 0 40px 0 rgba(0, 0, 0, .05) } .btn.btn-palovit, .btn.btn-palovit-black { transition:all ease .3s; text-transform:uppercase; padding:13px 40px 11px } a { outline:0!important } .hr { border-top:2px solid #065c32; font-weight:700; width:50px; margin: 0 auto; } h2, h3, h4, h5 { font-weight:500; font-family: 'Roboto', sans-serif; /*font-family: 'Exo 2', sans-serif;*/ } p { font-size:16px; color:#292929; line-height:24px; font-weight: 400; } p.white { font-size:14px; color:#fff; line-height:24px; } .main section.news2 .item div span, .main section.news3 .item div span { font-size:12px; color:#929292; display:block } .btn.btn-palovit { background-color:#ffa700; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; font-size:13px; font-weight:600; color:#fff } .account a, .account a:hover { color:#ffa700 } .account a, .account p { font-size:12px } .btn.btn-palovit:active, .btn.btn-palovit:focus, .btn.btn-palovit:focus:active, .btn.btn-palovit:hover { transition:all ease .3s; background-color:#de9200; color:#fff; outline:0 } .btn.btn-palovit-black { background-color:#282828; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:13px; font-weight:600; color:#fff } .btn.btn-palovit-black:active, .btn.btn-palovit-black:focus, .btn.btn-palovit-black:focus:active, .btn.btn-palovit-black:hover { transition:all ease .3s; background-color:#090909; color:#fff; outline:0 } .btn.btn-slider { background:0 0; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; font-weight:600; color:#282828; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; overflow:hidden; padding:10px 45px } .btn.btn-arrow, .btn.btn-slider { text-transform:uppercase; border:2px solid #ffa700 } .btn.btn-slider:before { content:''; z-index:-1; top:0; left:0; right:0; bottom:0; position:absolute; background:#ffa700; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out } .btn.btn-slider i { margin-right:-5px; margin-left:35px; font-size:13px } .btn.btn-slider:active, .btn.btn-slider:focus, .btn.btn-slider:focus:active, .btn.btn-slider:hover { color:#fff; outline:0 } .btn.btn-slider:active:before, .btn.btn-slider:focus:before, .btn.btn-slider:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1) } .btn.btn-arrow { background:0 0; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; font-weight:600; color:#282828; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; overflow:hidden; padding:13px 27px 11px; font-size:13px } .btn.btn-arrow:before { position:absolute; background:#ffa700; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; transition-timing-function:ease-out } .btn.btn-arrow:before, .btn.btn-slider-black:before { right:0; top:0; content:''; z-index:-1; left:0; bottom:0; -webkit-transition-timing-function:ease-out } .btn.btn-arrow i { margin-right:-5px; margin-left:30px; font-size:13px } .btn.btn-arrow:active, .btn.btn-arrow:focus, .btn.btn-arrow:focus:active, .btn.btn-arrow:hover { color:#fff; outline:0 } .btn.btn-arrow:active:before, .btn.btn-arrow:focus:before, .btn.btn-arrow:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1) } .btn.btn-slider-black { border:none; text-transform:uppercase; background-color:#065c32; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-weight:600; color:#fff; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; overflow:hidden; padding:10px 40px } .btn.btn-slider-black:before { position:absolute; background:#065c32; -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s; transition-duration:.3s; transition-timing-function:ease-out } input[type=checkbox]:after, input[type=checkbox]:checked:before { content:" "; display:block; visibility:visible } .btn.btn-slider-black i { margin-right:-5px; margin-left:35px; font-size:13px } .btn.btn-slider-black:active, .btn.btn-slider-black:focus, .btn.btn-slider-black:focus:active, .btn.btn-slider-black:hover { color:#fff; outline:0 } .btn.btn-slider-black:active:before, .btn.btn-slider-black:focus:before, .btn.btn-slider-black:hover:before { -webkit-transform:scaleY(1); transform:scaleY(1) } .btn.palovitarrow { padding:10px 27px } .btn.palovit35, .btn.slider35 { -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding-top:9px; padding-bottom:7px } .btn.palovit30, .btn.slider30 { -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding-top:8px; padding-bottom:6px; font-size:11px } .btn.slider30 i { margin-left:20px; font-size:10px } .btn.palovit20, .btn.slider20 { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding-top:6px; padding-bottom:4px; font-size:9px } .btn.slider20 i { margin-left:10px; font-size:8px } input[type=checkbox], input[type=radio] { visibility:hidden; margin-right:14px } input[type=checkbox]:after { width:20px; height:20px; border:1px solid #d9d9d9; margin-top:-5px } input[type=checkbox]:checked:before { width:12px; height:8px; position:absolute; border-bottom:3px solid #000; border-left:3px solid #000; transform:rotate(-45deg); margin:0 4px } input[type=radio]:after { width:17px; height:17px; border:1px solid #d9d9d9; margin-top:-5px } input[type=radio]:after, input[type=radio]:checked:before { display:block; content:" "; visibility:visible; border-radius:8px } input[type=radio]:checked:before { width:15px; height:15px; position:absolute; background-color:#000; margin:-4px 1px; border:3px solid #fff } .form-control { -webkit-box-shadow:none; box-shadow:none; border:1px solid #e0e0e0; height:45px; font-size: 14px; font-weight: 300; border-radius:2px; -moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px } textarea.form-control { padding-top:12px } .form-control:focus { box-shadow:0 1px 1px rgba(0, 0, 0, .075) inset; border-color:#CCC } .form-group label { color:#999; font-size:12px } .input-group .form-control { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding-right:20px; padding-left:20px; height:44px } .input-group .input-group-btn .btn { padding-right:26px; padding-left:20px } .append-icon { position:relative } .append-icon input, .append-icon select { padding-right:40px } .append-icon select { -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#999 } .append-icon i { width:40px; height:40px; font-size:12px; line-height:40px; position:absolute; text-align:center; color:#ffa700; left:auto; right:0; top:0 } .pagination { margin:0 auto } .pagination li a, .pagination li span { border-radius:50px!important; border:1px solid #dadada; color:#282828; padding:8px 13px; margin:2px; min-width:35px } .pagination li a:hover, .pagination li.active a:hover { color:#fff } .pagination li.active span { background-color:#ffa700; border:1px solid #ffa700; color:#fff } .pagination li.active span:hover { border:1px solid #eaeaea; background-color:#eaeaea; color:#000 } .pagination li:hover a { border:1px solid #eaeaea; background-color:#eaeaea; transition:all ease .3s } .m-0 { margin:0!important } .m-t-0 { margin-top:0!important } .m-b-0 { margin-bottom:0!important } .m-l-0 { margin-left:0!important } .m-r-0 { margin-right:0!important } .m-5 { margin:5px!important } .m-t-5 { margin-top:5px!important } .m-t-m5 { margin-top:-5px!important } .m-b-5 { margin-bottom:5px!important } .m-l-5 { margin-left:5px!important } .m-r-5 { margin-right:5px!important } .m-10 { margin:10px!important } .m-t-10 { margin-top:10px!important } .m-t-m10 { margin-top:-10px!important } .m-b-10 { margin-bottom:10px!important } .m-l-10 { margin-left:10px!important } .m-r-10 { margin-right:10px!important } .m-15 { margin:15px!important } .m-t-15 { margin-top:15px!important } .m-t-m15 { margin-top:-15px!important } .m-b-15 { margin-bottom:15px!important } .m-l-15 { margin-left:15px!important } .m-r-15 { margin-right:15px!important } .m-20 { margin:20px!important } .m-t-20 { margin-top:20px!important } .m-t-m20 { margin-top:-20px!important } .m-b-20 { margin-bottom:20px!important } .m-l-20 { margin-left:20px!important } .m-r-20 { margin-right:20px!important } .m-30 { margin:30px!important } .m-t-30 { margin-top:30px!important } .m-t-m30 { margin-top:-30px!important } .m-b-30 { margin-bottom:30px!important } .m-l-30 { margin-left:30px!important } .m-r-30 { margin-right:30px!important } .m-40 { margin:40px!important } .m-t-40 { margin-top:40px!important } .m-t-m40 { margin-top:-40px!important } .m-b-40 { margin-bottom:40px!important } .m-l-40 { margin-left:40px!important } .m-r-40 { margin-right:40px!important } .m-50 { margin:50px!important } .m-t-50 { margin-top:50px!important } .m-t-m50 { margin-top:-50px!important } .m-b-50 { margin-bottom:50px!important } .m-l-50 { margin-left:50px!important } .m-r-50 { margin-right:50px!important } .m-60 { margin:60px!important } .m-t-60 { margin-top:60px!important } .m-t-m60 { margin-top:-60px!important } .m-b-60 { margin-bottom:60px!important } .m-l-60 { margin-left:60px!important } .m-r-60 { margin-right:60px!important } .p-0 { padding:0!important } .p-t-0 { padding-top:0!important } .p-b-0 { padding-bottom:0!important } .p-l-0 { padding-left:0!important } .p-r-0 { padding-right:0!important } .p-5 { padding:5px!important } .p-t-5 { padding-top:5px!important } .p-b-5 { padding-bottom:5px!important } .p-l-5 { padding-left:5px!important } .p-r-5 { padding-right:5px!important } .p-10 { padding:10px!important } .p-t-10 { padding-top:10px!important } .p-b-10 { padding-bottom:10px!important } .p-l-10 { padding-left:10px!important } .p-r-10 { padding-right:10px!important } .p-15 { padding:15px!important } .p-t-15 { padding-top:15px!important } .p-b-15 { padding-bottom:15px!important } .p-l-15 { padding-left:15px!important } .p-r-15 { padding-right:15px!important } .p-20 { padding:20px!important } .p-t-20 { padding-top:20px!important } .p-b-20 { padding-bottom:20px!important } .p-l-20 { padding-left:20px!important } .p-r-20 { padding-right:20px!important } .p-30 { padding:30px!important } .p-t-30 { padding-top:30px!important } .p-b-30 { padding-bottom:30px!important } .p-l-30 { padding-left:30px!important } .p-r-30 { padding-right:30px!important } .p-40 { padding:40px!important } .p-t-40 { padding-top:40px!important } .p-b-40 { padding-bottom:40px!important } .p-l-40 { padding-left:40px!important } .p-r-40 { padding-right:40px!important } .p-50 { padding:50px!important } .p-t-50 { padding-top:50px!important } .p-b-50 { padding-bottom:50px!important } .p-l-50 { padding-left:50px!important } .p-r-50 { padding-right:50px!important } .p-60 { padding:60px!important } .p-t-60 { padding-top:60px!important } .p-b-60 { padding-bottom:60px!important } .p-l-60 { padding-left:60px!important } .p-r-60 { padding-right:60px!important } .p-t-90 { padding-top:90px!important } .p-b-90 { padding-bottom:90px!important } /*Design by Rizwan from It-reflect*/ .padding-rtl20 { padding-right: 20px; padding-left: 20px; } .padding-btop20 { padding-top: 20px; padding-bottom: 20px; } .no-minpadding { padding: 0 !important; } .enquery{ position:relative; } .bs-slider { overflow: hidden; max-height: 86vh; height: 100%; position: relative; background: #FFF; z-index: 1; } .bs-slider .container { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:1; } .slide_frame { max-width:900px; position:relative; margin:0 auto; } .slide_frame h3 { color:#FFFFFF; font-size:2em; } .slide_frame h2 { color: #ffffff; font-size: 4em; font-weight: 600; text-transform: uppercase; } .slide_frame:before { content: ""; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 3px solid #11333a; border-width: 3px 0 0 3px; border-radius: 5px 0 0 0; } .slide_frame:after { content: ""; position: absolute; top: 0; right: 0; width: 30px; height: 30px; border: 3px solid #11333a; border-width: 3px 3px 0 0; border-radius: 0 5px 0 0; } .slide_frame .bottom_corners:before { content: ""; position: absolute; bottom: 0; left: 0; width: 30px; height: 30px; border: 3px solid #11333a; border-width: 0 0 3px 3px; border-radius: 0 0 0 5px; } .slide_frame .bottom_corners:after { content: ""; position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; border: 3px solid #11333a; border-width: 0 3px 3px 0; border-radius: 0 0 5px 0; } .slide_frame:before, .slide_frame:after, .slide_frame .bottom_corners:before, .slide_frame .bottom_corners:after { border-color: #ffffff; } .bs-slider p { color:#FFFFFF; } .bs-slider:hover { cursor:-moz-grab; cursor:-webkit-grab; transition:all 5s ease-in-out; } .bs-slider:active { cursor:-moz-grabbing; cursor:-webkit-grabbing; } .bs-slider .bs-slider-overlay { position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.4; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d2456+1,1e9990+36,1e9990+49,0a1138+100 */ background: #0d2456; /* Old browsers */ background: -moz-linear-gradient(to right, #0d2456 1%, #022846 36%, #00203a 49%, #0a1138 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to right, #0d2456 1%, #022846 36%, #00203a 49%, #0a1138 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #0d2456 1%, #022846 36%, #00203a 49%, #0a1138 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2456', endColorstr='#0a1138', GradientType=1 ); /* IE6-9 */ } .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { margin:auto; width:100% !important; } .fade { opacity:1; } .fade .item { top:0; z-index:1; opacity:0; width:100%; position:absolute; left:0 !important; display:block !important; -webkit-transition:opacity ease-in-out 1s; -moz-transition:opacity ease-in-out 1s; -ms-transition:opacity ease-in-out 1s; -o-transition:opacity ease-in-out 1s; transition:opacity ease-in-out 1s; } .fade .item:first-child { top:auto; position:relative; } .fade .item.active { opacity:1; z-index:2; -webkit-transition:opacity ease-in-out 1s; -moz-transition:opacity ease-in-out 1s; -ms-transition:opacity ease-in-out 1s; -o-transition:opacity ease-in-out 1s; transition:opacity ease-in-out 1s; } .control-round:hover .carousel-control { opacity:1; } .control-round .carousel-control.left { left:1%; } .control-round .carousel-control.right { right:1%; } .control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover { color:#ffffff; background:#0e6ab5 !important; } .control-round .carousel-control.left>span:nth-child(1) { left:45%; } .control-round .carousel-control.right>span:nth-child(1) { right:45%; } .indicators-line > .carousel-indicators { right:0; bottom:1.5%; left:0; width:100%; height:20px; font-size:0; overflow-x:auto; text-align:center; overflow-y:hidden; padding-left:10px; padding-right:10px; padding-top:1px; white-space:nowrap; margin:0 auto; position:absolute; } .indicators-line > .carousel-indicators li { padding:0; width:15px; height:15px; border:1px solid rgb(158, 158, 158); text-indent:0; overflow:hidden; text-align:left; position:relative; letter-spacing:1px; background:rgb(158, 158, 158); -webkit-font-smoothing:antialiased; -webkit-border-radius:50%; border-radius:50%; margin-right:5px; -webkit-transition:all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); transition:all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); z-index:10; cursor:pointer; } .indicators-line > .carousel-indicators li:last-child { margin-right:0; } .indicators-line > .carousel-indicators .active { margin:1px 5px 1px 1px; box-shadow:0 0 0 2px #fff; background-color:transparent; position:relative; -webkit-transition:box-shadow 0.3s ease; -moz-transition:box-shadow 0.3s ease; -o-transition:box-shadow 0.3s ease; transition:box-shadow 0.3s ease; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; transition:background-color 0.3s ease; } .indicators-line > .carousel-indicators .active:before { transform:scale(0.5); background-color:#fff; content:""; position:absolute; left:-1px; top:-1px; width:15px; height:15px; border-radius:50%; -webkit-transition:background-color 0.3s ease; -moz-transition:background-color 0.3s ease; -o-transition:background-color 0.3s ease; transition:background-color 0.3s ease; } .clall_us { /*height: 76.999vh;*/ min-height: 461px; } .clall_usiner{ min-height: 426px; position:relative; } .clall_us .box_call,.clall_usiner .box_call { position: absolute; width: 100%; bottom: 0; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row; flex-flow: row; } .clall_us .box_call div:first-child, .clall_usiner .box_call div:first-child { height: 114px; width: 114px; background: #eee; border-radius: 100%; text-align: center; overflow: hidden; padding-top: 22px; float: left; margin-right: 15px; display: inline-block; } .clall_us .box_call div,.clall_usiner .box_call div { background: #c11100; /* height: 100px; */ width: 100%; position: relative; } .clall_us .box_call div h2,.clall_usiner .box_call div h2 { font-size: 35px; color: #FFFFFF !important; letter-spacing: 1px; text-align: center; margin:0; } .clall_usiner .box_call div:last-child { line-height: 100px; display: inline-block; padding: 30px 0px; color: #FFF; float: left; width: 80.9%; } .clall_us .box_call div:last-child{ line-height: 100px; display: inline-block; padding: 38px 0px; color: #FFF; float: left; width: 83.43%; } .clall_us .box_call div:first-child img,.clall_usiner .box_call div:first-child img { margin:0 auto } .clall_us .box_call div h2 span,.clall_usiner .box_call div h2 span { font-weight:bold; color: #FFF; } .clall_us .box_call div:last-child:before,.clall_usiner .box_call div:last-child:before { position:absolute; top:0; height:100%; width:30px; background:url(../images/curve.png); left:-28px; content:''; background-size: cover; } .custom-select { position: relative; font-family: Arial; } .custom-select select { display: none; } .select-selected { background-color: white; } /*style the arrow inside the select element:*/ .select-selected:after { position: absolute; content: ""; top: 20px; right: 14px; width: 0; height: 0; border: 5px solid transparent; border-color: #0e6ab5 transparent transparent transparent; } /*point the arrow upwards when the select box is open (active):*/ .select-selected.select-arrow-active:after { border-color: transparent transparent #c11100 transparent; top: 14px; } /*style the items (options), including the selected item:*/ .select-items div,.select-selected { color: #2891e6; padding: 5px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(14, 106, 181, 0.09) transparent; cursor: pointer; user-select: none; } .select-selected{ color: #9e9c9c; padding: 8px 15px; border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -webkit-border-radius: 0; } .select-selected:focus,.select-selected:active,.select-selected:visited{ border-color: rgb(153, 205, 247); box-shadow: inset 0px 0px 0px 3px rgb(159, 200, 232); } /*style items (options):*/ .select-items { position: absolute; background-color: #ffffff; top: 100%; left: 0; right: 0; z-index: 99; height: 394px; overflow-x: hidden; } /*hide the items when the select box is closed:*/ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); border-color: transparent transparent rgb(229, 229, 229) transparent; } .email-id { padding: 9px 0px; position: relative; z-index: 2; display: inline-block; margin-right: 10px; float: left; } .email-id span { font-size:13px; } .email-id i { padding-right:10px; position:relative; top:2px; color:#000000; } .email-id a{color:#333333} .email-id a:hover{ color:#065c32; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border:none; border-radius: 0px; white-space: nowrap;/* border: 1px solid rgba(0,0,0,.15); */ /* border-radius: 4px; */ /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */ /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */ } .no_leftpadding { padding-left:0 !important; } .no_rightpadding { padding-right:0 !important; } .padding-top20 { padding-top:20px; } .padding-bot20 { padding-bottom:20px; } .padding-top40 { padding-top:40px; } .padding-bot40 { padding-bottom:40px; } .devider { padding-left:26px; } .border_bottom {/*border-top:1px solid #eaeaea;*/ position:relative; /*padding-top:2px;*/ } .clear { height:0; padding:0; margin-left:78px; margin-bottom:10px; overflow:hidden; clear:both } .media_icon { margin:0; padding:0; position: relative; float:right; } .media_icon ul { margin:0; padding:0; } .media_icon ul li { display:inline-block; list-style:none; margin:0; padding:0; float:left } .media_icon ul li:first-child{margin-top:3px;} .media_icon ul li a { color: #484444; line-height: 40px; margin-top:2px; width: 34px; height: 34px; line-height: 36px; text-align: center; display: block; transition: all .2s ease-in; -o-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; } .media_icon ul li a:hover{border-radius:100%;} .media_icon ul li a img{ filter: grayscale(0) contrast(2) brightness(0) saturate(1); } .media_icon ul li:first-child a { width: auto; height: auto; padding: 6px 10px; display: inline; border-radius: 4px; } .media_icon ul li a:hover.facebook { background:#5c82cc; color:#FFFFFF; } .media_icon ul li a:hover.twitter { background:#0f9a27; color:#FFFFFF; } .media_icon ul li a:hover.google { background:#e63f05; color:#FFFFFF; } .media_icon ul li a:hover.instagram { background:#d673cc; color:#FFFFFF; } .media_icon ul li a:hover.linkedin { background:#e06843; color:#FFFFFF; } .media_icon ul li a:hover.blog { background:#10a9a2; color:#FFFFFF; } .media_icon ul li a:hover.blog img{ filter: grayscale(0) contrast(0) brightness(2) saturate(1); } .media_icon ul li a:hover.pinterest { background:#b02404; color:#FFFFFF; } .kyeword { width:100%; display:block; } .kyeword ul { display:block; } .kyeword ul li { list-style-type: none; list-style-type: none; display: inline-block; margin: 10px auto; position:relative; } .kyeword ul li:before { position: absolute; content: ''; left: 0; height: 5px; bottom: -3px; width: 18px; border-radius: 0 0px 10px; -webkit-transform: rotate(33deg) scale(1.8); -ms-transform: rotate(33deg) scale(1.8); -o-transform: rotate(33deg) scale(1.8); -moz-transform: rotate(33deg) scale(1.8); transform: rotate(33deg) scale(1.8); margin: 0; background: #c7c1c1; } .kyeword ul li a { width: 40px; height: 40px; font-weight: bold; color: #FFF; border: 1px solid #065c32; background: #065c32; display: block; position: relative; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; text-align: center; line-height: 40px; -webkit-box-shadow: 0px 1px 25px 5px #FFF; box-shadow: 0px 1px 25px 5px #FFF; } .kyeword ul li a span { -webkit-transform: rotate(-45deg) translate(-50%, -21px) !important; -ms-transform: rotate(-45deg) translate(-50%, -21px) !important; -o-transform: rotate(-45deg) translate(-50%, -21px) !important; -moz-transform: rotate(-45deg) translate(-50%, -21px) !important; transform: rotate(-45deg) translate(-50%, -21px) !important; position: absolute; left: auto; right: -2px; top: 14px; margin: 0 auto; text-align: center; } .kyeword ul li a:hover { background:#e80910; border: 1px solid #e80910; -ms-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .visa_sec::-webkit-scrollbar { width: 4px; -webkit-overflow-scrolling: touch; direction:ltr; } .visa_sec::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-overflow-scrolling: touch; direction:ltr; } .visa_sec::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; -webkit-overflow-scrolling: touch; } .visa_sec { width:100%; display:block; background:#f1f1f1; } .visa_sec h1 { font-size:30px; color: #FFF; position:relative; position:relative; z-index:9; padding:10px; width:auto; margin:0; } .visa_sec h1:before { background:#0da6f9; height:100%; width:100%; content:''; position:absolute; z-index:-1; left:0; top:0; } .visa_sec h2 { font-size: 25px; color: #333; font-weight: normal; margin: 0; text-transform: uppercase; } .visa_sec h3 { font-size: 20px; font-weight: normal; margin: 0; color:#ffa700; padding-top:10px; } .visa_sec h4 { font-size: 18px; font-weight: normal; margin: 0; color:#0da6f9; padding-top:10px; } .visa_sec .icon_box { width:200px; margin: 0 auto; } .visa_sec a { color: #de1818; font-weight: 600; -ms-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .visa_sec a:hover, .visa_sec a:hover span { -ms-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .visa_sec a span { color: #e80910 !important; display: block; margin: 10px 0; -ms-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } .visa_sec .border_box { background: #ffffff; border: 1px dashed #ccd2cb; } .visa_sec .list_items ul { margin:0; } .visa_sec .list_items ul li { list-style:none; list-style-type:none; position:relative; padding-left:20px; margin-top:10px; } .visa_sec .list_items ul li:before { position: absolute; content: ''; left: 0px; height: 6px; float: left; width: 8px; top: 9px; border: 1px solid #a5a5a5; background: #ffffff; } .visa_sec .list_items ol { padding-left:15px; } .visa_sec .list_items ol li { list-style-type:lower-alpha; position:relative; padding-left:10px; margin-top:10px; } .visa_sec .list_items ol li:before { display:none; } .f-nav { z-index: 980; position: fixed !important; top: 0px; width: 100%; margin: 0 auto; padding: 0 !important; left: 0; background: #ffffff; -webkit-animation-name: slideInDown; animation-name: slideInDown; animation-direction: alternate; animation-duration: .5s; box-shadow: 0px 0px 1px #bfbdbd; } #myNavbar { position:relative; } .insider_scroll { height:150px; direction: ltr; } .scroll { unicode-bidi:bidi-override; direction: rtl; overflow: scroll; overflow-x: hidden!important; } .inside { } .chetegory { width:100%; display:block; position:relative; } .chetegory ul { display:block; } .chetegory ul li { list-style-type: none; display: inline-table; margin: 0px; position: relative; } .chetegory:before { position: absolute; left: 0; top: 0; width: 100%; border-bottom: 1px solid #000; content: ''; } .chetegory ul li a { font-weight: 500; color: #FFF; background: #484444; display: block; position: relative; text-align: center; line-height: 34px; font-size: 12px; letter-spacing: 0.5px; padding: 0px 15px; text-transform: uppercase; text-decoration:none; -ms-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .chetegory ul li a span { -webkit-transform: rotate(-45deg) translate(-50%, -21px) !important; -ms-transform: rotate(-45deg) translate(-50%, -21px) !important; -o-transform: rotate(-45deg) translate(-50%, -21px) !important; -moz-transform: rotate(-45deg) translate(-50%, -21px) !important; transform: rotate(-45deg) translate(-50%, -21px) !important; position: absolute; left: auto; right: -2px; top: 14px; margin: 0 auto; text-align: center; } .chetegory ul li a:hover, .chetegory ul li a:focus { background:#0da6f9; color:#FFF; -ms-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s; } .chetegory ul li a.active { background:#e80910; color:#FFFFFF } /*.media_icon ul li a.blog i{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position:relative; } .media_icon ul li a.blog i:before{ content: "\f37d"; position:absolute; top:0; }*/ .text_justify { text-align:justify } .navbar { position: relative; min-height: 50px; margin-bottom: 0px; border: 1px solid transparent; } .navbar-inverse .navbar-brand { color: #9d9d9d; /* position: absolute; */ max-width: 220px; z-index: 9999; background: #FFF; padding: 0; margin: 0; margin: 10px 0px; } .navbar-inverse { background-color: transparent !important; border-color: #ffffff; } .navbar { position: relative; border:none; } .navbar-inverse .nav>li { position: relative; display: block; margin:0 10px; } .navbar-inverse .navbar-nav>li>a { color: #696868; padding: 22px 0;/* padding: 34px 18px;*/ } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #065c32; background-color: transparent; } .navbar-inverse .nav>li>a { font-weight: 500; position: relative; display: block; padding: 20px 0px; font-size: 16px; color: #4c4c4c; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #065c32; background-color: transparent; } .navbar-brand { float: left; height:auto; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #e00c13; background-color: transparent; } .navbar-inverse .navbar-nav>li>.dropdown-menu, .navbar-inverse .navbar-nav>li.dropdown .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; visibility: hidden; opacity: 0; min-width: 300px; padding: 0px 0; margin-top: 34px; font-size: 14px; text-align: left; list-style: none; background-color: #065c32; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0px; white-space:nowrap; transition: all 0.5s ease-in-out;/* border: 1px solid rgba(0,0,0,.15); */ /* border-radius: 4px; */ /* -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); */ /* box-shadow: 0 6px 12px rgba(0,0,0,.175); */ } .navbar-inverse .navbar-nav>li.open .dropdown-menu, .navbar-inverse .navbar-nav>li.dropdown:hover .dropdown-menu { transition: all 0.5s ease-in-out; margin-top: 0; visibility:visible; opacity: 1; } .navbar-inverse .dropdown-menu>li>a:focus, .navbar-inverse .dropdown-menu>li>a:hover { color: #ffffff; text-decoration: none; background-color: #065c32 !important; padding-left:25px; transition: 0.5s ease-in-out; } .navbar-inverse .dropdown-menu>li>a { display: block; padding: 12px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #fff; white-space:inherit; border-bottom: 1px solid #065c32; position:relative; transition: 0.5s ease-in-out; } .navbar-inverse .dropdown-menu>li:first-child>a:before{ position: absolute; left: 15px; top: -7px; content: ''; border-bottom: 10px solid #065c32; border-right: 10px solid transparent; border-left: 10px solid transparent; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #eaeaea; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #e5e8e6; } .navbar-inverse .navbar-toggle { border-color: #b5acac; } .navbar-toggle { position: relative; float: right; padding: 12px 10px; margin-top: 35px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: none; border-radius: 4px; } .navbar-inverse .collapsed .icon-bar{background-color: #6b6b6b !important;} .navbar-inverse .navbar-toggle .icon-bar { background-color: #065c32; } .navbar-toggle .icon-bar { display: block; width: 28px; height: 2px; border-radius: 1px; } @-webkit-keyframes blinker { from { opacity: 1.0; color:#FFF; background: #065c32; } to { opacity: 1.0; color:#FFF; background: #e31d22; } } .blink { text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function: 1s ease-in-out; -webkit-animation-direction: alternate; background: #065c32; } .RobotoCondensed { border-bottom:1px solid #efefef; font-size:15px; color:#040404 } .slide_bg { position:absolute; top:85px; left:200px; width:600px; height:120px; z-index:0; color:#FFFFFF; background-color:rgba(0, 0, 0, 0.53); } .slide_text { position:absolute; top:15px; left:15px; width:500px; height:40px; z-index:0; font-size:30px; color:#ffffff; line-height:40px; text-align:center } .slide_text h1 { padding:15px; position:relative; left:40px; } /* line 21, jquery.scrolling-tabs.scss */ .scrtabs-tab-container * { box-sizing: border-box; } .scrtabs-tabs-movable-container .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus { color: #fff; cursor: default; background-color: #ffa700; border: 1px solid #ffa700; border-bottom-color: transparent; } .scrtabs-tabs-movable-container .nav-tabs>li>a:hover { border-color: #ffa700 #ffa700 #ffa700; color:#FFFFFF; } .scrtabs-tabs-movable-container .nav>li>a { position: relative; display: block; padding: 15px 20px; text-transform: uppercase; background: #f1f1f1; border: 1px solid #dadada; display: inline-flex; } /*.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; background: #e8e8e8; }*/ .scrtabs-tabs-movable-container .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #ffa700; } /* line 25, jquery.scrolling-tabs.scss */ .scrtabs-tab-container { height: 42px; } /* line 27, jquery.scrolling-tabs.scss */ .scrtabs-tab-container .tab-content { clear: left; } /* line 32, jquery.scrolling-tabs.scss */ .scrtabs-tabs-fixed-container { float: left; /* height: 42px;*/ overflow: hidden; width: 100%; } /* line 39, jquery.scrolling-tabs.scss */ .scrtabs-tabs-movable-container { position: relative; } /* line 41, jquery.scrolling-tabs.scss */ .scrtabs-tabs-movable-container .tab-content { display: none; } /* line 46, jquery.scrolling-tabs.scss */ .scrtabs-tab-scroll-arrow { border: 1px solid #dddddd; border-top: none; color: #428bca; cursor: pointer; display: none; float: left; font-size: 12px; height: 42px; margin-bottom: -1px; padding-left: 2px; padding-top: 13px; width: 20px; } /* line 59, jquery.scrolling-tabs.scss */ .scrtabs-tab-scroll-arrow:hover { background-color: #eeeeee; } /* line 64, jquery.scrolling-tabs.scss */ .scrtabs-tab-scroll-arrow.scrtabs-disable { color: #ddd; cursor: default; } /* line 69, jquery.scrolling-tabs.scss */ .scrtabs-tabs-fixed-container ul.nav-tabs > li { white-space: nowrap; } .list_text { margin:0; padding:0; } .list_text ul { display:block; } .list_text ul li { margin-top: 6px; position: relative; list-style-type: none; padding-left: 20px; text-align: justify; font-size: 16px; } .list_text ul li:before { position: absolute; content: ''; height: 6px; width: 6px; background: #0ea5f7; top: 8px; left: 5px; border-radius: 100%; } .table-bordered>tbody>tr:first-child{background:#e9ecef !important} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #e1e3e4; } .table-bordered>tbody>tr>th { text-align: left; font-family: 'Roboto Medium'; font-weight: 500; font-size: 17px; } .form-details { border: 1px solid #e6e6e6; background: #f3f3f3; min-height: 435px !important; padding: 0px 15px; } .form-details [class*='col-']{ padding:8px; } .form-details .form-control { -webkit-box-shadow: none; box-shadow: none; background:#FFF;/* border-top:none; border-left:none; border-right:none; border-radius:0px; */ border:1px solid #dad8d8; height:auto; padding:14px 10px; font-size: 14px; font-weight: 300; border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; } .left_sidebar { background: #f3f3f3; position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 15px; } .left_sidebar h4 { background: #065c32; padding: 14px 14px; color: #FFFFFF; font-weight: 500; position: relative; margin:0; } .left_sidebar p{display:none} .left_sidebar h4:before{ position:absolute; left:15px; top:100%; content:''; border-top:6px solid #065c32; border-right:5px solid transparent; border-left:5px solid transparent; } .left_sidebar ul { margin: 0 0px; padding:0 15px; } .left_sidebar ul li { line-height: 20px; list-style-type: none; position: relative; padding: 0 20px; font-size: 15px; margin: 14px 0; } .left_sidebar ul li strong,.list_items ul li strong{ font-weight:500; } .left_sidebar ul li:before { position: absolute; content: '\f192'; left: 0px; top: 3px; height: 4px; width: 6px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; color: #065c32; } .list_items ul { margin: 0 0px; padding:0; } .list_items ul li { line-height:30px; list-style-type:none; position:relative; padding: 0px 20px; font-size: 15px; } .list_items ul li:before { position: absolute; content: '\f05d'; left: 0px; top: 8px; height: 4px; width: 6px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; color: #065c32; } #form_id_1 .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; color: #0c0a0a; background-color: #fff; background-image: none; border: 1px solid #FFF; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #form_id_1 .form-control:focus { border-color: rgb(153, 205, 247); box-shadow: inset 0px 0px 0px 3px rgb(159, 200, 232); } #form_id_1 textarea.form-control { height: auto; } .btn_style1{ color: #fff; background-color: #065c32; border-color: #065c32; padding: 14px 10px; outline: none; border: 1px solid #065c32; transition: 0.5s ease; text-transform: uppercase; font-weight: 500; font-size: 16px; } .btn_style1:hover{background:#e21e23; border-color:#e21e23} .form-details .button-submit { background:#065c32; border: 1px solid #065c32; width:100%; border-radius: 2px; -webkit-border-radius: 2px; padding: 14px 10px; color:#FFFFFF; outline:none } .form-details .button-submit:hover,.form-details .button-submit:focus { background: #e21e23; border: 1px solid #e21e23; } .contact-info { margin: 0; padding: 0; position: relative; font-size: 15px; padding: 12px 0; } .contact-info ul { margin:0; padding:0; } .contact-info ul li { border-bottom: 1px solid #e0dfdf; list-style-type: none; padding-bottom: 16px; line-height: 25px; } .contact-info ul li span { padding-left: 4px; position: relative; padding-top: 5px; top: 7px; } .contact-info ul li .fa-icon { margin: 0; padding: 10px; position: relative; float: left; } .border-none { border:none; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:10px 8px; } .img-fullwidth { width:100%; margin:0; height:50px; } .img-fullwidth img { max-width:100%; } .green-bg { background:#0fa97c; padding-top:40px; } .tex-justify { text-align:justify !important } .holiay_bg { background: rgba(0, 0, 0, 0.23) url(../images/holiay_bg.jpg) center center no-repeat; padding: 136px 15px; background-size: cover; background-blend-mode: overlay; } .about-us { background:url(../images/about-us.jpg) center center no-repeat; padding:170px 15px; background-size:100%; } .gallery-bg { background:url(../images/gallery.jpg) center center no-repeat; padding:170px 15px; background-size:100%; } .hujj-bg { background:url(../images/haj.jpg) center center no-repeat; padding: 170px 15px; background-size: cover; background-position: 50% bottom; } .umrah-bg { background:url(../images/umrah.jpg) center center no-repeat; padding:170px 15px; background-size:100%; } .payment-bg { background:url(../images/payment-banner.jpg) center center no-repeat; padding:132px 15px; background-size:100%; } .holday-bg { background:url(../images/enquiry.jpg) center top no-repeat; background-size:cover; overflow:hidden; } .franchise{ background:url(../images/franchise.jpg) no-repeat; background-size:cover; overflow:hidden; padding: 130px 15px; } [class*="flex-row"] { margin:0; } .carousel-inner [class*="col-"] { padding:4px } .carousel-inner .item a { font-size: 14px; display: block; padding: 4px; background: #e0d9d9; box-shadow: 0px 0px 5px #eae9e9; } .reade_button { background:#ffa700; color:#FFFFFF !important; padding:8px 14px; z-index:1; transition: all 0.5s ease-in-out; } .reade_button:hover, .reade_button:focus, .reade_button:active { background:#333; color:#FFFFFF; transition: all 0.5s ease-in-out; } @media (min-width:768px) { .navbar-right .dropdown-menu { right: auto; left: 0; } } @media (max-width:768px) { .margin_0{margin:0 !important} .margin_t{margin-top:0 !important} .container { width: 100% !important; } .navbar-nav { margin: 0px -15px; } .navbar-inverse .navbar-brand { color: #9d9d9d; position:relative; z-index: 9999; background: #FFF; left: 15px; } .navbar-inverse .nav>li { position: relative; display: block; margin: 0; } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #065c32; background-color: #e6e6e6; } .navbar-inverse .dropdown-menu>li>a { white-space: normal; } .navbar-inverse .navbar-nav>li>.dropdown-menu, .navbar-inverse .navbar-nav>li.dropdown .dropdown-menu { position: relative; visibility:visible; opacity:1; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 100%; font-size: 14px; text-align: left; list-style: none; background-color: #065c32; -webkit-background-clip: padding-box; background-clip: padding-box; } .nav>li { position: relative; display: block; border-bottom:1px solid #e6e6e6; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { line-height: 28px; color: #FFF; background: #065c32; white-space: normal; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #ffffff; background-color: transparent; } .kyeword ul { display: flex; width: 100%; overflow-Y: hidden; } .kyeword ul li { list-style-type: none; list-style-type: none; display: inline-block; margin: 10px auto; position: relative; float: left; } .form-details .button-submit { margin-right: 15px; margin-bottom:15px; } .padding-banner { padding:10em 2em; } .holiay_bg { background:url(../images/holiay_bg.jpg) center center no-repeat; padding:30px 15px; background-size:cover; } .about-us { background:url(../images/about-us.jpg) center center no-repeat; padding:170px 15px; background-size:cover; } .gallery-bg { background:url(../images/gallery.jpg) center center no-repeat; padding:170px 15px; background-size:cover; } .hujj-bg { background:url(../images/haj.jpg) center center no-repeat; padding:170px 15px; background-size:cover; } .umrah-bg { background:url(../images/umrah.jpg) center center no-repeat; padding:170px 15px; background-size:cover; } .payment-bg { background:url(../images/payment-banner.jpg) center center no-repeat; padding:132px 15px; background-size:cover; } } .calll{ position: fixed; left: 5px; top: 520px; z-index: 99999; } .sendcv{ position: fixed; bottom: 208px; right: -18px; } .quier{ position: fixed; bottom: 135px; right: -18px; } .sendcvv{ background-color: #4e584e; -moz-box-shadow: 4px 4px 5px #000000; -webkit-box-shadow: 4px 4px 5px #000000; padding: 13px; width: 185px; box-shadow: 4px 4px 5px #000000; border-radius: 30px; color: #fff; font-size: 16px; } .quierr{ background-color: #4e584e; -moz-box-shadow: 4px 4px 5px #000000; -webkit-box-shadow: 4px 4px 5px #000000; padding: 13px; width: 185px; box-shadow: 4px 4px 5px #000000; border-radius: 30px; color: #fff; font-size: 16px; } @media (max-width:480px) { .calll {margin-top:80px!important;} .button{ text-align:center; line-height: 50px; } .media_icon { float:none } /*.media_icon ul li a { padding: 0 15px; color: #484444; line-height: 40px; border-right: 1px solid #e6e6e6; }*/ } @media (max-width:1024px) { } @media (max-width:768px) { .gray-bg { background:#f5f5f5; width:100%; float:left; border-bottom: 1px solid #e0dddd; padding-bottom: 10px; } .blue-bg { background:#065c32; width:100%; float:left; border-bottom: 1px solid #065c32; padding-bottom: 10px; } .media_icon { float:none; } .email-id { padding: 2px 0px; position: relative; z-index: 2; margin-right:0; } .email-id i { padding-right: 10px; position: relative; top: 2px; color: #FFF; } .email-id a,.media_icon ul li a { color: #ffffff; } .media_icon ul li a img{ filter: grayscale(0) contrast(0) brightness(2) saturate(1) !important; } .email-id a:hover{color:#fffa13;} .navbar-inverse .navbar-nav>li>a { color: #696868; padding: 12px 18px; } .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } } .palovit-accordion .panel, .palovit-accordion .panel .panel-body { box-shadow:none!important; border:none!important } .palovit-accordion .panel .panel-heading { border:1px solid #ddd; border-radius:3px; padding:10px 15px } .palovit-accordion .panel .panel-heading a { font-size:12px; line-height:25px; display:block } .palovit-accordion .panel .panel-heading a i { color:#ffa700; font-size:12px; line-height:25px; padding-right:14px; margin-right:12px; border-right:solid 1px #ddd } .palovit-tab ul.nav { border-bottom:none } .palovit-tab ul.nav li a { border-right:solid 1px #eee; border-left:solid 1px #eee; border-top:1px solid #eee; margin:0 -1px 0 0; padding:15px 25px; border-radius:0; color:#282828 } .palovit-tab ul.nav li a:hover { border-bottom:transparent; background-color:#f8f8f8 } .palovit-tab ul.nav li.active a { border-bottom:1px solid #eee; border-top:solid 2px #ffa700; padding:14px 25px 15px; background-color:#f8f8f8 } .palovit-tab .tab-content { border:1px solid #eee } @media (min-width: 1200px) { .container, .enquery .box_container { width: 1200px; margin: 0 auto; } } @media (max-width:991px) { .enquery .box_container { position: relative; left: 0; top: 0; transform: none; z-index: 1; display: block !important; width: 100%; } .clall_usiner, .clall_us { min-height: 100% !important; position: relative; } .clall_us .box_call { position: relative; top: 100%; width: 100%; display: block; align-items: center; padding-top: 16px; background: rgba(208, 18, 2, 0.88); } .clall_usiner, .clall_us { min-height: 100% !important; position: relative; height:100%; } .clall_us .box_call div, .clall_usiner .box_call div { background: none; width: 100%; position: relative; } .clall_us .box_call div:first-child { height: 115px; width: 115px; background: #eee; border-radius: 100%; text-align: center; overflow: hidden; padding-top: 22px; float: none; margin-right: 15px; display: block; margin: 0 auto; } .clall_us .box_call div:last-child:before, .clall_usiner .box_call div:last-child:before{ display:none; } .clall_us .box_call div:last-child { line-height: 100px; display: inline-block; padding: 17px 0px; color: #FFF; float: none; width: 100%; } .col_enquery{padding:30px 25px;} footer.footer .fbottom, footer.footer .ftop .contact, footer.footer .ftop .footer-menu { text-align:center } html.boxed .body { margin:15px } .header.radius_topmenu_nav .container, .header.transparent_nav .container { position:relative } .header.standart_nav .rspnav { min-height:0 } .header.radius_topmenu_nav .rspnav, .header.transparent_nav .rspnav { position:absolute; min-height:0 } .header.standart_nav .rspbtn button { background-color:transparent; font-size:25px; border:none; margin:19px 0; color:#fff } .header.transparent_nav .rspbtn button { background-color:transparent; font-size:20px; border:none; margin:25px 0; color:#fea600 } .ms-fullscreen-template { min-height:inherit } .m-t-m60 { margin-top:60px!important } .header.radius_topmenu_nav .rspbtn button { background-color:transparent; font-size:23px; border:none; margin:23px 0; color:#000 } .header.radius_topmenu_nav .rspbtn button:focus, .header.standart_nav .rspbtn button:focus, .header.transparent_nav .rspbtn button:focus { outline:0 } .header.standart_nav nav { top:69px; left:15px; right:15px; z-index:10; position:absolute; background-color:#2f2c2c; box-shadow:0 20px 45px rgba(0, 0, 0, .08) } .header.radius_topmenu_nav nav, .header.transparent_nav nav { position:absolute; top:75px; z-index:10; background-color:#2f2c2c; box-shadow:0 20px 45px rgba(0, 0, 0, .08) } .header.transparent_nav nav { left:15px; right:15px } .header.radius_topmenu_nav nav { left:30px; right:30px } .header.radius_topmenu_nav nav>ul li a:focus, .header.radius_topmenu_nav nav>ul li a:hover, .header.radius_topmenu_nav nav>ul li.active a, .header.standart_nav nav>ul li a:focus, .header.standart_nav nav>ul li a:hover, .header.standart_nav nav>ul li.active a, .header.transparent_nav nav>ul li a:focus, .header.transparent_nav nav>ul li a:hover, .header.transparent_nav nav>ul li.active a { background:0 0 } .header.radius_topmenu_nav nav>ul, .header.standart_nav nav>ul, .header.transparent_nav nav>ul { padding:0; margin:0 } .header.radius_topmenu_nav nav>ul li, .header.standart_nav nav>ul li, .header.transparent_nav nav>ul li { border-top:solid 1px #212121; padding:0 0 0 15px; display:block; float:none; clear:both; margin:0 } .header.radius_topmenu_nav nav>ul li:hover>ul, .header.standart_nav nav>ul li:hover>ul, .header.transparent_nav nav>ul li:hover>ul { display:block } .header.radius_topmenu_nav nav>ul li a.dropdown-toggle:after, .header.standart_nav nav>ul li a.dropdown-toggle:after, .header.transparent_nav nav>ul li a.dropdown-toggle:after { font-family:FontAwesome; position:absolute; content:'\f0d7'; font-size:10px; right:10px } .header.radius_topmenu_nav nav>ul li a, .header.standart_nav nav>ul li a, .header.transparent_nav nav>ul li a { border-radius:0; display:block; line-height:35px; color:#dbdbdb; font-size:12px; padding:0; margin:0 } .header.radius_topmenu_nav nav>ul li ul, .header.standart_nav nav>ul li ul, .header.transparent_nav nav>ul li ul { background-color:transparent; -webkit-box-shadow:none; position:relative; box-shadow:none; border:none; width:100%; padding:0; margin:0 } .header.radius_topmenu_nav nav>ul li ul li.dropdown-submenu>a:after, .header.standart_nav nav>ul li ul li.dropdown-submenu>a:after, .header.transparent_nav nav>ul li ul li.dropdown-submenu>a:after { font-family:FontAwesome; position:absolute; content:'\f0d7'; font-size:10px; right:10px } .header.radius_topmenu_nav nav>ul li .mega-content div div:first-child, .header.standart_nav nav>ul li .mega-content div div:first-child, .header.transparent_nav nav>ul li .mega-content div div:first-child { margin-top:15px } .header.radius_topmenu_nav nav>ul li .mega-content .mega-sub-title, .header.standart_nav nav>ul li .mega-content .mega-sub-title, .header.transparent_nav nav>ul li .mega-content .mega-sub-title { display:block; color:#fff } .header.radius_topmenu_nav nav>ul li .mega-content .mega-sub-nav li:first-child, .header.standart_nav nav>ul li .mega-content .mega-sub-nav li:first-child, .header.transparent_nav nav>ul li .mega-content .mega-sub-nav li:first-child { border:none } footer.footer .ftop .container div div { margin-bottom:50px } footer.footer .ftop .container div div:last-child { margin-bottom:0 } footer.footer .fbottom .logo { display:block } footer.footer .fbottom .logo img { margin:auto } footer.footer .fbottom .fmenu ul { float:none } footer.footer .fbottom .social { margin-left:auto; margin-right:auto; float:none } .main section.archive .container .row div { border-right:none } .main section.projets4 .owl-controls .owl-buttons { width:100% } .main article.page-404 div h1 { font-size:100px } .main article.page-404 div h2 { font-size:18px } } @media (min-width:320px) and (max-width:767px) { .email-id,.media_icon{display:none;} .egf p { line-height: 31px; text-align: center; color: #fff; font-size: 35px; margin-top: 11px; } .btn.btn-slider-black { border: none; text-transform: uppercase; background-color: #065c32; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-weight: 600; color: #fff; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; overflow: hidden; padding: 10px 12px; margin-top: 5px; } .grid-box { max-width: 100%; overflow: hidden; position: relative; width: 100%; margin-top: 8px; } .column { float: left; width: 100%!important; display: none; } .flex-row img{ min-width: 70px!important; height: 70px!important; } .btn-slider-blackk{margin-top:10px;} .box_col img {width:100%} .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%!important; } } @media (max-width:767px) { .header.radius_topmenu_nav { position:relative } .header.radius_topmenu_nav .top>div>div .dropdown { color:#000!important } .slider3-t1, .slider3-t2 { margin-left:30px } .header.standart_nav .center .logo img { margin:0 auto } .header.standart_nav .rmenu { float:left } .header.radius_topmenu_nav .rmenu>div .dropdown-menu, .header.standart_nav .rmenu>div .dropdown-menu { width:94% } .header.radius_topmenu_nav .radius { margin:11px 0!important } .nav-tabs>li { float:left; margin-bottom:-1px; border-bottom:1px solid #efefef; margin-right:5px; } .nav-tabs>li a { width:100% } } .carousel-inner.thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius:0px !important; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #ff9108; } .LockOff { display: none; visibility: hidden; } .LockOn { display: block; visibility: visible; position: fixed; top: 0%; left: 0%; z-index: 1000; width: 105%; height: 105%; background-color: #FDFDF0; text-align: center; padding-top: 20%; filter: alpha(opacity=75); opacity: 0.60; } if(prog) { $('#loadingdiv').addClass("LockOn"); } if(prog) { $('#loadingdiv').removeClass("LockOn"); $('#loadingdiv').addClass ("LockOff"); }