html, body { } i { font-style: normal; } body { color: #fff; -ms-word-wrap: break-word; word-wrap: break-word; overflow-x: hidden; } .carousel-nav { opacity: 0; position: absolute; top: 60%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100%; } .serv_corusel:hover .carousel-nav, .mycarousel3:hover .carousel-nav, .team_corusel:hover .carousel-nav { opacity: 1; top: 50%; } .owl-carousel .owl-item img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce .owl-item { } .woocommerce .owl-item .woo-item-wrap { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; border: 2px solid rgba(255,255,255,.1); padding: 0 ; } .woo-item-content { padding: 30px; } .woo-title { margin: 0 0 30px; text-transform: uppercase; } .woocommerce .owl-item img { min-width: 100%; } .carousel-nav a { font-size: 27px; } .nav-prev { border: 2px solid; border-color: inherit; border-radius: 50px; height: 70px; left: -70px; line-height: 70px; position: absolute; text-align: center; transition: all 0.1s ease-in-out 0s; width: 70px; } .nav-next { border: 2px solid; border-color: inherit; border-radius: 50px; height: 70px; line-height: 70px; position: absolute; right: -70px; text-align: center; transition: all 0.1s ease-in-out 0s; width: 70px; } .nav-next:hover, .nav-prev:hover { background: none repeat scroll 0 0 #fff; border-color: inherit; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); color: #000 !important; } /* HEADER */ header { min-height: 100px; width: 100%; position: fixed; top: 0; z-index: 1000; } #logo { float: left; } .mid_box { padding: 90px 0px; } a, a:hover, a:focus, a:active { text-decoration: none; outline: none; } .nav { float: right; } nav li { list-style: none; float: left; } nav ul { margin: 0; padding: 0; position: relative; z-index: 999; } nav a { text-transform: uppercase; color: #fff; text-decoration: none; width: auto; padding: 0 10px 10px; margin-right: 5px; line-height: 32px; display: block; text-align: center; position: relative; overflow: hidden; min-width: 60px; } nav a:hover { color: #fff !important; } nav a span.hover { position: absolute; width: 100%; top: -42px; left: 0; height: 35px; transition: all .5s; } nav a span.arr { display: none; } nav a span.menu_name { position: relative; z-index: 1000; display: block; } nav li.current a span.hover { transition: all .5s; top: 0px !important; } .dropdown nav li.current a span.hover { height: 100%; } nav a:hover span.hover { transition: all .5s; top: 0px !important; } .nav.js{ position: relative; } header.dropdown{ height: auto;min-height: 78px; background: #000000; } header.dropdown #menu_back{ background: transparent; } header.dropdown #logo img{ margin-top: 20px; } header.dropdown .head_box { content: ''; border-width: 60px 2880px 0 0; /*border-style: solid dashed solid solid;*/ border-style: solid solid solid solid; border-color: #000000 transparent transparent transparent; width: 0px; height: 0px; position: absolute; top: 100%; } header.dropdown nav{ position: relative; } header.dropdown nav #menu_current{ position: relative; z-index: 3; margin-top: 20px; } #menu_current a{ text-align: right; text-indent: 10px; margin: 0; font-size: 12px; text-transform: uppercase; background: #000000; line-height: 12px; padding: 11px; width: 120px; font-weight: bold; font-family: Roboto; cursor: pointer; display: block; border-top-width: 0; -moz-transition:opacity .8s ease-in-out; -webkit-transition:opacity .8s ease-in-out; -o-transition:opacity .8s ease-in-out; transition:opacity .8s ease-in-out; } #menu_current a:hover span.menu_name{ color: #ffffff !important; } #menu_current a span.hover{ display: none; } #menu_current.hide a{ /*position: absolute;*/ opacity: 0; } #menu_current:after { content: ''; position: absolute; height: 100%; width: 100%; z-index: 2; background: black; top: -100%; left: 0; } #menu_current.home a{ text-align: left; } #menu_current.home span.menu_name:after{ content: "\f107"; position: absolute; right: 0;left: auto; } #menu_current span.menu_name:after{ content: "\f060"; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 22px; position: absolute; right: auto;left: 0; } header.dropdown .nav nav ul{ /*position: absolute;top: 0;*/ /*width: 100%;z-index: 3;*/ /*background: rgba(0,0,0,0.5);*/ /*transform: translate(0px, -360px);*/ /*-moz-transform: translate(0px, -360px);*/ /*-webkit-transform: translate(0px, -360px);*/ /*transition: all 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;*/ /*-moz-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;*/ /*-webkit-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;*/ } header.dropdown .nav nav ul{ opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; width: 100%; z-index: 3; background: rgba(0,0,0,0.5); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header.dropdown .nav nav ul.opened{ opacity: 1; visibility: visible; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } header.dropdown .nav nav ul li{ float: none; display: block; } header.dropdown .nav nav ul li a{ margin: 0; text-align: left; text-indent: 20px; padding: 5px; } header.dropdown .nav nav li:hover a span.hover{ height: 100%; } /* SERVICES */ #services { } .service_box { } .serv_top { border-color: transparent transparent #ff9900 transparent; } .serv_bot { border-color: transparent #ff9900 transparent transparent; } #services .back2top { border: #ff9900 solid 1px; color: #ff9900; } .serv_mid { background: #ff9900; padding: 30px 0; } /* SERV COROUSEL */ .mycont { margin: 0 auto 50px auto; overflow: hidden; max-width: 1170px; } .mycarousel { list-style: none; margin: 0; padding: 0; } .mycarousel li { text-align: center; padding: 0; width: 280px; float: left; visibility: hidden; } .serv_link { text-decoration: none; } .mycarousel li h2 { text-transform: uppercase; } /* PORTFOLIO */ .intro_pad { padding: 170px 0 0 !important; } .intro_pad > h4 { opacity: .5; } .portfolio_main { position: relative; z-index: 1; } /**** Isotope Filtering ****/ .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; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /**** 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 */ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #filters, .pf_iso_filter { list-style: none; text-align: center; } #filters li, .pf_iso_filter li { display: inline; } #filters li a, .pf_iso_filter li a { border-radius: 2px; color: #fff; display: inline-block; font-size: 14px; font-weight: 500; margin: 0 8px; padding: 10px 15px; text-decoration: none; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; } #filters li a.selected, .pf_iso_filter li a.selected { background: rgba(0,0,0,0.1); } .isotope-item { margin: 0px 0 15px 0; overflow: hidden; } .iso_inner { position: relative; } .over_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.3s cubic-bezier(.63, .08, .35, .92); -moz-transition: all 0.3s cubic-bezier(.63, .08, .35, .92); -o-transition: all 0.3s cubic-bezier(.63, .08, .35, .92); -ms-transition: all 0.3s cubic-bezier(.63, .08, .35, .92); transition: all 0.3s cubic-bezier(.63, .08, .35, .92); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-backface-visibility: hidden; text-align: center; } .isotope-item:hover .over_box { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .over_box_pad { padding: 15px; } .over_box_inner { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom: 15px; left: 15px; padding: 15px; position: absolute; right: 15px; top: 15px; } .portfolio_name { color: #fff; display: block; font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; top: 20px; transition: all 0.4s ease-in-out 0.2s; opacity: 0; } .portfolio_desc { position: relative; top: 30px; font-size: 12px; letter-spacing: 1px; opacity: 0; text-transform: uppercase; transition: all 0.4s ease-in-out 0.2s; } .portfolio_date { display: block; color: #44a5ac; } .portfolio_pop { border: 2px solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #fff; display: block; font-size: 14px; height: 50px; left: 50%; line-height: 45px; position: absolute; text-align: center; text-decoration: none; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 50px; margin-top: 40px; } a.portfolio_pop:hover .icon-search { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } #portfolio a:not(.back2top):hover { background: none repeat scroll 0 0 #fff; border-color: #fff; } .portfolio.isotope-item:hover .portfolio_name { opacity: 1; top: 0; } .portfolio.isotope-item:hover .portfolio_desc { opacity: .5; top: 0; } .load_more { position: relative; border: 2px solid; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display: inline-block; font-size: 12px; font-weight: 900; letter-spacing: 1px; margin-top: 20px; padding: 10px 40px 10px 20px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .load_more i { display: inline-block; float: right; font-size: 20px; position: absolute; right: 10px; top: 10px; } /* PRICING TABLE */ .pricing_table_main { z-index: 1; position: relative; } .pricing_table .span4 { width: 32.5%; } .pricing_table .span3 { width: 24.5%; } .pricing_table .span4, .pricing_table .span3{ display: inline-block; border: transparent solid; border-width: 10px 0; transition: all .5s; -webkit-transition: all .5s; overflow-x: hidden; } .pricing_table .pt_title { font-weight: 500 !important; } .pt_title { border-top-left-radius: 2px; border-top-right-radius: 2px; } .pricing_table .span4:hover, .pricing_table .span3:hover{ transition: all .5s; -webkit-transition: all .5s; border: #fff solid 10px; } .pricing_table { text-align: center; margin: 0px 0 50px; } .pricing_table > div { border-radius: 2px; } .pt_price span { font-size: 44px; font-weight: 600; } .pt_price sup { top: -18px; } .pt_pay { -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } .pt_pay > a { border: 2px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 20px; font-size: 14px; letter-spacing: 1px; font-weight: 600; transition: all 0.3s ease-in-out 0s; } .pt_pay > a:hover { background: #fff; border-color: inherit; } .c_title { font-weight: 700; font-size: 32px; text-transform: uppercase; line-height: 40px; margin: 140px 0 0px 0px; } .c_quot { background: #fff none repeat scroll 0 0; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #555 !important; display: inline-block; font-size: 50px !important; font-weight: 400; height: 50px; left: 0; line-height: 75px; margin: 20px auto; position: absolute; right: 0; text-align: center; width: 50px; opacity: 1; } .c_quot .plug { display: block; font-size: 70px; margin: 30px auto; opacity: 0.1; text-align: center; width: 90px; } .c_block { font-size: 17px; font-weight: 300; text-align: center; } .c_author { color: rgba(255, 255, 255, 0.5); display: block; font-weight: 500; margin: 20px 0; text-align: center; text-transform: uppercase; } .lines.sub_title.text_center.c_quot { height: 0; } .hapy_boys { margin: 0 auto; max-width: 70%; } .hapy_boys .c_block.text_left .testimonial_img{text-align:center;} .hapy_boys .c_block .c_entry p { margin: 30px; } .testimonial_img{ } .testimonial_img img { -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important; margin: 0 auto; max-width: 100px; } .mobview { display: none; } @media screen and (max-width: 768px) { .mobview { width: 110px;position: absolute;top: 4px;left: 28%; display: block; } .mobview .amount { font-size: 13px; } } @media screen and (max-width: 480px) { .hapy_boys .c_block.text_left .testimonial_img{ width: 100%; display: block; float: none; padding: 0; } .hapy_boys .c_block.text_left .testimonial_img img{ width: 25%; } .hapy_boys .c_block .c_entry{ width: 100%; } } /* ABOUT US TEEM */ .about_us_main { position: relative; z-index: 1; } .tooltip{ color: #000 !important; } .team_corusel .mycont { padding: 75px 0 0; } .team_corusel .jcarousel-prev, .team_corusel .jcarousel-next { top: -75px; } .team_corusel { font-weight: 300; margin-top: -50px; } .team_photo { position: relative; } .team_post { position: absolute; top: 10px; left: 10px; width: 280px; height: 170px; font-size: 37px; padding: 80px 0 0; background: url(../images/redbg.png) repeat; display: none; } .team_name { border-bottom: 1px solid rgba(255,255,255,.2); font-size: 18px; font-weight: 500; letter-spacing: 0; margin-bottom: 35px; padding: 25px 15px; text-transform: uppercase; } .team_entry { margin-bottom: 15px; min-height: 140px; } .team_social { display: block; height: 50px; margin: 30px; } .team_social a { border: 2px solid; border-radius: 50px; display: inline-block; font-size: 15px; height: 40px; line-height: 15px; margin: 0 3px; opacity: 0.5; padding: 10px; text-align: center; width: 40px; transition: all 0.3s ease-in-out 0s; } #about_us .team_social a:hover { background: none repeat scroll 0 0 #fff; border-color: inherit; color: #000; opacity: 1; } .speed_container { margin: 30px 0 0; overflow: hidden; } .speed_box { width: 18%; float: left; margin: 0 1%; position: relative; text-align: center; } .knob_box { position: relative; } .knob_title { font-weight: 500; text-transform: uppercase; margin-top: 10px; opacity: .6; } /* CONTACT US */ .contact_us_main { position: relative; z-index: 1; } .contact_us_main .contact_title { margin-bottom: 50px; } .google_map { margin-bottom: 50px; } .google_map iframe { width: 100%; } #map_canvas { height: 350px; } /* FOOTER */ footer { margin: -60px 0 0; background: #000000; padding: 80px 0 30px; } .footer_intro, .footer_widgets{ padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 60px; } .footer_intro h1, .footer_intro h2 { text-transform: uppercase; text-align: center; } .social_line { list-style: none; text-align: center; margin: 40px 0 0; padding:0px; } .social_line li { display: inline; } /* .footer_widgets { padding-bottom: 40px; border-bottom: #2f2f2f solid 1px; margin-bottom: 60px; } */ .latest_tweet ul { list-style: none; margin: 0; padding: 0; } .latest_tweet ul li { padding-left: 40px; background: url(../images/bird.png) no-repeat left top; color: #fff; font-size: 14px; font-weight: 300; font-style: italic; margin-bottom: 15px; } .latest_tweet ul li .tweet_time a { color: #4c4c4c; display: block; text-decoration: none; } /*.date {*/ /*font-size: 12px;*/ /*font-style: normal;*/ /*color: #2f2f2f;*/ /*}*/ .fpost h6 a { color: #fff; text-decoration: none; text-transform: none; } #flickr_badge_wrapper tr { float: left; } .footer_bottom { color: #4c4c4c; font-weight: 300; font-size: 14px; } .footer_bottom .flogo img { opacity: .25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; max-width: 50%; } .footer_bottom .flogo:hover img { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .footer_bottom a { color: #fff; } .mob_nav { display: none; } /* BLOG */ .post { margin: 0 0 50px 0; padding-bottom: 50px; background: url(../images/whiteline.png) repeat-x bottom; } .post h2 a { text-transform: uppercase; color: #fff; text-decoration: none; } .post_thumb { background: url("../images/whiteline.png") repeat scroll 0 0 rgba(0, 0, 0, 0); margin: 25px 0; padding: 5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .post_thumb img { width: 100%; height: auto; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .entry { margin-bottom: 50px; } .single_post .entry { margin: 50px 0; } #share .span2 { font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .avatar { float: left; margin-right: 15px; border-radius: 50%; } .post_info { margin: 0; padding: 0; } .post_info li { display: inline-block; font-size: 13px; text-transform: uppercase; line-height: 40px; color: #fff; margin: 0 15px 5px; } .post_info li .circ { border: 2px solid #fff; border-radius: 50%; color: #fff; display: inline-block; font-size: 17px; height: 44px; margin-right: 10px; text-align: center; width: 43px; } .post_info li a { color: #fff; text-decoration: none; } .post_info li.read_more a { color: #fff; display: block; text-decoration: none; } .post_info li.read_more a span { border: 2px solid #ffffff; border-radius: 50%; display: block; float: left; font-size: 22px; height: 44px; line-height: 44px; margin-right: 15px; text-align: center; width: 44px; } .pagination ol { text-align: center; margin: 0 0 30px; padding: 0; } .pagination ol li { display: inline-block; margin: 0 10px; } .pagination ol li a, .pagination ol li span.page { display: block; width: 62px; height: 62px; color: #fff; text-decoration: none; border: #fff solid 1px; border-radius: 50%; line-height: 62px; } .pagination ol li span.current { background: #fff; color: #fff; } .single_date { float: left; text-transform: uppercase; font-size: 12px; text-align: center; margin-bottom: 25px; } .single_post > h2 { margin-left: 100px; text-align: left; min-height: 105px; } .single_date .circ { border: 2px solid #fff; border-radius: 50%; color: #fff; display: inline-block; font-size: 24px; font-weight: 500; line-height: 62px; margin-bottom: 10px; margin-right: 10px; text-align: center; width: 62px; } .post_nav { text-align: left; margin: 0; padding: 0; margin-bottom: 30px; } .post_nav li { display: inline-block; margin: 0; } .post_nav li.prev_post a { } .post_nav li.prev_post a::before { border: 2px solid; border-radius: 50%; content: "\e603"; display: block; font-family: parasponsive; font-size: 22px; height: 40px; line-height: 40px; text-align: center; width: 40px; } .post_nav li.next_post a { } .post_nav li.next_post a::before { border: 2px solid; border-radius: 50%; content: "\e600"; display: block; font-family: parasponsive; font-size: 22px; height: 40px; line-height: 40px; text-align: center; width: 40px; } .post_nav li.back_blog a { } .post_nav li.back_blog a::before { content: "\e601"; font-family: parasponsive; width: 40px; height: 40px; border: 2px solid; display: block; text-align: center; border-radius: 50%; line-height: 40px; font-size: 22px; } .entry table { width: 100%; margin-bottom: 20px; } .entry table td { padding: 3px; } .entry table tr.odd td { background: rgba(0, 0, 0, 0.3); } .entry dl dt { font-weight: bold; } .alignleft { float: left; } .alignright { float: right; } .navigation { padding: 15px 0; overflow: hidden; } .post_nav li a { display: block; width: 62px; height: 62px; opacity: .8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post_nav li a:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post_thumb { clear: both; } .wp-caption { max-width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); padding: 5px 5px; border-radius: 5px; text-align: center; } .wp-caption img { } .aligncenter { margin: 0 auto; } .wp-caption-text { } .sticky { background: rgba(255, 0, 0, 0.3); } .gallery-caption { background: rgba(0, 0, 0, 0.5); padding: 5px 5px; } .bypostauthor { } .tag { } .tags { } #share { border-bottom: rgba(255, 255, 255, 0.2) solid 1px; padding-bottom: 20px; margin-bottom: 30px; margin-top: 20px; } #comments { padding: 20px 0 0; overflow: hidden; clear: both; } .commentlist li { list-style: none; } .avatar { float: left; margin-right: 15px; } .avatar img { background: rgba(255, 255, 255, 0.5); padding: 4px; } .comment_info { line-height: 18px; } .comment_info cite, .comment_info span { font-size: 18px; } .comment_info a { text-decoration: none; color: #fff; font-size: 14px; } .comment_info .fn { font-style: normal; font-weight: normal; } .reply { float: right; margin-top: -35px; } .comment-author { overflow: hidden; margin-bottom: 15px; } .comment-reply-link:before { content: "\f10d"; float: left; margin-right: 10px; font-family: "FontAwesome"; font-size: 12px; line-height: 22px; } .comment-reply-link { border: 1px solid transparent; border-radius: 25px; color: #fff; display: block; font-size: 15px; font-weight: 800; letter-spacing: 1px; padding: 5px 15px; text-decoration: none; text-transform: uppercase; } .comment-reply-link:hover { border: rgba(255, 255, 255, 0.5) solid 1px; background: rgba(0, 0, 0, 0.1); color: #fff; } .comment_entry { display: inline-block; margin-left: 87px; position: relative; } .comment_entry::before { background: none repeat scroll 0 0 #fff; content: ""; height: 1px; opacity: 0.2; position: absolute; top: -5px; width: 30px; } ul.children { padding: 0px 0 0 25px; } .comment-body { padding: 25px 0 0; border-top: 1px dashed rgba(255,255,255,.2); } textarea#comment { width: 100%; height: 100px; } .commenter_info { margin: 25px 0 0; clear: both; } #respond { overflow: hidden; border-top: 1px solid rgba(255,255,255,.2); margin-bottom: 30px; padding: 25px 0; clear: both; } #sidebar > div { margin-bottom: 40px; } #searchsubmit { position: absolute; top: -9999px; display: none; } #s { } #sidebar ul { border-top: 1px solid rgba(255, 255, 255, 0.2); list-style: outside none none; margin: 15px 0; padding: 30px 10px; } #sidebar ul li a { float: left; position: relative; text-align: left; text-decoration: none; margin: 5px 10px; } #sidebar ul li a::before { border: 2px solid; border-radius: 50%; content: "\e600"; font-family: parasponsive; font-size: 14px; height: 20px; left: -31px; line-height: 16px; position: absolute; text-align: center; top: 0; width: 20px; } .widget_recent_comments li a::before { content: ""; display: none; } .widget_categories ul li.cat-item-1 { display: none; } #sidebar ul li { clear: both; padding: 10px 20px; text-align: right; } #sidebar ul li a:hover, #sidebar ul li.current-cat a { } .widget_nav_menu > div > ul li.current-menu-item > a { background: #fff; color: #454545; } .widget_nav_menu > div > ul > li > a { clear: both; overflow: hidden; } .widget_nav_menu > div > ul > li > ul { margin: 0 0 0 10px !important; } .widget_recent_comments li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border-radius: 26px; margin-bottom: 10px; padding: 10px; text-align: left !important; } .widget_recent_comments li:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-radius: 26px; margin-bottom: 10px; color: #000; padding: 10px; text-align: left !important; } .widget_recent_comments li:hover a{ color: #ff9900; } .widget_recent_comments li a { float: none !important; display: inline-block !important; } .recent_post { padding: 10px 0; background: url(../images/whiteline.png) repeat-x top; overflow: hidden; } .recent_post_left { float: left; margin-right: 15px; } .recent_post_right { float: left; margin-left: 0px; width: 190px; } .widget_date { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; color: #000; background: #fff; font-size: 12px; padding: 5px 10px; display: inline-block; } .recent_post a { text-decoration: none; } .recent_post_left img { width: 50px; height: 50px; background: rgba(255, 255, 255, 0.5); padding: 4px; } .tagcloud a { display: inline-block; padding: 2px; border-bottom: rgba(255, 255, 255, 0.5) solid 2px; margin: 2px; text-decoration: none; } /* SHORTCODE */ .one_half, .one_third, .two_third, .three_fourth, .one_fourth { margin-right: 4%; float: left; line-height: 21px; margin-bottom: 20px; position: relative; } .one_half { width: 48%; } .one_third { width: 30.6666%; } .two_third { width: 65.3332%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } #main .last { margin-right: 0 !important; clear: right; } .clearboth { clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow: hidden; } .nav-tabs { overflow: hidden; list-style: none; margin: 0; padding: 0; background: url(../images/wline.png) repeat-x bottom; } .nav-tabs li a { display: block; float: left; border-bottom: #fff solid 3px; padding: 10px; margin-right: 1px; text-decoration: none; font-size: 15px; color: #fff; background: rgba(0, 0, 0, 0.3); } .nav-tabs li.active a { background: #fff; color: #000; } .tab_content { padding: 20px 10px; } /* Progress Bar */ body .progress-bar { width: 100%; } .progress-bar { background: transparent; height: 37px; border: 2px solid #fff; position: relative; margin-bottom: 10px; overflow: hidden; } .progress-bar-content { background: #fff; height: 37px; } .progress-bar .progress-title { font-size: 14px; color: #000; font-weight: normal; position: absolute; top: 10px; left: 13px; } .progress-bar .percentage { font-size: 14px; color: #626363; font-weight: normal; position: absolute; top: 10px; left: 90%; } /* Meet the team */ .person { text-align: center; } .person-img { margin-bottom: 25px; } .person-author-wrapper { margin-bottom: 25px; } .person-author-wrapper span { display: block; } .person-author a { display: inline-block; height: 19px; } .person-author .social-icon { display: block; float: right; position: relative; margin-left: 19px; margin-top: 10px; } /* Button */ .buttons a { margin-right: 30px; } .button { text-decoration: none; display: inline-block; margin: 0 0 10px 10px; } .button:hover { color: #000; } .button.large { text-transform: uppercase; text-align: center; padding: 17px 26px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #fff; font-weight: bold; font-size: 19px; line-height: 19px; } .button.small { color: #fff; text-transform: uppercase; text-align: center; padding: 15px 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: 15px; } .button.black { background: #000; } .button.black:hover { background: #fff; color: #000; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.orange { transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; background: #ff6d00; } .button.orange:hover { background: #ff3a00; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.blue { background: #36848a; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.blue:hover { background: #1c464a; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.red { background: #8e2b22; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.red:hover { background: #4c1712; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.white { background: #fff; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; color: #000; } .button.white:hover { color: #fff; background: #000; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.grey { background: #3a3a3a; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.grey:hover { background: #1f1f1f; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.darkblue { background: #283d54; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.darkblue:hover { background: #15212d; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.green { background: #346118; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } .button.green:hover { background: #264712; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; } /* Alert */ .alert { padding: 8px; text-align: center; position: relative; } .alert .msg { padding: 0 50px 0 10px; } .alert .toggle-alert { position: absolute; top: 8px; right: 25px; display: block; width: 12px; height: 12px; text-decoration: none; color: red; } .alert .toggle-alert:before { content: "\f00d"; font-family: FontAwesome; } .alert.general { border: 1px solid #d7d6d6; } .alert.general .msg:before { font-family: FontAwesome; content: "\f0c6"; float: left; } .alert.error, .wpcf7-not-valid-tip { background: #ffe9e9 !important; border: 1px solid #e7a9a9 !important; color: #d04544 !important; } .alert.error .msg:before { font-family: FontAwesome; content: "\f071"; float: left; } .wpcf7-not-valid-tip:before { font-family: FontAwesome; content: "\f071"; float: left; margin-right: 10px;} .alert.success { background: #e9f3d2; border: 1px solid #acd556; color: #92b750; } .alert.success .msg:before { font-family: FontAwesome; content: "\f14a"; float: left; } .alert.notice, .wpcf7-validation-errors { background: #fbf6e3; border: 1px solid #e7d48d; color: #cfb306; } .alert.notice .msg:before, .wpcf7-validation-errors:before { font-family: FontAwesome; content: "\f05a"; float: left; } .wpcf7-validation-errors:before { margin-right: 10px;} /* More Shortcodes */ .highlight1 { background: #fff; padding: 2px; color: #000; } .highlight2 { background: #000; color: #fff; padding: 2px; } .dropcap { font-size: 60px; margin-right: 6px; padding-top: 11px; text-transform: uppercase; float: left; position: relative; top: 5px; padding-bottom: 11px; } .video-shortcode { margin-bottom: 25px; } .social_links_shortcode ul { margin-left: 0; padding-left: 0; } .social_links_shortcode .social li { display: inline-block; position: relative; width: 30px; margin-bottom: 20px; } .error_page .useful_links { width: 25.06%; padding-left: 5%; } .fontawesome-icon { display: inline-block !important; float: left; } .fontawesome-icon { margin-right: 10px; } .fontawesome-icon.circle-yes { -moz-border-radius: 75px; -webkit-border-radius: 75px; border-radius: 75px; background-color: #333333; color: #fff; text-align: center; margin-top: 2px; } .fontawesome-icon.large { font-size: 40px; } .fontawesome-icon.large.circle-yes { width: 70px; height: 70px; line-height: 70px; } .fontawesome-icon.medium { font-size: 18px; } .fontawesome-icon.medium.circle-yes { width: 35px; height: 35px; line-height: 35px; } .fontawesome-icon.small { font-size: 10px; } .fontawesome-icon.small.circle-yes { width: 18px; height: 18px; line-height: 18px; } .fontawesome-icon.circle-no.large { margin-top: 2px; } .fontawesome-icon.circle-no.medium { margin-top: 3px; } .fontawesome-icon.circle-no.small { margin-top: 5px; } .icon-heading .fontawesome-icon { margin-top: -6px !important; } .content-boxes .heading .fontawesome-icon { float: left; } .content-boxes .heading-and-icon h2 { padding-left: 45px; } .shortcode-tabs .tab_content ul.arrow { float: none; } .container .last { clear: right; margin-right: 0 !important; } .columns { overflow: hidden; margin: 0 0 80px; } .columns .col { float: left; width: 23%; padding: 0 2.6666666% 0 0; } .columns-3 .col { width: 31.42857% } .columns-3 .col:nth-child(3n+1) { clear: both; } .columns-3 .col:nth-child(3n) { padding-right: 0; } .columns-4 .col { width: 23%; padding: 0 2.6666666% 0 0; } .columns-4 .col:nth-child(4n+1) { clear: both; } .columns-4 .col:nth-child(4n) { padding-right: 0; } .columns .col.last { padding: 0; } .col .heading { overflow: hidden; margin: 0 0 15px; } .col .heading img { float: left; margin: 0 10px 0 0; } .col p { margin: 0 0 23px; } h4.toggle { overflow: hidden; margin: 0; } h4.toggle a { cursor: pointer; color: #fff; overflow: hidden; margin: 0; padding: 10px 0px; text-decoration: none; float: left; width: 100%; background: url(../images/whiteline.png) repeat-x top; } h4.toggle.active a { border-bottom: 0; } h4.toggle span.arrow:before { font-family: FontAwesome; display: block; width: 40px; height: 40px; float: left; border: #fff solid 2px; border-radius: 50%; color: #fff; font-size: 22px; line-height: 40px; text-align: center; margin-right: 18px; content: "\f078"; transition: all .5s; } h4.toggle.active span.arrow:before { content: "\f077"; transition: all .5s; } h4.toggle span.toggle-title { float: left; width: 90%; } .toggle-content { padding-bottom: 15px; position: relative; display: none; padding-left: 60px; } .reading-box { overflow: hidden; padding: 28px 28px 27px 31px; background: rgba(0, 0, 0, 0.3); margin: 0 0 50px; } .container .reading-box h2 { margin: 0 0 7px; } .reading-box p { margin: 15px 260px 0 0 !important; } .mobile-button { display: none !important; margin: 20px 0 0; } .continue { float: right; } .clear { clear: both; } .review { clear: both; } .post-entry .plug { color: #fff; } .reviews { max-width: 600px; margin: 0 auto; text-align: center; } .review blockquote { background: none !important; border-left: none !important; padding: 0 !important; margin: 0 !important; } .review blockquote q { display: block; } .review blockquote div { display: block; padding: 12px 0 0 2px; overflow: hidden; color: #fff; font-style: normal !important; } .review blockquote div strong { padding: 0; font-style: normal !important; } .review blockquote div span { font-style: normal !important; } .review a { text-decoration: none; } .review blockquote div { line-height: 15px; } .review blockquote div .company-name { padding-left: 53px; display: block; min-height: 29px; padding-top: 6px; font-style: normal !important; } .social-networks { list-style: none; margin: 0; padding: 0; clear: both; } .social-networks li { display: inline-block; margin: 0 10px; } .social-networks li a:before { font-family: zocial; } img.alignleft { float: left; margin: 0 10px 5px 0; } img.alignright { float: right; margin: 0 0 5px 10px; } .pricing_table_sc > div { margin-bottom: 10px; } .pricing_table_sc ul { list-style: none; padding: 0; margin: 0; text-align: center; } .pricing_table_sc ul li { margin: 0 !important; } .title-row { background: rgba(0, 0, 0, 0.4); padding: 15px 0; text-transform: uppercase; font-size: 24px; } .pricing-row { background: rgba(0, 0, 0, 0.3); padding: 15px 0; font-size: 40px; font-weight: bold; } .pricing-row .exact_price { } .pricing-row sup { font-size: 24px; } .pricing-row .time { font-weight: normal; font-size: 16px; } .normal-row { text-transform: uppercase; background: rgba(0, 0, 0, 0.2); padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .footer-row { background: rgba(0, 0, 0, 0.2); padding: 20px 0; } .page_tit { padding-bottom: 50px; } ul.arrow { list-style: none; } ul.arrow li:before { content: "\f054"; float: left; font-family: FontAwesome; margin-right: 5px; } ::-webkit-input-placeholder { color: #fff; font: inherit; } :-moz-placeholder { color: #fff; font: inherit; } .placeholder { color: #fff; font: inherit; } .id_page { margin: 0 0 60px 0; } #gmap { min-height: 350px; color: #000; } .team_entry p { margin: 0; } #flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited { display: block; float: left; margin: 5px; } .id_page { padding-top: 150px;} .section_exc { margin-bottom: 25px;} .pagination ol li { display: inline-block; margin: 0 10px; } .margin-top-20{ margin-top:20px; } .margin-left-30{ text-indent: 30px; } .margin-left-15{ text-indent: 15px; } .search-results { margin: auto; } .search-results i{ font-size: 40px; padding: 40px; } .search-results input{ width: 200px; } .search-results span{ background: rgba(0,0,0,0.5); } .search-results .btn{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #fff; color: #000; padding:11px; margin: auto; margin-right: 20px; text-decoration: none; } .search-results .btn:hover{ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #000; color: #fff; padding:11px; margin: auto; margin-right: 20px; text-decoration: none; } .search-results hr{ border-top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .e-entry-title{ color:#fff !important; } #instagram_widget img { width: 75px; height: auto; } #instagram_widget li { float: left; margin: 0px; } iframe.c100{ width: 100%; height: 100%; } .instagram_likes,.instagram_caption{ margin-bottom: 0px !important; } #instagram_widget li{ margin-bottom: 10px; } iframe{ margin: 0; border: 0; } .widget ul { list-style: none; margin: 0; padding: 0; } .option-set.clearfix { margin-bottom: 30px; } .post h2 { margin-bottom: 60px; } #single-portfolio { background: #44A5AC; margin-bottom: 60px; padding: 100px 0 0; } #single-portfolio .plug { background: #44A5AC; }