/* Reset Styling----------------------------------------------------------------------*/ @font-face { font-family: 'Droid Arabic Kufi'; src: url('styles/JF-Flat-regular.eot'); src: local('Droid Arabic Kufi'), local('Comfortaa'), url('styles/JF-Flat-regular.ttf') format('truetype'), url('styles/dynalight-regular-webfont.svg#font') format('svg'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block; } body { line-height: 1; font-family: "Droid Arabic Kufi" !important; } ol, ul { list-style: none; } blockquote, q { quotes: none; } #p { float: right; line-height: 22px; color: black; margin: auto; } #p1 { margin: auto; } #p2 { color: black; margin-right: 34%; margin-top: 6%; } #p3 { padding-left: 5%; } #p4 { margin-right: 1%; color: black; } #p5 { width: 40%; height: 23px; } #date_time1 { color: #fff; display: block; font-size: 12px; padding-top: 4px; text-align: center; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { outline: none; padding: 0px; margin: 0px; } /* General Styling----------------------------------------------------------------------*/body { margin: 0 auto; background: #ddd url(images/backgrounds/6.jpg) fixed; color: #7A7A7A; line-height: 24px; font-family: "Roboto", Helvetica, Tahoma, Arial; font-weight: 400; font-size: 14px; } ::selection { color: #fff; background: #4a4667; } ::-moz-selection { color: #fff; background: #4a4667; } img { border: none; max-width: 100%} a { color: #000; text-decoration: none; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } a:hover { color: #4a4667; } h1, h2, h3, h4, h5, h6 { color: #484747; padding: 0; margin: 0 0 10px 0; font-family: "Droid Arabic Kufi", Helvetica, Tahoma, Arial; font-weight: 700; line-height: 28px; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p { margin-bottom: 15px; } p:last-child { margin-bottom: 0; } strong { font-weight: bold; } em { font-style: italic; } ol { padding: 0; margin: 0; } ol li { list-style: decimal; padding: 0 0 10px 0; margin: 0 0 0 20px; line-height: 24px; } ul { padding: 0; margin: 0; list-style-type: none; } cite { float: right; padding: 0 0 5px 0; } hr { background: #e6e6e6; border: 0; clear: both; width: 100%; height: 1px; padding: 0; margin: 20px 0; position: relative; } pre { color: #333; white-space: initial; border-radius: 3px; background: #ccc; border-left: 8px solid #1ABC9C; padding: 14px 20px; white-space: initial; margin: 5px 0 20px 0; overflow: auto; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } code { color: #333; background: #ccc; border-left: 8px solid #1ABC9C; padding: 14px 20px; border-radius: 3px; margin: 5px 0 20px 0; clear: both; display: block; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } iframe { max-width: 100%; } mark { padding: 3px 5px; } textarea { white-space: pre; } /* Grid >> Global----------------------------------------------------------------------------------------------------*/.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { display: inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; } .alpha { margin-left: 0 !important; } .omega { margin-right: 0 !important; } /* Grid >> 12 Columns----------------------------------------------------------------------------------------------------*/.grid_1 { width: 6.333%} .grid_2 { width: 14.667%} .grid_3 { width: 23.0%} .grid_4 { width: 31.333%} .grid_5 { width: 39.667%} .grid_6 { width: 48.0%} .grid_7 { width: 56.333%} .grid_8 { width: 64.667%} .grid_9 { width: 73.0%} .grid_10 { width: 81.333%} .grid_11 { width: 89.667%} .grid_12 { width: 98.0%} .grid_12:after { content: ""; clear: both; } .grid_full { width: 100%; } .grid_1_5 { width: 18.0%; } .grid_2_5 { width: 38.0%; } .grid_3_5 { width: 58.0%; } .grid_4_5 { width: 78.0%; } .grid_1.alpha, .grid_1.omega { width: 7.333%; } .grid_2.alpha, .grid_2.omega { width: 15.667%; } .grid_3.alpha, .grid_3.omega { width: 24.0%; } .grid_4.alpha, .grid_4.omega { width: 32.333%; } .grid_5.alpha, .grid_5.omega { width: 40.667%; } .grid_6.alpha, .grid_6.omega { width: 49.0%; } .grid_7.alpha, .grid_7.omega { width: 57.333%; } .grid_8.alpha, .grid_8.omega { width: 65.667%; } .grid_9.alpha, .grid_9.omega { width: 74.0%; } .grid_10.alpha, .grid_10.omega { width: 82.333%; } .grid_11.alpha, .grid_11.omega { width: 90.667%; } .grid_12.alpha, .grid_12.omega { width: 99.0%; } .grid_1_5.alpha, .grid_1_5.omega { width: 19.0%; } .grid_2_5.alpha, .grid_2_5.omega { width: 39.0%; } .grid_3_5.alpha, .grid_3_5.omega { width: 59.0%; } .grid_4_5.alpha, .grid_4_5.omega { width: 79.0%; } .row { width: 1170px; margin: 0 auto; position: relative; } .img1 { width: 280px; height: 200px; } .img2 { width: 280px; height: 250px; } .imgcom { width: 80px; height: 80px; } #layout { position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .boxed { margin: 0 auto; width: 1230px; background: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .boxed-margin { margin: 30px auto; width: 1230px; background: #fff; position: relative; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border-radius: 10px; } .full { width: 100%; margin: 0 auto; background: #fff; } .left_sidebar .posts { float: right; } /* Clear Floated Elements----------------------------------------------------------------------------------------------------*/.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Header----------------------------------------------------------------------------------------------------*/#header { position : relative; } .a_head { background: #1d1e20; } .b_head { margin: 30px 0; } .c_head { background: #14ab98; } .logo { float: left; } .center_logo { float: none; margin: 0 auto; display: table; } .ads { float: right; } .right_icons { margin: 0; position: absolute; right: 0; z-index: 99999999999; } .right_icons:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .right_icons a { float: right; font-size: 16px; color: #FFF; text-align: center; padding: 16px 20px; border-left: 1px solid #2B2B2B; display: inline-block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .right_icons a:hover, .search_icon i:hover, .search_icon i.activeated_search { background: #4a4667; color: #fff; } #header .search { position: relative; margin: 0; float: right; z-index: 99; } .search_icon { position: relative; cursor: pointer; } .search_icon i { font-size: 16px; color: #FFF; text-align: center; padding: 20px 20px; border-left: 1px solid #2B2B2B; display: inline-block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .s_form { position: absolute; display: none; top: 62px; right: 0; padding: 8px 10px; background: #FFF; border-radius: 3px; border-top: 2px solid #4a4667; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28); } .s_form:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; top: -8px; right: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #4a4667; } #header .search form { position: relative; } #header .search input { margin: 0; padding: 0 10px; display: block; line-height: 30px; height: 30px; border: 1px solid #eee; border-radius: 3px; font-size: 11px; color: #808080; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #header .search button { position: absolute; top: 7px; right: 12px; background: none; border: 0; font-size: 11px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #header .search button:hover { color: #4a4667; } .right_bar .lang { float: right; padding: 0; margin: 0; border-left: 1px solid #2B2B2B; position: relative; } .right_bar .lang img { width: 16px; } .right_bar .lang a { padding: 12px; display: block; } .more_lang { display: none; position: absolute; top: 35px; right: 0; z-index: 99; background: #1D1E20; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .more_lang a { display: block; opacity: 0.5; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .more_lang a:hover { opacity: 1; } .lang:hover .more_lang { -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; display: block; } #date_time { color: #CCC; margin: 0; padding: 5px 20px; display: inline-block; float: right; font-size: 12px; z-index: 99; position: relative; border-left: 1px solid #2B2B2B; } /* Popup SignIn----------------------------------------------------------------------*/.sign_in { float: right; height: 29px; margin: 4px 0 0 0; } #LoginBackgroundPopup { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; z-index: 9997; } #popupLogin { display: none; position: fixed; width: 360px; top: 50%; left: 50%; z-index: 9998; margin-left: 0; } #popupLogin .d_block { background: url(images/transparent.png) repeat; background: rgba(255, 255, 255, 0.3); border-radius: 6px; padding: 5px; } #popupLogin .d_block2 { background: #FFF; padding: 18px; } #popupLoginClose { position: absolute; top: 25px; right: 33px; font-size: 24px; color: #5C5C5C; cursor: pointer; } #login_username, #login_password { display: block; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; padding: 0 10px; margin: 0 0 10px 0; line-height: 24px; height: 34px; background: #F7F7F7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; } .zigmaIn { -webkit-animation: fadeInDown 0.6s; animation: fadeInDown 0.6s; } /* Social----------------------------------------------------------------------------------------------------*/.social a { float: right; text-align: center; margin: 0; width: 35px; height: 35px; color: #DFDFDF; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; border-left: 1px solid #2B2B2B; } .social_head { float: right; margin: 0; position: relative; } .social a i { padding: 10.5px 0; display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .social a:hover i { } .social a:hover .fa-twitter, .social a:hover .icons-social-twitter, .with_color a .fa-twitter, .with_color a .icons-social-twitter { background: #00abdc; color: #fff; } .social a:hover .fa-facebook, .social a:hover .icons-social-facebook, .with_color a .fa-facebook, .with_color a .icons-social-facebook { background: #325c94 ; color: #fff; } .social a:hover .fa-dribbble, .social a:hover .icons-social-dribbble, .with_color a .fa-dribbble, .with_color a .icons-social-dribbble { background: #fa4086; color: #fff; } .social a:hover .fa-rss, .social a:hover .icons-rss, .with_color a .fa-rss, .with_color a .icons-rss { background: #f1862f; color: #fff; } .social a:hover .fa-github, .social a:hover .icons-social-github, .with_color a .fa-github, .with_color a .icons-social-github { background: #333; color: #fff; } .social a:hover .fa-instagram, .with_color a .fa-instagram { background: #964b00; color: #fff; } .social a:hover .fa-linkedin, .social a:hover .icons-social-linkedin, .with_color a .fa-linkedin, .with_color a .icons-social-linkedin { background: #0073b2; color: #fff; } .social a:hover .fa-pinterest, .social a:hover .icons-social-pinterest, .with_color a .fa-pinterest, .with_color a .icons-social-pinterest { background: #d9031f; color: #fff; } .social a:hover .fa-google-plus, .social a:hover .icons-social-google-plus, .with_color a .fa-google-plus, .with_color a .icons-social-google-plus { background: #d9031f; color: #fff; } .social a:hover .fa-foursquare, .with_color a .fa-foursquare { background: #0cbadf; color: #fff; } .social a:hover .fa-skype, .social a:hover .icons-social-skype, .with_color a .fa-skype, .with_color a .icons-social-skype { background: #00b9e5; } .social a:hover .fa-cloud, .social a:hover .icons-social-soundcloud, .with_color a .fa-cloud, .with_color a .icons-social-soundcloud { background: #ff7700; } .social a:hover .fa-youtube, .social a:hover .icons-social-youtube, .with_color a .fa-youtube, .with_color a .icons-social-youtube { background: #d9031f; } .social a:hover .fa-tumblr, .social a:hover .icons-social-tumblr, .with_color a .fa-tumblr, .with_color a .icons-social-tumblr { background: #325c94; } .social a:hover .fa-stackexchange, .with_color a .fa-stackexchange { background: #4e4e4e; color: #fff; border-color: #fff; } .social a:hover .fa-flickr, .social a:hover .icons-social-flickr, .with_color a .fa-flickr, .with_color a .icons-social-flickr { background: #fa4086; } .social a:hover i { color: #fff; } /* Superfish----------------------------------------------------------------------*/.home_class i { font-size: 16px; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; z-index: 555; } .sf-menu { float: left; padding: 0; position: relative; margin: 0; width: 100%} .sf-menu ul { position: absolute; top: -999em; width: 172px; } .sf-menu ul li { width: 100%; margin: 0; padding: 10px 0; background: #1D1E20; } .sf-menu li:hover { visibility: inherit; } .sf-menu li { float: left; border-right: 1px solid #2B2B2B; margin: 0; padding: 0; } .sf-menu li li { border-bottom: 1px solid #2B2B2B; border-right: 0; margin: 0; padding: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; float: left; } .sf-menu li li:last-child { border-bottom: 0; } .sf-menu li li:first-child { border-top: 0; } .sf-menu li li a { padding: 12px 14px; line-height: 20px; color: #fff; text-transform: none; letter-spacing: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sf-menu a { display: block; position: relative; color: #fff; font-size: 16px; font-weight: 400; padding: 16px 20px; margin: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sf-menu li li a { margin: 0; border: 0; } .sf-menu > li:hover > a, .sf-menu > li > a:hover { color: #fff; } .sf-menu li.current > a { color: #fff; } .sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a { border: 0; color: #fff; } .sf-menu li li a { font-size: 12px; font-weight: normal; margin-bottom: 0; } .sf-menu li li i { margin-right: 8px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { z-index: 999; top: 56px; padding: 0; -webkit-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; } .sf-menu li:hover ul li ul, .sf-menu li.sfHover ul li ul, .sf-menu li:hover ul li ul li ul, .sf-menu li.sfHover ul li ul li ul { left: 172px; z-index: 999; top: 0 !important; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li { position: relative !important; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 172px; top: 0 !important; padding: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 172px; top: 0; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /*** arrows **/.sf-sub-indicator { position: absolute; display: block; overflow: hidden; } .sf-menu > li > a .sf-sub-indicator { display: none; } a > .sf-sub-indicator { position: absolute; font-size: 8px; } li li a .sf-sub-indicator { top: 13px; right: 5%; } #withoutBorder { border-bottom: 0px solid #2B2B2B; } .mega { padding: 0 !important; background: #1D1E20; } .col4.mega { left: 0; } .col3.mega, .col2.mega { } .col1, .col2, .col3 { float: right; } .col1 { width: 25% !important; } .col2 { width: 50% !important; } .col3 { width: 75% !important; } .col4 { width: 100% !important; } .mega h4, .mega h5 { color: #fff; margin-top: 10px; } .second_menu * { z-index: 9999999999999999999999 !important; } .second_menu .sf-menu a { font-size: 12px; font-weight: 400; padding: 6px 16px 5px; } .second_menu .sf-menu li:hover ul, .second_menu .sf-menu li.sfHover ul { top: 32px; } .second_menu li li a .sf-sub-indicator { top: 6px; } /* Ticker----------------------------------------------------------------------*/.ticker-wrapper.has-js { padding: 2px 0; width: 620px; height: 29px; display: block; float: left; font-size: 12px; } .ticker { width: 710px; height: 23px; display: block; position: relative; overflow: hidden; } .ticker-title { display: none !important; padding-top: 2px; color: #fff; font-weight: bold; text-transform: uppercase; } .ticker-content { left: 0 !important; margin: 0px; padding-top: 8px; position: absolute; color: #fff; font-weight: bold; overflow: hidden; white-space: nowrap; line-height: 1.2em; } /* .ticker-content:focus { none; }*/ .ticker-content a { text-decoration: none; color: #fff; } .ticker-swipe { padding-top: 9px; position: absolute; top: 0px; background-color: #1D1E20; display: block; width: 800px; height: 23px; } .ticker-swipe span { margin-left: 1px; border-bottom: 1px solid #fff; height: 12px; width: 7px; display: block; } .ticker-controls { padding: 8px 0px 0px 0px; list-style-type: none; float: left; } .ticker-controls li { padding: 0px; margin-left: 5px; float: left; cursor: pointer; height: 16px; width: 16px; display: block; } .ticker-controls li.jnt-play-pause { background-image: url('../images/controls.png'); background-position: 32px 16px; } .ticker-controls li.jnt-play-pause.over { background-position: 32px 32px; } .ticker-controls li.jnt-play-pause.down { background-position: 32px 0px; } .ticker-controls li.jnt-play-pause.paused { background-image: url('../images/controls.png'); background-position: 48px 16px; } .ticker-controls li.jnt-play-pause.paused.over { background-position: 48px 32px; } .ticker-controls li.jnt-play-pause.paused.down { background-position: 48px 0px; } .ticker-controls li.jnt-prev { background-image: url('../images/controls.png'); background-position: 0px 16px; } .ticker-controls li.jnt-prev.over { background-position: 0px 32px; } .ticker-controls li.jnt-prev.down { background-position: 0px 0px; } .ticker-controls li.jnt-next { background-image: url('../images/controls.png'); background-position: 16px 16px; } .ticker-controls li.jnt-next.over { background-position: 16px 32px; } .ticker-controls li.jnt-next.down { background-position: 16px 0px; } .js-hidden { display: none; } .no-js-news { padding: 10px 0px 0px 45px; color: #F8F0DB; } .left .ticker-swipe { /*left: 80px; */} .left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker { float: left; } .left .ticker-controls { padding-left: 6px; } .right .ticker-swipe { /*right: 80px; */} .right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker { float: right; } .right .ticker-controls { padding-right: 6px; } .freq_out { float: left; margin: 12px 12px; direction: ltr; } .freq { position: relative; width: 10px; height: 10px; top: 1px; } .inner_f { content: no-close-quote; background-color: #E84A4A; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 3px; left: 3px; } #layerBall { box-shadow: 0 0 1px #E84A4A; width: 10px; height: 10px; border-radius: 50px; position: absolute; z-index: 99; top: 0; left: 0; -webkit-animation-name: pulsee; -webkit-animation-duration: 2.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-duration: 2.5s; } #layerBall:after { background-color: #E84A4A; width: 10px; height: 10px; border-radius: 50px; content: no-close-quote; position: absolute; z-index: 99; } #layerBall:before { box-shadow: 0 0 4px #E84A4A; width: 10px; height: 10px; border-radius: 50px; content: no-close-quote; position: absolute; z-index: 99; -webkit-animation-name: pulseee; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-duration: 3s; } @-webkit-keyframes pulsee { 0% { -webkit-transform: scale(0); opacity: 0; } 10% { -webkit-transform: scale(1); opacity: 0.8; } 50% { -webkit-transform: scale(3); opacity: 0; } 100% { -webkit-transform: scale(0); opacity: 0; } } @-webkit-keyframes pulseee { 0% { -webkit-transform: scale(0); opacity: 0; } 10% { -webkit-transform: scale(0.5); opacity: 0.8; } 50% { -webkit-transform: scale(1.5); opacity: 0; } 100% { -webkit-transform: scale(0); opacity: 0; } } @keyframes pulsee { 0% { -webkit-transform: scale(0); opacity: 0; } 10% { -webkit-transform: scale(1); opacity: 0.8; } 50% { -webkit-transform: scale(3); opacity: 0; } 100% { -webkit-transform: scale(0); opacity: 0; } } @keyframes pulseee { 0% { -webkit-transform: scale(0); opacity: 0; } 10% { -webkit-transform: scale(0.5); opacity: 0.8; } 50% { -webkit-transform: scale(1.5); opacity: 0; } 100% { -webkit-transform: scale(0); opacity: 0; } } /* Sticky----------------------------------------------------------------------*/.sticky { position: fixed !important; z-index: 1000; top: 0; left: 0; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .boxed .sticky, .boxed-margin .sticky { left: auto; width: 1170px; } /* Page Content----------------------------------------------------------------------*/.page-content { margin: 50px 0; } .ipress_slider .item img { display: block; width: 100%; height: auto; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing { cursor: url(images/grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: fadeInLeft .6s ease both; -moz-animation: fadeInLeft .6s ease both; animation: fadeInLeft .6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .owl-theme .owl-controls { position: absolute; bottom: 20px; right: 20px; } .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; margin: 1px; padding: 5px 10px; font-size: 14px; background: #1D1E20; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { background: #4a4667; -webkit-animation: floating 0.5s; animation: floating 0.5s; filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */} .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-item.loading { min-height: 318px; background: url(images/AjaxLoader.gif) no-repeat center center; } .ipress_slider .item .half { position: relative; float: right; width: 50%} .ipress_slider .item img { width: 100%; } .ipress_slider .slide_details { padding: 20px; position: absolute; bottom: 0; z-index: 9999; } .ipress_slider .slide_details h3 { padding: 4px 12px; font-size: 14px; background: rgba(29, 30, 32, 0.8); margin: 2px 0 0 0; } .ipress_slider .slide_details .post_rating { background: rgba(29, 30, 32, 0.8); padding: 4px 8px; } .ipress_slider .slide_details a { color: #FFF; } .ipress_slider .slide_details .line { border-bottom: 3px solid #fff; width: 30px; display: inline-block; margin: 0 0 10px 0; } .ipress_slider .owl-controls { bottom: -24px; right: 0; } .ipress_slider .owl-controls .owl-page span { width: 20px; height: 6px; margin: 0px 0 0 4px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #979797; } .posts iframe { width: 100%} .posts .title { position: relative; color: #fff; background: #1d1e20; padding: 6px 16px; margin: 0 0 20px 0; } .posts .title .feed { position: absolute; right: 18px; top: 10px; font-size: 16px; color: #FFF; } .posts .title:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #1d1e20; } .posts .title h4 { color: #FFF; font-size: 18px; font-weight: 400; margin: 0; } .post_day .relative .cat { right: 0; top: 15px; position: absolute; } .post_day .relative .cat:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: 10px; right: -5px; border-bottom: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #1D1E20; } .post_day_content { padding: 0px 20px; } .post_m_content { padding: 10px 0; } .small_posts .s_thumb { position: relative; float: left; margin: 0 20px 20px 0; } .small_posts .s_thumb span { position: absolute; bottom: 0; left: 0; background: #4a4667; z-index: 99; color: #FFF; text-align: center; width: 20px; height: 20px; font-size: 11px; padding: 0 0 3px 0; } .small_posts li.clearfix { margin: 0 0 20px 0; border-bottom: 1px solid #ECECEC; } .small_posts li.clearfix:last-child { margin: 0; border-bottom: 0; } .small_posts h3 { line-height: 18px; margin: 0 0 5px 0; font-size: 14px; } .small_posts .meta { font-size: 12px; } .small_posts .cat { padding: 2px 8px; display: inline-block; } .post_rating { padding: 2px 8px; font-size: 12px; display: inline-block; color: #FFF !important; background: #1D1E20; z-index: 99; display: inline-block; } .post_rating i { padding: 0 4px 0 0; } .single_post h3.single_title { font-size: 30px; line-height: 38px; } .share_post { background: #efefef; } .share_post #Share { color: #fff; background: #4a4667; float: right; padding: 4px 10px; } .share_post span { padding-left: 5px; } .socials { padding-top: 7px; } .author_post .title { margin: 0; } .author_post .author_co { background: #EFEFEF; padding: 30px; } .author_post .author_co img { float: left; margin: 0 20px 20px 0; } .author_post .author_co .social a { color: #929292; border-color: #EFEFEF; } .posts_links small { display: block; color: #CCC; margin-left: 30px; } .posts_links span { display: block; margin-left: 30px; } .posts_links i { position: absolute; color: #CCC; left: -20px; font-size: 52px; } .posts_links a.righter i { right: -20px; } .posts_links a.righter span, .posts_links a.righter small { margin-right: 30px; margin-top: 6%; margin-left: 18%; } .pagination-tt ul { margin-top: 6%; text-align: center; } .pagination-tt ul li { display: inline-block; margin: 0; } .pagination-tt ul li span { display: block; padding: 10px 12px; background: #1D1E20; color: #fff; } .pagination-tt ul li a { float: right; display: block; padding: 10px 12px; color: #fff; background: #4a4667; transition: all 0.2s ease; } .pagination-tt ul li a:hover { background: #1D1E20; } .pagination-tt .pages { float: right; padding: 10px 12px; } .recent_comments h5 { margin: 0; } .recent_comments p { line-height: 18px; } [class^='small_slider_'] .owl-controls, [class^='carousel_'] .owl-controls { position: absolute; bottom: auto; right: 42px; top: -49px; } [class^='small_slider_'] .owl-controls .owl-page span, [class^='carousel_'] .owl-controls .owl-page span { width: 10px; height: 10px; margin: 6px; background: #EBEBEB; } .ads_block img { margin: 0 auto; text-align: center; } [class^='carousel_'] .item { margin: 5px 4px; } [class^='carousel_'] .item img { display: block; width: 100%; height: auto; } .wp-polls-ul { margin: 0 0 20px 0; } .wp-polls input.Buttons { border: 0px; padding: 10px 10px; font-size: 14px; font-weight: 600; color: #FFF; background: #4a4667; margin: 10px 10px 10px 0; display: inline-block; cursor: pointer; } .wp-polls input.Buttons:hover { background: #1D1E20; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .cat { padding: 4px 10px; font-size: 12px; display: inline-block; color: #FFF !important; background: #1D1E20; z-index: 99; } .title.colordefault, .cat.colordefault, li.colordefault:hover > a, li.colordefault li:hover > a, li.current.colordefault { background: #4a4667; } .title.color1, .cat.color1, li.color1:hover > a, li.color1 li:hover > a, li.current.color1 { background: #30DD98; //background: #14AB98; } .title.color2, .cat.color2, li.color2:hover > a, li.color2 li:hover > a, li.current.color2 { background: #d1c54a; } .title.color3, .cat.color3, li.color3:hover > a, li.color3 li:hover > a, li.current.color3 { background: #222433; } .title.color4, .cat.color4, li.color4:hover > a, li.color4 li:hover > a, li.current.color4 { background: #00FF2F; } .title.color5, .cat.color5, li.color5:hover > a, li.color5 li:hover > a, li.current.color5 { background: #222433; } .title.color6, .cat.color6, li.color6:hover > a, li.color6 li:hover > a, li.current.color6 { background: #325C94; } .title.color7, .cat.color7, li.color7:hover > a, li.color7 li:hover > a, li.current.color7 { background: #FF2121; } .title.color8, .cat.color8, li.color8:hover > a, li.color8 li:hover > a, li.current.color8 { background: #465559; } .colordefault.title:after { border-top-color: #4a4667 !important; } .color1.title:after { border-top-color: #30DD98 !important; } .color2.title:after { border-top-color: #d1c54a !important; } .color3.title:after { border-top-color: #222433 !important; } .color4.title:after { border-top-color: #00FF2F !important; } .color5.title:after { border-top-color: #222433 !important; } .color6.title:after { border-top-color: #325C94 !important; } .color7.title:after { border-top-color: #FF2121 !important; } .color8.title:after { border-top-color: #465559 !important; } .colordefault.cat:after { border-left-color: #4a4667 !important; } .color1.cat:after { border-left-color: #30DD98 !important; } .color2.cat:after { border-left-color: #d1c54a !important; } .color3.cat:after { border-left-color: #FF3C7A !important; } .color4.cat:after { border-left-color: #00FF2F !important; } .color5.cat:after { border-left-color: #00ADFF !important; } .color6.cat:after { border-left-color: #325C94 !important; } .color7.cat:after { border-left-color: #FF2121 !important; } .color8.cat:after { border-left-color: #465559 !important; } /* contactForm----------------------------------------------------------------------------------------------------*/#contactForm span { margin: 11px 10px; display: inline-block; color: #F00; } #contactForm span strong { color: #F00; } #contactForm i { color: #fff; margin: 0 10px 0 0; } #track_input, #contactForm #senderName, #contactForm #senderEmail { display: block; width: 100%; border: 1px solid #EAEAEA; padding: 0 10px; line-height: 24px; height: 38px; background: #FDFDFD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: inherit; } #contactForm #message { display: block; width: 100%; border: 1px solid #EAEAEA; padding: 16px 10px; background: #FDFDFD; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; font-family: inherit; } #track_input:focus, #contactForm #senderName:focus, #contactForm #senderEmail:focus, #contactForm #message:focus { background: #fff; border: 1px solid #4a4667; } #track_order label { font-weight: 600; margin-bottom: 14px; } #contactForm #senderEmail { float: right; } #contactForm .flr { margin: 0 0 10px 0 !important; } #contactForm .fll { margin: 0 0px 10px 0 !important; } .fieldtrue { border: 1px solid #1ABC5B !important; } .fielderror { border-color: #F00 !important; } #contactForm #sendMessage, #sendMessage { width: auto; margin-top: 20px; float: right; display: inline-block; cursor: pointer; position: relative; padding: 10px 16px; background: none; color: #fff; border: 0; background: #4a4667; display: inline-block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; font-family: inherit; } #contactForm #sendMessage:hover { background: #1D1E20; } #contactForm textarea { width: 98%; } /* Sidebar----------------------------------------------------------------------*/.widget { margin: 0 0 40px 0; } .widget .title { position: relative; color: #fff; background: #1d1e20; padding: 6px 16px; margin: 0 0 20px 0; } .widget .title:after { content: no-close-quote; position: absolute; width: 0px; height: 0px; bottom: -6px; left: 22px; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #1d1e20; } .widget .title h4 { color: #FFF; font-size: 18px; font-weight: 400; margin: 0; } .small_slider_hots .owl-controls { right: 12px !important; } .counter li { width: 48%; display: inline-block; margin: 0 0 14px 0; } .counter i { width: 48px; height: 52px; position: relative; background: #ccc; color: #FFF; font-size: 20px; text-align: center; float: left; } .counter .fa:before { padding: 14px; } .counter li i:after { content: no-close-quote; position: absolute; width: 0; height: 0; right: -6px; bottom: 20px; border-top: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid rgba(0, 0, 0, 0); border-left: 6px solid #00ABDC; } .counter .twitter i { background: #00ABDC; } .counter .twitter i:after { border-left-color: #00ABDC; } .counter .facebook i { background: #325c94; } .counter .facebook i:after { border-left-color: #325c94; } .counter .dribbble i { background: #fa4086; } .counter .dribbble i:after { border-left-color: #fa4086; } .counter .rss i { background: #f5931f; } .counter .rss i:after { border-left-color: #f5931f; } .counter span { float: left; padding: 8px 0 0 20px; line-height: 18px; font-size: 12px; } .widget iframe { width: 100%} .widget .list li a { display: block; border-bottom: 1px solid #E6E6E6; line-height: 32px; position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .widget .list li a span { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; float: right; } .widget .list li:hover span { padding-right: 10px; } .widget .list li.current a, .widget .list li:hover a { color: #5486da; border-bottom: 1px solid #5486da; background: rgba(84, 134, 218, 0.07); padding-left: 10px; } .tags i { margin-right: 4px; } .tags a { color: #868686; padding: 6px 12px; font-size: 12px; margin: 0 0px 4px 0; display: inline-block; background: #F1F1F1; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; text-decoration: none !important; } .tags a:hover { background: #4a4667; color: #fff; } #footer .tags a { background: #181717; } #footer .tags a:hover { background: #4a4667; color: #fff !important; } /*-- calendar windget --*/#wp-calendar { margin: 0 auto; width: 100% !important; } #wp-calendar th { background: #F3F3F3; border: 1px solid #FFF; padding: 4px 6px; text-align: center; font-weight: 400; } #wp-calendar td { background: #EEEEEE; border: 1px solid #FFFFFF; padding: 4px 6px; text-align: center; } #wp-calendar td.pad { background: #FFFFFF; } #wp-calendar #today { background: #4a4667; color: #FFFFFF; } #wp-calendar #today a { color: #FFFFFF; } #wp-calendar caption { text-align: center; background: #1D1E20; font-size: 16px; font-weight: 400; color: #FFFFFF; padding: 8px 0; } .r_content { position: absolute; bottom: 0; z-index: 99; } .r_content .cat { left: 20px; position: relative; } .r_content .r_title { color: #fff; width: 100%; display: inline-block; background: rgba(0, 0, 0, 0.39); margin: 4px 0 0 0; } .r_content .r_title a { display: block; padding: 15px 20px; color: #fff; } .latest_tweets { background: #4D4778; } .tweets { color: #FFF; padding: 0 20px 54px; } .tweets .owl-controls { right: 0; bottom: -40px; } .tweets .owl-controls .owl-page span { width: 10px; height: 10px; margin: 5px 5px; background: #fff; } .latest_tweets i { padding: 0 4px 0 0; } .latest_tweets h4 { color: #FFF; padding: 14px 20px; font-weight: 200; margin: 0 0 20px 0; border-bottom: 1px solid #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.21); } .latest_tweets h4 small { font-weight: 100; font-size: 12px; color: #E2E2E2; font-style: italic; margin: 0 0 0 6px; } /* Accordion, Toggle----------------------------------------------------------------------*/.accordion-head, .toggle-head { position: relative; padding: 10px 0 10px 60px; margin: 8px 0 0 0; font-size: 14px; cursor: pointer; border-bottom: 0; color: #fff; background: #2c3337; transition: all 0.3s; -webkit-transition: all 0.3s; } .accordion-head i, .toggle-head i { padding-right: 8px; } .sub-accordion:first-child .accordion-head, .sub-toggle:first-child .toggle-head { margin: 0; } .active .accordion-content, .active .toggle-content { border: 0; -webkit-animation: fadeInDown 0.4s; animation: fadeInDown 0.4s; } .active .icon-minus-sign { -webkit-animation: fadeInDown 0.4s; animation: fadeInDown 0.4s; } .active .icon-plus-sign { -webkit-animation: fadeInDown 0.4s; animation: fadeInDown 0.4s; } .accordion-content, .toggle-content { padding: 16px; overflow: hidden; } .accordion-head-sign, .toggle-head-sign { margin: 0; background: #4a4667; color: #FFF; position: absolute; left: 0; top: 0; padding: 10px 16px; } .accordion-head-sign i, .toggle-head-sign i { padding: 0; margin: 0; } .blockquote { font-family: 'Droid Arabic Kufi', serif; font-size: 16px; font-style: italic; text-shadow: 1px 1px 3px transparent; color: #888; line-height: 24px; margin: 40px 20px; padding: 20px; overflow: hidden; border-left: 5px solid #E6E6E6; } .blockquote.left { width: 33%; float: left; } div.blockquote.right { width: 33%; float: right; } /* Tabs----------------------------------------------------------------------*/.tabs { display: block; padding: 0; list-style: none; border: 1px solid #EEE; } .tabs li { display: block; width: auto; padding: 0; float: left; margin: 0; } .tabs li a { display: block; padding: 10px 20px; margin: 0; font-size: 12px; cursor: pointer; color: #dbdbdb; } .grid_3 .tabs li a { padding: 8px; } .tabs li a.active { background: #313131; color: #FFF; } .tabs-content { padding: 20px 0; display: block; list-style: none; } .tabs-content img { border-radius: 10px; } .tabs-content > li { display: none; } .tabs-content > li.active { display: block; overflow: hidden; -webkit-animation: fadeInDown 0.4s; animation: fadeInDown 0.4s; } .tabs:before, .tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .tabs:after { clear: both; } @keyframes prot { 20%, 40%, 60%, 80%, 100% { transform-origin: top center; } 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @-webkit-keyframes prot { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } .tabs li a:hover i { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-animation: prot 1s; animation: prot 1s; z-index: 11; } .v_tab li { float: none; display: flex; margin: 0 0 10px 0; } .v_content { display: block; padding: 10px 20px; margin: 0; border: 2px solid #DBDBDB; border-radius: 6px; } .table { background: transparent !important; font-size: 13px; text-align: center; border-collapse: collapse; margin: 0; padding: 0; width: 100%; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .table th { font-size: 14px; font-weight: normal; font-family: "Droid Arabic Kufi", "Lucida Grande", sans-serif; text-align: center; padding: 14px 8px !important; color: #ffffff; background-color: #313131; text-shadow: none; } .table td { padding: 14px 8px !important; text-align: center; } .table tr { border-bottom: 1px solid #fff; background-color: #f8f8f8; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; } .table tr:hover, tr.topic-sticky { background: #ddd; -webkit-transition: all .2s; transition: all .2s; } .table tfoot td { padding: 14px !important; text-align: left; background: #313131; color: #ffffff; font-size: 11px; text-shadow: none; } .table tfoot tr:hover { background: #ddd; } /* Notification Boxes----------------------------------------------------------------------*/.notification-box { position: relative; margin-bottom: 10px; border-radius: 3px; padding: 20px 32px 20px 20px; color: #fff; font-size: 14px; font-weight: normal; -webkit-animation: fadeInUp 1.3s; animation: fadeInUp 1.3s; } a.notification-close { position: absolute; right: 20px; top: 20px; font-size: 12px; } .notification-box p { margin: 0; } .notification-box p i { padding-right: 10px; border-right: 1px solid; margin-right: 10px; } .notification-box-info { color: #65cad3; border: 1px solid #65cad3; } .notification-box-success { color: #1abc9c; border: 1px solid #1abc9c; } .notification-box-warning { color: #eed880; border: 1px solid #eed880; } .notification-box-error { color: #e06f6f; border: 1px solid #e06f6f; } .notification-box-info a { color: #65cad3; } .notification-box-success a { color: #1abc9c; } .notification-box-warning a { color: #eed880; } .notification-box-error a { color: #e06f6f; } /* Buttons----------------------------------------------------------------------*/.tbutton { display: inline-block; cursor: pointer; position: relative; word-spacing: 0.2em; background: #4a4667; color: #fff; white-space: nowrap; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .tbutton:hover { color: #fff; background: #1D1E20; } .tbutton.color2 { background: #9AD147; } .tbutton.color2:hover { background: #1D1E20; } .tbutton.color3 { background: #5200FF; } .tbutton.color3:hover { background: #1D1E20; } .tbutton.color4 { background: #09F; } .tbutton.color4:hover { background: #1D1E20; } .tbutton.color5 { background: #F00; } .tbutton.color5:hover { background: #1D1E20; } .tbutton.color6 { background: #2FEFF7; } .tbutton.color6:hover { background: #1D1E20; } .tbutton.color7 { background: #A58080; } .tbutton.color7:hover { background: #1D1E20; } .tbutton.color8 { background: #809FA5; } .tbutton.color8:hover { background: #1D1E20; } .tbutton.color9 { background: #3DE4B5; } .tbutton.color9:hover { background: #1D1E20; } .tbutton span { display: block; overflow: hidden; } .tbutton span { padding: 0 10px; line-height: 2.6em; } .tbutton.small { font-size: 12px; } .tbutton.medium { font-size: 14px; } .tbutton.large { font-size: 16px; } .tbutton.small span { padding: 0 14px; line-height: 2.3em; } .tbutton.medium span { padding: 0 16px; line-height: 2.6em; } .tbutton.large span { padding: 0 18px; line-height: 2.8em; } .errorpage h2 small { display: block; font-weight: 200; padding: 10px 0; } /* Top Scroll----------------------------------------------------------------------*/#toTop { position: relative; float: right; margin: 0 10px; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } #toTop i { display: block; font-size: 14px; } /* Tipsy----------------------------------------------------------------------*/#footer { background: #1d1e20; } #footer a { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff; } #footer a:hover { color: #4a4667; } #footer .widget { margin: 50px 0; } #footer .widget .title { background: #252729; } #footer .widget .title:after { border-top: 6px solid #252729; } #footer .small_posts li.clearfix { border-bottom: 1px solid #2B2B2B; } #footer .small_posts li.clearfix:last-child { border-bottom: 0; } #footer .social a { float: left; border-left: 0; } #newsletters { position: relative; } #newsletters input { margin: 0; padding: 0 10px; line-height: 24px; height: 34px; border: 1px solid #EBEBEB; background: #F7F7F7; border-radius: 3px; font-size: 11px; color: #A7A7A7; cursor: text; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #newsletters input:focus { background: #fff; border: 1px solid #C5C5C5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } #newsletters:hover button { color: #191919; } #newsletters button { position: absolute; top: 10px; right: 14px; background: none; border: 0; color: #666; font-size: 14px; cursor: pointer; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #newsletters button:hover { color: #4a4667; } .footer_last { border-top: 1px solid #2B2B2B; padding: 20px 0; } .footer_last:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .copyright { font-size: 12px; float: left; } /* Tipsy----------------------------------------------------------------------*/.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; } .tipsy-inner { padding: 1px 10px 0px; background-color: #303030; color: white; max-width: 300px; text-align: center; } .tipsy-inner { border-radius: 4px; } .tipsy-arrow { position: absolute; width: 9px; height: 5px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy .tipsy-arrow:before { content: no-close-quote; position: absolute; width: 0px; height: 0px; } .tipsy-n .tipsy-arrow:before { bottom: -1px; left: -2px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #303030; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; } .tipsy-s .tipsy-arrow:before { bottom: -1px; left: -2px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #303030; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; } .tipsy-e .tipsy-arrow:before { bottom: -6px; right: 0px; border-right: 6px solid rgba(0, 0, 0, 0); border-top: 6px solid #303030; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } .tipsy-w .tipsy-arrow:before { bottom: 6px; left: -1px; border-bottom: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid #303030; } .tipsy-n div { -webkit-animation: fadeInUp 0.3s; animation: fadeInUp 0.3s; } .tipsy-s div { -webkit-animation: fadeInDown 0.3s; animation: fadeInDown 0.3s; } .tipsy-w div { -webkit-animation: expandOpen 0.3s; animation: expandOpen 0.3s; } .tipsy-e div { -webkit-animation: expandOpen 0.3s; animation: expandOpen 0.3s; } /* More Styles----------------------------------------------------------------------*/.mi { margin-right: 4px !important; } .mid { margin-right: 8px !important; } .mii { margin-left: 4px !important; } .miid { margin-left: 8px !important; } .mt { margin-top: 20px !important; } .mtt { margin-top: 30px !important; } .mtf { margin-top: 40px !important; } .mtff { margin-top: 50px !important; } .mts { margin-top: 70px !important; } .mb { margin-bottom: 5px !important; } .mbt { margin-bottom: 30px !important; } .mbf { margin-bottom: 40px !important; } .mbff { margin-bottom: 50px !important; } .mbs { margin-bottom: 70px !important; } .pt { padding-top: 120px; } .fll { float: left; margin: 0 20px 10px 0 !important; } .flr { float: right; margin: 0 0 10px 20px !important; } .tac { text-align: center !important; } .tar { text-align: right !important; } .tal { text-align: left !important; } .tacIMG, .tacIMG img { margin: 0 auto !important; text-align: center; } .two-radius { border-radius: 2px !important; -webkit-border-radius: 2px !important; } .three-radius { border-radius: 3px !important; -webkit-border-radius: 3px !important; } .four-radius { border-radius: 4px !important; -webkit-border-radius: 4px !important; } .five-radiu { border-radius: 5px !important; -webkit-border-radius: 5px !important; } .six-radius { border-radius: 6px !important; -webkit-border-radius: 6px !important; } .ten-radius { border-radius: 10px !important; -webkit-border-radius: 10px !important; } .circle-radius { border-radius: 100% !important; -webkit-border-radius: 100% !important; } .relative { position: relative !important; } .righter { float: right !important; } .lefter { float: left !important; } .hidden { display: none; } .tt { display: block; padding: 10px 0; border-bottom: 3px solid #DDD; text-align: center; } .without_border a { border: 0 !important; } .bg_light { background : #fff; } /* Display----------------------------------------------------------------------*/#mobilepro { font-weight: bold; display: none; cursor: pointer; float: right; margin: 0; font-size: 16px; color: #FFF; text-align: center; padding: 16px 20px; border-right: 1px solid #2B2B2B; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } #mobilepro:hover, #mobilepro.on { background: #4a4667; } .subarrow { top: auto !important; padding: 16px 20px !important; display: none; } li li .subarrow { padding: 10px 15px!important; } .second_menu #mobilepro { padding: 6px 12px 5px !important; } .second_menu .subarrow { padding: 5px 20px !important; } .GhrbtnaColor { color: #14ab98; } .BlackColor { color: #000; font-size: 16px; text-align: justify; } .Eveal { float: right; font-size: 16px; color: #14ab98; } #EvalBox { padding: 20px; } .MemberImg { width: 125px; height: 125px; border-radius: 50px; } .AppLogo { float: right; padding-right: 5px; } .clear { clear: both; } .login, .MyFavBox { background: none repeat scroll 0 0 #4a4667; border-radius: 11px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); color: #fff; direction: rtl; display: none; left: 50%; margin-left: -225px; position: fixed; text-align: right; top: -500px; width: 450px; z-index: 2147483646; } input { font-family: 'Droid Arabic Kufi', arial; } .loginContent { background: #4a4667; height: 380px; padding: 10px; border-radius: 3px 3px 3px 3px; } .popup { background-color: #000000; cursor: pointer; display: none; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; width: 100%; z-index: 2147483645; } .loginHeader { background: none repeat scroll 0 0 #14ab98; border-radius: 3px 3px 0 0; box-shadow: 0 1.5px 1.1px rgba(11, 55, 46, 0.5); font-size: 14px; font-weight: bold; height: 35px; margin-left: auto; margin-right: auto; padding-right: 17px; padding-top: 15px; } .login-box .form-control { margin-bottom: 20px; } .form-control { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle; width: 92%; font-family: inherit; } .form-control { border-color: #E8E8E8; border-radius: 0; border-width: 2px; box-shadow: none; height: 33px; } .not{ color: #fff; font-size: 14px; font-weight: normal; margin-top: 15px !important; } .not a { color: #14ab98 ; } .ControlPanelBar { background-color: #4a4667; bottom: 0; height: 40px; padding-left: 10%; padding-right: 10%; position: fixed; width: 100%; z-index: 2147483647; } .ControlPanelBatn a { color: #fff; float: right; padding: 8px; text-align: center; } .ControlPanelBatn .fa.fa-cog, .ControlPanelBatn .fa.fa-heart, .ControlPanelBatn .fa.fa-sign-out, .fa.fa-pencil-square-o, .fa.fa-usd { color: #fff; font-size: 25px; vertical-align: bottom; } .ControlPanelBatn:hover a { background-color: #706c8b; } #AddToFav { float: left; cursor: pointer; } .GudiImg { width: 220px !important; height: 220px !important; } .GuidTools { background-color: #4a4667; height: 28px; padding: 7px; } .GuidOVerview { height: 96px; overflow: hidden; } .GuidTools > a { color: #fff; font-size: 15px; padding-left: 20px; padding-top: 0; } .GuidTools > a:hover { color: #14ab98; } .GuidMainInfo td { padding-bottom: 15px; padding-left: 17px; } .GuidMainInfo { margin-top: 20px; } .Part1 { color: #4a4667; font-weight: bold; text-align: right; } #ProductTitle { color: #4a4667; display: block; font-size: 16px !important; font-weight: bold; padding-top: 6px; } .ProductImg { border: 1px solid #ccc; border-radius: 50px 0; height: 250px !important; padding: 4px; width: 270px !important; } .GuidMainPageLogo { border: 1px solid #ccc; border-radius: 45px; height: 150px !important; width: 150px !important; } .Feeling { margin-right: 176px !important; } .Sugs { float: right; height: 135px; margin-right: 15px; overflow: hidden; text-align: center; width: 110px; } .SugsLogo > img { border-radius: 10px; height: 110px; width: 110px; } .SugsName > a { color: #4a4667; font-size: 12px; } #SugResult { color: #ff0000; width: 255px; font-size: 16px; } #INeed{ background: none repeat scroll 0 0 #EAAF39; } #Help{ background: none repeat scroll 0 0 #4D4778; } #needWork{ background: none repeat scroll 0 0 #C194FF; } #INeed , #Help, #needWork{ color: #fff; direction: rtl; display: none; left: 50%; margin-left: -225px; position: fixed; text-align: right; top: -500px; width: 450px; z-index: 2147483646; border-radius: 3px; height: 540px; top: -700px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); } /*form styles*/ #msform, #myLogin { width: 400px; margin: 30px auto; text-align: center; position: relative; } #HelpListLoader { left: 24px; position: absolute; top: 17px; width: 20px; display: none; } #msform fieldset, #myLogin fieldset { background: white; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); padding: 20px 30px; box-sizing: border-box; width: 80%; margin: 0 10%; /*stacking fieldsets above each other*/ position: absolute; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ #msform input, #msform textarea , #myLogin input { padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: inherit; color: #2C3E50; font-size: 13px; } #msform select, #myLogin select { padding: 15px; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: inherit; color: #2C3E50; font-size: 13px; } #myLogin select { margin-bottom: 5px; } /*buttons*/ #msform .action-button_iNeed, #myLogin .action-button_iNeed { width: 100px; background: #EAAF39; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } /*buttons*/ #msform .action-button_help, #myLogin .action-button_help { width: 100px; background: #4D4778; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } /*buttons*/ #msform .action-button_needWork, #myLogin .action-button_needWork { width: 100px; background: #C194FF; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } #msform .action-button:hover, #msform .action-button:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #14ab98; } #myLogin .action-button:hover, #myLogin .action-button:focus { box-shadow: 0 0 0 2px #4a4667, 0 0 0 3px #14ab98; } /*headings*/ .fs-title { font-size: 15px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; } .fs-subtitle { font-weight: normal; font-size: 13px; color: #666; margin-bottom: 20px; } /*progressbar*/ #progressbar { margin-bottom: 30px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; } #progressbar li { list-style-type: none; color: white; text-transform: uppercase; font-size: 14px; width: 33.33%; float: right; position: relative; } #progressbar li:before { background: none repeat scroll 0 0 white; border-radius: 3px; color: #333; content: counter(step, decimal); counter-increment: step; display: block; font-size: 14px; line-height: 30px; margin: 0 auto 5px; width: 30px; } /*progressbar connectors*/ #progressbar li:after { background: none repeat scroll 0 0 white; content: ""; height: 2px; position: absolute; right: -50%; top: 14px; width: 100%; z-index: -1; } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before, #progressbar li.active:after { background: #14ab98; color: white; } .progressbar_iNeed li.active:before, .progressbar_iNeed li.active:after { background: #FFCA60 !important; color: white; } .progressbar_help li.active:before, .progressbar_help li.active:after { background: #3F3B5D !important; color: white; } .progressbar_needWork li.active:before, .progressbar_needWork li.active:after { background: #DDC6FF !important; color: white; } #scrollbox3 { overflow: auto; height: 300px; padding: 0 5px; width: 270px; } #scrollbox4 { overflow: auto; height: 300px; padding: 0 5px; width: 424px; } #scrollbox5 { overflow: auto; height: 190px; padding: 0 5px; width: 600px; text-align: right; color: #000; } .track3 { width: 10px; background: rgba(0, 0, 0, 0); margin-right: 2px; border-radius: 10px; -webkit-transition: background 250ms linear; transition: background 250ms linear; } .track3:hover, .track3.dragging { background: #d9d9d9; /* Browsers without rgba support */ background: rgba(0, 0, 0, 0.15); } .handle3 { width: 7px; right: 0; background: #999; background: rgba(0, 0, 0, 0.4); border-radius: 7px; -webkit-transition: width 250ms; transition: width 250ms; } .track3:hover .handle3, .track3.dragging .handle3 { width: 10px; } #close, #close2, #close3 , #close6, #close7{ position: absolute; right: -12px; cursor: pointer; top: -14px; } .SugsName { font-size: 11px; } .imgneed { padding-left: 12px; float: right; width: 45px; height: 45px; } .needstyle { padding-top: 12px; color: black; } .needspan { color: #3D57BD; } .needspan2 { color: #ccc; } .need { width: 100%; height: 69px; } .pass { margin-right: 90px; } .MyProfile { float: right; } .MyProfileName { color: #14ab98; float: right; padding-right: 10px; padding-left: 10px; color: #fff; padding-top: 10px; } .span { margin-right: 14px; } .MyProfilePhoto { float: right; } .MyProfilePhoto > img { border-radius: 40px; width: 45px; } .GuidName { font-size: 12px; text-align: center; } #GuidList { width: 100%; } #GuidList img { width: 30px; float: right; padding-left: 5px; } #MemberList { width: 100%; } #MemberList img { width: 80px; height: 80px; float: right; padding-left: 5px; } #MemberList ul { width: 238px; padding-bottom: 35px; } #GuidList td { padding-top: 20px; } .userimg { width: 150px; height: 150px; } .member { margin-right: 145px; } .BottomMember { margin-right: 378px; width: 135px !important; } .map { float: right; margin-left: 10px; } .facebook_login { background: none repeat scroll 0 0 #325c94; border-radius: 3px; color: #fff; font-size: 16px; margin-bottom: 8px; padding-bottom: 13px; padding-right: 0; padding-top: 13px; text-align: center; } .facebook_login:hover { background-color: #6893cc; } .NotSug { color: #14ab98; font-size: 14px; padding-bottom: 8px; } .GuidMainInfo .fa.fa-facebook-square { color: #325c94; font-size: 20px; } .center { text-align: center !important; font-size: 18px !important; } .FavImg { width: 91px; } .FavNewsBox { padding: 10px; margin: 0px !important; } .FavLink { color: #fff; font-size: 16px; } .FavLink:hover { color: #ccc; } #FavDelete { color: #14ab98; font-size: 12px; font-weight: normal; cursor: pointer; } .Media { margin: auto; width: 500; height: 500; } .Mediatitle { height: 75px; text-align: center; } #search { background-color: #BEBCBC !important; height: 38px !important; padding: 6px; } .adv_mobile { display: none; } .GooglePlay { display: none; } .adv_mobile img { margin: auto; text-align: center; } .GooglePlay { background-color: #222433; bottom: 0; color: #fff; display: none; height: 80px; padding: 20px; position: relative; width: 90%; z-index: 2147483647; } .GooglePlay a { color: #14ab98 !important; } #ad_laptop{ display:block !important; } #ad_mobile{ display:none !important; }