/*----------------------------------------------------------------- [Master Stylesheet] Project: Arwen Theme Version: 1.0 Last change: 12/10/2014 Assigned to: Hamdan Mahran ------------------------------------------------------------------- [Layout] * body + Header / #header_wrap + Content / .content_wrap, .content, .site_cols_sc - Left column / .sidebar_l - Right column / .sidebar_r - Post Block / .posts_container - Responsive Cols - col-xs-1 - col-xs-2 - col-xs-3 - col-xs-4 - col-xs-5 - col-xs-6 - col-xs-7 - col-xs-8 - col-xs-9 - col-xs-10 - col-xs-11 - col-xs-12 - Sidebar / #sidebar - Search / .widget_search - Social Links / .social_links_widget - Posts Widget / .posts_widget + Footer / #footer Navigation #navigation Content header h2, h3, h4 Widget header header ------------------------------------------------------------------- [Color codes] Background: #ffffff (white) Content: #ffffff (white) Main Color: #48AACE (for Buttons, active menu, Some Icons, Some Titles) Color2: #257997 (for Some Icons And Bars) Top Bar: #2D3E48 Nav Bar: #202E37 Footer: #2D3E48 h2: #f86923 (Orange) a (standard): #41a3c7 a (visited) : #257997 a (active) : #257997 a (focus) : #257997 ---------------------------------------------------------------------- [Typography] Body: 14px/1.7em Raleway,sans-serif Headers: Raleway,sans-serif h1: 34px/45px Raleway,sans-serif h2: 24px/36px Raleway,sans-serif h3: 20px/24px Raleway,sans-serif h4: 22px Raleway,sans-serif h5: 18px/32px Raleway,sans-serif h6: 16px Raleway,sans-serif Notes: decreasing heading by 0.4em with every subsequent heading level -----------[ Main Styles ]--------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,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%;vertical-align:baseline;zooom:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} ::selection { background-color: #3c3c3c; color: #fff; } /*body * { background-attachment: scroll !important; }*/ html, body { background: #fff; color: #777; width: 100%; height: 100%; font-size: 14px; padding: 0; font-family: 'Lato',sans-serif /*'Roboto Condensed', sans-serif*/; -webkit-font-smoothing: antialiased; font-weight: 500; line-height:1.7em; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } blockquote.alignleft, figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } blockquote.alignright, figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .site-content blockquote.alignleft, .site-content blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .site-content blockquote.alignleft p, .site-content blockquote.alignright p { margin-bottom: 17px; } .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* Responsive images. Fluid images for posts, comments, and widgets */ .page_content:not(.full_page) > .vc_row, .section_container > .vc_row{ margin-left: auto; margin-right: auto; max-width: 1170px; } .page_content.full_page > .vc_row > .vc_col-sm-12 { max-width: 100%; } .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption { color: #767676; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } /* Genericons */ .bypostauthor > article .fn:before, .comment-edit-link:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .contributor-posts-link:before, .menu-toggle:before, .search-toggle:before, .slider-direction-nav a:before, .widget_twentyfourteen_ephemera .widget-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; text-decoration: inherit; vertical-align: text-bottom; } .bypostauthor > article .fn:before { content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px; } .sticky .entry-date { display: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto Condensed',sans-serif; font-weight: 500; } h1{ color: #576268; font-size: 30px; font-weight: 300; line-height: 40px; margin: 20px 0 10px 0px; text-transform: capitalize; } h2{ color: #f86923; font-size: 24px; line-height: 36px; margin: 20px 0 10px 0px; } h3{ color: #202e37; font-size: 22px; margin: 15px 0 8px 0px; } h4{ font-size: 20px; margin: 15px 0 8px 0px; } h5{ font-size: 18px; margin: 15px 0 8px 0px; } h6{ font-size: 16px; margin: 15px 0 8px 0px; } h2.main_con_title{ text-align: center; color: #48AACE; margin: 0px 0 50px 0; padding-top:0px; font-size: 28px; margin-top: 0; position: relative; line-height:36px; letter-spacing: 1px; text-transform: uppercase; } h3.main_dark_title{ color: #202e37; font-size: 28px; letter-spacing: 1px; line-height: 24px; margin: 0; padding-top: 0px; text-transform: uppercase; } h4.main_title_four{ color: #48AACE; font-size: 22px; font-weight: 500; letter-spacing: 1px; padding: 0; margin: 25px 0px; text-transform: uppercase; } h5.my_desc{ color: #202e37; font-size: 20px; font-weight: 400; letter-spacing: 1px; line-height: 32px; margin-bottom: 10px; margin-top: 10px; text-align: center; font-weight: 300; } h6{ font-size:16px; margin:10px 0px; text-transform: capitalize; } pre{ padding: 10px 17px; } ol li { list-style: decimal; } blockquote{ background: #f9f9f9; margin-top: 15px; margin-bottom: 10px; padding: 10px 15px; color: #666; font-weight: 500; border-left: 4px solid #f1f1f1; } a{ color: #464646; text-decoration: none; outline: none !important; } a:hover, a:active, a:focus { color: #257997; text-decoration: none; } img { border: 0 none; max-width: 100%; width: auto; vertical-align: middle; } p { margin: 0 0 15px; } .clear { clear: both; display: block; } ol, ul { list-style: none; padding: 0; } ol { margin-bottom: 20px; padding-left: 40px; } .page_content ul li { list-style-type: disc; padding-left: 0; } .page_content ol li{ list-style-type: decimal; padding-left: 10px; } .main-content { width: 100%; position: relative; height: auto; } .content { width: 100%; max-width: 1170px; margin: 0 auto; padding: 30px 0px; position: relative; z-index: 2; } .with_sidebar_r .content.services_box_icons, .with_sidebar_l .content.services_box_icons, .page_full_width .content.services_box_icons{ padding: 0; } .services_box_icons .col-md-4:nth-child(4n+1) { clear: left; float: left; } .with_sidebar_r .content, .with_sidebar_l .content, .page_full_width .content{ padding: 35px 0; } .with_sidebar_r .services-box, .with_sidebar_l .services-box, .page_full_width .services-box{ margin-bottom: 0; } #sidebar { margin-bottom: 20px; } .full_page { width: 100%; overflow: hidden; } .vc_col-sm-12 { float: none; margin: 0 auto; max-width: 1170px; } .page-template-template-onepage .vc_col-sm-12, .page-template-template-onepage .section_container > .vc_row { max-width: 100%; padding: 0; width: 100%; } .hosted_video_con{ width:100%; max-width: 100%; margin: 0 auto; } .has_bg .num_posts_in_cat{ background: #fff; border: 1px solid #ddd; } .has_bg blockquote { background: #fff; border: 4px solid #ddd; color: #444; font-weight: 500; margin-top: 15px; padding: 15px 20px; } .has_bg .line_under_post { background:#ddd; } .has_bg .page_full_width { padding: 15px 15px 40px 15px; } .has_bg .header_content, .has_bg .content_wrap { background-color: rgba(255, 255, 255, 0.9); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; } .has_bg .sidebar_r, .has_bg .sidebar_l, .has_bg .with_sidebar_r, .has_bg .with_sidebar_l{ padding: 15px 15px 40px; } .the_content ul, .the_content ol{ list-style:inherit; margin-left: 15px; } b.caret { margin-top: -3px; } .main_caption { background: rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #FFFFFF; font-size: 22px; font-weight: 300; letter-spacing: 0.04em; margin: 15px 15px 40px 15px; padding: 15px; text-align: center; text-transform: uppercase; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .main_caption:after { content: ""; position: absolute; top: -15px; border-right: 8px solid rgba(0,0,0,0); border-left: 8px solid rgba(0,0,0,0); border-top: 8px solid rgba(0,0,0,0); border-bottom: 8px solid rgba(0,0,0,.3); left: 49%; } /* parallax */ .parallax { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; } /* Page Animated item Styles */ .animated { visibility: hidden; } .animate{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .visible { visibility: visible; } /* Page Loading */ @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } #pageloader .loader_cont { margin-left: -10px; position: absolute; top: 0; } #pageloader .loader_cont .loader_square { z-index: 1; border-color: transparent rgba(255, 255, 255, 0.7) transparent rgba(255, 255, 255, 0.7); -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; -ms-animation: spin 1s linear infinite; -o-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } #pageloader .loader_cont span { border: 2px solid rgba(0, 0, 0, 0.3); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; height: 50px; left: 0; position: absolute; top: 0; width: 50px; z-index: 0; } #pageloader { width: 100%; height: 100%; position: fixed; background-color: #2D3E48; z-index: 9999999; } .loader-item { position: absolute; width: auto; height: height; margin: -25px 0 0 -25px; top: 50%; left: 50%; text-align: center; } .loader-item h2 { color: #ccc; margin: 0 auto; font-size: 20px; } /* Containers */ .video_wrapper{ margin: 0 auto; overflow: hidden; position: relative; width: 100%; z-index: 2; } .video_wrapper .videobg_section { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; z-index: -1; } .with_sidebar_r .col-md-3, .with_sidebar_r .col-md-4, .with_sidebar_r .col-md-5, .with_sidebar_r .col-md-6, .with_sidebar_r .col-md-7, .with_sidebar_r .col-md-8, .with_sidebar_r .col-md-9, .with_sidebar_r .col-md-10, .with_sidebar_r .col-md-11, .with_sidebar_r .col-md-12, .with_sidebar_l .col-md-3, .with_sidebar_l .col-md-4, .with_sidebar_l .col-md-5, .with_sidebar_l .col-md-6, .with_sidebar_l .col-md-7, .with_sidebar_l .col-md-8, .with_sidebar_l .col-md-9, .with_sidebar_l .col-md-10, .with_sidebar_l .col-md-11, .with_sidebar_l .col-md-12, .page_full_width .col-md-3, .page_full_width .col-md-4, .page_full_width .col-md-5, .page_full_width .col-md-6, .page_full_width .col-md-7, .page_full_width .col-md-8, .page_full_width .col-md-9, .page_full_width .col-md-10, .page_full_width .col-md-11, .with_sidebar_r .col-xs-3, .with_sidebar_r .col-xs-4, .with_sidebar_r .col-xs-5, .with_sidebar_r .col-xs-6, .with_sidebar_r .col-xs-7, .with_sidebar_r .col-xs-8, .with_sidebar_r .col-xs-9, .with_sidebar_r .col-xs-10, .with_sidebar_r .col-xs-11, .with_sidebar_r .col-xs-12, .with_sidebar_l .col-xs-3, .with_sidebar_l .col-xs-4, .with_sidebar_l .col-xs-5, .with_sidebar_l .col-xs-6, .with_sidebar_l .col-xs-7, .with_sidebar_l .col-xs-8, .with_sidebar_l .col-xs-9, .with_sidebar_l .col-xs-10, .with_sidebar_l .col-xs-11, .with_sidebar_l .col-xs-12, .page_full_width .col-xs-3, .page_full_width .col-xs-4, .page_full_width .col-xs-5, .page_full_width .col-xs-6, .page_full_width .col-xs-7, .page_full_width .col-xs-8, .page_full_width .col-xs-9, .page_full_width .col-xs-10, .page_full_width .col-xs-11, .page_full_width .col-xs-12 { padding: 0 15px 0 0; } .with_sidebar_r .col-xs-3:last-of-type, .with_sidebar_l .col-xs-3:last-of-type, .page_full_width .col-xs-3:last-of-type, .with_sidebar_r .col-xs-4:last-of-type, .with_sidebar_l .col-xs-4:last-of-type, .page_full_width .col-xs-4:last-of-type, .with_sidebar_r .col-xs-5:last-of-type, .with_sidebar_l .col-xs-5:last-of-type, .page_full_width .col-xs-5:last-of-type, .with_sidebar_r .col-xs-6:last-of-type, .with_sidebar_l .col-xs-6:last-of-type, .page_full_width .col-xs-6:last-of-type, .with_sidebar_r .col-xs-7:last-of-type, .with_sidebar_l .col-xs-7:last-of-type, .page_full_width .col-xs-7:last-of-type, .with_sidebar_r .col-xs-8:last-of-type, .with_sidebar_l .col-xs-8:last-of-type, .page_full_width .col-xs-8:last-of-type, .with_sidebar_r .col-xs-9:last-of-type, .with_sidebar_l .col-xs-9:last-of-type, .page_full_width .col-xs-9:last-of-type, .with_sidebar_r .col-xs-10:last-of-type, .with_sidebar_l .col-xs-10:last-of-type, .page_full_width .col-xs-10:last-of-type, .with_sidebar_r .col-xs-11:last-of-type, .with_sidebar_l .col-xs-11:last-of-type, .page_full_width .col-xs-11:last-of-type, .with_sidebar_r .col-xs-12:last-of-type, .with_sidebar_l .col-xs-12:last-of-type, .page_full_width .col-xs-12:last-of-type, .with_sidebar_r .col-md-3:last-of-type, .with_sidebar_l .col-md-3:last-of-type, .page_full_width .col-md-3:last-of-type, .with_sidebar_r .col-md-4:last-of-type, .with_sidebar_l .col-md-4:last-of-type, .page_full_width .col-md-4:last-of-type, .with_sidebar_r .col-md-5:last-of-type, .with_sidebar_l .col-md-5:last-of-type, .page_full_width .col-md-5:last-of-type, .with_sidebar_r .col-md-6:last-of-type, .with_sidebar_l .col-md-6:last-of-type, .page_full_width .col-md-6:last-of-type, .with_sidebar_r .col-md-7:last-of-type, .with_sidebar_l .col-md-7:last-of-type, .page_full_width .col-md-7:last-of-type, .with_sidebar_r .col-md-8:last-of-type, .with_sidebar_l .col-md-8:last-of-type, .page_full_width .col-md-8:last-of-type, .with_sidebar_r .col-md-9:last-of-type, .with_sidebar_l .col-md-9:last-of-type, .page_full_width .col-md-9:last-of-type, .with_sidebar_r .col-md-10:last-of-type, .with_sidebar_l .col-md-10:last-of-type, .page_full_width .col-md-10:last-of-type, .with_sidebar_r .col-md-11:last-of-type, .with_sidebar_l .col-md-11:last-of-type, .page_full_width .col-md-11:last-of-type, .with_sidebar_r .col-md-12:last-of-type, .with_sidebar_l .col-md-12:last-of-type, .page_full_width .col-md-12:last-of-type{ padding: 0; } .section_container { overflow: hidden; } .content_inside { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; } .page_sidebar_l .plans-prices .plane_price_col, .page_sidebar_r .plans-prices .plane_price_col{ padding: 0 15px 15px 0; } .site_cols_sc{ max-width: 1170px; width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 2; } .bg_section img { display: block; margin: 20px auto 0 auto; } .bg_section .align-center { margin-top: 27px; } .content_grid { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0; position: relative; z-index: 2; } .content_wrap { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0px; position: relative; z-index: 2; } .full_page .content_grid { background: rgba(255, 255, 255, 0.8); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; margin: 20px auto; padding:15px; } .posts_section .content_wrap, .archive_section .content_wrap, .page_section .content_wrap{ margin: 40px auto; padding: 0; } .full-width { width: 100%; max-width: 100%; margin: 0 auto; padding: 40px 0; } .no-padding { padding: 0 !important; } /* Page Headers */ .header { margin: auto; font-size: 40px; font-weight: 300; text-transform: uppercase; width: 100%; text-align: center; } .top_details{ line-height: 30px; } .top_details span.details-on-top { color: #aaa; display: inline-block; font-size: 12px; margin-right: 20px; text-align: center; position: relative; } .top_details span.details-on-top i { margin-right: 5px; color: #fff; } .dark { color: #3c3c3c; } .white { } span.red { color: #e70000; } /* Home */ #header_wrap { width: 100%; height: auto; position: relative; z-index: 99999; } /* Page Top */ #pagetop { background: #2D3E48; padding: 12px 0; position: relative; z-index: 100000; } #pagetop:after { border-bottom: 1px solid #FFFFFF; content: ""; height: 4px; opacity: 0.07; position: absolute; bottom: 0px; width: 100%; z-index: 1; filter: alpha(opacity=10); } .pagetop { padding: 0; color: #a4a4a4; font-weight: 500; } .pagetop .left { text-align: left; padding-right: 0; } .pagetop .right { text-align: right; padding-left: 0; } .top-social-media a { border: 1px solid #ffffff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; color: #89D6DB; display: inline-block; height: 35px; line-height: 35px; margin-left: 8px; text-align: center; width: 35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .top-social-media a:hover { color:#fff; border-color: #89D6DB; } /* TOP Header */ .pagetop .languages { display: inline-block; font-size: 13px; font-weight: 500; margin-right: 50px; position: relative; z-index: 1; } .pagetop .languages > a { color: #fff; line-height: 28px; display: block; padding: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin: 0; text-transform: capitalize; filter: alpha(opacity=80); } .pagetop .languages > a i{ margin-right: 6px; } .pagetop .languages:hover > a, .pagetop .languages > a:hover { opacity: 1; filter: alpha(opacity=100); } .pagetop .languages > a > span { margin-right: 3px; margin-top: 0; } .pagetop .drop .languages-panel { position: absolute; left: 0; width: auto; min-width: 120px; height: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .languages .content .lang_checked { color: #E73D13; float: right; margin-top: 9px; } .pagetop .languages .content { list-style: none; background: #fff; padding: 0px; margin: 5px 0px 0px 0px; position: relative; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pagetop .languages .content:after { content: ""; top: -8px; position: absolute; left: 9px; border: 5px solid transparent; border-bottom-width: 4px; border-bottom-color: #f5f5f5; } .pagetop .languages:hover .languages-panel { opacity: 1; filter: alpha(opacity=100); height: auto; } .pagetop .languages li:last-child span{ border:none; } .pagetop .languages li span { border-bottom: 1px solid #ddd; font-size: 11px; color: #444; display: block; text-transform: uppercase; margin-top: 0px; margin-left: 0px; text-align: left; } .pagetop .languages li span.has_no_link { padding: 0 8px; } .pagetop .languages li span a { display: block; padding: 0px 8px 0 8px; color: #666; } .pagetop .languages li.active a, .pagetop .languages li a:hover { background: rgba(0, 0, 0, 0.1); } .pagetop .languages li a span { float: right; opacity: .3; filter: alpha(opacity=30); margin-top: 2px; } /* Navigation */ .arwen_sticky #navigation{ } .logo img{ max-height: 100%; } #navigation { width: 100%; position: relative; z-index: 19999; background: #202E37; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; -webkit-transform: translateZ(0); } #navigation:after { border-bottom: 1px solid rgba(255,255,255,.6); content: ""; height: 1px; opacity: 0.2; position: absolute; top: 100%; width: 100%; filter: alpha(opacity=20); } #navigation .navigation { padding: 0; height: 100%; } .shadow { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); } /* Logo */ .navigation .logo { float: left; /*position: absolute;*/ z-index: 999; height: auto; } .navigation .logo a { width: auto; display: block; padding: 0 0; height: 100%; position:relative; /*top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);*/ } .arwen_sticky .logo a { height: 60%; } .page_full_width .page_title_container { padding: 0; } .page_title_container { margin: 0 auto; max-width: 1170px; padding: 20px 0; position: relative; width: 100%; } .navigation .logo a img { position: relative; max-width: 400px; } .navigation .logo a span { text-transform: uppercase; font-size: 30px; font-weight: 300; color: #eeee22; display: block; height: 100%; line-height: 80px; } .header_content { background: #F9F9F9; border-bottom: 1px solid #ddd; margin: 0; padding: 40px 0px; } .page_title h1 { color: #576268; font-size: 30px; font-weight: 300; line-height: 40px; margin: 0; text-transform: capitalize; } .page_title { float: left; margin-right: 70px; } #crumbs { float: right; margin-top: 6px; color: #777; font-size: 13px; } #crumbs a { color: #777; } #crumbs .current { color: #F86923; } ul.entry_meta{ border-bottom: 1px solid #e8e8e8; margin: 5px 0 20px; padding: 0 0 18px; position: relative; } ul.entry_meta:after { background: #888; bottom: -1px; content: ""; display: block; height: 1px; position: absolute; width: 34px; left: 0; } .entry_meta > li{ color: #777; display: inline-block; font-size: 13px; letter-spacing: 1px; margin-right: 10px; text-transform: uppercase; /*vertical-align: middle;*/ } .entry_meta li span { display: inline-block; } .entry_meta > li .post_icon { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; background: #F86923; height: 30px; line-height: 30px; position: relative; text-align: center; width: 34px; margin-bottom: 5px; } .post_icon:before { border-right: 4px solid rgba(0, 0, 0, 0.15); border-top: 4px solid rgba(0, 0, 0, 0.15); content: ""; display: block; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } .post_icon:after { border-bottom: 4px solid rgba(0, 0, 0, 0.15); border-left: 4px solid rgba(0, 0, 0, 0.15); content: ""; display: block; height: 30px; left: 0px; position: absolute; bottom: 0px; width: 30px; } .entry_meta > li.no_margin{ /*left: 0; position: absolute;*/ } .entry_meta > li .post_icon i{ color: #fff; display: block; font-size: 13px; height: 100%; line-height: 30px; margin: 0 0 0 2px; padding: 0; text-align: center; } .the_content .post_tags_list { clear: both; display: block; list-style: none; margin: 30px 0 0; padding: 0; } .the_content .arwen_accordion{ margin: 0; } .the_content .progress-content{ margin: 0; } .post_tags_list > li { display: inline-block; margin: 0 10px 10px 0; } .post_tags_list > li a { border: 4px solid #eee; color: #999; display: block; font-size: 13px; padding: 4px 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; } .post_tags_list > li a:hover { color:#555; } /*.entry_meta > li .post_icon > i { background: #c42d07; display: block; height: 5px; left: 10px; position: absolute; top: 14px; width: 5px; } .entry_meta > li .post_icon > i:after { background: #c42d07; content: ""; display: block; height: 5px; left: -5px; position: absolute; top: -5px; width: 5px; } .entry_meta > li .post_icon > i:before { background: #c42d07; content: ""; display: block; height: 5px; left: -5px; position: absolute; top: 5px; width: 5px; }*/ .post_icon i { margin-left: 8px; } .entry_meta > li a { color: #48aace; } .entry_meta > li a:hover{ text-decoration:underline; } h1 .title_entro{ background: #fff; border: 1px solid #ddd; color: #aaa; display: inline-block; font-size: 24px; height: 40px; line-height: 40px; margin: 0 14px; padding: 0 10px; text-transform: uppercase; vertical-align: top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .no_margin_r{ margin-right:0 !important; } .entry_meta > li i { color: #ccc; font-size: 16px; margin-right: 7px; vertical-align: text-top; } .post_thumbnail { margin-bottom: 20px; position: relative; } .post_thumbnail a { display: inline-block; max-width: 100%; position: relative; overflow: hidden; } .post_thumbnail.pretty-lightbox-a a { overflow: hidden; position: relative; display: inline-block; max-width: 100%; } .post_thumbnail a:hover > .post_img_zoom, .gall_slides > li a:hover > .post_img_zoom{ opacity:1; -moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .post_thumbnail a .post_img_zoom, .gall_slides > li a > .post_img_zoom{ background-color: rgba(0, 0, 0, 0.5); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; color: #fff; font-size: 30px; height: 70px; left: 50%; top: 50%; opacity:0; line-height: 72px; position: absolute; text-align: center; width: 70px; -moz-transform: translateX(-50%) translateY(-50%) scale(.5); -webkit-transform: translateX(-50%) translateY(-50%) scale(.5); -ms-transform: translateX(-50%) translateY(-50%) scale(.5); transform: translateX(-50%) translateY(-50%) scale(.5); } .img_in_img { border: 4px solid rgba(0, 0, 0, 0.1); display: block; opacity: 0; position: absolute; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 100%; height:100%; left:0; top:0; right:0; bottom:0; background-color: rgba(255,255,255,.1) } .post_thumbnail a:hover > .img_in_img{ opacity: 1; } .post_thumbnail img{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .with_sidebar_r { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; padding: 15px; width: 800px; z-index: 1; } .with_sidebar_l { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; padding: 15px; width: 800px; z-index: 1; } .page_full_width { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 15px; width: 100%; z-index: 1; } .sidebar_r { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; padding: 15px; width: 370px; } .sidebar_l{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; padding: 15px; width: 370px; } a.post_format_type{ border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #aaa; float: right; font-size: 20px; height: 40px; line-height: 40px; margin: 6px 0 0 7px; text-align: center; width: 40px; } .archive_post_format{ background: #fff; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #aaa; display: inline-block; font-size: 20px; height: 40px; line-height: 40px; margin: 0 14px 0 0; text-align: center; min-width: 40px; vertical-align: top; } a.post_format_type:hover{ color: #ccc; } a.post_format_type i{ } .post_title{ color: #2d3e48; display: inline-block; font-size: 28px; margin: 0 0 20px; padding: 0; text-transform: capitalize; } a:hover > .post_title{ color: #257997; } #sidebar ul li.cat-item, #sidebar .widget_archive ul li { position: relative; padding: 5px 0; font-size: 14px; } #sidebar ul li.cat-item a, #sidebar .widget_archive ul li a { color: #777; } #sidebar ul li.cat-item a:hover, #sidebar .widget_archive ul li a:hover { text-decoration: underline; } #sidebar ul:after, .tagcloud:after{ content: " "; display: table; clear: both; } .widget_pages ul:after, .widget_nav_menu ul:after, .widget_meta ul:after, .widget_categories ul:after, .widget_recent_entries ul:after, .widget_archive ul:after{ content: " "; display: table; clear: both; } .tagcloud a{ background: #2d3e48; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 13px !important; color: #fff; display: inline-block; float: left; margin: 0 5px 5px 0; padding: 5px 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .tagcloud a:hover{ background: #202E37; } .site_cols_sc .col-xs-6 { /*margin-bottom: 30px;*/ } .num_posts_in_cat { border: 1px solid #eee; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #999; float: right; margin-left: 10px; min-width: 30px; padding: 0 6px; text-align: center; } .widget_pages ul li, .widget_nav_menu ul li, .widget_meta ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_archive ul li{ position: relative; padding: 5px 0; } .widget_pages ul li a, .widget_nav_menu ul li a, .widget_meta ul li a, .widget_categories ul li a, .widget_recent_entries ul li a, .widget_archive ul li a{ padding-left: 15px; } .widget_pages ul li a:before, .widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_categories ul li a:before, .widget_recent_entries ul li a:before, .widget_archive ul li a:before { display: inline-block; font-family: 'arwen'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:11px; content: "\f054"; left: 0px; position: absolute; top: 13px; color: #aaa; } .with_sidebar_r .post, .type-portfolio, .with_sidebar_l .post{ margin-bottom: 20px; } /* calender */ #wp-calendar { width: 100%; font-size: 11px; } #wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px; } #wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease; } #wp-calendar tbody td:hover { background: #f1f1f1; color: #333; } #wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333; } #wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff; } #wp-calendar tfoot td { padding-top: 1px; padding: 4px; } #wp-calendar caption { background: #48aace; border-radius: 3px 3px 0 0; color: #fff; cursor: pointer; font-size: 13px; margin: 0; outline: 0 none !important; padding: 9px; text-transform: uppercase;} #wp-calendar tbody a { display: block; text-decoration: underline; } #wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7; } #footer #wp-calendar thead th { background: #222 } #footer #wp-calendar tbody td { border-color: #222 } /* widgets */ #sidebar .widget { margin-bottom: 40px; } .search_block{ } .has_bg .search_block form input.serch_input{ width:279px; border-color: #ddd; } .search_block form input.serch_input{ background: #fff; border: 1px solid #e3e3e3; color: #aaa; float: left; font-size: 13px; height: 40px; letter-spacing: 1px; margin: 0 5px 0 0; padding: 5px 10px; width: 295px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .search_block form input.serch_input:focus{ color: #444; } .search_block form .search_btn { background: #F86923; border: medium none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; font-size: 16px; height: 40px; vertical-align: bottom; width: 40px; float: left; } .search_block form .search_btn:hover { opacity: .8; } .widget_title{ border-bottom: 1px solid #F1F1F1; color: #2d3e48; font-size: 22px; margin: 0 0 15px; padding: 0 0 15px; text-transform: capitalize; position: relative; font-family: 'Roboto Condensed',sans-serif; font-weight:300; } .widget_title:before { background: #888; bottom: -1px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 50px; } .flickr_widget_block{ } .flickr_widget_block .flickr_badge_image{ float: left; margin: 0 7px 7px 0; width: 75px; height:75px; } .flickr_widget_block .flickr_badge_image:nth-of-type(4n+4){ margin: 0 0px 7px 0; } .flickr_widget_block .flickr_badge_image a{ display:block; } .flickr_widget_block .flickr_badge_image a:hover{ opacity:.8; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .flickr_widget_block .flickr_badge_image a img{ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: auto; max-width: 100%; } /* Pagination */ .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled { color: #fff; text-decoration:none; } .pagination li { float: left; margin-right: 4px; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled, .pagination li.page_of{ background-color: #eee; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #555; display: inline-block; font-size: 14px; line-height: 35px; min-height: 35px; min-width: 35px; padding: 0 9px; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .pagination li.page_of{ margin-right: 4px; } #pagination{ margin-top: 60px; } .pagination li a:hover, .pagination li.active a { background-color: #F86923; color: #fff; } .pagination li.prev_post a, .pagination li.next_post a{ } .pagination li.prev_post a:hover, .pagination li.next_post a:hover{ } /* Comments */ ol.comments_list li { list-style: none; } #comments .children { border-left: 1px solid #379ec4; padding-left: 45px; position: relative; } #comments .children:after { background: #379ec4; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50px; width: 22px; } .comment-box{ background: #fdfdfd; border: 1px solid #F1F1F1; margin-bottom: 20px; padding: 18px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .comment-container .trees_number { background: #fff; border: 1px solid #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #c1c1c1; float: right; padding: 0 7px; font-size: 11px; } #comments .single_comment .avatar { background: #fff; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin-right: 15px; padding: 4px; } #comments .single_comment .comment_content { margin-left: 75px; } h4.author_name{ color: #379EC4; font-size: 16px; font-weight: 400; margin: 0 0 5px; } span.comment_meta{ display: block; margin-bottom: 8px; } span.comment_meta a{ color: #999; font-size: 13px; } .comment_said_text{ font-size: 14px; line-height: 22px; } .comment-reply-link, .comment-edit-link { background: #fff; border: 1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; font-size: 13px; margin: 6px 3px 0 0; padding: 0 9px; color: #999; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .comment-reply-link:hover, .comment-edit-link:hover{ border-color:#91C5F5; color: #666; } .comment-respond { margin-top: 40px; } #reply-title > a { color: #48aace; } .comment-reply-title { color: #48aace; font-size: 26px; font-weight: 300; margin: 20px 0 10px; padding: 0; text-transform: none; } .logged-in-as { margin-bottom: 15px; } .comment-notes { color: #b3b3b3; letter-spacing: 1px; margin: 8px 0 20px; } #reply-title small a { color: #F86923; font-size: 14px; } #commentform input[type="text"] { background: #fff; border: 1px solid #dcdddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444; height: 40px; margin: 0 1.4% 12px 0; padding: 0 10px; width: 32.4%; float: left; } #commentform input:last-of-type { margin-right: 0; } #commentform textarea { background: #fff; border: 1px solid #dcdddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #444; padding: 7px 15px; width: 100%; } #submit-comment { background: #48aace; border-style: solid; border-color: rgba(0,0,0,.3); border-width:0px 0px 2px 0px; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; margin: 20px 0 0; padding: 7px 12px; position: relative; text-transform: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #submit-comment:hover { background: #48AACE; } .dribbble-widget-item { float: left; margin: 0 6px 6px 0; position: relative; width: 104px; } .dribbble-widget-item:nth-child(3n+3) { margin-right: 0; } .dribbble-widget-item a { display:block; } .dribbble-widget-item a:after { border:none; border-radius: 3px; content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .dribbble-widget-item a:hover:after{ background: rgba(255, 255, 255, 0.2); } .dribbble-widget-item img { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; } .posts_widget{ } .posts_widget_list{ margin:0; padding:0; } .posts_widget_list li{ margin-bottom: 20px; } .posts_widget_list li h3{ font-size: 15px; line-height: 23px; margin: 0; padding: 0; text-transform: capitalize; } .posts_widget_list li h3 a{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #666; } .posts_widget_list li .post_date{ color: #aaa; display: block; font-size: 13px; line-height: 24px; } .posts_widget_list li .post_widget_in{ padding-left: 102px; } .posts_widget_list li .post_widget_all{ } .posts_widget_list li h3 i { font-size: 11px; } .posts_widget_list li .widget_post_thumbnail{ float: left; margin-right: 10px; width: 90px; margin-top: 5px; } .posts_widget_list li .widget_post_thumbnail a img{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .posts_widget_list li .widget_post_thumbnail a { display:block; position:relative; } .posts_widget_list li .widget_post_thumbnail a:after { border:4px solid rgba(0,0,0,.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .posts_widget_list li .widget_post_thumbnail a:hover:after{ background: rgba(255, 255, 255, 0.2); } .social_links_widget a:nth-child(7n+7) { margin-right: 0; } .social_links_widget { margin-right: -1px; } .social_links_widget a { background: #fff; border: 1px solid #ccc; color: #666; display: block; float: left; font-size: 18px; height: 40px; line-height: 40px; margin: 0 10px 10px 0; text-align: center; width: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .social_links_widget a.twitter{/*color:#00BAFF;*/} .social_links_widget a.twitter:hover{color:#00BAFF;} .social_links_widget a.facebook{/*color:#516CA4;*/} .social_links_widget a.facebook:hover{color:#516CA4;} .social_links_widget a.googleplus{/*color:#ED523D;*/} .social_links_widget a.googleplus:hover{color:#ED523D;} .social_links_widget a.linkedin{/*color:#1985BC;*/} .social_links_widget a.linkedin:hover{color:#1985BC;} .social_links_widget a.youtube{/*color:#F02A06;*/} .social_links_widget a.youtube:hover{color:#F02A06;} .social_links_widget a.skype{/*color:#44BBFF;*/} .social_links_widget a.skype:hover{color:#44BBFF;} .social_links_widget a.flickr{/*color:#FF0084;*/} .social_links_widget a.flickr:hover{color:#FF0084;} .social_links_widget a.picasa{/*{color:#6878A0;*/} .social_links_widget a.picasa:hover{color:#6878A0;} .social_links_widget a.vimeo{/*color:#44BBFF;*/} .social_links_widget a.vimeo:hover{color:#44BBFF;} .social_links_widget a.tumblr{/*color:#395875;*/} .social_links_widget a.tumblr:hover{color:#395875;} .social_links_widget a.dribble{/*color:#DC71A6;*/} .social_links_widget a.dribble:hover{color:#DC71A6;} .social_links_widget a.soundcloud{/*color:#FF6600;*/} .social_links_widget a.soundcloud:hover{color:#FF6600;} .social_links_widget a.instagram{/*color:#406F94;*/} .social_links_widget a.instagram:hover{color:#406F94;} .social_links_widget a.pinterest{/*color:#F21414;*/} .social_links_widget a.pinterest:hover{color:#F21414;} .social_links_widget a.rss{/*color:#FF9D00;*/} .social_links_widget a.rss:hover{color:#FF9D00;} .social_links_widget a.other_type_icon{/*color:#379EC6;*/} .social_links_widget a.other_type_icon:hover{color:#379EC6;} .related_posts h3 { font-size: 16px; letter-spacing: 0; margin: 0; padding: 0; text-transform: none; } .related_posts .item .inside .post_date { color: #aaa; font-size: 13px; } .related_posts .owl-carousel .owl-item { padding: 0; } .related_posts .item{ position:relative; margin: 0 0 0 10px; text-align: left; } .related_posts .item .inside a.related_img{ position:relative; display: block; overflow: hidden; } .related_img:hover ~ h3 a, .related_posts .inside h3 a:hover{ color:#F86923; } .related_posts .inside h3 a { color: #666; display: block; font-size: 14px; padding: 10px 0 0; line-height: 22px; } .page_full_width .related_posts .inside h3 a { font-size: 16px; } .related_posts .item .inside a.related_img:after { border: 4px solid rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; } .related_img > span { background-color: rgba(255, 255, 255, 0.6); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; top: -50%; color: #202e37; font-size: 16px; height: 40px; left: 50%; line-height: 40px; position: absolute; text-align: center; width: 40px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .related_img:hover > span{ top: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .related_posts .owl-item a.fill{ background-color: rgba(0,0,0,0); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 10000; } .related_posts .item img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .next_and_prev { clear: both; float: right; margin: 0; } .next_and_prev_porto { clear: both; margin: 35px 0 0; font-size: 12px; } .next_and_prev i, .next_and_prev_porto i{ font-size: 13px; } .next_and_prev .next_post_span i, .next_and_prev_porto .next_post_span i { margin-left: 10px; } .next_and_prev .previous_post_span i, .next_and_prev_porto .previous_post_span i { margin-right: 10px; } .next_and_prev span span, .next_and_prev_porto span span { color: #888; } .next_and_prev .previous_post, .next_and_prev .next_post{ display: block; float: right; } .next_and_prev_porto .previous_post{ display: block; float: left; width: auto; text-align: center; } .next_and_prev_porto .next_post{ display: block; float: left; width: auto; text-align: center; } .next_and_prev_porto .previous_post > a { margin-right: 5px; } .next_and_prev_porto .previous_post > a { margin-right: 5px; } .next_and_prev_porto .previous_post a, .next_and_prev_porto .next_post a{ background: #fff; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: block; line-height: 38px; height: 40px; padding: 0 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .next_and_prev .previous_post a, .next_and_prev .next_post a{ font-size: 13px; background: #fff; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: block; line-height: 38px; margin-left: 10px; height: 40px; padding: 0 10px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .next_and_prev .previous_post a:hover, .next_and_prev .next_post a:hover, .next_and_prev_porto .previous_post a:hover, .next_and_prev_porto .next_post a:hover{ border-color: #aaa; } .next_and_prev .previous_post a:hover > span, .next_and_prev .next_post a:hover > span, .next_and_prev_porto .previous_post a:hover > span, .next_and_prev_porto .next_post a:hover > span{ color: #aaa; } /* quote */ .quote_block { margin-bottom: 20px; } .quote_date { background: #F6F6F6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; float: left; text-align: center; width: 90px; } .quote_content { background: #f9f9f9; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; float: right; padding: 10px 13px 11px 18px; width: 660px; } .quote_day { color: #202e37; display: block; font-size: 50px; line-height: 60px; margin-bottom: 8px; } .quote_mounth { background: #eee; color: #202e37; display: block; padding: 5px 0px; font-size: 13px; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; } .quote_i { margin-right: 9px; } .quote_content h4 { color: #5b5d5f; font-size: 15px; letter-spacing: 0; line-height: 25px; margin: 0; } .quote_author { color: #aaa; display: block; margin: 13px 0 0; text-transform: capitalize; } /* Gallery */ #format_gallery_slider, #portfolio_gallery { /*margin: 0 auto;*/ position: relative; width: 770px; } #portfolio_gallery.align_to_left{ /*margin: 0;*/ } .type-portfolio .format_block, .type-portfolio .post_thumbnail { background: #f9f9f9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; } .type-portfolio .post_thumbnail a { margin: 0 auto; } .gall_navy.on_bottom { bottom: 10px; position: absolute; z-index: 11; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .gall_navy.on_top { top: 10px; position: absolute; z-index: 11; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .gall_navy.hide_it { display: none !important; position: absolute; } .gall_prev_next.on_top{ position: absolute; z-index: 10; top: 0; width:100%; height: 55px; } .gall_prev_next.on_bottom{ position: absolute; z-index: 10; bottom: 0; width:100%; height: 55px; } .gall_prev_next.on_center{ position: absolute; z-index: 10; top: 50%; height: 55px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .gall_prev_next.hide_it{ display:none; } .gall_prev_next.on_top span.gall_prev { left:0; border-radius: 3px 0px 3px 0; -moz-border-radius: 3px 0px 3px 0; -webkit-border-radius: 3px 0px 3px 0; } .gall_prev_next.on_top span.gall_next { right: 0; border-radius: 0px 3px 0px 3px; -moz-border-radius: 0px 3px 0px 3px; -webkit-border-radius: 0px 3px 0px 3px; } /* ==== */ .gall_prev_next.on_bottom span.gall_prev { left:0; border-radius: 0px 3px 0px 3px; -moz-border-radius: 0px 3px 0px 3px; -webkit-border-radius: 0px 3px 0px 3px; } .gall_prev_next.on_bottom span.gall_next { right: 0; border-radius: 3px 0px 3px 0px; -moz-border-radius: 3px 0px 3px 0px; -webkit-border-radius: 3px 0px 3px 0px; } .gall_prev_next.on_center span.gall_prev { left:0; border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; } .gall_prev_next.on_center span.gall_next { left: 735px; border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; } /* ==== */ .gall_prev_next span { background-color: rgba(0, 0, 0, 0.3); color: #fff; cursor: pointer; display: block; font-size: 25px; min-width: 35px; padding: 12px 0 10px 2px; position: absolute; text-align: center; } .gall_prev_next span:hover { background-color: rgba(0, 0, 0, 0.6); } .gall_navy a { background: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: inline-block; font-size: 0; height: 12px; margin-right: 7px; width: 12px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .gall_navy a.selected, .gall_navy a:hover { background: #F86923; } .gall_slides li .img_caption { background-color: rgba(0, 0, 0, 0.3); bottom: 30px; color: #fff; font-weight: 500; margin: 30px; padding: 15px 20px; position: absolute; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .gall_slides > li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; float: left; height: 433px; overflow: hidden; position: relative; width: 770px; } .gall_slides > li > a img { width: 100%; } .gall_slides > li a:after { border: 4px solid rgba(0, 0, 0, 0.050); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .gall_slides > li a { display: inline-block; } .format_block { margin-bottom: 25px; position: relative; } .video_format { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video_format iframe{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } video { background-color: #ccc; border-radius: 3px; } .mejs-video .mejs-poster { background-size: cover; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* member_description 1 */ .member_description_a{ margin: 0px 0 55px; position: relative; } .member_description_a .desc_icon_a { color: #F86923; display: inline-block; font-family: arial; font-size: 100px; position: absolute; left: 0; top: 35px; } .member_description_a .desc_icon_b { color: #F86923; display: inline-block; font-family: arial; font-size: 100px; position: absolute; right: 0; top: 35px; } .member_description_a .desc_con{ display: block; font-size: 18px; line-height: 30px; padding: 0 50px; text-align: center; text-transform: capitalize; } .member_description_a .desc_con i{ display: none; } /* member_description 2 */ .member_description_b{ margin: 0px 0 25px; position: relative; } .member_description_b .desc_icon_a { display: none; } .member_description_b .desc_icon_b { display: none; } .member_description_b .desc_con{ background: #F86923; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; color: #fff; display: block; font-size: 16px; font-weight: 500; line-height: 28px; padding: 11px 20px 12px; text-transform: capitalize } .member_description_b .desc_con i{ color: rgba(0, 0, 0, 0.3); font-size: 20px; margin: 0 11px 0 0; vertical-align: text-bottom; } /* Portfolio Post */ .related_posts .owl-item { } .the_portfolio_content, .the_portfolio_text{ clear: left; float: left; position: relative; width: 770px; } .caroufredsel_wrapper{ margin:0 !important; } .featured_content { margin: 0 0px 20px 0; } .featured_content iframe { border-radius: 4px; } .featured_content.porto_slider { margin-bottom: 27px; } .portfolio_meta { clear: right; float: right; margin-left: 20px; width: 350px; padding-left: 5px; } .portfolio_meta_row .meta_title i { border: 1px solid #91c5f5; color: #91c5f5; display: inline-block; font-size: 16px; height: 35px; line-height: 33px; margin: 0 8px 0 0; text-align: center; width: 35px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; } .portfolio_meta .portfolio_meta_row:last-child{ border-bottom: none; } .portfolio_meta_row{ border-bottom: 1px solid #E8E8E8; margin-bottom: 20px; padding-bottom: 22px; position:relative; } .portfolio_meta_row:after { background: #ddd; bottom: -3px; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 5px; } .portfolio_meta_row .meta_title{ display: block; margin-bottom: 4px; } .portfolio_meta_row .meta_desc{ color: #999; font-size: 15px; } .portfolio_meta_row .meta_title span{ color: #576268; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } .porto_desc{ background: #F86923; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; color: #fff; display: block; font-size: 15px; font-weight: 500; line-height: 28px; margin-bottom: 15px; padding: 11px 20px 12px; position: relative; } .member_margin_top_a{ margin-top: 40px; padding-left: 0; } /*.porto_desc:after { color: rgba(0, 0, 0, 0.3); content: "\e923"; display: block; font-family: arwen; font-size: 31px; position: absolute; right: 0; top: 2px; } .porto_desc:before { color: rgba(0, 0, 0, 0.3); content: "\e923"; display: block; font-family: arwen; font-size: 31px; position: absolute; right: 0; bottom: 2px; }*/ .porto_desc span i { color: rgba(0, 0, 0, 0.3); font-size: 20px; margin: 0 11px 0 0; vertical-align: text-bottom; } ul.featured_list{ margin:0; padding:0; } ul.featured_list li{ font-size: 14px; font-weight: 500; letter-spacing: 1px; line-height: 34px; text-transform: capitalize; } ul.featured_list li i{ background: #F86923; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; color: #fff; font-size: 11px; margin-right: 10px; padding: 3px 3px 3px 4px; } .page_content.page_sidebar_r { background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: left; padding: 15px; width: 800px; } .page_content.page_sidebar_l { background: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; float: right; padding: 15px; width: 800px; } .top_search_block{ background:#2d3e48; left: 0; position: absolute; right: 0; z-index: 1000000; display: none; } a.search_box_on_top_a{ right: 14px; } .nav_column{ position: relative; height: 100%; padding: 20px 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .arwen_sticky .nav_column{ } a.search_box_on_top_b{ right: 0px; } .nav-menu a.search_box_on_top:hover{ color: #89d6db; } a.search_box_on_top { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; color: #fff; display: block; font-size: 14px; height: 37px; line-height: 32px; padding: 3px 7px; position: absolute; text-align: center; top: 50%; width: 37px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } span.s_results { color: #aaa; font-size: 22px; } .s_n_results { color: #aaa; font-size: 22px; } .close_search{ color: #fff; cursor: pointer; font-size: 11px; position: absolute; right: 26px; top: 19px; } .close_search:hover{ color: #89d6db; } .top_search_block form{ margin: 0; padding: 10px 0; } .top_search_block input:focus{ color: #aaa; } .top_search_block input, .top_search_block input:focus{ background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.15); color: #fff; font-size: 14px; height: 38px; padding: 7px 10px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .search_result_block { position: relative; background:#f9f9f9; border: 1px solid #ebebeb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 0 30px; padding: 16px 20px; } .search_result_block > i { background: #fff; border: 1px solid #ddd; border-radius: 0 3px; -moz-border-radius: 0 3px; -webkit-border-radius: 0 3px; color: #D2D2D2; display: block; min-height: 30px; min-width: 30px; padding: 5px; position: absolute; right: -1px; text-align: center; top: -1px; } .search_result_block > span { color: #aaa; font-size: 12px; } .search_result_block > a { padding-right: 35px; display: block; color: #48aace; font-size: 16px; font-weight: 500; text-transform: capitalize; } .search_result_block > a:hover { color:#2d3e48; } .search_clocks .col-xs-6:nth-child(2n+1) { padding-left: 0; } .search_clocks .col-xs-6:nth-child(2n+2) { padding-right: 0; } /* Nav Menu */ .top-social-media { padding-right: 48px; } .nav-menu { width: auto; margin-top: 30px; float: right; /*height: 82px;*/ text-align: right; } .nav-menu ul { padding: 0; margin: 4px 0 0 0; } .nav > li { margin-bottom: 7px; margin-right: 7px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-menu > ul > li { border-right: 1px dashed #3B525F; display: block; float: left; list-style: none; margin: 0; padding: 0 4px 4px 4px; width: auto; position: relative; } .arwen_sticky .nav-menu > ul > li { margin: 0; } .nav-menu ul li ul a { text-transform: capitalize; } .nav-menu ul li a { line-height: normal; color: #FFFFFF; display: block; font-size: 14px; font-weight: 400; height: auto; padding: 10px; text-align: center; text-transform: capitalize; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .nav-menu ul li ul li a > i { font-size: 12px; } .nav-menu ul li a > i { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size: 14px; margin-right: 9px; color: rgba(255,255,255,.4); } .mobile-drop ul.fullwidth li a > i { font-size: 14px; margin-right: 12px; color: rgba(0,0,0,.3); } .nav-menu ul li a > i.alone { margin-right: 0px; } .nav-menu ul li ul li a > i { color: rgba(0, 0, 0, 0.3); } .main-nav > li.active > a > i, .main-nav > li > a:hover > i, .main-nav > li.current_page_item > a > i, .main-nav > li:hover > a > i, .main-nav > li.current_page_ancestor > a i, .main-nav > li > a:focus i{ color:#fff; } .hav_sub_menu_arrow { display: block !important; position: absolute; right: 38%; top: 100%; color: #48AACE; font-size: 20px; } .nav-menu ul li:last-child { border-right: none; } .nav-menu a:hover { color: #fff; } .nav-menu a.active { color: #e70000; } .main-nav > li > a:hover, .main-nav > li > a:focus { background: #48AACE; } .main-nav > li.active > a, .main-nav > li.current-menu-item > a, .main-nav li.current_page_ancestor > a, .main-nav > li > a:focus{ background: #48AACE; color: #FFFFFF; } .nav-toggle .dropdown-menu li .dropdown-menu { /*border: 3px solid transparent;*/ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; left: 100%; top: 0px; } /* Mini Navigation For Mobile */ .mobile-drop { height: 100%; width: 100%; display: none; } a.mobile-menu { background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #ffffff; font-size: 21px; height: 37px; left: auto; line-height: 37px; position: absolute; right: 50px; text-align: center; top: 50%; width: 37px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .mobile-drop ul.fullwidth { width: 100%; position: relative; } .mobile-drop ul.fullwidth li { width: 100%; height: auto; margin: 0; } .mobile-drop ul.fullwidth li a { padding: 8px 14px; font-weight: 500; margin: 0; height: auto; text-align: left; text-transform: uppercase; border-bottom: 1px solid #ededed; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .mobile-drop ul.fullwidth li.active a { background-color: #383838; color: white; } /* Dropdown Menu */ .dropdown-menu { border: medium none; left: 4px; } .dropdown-toggle .dropdown-menu li:last-child { border-bottom: none; } .dropdown-toggle .dropdown-menu li { display: block; border-right: none; width: 100%; padding: 0; float: none; margin: 0; height: auto; border-bottom: 1px solid #EBEBEB; position: relative; } .dropdown-toggle .dropdown-menu li a { display: block; font-weight: 500; width: 100%; height: auto; padding: 10px 14px; text-align: left; color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .dropdown-toggle .dropdown-menu li:first-child a { border-radius: 3px 3px 0 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { } .nav-menu > ul > li:hover > a{ background:#48AACE; color:#ffffff; } .nav-menu > ul > li ul li:hover > a, .dropdown-toggle .dropdown-menu li.current-menu-item > a{ color:#48AACE; } .dropdown-toggle .dropdown-menu li a:hover { background: #F9F9F9; color: #48AACE; } .nav-toggle > .dropdown-menu { margin: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; /*border-top: 3px solid transparent;*/ } /* Dropdown Menu For Mobile */ .dr-mobile { position: relative; width: 100%; box-shadow: none; border-top: none; margin-top:0px; } .dr-mobile li { width: 100%; } .dr-mobile li:first-child a { padding-left: 20px !important; border-radius: 0 !important; } .dr-mobile li a { padding-left: 20px !important; } .dr-mobile li:last-child a { border-bottom: none !important; } /* Rev Slider Section */ .tp-rightarrow.default:after { content: "\f105"; display: block; font-family: arwen; color: #fff; font-size: 24px; text-align: center; line-height: 40px; } .tp-leftarrow.default:after { content: "\f104"; display: block; font-family: arwen; color: #fff; font-size: 24px; text-align: center; line-height: 40px; } .tp-rightarrow.default, .tp-leftarrow.default { background: rgba(0, 0, 0, 0.4) !important; border: 4px solid rgba(255, 255, 255, 0.8) !important; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; height: 50px !important; width: 50px !important; -webkit-transition: background-color 0.3s ease-out 0s; -moz-transition: background-color 0.3s ease-out 0s; -o-transition: background-color 0.3s ease-out 0s; -ms-transition: background-color 0.3s ease-out 0s; transition: background-color 0.3s ease-out 0s; } .tp-rightarrow.default:hover, .tp-leftarrow.default:hover { background: rgba(0, 0, 0, 0.7) !important; } .rev-text { text-transform: capitalize; font-weight: 500; margin: 0; } .rev-text-b { font-weight: 300; margin: 0; } /* Slide 1 */ .rev-title-a { font-size: 40px; color: #FFFFFF; margin: 5px 0; } .rev-title-b { font-size: 40px; color: #202E37; font-family: "Indie Flower"; } .rev-title-c { color: #FFFFFF; font-size: 22px; background: rgba(0,0,0,.3); padding: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid rgba(0,0,0,.4); } .rev-title-c .fa { font-size: 40px; vertical-align: middle; margin-right: 15px; } /* Slide 2 */ .rev-title-d { background: rgba(0, 0, 0, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #FFFFFF; font-size: 45px; padding: 8px 15px; text-align: center; position:relative; } .rev-title-d:after { content: ""; position: absolute; top: -16px; border-right: 8px solid rgba(0,0,0,0); border-left: 8px solid rgba(0,0,0,0); border-top: 8px solid rgba(0,0,0,0); border-bottom: 8px solid rgba(0,0,0,.3); left: 7%; } .rev-title-e { background: rgba(255, 255, 255, 0.6); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #202E37; font-size: 25px; font-weight: 300; padding: 10px; position:relative; text-align: center; } .rev-title-e:after { content: ""; position: absolute; top: -16px; border-right: 8px solid rgba(255, 255, 255, 0); border-left: 8px solid rgba(255, 255, 255, 0); border-top: 8px solid rgba(255, 255, 255, 0); border-bottom: 8px solid rgba(255, 255, 255, .6); left: 7%; } .hiddd{ display: none; } a.white-button{ background: none repeat scroll 0 0 #fff; border: 1px solid white; color: #3c3c3c !important; display: inline-block; font-size: 16px !important; font-weight: 500; letter-spacing: 1px; margin: 0; padding: 11px 11px !important; text-transform: none !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.white-button:hover{ background: none; color:#fff !important; } a.dark_button{ display: inline-block; letter-spacing:1px; margin: 0; font-weight:500; padding: 7px 14px; border: 1px solid #2d3e48; background: #2d3e48; color:#fff !important; font-size: 15px; /*text-transform: uppercase;*/ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.dark_button:hover{ opacity:.9; } /* Slide 3 */ .rev-title-f { font-size: 50px; color: #2D3E48; padding: 0; } .p5 { color: #2d3e48; font-size: 17px; padding: 10px 14px; border: 1px solid rgba(255,255,255,.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgba(255,255,255,.2); } .not_found404 { color: rgba(0, 0, 0, 0); display: block; font-size: 300px; text-align: center; text-shadow: 0 0 23px rgba(0, 0, 0, 0.4); width: 100%; position:relative; z-index:1; } .error404 { margin-bottom: 30px; position: relative; } .not_found_desc { background-color: rgba(255, 255, 255, 0.4); /*box-shadow: 0 3px 7px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0 3px 7px rgba(255, 255, 255, 0.4); -webkit-box-shadow: 0 3px 7px rgba(255, 255, 255, 0.4);*/ color: #888; display: block; font-size: 27px; left: 50%; letter-spacing: 2px; padding: 12px; position: absolute; text-align: center; text-transform: uppercase; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); z-index: 2; } /* Important Links */ .a_spacer{ width:100%; } .the_content .main_intro_section{ margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .the_content .services-box > h4{ margin: 0 0 11px; } .the_content .intro_section h2 { font-size: 22px; line-height: 33px; margin: 0; padding: 0; } .the_content .main_intro_section:after{ border:none; } .the_content .main_intro_section .main_intro_after:after{ background: none; border: none; content: ""; height: 100%; margin: 0; } .the_content .main_intro_section:before{ background: rgba(0, 0, 0, 0.4); border: 4px solid #000; content: ""; height: 100%; margin: 0; opacity: 0.1; position: absolute; top: 0; width: 100%; } .main_intro_section { background: #257997; position: relative; } .main_intro_section:after { border-bottom: 1px dashed rgba(255, 255, 255, 0.8); bottom: 7px; content: ""; height: 7px; opacity: 0.3; position: absolute; width: 100%; z-index: 1000; } .main_intro_section .main_intro_after:after { border-bottom: 1px dashed rgba(255, 255, 255, 0.3); bottom: auto; content: ""; display: block; height: 8px; position: absolute; top: 0; width: 100%; } .main_intro_section:before { border-top: 1px solid #ffffff; content: ""; height: 1px; opacity: 0.3; position: absolute; top: 0px; width: 100%; } .intro_section { color: #FFFFFF; padding: 60px 0px; text-align: center; } .intro_section h2 { font-weight: 300; margin: 0 0 15px; padding: 0; line-height: 30px; text-transform: capitalize; color: #fff; font-size: 24px; } .intro_section h2 span { font-weight: 500; } .bg_section .purchase { margin-top: 0; } a.purchase { background: #fff; color: #3c3c3c; display: inline-block; margin: 20px 7px 5px; padding: 7px 14px; border: 1px solid white; font-size: 14px; letter-spacing: 1px; font-style: italic; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.purchase:hover { background: none; color: #fff; } /* Important Links */ .the_content .main_important_links { background: none; border: none; border-radius: 3px; } .the_content .main_important_links .content{ padding: 0 0 25px; } .the_content .welcome-banner-text > h2 { font-size: 18px; margin-bottom: 20px; padding: 0; } .the_content .important_links_slide { padding: 0 60px; } .the_content .important_links .carousel .s-controls { top: 82px; -moz-transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .the_content .main_dark_title{ font-size:20px; } .main_important_links { background: #F5F5F5; border-bottom: 1px dashed #CCCCCC; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .main_important_links .carousel-inner { } .important_links { padding: 60px 0px } .welcome-banner-text { font-size: 15px; text-align: center; color: #67747A; } .welcome-banner-text p { font-size: 15px; font-weight: 400; line-height: 30px; } .section-title-white h2{ color: #fff; margin-bottom: 20px; text-align: center; font-size: 28px; text-transform: uppercase; margin-top: 0; } .welcome-banner-text a.more_a { background: #fff; border: 1px solid #B5B9BC; color: #202e37; display: inline-block; font-size: 14px; letter-spacing: 1px; margin: 20px 0 10px; padding: 7px 14px; position: relative; font-style: italic; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .welcome-banner-text a.more_a:hover { background: #fff; color: #48AACE; /*border: 1px solid #48AACE;*/ } .important_links_slide { width: 100%; margin: 0px auto; padding: 0 90px; } /* Controls */ .important_links .carousel .s-controls { line-height: 40px; background: #FFFFFF; border: 1px solid #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; width: 40px; height: 40px; opacity: 1; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .important_links .carousel .s-controls:hover { /*border-color: #91C5F5;*/ color: #48AACE; } .important_links .carousel a.right { color: #202e37; text-shadow: none; right: 0px; } .important_links .carousel a.right .fa, .important_links .carousel a.left .fa { font-size: 25px; line-height: 38px; } .important_links .carousel a.left { color: #202e37; text-shadow: none; left: 0px; } .bottom-bg:hover .s-controls { opacity: 1; } .important_links .carousel a.left:hover { background-position: left bottom; } .important_links .carousel a.right:hover { background-position: right bottom; } /* About Section */ .content_section { } .content_section.gray { background: #FBFBFB; } .content_section.white { } .about-contents { margin: 20px auto 0 auto; } /* About Control Buttons*/ .about-contents .owl-buttons { width: 107%; left: 0; top: 45%; display: none; } /* About items*/ .about { display: block; float: left; margin: 0 20px; } .owl-carousel .owl-item { padding: 0 2px 15px; } .more_b i { vertical-align: middle; } .more_b { border: 1px solid #ccc; color: #aaa; display: inline-block; font-size: 14px; line-height: 29px; margin: 10px; height: 35px; width: 35px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .box { position: relative; z-index: 10; } .about a.about-logo { display: block; width: 150px; height: 150px; border: 10px solid #ECF1F5; border-radius: 500px; margin: 0px auto 20px auto; padding: 42px 0; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #257997; } .box a.about-logo > span { background: rgba(0, 0, 0, 0.5); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .box a.about-logo:after { border: 1px solid #257997; content: ''; width: 127px; height: 127px; left: 1px !important; top: 1px !important; border-radius: 500px; position: absolute; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; opacity: 1; } .about a.about-logo i { color: #fff; font-size: 45px; position: relative; z-index: 1; } .about h3 { font-size: 18px; margin: 5px auto 15px; padding: 0; color: #696969; letter-spacing : 1px; font-weight: 500; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .about p { margin-bottom: 15px; color: #999; } /* Service Hovers*/ .box:hover a.about-logo { /*background: #2D3E48;*/ } .box:hover a.about-logo > span{ opacity: 1; } .box:hover a.about-logo i { color: white; } .box:hover a.about-logo:after { left: -1px; top: -1px; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .box:hover h3 { color: #2D3E48; } .box:hover a.more_b { /*border-color: #91C5F5;*/ color: #48AACE; } /* About Extended */ .about-extended { background: #fafafa; margin: 30px auto; position: relative; } .about-extended:after { content: ""; position: absolute; left: 50%; bottom: -20%; border-top: 50px solid #fafafa; border-top-color: #fafafa; border-left: 50px solid transparent; border-right: 50px solid transparent; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } .company-facts { margin: 70px auto 20px; } .company-facts .facts { text-align: center; } .company-facts h2 { font-size: 55px; color: #5f5f61; font-weight: 400; margin: 0 auto; } .company-facts p { font-size: 20px; text-transform: uppercase; color: #626262; } /* Tabs */ .tab-content > .active { display: block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .tabs { width: 57%; float: left; padding-left:15px; } /* Tabs Navigations */ .nav-tabs { border: none; } #tab-menu { margin-left: 0; } .nav-tabs li a:focus{ background:none; } .nav-tabs li a { font-size: 14px; border: 1px solid rgba(0,0,0,0); color: #696969; padding: 10px 14px; margin: 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; font-weight: 500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .nav-tabs li.active a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover { border-color: #dcdddd; color: #48AACE; background: #fff; } .nav-tabs > li > a:hover{ background:#fff; } a.custom_button { color: #fff; display: table; font-size: 14px; letter-spacing: 1px; margin: 15px 0; overflow: hidden; padding: 8px 12px; position: relative; text-transform: capitalize; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; } a.custom_button:hover{ color: #fff; } a.custom_button span.btn_con{ position: relative; z-index:2; } a.custom_button span.overl{ opacity:0; background-color: rgba(0, 0, 0, 0.2); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:1; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } a.custom_button:hover span{ opacity:1; } i.bton_icon_alone { display: inline-block; font-size: 16px; margin-right: 8px; } .arwen_accordion{ margin: 20px 0; } .arwen_accordion > .panel{ border: 1px solid #eaeaea; box-shadow: none; } .arwen_accordion .panel-collapse .panel-body { border-color: #eaeaea !important; } .arwen_accordion .panel-heading{ background: none; padding: 0; } .arwen_accordion .panel-heading .panel-title{ line-height: normal; } .arwen_accordion .panel-title > a.collapsed{ background: #FCFCFC; color: #202E37; } .arwen_accordion .panel-title > a{ background: #FCFCFC; color: #48aace; display: block; letter-spacing: 1px; padding: 10px 9px 9px 20px; position: relative; font-weight: 500; } .arwen_accordion .panel-title > a .acc_name{ } .arwen_accordion .panel-title > a .acc_num{ color: #aaa; float: right; font-size: 14px; line-height: 18px; min-width: 20px; text-align: center; } .arwen_accordion .panel-title > a .acc_arrow{ float: right; line-height: 22px; min-width: 20px; text-align: center; color: #ccc; } .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_down, .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_up{ font-size: 18px; line-height: 21px; } .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_down{ display: none; } .arwen_accordion .panel-title > a.collapsed .acc_arrow .acc_arrow_down{ display: block; } .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_up{ display: block; } .arwen_accordion .panel-title > a.collapsed .acc_arrow .acc_arrow_up{ display: none; } .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_plus, .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_minus { font-size: 14px; line-height: 21px; } .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_plus{ display: none; } .arwen_accordion .panel-title > a.collapsed .acc_arrow .acc_arrow_plus{ display: block; } .arwen_accordion .panel-title > a .acc_arrow .acc_arrow_minus{ display: block; } .arwen_accordion .panel-title > a.collapsed .acc_arrow .acc_arrow_minus{ display: none; } /* Tabs panes */ .the_content .tabs_con {} .tab-pane { background: #fff; border: 1px solid #e5e5e5; font-size: 14px; line-height: 25px; /*background:#F5F5F5; -moz-box-shadow:0 0 1px 1px #fff inset,inset 0 0 20px 3px rgba(230,226,220,.6); -webkit-box-shadow:0 0 1px 1px #fff inset,inset 0 0 20px 3px rgba(230,226,220,.6); box-shadow:0 0 1px 1px #fff inset,inset 0 0 20px 3px rgba(230,226,220,.6);*/ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #9d9d9d; padding: 15px 0px; } .tab-pane .tab-image { float: left; margin-bottom: 10px; padding: 6px 20px 0px; } .tab-pane .tab-image img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .tab-pane .tab-description { padding: 0 20px; display: block; } .tab-content > .tab-pane { } .tab-pane .only { width: 100%; } /* Progress */ .skills-description { color: #202e37; font-size: 16px; font-weight: 300; margin-bottom: 24px; text-transform: capitalize; } .progress-bars { float: right; width: 40%; height: auto; padding-right:15px; } .progress-bar { padding: 6px 8px; text-align: left; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; width: 0; box-shadow: none; } .progress-content { border: 1px solid #e5e5e5; /*background: #f5f5f5; -moz-box-shadow:0 0 1px 1px #fff inset,inset 0 0 20px 3px rgba(230,226,220,.6); -webkit-box-shadow:0 0 1px 1px #fff inset,inset 0 0 20px 3px rgba(230,226,220,.6); box-shadow:0 0 1px 1px #fff inset,inset 0 0 20px 3px rgba(230,226,220,.6);*/ margin: 6px 0; padding: 10px 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .progress { background: #E5E5E5; box-shadow: 0 0 0; height: 12px; margin-bottom: 27px; border-radius: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; /*-moz-box-shadow:0 -1px 0px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow:0 -1px 0px rgba(0, 0, 0, 0.15) inset; box-shadow:0 -1px 0px rgba(0, 0, 0, 0.15) inset;*/ } .progress-bar-danger { background-color: #48AACE; } /* Progress Texts */ .progress-texts span { color: #696969; display: block; font-size: 14px; font-weight: 500; padding: 6px 0; } .progress-texts .progress-name { float: left; } .progress-texts .progress-value { float: right; } /* History */ .history_timeline { background-image: url("https://www.seoresellerguy.com/wp-content/themes/arwen/images/bg6.jpg"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* Timeline */ ul.history-timeline { margin: 40px auto 0; width: 100%; background: url(../images/timeline-bg.jpg) center center repeat-y; height: auto; position: relative; padding: 0 0 80px; } .history_timeline .content { padding-bottom: 0; } .history-timeline .timeline-item span.date .fa { margin-right: 6px; } .history-timeline .year { background: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; color: #3C3D3D; font-size: 20px; font-weight: 300; height: auto; margin: 31px auto; padding: 8px 0; text-align: center; width: 75px; left: -35px; position: relative; top: -5px; } .history-timeline .year:nth-of-type(2n) { right: -36px; left: auto; } .timeline-image { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; position: relative; margin-bottom: 15px; overflow: hidden; box-shadow: 0px 0px 7px #111; } .timeline-image a img { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; } .timeline-image a .image-overlay { background: #48AACE; width: 100%; height: 100%; display: block; position: absolute; z-index: 1; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .timeline-image a .image-zoom { color: #FFFFFF; font-size: 25px; left: 50%; position: absolute; top: 50%; z-index: 2; -webkit-transform: translateY(-50%) translateX(-50%) scale(5); -moz-transform: translateY(-50%) translateX(-50%) scale(5); -ms-transform: translateY(-50%) translateX(-50%) scale(5); transform: translateY(-50%) translateX(-50%) scale(5); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .history-timeline .timeline-item { clear: left; float: left; list-style: none; padding: 20px; width: 47.5%; background: rgba(0, 0, 0, .8); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; margin: 10px 0; position: relative; z-index: 550; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .history-timeline .year + .timeline-item { margin-top: -20px; } .history-timeline .timeline-item h4 { color: #ccc; font-size: 18px; font-weight: 500; margin: 5px 0px 10px 0px; text-transform: uppercase; border-bottom: 1px solid #222; padding-bottom: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .history-timeline .timeline-item div.article { font-size: 14px; font-weight: 500; color: #767676; margin: 8px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .history-timeline .timeline-item span.date { color: #555; display: inline-block; font-size: 12px; padding-top: 7px; font-style: italic; text-transform: uppercase; } .history-timeline .timeline-item span.date i { margin-right: 9px; } .history-timeline .timeline-item:after { content: ''; position: absolute; right: -6.8%; display: block; width: 18px; height: 18px; background: #111; border: 2px solid #48AACE; border-radius: 100px; top: 18px; z-index: 20; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .history-timeline .timeline-item:nth-of-type(2n):before { border-top: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0.8); content: ""; right: 100%; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .history-timeline .timeline-item:before { border-top: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); border-left: 10px solid rgba(0, 0, 0, 0.8); content: ""; right: -20px; position: absolute; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .history-timeline .timeline-item:nth-of-type(2n){ float: right; clear: right; } .history-timeline .timeline-item:nth-of-type(2n):after { left: -6.8%; } a.load_more { background: #378AA8; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #FFFFFF; display: inline-block; font-size: 16px; padding: 10px 20px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .history-timeline .timeline-item a.read-more { color: #48aace; display: block; float: right; font-size: 13px; padding-top: 7px; text-align: right; font-style: italic; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* timeline Rollover */ .history-timeline .timeline-item:hover { background: rgba(0, 0, 0, .9); } .history-timeline .timeline-item:hover h4 { color: #ccc; } .history-timeline .timeline-item:hover div.article { color: #999; } .history-timeline .timeline-item:hover:after { background: #48AACE; border: 2px solid #fff; } .history-timeline .timeline-item:nth-of-type(2n):hover:before { border-right-color: rgba(0, 0, 0, .9); border-left-color: rgba(0, 0, 0, 0); } .history-timeline .timeline-item:hover:before { border-left-color: rgba(0, 0, 0, .9); border-right-color: rgba(0, 0, 0, 0); } .timeline-image:hover a .image-overlay, .timeline-image a:hover .image-overlay { opacity: .8; filter: alpha(opacity=1); } .timeline-image:hover a .image-zoom, .timeline-image a:hover .image-zoom { opacity: 1; filter: alpha(opacity=1); -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .timeline-image:hover a img { -webkit-transform: scale(1.5) rotate(15deg); -moz-transform: scale(1.5) rotate(15deg); -ms-transform: scale(1.5) rotate(15deg); transform: scale(1.5) rotate(15deg); } a.load_more:hover { background:#257997; } .history-timeline .timeline-item a.read-more:hover { color: #777; } /* Our Clients */ #clients { } #our-clients { /*background-image: url("https://www.seoresellerguy.com/wp-content/themes/arwen/images/bg7.jpg");*/ background-position: center 0; background-size: cover; border-bottom: 4px solid #48AACE; background-color: #2D3E48; } #our-clients .content { padding: 0; } .our-clients-carousel { } /* Our Clients carousel */ .our-clients-carousel .owl-wrapper-outer { border-right: 1px dashed #67747A; border-left: 1px dashed #67747A; } .our-clients-carousel .owl-item { padding: 30px 0 !important; background: rgba(0,0,0,.2); } .our-clients-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-of-type(2n) { background: rgba(0,0,0,.1); border-left: 1px dashed #67747A; border-right: 1px dashed #67747A; } /* Our Clients Say */ .clients-say-flex-slider{ position:relative; } .client_say_con { background-image: url("https://www.seoresellerguy.com/wp-content/themes/arwen/images/bg2.jpg"); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } .subtitle_b { color: #fff; font-size: 23px; font-weight: 300; letter-spacing: 0.04em; margin-top: 5px; text-transform: uppercase; } .pattern1 { background-image: url("../images/pattern.png"); bottom: 0; height: 100%; left: 0; opacity: 0.8; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .overlay_a { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .section-title-white { color: #fff; margin-bottom: 30px; } .section-title-white h3 { color: #FFFFFF; color: #fff; margin: 0 0 15px 0; text-align: center; text-transform: uppercase; } .section-title-white-desc{ background: rgba(0, 0, 0, 0.3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #fff; font-size: 17px; font-weight: 300; line-height: 32px; margin: 15px 15px 0px 15px; padding: 15px; text-align: center; position: relative; font-style: italic; border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .section-title-white-desc:after { content: ""; position: absolute; top: -16px; border-right: 8px solid rgba(0,0,0,0); border-left: 8px solid rgba(0,0,0,0); border-top: 8px solid rgba(0,0,0,0); border-bottom: 8px solid rgba(0,0,0,.3); left: 49.3%; } .center { text-align: center; } /* Controls For clients Say carousel */ .client-say-carousel .carousel .s-controls { background: rgba(0,0,0,.6); color: #FFFFFF; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; height: 40px; opacity: 1; font-size: 16px; line-height: 40px; top: 60px; width: 40px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .client-say-carousel .carousel .s-controls:hover { background: #48AACE; color: #fff; } .client-say-carousel .carousel a.right { bottom: -48px; left: 50px; top: auto; } .client-say-carousel .carousel a.left { bottom: -48px; left: 0; top: auto; } /* clients Say Items */ .clients-say-item img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: block; width: auto; max-width: 15%; margin-left: 2%; float: right; background: rgba(0,0,0,.3); padding: 4px; border: 4px solid rgba(255,255,255,.3); position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .client-comment-block { width: 83%; position: relative; float: left; padding-top: 4px; } .clients-say-item .client-comment { background: rgba(255, 255, 255, 0.4); float: left; width: 100%; font-size: 17px; line-height: 30px; margin-bottom: 20px; padding: 20px; position: relative; font-weight: 400; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #202E37; } .clients-say-item .client-comment:after { border-top: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid rgba(0, 0, 0, 0); border-left: 7px solid rgba(255, 255, 255, 0.4); border-right: 7px solid rgba(0, 0, 0, 0); right: -14px; position: absolute; top: 25px; content: ""; } .clients-say-item .client-name-and-jop { background: rgba(0, 0, 0, 0.5); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; float: right; font-size: 14px; margin: 0; padding: 0 0 0 9px; text-transform: capitalize; font-weight: 300; letter-spacing: 1px; } .clients-say-item .client-name { display: inline-block; padding: 7px 10px 7px 2px; } .clients-say-item .client-jop { display: inline-block; padding: 7px 10px 7px 2px; } .client-name-and-jop i { color: #48AACE; } /* Our Team */ .team_members { background: #FBFBFB; } .full_page .team_members { background: none; } .full_page .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item { background: #f9f9f9; } .team-items { width: 100%; height: auto; overflow: hidden; position: relative; } .owl-wrapper-outer { text-align: center; } /* Our Team item */ .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item { border:1px solid #E4E5E5; background: #fff; height: auto; margin: 60px 10px 10px; padding: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item img { background: #FFFFFF; border: 1px solid #dcdddd; padding: 6px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item h3 { color: #202e37; font-size: 20px; font-weight: 300; margin: 0 0 15px; padding-top: 20px; text-transform: uppercase; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item h4 { font-size: 16px; font-weight: 500; color: #777; font-weight: 300; line-height: 15px; margin: 10px auto 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item p { font-size: 14px; color: #999; } /* Our Team Socials */ .socials { margin-bottom: 10px; margin-top: 15px; text-align: center; width: 100%; } .socials a { background: #FFFFFF; border: 1px solid #dcdddd; color: #202E37; cursor: pointer; display: inline-block; font-size: 15px; height: 35px; margin-left: 10px; text-align: center; width: 35px; line-height: 35px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } /* Our Team Control Buttons */ .team-items .owl-buttons { position: absolute; top: 0; width: 100%; } .team-items .owl-buttons > div, .related_posts .owl-buttons > div { background: #FFFFFF; border: 1px solid #ddd; color:#202e37; cursor: pointer; font-size: 20px; height: 40px; line-height: 37px; text-align: center; width: 40px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .team-items .owl-buttons .owl-next:before, .related_posts .owl-buttons .owl-next:before { content: "\f105"; font-family: "arwen"; } .team-items .owl-buttons .owl-prev:before, .related_posts .owl-buttons .owl-prev:before { content: "\f104"; font-family: "arwen"; } .related_posts{ /*padding-left: 40px;*/ } .related_posts .owl-buttons .owl-prev { position: absolute; right: 50px; top: -63px; } .related_posts .owl-buttons .owl-next { position: absolute; right: 0; top: -63px; } .team-items .owl-buttons .owl-prev{ position: absolute; left: 10px; top: 0; } .team-items .owl-buttons .owl-next { position: absolute; left: 60px; top: 0; } /* Our Team Rollovers */ .team-items .owl-buttons div:hover, .related_posts .owl-buttons div:hover { border-color: #aaa; color: #48AACE; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item:hover { border-color:#ccc; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item .socials:hover a:hover { background-color: #fff; border-color:#48AACE; color:#48AACE; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item:hover img { /*border-color: #48AACE;*/ background: #fff; border-color: #ccc; opacity:0.8; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item:hover h3 { color: #48AACE; } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item:hover h4 { /*color: #48AACE;*/ } .team-items .owl-wrapper-outer .owl-wrapper .owl-item .item:hover .socials a { background: #fff; border-color: #ccc; /*color:#91C5F5;*/ } .type-members .post_thumbnail a { display: block; position: relative; } .type-members .post_thumbnail a:after { border: 5px solid rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .type-members .post_thumbnail a:hover:after { border: 5px solid rgba(0, 0, 0, 0.2); } /* Numbers */ .numbers_section { background-image: url("https://www.seoresellerguy.com/wp-content/themes/arwen/images/bg1.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-position: center 0; background-size: cover; padding: 0; } .numbers_parallax { background-image: url("https://www.seoresellerguy.com/wp-content/themes/arwen/images/balloon.png"); background-attachment: fixed; background-repeat: no-repeat; background-position:center center; background-size: 100% auto; margin: 0 auto; padding: 0 0 30px; position: relative; } .parallax-overlay { background-color: rgba(0, 0, 0, 0.58); position: relative; color: #FFFFFF; } .overlay1 { position: relative; color: #FFFFFF; height: auto; width:100% } .overlay2 { height: 100%; position: relative; width:100% } .numbers_overlay:before, .parallax-overlay:before, .overlay1:before, .overlay2:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); content: ""; height: 5px; position: absolute; top: 0; width: 100%; z-index: 11; } .numbers_overlay:after, .parallax-overlay:after, .overlay1:after, .overlay2:after { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); content: ""; height: 5px; position: absolute; bottom: 0; width: 100%; z-index: 10; } .section-title { margin-bottom: 50px; text-align: center; } .section-title .seperator { padding: 16px 0; } .seperator { height: 4px; line-height: 0; padding: 8px 0; text-align: center; width: 100%; margin:10px 0 25px 0; } .seperator span { display: inline-block; height: 1px; position: relative; width: 100px; } .seperator .squaree { position: absolute; } .seperator span.black_line:after { background: #fff; content: ""; display: block; height: 5px; margin-left: -5px; margin-top: -5px; opacity: 0.25; width: 5px; } .seperator span.black_line:before { background: #fff; content: ""; display: block; height: 5px; margin-left: 100px; margin-top: -4px; opacity: 0.25; width: 5px; } .seperator span.black_line { background: rgba(0,0,0,.25); } .seperator span.black_line .square{ background: #000; bottom: -9px; height: 5px; left: 45px; opacity: 0.25; position: absolute; width: 5px; } .seperator span.square:after { background: #000; content: ""; display: block; height: 5px; margin-left: 10px; margin-top: -10px; opacity: 1; width: 5px; } .seperator span.square:before { background: #000; content: ""; display: block; height: 5px; margin-left: 5px; margin-top: 5px; opacity: 1; width: 5px; } .seperator span.black_line:before, .seperator span.black_line:after{ background: #000; } .seperator span.white_line { background: #fff; } .seperator span.white_line:after { background: #fff; content: ""; display: block; height: 5px; margin-left: -5px; margin-top: -5px; width: 5px; } .seperator span.white_line:before { background: #fff; content: ""; display: block; height: 5px; margin-left: 100px; margin-top: -4px; width: 5px; } .tab-pane .tab-image > a:hover:after { border: 4px solid rgba(0,0,0,.2); } .tab-pane .tab-image > a:after { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; content: ""; display: block; border: 4px solid rgba(0,0,0,.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .tab-pane .tab-image > a { display: block; position: relative; } /* Numbers */ .numbers-blocks { margin-top: 100px; } .numbers-blocks .fa { background: #FFFFFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: 4px 4px rgba(0,0,0,.1); top: -31px; color: #257997; display: block; font-size: 40px; height: 60px; left: 50%; line-height: 62px; margin: 0 auto; padding-bottom: 10px; position: absolute; width: 80px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .numbers-blocks .counter { background: rgba(255, 255, 255, 0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: block; padding: 25px 0; text-align: center; } .numbers-blocks .counter .value { display: block; font-size: 45px; color: #202E37; margin: 35px 0 25px; } .numbers-blocks .counter .numbers_title { letter-spacing: 1px; color: #202e37; font-size: 18px; } /* Our Works */ #portfolio { font-weight: 300; background: #F5F5F5; } .works { position: relative; height: auto; margin-bottom: 20px; } /* Full Width Portfolio Version */ .fiven { width: 19.99%; float: left; } /* Filter Menu */ .filter-menu { position: relative; z-index: 99; } .filters { width: 100%; text-align: center; padding: 0; margin: 40px auto 35px; } .inline { font-size: 0px; } .filters li { text-align: center; display: inline-block; font-size: 13px; } .filters li a { border-top: 1px solid #dcdddd; border-bottom: 1px solid #dcdddd; border-right: 1px solid #dcdddd; background: #fff; padding: 11px 12px; color: #7a7a7a; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .filters li a.selected { color: white; background: #48AACE; cursor: default; border-color: #48AACE #257997 #48AACE #48AACE; } .filters li:first-child a.selected { border-color: #48AACE #257997 #48AACE #48AACE; } .filters li:last-child a.selected { border-color: #48AACE #48AACE #48AACE #257997; } .filters li:last-child a { border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; border-left: none; } .filters li:first-child a { border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-left: 1px solid #dcdddd; } .filters li:hover a { background: #48AACE; color: white; border-color: #48AACE; } .filters .filter_only_btn a { -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; -ms-border-radius: 3px !important; border-radius: 3px !important; } /* Portfolio items */ .items { position: relative; height: auto; } .work { margin: 9px 0; padding: 0 10px; height: auto; color: #aaaaaa; overflow: hidden; } .work-inner { } .portfolio-image { background: #202e37; position: relative; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .portfolio-image:after { content: ""; border: 5px solid rgba(0,0,0,0.15); position: absolute; width: 100%; height: 100%; opacity: 0.3; filter: alpha(opacity=.3); top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .work-inner:hover .portfolio-image:after { opacity: 0.8; filter: alpha(opacity=0.8); } .portfolio-image img { width: 100%; border-radius: 3px 3px 5px 5px; -moz-border-radius: 3px 3px 5px 5px; -webkit-border-radius: 3px 3px 5px 5px; -ms-border-radius: 3px 3px 5px 5px; -o-border-radius: 3px 3px 5px 5px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .portfolio-description { background: rgba(255,255,255,.9); border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; bottom: 0 !important; color: #202e37; font-size: 20px; padding: 12px 0px; text-transform: uppercase; margin: 0; position: absolute; text-align: center; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; } .portfolio-image:hover .portfolio-description { /*background: rgba(245,245,245,.5);*/ } .portfolio-description h4 { color: #202e37; font-size: 18px; font-weight: 300; margin: 0; padding: 3px 15px; position: relative; z-index: 2; text-transform: capitalize; letter-spacing: 1px; } .portfolio-image .button { width: 42px; height: 42px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; background: white; position: absolute; text-align: center; line-height:42px; font-size: 15px; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .portfolio-image .button:hover { background: #48AACE; color: white; } .portfolio-image .zoom { left: 40%; top: 10%; -moz-transform: translateY(-40%) translateX(-40%); -webkit-transform: translateY(-40%) translateX(-40%); -ms-transform: translateY(-40%) translateX(-40%); transform: translateY(-40%) translateX(-40%); opacity: 0; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .portfolio-image .detail { right: 40%; top: 10%; -moz-transform: translateY(-40%) translateX(40%); -webkit-transform: translateY(-40%) translateX(40%); -ms-transform: translateY(-40%) translateX(40%); transform: translateY(-40%) translateX(40%); opacity: 0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .work:hover .portfolio-image img { opacity: 0.8; } .work:hover .portfolio-image .zoom { left: 40%; top: 40%; -moz-transform: translateY(-40%) translateX(-40%); -webkit-transform: translateY(-40%) translateX(-40%); -ms-transform: translateY(-40%) translateX(-40%); transform: translateY(-40%) translateX(-40%); opacity: 1; } .work:hover .portfolio-image .detail { right: 40%; top: 40%; -moz-transform: translateY(-40%) translateX(40%); -webkit-transform: translateY(-40%) translateX(40%); -ms-transform: translateY(-40%) translateX(40%); transform: translateY(-40%) translateX(40%); opacity: 1; } /* isotope styles */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* features */ .bg_section { /*background-image: url("https://www.seoresellerguy.com/wp-content/themes/arwen/images/bg3.jpg");*/ background-color:#666; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg_section .content { padding-bottom: 0px; } /* Services */ #services { background: #F5F5F5; } .services-box{ margin-bottom: 30px; } .toons { /*background-image: url("../images/toons.png");*/ background-attachment: fixed; background-repeat: no-repeat; background-size: 100% auto; background-position: center center; margin: 0; position: relative; } .push-top { margin-top: 50px; } .services-box > h4 { margin: 15px 0 15px 0px; } .services-box > h4 i { display: inline-block; color:#888785; font-size: 20px; margin-right: 20px; vertical-align: top; background: #f1f1f1; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; width: 65px; height: 65px; text-align: center; line-height: 65px; padding-left: 3px; vertical-align: middle; position:relative; } .services-box > h4 i:after{ border: 1px solid #eee; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; content: ""; display: block; height: 75px; left: -5px; position: absolute; top: -5px; width: 75px; } .related_title{ margin-bottom: 30px; font-weight: 300; } #comments h4{ font-weight: 300; } .services-box > h4 span, .services-box > h4 a{ display: inline; color: #202E37; line-height: 26px; font-size: 18px; font-weight: 500; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .services-box .services-box-icon { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; color: #48AACE; display: inline-block; float: left; margin-right: 20px; position: relative; padding-top: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .services-box .services-box-icon:before { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; content: ""; display: block; height: 50px; left: 3px; position: absolute; top: 3px; width: 52px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .services-box .services-box-icon i{ font-size: 50px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .the_content .services-box .feature-box-info { font-size: 14px; padding: 0; } .services-box .feature-box-info { font-size: 14px; } .feature-box-info p { color: #67747A; font-weight: 300; font-size: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } hr.tall { background: none; border: 0 none; height: 1px; margin: 60px 15px; border-bottom: 1px dashed #CCCCCC; border-top: none; } .services-box:hover h4 span, .services-box:hover h4 a { color: #48AACE; } .services-box:hover .services-box-icon { } .services-box:hover .services-box-icon:before { } .services-box:hover .feature-box-info p { color: #4E6C7D; } /* Pricing Tables */ #prices { } .plans-prices { margin: 10px auto; } .plans-prices .plan-price:first-child { margin-left: 0px; } .plans-prices div:last-of-type { margin-right: 0px; } .plane_price_col{ float: left; width: 25%; padding: 0 9px; } .plans-prices .plan-price { border: 1px solid #e9ebee; height: auto; background: #fff; text-align: center; cursor: default; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } /* Pricing Tables Header */ .plan-price h2 { color: #202e37; font-size: 18px; font-weight: 500; margin: -1px; padding: 7px 0px; position: relative; text-align: center; border-bottom: 1px dashed rgba(0, 0, 0, 0); text-transform: uppercase; z-index: 2; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; -ms-border-radius: 3px 3px 0px 0px; -o-border-radius: 3px 3px 0px 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pricing Tables Circle */ .circle-price > h3 { font-weight: 500; margin: 0; padding: 0; font-size: 24px; color: #2D3E48; } .plan-price .circle-price { /*background: #E4F4FF;*/ color: #48AACE; margin: 0 0 0 -2px; padding: 20px 0px; position: relative; right: -1px; text-align: center; z-index: 1; border-bottom: 1px solid #E9EBEE; border-left: 1px solid #E9EBEE; border-right: 1px solid #E9EBEE; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .plans-prices .plan-price .circle-price:after { height: 0; } .plan-price .circle-price h2 { margin: 2px auto 0px; padding: 0; font-size: 30px; } .plan-price .circle-price h2 .other-price { font-size: 18px; } .plan-price .circle-price .per { font-size: 13px; margin-left:7px; letter-spacing: 1px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* Pricing Tables list */ .price_true { margin-right: 10px; vertical-align: middle; color: #38C700; } .price_false { margin-right: 6px; color: #F86923; } .plan-price ul { text-align: center; margin: 0px; font-weight: 500; } .plan-price ul li { display: block; border-bottom: 1px solid #dcdddd; width: 100%; height: auto; padding: 10px; font-size: 14px; color: #67747A; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .plan-price ul li span { } .line_under_post { background: #eee; height: 2px; margin: 40px 0 34px; width: 100%; } .has-post-thumbnail .line_under_post{ margin: 40px 0; } .posts_container div:first-child .line_under_post { display: none; } #share_post { } .socials_with_nextprev { margin: 30px 0 20px 0px; } .portfolio_meta .socials_with_nextprev_side { margin: 30px 0 0; } .type-portfolio .socials_with_nextprev { clear: right; float: right; margin: 40px 0; width: 350px; } #share_post.member_social a{ font-size: 20px; height: 50px; line-height: 50px; width: 50px; } #share_post a { background: #fff; border: 1px solid #ccc; display: inline-block; line-height: 40px; margin: 0 6px 6px 0; height: 40px; width: 40px; text-align: center; color: #aaa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #share_post a.facebook{color:#516CA4;} #share_post a.twitter{color:#00BAFF;} #share_post a.googleplus{color:#ED523D;} #share_post a.pinterest{color:#EE1D19;} #share_post a.linkedin{color:#1985BC;} #share_post a.email{color:#16A9A9;} #share_post a.stumbleupon{color:#EC4823;} #share_post a.digg{color:#1B5891;} #share_post a.reddit{color:#FC4403;} #share_post a.evernote{color:#79D626;} #share_post a.delicious{color:#3399FE;} #share_post a.tumblr{color:#395875;} #share_post a.facebook:hover{background:#fff; border-color:#516CA4; color:#516CA4;} #share_post a.twitter:hover{background:#fff; border-color:#00BAFF; color:#00BAFF;} #share_post a.googleplus:hover{background:#fff; border-color:#ED523D; color:#ED523D;} #share_post a.pinterest:hover{background:#fff; border-color:#EE1D19; color:#EE1D19;} #share_post a.linkedin:hover{background:#fff; border-color:#1985BC; color:#1985BC;} #share_post a.email:hover{background:#fff; border-color:#16A9A9; color:#16A9A9;} #share_post a.stumbleupon:hover{background:#fff; border-color:#EC4823; color:#EC4823;} #share_post a.digg:hover{background:#fff; border-color:#1B5891; color:#1B5891;} #share_post a.reddit:hover{background:#fff; border-color:#FC4403; color:#FC4403;} #share_post a.evernote:hover{background:#fff; border-color:#79D626; color:#79D626;} #share_post a.delicious:hover{background:#fff; border-color:#3399FE; color:#3399FE;} #share_post a.tumblr:hover{background:#fff; border-color:#395875; color:#395875;} #share_post a.dribbble{color:#ED659A;} #share_post a.github{color:#4183C4;} #share_post a.instagram{color:#406F94;} #share_post a.skype{color:#44BBFF;} #share_post a.vimeo{color:#35BBF0;} #share_post a.youtube{color:#F02A06;} #share_post a.rss{color:#FF9D00;} #share_post a.dribbble:hover{background:#fff; border-color:#ED659A; color:#ED659A;} #share_post a.github:hover{background:#fff; border-color:#4183C4; color:#4183C4;} #share_post a.instagram:hover{background:#fff; border-color:#406F94; color:#406F94;} #share_post a.skype:hover{background:#fff; border-color:#44BBFF; color:#44BBFF;} #share_post a.vimeo:hover{background:#fff; border-color:#35BBF0; color:#35BBF0;} #share_post a.youtube:hover{background:#fff; border-color:#F02A06; color:#F02A06;} #share_post a.rss:hover{background:#fff; border-color:#FF9D00; color:#FF9D00;} a.read_more { position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: inline-block; background: #48aace; padding: 7px 15px 8px 15px; text-transform: none; font-size: 13px; color: #FFFFFF; margin: 20px 0px 0px 0px; cursor: pointer; } a.read_more:hover{ color: #FFFFFF; } .more_t { position: relative; z-index: 1; } .read_more .more_h { background: none; border-bottom: 2px solid rgba(0, 0, 0, 0.3); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; bottom: 0; content: ""; display: block; height: 100%; position: absolute; right: 0; width: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .read_more:hover .more_h{ background: rgba(0, 0, 0, 0.2); } .buy-button { position: relative; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: inline-block; background: #48AACE; padding: 7px 14px; text-transform: none; font-size: 15px; color: #FFFFFF !important; margin: 20px auto; cursor: pointer; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); box-shadow: inset 0 2px 4px rgba(0,0,0,.15); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .buy-button .buy_t{ position:relative; z-index:2; } .buy-button .buy_h{ width: 100%; height: 0%; bottom: 0; right: 0; opacity:0; content: ''; position: absolute; z-index: 1; background: rgba(0,0,0,.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .border-dashed { border: 1px dashed rgba(255,255,255,.7); } .buy-button:hover .buy_h{ opacity:1; height:100%; width:100%; } /* Pricing Tables Active */ .plans-prices .active, .plan-price:hover { background: #f8f8f8; } .plans-prices .active h2, .plans-prices .plan-price:hover h2 { background: #f8fbfc; position: relative; color: #fff; line-height: 36px; } .plan-price.active.animated.rollIn.visible > h2:after { border-bottom: 5px solid rgba(0, 0, 0, 0.1); bottom: 0; content: ""; display: block; position: absolute; top: 0; width: 100%; } .plans-prices .active .circle-price, .plan-price:hover .circle-price { color: #202e37; } .plans-prices .active ul li, .plans-prices .plan-price:hover ul li { color: #888; border-bottom: 1px solid #e9ebee; } .plans-prices .active ul li:nth-child(odd), .plans-prices .plan-price:hover ul li:nth-child(odd) { background: #fff; } .plans-prices .active ul li:nth-child(even), .plans-prices .plan-price:hover ul li:nth-child(even) { /*background: #F5F5F5;*/ border-color: #e9ebee; } /* video */ .youtube_video_section{ margin:0; position:relative; background: #666; } .youtube_video_section .overlay2{ min-height: 450px; } /* Contact Us */ #contact { background: #F5F5F5; } form .alert_message{ display: none; padding-left: 15px; padding-right: 5px; } .alert-danger { background-color: #ffd8d5; border-color: #f9cdc9; color: #a94442; } .wpcf7-not-valid-tip { color: #F86923 !important; margin-bottom: 10px; font-size: 13px !important; } .ajax-loader { background: #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; float: right; margin: 7px 11px; padding: 7px; } form input[type="text"], form input[type="email"] { height: 40px; margin-bottom: 10px; padding: 10px 12px; width: 100%; font-size: 13px; background-color: #fff; border: 1px solid #E6E6E6; box-shadow: none; color: #257997; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } input.wpcf7-not-valid[type="text"], input.wpcf7-not-valid[type="password"]:focus, input.wpcf7-not-valid[type="email"], textarea.wpcf7-not-valid { border-color: #FFB4A1; } form input[type="text"]:focus, form input[type="email"]:focus { box-shadow: none; background-color: #fff; border-color: #48AACE; } form .col-md-6:nth-child(2n){ padding-left: 0px; padding-right: 7px; } form .col-md-6:nth-child(2n+1){ padding-left: 7px; padding-right: 7px; } form .col-md-12{ padding-left: 0px; padding-right: 7px; } form textarea { background: #fff; font-size: 13px; border: 1px solid #E6E6E6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; margin-bottom: 20px; padding: 7px 12px; width: 100%; font-style: italic; color: #67747a; } form input[type="text"]:-moz-placeholder, form input[type="email"]:-moz-placeholder { color: #67747A; font-size: 13px; font-weight: 500; } form input[type="text"]::-moz-placeholder, form input[type="email"]::-moz-placeholder { color: #67747A; font-size: 13px; font-weight: 500; font-style: italic; } form input[type="text"]:-ms-input-placeholder, form input[type="email"]:-ms-input-placeholder{ color: #67747A; font-size: 13px; font-weight: 500; } form input[type="text"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder{ color: #67747A; font-size: 13px; font-weight: 500; } form input[type="text"]:focus:-moz-placeholder, form input[type="email"]:focus:-moz-placeholder{ opacity: 0; } form input[type="text"]:focus::-moz-placeholder, form input[type="email"]:focus::-moz-placeholder{ opacity: 0; } forminput[type="text"]:focus:-ms-input-placeholder, forminput[type="email"]:focus:-ms-input-placeholder{ opacity: 0; } form input[type="text"]:focus::-webkit-input-placeholder, form input[type="email"]:focus::-webkit-input-placeholder{ opacity: 0; } form select.wpcf7-select { border: 1px solid #dcdddd; border-radius: 3px; margin-bottom: 10px; padding: 9px; width: 100%; } div.wpcf7-mail-sent-ok { background: none repeat scroll 0 0 #d9f9cb; border: 1px solid #97de79 !important; clear: both; padding: 13px !important; position: relative; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } div.wpcf7-validation-errors { background: #FFEADE; border: 1px solid #FFCDC1 !important; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; clear: both; color: #827673; font-size: 13px; padding: 13px !important; position: relative; } form .submit_btn { float: right; display: block; margin-bottom: 20px; font-size: 14px; background: #48aace; color: #fff; text-align: center; vertical-align: middle; cursor: pointer; padding: 7px 14px; position: relative; border:none; font-style: italic; letter-spacing: 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } form .submit_btn:hover, form .submit_btn:focus{ opacity:.8; } form { margin-bottom: 20px; } .confirm_message h6 { border-bottom: 2px solid #8fc236; color: #8fc236; display: inline-block; font-size: 14px; padding-bottom: 5px; } .error_message h6 { border-bottom: 2px solid #fa4d5a; color: #fa4d5a; display: inline-block; font-size: 14px; padding-bottom: 5px; } p.address { /*font-family: 'Roboto Condensed',sans-serif,Raleway;*/ font-size: 14px; margin: 0; padding: 0 0 7px; font-style: italic; } p.address .info_icon { background: #fff; border: 1px solid #ddd; color: #777; font-size: 20px; line-height: 50px; margin: 0 15px 10px 0; height: 50px; width: 50px; text-align: center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; display: inline-block; } .fa-add1{ font-size: 24px; } .fa-add2{ font-size: 17px; } .fa-add3{ font-size: 15px; } address p i.fa-minus { color: #48AACE; font-size: 12px; } .title1{ margin: 0 0 20px 0; padding: 0; color: #257997; text-transform: uppercase; font-size: 28px; } .contact-social { text-align: left; margin-bottom: 30px; } .contact-social a { border: 1px solid #48AACE; background:#fff; color: #48AACE; /*-moz-box-shadow:0 0 1px 1px #fff inset,inset 0 0 7px 3px rgba(210,237,255,1); -webkit-box-shadow:0 0 1px 1px #fff inset,inset 0 0 7px 3px rgba(210,237,255,1); box-shadow:0 0 1px 1px #fff inset,inset 0 0 7px 3px rgba(210,237,255,1);*/ border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; display: inline-block; height: 50px; line-height: 50px; margin: 0 15px 0 0; text-align: center; width: 50px; font-size: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .contact-social a:hover { border-color: #48AACE; color:#48AACE; -moz-box-shadow:0 0 1px 1px #fff inset,inset 0 0 10px 0px rgba(242,208,199,1); -webkit-box-shadow:0 0 1px 1px #fff inset,inset 0 0 10px 0px rgba(242,208,199,1); box-shadow:0 0 1px 1px #fff inset,inset 0 0 10px 0px rgba(242,208,199,1); } /* Google Maps */ .google-map img { max-width: none; } div.google-map { background: #E5E3DF; height: 400px; position: relative; width: 100%; } div.google-map:before { background: rgba(0, 0, 0, 0.1); bottom: 0; content: ""; height: 5px; position: absolute; width: 100%; z-index: 10; } div.google-map:after { background: rgba(0, 0, 0, 0.1); content: ""; height: 5px; position: absolute; top: 0; width: 100%; z-index: 10; } /* Footer */ #footer { background: #2D3E48; } #footer:after { background:rgba(0, 0, 0, 0.2); content: ""; height: 5px; position: absolute; top: 0; width: 100%; z-index: 10; } .footer { /*padding: 75px 0;*/ } .align-left{ text-align:left !important; } .footer a { cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .align-center{ text-align:center; padding: 20px 0; } /*===========*/ .slides-container > div { height: 100%; width: 100%; } .has_patt > div:after { background-color: rgba(0, 0, 0, 0.2); /*background-image: url("../images/pattern.png");*/ content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .parallax_parallax { background-repeat:no-repeat; background-size:cover; /*background-attachment:fixed;*/ height: 100%; width: 100%; } #slides .slide_title { color: #fff; font-size: 40px; margin: 0; padding: 60px 0 30px; text-align: center; font-family:"Indie Flower", arial; } #slides .slide_content{ margin: 0 auto; max-width: 1170px; position: relative; text-align: center; top: 35%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 2; } #slides .slide_desc { background-color: rgba(0, 0, 0, 0.3); border-left: 5px solid rgba(255, 255, 255, 0.3); border-right:5px solid rgba(255, 255, 255, 0.3); color: #fff; display: block; font-size: 16px; line-height: 30px; margin: 0 auto 17px auto; max-width: 70%; padding: 13px; text-transform: uppercase; } /* Go To Top */ #go-top { bottom: 20px; right: 20px; margin: 0 auto; position: fixed; height: 40px; width: 40px; z-index: 9999; -webkit-transform: translateZ(0); } #go-top a { background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; color: #FFFFFF; display: block; height: 100%; line-height: 37px; text-align: center; transition: all 0.3s ease 0s; width: 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } #go-top a .fa { } #go-top a:hover { background: rgba(0, 0, 0, 0.4); } .footer-logo{ background:rgba(0, 0, 0, 0.2); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border:1px dashed rgba(255,255,255,.2); color: #ffffff; display: inline-block; font-size: 30px; font-weight: 300; letter-spacing: 2px; padding: 11px 12px; text-align: center; text-transform: uppercase; } .footer-text { margin: 10px 0 0 0; color: #ccc; font-size: 13px; font-weight: 300; } .copyright { letter-spacing: 1px; margin: 35px 0 0 0; } .footer a:hover { color: white; } .footer a:hover i { color: white; } .show_in_mobile{display:none;} .show_in_pc{display:block;} @media only screen and (max-width: 1440px) { .fiven{width:24.9%} } @media only screen and (max-width: 1170px) { .portfolio_meta {padding-left: 0px;} .porto_desc,.member_description_b .desc_con{font-size:15px;line-height:28px;padding:9px 20px} h1 .title_entro{font-size:20px} .page_title h1{font-size:25px} #share_post.member_social a{font-size:17px;height:45px;line-height:45px;width:45px} .has_bg .sidebar_r,.has_bg .sidebar_l,.has_bg .with_sidebar_r,.has_bg .with_sidebar_l{padding:15px} .portfolio_meta{margin-left:20px;width:271px} .the_portfolio_content, .the_portfolio_text{width:700px} #portfolio_gallery{width:700px} #portfolio_gallery .gall_slides > li{width:700px;height:419px} #portfolio_gallery .gall_prev_next.on_center span.gall_next{left:665px} #format_gallery_slider{width:670px} #format_gallery_slider .gall_slides > li{width:670px;height:419px} #format_gallery_slider .gall_slides > li a img{max-width:100%;width:100%} #format_gallery_slider .gall_navy.on_bottom{bottom:20px} #format_gallery_slider .gall_prev_next.on_center span.gall_next{left:635px} .sidebar_r,.sidebar_l{width:320px} .with_sidebar_r,.with_sidebar_l{width:700px} .dribbble-widget-item{width:92px} .flickr_widget_block .flickr_badge_image{height:67px;width:67px} .has_bg .search_block form input.serch_input,.search_block form input.serch_input{width:245px} .social_links_widget a:nth-child(6n+6){margin-right:0} .work{width:33%} } @media only screen and (max-width: 1024px) { .client-say-carousel { margin: 0 15px; } .portfolio-image .button{ font-size: 13px; height: 36px; line-height: 36px; width: 36px; } .portfolio-description { padding: 7px 0; } .numbers-blocks .counter .value{font-size:35px} .quote_content {padding: 6px 15px 10px;width: 409px;} .quote_date {width: 70px;} .quote_day {font-size: 37px;} .quote_mounth {font-size: 12px;} .quote_content h4 {font-size: 14px;line-height: 25px;margin: 2px 0 0;} .quote_author {font-size: 13px;} .format_block{margin-bottom:20px} .porto_desc,.member_description_b .desc_con{padding:13px 20px} h1 .title_entro{font-size:18px} #share_post a{height:38px;line-height:38px;margin:0 5px 9px 0;width:38px} #share_post a:nth-child(5n+5){margin-right:5px} body{font-size:14px} .type-portfolio .socials_with_nextprev{float:right;margin:30px 0;width:226px} .next_and_prev_porto{margin:30px 0 0} .page_full_width .related_posts .inside h3 a{font-size:17px} .related_posts h3{text-align:center} .porto_desc,.member_description_b .desc_con{font-size:15px;padding:15px 18px} #portfolio_gallery{width:490px} #portfolio_gallery .gall_slides > li{width:490px;height:275px} #portfolio_gallery .gall_prev_next.on_center span.gall_next{left:461px} #portfolio_gallery .gall_slides li .img_caption{margin:34px;padding:10px 13px;font-size:14px;line-height:22px} .featured_content.porto_slider{margin-bottom:20px} .portfolio_meta_row .meta_title span{font-size:14px} .portfolio_meta_row .meta_desc{font-size:13px} .porto_desc,.member_description_b .desc_con{font-size:14px;padding:8px 15px;line-height:25px} .next_and_prev_porto .previous_post a,.next_and_prev_porto .next_post a{font-size:12px;height:35px;line-height:34px} ul.featured_list li{font-size:13px;letter-spacing:0;line-height:30px} ul.featured_list li i{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-ms-border-radius:2px;font-size:9px;margin-right:8px;padding:3px} .portfolio_meta{margin-left:20px;width:226px} .the_portfolio_content,.the_portfolio_text{width:490px} .has_bg .sidebar_r,.has_bg .with_sidebar_l{border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0} .has_bg .sidebar_l,.has_bg .with_sidebar_r{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px} #format_gallery_slider{width:496px} #format_gallery_slider .gall_slides > li{width:496px;height:310px} #format_gallery_slider .gall_slides > li a img{max-width:100%;width:100%} #format_gallery_slider .gall_navy.on_bottom{bottom:10px} #format_gallery_slider .gall_prev_next.on_center span.gall_next{left:467px} #format_gallery_slider .gall_slides li .img_caption{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;bottom:30px;font-size:13px;line-height:23px;margin:42px;padding:8px 13px} .gall_prev_next span{font-size:19px;min-width:29px;padding:9px 0 6px} .site_cols_sc .col-xs-6{margin-bottom:30px;width:100%} .important_links .carousel a.right{right:15px} .important_links .carousel a.left{left:15px} .welcome-banner-text a.more_a{font-size:15px;padding:7px 12px} a.purchase{padding:7px 10px} #go-top a{line-height:37px} #go-top{bottom:15px;height:40px;right:15px;width:40px} .post_thumbnail a .post_img_zoom,.gall_slides > li a > .post_img_zoom{font-size:20px;height:50px;line-height:52px;width:50px} .page_title h1,.post_title{font-size:20px} .sidebar_r{padding:15px 15px 15px 0} .sidebar_l{padding:15px 0 15px 15px} .sidebar_r,.sidebar_l{width:240px} .with_sidebar_r,.with_sidebar_l{width:526px} .dribbble-widget-item{width:63px} .flickr_widget_block .flickr_badge_image{height:63px;width:63px} .flickr_widget_block .flickr_badge_image:nth-of-type(4n+4){margin:0 7px 7px 0} .flickr_widget_block .flickr_badge_image:nth-of-type(3n+3){margin:0 0 7px} .social_links_widget a{font-size:16px;height:35px;line-height:35px;margin:0 7px 7px 0;width:35px} .social_links_widget a:nth-child(5n+5){margin-right:0} .social_links_widget a:nth-child(6n+6){margin-right:7px} .has_bg .search_block form input.serch_input,.search_block form input.serch_input{width:245px} .posts_widget_list li h3{font-size:13px} .posts_widget_list li .post_date{font-size:11px} .content_wrap{max-width:768px;overflow:hidden} .has_bg .search_block form input.serch_input,.search_block form input.serch_input{width:170px} .search_block form input.serch_input{height:34px;width:185px} .search_block form .search_btn{font-size:14px;height:34px;width:34px} #share_post a{height:35px;line-height:35px;margin:0 5px 9px 0;width:35px} .next_and_prev .previous_post a,.next_and_prev .next_post a{height:35px;line-height:32px;margin-left:8px;padding:0 8px} .widget_title{font-size:20px} .team-items .owl-buttons > div,.related_posts .owl-buttons > div{font-size:18px;height:35px;line-height:34px;width:35px} .related_posts .owl-buttons .owl-prev{right:44px} .posts_widget_list li .post_widget_in{padding-left:86px} .posts_widget_list li .widget_post_thumbnail{width:75px} .post_thumbnail{margin-bottom:15px} a.search_box_on_top.search_box_on_top_b{background:none repeat scroll 0 0 rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px} .posts_widget_list li{margin-bottom:15px} #sidebar ul li.cat-item,#sidebar .widget_archive ul li{font-size:13px} h4{font-size:20px} .rev-title-a{font-size:35px} .rev-title-c,.rev-title-b{font-size:30px} .rev-title-d{font-size:70px} .rev-title-e{font-size:25px} .main ul li{width:90%;font-size:70px;margin:0 auto} .home-desc{font-size:17px;font-weight:300;width:90%} .home-button{width:auto;max-width:140px;padding:8px 15px;font-size:100%} #home .slides-navigation a{display:none} .accordion .accordion-head{font-size:30px} .subs .text{margin-right:0} .subs .text h1{font-size:20px} .subs .text p{font-size:13px} .packages .package{width:22.7%} .portfolio-description h4{margin:10px 0} ul.history-timeline{width:90%} .history-timeline .note:after{right:-8%} .history-timeline .note:nth-of-type(2n):after{left:-8%} } @media only screen and (max-width: 930px) { h5{letter-spacing:0} .intro_section h2{font-weight:300} body{font-size:14px} .members .post_thumbnail{margin-bottom:20px} #share_post.member_social a{font-size:16px;height:39px;line-height:39px;width:39px;margin:0 7px 7px 0} #share_post.member_social a:nth-child(5n+5){margin-right:0} h1 .title_entro{font-size:20px;height:40px;line-height:38px;margin:0 8px;padding:0 10px} .member_description_b{margin:0 0 15px} .copyright{letter-spacing:0;margin:25px 0 0;font-size:12px} .footer{padding:50px 0} .footer-logo{font-size:24px;letter-spacing:1px;padding:11px 13px} .portfolio-description h4{margin:0} a.search_box_on_top_a{display:none} .top-social-media{padding-right:0} .dropdown-menu{left:0} .navigation .logo{left:20px} .nav-menu{display:none} .mobile-drop{display:block} } @media only screen and (max-width: 768px) { .history-timeline .timeline-item h4 { font-size: 16px; } .not_found_desc {font-size: 20px;letter-spacing: 1px;line-height: 30px;} .not_found404 {font-size: 240px;} .quote_content {padding: 6px 15px 10px;width: 626px;} .quote_date {width: 80px;} .quote_day {font-size: 37px;} .quote_mounth {font-size: 12px;} .quote_content h4 {font-size: 14px;line-height: 25px;margin: 2px 0 0;} .quote_author {font-size: 13px;} .plan-price h2 {font-size: 15px;padding: 4px 0;} .numbers-blocks .counter .value{font-size:28px} .numbers-blocks .counter .numbers_title{font-size:14px} .social_links_widget a{font-size:15px;height:38px;line-height:38px;margin:0 8px 8px 0;width:38px} .social_links_widget a:nth-child(6n+6){margin-right:8px} .social_links_widget a:nth-child(5n+5){margin-right:8px} .social_links_widget a:nth-child(7n+7){margin-right:8px} .has_bg .search_block form input.serch_input,.search_block form input.serch_input{width:405px} .porto_desc,.member_description_b .desc_con{padding:9px 17px;line-height:25px} ul.featured_list{border-bottom:1px solid #e8e8e8;margin:0 0 16px;padding:0 0 20px} .next_and_prev_porto{clear:both;margin:20px 0 0} #portfolio_gallery{width:448px} #portfolio_gallery .gall_slides > li{width:448px;height:252px} #portfolio_gallery .gall_prev_next.on_center span.gall_next{left:419px} body{font-size:13px} .portfolio_meta{margin:0;width:100%;float:none} .show_in_mobile{display:block;}.show_in_pc{display:none;} .type-portfolio .socials_with_nextprev{width:100%;float:none} .the_portfolio_content,.the_portfolio_text{width:100%;float:none} .has_bg .sidebar_r,.has_bg .sidebar_l{border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;-ms-border-radius:0 0 3px 3px} .has_bg .with_sidebar_l,.has_bg .with_sidebar_r{border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;-ms-border-radius:3px 3px 0 0} #share_post.member_social a:nth-child(5n+5){margin-right:7px} .members .col-xs-4.member_img_con,.members .col-xs-8.member_content_con{margin-bottom:15px;width:100%} .member_description_b{margin:0 0 15px} .format_block{margin-bottom:20px} body{font-size:14px} #format_gallery_slider{width:448px} #format_gallery_slider .gall_slides > li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:448px;height:252px} #format_gallery_slider .gall_slides > li a img{max-width:100%;width:100%} .gall_navy.on_bottom{bottom:10px} #format_gallery_slider .gall_prev_next.on_center span.gall_next{left:419px} .gall_slides li .img_caption{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;bottom:11px;font-size:13px;line-height:23px;margin:42px;padding:8px 13px} .gall_prev_next span{font-size:19px;min-width:29px;padding:9px 0 6px} .client-say-carousel .carousel a.left{bottom:-7px;left:auto;right:65px;top:auto} .client-say-carousel .carousel .s-controls{font-size:18px;height:35px;line-height:35px;width:35px} .client-say-carousel .carousel a.right{bottom:-7px;left:auto;right:15px;top:auto} .portfolio-description h4{font-size:15px} .form .submit_btn{padding:7px 10px} form .col-md-6:nth-child(2n),form .col-md-6:nth-child(2n+1),form .col-md-12:nth-child(2n),form .col-md-12:nth-child(2n+1){padding:0} a.buy-button{font-size:13px;padding:7px 12px} .plans-prices .plane_price_col:nth-child(n+1){} .numbers-blocks .col-xs-6{margin-bottom:55px} .clients-say-item .client-comment{font-size:16px;line-height:25px} .related_posts .inside h3 a{font-size:17px} .related_posts .item .inside{text-align:center} .related_posts .item .inside a.related_img{display:inline-block;max-width:100%} #comments .single_comment .comment_content{margin-left:0} .comment_said_text{font-size:13px} h4.author_name{font-size:15px} .comment-reply-title{font-size:22px} .comment-respond form{font-size:13px} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{letter-spacing:0} #go-top{bottom:16px;height:37px;right:16px;width:37px} #go-top a{font-size:13px;line-height:32px} .search_block form .search_btn{font-size:15px;height:36px;width:37px} .search_block form input.serch_input{height:37px;width:406px} .posts_section .content_wrap,.archive_section .content_wrap,.page_section .content_wrap{padding:30px 0} .sidebar_r,.sidebar_l{float:none;clear:both;width:100%;padding:15px} .with_sidebar_r,.with_sidebar_l{clear:none;width:100%} .posts_widget_list li{float:left;width:50%} .posts_widget_list li:nth-child(2n+2){padding-left:10px} .flickr_widget_block .flickr_badge_image{height:68px;width:68px} .flickr_widget_block .flickr_badge_image:nth-of-type(6n+6){margin-right:0} .flickr_widget_block .flickr_badge_image:nth-of-type(4n+4){margin:0 7px 7px 0} .flickr_widget_block .flickr_badge_image:nth-of-type(3n+3){margin:0 7px 7px 0} .page_title{float:none;margin-right:0} #crumbs{float:none} .header_content{padding:30px 0} .page_title h1,.post_title{font-size:22px} h1 .title_entro{font-size:18px;margin:0 7px} .member_name{padding-right:6px} h1 .title_entro{display:inline;font-size:16px;height:40px;line-height:39px;margin:0;padding:6px 8px} .dribbble-widget-item:nth-child(3n+3){margin-right:7px} .dribbble-widget-item:nth-child(5n+5){margin-right:0} .dribbble-widget-item{width:84px} .related_posts .item{margin:0} h4{font-size:20px} .animated{visibility:visible} .tp-rightarrow.default,.tp-leftarrow.default{height:50px;width:50px} .rev-title-c{padding:8px 20px} .rev-title-d{font-size:45px;padding:5px 10px} .rev-title-e{font-size:20px} .rev-title-f{font-size:40px} .top-social-media{margin-top:15px} .plans-prices .plane_price_col{} .pagetop .right,.pagetop .left{width:95%;float:none;margin:5px auto;text-align:center} .pagetop a{margin:0 3px} a.red-button{margin:0 0 0 30px} .p6{margin:30px 0} .text-area h1{font-size:25px} .content_section .about-content{width:50%;margin:10px auto} .f-iphone{background:none;height:auto} .f-box:after{display:none} .progress-bars,.tabs{float:none;width:95%;margin:30px auto;padding-right:0} .tabs{padding-left:0} .portfolio-image .button{font-size:14px;height:33px;line-height:33px;width:33px} .work{width:33%} .w-iphone{display:none} .accordion{float:none;width:75%;margin:0 auto;text-align:center} .accordion .panel{border-bottom:none} .welcome-banner-text{font-size:16px} .welcome-banner-text span:after{top:100%} .slide-s{margin:0 auto;width:100%} .packages .package{width:50%;margin:15px auto} .packages .first,.packages .last{margin:15px auto!important} .left a.left-icon{display:none} .subscribe-mail{width:60%} .subscribe-btn{width:35%;font-size:100%} #services .col-md-4:after{content:'';display:block;clear:both;visibility:hidden} .push-top{margin-top:0} .push-top:after{content:'';display:block;clear:both;visibility:hidden} #skills{margin-top:0} .skills{border-top:none} #blog .left{float:none} #blog .right{float:none} #blog .blog1{width:95%} #blog .sidebar{width:95%} .sidebar{padding:50px 30px 30px} .testimonial ul.flex-direction-nav li{margin:30px 10px} } @media only screen and (max-width: 640px) { .plane_price_col{width: 50%;padding: 0 9px; margin-bottom: 20px;} .skills-description{font-size:15px;letter-spacing:1px;line-height:25px} h2{font-size:26px} .section-title-white h3,h3{font-size:22px;line-height:30px} .plan-price h2{font-size:18px} .section-title-white-desc{font-size:16px;line-height:25px} .posts_section .content_wrap,.archive_section .content_wrap,.page_section .content_wrap{padding:30px 0} .tp-rightarrow.default,.tp-leftarrow.default{height:40px;width:40px} .top_details span.details-on-top{margin-right:15px} .pagetop .languages{margin-right:15px} .flickr_widget_block .flickr_badge_image:nth-of-type(6n+6){margin-right:0} #navigation{height:60px} .main_title_a{margin:0 0 16px} .numbers-item-margin{margin-top:60px} .services-box{clear:both;margin-top:20px;width:100%} .filters li a{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display:block;margin:0 10px 10px 0;padding:7px 10px;border:1px solid #dcdddd} .filters li:last-child a{border-left:1px solid #dcdddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding-right:10px} .filters li:first-child a{border-left:1px solid #dcdddd;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding-left:10px} .portfolio-image .button{ font-size: 13px; height: 34px; line-height: 34px; width: 34px;} .clients-say-item img{max-width:30%} .client-comment-block{width:67%} .clients-say-item .client-comment{font-size:16px;line-height:24px} .clients-say-item .client-name-and-jop{font-size:14px} .plans-prices .plane_price_col{} .no-margin-left{margin-left:9px!important} .plan-bootom{margin-top:30px!important} #contact-form .col-md-6:nth-child(2n){padding:0 15px} #contact-form .col-md-6:first-child{padding:0 15px} .dropdown-menu{left:0} .navigation .logo a{width:auto;display:block} .navigation .logo a img{height:30px} a.white-button{padding:8px 10px} .rev-title-a{font-size:20px} .rev-title-b{font-size:16px!important} .rev-title-c{font-size:11px;padding:8px 13px;background:rgba(0,0,0,0.4)} h1,.h1{font-size:26px} .progress{box-shadow:0 0 0;height:15px} a.white-button{font-size:14px} a.buy-button{font-size:14px;padding:8px 12px} .top20{margin-top:20px!important} .rev-title-c .fa{font-size:20px;margin-right:10px} .rev-title-d{font-size:29px} .rev-title-e{font-size:14px;margin-top:10px} .rev-title-f{font-size:28px} .p5{font-size:20px;margin-top:5px} .main ul li{font-size:40px} .text-area{padding:20px 0} .text-area h1{font-size:20px;margin:0 auto} .text-area a{margin:10px 7px 2px;padding:3px 9px;font-size:14px} .work{width:49.4%} .f-box:nth-of-type(2n),.f-box{width:50%;text-align:center;padding:10px} .f-box:nth-of-type(2n) .f-box-logo,.f-box .f-box-logo{margin:0 auto;left:50%} ul.history-timeline{width:95%} .header,.page-desc{width:95%} .subscribe .left{float:none;margin:0 auto;text-align:center;width:95%} .subs .text{float:none;margin:0 auto} .subscribe .right{width:95%;float:none;margin:20px auto 60px} .subscribe-btn{width:auto;font-size:20px} .subscribe-mail{margin:0} #subscribe-mail{text-align:center} .footer-box{width:95%;float:none;margin:50px auto} .company-facts .facts{width:50%;margin:40px auto} } @media only screen and (max-width: 480px) { .numbers-blocks .col-xs-6{width:100%;margin-bottom:20px} .site_cols_sc { padding-top: 20px !important; padding-bottom: 20px !important; } h3.main_dark_title { font-size: 20px; } h2.main_con_title { font-size: 20px; line-height: 24px; margin: 0 0 20px; } .intro_section h2 { font-size: 20px; } a.purchase { margin: 20px 4px 5px } .the_content .important_links .carousel .s-controls { top: 0px; } .the_content .important_links_slide { padding: 0; } .the_content .welcome-banner-text > h2 { padding: 0 25px; } .important_links .carousel a.left { left: 0px; } .important_links .carousel a.right { right: 0; } .not_found_desc { font-size: 17px; letter-spacing: 1px; line-height: 26px; } .not_found404 {font-size: 200px;line-height: 140px;} .quote_content {padding: 6px 15px 10px;width: 348px;} .quote_date {width: 70px;} .quote_day {font-size: 37px;} .quote_mounth {font-size: 12px;} .quote_content h4 {font-size: 13px;line-height: 23px;margin: 2px 0 0;} .quote_author {font-size: 12px;} a.read_more {font-size: 12px;padding: 6px 10px;} #filters.filters li {margin-right: 9px;} .portfolio-image .button{height:40px;width:40px;line-height:40px} .not_in_mobile{display:none} a.dark_button{font-size:13px!important;padding:10px 8px!important} .social_links_widget a{font-size:15px;height:36px;line-height:36px;margin:0 8px 8px 0;width:36px} .plan-price h2{font-size:16px;padding:5px 0 7px} .portfolio-description{padding:13px 0} .filters li a{margin:0 7px 7px 0;padding:6px 10px} .services-box .feature-box-info{font-size:14px;line-height:22px} .services-box > h4 i{font-size:22px;height:50px;line-height:50px;margin-right:17px;width:50px} .services-box > h4 i:after { height: 60px; width: 60px; } .client-say-carousel .carousel a.left{bottom:-55px} .client-say-carousel .carousel a.right{bottom:-55px} .clients-say-item .client-name-and-jop{font-size:13px} h4{letter-spacing:0} h5{font-size:17px} .site_cols_sc .col-xs-6{margin-bottom:20px;width:100%} .arwen_accordion .panel-title > a{padding:8px 15px} .tab-pane .tab-image{float:left;margin-bottom:6px;padding:0 15px;width:115px} .tab-pane{font-size:13px;padding:15px 0} .tab-pane .tab-description{padding:0 15px} .important_links_slide{padding:25px 15px 0} .welcome-banner-text p{font-size:14px;font-weight:500;line-height:23px} .featured_content.porto_slider{margin-bottom:16px} .porto_desc,.member_description_b .desc_con{font-size:13px;padding:8px 15px;line-height:24px} #portfolio_gallery .gall_prev_next.on_center{height:30px} #portfolio_gallery{width:288px} #portfolio_gallery .gall_slides > li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:288px;height:162px} #portfolio_gallery .gall_navy.on_bottom{bottom:10px} #portfolio_gallery .gall_prev_next.on_center span.gall_next{left:262px} #portfolio_gallery .gall_slides li .img_caption{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;bottom:auto;font-size:11px;line-height:17px;margin:0;padding:9px 33px;top:0} .entry_meta > li i{font-size:13px} .member_description_b .desc_con{font-size:13px;line-height:20px;padding:10px 17px} .widget_title{font-size:18px} .footer-logo{font-size:22px;letter-spacing:1px;padding:10px 11px} .copyright{letter-spacing:0;margin:15px 0 0} .footer-text{font-size:11px} .format_block{margin-bottom:16px} body{font-size:14px} #format_gallery_slider{width:288px} #format_gallery_slider .gall_slides > li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:288px;height:162px} #format_gallery_slider .gall_navy.on_bottom{bottom:0} #format_gallery_slider .gall_prev_next.on_center span.gall_next{left:262px} #format_gallery_slider .gall_slides li .img_caption{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;bottom:auto;font-size:11px;line-height:17px;margin:0;padding:9px 33px;top:0} .gall_navy a{height:10px;margin-right:5px;width:10px} .gall_prev_next span{font-size:15px;min-width:26px;padding:6px 0 3px} h2{font-size:20px;line-height:30px;margin:0 0 25px} body{font-size:13px;line-height:1.5em} h4{font-size:18px} blockquote{padding:10px 14px} .entry_meta > li{font-size:12px;letter-spacing:0;margin-bottom:5px} .posts_widget_list li h3{font-size:14px} .comment-reply-title{font-size:20px} .flickr_widget_block .flickr_badge_image{height:66px;width:66px} .flickr_widget_block .flickr_badge_image:nth-of-type(4n+4){margin:0 0 7px} .flickr_widget_block .flickr_badge_image:nth-of-type(6n+6){margin:0 7px 7px 0} .dribbble-widget-item{width:92px} .dribbble-widget-item:nth-child(3n+3){margin-right:0} .dribbble-widget-item:nth-child(5n+5){margin-right:6px} .posts_widget_list li{float:none;width:100%} .posts_widget_list li:nth-child(2n+2){padding-left:0} #submit-comment{padding:7px 9px} #comments .children{border-left:none;padding-left:0} #comments .children:after{display:none} #comments .single_comment .comment_content{margin-left:0} span.comment_meta{line-height:20px} .has_bg .search_block form input.serch_input,.search_block form input.serch_input{height:36px;width:246px;} .search_block form .search_btn{font-size:15px;height:36px;width:36px;line-height:36px} .header_content{padding:20px 0} #go-top{bottom:16px;height:37px;right:16px;width:37px} #go-top a{font-size:12px;line-height:33px} .next_and_prev{clear:both;float:left;margin:0 0 25px} .page_full_width .related_posts .inside h3 a{font-size:17px;padding-top:20px;text-align:center} .entry_meta > li.no_margin{display:none} .post_thumbnail{margin-bottom:10px} .members .post_thumbnail{margin-bottom:20px} #share_post{clear:both} .next_and_prev .previous_post a,.next_and_prev .next_post a{margin-left:0;margin-right:8px} a.mobile-menu{font-size:20px;height:33px;line-height:36px;right:45px;width:33px} a.search_box_on_top{font-size:13px;height:33px;line-height:30px;width:33px} .close_search{font-size:9px} .posts_section .content_wrap,.archive_section .content_wrap,.page_section .content_wrap{padding:20px 0} .page_title h1,.post_title{font-size:20px} .tp-rightarrow.default,.tp-leftarrow.default{height:30px;width:30px} .top_details span.details-on-top{margin-right:15px} .pagetop .languages{margin-right:15px} .text-area h1{width:95%;font-size:16px} .rev-title-d{font-size:33px} .rev-title-e{font-size:11px} .text-area a{margin:10px 4px 0;padding:3px 9px;font-size:14px} .content_section .about-content{width:95%;float:none;min-height:0;padding:20px 0} .content_section .about-content .top{margin:10px auto 15px} .header{font-size:30px} .page-desc{font-size:18px} .f-box .f-box-head{font-size:20px} .f-box:nth-of-type(2n),.f-box{width:95%;margin:20px auto;padding:10px;float:none} .services-box{margin-top:0} .nav-tabs li a{font-size:14px;padding:12px} .tab-pane .tab-description{float:none;width:100%} .history-timeline .note:after{right:-10%} .history-timeline .note:nth-of-type(2n):after{left:-10%} .filters{font-size:15px} .filters li a,.filters li:last-child a,.filters li:first-child a{display:block;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-left:1px solid #dcdddd;font-size: 13px;margin: 4px auto;padding: 6px 10px;} .portfolio-description h4{font-size:16px} .work{width:99%;margin:10px auto;float:none} .portfolio-image .zoom{left:35%} .portfolio-image .detail{right:35%} #services .bottom-bg{background:none} .progress{height:13px} .welcome-banner-text span:after{display:none} .welcome-banner-text{font-size:20px} #services .bottom-bg{min-height:0;margin:40px auto 0} .service-text .item{height:auto;margin:20px auto} .packages .package{width:95%;float:none} .history-timeline .note:after{right:-11%} .history-timeline .note:nth-of-type(2n):after{left:-11%} } @media only screen and (max-width: 360px) { h4.main_title_four { line-height: 30px; } .the_content .welcome-banner-text > h2 { padding: 0 38px; } .the_content h3 { font-size: 17px; line-height: 27px; } .the_content .welcome-banner-text > h2 { font-size: 16px; } .welcome-banner-text p { font-size: 13px; line-height: 21px; } #commentform input[type="text"] { float: none; height: 34px; width: 100%; } .not_found_desc { font-size: 14px; letter-spacing: 1px; line-height: 22px; } .not_found404 { line-height: normal; font-size: 150px; line-height: 140px; text-shadow: 0 0 16px rgba(0, 0, 0, 0.4); -moz-text-shadow: 0 0 16px rgba(0, 0, 0, 0.4); -webkit-text-shadow: 0 0 16px rgba(0, 0, 0, 0.4); } .quote_content {padding: 6px 15px 10px;width: 100%;} .quote_date {width: 100%;} .quote_day {font-size: 37px;} .quote_mounth {font-size: 12px;} .quote_content h4 {font-size: 13px;line-height: 23px;margin: 2px 0 0;} .quote_author {font-size: 11px;} .section-title-white h3, h3{font-size:18px;line-height:25px} .portfolio-image .button{height:34px;width:34px;line-height:34px} .portfolio-description{padding:9px 0} .tp-rightarrow.default,.tp-leftarrow.default{height:30px;width:30px} .intro_section{padding:30px 0} .important_links{padding:30px 0 40px} .content{padding:30px 0} .content.pagetop{padding:0} .client-say-carousel{padding-bottom:50px} .important_links_slide{padding:25px 15px 0} .important_links .carousel .s-controls{height:35px;width:35px;top:4px} .important_links .carousel a.right .fa,.important_links .carousel a.left .fa{font-size:20px;line-height:33px} .intro_section a,.welcome-banner-text a.more_a,a.load_more{font-size: 14px; padding: 7px 11px;} .welcome-banner-text{font-size:14px} h1{font-size:24px} h3,.h3{font-size:20px} .intro_section h1{font-size:18px} .subtitle{font-size:16px} .numbers-blocks{margin-top:80px} .intro_section a { font-size: 14px; padding: 7px 11px; } .pagetop a{margin:0 1px} .top-social-media a{height:30px;line-height:30px;width:30px;font-size:14px} .top_details span.details-on-top{margin-right:15px} .pagetop .languages{margin-right:15px} .numbers-item-margin{margin-top:0} .last-in-mobile-a{margin-bottom:0!important} .nav-tabs li a{font-size:13px;padding:9px} .text-area a{margin:10px 4px 0;padding:3px 6px;font-size:12px} .p1{font-size:17px} .rev-title-a{font-size:16px;margin:10px 0;color:#202E37} .rev-title-c,.rev-title-b{font-size:8px;margin:20px auto} .rev-title-d{font-size:16px} .rev-title-e{font-size:7px} .rev-title-f{font-size:18px;color:#202E37} .p5{font-size:18px} .rev-title-f{font-size:20px} .numbers-blocks .counter .value{font-size:30px} .numbers-blocks .counter .numbers_title{font-size:16px} .numbers-blocks .fa{bottom:91px;font-size:30px;height:50px;line-height:50px;width:60px} .main_caption,.section-title-white p{font-size:18px} .services-box{margin-top:0} .progress{height:12px} .progress-texts span{font-size:15px} .clients-say-item img{margin:0 auto;width:auto;float:none;text-align:center;margin-bottom:20px} .client-comment-block{float:none;margin:0 auto;width:95%} .clients-say-item .client-comment{color:#222;font-size:16px;padding:15px} .clients-say-item .client-comment:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(255,255,255,0.4);border-style:solid;border-width:8px;content:"";top:-16px;left:50%;right:auto;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .history-timeline .timeline-item h4{font-size:16px} .history-timeline .timeline-item div.article{color:#9D9D9D;font-size:13px;font-weight:300} .history-timeline .timeline-item{padding:10px} .history-timeline .timeline-item:nth-of-type(2n):after{left:-9.8%} .history-timeline .timeline-item:after{border:2px solid #4da5f5;content:"";height:13px;right:-9.8%;top:13px;width:13px} .plans-prices .plane_price_col{} .contact-social a{font-size:16px;height:40px;line-height:40px;margin:0 5px 10px 0;width:40px} #contact-form .btn{padding:8px 15px} } @media only screen and (max-width: 320px) { .plane_price_col{width: 100%;padding: 0 8px; margin-bottom: 15px;} .rev-title-b{font-size:12px} .p5{font-size:8px!important} a.dark_button{font-size:9px!important;padding:9px 6px!important} #share_post a:nth-child(5n+5){margin-right:-1px} .section-title-white-desc{font-size:14px;line-height:22px} .services-box > h4 i{font-size:20px;height:45px;line-height:45px;margin-right:12px;width:45px} .clients-say-item .client-name-and-jop{font-size:12px} .portfolio_meta_row .meta_desc{font-size:12px} .portfolio_meta_row .meta_title span{font-size:13px} ul.featured_list li{font-size:12px} #portfolio_gallery{width:208px} #portfolio_gallery .gall_slides > li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:208px;height:117px} #portfolio_gallery .gall_navy.on_bottom{bottom:5px} #portfolio_gallery .gall_prev_next.on_center span.gall_next{left:185px} .porto_desc,.member_description_b .desc_con{line-height:22px} .top_search_block input{font-size:12px;height:32px;padding:4px 8px} .footer-logo{letter-spacing:1px;font-size:20px;padding:11px 10px} .copyright{letter-spacing:0;margin:16px 0 0} .related_posts .inside h3 a{font-size:14px} .comment-reply-title{font-size:18px} .widget_title{font-size:16px} .social_links_widget a{font-size:15px;height:35px;line-height:35px;margin:0 8px 8px 0;width:35px} .social_links_widget a:nth-child(5n+5){margin-right:0} .pagetop .col-xs-6{padding:0} .top_details span.details-on-top{margin-right:0} .top_details{line-height:20px} .top-social-media a{margin-bottom:9px} .next_and_prev .previous_post a,.next_and_prev .next_post a{height:32px;line-height:31px} .post_tags_list > li a{padding:2px 7px} .format_block{margin-bottom:15px} .entry_meta > li{font-size:11px} body{font-size:13px} #format_gallery_slider{width:208px} #format_gallery_slider .gall_slides > li{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;width:208px;height:117px} .gall_navy.on_bottom{bottom:0} #format_gallery_slider .gall_prev_next.on_center span.gall_next{left:185px} .gall_prev_next.on_center{height:30px} .gall_slides li .img_caption{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;bottom:auto;font-size:12px;line-height:19px;margin:0;padding:7px 12px;top:0;display:none} .gall_prev_next span{font-size:14px;min-width:23px;padding:5px 0 1px} .gall_navy a{height:9px;margin-right:5px;width:9px} .flickr_widget_block .flickr_badge_image:nth-of-type(3n+3){margin-right:0} .flickr_widget_block .flickr_badge_image{height:64px;width:64px} .dribbble-widget-item{width:65px} .dribbble-widget-item:nth-child(3n+3){margin-right:0} .dribbble-widget-item:nth-child(5n+5){margin-right:6px} .has_bg .search_block form input.serch_input,.search_block form input.serch_input{height:34px;width:168px} .search_block form .search_btn{font-size:13px;height:34px;width:34px} a.mobile-menu{font-size:20px;height:30px;line-height:32px;right:40px;width:30px} a.search_box_on_top{font-size:13px;height:30px;line-height:24px;width:30px} #go-top{bottom:16px;height:30px;right:16px;width:30px;display:none!important} #go-top a{font-size:11px;line-height:27px} .post_thumbnail a .post_img_zoom,.gall_slides > li a > .post_img_zoom{font-size:15px;height:35px;line-height:37px;width:35px} .related_posts .owl-buttons{display:none} .page_title h1,.post_title{font-size:16px} .header_content{padding:15px 0} .content.pagetop{padding:0} .rev-title-a{font-size:12px;margin:10px 0;color:#202E37} .rev-title-f{font-size:15px;color:#202E37} .welcome-banner-text{font-size:14px} h1{font-size:24px} h3,.h3{font-size:20px} .intro_section h1{font-size:16px} .subtitle{font-size:16px} .intro_section a,.welcome-banner-text a.more_a,a.load_more{font-size:14px;padding:8px 9px} .numbers-blocks .col-xs-6{width:100%;margin-bottom:60px} .numbers-item-margin{margin-top:0} .last-in-mobile-a{margin-bottom:0!important} .numbers-blocks .counter .value{font-size:30px} .numbers-blocks .counter .numbers_title{font-size:16px} .numbers-blocks .fa{bottom:91px;font-size:30px;height:50px;line-height:50px;width:60px} .main_caption{font-size:16px} .services-box{margin-top:0} .progress{height:12px} .progress-texts span{font-size:14px} .clients-say-item img{margin:0 auto;width:auto;float:none;text-align:center;margin-bottom:20px} .client-comment-block{float:none;margin:0 auto;width:95%} .clients-say-item .client-comment{color:#222;font-size:14px;padding:10px} .clients-say-item .client-comment:after{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(255,255,255,0.4);border-style:solid;border-width:8px;content:"";top:-16px;left:50%;right:auto;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} .history-timeline .timeline-item h4{font-size:12px;line-height:18px} .history-timeline .timeline-item div.article{color:#9D9D9D;font-size:12px;font-weight:500} .history-timeline .timeline-item{padding:10px} .plans-prices .plane_price_col{} .contact-social a{font-size:16px;height:40px;line-height:40px;margin:0 5px 10px 0;width:40px} #contact-form .btn{padding:8px 15px} .services-box .services-box-icon{display:block;float:none;left:auto;margin:10px auto;text-align:center;top:auto} .services-box > h4 a{font-size:15px} .services-box .feature-box-info{padding:0;font-size:13px} .tab-pane .tab-description{padding:0 15px} .tab-pane .tab-image{margin-bottom:15px;padding:0 15px} .tab-pane{padding:15px 0} .progress-content{padding:15px} .skills-description{font-size:14px;letter-spacing:0;line-height:23px} h4{font-size:18px;margin:15px 0} .main_caption,.section-title-white p{font-size:16px;padding:10px} }