@import url(https://fonts.googleapis.com/css?family=Raleway:400,600); body { font-family: 'Open Sans', sans-serif; color: #212121; } img { height: auto; max-height: 100%; border: medium none; } p { font-size: 13px; } a { text-decoration: none !important; } h4 { color: #212121; } /*------------------------------------ header ----------------------------*/ .fixed-header { background-color: rgb(255, 255, 255); width: 100%; border-bottom: 1px solid #e6e6e6; } .theme-container { padding: 0; } .navbar-fixed-top { border-width: 0 0 1px; color: #212121; } .top-header { margin-top: 10px; margin-bottom: 10px; } .top-menu { margin-top: 5px; } .header-logo { margin-top: 2px; } .header-logo h4 { font-size: 21px; font-weight: bold; margin: 0px; margin: 4px 0 0; } .side-toggle { background-color: #2c3e50; } .side-toggle .icon-bar { background-color: white; } .mymenu { list-style: none; margin-bottom: 0; margin-top: 4px; text-align: right; } .mymenu li a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; } .mymenu li { display: inline-block; padding-left: 15px; padding-right: 15px; } ul.mymenu li ul li { display: block; } .mymenu li a:hover, .mymenu li a:focus, .mymenu .active a { color: #019779; } .caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; } .navbar-default .navbar-nav>.active>a { color: #212121; background: none; } li.active a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; } li a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; } .navbar-default .navbar-nav>li>a { color: #212121; } li.active a:hover { color: #019779; } .dropdown-menu>li>a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; padding: 4px 1px; line-height: 25px; } .navbar-default .navbar-nav>.active>a:hover { color: #019979; background: none; } .navbar-default .navbar-nav>li>a:hover { color: #019779; } .navbar-default .navbar-nav>.open>a:hover { color: #019779; } .navbar-default .navbar-nav>.open>a { background: none; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { width: auto; float: right; } nav.navbar.navbar-default { background: none; border: none; margin-bottom: 0; min-height: inherit; } .dropdown-menu>li>a:hover { color: #019779; } .nav .open>a:hover { background: none; } .nav .open>a { background: none; } li.open b.caret { transform: rotate(180deg); transition: all ease .1s; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: transparent; } /*------------------------------------ Carousel Header Styles ----------------------------*/ .carousel-inner .item .container { width: 100%; float: left; } .header-text { color: #fff; position: absolute; bottom: 45%; text-align: center; } .text-center5 h2 { margin-top: 20px; margin-bottom: 20px; } .text-center5 h2 span { font-size: 42px; font-weight: 800; color: white; padding: 0px; margin: 0px; } .text-center5 h3 span { font-size: 28px; font-weight: 800; padding: 0px; margin: 0px; } .my-control, .carousel-control.left, .carousel-control.right { background-color: rgba(0, 0, 0, 0.8); background-image: none; bottom: 45%; height: 100px; top: 45%; width: 30px; } .my-control, .carousel-control.left span, .carousel-control.right span { font-size: 20px; margin-top: -10px; } .carousel-control .my-control .left .my-control, .carousel-control .my-control .right .my-control, .carousel-control my-control.icon-next, .carousel-control my-control .icon-prev { font-size: 20px; } /*------------------------------------ blog page css start here ----------------------------*/ .heading { height: 300px; width: 100%; margin-top: 60px; background: #019779; margin-bottom: 100px; } .title h3 { color: #fff; font-size: 50px; margin-top: 50px; font-weight: normal; margin-bottom: 20px; } .title b { font-size: 55px; color: #ffffff; border-bottom: 5px solid #fff; padding-bottom: 25px } .working h5 { margin: 0px; padding: 20px 0px; font-weight: bold; } .model h5 { margin: 0px; padding: 20px 0px; font-weight: bold; } .working p { margin: 0px; padding-right: 15px; color: #545454; margin-bottom: 5px; line-height: 20px; } .working2 p { margin: 0px; padding-right: 15px; color: #545454; margin-bottom: 5px; line-height: 20px; } .working2 h5 { margin: 0px; padding: 20px 0px; font-weight: bold; } .working2 { margin-top: 45px; } .model p { margin: 0px; padding-right: 15px; color: #545454; margin-bottom: 5px; line-height: 20px; } button.btn.btn-default.read { margin: 20px 0px; border-radius: 0px; background: #ffffff; color: #000000; border-color: #019779; padding: 8px 40px; } .btn-default:hover { background: #019779; color: #ffffff; transition: 0.9s all; } .mymenu .active a { color: #000000; } input#pwd.form-control.filter_search { border: 1px solid #000; font-size: 13px; border-radius: 0px; margin-bottom: 40px; padding-left: 10px; } .main-sidebar h5 { font-size: 18px; font-weight: bold; border-bottom: 5px solid #019779; padding-bottom: 10px; } p.comment-form-author, .comment-form-email, .comment-form-url { width: 31%; display: inline-block; margin-right: 10px; box-sizing: border-box; } .popular_filter, .popular_filter1 { padding-left: 0px; padding-right: 0px; } .popular_filter1 { margin-bottom: 20px; } .widget-tags h5 { font-size: 18px; font-weight: bold; border-bottom: 5px solid #019779; padding-bottom: 10px; } .sub_category { line-height: 15px; margin-top: 20px; margin-bottom: 20px; } .sub_category ul { margin: 0px; padding: 0px; } .sub_category ul li { list-style-type: none; padding-bottom: 5px; } .sub_category ul li a { color: #545454; font-size: 13px; line-height: 20px; } .sub_category a:hover { color: #019779; } .sub_popular img { float: left; margin-right: 20px; } .sub_popular h6 { font-size: 15px; font-weight: bold; margin-bottom: 10px; line-height: 21px; } .sub_popular { padding-bottom: 10px; padding-top: 10px; } .sub_popular p { color: #545454; margin-bottom: 10px; } button.btn.btn-default.tags_button { margin-bottom: 20px; margin-top: 20px; border-radius: 0px; margin-left: 2px; } button.btn.btn-default.tags_button.blog_read { width: 34%; margin-left: 0px; } .btn-default:hover { background: #019779; color: #ffffff; } .ads_banner { float: left; padding-right: 10px; padding-top: 10px; } img.ads_banner2 { padding-top: 10px; } .leather h5 { font-weight: bold; font-size: 16px; padding-top: 25px; margin-bottom: 15px; } .leather ul { margin: 0px; padding: 0px; } .leather ul li { list-style-type: none; display: inline; float: left; } .leather ul li a { padding-right: 10px; color: #545454; } .text p { font-size: 14px; line-height: 23px; padding-top: 15px; color: #545454; text-align: justify; } .admin { padding-left: 0px; } .admin img { float: left; } .admin h6 { padding-top: 10px; font-weight: bold; font-size: 15px; } .admin p { font-size: 14px; line-height: 23px; padding-top: 10px; color: #545454; } i.fa.fa-facebook { color: #000000; padding-top: 10px; padding-bottom: 10px; } i.fa.fa-facebook.home { color: #ffffff; padding-top: 10px; padding-bottom: 10px; } i.fa.fa-linkedin.home { color: #ffffff; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; } i.fa.fa-twitter.home { color: #ffffff; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; } i.fa.fa-twitter { color: #000000; padding-left: 10px; } i.fa.fa-linkedin { color: #000000; padding-left: 10px; } .admin { margin-bottom: 50px; padding-top: 35px; } .comment h5 { font-weight: bold; font-size: 16px; padding-top: 10px; word-spacing: 5px; border-bottom: 1px solid gainsboro; padding-bottom: 10px; } .comment { margin-bottom: 50px; } input#email.form-control { border-radius: 0px; font-size: 13px; font-weight: 400; margin-right: 30px; padding: 10px 40px; padding-left: 10px; } input#pwd.form-control { border-radius: 0px; font-size: 13px; font-weight: 400; margin-right: 30px; padding: 10px 40px; padding-left: 10px; } .leave_form { margin-bottom: 40px; } button.btn.btn-default.comment_button { border-radius: 0px; width: 15%; margin-bottom: 40px; margin-left: 14px; } .btn-default:hover { background: #019779; color: #ffffff; } textarea#comment.form-control { width: 97%; margin-left: 14px; border-radius: 0px } .footer_page { padding-top: 70px; padding-bottom: 60px; } .footer_logo h4 { font-size: 21px; font-weight: bold; } .footer_logo p { font-size: 14px; line-height: 22px; padding-top: 10PX; color: #545454; } .footer_address h5 { text-transform: uppercase; text-align: center; font-weight: 600; margin-bottom: 30px; } .footer_address span { padding-left: 30%; margin-bottom: 15px; display: block; } i.fa.fa-envelope { color: #545454; margin-right: 5px; } i.fa.fa-map-marker { color: #545454; margin-right: 10px; } span a { color: #545454; } span a:hover { color: #019779; } i.fa.fa-phone { color: #545454; margin-right: 10px; } .sub1_category ul { margin: 0px; padding: 0px; } .sub1_category ul li { list-style-type: none; padding-bottom: 8px; } .sub1_category ul li a { color: #545454; font-size: 14px; } .sub1_category { padding-left: 38%; } .instagram a:hover { transition: 0.9s all; opacity: 0.5; } /*ABOUT US PAGE CSS START HERE*/ .about { top: 50%; position: absolute; color: #000000; letter-spacing: 10px; } .about h1 { font-size: 45px; } .rightside_text h3 { font-size: 20px; color: #212121; font-weight: 400; letter-spacing: 1px; } .rightside_text p { font-size: 14px; line-height: 23px; padding-top: 20px; color: #545454; text-align: justify; } /*Skill set*/ .wraper { width: 470px; margin: 50px auto; } .wraper:before, .wraper:after { display: table; content: " "; } .wraper:after { clear: both; } /* Skills Style 5 */ .skillst5 .skillbar { width: 95%; height: 20px; background-color: #f1f1f1; position: relative; margin-bottom: 30px; padding: 4px; box-sizing: border-box; } .skillst5 .count-bar { width: 95%; height: 12px; width: 0px; position: relative; } .skillst5 .count-bar.color-1 { background-image: -moz-linear-gradient(#239191 0%, #18b1b0 49.88%, #239191 100%); background-image: -o-linear-gradient(#239191 0%, #18b1b0 49.88%, #239191 100%); background-image: -webkit-linear-gradient(#239191 0%, #18b1b0 49.88%, #239191 100%); background-image: linear-gradient(#239191 0%, #18b1b0 49.88%, #239191 100%); } .skillst5 .count-bar.color-2 { background-image: -moz-linear-gradient(#33495d 0%, #4a637c 49.88%, #33495d 100%); background-image: -o-linear-gradient(#33495d 0%, #4a637c 49.88%, #33495d 100%); background-image: -webkit-linear-gradient(#33495d 0%, #4a637c 49.88%, #33495d 100%); background-image: linear-gradient(#33495d 0%, #4a637c 49.88%, #33495d 100%); } .skillst5 .count-bar.color-3 { background-image: -moz-linear-gradient(#f1c30f 0%, #fbd954 49.88%, #f1c30f 100%); background-image: -o-linear-gradient(#f1c30f 0%, #fbd954 49.88%, #f1c30f 100%); background-image: -webkit-linear-gradient(#f1c30f 0%, #fbd954 49.88%, #f1c30f 100%); background-image: linear-gradient(#f1c30f 0%, #fbd954 49.88%, #f1c30f 100%); } .skillst5 .count-bar.color-4 { background-image: -moz-linear-gradient(#297fb9 0%, #149ef9 49.88%, #297fb9 100%); background-image: -o-linear-gradient(#297fb9 0%, #149ef9 49.88%, #297fb9 100%); background-image: -webkit-linear-gradient(#297fb9 0%, #149ef9 49.88%, #297fb9 100%); background-image: linear-gradient(#297fb9 0%, #149ef9 49.88%, #297fb9 100%); } .skillst5 .count-bar.color-5 { background-image: -moz-linear-gradient(#ff5b01 0%, #f96620 49.88%, #d94f0d 100%); background-image: -o-linear-gradient(#ff5b01 0%, #f96620 49.88%, #d94f0d 100%); background-image: -webkit-linear-gradient(#ff5b01 0%, #f96620 49.88%, #d94f0d 100%); background-image: linear-gradient(#ff5b01 0%, #f96620 49.88%, #d94f0d 100%); } .skillst5 .title { position: absolute; line-height: 25px; top: -25px; left: 0; padding-left: 10px; font-size: 13px; } .skillst5 .count-bar .count { position: absolute; line-height: 18px; top: -28px; right: -20px; width: 40px; height: 18px; color: #fff; text-align: center; } .skillst5 .count-bar .count span { position: relative; display: block; } .skillst5 .count-bar .count span:after { position: absolute; left: 50%; margin-left: -4px; top: 18px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; } .skillst5 .count-bar.color-1 .count { background-color: #239191; } .skillst5 .count-bar.color-1 .count span:after { border-top: 4px solid #239191; } .skillst5 .count-bar.color-2 .count { background-color: #34495e; } .skill-set-5 .count-bar.color-2 .count span:after { border-top: 4px solid #34495e; } .skillst5 .count-bar.color-3 .count { background-color: #f1c40f; } .skillst5 .count-bar.color-3 .count span:after { border-top: 4px solid #f1c40f; } .skillst5 .count-bar.color-4 .count { background-color: #2980b9; } .skillst5 .count-bar.color-4 .count span:after { border-top: 4px solid #2980b9; } .skillst5 .count-bar.color-5 .count { background-color: #da500e; } .skillst5 .count-bar.color-5 .count span:after { border-top: 4px solid #da500e; } .team_title h3 { text-align: center; letter-spacing: 9px; font-size: 22px; } .team { padding-top: 80px; } .team_member { padding-top: 50px; } .developer h4 { font-size: 18px; font-weight: bold; text-align: center; padding-top: 5px; } .developer p { text-align: center; font-size: 14px; padding-top: 5px; } .heading2 { width: 100%; position: relative; margin-bottom: 100px; } .heading3 { width: 100%; background: url(../images/bg_bird.jpg) no-repeat; margin-top: 80px; } .column_inner { margin: 135px 0; text-align: center; } .column_inner h5 { font-size: 35px; letter-spacing: 5px; font-weight: normal; color: #000; padding-bottom: 10px } .column_inner span { font-weight: normal; letter-spacing: 1px; font-size: 14px; color: #000; text-transform: uppercase; } span.column2 { bottom: 100px; font-weight: normal; letter-spacing: 1px; font-size: 14px; color: #000; text-transform: uppercase; } span.column3 { font-weight: normal; letter-spacing: 1px; font-size: 14px; color: #000; text-transform: uppercase; } span.column4 { font-weight: normal; letter-spacing: 1px; font-size: 14px; color: #000; text-transform: uppercase; } .section { padding-top: 100px; } .icon_test { text-align: center; font-size: 25px; color: #019779; } .icon_test h5 { padding-top: 25px; padding-bottom: 25px; letter-spacing: 3px; color: #000000; } span.glyphicon.glyphicon-star-empty.glyphicon-lg { width: 60px; height: 60px; border: 1px solid #019779; border-radius: 50px; line-height: 58px; color: #019779; } span.glyphicon.glyphicon-cog { width: 60px; height: 60px; border: 1px solid #019779; border-radius: 50px; line-height: 58px; color: #019779; } span.glyphicon.glyphicon-refresh { width: 60px; height: 60px; border: 1px solid #019779; border-radius: 50px; line-height: 58px; color: #019779; } .icon_test p { font-size: 14px; line-height: 22px; padding-top: 10PX; color: #545454; } span.glyphicon.glyphicon-heart { width: 60px; height: 60px; border: 1px solid #019779; border-radius: 50px; line-height: 58px; color: #019779; } span.glyphicon.glyphicon-repeat { width: 60px; height: 60px; border: 1px solid #019779; border-radius: 50px; line-height: 58px; color: #019779; } span.glyphicon.glyphicon-ok-circle { width: 60px; height: 60px; border: 1px solid #019779; border-radius: 50px; line-height: 58px; color: #019779; } span.glyphicon.glyphicon-ok-circle:hover, span.glyphicon.glyphicon-repeat:hover, span.glyphicon.glyphicon-repeat:hover, span.glyphicon.glyphicon-heart:hover, span.glyphicon.glyphicon-refresh:hover, span.glyphicon.glyphicon-refresh:hover, span.glyphicon.glyphicon-cog:hover, span.glyphicon.glyphicon-star-empty.glyphicon-lg:hover { background: #000; transition: 0.9s all; } section.client_profile { margin-top: 80px; } .slider_client h2 { position: absolute; bottom: 400px; color: #ffffff; right: 440px; text-transform: uppercase; font-size: 22px; letter-spacing: 10px; } .my_work { padding-top: 80px; text-align: center; text-transform: uppercase; margin-bottom: 60px; } .my_work2 { padding-top: 80px; text-align: center; text-transform: uppercase; padding-bottom: 20px; } .window_icon span { float: left; color: #888; margin-right: 15px; font-size: 20px; } .window_icon h4 { margin-bottom: 10px; color: #000; } .window_icon p { margin-left: 35px; color: #888888; } .window_icon { margin-bottom: 30px; } .large_window { padding-bottom: 30px; } .plugin span { font-size: 18px; color: #333333; display: block; padding-top: 50px; width: 100%; } button.btn.btn-default.contact_us { padding-left: 15px; margin-top: 30px; width: 30%; border-radius: 0px; } .port_menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .port_menu li { float: left; } .port_menu li a { display: block; color: #000000; text-align: center; padding: 14px 20px; text-decoration: none; } .port_menu a:hover:not(.active) { background-color: #019779; color: #000000; border-radius: 5px; } .active1 { background-color: #019779; color: #ffffff; border-radius: 5px; margin-right: 20px; } .port_menu { padding-left: 170px; padding-top: 10px; } .pic_2 { padding-top: 50px; padding-bottom: 30px; } img.img-responsive.inner_slide { position: absolute; bottom: 183px; margin-left: -20px; } i.fa.fa-linkedin.footer_linked { color: rgb(255, 255, 255); padding-left: 0px; } img.img-responsive.inner_slide1 { position: absolute; bottom: 183px; margin-left: -10px; } img.img-responsive.inner_slide4 { position: absolute; bottom: 183px; margin-left: 15px; } img.img-responsive.inner_slide3 { position: absolute; bottom: 183px; } .inner_rightspace { margin-right: 0px; } .footer.fa.fa-facebook, .footer.fa.fa-twitter { color: #ffffff; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; } i.fa.fa-lightbulb-o { padding-top: 5px; } i.fa.fa-mobile { padding-top: 5px; } .form-group { margin-bottom: 30px; } /*ABOUT US PAGE CSS END HERE*/ /*PORTFOLIO PAGE CSS START HERE*/ .three_columns h2 { letter-spacing: 20px; color: #fff; font-size: 36px; font-weight: 500; text-transform: uppercase; } .grid_space { padding-bottom: 30px; } .three_columns { text-align: center; top: 50%; position: absolute; } .cp_main { margin-top: 30px; } .porti_title h2 { text-align: center; font-size: 22px; letter-spacing: 9px; margin-bottom: 60px; } .port_menu1 ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .port_menu1 li { float: left; } .port_menu1 li a { display: block; color: #000000; text-align: center; padding: 15px 30px; text-decoration: none; border: 1px solid #000000; margin-left: 10px; border-radius: 0px; font-size: 13px; } .porfolio-title h2 { text-align: center; font-size: 22px; letter-spacing: 9px; margin-bottom: 30px; margin-top: 20px; } .port_menu1 a:hover:not(.active) { background-color: #ffffff; color: #019779; border: 1px solid #019779; } .port_menu1 { padding-top: 15px; padding-bottom: 80px; } .port_space2 { padding-top: 40px; } .port_space3 { padding-top: 40px; padding-bottom: 100px; } .four_columns { padding-top: 40px; } .four_columns1 { padding-top: 40px; padding-bottom: 120px; } /** Caption 6: Scale **/ #mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p { position: relative; left: -200px; width: 170px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .three_columns h3 { font-size: 16px; color: #ffffff; letter-spacing: 10px; font-weight: 600; margin-top: 20px; } .single_text { margin-top: 20px; margin-bottom: 20px; line-height: 24px; text-align: justify; } .single_text1 p { font-size: 14px; color: #666; letter-spacing: 1px; font-style: italic; line-height: 20px; margin-bottom: 20px; } .single_text2 p { font-style: italic; font-size: 14px; text-transform: uppercase; color: #000; margin-bottom: 20px; } .single_text4 p { margin-top: 20px; line-height: 24px; text-align: justify; } .left_single h5 { padding-top: 15px; letter-spacing: 2px; font-size: 16px; color: #000000; font-weight: 600; padding-bottom: 30px; } .single_categories ul li { float: left; padding-top: 3px; } .single_categories ul a { text-transform: capitalize; padding-left: 5px; color: #888; line-height: 20px; } .single_categories a:hover { color: #019779; } .single_categories { padding-bottom: 30px; } .single_relesed li { list-style-type: none; } .single_relesed { padding-top: 25px; } .single_relesed li strong { padding-left: 2px; } .single_relesed li span { color: #888888; } /*portfolio 4 columns image effect start here */ h1, h2, h3, h4 { padding: 0px; margin: 0px; } .caption-style-4 li { float: left; padding: 0px; position: relative; overflow: hidden; } .caption-style-4 li:hover .caption { opacity: 1; } .caption-style-4 li:hover img { opacity: 1; transform: scale(1.15, 1.15); -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); } .caption-style-4 img { margin: 0px; padding: 0px; float: left; z-index: 4; } .caption-style-4 .caption { cursor: pointer; position: absolute; opacity: 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .caption-style-4 img { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .caption-style-4 .blur { background-color: rgba(0, 0, 0, 0.65); height: 262px; width: 262px; z-index: 5; position: absolute; } .caption-style-4 .caption-text h1 { text-transform: uppercase; font-size: 22px; padding-bottom: 10px; padding-top: 10px; } .caption-style-4 .caption-text { z-index: 10; color: #fff; position: absolute; width: 262px; height: 262px; text-align: center; top: 100px; } /** Nav Menu */ ul.nav-menu { padding: 0px; margin: 0px; list-style-type: none; width: 490px; margin: 60px auto; } ul.nav-menu li { display: inline; margin-right: 10px; padding: 10px; border: 1px solid #ddd; } ul.nav-menu li a { color: #eee; text-decoration: none; text-transform: uppercase; } ul.nav-menu li a:hover, ul.nav-menu li a.active { color: #2c3e50; } /** content **/ .content { margin-top: 100px; margin-left: 100px; width: 700px; } .content h1, .content h2 { font-family: "Source Sans Pro", sans-serif; color: #ecf0f1; padding: 0px; margin: 0px; font-weight: normal; } .content h1 { font-weight: 900; font-size: 64px; } .content h2 { font-size: 26px; } .content p { color: #ecf0f1; font-family: "Lato"; line-height: 28px; font-size: 15px; padding-top: 50px; } p.credit { padding-top: 20px; font-size: 12px; } p a { color: #ecf0f1; } /*portfolio 4 columns image effect end here */ /*PORTFOLIO PAGE CSS END HERE*/ /*CONTACT PAGE CSS START HERE*/ .contact_single { letter-spacing: 20px; color: #FFF; font-weight: 500; text-transform: uppercase; position: absolute; top: 50%; text-align: center; } .contact_single h2 { font-size: 36px; } i.fa.fa-home.address_home { font-size: 21px; color: #019779; padding-right: 7px; line-height: 35px; } i.fa.fa-fax.address_fax { font-size: 21px; color: #019779; padding-right: 7px; line-height: 35px; } i.fa.fa-phone.address_phone { font-size: 21px; color: #019779; padding-right: 7px; line-height: 35px; } i.fa.fa-envelope-o.address_lope { font-size: 21px; color: #019779; padding-right: 7px; line-height: 35px; } .address_icon ul li { font-size: 16px line-height: 24px; padding-left: 0px; margin: 10px 0; } .contact_title h2 { text-align: center; letter-spacing: 10px; text-transform: uppercase; font-size: 24px; } .contact_title { padding-bottom: 55px; } .contact_subtitle p { text-align: center; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; line-height: 25px; } .contact_text p { line-height: 25px; text-transform: uppercase; font-size: 12px; } .contact_text { padding-top: 10px; } .contact_details { padding-top: 55px; } .contact_subtitle { padding-bottom: 50px; padding-top: 20px; } .form-group.contact_name label { padding-bottom: 5px; font-weight: normal; } .form-group.contact_name1 label { padding-bottom: 5px; font-weight: normal; } input#exampleInputname.form-control.contactname_box { border-radius: 0px; } input#exampleInputemail.form-control.contactname_box1 { border-radius: 0px; } .form-group.contact_name1 { padding-top: 15px; } .form-group.contact_message label { padding-bottom: 5px; font-weight: normal; } .form-group.contact_message { padding-top: 15px; } textarea#comment.form-control.contactmessage_box { margin-left: 0px; width: 100%; } .wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .contact_map { padding-top: 74px; } button.btn.btn-default.contact_button1 { padding: 8px 50px; border-radius: 0px; } .our-team .team-image img { width: 100%; height: auto; max-width: none; max-height: none; } /*CONTACT PAGE CSS END HERE*/ @media (min-width:768px) and (max-width:992px) { button.btn.btn-default.tags_button.blog_read { width: 50%; } .filter_category { padding-right: 0px; padding-left: 10px; } .ads_banner { padding-right: 5px; width: 110px; height: 110px; } .ads_banner2 { width: 110px; height: 105px; } .category { margin-bottom: 40px; } .leave_form { padding-right: 0; } textarea#comment.form-control { width: 93%; } } @media (max-width:767px) { button.btn.btn-default.tags_button.blog_read { width: 50%; margin-bottom: 50px; } .admin p { padding: 0px; } button.btn.btn-default.comment_button { width: 100px; } textarea#comment.form-control { width: 91%; } textarea#comment.form-control { margin: 0px; margin-left: 14px } .title b { padding-bottom: 0px; } .title h3 { margin-top: 30px; } .text { margin-top: 40px; } .leather img:hover { transform: scale(1.15, 1.15); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #fff; width: 100%; } .mymenu { text-align: left; } .navbar-nav { margin: 0; } .mymenu li a { line-height: 25px; } .navbar-default .navbar-nav .open .dropdown-menu > li >a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li >a:hover { color: #019779; } .navbar-default .navbar-nav .open .dropdown-menu > li >a { color: #000; } .contact-address ul li { float: left; min-width: 20px; font-size: 12px; } } /*------------------------------------ section ----------------------------*/ .section-box { margin-top: 100px; } .title { text-align: center; padding: 0 0 64px } .title > h2 { color: #2c3e50; font-size: 28px; font-weight: 900; margin: 0 0 15px; position: relative; } .title > p { color: #545454; } .title > p::after { border-bottom: 5px dotted #7d7d7d; content: ""; display: block; left: 50%; margin-left: -35px; margin-top: 20px; position: absolute; width: 70px; } /*----- bizzboss feature-----*/ .bizboss { padding-top: 180px; } .feature-box { border: 1px solid #dbdbdb; border-radius: 4px; text-align: center; position: relative; } .feature-box span { width: 80px; height: 80px; border: 1px solid #dbdbdb; border-radius: 4px; background-color: #ffffff; margin: 0 auto; position: absolute; right: 0; left: 0; top: -40px; } .feature-box .icon { color: #019779; font-size: 35px; padding-top: 22px; } .feature-box:hover span { background-color: #2c3e50; color: #ffffff; transition: all 0.3s ease-in-out 0s; } .feature-box:hover span i { color: #ffffff; } .feature-content { padding: 45px 0 40px; } .feature-box h5 { font-size: 16px; color: #212121; font-weight: bold; margin: 22px 0 15px; } .feature-box p { color: #545454; line-height: 2; padding: 0 53px; } .button-div { left: 0; text-align: center; width: 100%; padding-top: 10px; } .button-div a:hover { text-decoration: none; color: #ffffff; background-color: #019779; } .button-read { background-color: #ffffff; border-radius: 3px; border: 1px solid #dbdbdb; color: #2c3e50; display: inline-block; font-weight: bold; margin: 0 auto; padding: 8px 24px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; } /*-----------Work with us---------*/ .work-with-us { background-image: url("../images/blue-green-bg.png"); background-position: center center; background-size: cover; color: #ffffff; padding: 60px 0; } .work-with-us .work-body > img { display: block; max-width: 100%; } .inner-title h2 { font-size: 28px; font-weight: 900; } .inner-title p { line-height: 2; padding: 10px 10px 0 0; } .inner-title .button-div .button-read { float: left; } .team-image { line-height: 1px; border: 1px solid #dbdbdb; border-bottom-width: 5px; border-bottom-color: #2c3e50; position: relative; width: 100%; text-align: center; } .team-name { width: 100%; } .team-name h4 { font-size: 18px; font-weight: bold; padding: 0 0 0 15px; padding-top: 10px; padding-bottom: 10px; } .team-name p { font-size: 14px; padding: 0 0 15px 15px; } .caption-hover-icon ul { list-style: outside none none; padding-left: 0; text-align: left; } .caption-hover-icon ul li { display: inline; } .caption-hover-icon { position: absolute; left: 0; right: 0; bottom: 60px; text-align: center; background: rgba(1, 151, 121, 0.7); opacity: 0; } .caption-hover-icon a { font-size: 18px; font-weight: bold; color: #ffffff; padding: 0 4px; } .team-image:hover .caption-hover-icon { opacity: 1; padding-left: 10px; padding-top: 4px; margin-bottom: -4px; transition: opacity 0.35s ease 0s; } .team-image:hover .team-name h4 { border-bottom-width: 5px; border-bottom-color: rgba(1, 151, 121, 0.7); color: rgba(1, 151, 121, 0.7); } /*---------------- Awesome Features ------------*/ .awesome-section { padding: 68px 0 0 0; background-image: url("../images/new-york.jpg"); background-position: center; background-attachment: fixed; position: relative; color: #ffffff; } .blur-img { height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; top: 0; } .awesome-title h2 { color: #ffffff; border-color: #ffffff; } .awesome-title p { color: #ffffff; } .awesome-title p::after { border-bottom: 5px dotted #ffffff; } .awesome-section h4 { font-size: 18px; font-weight: bold; } .awesome-section p { color: #ffffff; font-size: 14px; line-height: 2; } .awesome-left-content, .awesome-right-content { margin-top: 44px; } .right-para { text-align: left; } .right-para h4 { padding-left: 70px; color: #ffffff; padding-top: 10px; } .left-para { text-align: right; } .left-para h4 { padding-right: 70px; color: #ffffff; padding-top: 10px; } .left-para p, .right-para p { padding-top: 29px; } .awesome-section .left-icon a { background-color: #019779; border-radius: 50px; color: #ffffff; font-size: 20px; height: 54px; margin-top: -5px; padding-top: 10px; text-align: center; width: 55px; float: right; } .awesome-section .right-icon a { background-color: #019779; border-radius: 50px; color: #ffffff; font-size: 20px; height: 54px; margin-top: -5px; padding-top: 10px; text-align: center; width: 55px; float: left; } .awesome-section .left-icon a:hover, .awesome-section .right-icon a:hover { background-color: #2c3e50; } /*---------------- Amazing Work ------------*/ .amazing-work { padding: 0; } .effect img { z-index: 10; } .effect a { cursor: pointer; text-decoration: none; } .effect img { height: auto; width: 100%; transition: opacity 0.35s ease 0s; } .caption-hover { position: absolute; bottom: 0; padding-top: 30px; padding-bottom: 30px; text-align: center; background: rgba(1, 151, 121, 0.7); opacity: 0; } .caption-hover a, .caption-hover h4 { font-size: 18px; font-weight: bold; margin: 0; padding: 0; color: #ffffff; } .amazing-work:hover .caption-hover { opacity: 1; width: 100%; transition: opacity 0.35s ease 0s; } /*----------------Our Vision Services Video -----------------*/ .our-section { background-color: rgb(249, 250, 251); border: 1px solid #dbdbdb; } .title-inner { padding: 0; padding-bottom: 10px; text-align: left; } .our-services { background-color: #ffffff; padding: 0; } .tab-content { border: 1px solid #dbdbdb; } .tab-content p { padding: 15px; text-align: justify; line-height: 20px; } .right-part, .left-part { padding: 0; text-align: center; } .mentum { text-align: justify; padding: 10px 4px; line-height: 20px; } .left-part img { height: 142px; } .right-part iframe { height: 142px; max-width: 100%; } .site-nav-tab li a { color: #212121; } .site-nav-tab li a:hover, .site-nav-tab li.active a, .site-nav-tab li.active a:focus { background-color: #019779; color: #ffffff; transition: all 0.3s ease-in-out 0s; } /*----------------Blog POsts -------------------*/ .main-blog {} .posts-image { padding: 0; } .posts-image img { width: 100%; } .latest-posts .owl-theme .owl-controls { margin-top: 10px; text-align: center; } .slide-blog { background-color: rgba(1, 151, 121, 0.7); color: #ffffff; bottom: 0; padding: 5px 15px; position: absolute; } .slide-blog h4 { color: #ffffff; font-weight: bold; } .update a { color: #019779; } .slide-blog .update { color: #ffffff; } .blog-post { margin-bottom: 30px; } .blog-post img { height: 112px; } .blog-head { color: #212121; font-weight: bold; margin: 0; padding-bottom: 15px; } .update { font-weight: bold; color: #019779; padding-top: 10px; } .lorem { border-bottom: 1px solid #dbdbdb; content: ""; display: block; left: 50%; padding-bottom: 10px; line-height: 20px; } /*------------------------- owl corousel ---------------------------*/ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 6px 9px; font-size: 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background: #019779; ; filter: Alpha(Opacity=50); /*IE7 fix*/ } .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } #owl-demo-latest-posts .owl-item > div img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #owl-demo-latest-posts.owl-item > div { text-align: center; padding: 50px 0px; margin: 3px; color: white; font-size: 32px; border: 1px white; } .wrapper-with-margin { margin: 0px 95px; } /*-------------------- Responsive Ready -------------------*/ .responsive-ready { background-image: url("../images/city.jpg"); padding: 68px 0 0 0; background-position: center; background-attachment: fixed; position: relative; color: #ffffff; } .responsive-ready.blur-img { background-color: rgba(0, 0, 0, 0.3); } .reponsive-title h2 { color: #ffffff; border-color: #ffffff; } .reponsive-title p { color: #ffffff; } .reponsive-title p::after { border-bottom: 5px dotted #ffffff; } .woo-image img { width: 100%; height: auto; } /*----- Testimonials & clients --------*/ .testimonial { margin: 0 auto; text-align: center; } .testimonial h4 { font-weight: bold; padding-top: 10px; padding-bottom: 10px; } .testimonial p { font-size: 14px; padding-bottom: 10px; } .describe p { border: 1px solid #dbdbdb; font-size: 12px; line-height: 2; padding: 16px; } #owl-demo .item img { display: block; width: 100%; height: auto; } .grayscale { border: 0 solid black; filter: grayscale(100%); padding-bottom: 24px; padding-right: 18px; } .grayscale:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; } /*----- Build your own style --------*/ .build-title { padding: 68px 0 0; } .download-section { background-image: url("../images/escalator.jpg"); padding: 68px 0 0 0; background-position: center center; background-attachment: fixed; position: relative; color: #ffffff; } .download-section .blur-img { background-color: rgba(0, 0, 0, 0.5); } .download-section h2 { color: #ffffff; } .download-section p, .download-section p::after { color: #ffffff; border: none; } .button { padding-top: 15px; padding-bottom: 135px; left: 0; text-align: center; width: 100%; } .button a:hover { text-decoration: none; color: #ffffff; background-color: #019779; } .button .button-read { padding: 12px 24px; margin-top: 10px; } /*-----------footer -----------------*/ .footer-box { background-color: #2c3e50; color: #ffffff; text-align: left; margin-top: 100px; font-family: 'Raleway', sans-serif; } .footer-box .footer-widget { display: inline-block; width: 100%; padding-bottom: 15px; } .widget-title { color: #ffffff; font-size: 22px; font-weight: 600; padding-bottom: 22px; padding-top: 38px; text-transform: capitalize; } .textwidget { color: #ffffff; font-size: 13px; line-height: 24px; } .footer-box .footer-widget ul { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .footer-widget ul { padding-left: 0; } .footer-box .popular-posts .posts > li { clear: both; } .footer-box .footer-widget .post-date, .footer-box .footer-widget table, .footer-box .footer-widget ul li { color: #fff; padding: 5px 0; } .footer-box .popular-posts .thumb { float: left; margin-right: 10px; margin-top: 10px; } .footer-box .footer-widget ul li a { color: #bbbbbb; font-weight: bold; } .footer-box .footer-widget ul li a { font-size: 13px; text-transform: uppercase; } .posts #p { font-weight: bold; line-height: 30px; margin-bottom: 9px; } .footer-box .footer-widget ul hr { border-color: #3D5870; margin-bottom: 10px; margin-top: 10px; } .footer-box .popular-posts .posts p a { display: table; margin: 5px 0; } .footer-box .footer-widget ul li a { color: #bbbbbb; font-weight: bold; } .footer-box .footer-widget ul li a { font-size: 13px; text-transform: uppercase; } .footer-box .footer-widget .post-date, .footer-box .footer-widget table, .footer-box .footer-widget ul li { color: #fff; } .footer-box .footer-widget ul { list-style: outside none none; } .footer-box .tagcloud > a { border: 1px solid #C0C0C0; color: #fff; display: inline-block; font-size: 12px !important; margin: 0 5px 8px 0; padding: 9px 14px; vertical-align: baseline; letter-spacing: 1px; } /*footer 1*/ .footer-box1 { background-color: #2c3e50; color: #ffffff; text-align: left; margin-top: 0px; padding-bottom: 25px; font-family: 'Raleway', sans-serif; } .footer-box1 .footer-widget ul { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .footer1-widget ul { padding-left: 0; } .footer-box1 .popular-posts .posts > li { clear: both; } .footer-box1 .footer-widget .post-date, .footer-box1 .footer-widget table, .footer-box1 .footer-widget ul li { color: #fff; padding: 5px 0; } .footer-box1 .popular-posts .thumb { float: left; margin-right: 10px; margin-top: 10px; } .footer-box1 .footer-widget ul li a { color: #bbbbbb; font-weight: bold; } .footer-box1 .footer-widget ul li a { font-size: 13px; text-transform: uppercase; } .posts #p { font-weight: bold; line-height: 30px; margin-bottom: 9px; } .footer-box1 .footer-widget ul hr { border-color: #3D5870; margin-bottom: 10px; margin-top: 10px; } .footer-box1 .popular-posts .posts p a { display: table; margin: 5px 0; } .footer-box1 .footer-widget ul li a { color: #bbbbbb; font-weight: bold; } .footer-box1 .footer-widget ul li a { font-size: 13px; text-transform: uppercase; } .footer-box1 .footer-widget .post-date, .footer-box1 .footer-widget table, .footer-box1 .footer-widget ul li { color: #fff; } .footer-box1 .footer-widget ul { list-style: outside none none; } .footer-box1 .tagcloud > a { border: 1px solid #C0C0C0; color: #fff; display: inline-block; font-size: 12px !important; margin: 0 5px 8px 0; padding: 9px 14px; vertical-align: baseline; letter-spacing: 1px; } /*footer 1*/ .footer-widget .tagcloud a { border: 1px solid #C0C0C0; color: #fff; } .tagcloud a { float: left; margin: 5px 5px 5px 0; padding: 10px 20px; } .footer-widget .contact-widget p { color: #ffffff; font-size: 13px; } .footer-widget .contact-widget a { color: #ffffff; } .contact-widget { line-height: 26px; } .social-icons a { font-size: 20px; color: #ffffff; padding: 8px 15px 8px 0; } /*------under footer-------------*/ .under-footer { background-color: #262626; width: 100%; padding: 20px 0 10px; font-family: 'Raleway', sans-serif; } .copyright-text, .back-to-top { padding: 0; } .copyright-text p { color: #f4f4f4; text-transform: capitalize; } .copyright-text a { color: #ffffff; } .back-to-top { text-align: right; } .back-to-top a i { font-size: 20px; margin-left: 5px; } .back-to-top a { background-color: #3e3e3e; border-color: transparent; border-style: solid; border-width: 1px; color: #019779; padding: 12px 15px 10px 10px; text-align: center; } /******** media screen ************/ @media (max-width: 567px) { .title { padding: 0 0 15px; } .team-image { text-align: center; } .carousel-control.my-control { height: 40px; top: 0; } .my-control, .carousel-control.left, .carousel-control.right { top: 20%; } .button { padding-bottom: 35px; } } @media (min-width: 568px) and (max-width: 767px) { .our-team { width: 50%; float: left; } .carousel-control.my-control { top: 195px; height: 60px; } .carousel-control.my-control { top: 155px; height: 60px; } } /*Mobile devices css Start here*/ @media (max-width: 767px) { .title > h2 { font-size: 20px; } .tablet-img { text-align: center; } .team-img { text-align: center; } .menu-class { overflow: hidden; width: 100%; height: 100%; float: left; background-color: #e5e5f2; } .side-toggle { margin-top: -4px; } .header-logo h4 { margin: 7px 0 0; } .left-para { text-align: left; } .navbar-header { float: right; } .mymenu { width: 100%; padding-left: 0; } .team-img { text-align: center; } .mymenu li { width: 100%; padding-left: 0; } .our-team { margin-top: 40px; } .right-part, .left-part { text-align: center; } .theme-container { padding: 0 15px 0 15px; } .title { padding: 0 15px; } .bizboss { padding-top: 10px; } .site-nav-tab li { width: 100%; } .feature-box { margin-top: 70px; } .button-div { display: inline-block; margin-bottom: 30px; } .widget-title { padding-bottom: 0; margin-top: 0; padding-top: 0; } .copyright-text { text-align: center; } .footer-box .footer-widget { padding-bottom: 0; } .footer-widget { margin-top: 25px; } .social-icons { padding-bottom: 20px; } .section-box { margin-top: 15px; } .blog-post { margin-top: 40px; } .title { /* margin-top: 30px;*/ margin-bottom: 15px; } .amazing-work { padding: 0 15px; } .amazing-work:hover .caption-hover { width: calc(100% - 30px); } /*About us page css start here*/ .about { bottom: 50px; color: #000000; letter-spacing: 10px; } .rightside_text p { font-size: 14px; line-height: 23px; padding-top: 20px; color: #545454 } .wraper { width: auto; } .skillst5 .title { top: -18px; } .team_title h3 { text-align: center; letter-spacing: 9px; font-size: 21px; } .image_mobile { padding-left: 40px; } .column_inner h5 { font-size: 24px; letter-spacing: 3px; font-weight: normal; color: #000; } .column_inner span { font-weight: normal; letter-spacing: 1px; font-size: 12px; color: #000; text-transform: uppercase; } span.column3 { left: 25px; } .icon_test { text-align: center; font-size: 25px; color: #019779; padding-top: 35px; } .section { padding-top: 0px; } .plugin span { padding-top: 0px; margin-left: 0px; } button.btn.btn-default.contact_us { margin-left: 0px; margin-top: 20px; border-radius: 0px; width: 30%; } .port_menu { padding-left: 15px; padding-top: 10px; } .port_menu { display: flex; justify-content: center; } .active1 { background-color: #019779; color: #FFF; border-radius: 5px; margin-right: 10px; } .heading3 { width: 100%; background: transparent url("../images/bg_bird.jpg") no-repeat scroll 0% 0%; margin-top: 30px; } .mobile_port { padding-top: 15px; } img.img-responsive.inner_slide { position: absolute; bottom: 115px; margin-left: 0px; } img.img-responsive.inner_slide1 { position: absolute; bottom: 115px; margin-left: 0px; } img.img-responsive.inner_slide3 { position: absolute; bottom: 115px; } img.img-responsive.inner_slide4 { position: absolute; bottom: 115px; margin-left: -15px; } /*About us page css end here*/ /*portfolio page css Start here*/ .port_menu1 li a { display: block; color: #000000; text-align: center; padding: 5px 5px; text-decoration: none; border: 1px solid #000000; margin-left: 7px; border-radius: 0px; font-size: 10px; } .porti_title h2 { text-align: center; letter-spacing: 3px; margin-bottom: 40px; font-size: 20px; } .single_text { margin-top: 25px; margin-bottom: 25px; line-height: 24px; text-align: left; } .single_text1 p { font-size: 14px; color: #666; letter-spacing: 1px; font-style: italic; line-height: 20px; margin-bottom: 25px; } .single_text2 p { font-style: italic; font-size: 14px; text-transform: uppercase; color: #000; margin-bottom: 25px; } .single_text4 p { margin-top: 20px; margin-bottom: 50px; line-height: 24px; text-align: left; } .left_single h5 { padding-top: 15px; letter-spacing: 2px; font-size: 16px; color: #000000; font-weight: 600; padding-bottom: 25px; } .single_relesed { padding-top: 25px; } .single_categories { padding-bottom: 0px; } .dropdown-menu > li > a { text-transform: uppercase; } .sub_popular img { float: left; margin-right: 15px; max-width: 100%; display: block; width: auto; } .admin img { float: left; max-width: 100%; width: auto; } /*portfolio page css End here*/ /*blog page css Start here*/ .heading { height: 220px; width: 100%; margin-top: 60px; background: #019779; margin-bottom: 30px; } .mobile_article h3 { font-size: 25px; padding-bottom: 0px; } .title b { font-size: 35px; color: #ffffff; border-bottom: 5px solid #000; padding-bottom: 5px; } .working p { padding-right: 15px; color: #545454; margin-bottom: 15px; line-height: 20px; } .working2 { margin-top: 0px } .sub_popular h6 { font-size: 15px; font-weight: bold; margin-bottom: 15px; } .contact_text p { line-height: 23px; text-transform: uppercase; font-size: 12px; padding-bottom: 30px; } .contact_button { margin-top: 15px; margin-bottom: 15px; } .title h3 { color: #000000; font-size: 25px; margin-top: 50px; font-weight: normal; margin-bottom: 20px; } /*blog page css End here*/ /*contact page css Start here*/ contact_title h2 { text-align: center; letter-spacing: 8px; text-transform: uppercase; font-size: 24px; padding-top: 60px; } .contact_text { padding-top: 0px; } .title > p { color: #545454; font-size: 12px; line-height: 19px; } .theme-container .title > p { color: #fff; } .theme-container .title > p.text_watch { color: rgb(0, 0, 0); font-size: 12px; line-height: 20px; } .title > h2 { font-size: 18px; } .theme-container .title > p.color-black { color: #000; } .feature-box h5 { font-size: 15px; color: #212121; font-weight: bold; margin: 22px 0px 15px; } .feature-box p { color: #545454; line-height: 2; padding: 0px 53px; font-size: 12px; margin-bottom: 5px; } a.button-read { font-size: 12px; } .inner-title h2 { font-size: 20px; font-weight: 900; } .inner-title p { line-height: 2; padding: 10px 10px 0px 0px; font-size: 12px; } .title > h2 { font-size: 20px; } .team-name h4 { font-size: 14px; font-weight: bold; padding: 10px 0px 10px 15px; } .team-name p { font-size: 12px; padding: 0px 0px 15px 15px; } .caption-hover-icon ul li { display: inline; padding-left: 5px; } .awesome-section h4 { font-size: 15px; font-weight: bold; } .awesome-section .left-icon a { background-color: #019779; border-radius: 50px; color: #FFF; font-size: 20px; height: 50px; margin-top: 0px; padding-top: 7px; text-align: center; width: 50px; float: right; } .left-para p, .right-para p { padding-top: 20px; font-size: 12px; } i.fa.fa-lightbulb-o { padding-top: 6px; } i.fa.fa-globe { padding-top: 6px; } .awesome-left-content, .awesome-right-content { margin-top: 44px; margin-bottom: 25px; } .awesome-section .right-icon a { background-color: #019779; border-radius: 50px; color: #FFF; font-size: 20px; height: 50px; margin-top: 0px; padding-top: 12px; width: 50px; float: right; } .right-para h4 { padding-left: 0px; color: #FFF; padding-top: 10px; } awesome-section .right-icon a { background-color: #019779; border-radius: 50px; color: #FFF; font-size: 22px; height: 40px; margin-top: 0px; padding-top: 7px; width: 40px; float: right } .caption-hover a, .caption-hover h4 { font-size: 15px; font-weight: bold; margin: 0px; padding: 0px; color: #FFF; } .our { margin-top: 10px; } .mentum p { font-size: 12px; } li.active a { font-size: 12px; } .tab-content p { padding: 15px; text-align: justify; line-height: 20px; font-size: 12px; } .slide-blog h4 { color: #FFF; font-weight: bold; font-size: 15px; margin-bottom: 5px; } .slide-blog p { font-size: 12px; line-height: 19px; } .blog-head { color: #212121; font-weight: bold; margin: 0px; padding-bottom: 10px; font-size: 15px; margin-top: 10px; } p.lorem { font-size: 12px; line-height: 19px; } .update { font-weight: bold; color: #019779; padding-top: 10px; font-size: 12px; } .testimonial h4 { font-weight: bold; padding-top: 10px; padding-bottom: 10px; font-size: 15px; } .testimonial p { font-size: 12px; padding-bottom: 10px; } .describe p { border: 1px solid #DBDBDB; font-size: 12px; line-height: 19px; padding: 16px; } a.button-read h4 { font-size: 13px; } .widget-title { padding-bottom: 5px; margin-top: 0px; padding-top: 0px; font-size: 15px; } .posts #p { font-weight: bold; line-height: 32px; font-size: 12px; } .footer-widget .contact-widget p { color: #FFF; font-size: 12px; } .textwidget { color: #FFF; font-size: 12px; line-height: 24px; } .copyright-text p { color: #F4F4F4; text-transform: capitalize; font-size: 12px; line-height: 19px; } .rightside_text h3 { font-size: 15px; color: #212121; font-weight: 400; letter-spacing: 1px; } rightside_text p { font-size: 12px; line-height: 23px; padding-top: 20px; color: #545454; } .skillst5 .skillbar { width: 100%; height: 20px; background-color: #F1F1F1; position: relative; margin-bottom: 30px; padding: 4px; box-sizing: border-box; } .leftside_text { margin-top: 50px; } .rightside_text p { font-size: 12px; line-height: 23px; padding-top: 15px; color: #545454; } .skillst5 .title { position: absolute; line-height: 25px; /* top: -50px;*/ left: -4px; padding-left: 10px; font-size: 12px; } .title.mobile_title { margin-top: 30px; margin-bottom: 15px; font-size: 12px; padding-top: 10px; } .count-bar .title { font-size: 12px; } .title { /* margin-top: 15px; margin-bottom: 15px; */ font-size: 10px; } .team_title h3 { text-align: center; letter-spacing: 8px; font-size: 15px; margin-bottom: 10px; } .leftside_text .wraper { margin: 0; } .image_mobile { padding-left: 0px; } .mask h2 { font-size: 20px; color: #fff; text-transform: uppercase; margin-top: 95px; letter-spacing: 2px; } .view-first:hover p { transition-delay: 0.1s; font-size: 12px; } .mask a.info { margin-top: 25px; font-size: 13px; letter-spacing: 2px; } .mask.mobile_mask h2 { padding-top: 50px; padding-bottom: 10px; color: #fff; } .view-third:hover p { transition-delay: 0.1s; font-size: 12px; } .view-tenth:hover p { transition-delay: 0.1s; font-size: 13px; margin-top: 10px; } .column_inner h5 { font-size: 15px; letter-spacing: 3px; font-weight: normal; color: #000; bottom: 44px; padding-bottom: 10px; } .column_inner span { font-weight: normal; letter-spacing: 1px; font-size: 12px; color: #000; text-transform: uppercase; } span.glyphicon.glyphicon-star-empty.glyphicon-lg { width: 50px; height: 50px; border: 1px solid #019779; border-radius: 25px; line-height: 43px; color: #019779; font-size: 25px; padding: 2px 1px 1px 4px; } span.glyphicon.glyphicon-cog { width: 50px; height: 50px; border: 1px solid #019779; border-radius: 25px; line-height: 35px; color: #019779; font-size: 25px; padding-top: 6px; padding-left: 0px; } .icon_test p { font-size: 12px; line-height: 20px; padding-top: 10px; color: #545454; } .icon_test h5 { padding-top: 25px; padding-bottom: 20px; letter-spacing: 3px; color: #000; font-size: 15px; } icon_test p { font-size: 10px; line-height: 22px; padding-top: 10px; color: #545454; } span.glyphicon.glyphicon-refresh { width: 50px; height: 50px; border: 1px solid #019779; border-radius: 25px; line-height: 35px; color: #019779; font-size: 25px; padding-top: 6px; padding-left: 1px; } span.glyphicon.glyphicon-heart { width: 50PX; height: 50PX; border: 1px solid #019779; border-radius: 25PX; line-height: 35PX; color: #019779; font-size: 25px; padding-top: 7px; padding-right: 1px; } span.glyphicon.glyphicon-repeat { width: 50px; height: 50px; border: 1px solid #019779; border-radius: 25px; line-height: 35px; color: #019779; font-size: 25px; padding-top: 7px; } span.glyphicon.glyphicon-ok-circle { width: 50px; height: 50px; border: 1px solid #019779; border-radius: 25px; line-height: 35px; color: #019779; font-size: 25px; padding-top: 6px; } .my_work h2 { font-size: 20px; } .window_icon h4 { margin-bottom: 5px; color: #000; font-size: 15px; } .window_icon p { margin-left: 25px; color: #888; font-size: 12px; } .window_icon span { float: left; color: #888; margin-right: 10px; font-size: 18px; } .plugin span { font-size: 15px; color: #333; display: block; padding-top: 15px; width: 100%; } button.btn.btn-default.contact_us { margin-left: 0px; margin-top: 20px; border-radius: 0px; width: 40%; font-size: 12px; } .my_work2 h2 { font-size: 20px; } .port_menu li a { display: block; color: #000; text-align: center; padding: 10px 9px; text-decoration: none; font-size: 10px; } porti_title h2 { text-align: center; font-size: 16px; letter-spacing: 3px; margin-bottom: 40px; font-size: 20px; } .single_text p { font-size: 12px; } .single_text1 p { font-size: 12px; } .single_text2 p { font-size: 12px; } .single_text4 p { font-size: 12px; } .left_single h5 { padding-top: 15px; letter-spacing: 2px; font-size: 15px; color: #000; font-weight: 600; padding-bottom: 20px; } single_categories ul li { float: left; padding-top: 3px; font-size: 11px; } .single_categories ul a { text-transform: capitalize; padding-left: 3px; color: #888; line-height: 18px; font-size: 12px; } .single_relesed li strong { padding-left: 2px; font-size: 13px; } .single_relesed li span { color: #888; font-size: 12px; } .title b { font-size: 24px; color: #FFF; border-bottom: 5px solid #fff; padding-bottom: 5px; } .title h3 { color: #fff; font-size: 22px; margin-top: 70px; font-weight: normal; margin-bottom: 15px; } .working h5 { margin: 0px; padding: 20px 0px; font-weight: bold; font-size: 15px; } .working p { padding-right: 15px; color: #545454; margin-bottom: 20px; line-height: 20px; font-size: 12px; } .working button.btn.btn-default.tags_button { margin-top: 0px; } button.btn.btn-default.tags_button.blog_read { width: 35%; margin-bottom: 20px; font-size: 12px; } .model h5 { margin: 0px; padding: 20px 0px; font-weight: bold; font-size: 15px; } .model p { margin: 0px 0px 5px; padding-right: 15px; color: #545454; line-height: 20px; font-size: 12px; } .working2 h5 { margin: 0px; padding: 20px 0px; font-weight: bold; font-size: 15px; } .working2 p { margin: 0px 0px 5px; padding-right: 15px; color: #545454; line-height: 20px; font-size: 12px; } input#pwd.form-control.filter_search { border: 1px solid #000; font-size: 10px; border-radius: 0px; margin-bottom: 40px; padding-left: 10px; } .category h5 { font-size: 15px; font-weight: bold; border-bottom: 5px solid #019779; padding-bottom: 5px; } .sub_category { line-height: 13px; margin-top: 10px; margin-bottom: 10px; } .category { padding-bottom: 15px; margin-top: 15px; } .sub_category ul li a { color: #545454; font-size: 12px; } .popular_filter img { display: block; max-width: 100%; } .sub_popular .popular_filter a > img { max-width: 100%; display: block; width: auto; } .sub_popular h6 { font-size: 14px; font-weight: bold; margin-bottom: 15px; } .sub_popular p { color: #545454; font-size: 12px; } button.btn.btn-default.tags_button { margin-bottom: 5px; margin-top: 10px; border-radius: 0px; margin-left: 2px; font-size: 10px; } .leather h5 { font-weight: bold; font-size: 15px; padding-top: 10px; padding-bottom: 10px; } .leather li a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; line-height: 20px; } .leather ul li { list-style-type: none; display: inline; float: left; font-size: 12px; } .text p { font-size: 12px; line-height: 23px; padding-top: 15px; color: #545454; text-align: justify; } .admin h6 { padding-top: 10px; font-weight: bold; font-size: 12px; } .admin p { font-size: 12px; line-height: 17px; padding-top: 10px; color: #545454; } .admin { margin-bottom: 25px; padding-top: 35px; } .social_icon { padding-left: 105px; } input#email.form-control { border-radius: 0px; font-size: 12px; font-weight: 400; margin-right: 30px; padding: 10px 40px 10px 10px; } input#pwd.form-control { border-radius: 0px; font-size: 12px; font-weight: 400; margin-right: 30px; padding: 10px 40px 10px 10px; } textarea#comment.form-control { margin: 0px 0px 0px 14px; font-size: 12px; } button.btn.btn-default.comment_button { border-radius: 0px; width: 30%; margin-bottom: 20px; margin-left: 14px; font-size: 12px; } input#search.form-control.filter_search { border-radius: 0px; font-size: 12px; } .contact_title h2 { text-align: center; letter-spacing: 11px; text-transform: uppercase; font-size: 20px; } img.ads_banner2 { padding-top: 10px; width: auto; } .contact_title { padding-bottom: 20px; padding-left: 0px; padding-right: 0px; } .contact_text p { line-height: 23px; text-transform: uppercase; font-size: 12px; padding-bottom: 15px; } .contact_details { padding-top: 20PX; } .form-group { margin-bottom: 15PX; } .contact_map { padding-top: 20px; } i.fa.fa-home.address_home { font-size: 18px; color: #019779; padding-right: 5px; line-height: 20px; } i.fa.fa-fax.address_fax { font-size: 15px; color: #019779; padding-right: 5px; line-height: 20px; } i.fa.fa-phone.address_phone { font-size: 15px; color: #019779; padding-right: 0px; line-height: 20px; } i.fa.fa-envelope-o.address_lope { font-size: 15px; color: #019779; padding-right: 5px; line-height: 20px; } .address_icon ul li { padding-left: 0px; margin: 10px 0px; font-size: 12px; } .form-group.contact_name label { padding-bottom: 5px; font-weight: normal; font-size: 12px; } .form-group.contact_name1 label { padding-bottom: 5px; font-weight: normal; font-size: 12px; } .form-group.contact_message label { padding-bottom: 5px; font-weight: normal; font-size: 12px; } button.btn.btn-default.contact_button1 { padding: 6px 40px; border-radius: 0px; font-size: 12px; } img.img-responsive.ds_size.xs_size { width: 292px; height: auto; } .caption-style-4 .caption-text { z-index: 10; color: #FFF; position: absolute; height: auto; text-align: center; top: 100px; width: 292px; } .caption-style-4 .blur { background-color: rgba(0, 0, 0, 0.65); z-index: 5; position: absolute; width: 292px; height: 330px; } .cp_main { padding-bottom: 20px; } .port_menu1 { padding-top: 15px; padding-bottom: 80px; margin-left: 11px; } #mainwrapper .box { cursor: pointer; height: 350px; float: left; overflow: hidden; width: 262px; } #mainwrapper .box img { position: absolute; left: 0px; transition: all 300ms ease-out 0s; width: 292px; } #mainwrapper .box:hover .fade-caption.xs_fade, #mainwrapper .box:hover .scale-caption { opacity: 1; height: 292px; width: 292px; } .port_space1 { margin-left: 0px; } h3.more_text { text-align: center; padding-top: 90px; padding-bottom: 30px; color: #fff; } p.more_text1 { text-align: center; font-size: 12px; margin-top: 15px; color: #fff; } .caption-style-4 .caption-text h1 { text-transform: uppercase; font-size: 18px; padding-bottom: 35px; padding-top: 10px; } h3.sidebar-title { font-size: 15px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; color: rgb(0, 0, 0); border-bottom: 5px solid rgb(1, 151, 121); } .tags-widget .tagcloud1 a { border: 1px solid #C0C0C0; color: #000; font-size: 12px; } .tags-widget .tagcloud1 > a { border: 1px solid #C0C0C0; color: #000; display: inline-block; font-size: 12px; margin: 0 5px 8px 0; padding: 9px 14px; vertical-align: baseline; letter-spacing: 1px; } .tagcloud1 { margin-top: 10px; } .tagcloud1 a:hover { background: #019779; color: #fff; transition: 0.9s all; } .form-control { border-radius: 0px; } .column_inner { margin: 30px 0px; } .testimonial { margin: 0px auto; text-align: center; margin-top: 20px; } .section-box { margin-top: 30px; } .download-section { background-image: url("../images/escalator.jpg"); padding: 15px 0px 0px; background-position: center center; background-attachment: fixed; position: relative; color: #FFF; } .button .button-read { padding: 12px 24px; margin-top: 10px; } .footer-box { background-color: #2C3E50; color: #FFF; text-align: left; margin-top: 50px; } .my_work { padding-top: 50px; text-align: center; text-transform: uppercase; margin-bottom: 30px; } /*contact page css End here*/ .contact_single h2 { font-size: 25px; } .heading2 { width: 100%; position: relative; margin-bottom: 30px; } .progress_right .wraper { margin: 0; } .team { padding-top: 15px; } .team_member { padding-top: 15px; } .image_mobile .view { height: 100%; overflow: hidden; position: relative; text-align: center; width: 100%; margin: 0px; } .image_mobile { padding: 0; padding-left: 0; } .team_member .image_mobile .view .mask { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .team_member .image_mobile .view img { display: block; position: relative; width: 100%; } .image_mobile .view view-first .view .mask, .view .content { height: 100%; } h3.more_text { padding-bottom: 0px; padding-top: 0px; text-align: center; font-size: 15px; text-transform: uppercase; margin-bottom: 10px; } .porti_title h2 { margin-bottom: 10px; } .port_menu1 { padding-bottom: 30px; padding-top: 15px; margin-left: 0; } .work-body > img { max-width: 100%; } img { width: 100%; display: block; } .mask p { letter-spacing: 2px; } .team_member .view .mask.image_mask h2 { padding-top: 60px; } .team-image:hover .caption-hover-icon { opacity: 1; padding-left: 10px; padding-top: 4px; margin-bottom: -9px; transition: opacity 0.35s ease 0s; } .contact_single { letter-spacing: 15px; color: #FFF; font-weight: 500; text-transform: uppercase; position: absolute; top: 50%; text-align: center; padding-right: 0px; } .twt { align-items: center; background: #00acec; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } .dribb { align-items: center; background: #f24e88; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } i.fa.fa-twitter.twt1 { color: #fff; padding-left: 0px; font-size: 15px; } i.fa.fa-dribbble { color: #fff; font-size: 15px; } .fb { align-items: center; background: #3a5896; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } i.fa.fa-facebook.fb1 { color: #fff; font-size: 15px; } .ytb { align-items: center; background: #E12B28; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } i.fa.fa-youtube.ytb-1 { color: #fff; font-size: 15px; } .instag { align-items: center; background: #835845; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } i.fa.fa-instagram.instag-1 { color: #fff; font-size: 15px; } .pintr { align-items: center; background: #c72527; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } i.fa.fa-pinterest.pintr-1 { color: #fff; font-size: 15px; } .link-sin { align-items: center; background: #0077b5; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 5px; } i.fa.fa-linkedin.link-sin-1 { color: #fff; font-size: 15px; padding-left: 0px; } /*================== BLOG PAGE CSS START HERE ===============*/ .blog-title a { font-size: 22px; line-height: 30px; color: #2a2b2c; font-weight: bold; } .blog-title { margin-top: 10px; } .blog-title a:hover { color: #019779; } .blog-info { padding: 5px 0 5px; } .blog-info ul li a:hover { text-decoration: underline; } .blog-info ul li { color: gray; font-size: 11px; display: inline-block; margin-right: 10px; } .blog-info ul li a { color: gray; font-size: 11px; display: inline; margin-right: 10px; } .blog-subtitle { margin-top: 10px; font-size: 12px; line-height: 23px; color: #212121; } .row .blog-container { margin-bottom: 40px; } } @media (max-width: 360px) { .contact-details p { line-height: 26px; font-size: 12px; margin-bottom: 30px; } .gmap { margin-bottom: 30px; } } /*================== BLOG PAGE CSS END HERE ===============*/ /*Mobile devices css End here*/ /* Small devices (tablets, 768px and 990px) */ @media (min-width: 768px) and (max-width: 990px) { .carousel-control.my-control { top: 200px; } .widget-title { padding-bottom: 10px; padding-top: 25px; } .header-text { margin: 92px auto; top: 6%; } .text-center h2 span { font-size: 34px; } .text-center h3 span { font-size: 22px; } .feature-box p { padding: 0 10px; } .left-para { text-align: left; } .slide-blog { bottom: 0; } .blog-head { padding-top: 15px; } .work-body img { padding-top: 50px; width: 100%; } .col-md-4.col-sm-4.col-xs-4.grayscale img { display: block; max-width: 100%; } .title.build-title h2 { color: #fff; } .title.build-title p { color: #fff; } .team-image { line-height: 1px; border: 1px solid #dbdbdb; display: inline-block; border-bottom-width: 5px; border-bottom-color: #2c3e50; } .awesome-h4-left, .awesome-para-left { text-align: center; } .awesome-para-right, .awesome-para-left { margin-top: 20px; } .mentum { padding: 15px; text-align: justify; } .awesome-left-content, .awesome-right-content { margin-bottom: 25px; margin-top: 25px; } .main-blog { margin-top: 25px; } .tablet-img { text-align: center; } .awesome-section .left-icon { background-color: #019779; border-radius: 50px; color: #ffffff; float: right; font-size: 30px; height: 55px; margin-bottom: -40px; padding-top: 5px; text-align: center; width: 55px; } .our-section .theme-container { padding: 0 15px; } .our-team { margin-top: 30px; } .our { padding: 35px 0; } .footer-box .tagcloud > a { border: 1px solid #c0c0c0; color: #fff; display: inline-block; font-size: 13px !important; margin: 0 6px 8px 0; padding: 12px 20px; vertical-align: baseline; } .our-section { padding: 35px 15px; } .copyright-text { text-align: center; } .about { text-align: center; bottom: 85px; left: 30px; color: #000000; letter-spacing: 10px; } .wraper { width: 100%; } .image_mobile { padding-left: 0px; margin-left: -8px; } .mask h2 { padding-top: 10px; padding-bottom: 7px; margin-top: 25px; margin-bottom: 20px; font-size: 15px; padding-right: 25px; } .view h2 { text-transform: uppercase; color: #FFF; text-align: center; position: relative; font-size: 15px; padding: 10px; } .mask p { padding-top: 5px; padding-right: 30px; font-size: 11px; } .rightside_text h3 { font-size: 19px; color: #212121; font-weight: 400; letter-spacing: 1px; } .rightside_text p { font-size: 13px; line-height: 22px; padding-top: 20px; color: #545454; text-align: left; } .skillst5 .title { position: absolute; line-height: 25px; top: -25px; left: 0px; padding-left: 6px; font-size: 12px; } .skillst2 .title { font-size: 12px; font-weight: 400; padding-left: 12px; line-height: 30px; text-transform: uppercase; } .skillst10 .title { font-size: 12px; font-weight: 400; padding-left: 12px; line-height: 40px; text-transform: uppercase; } .team_title h3 { text-align: center; letter-spacing: 9px; font-size: 19px; } .column_inner h5 { font-size: 25px; letter-spacing: 5px; font-weight: normal; color: #000; } span.column2 { left: 14px; font-weight: normal; letter-spacing: 1px; font-size: 11px; color: #000; text-transform: uppercase; } .column_inner span { font-weight: normal; letter-spacing: 1px; font-size: 13px; color: #000; text-transform: uppercase; } span.column3 { left: 35px; } h5.animated.fadeInUp.wow { font-size: 15px; } .icon_test p { font-size: 13px; color: #545454; line-height: 22px; } .my_work h2 { font-size: 24px; } .window_icon h4 { margin-bottom: 10px; color: #000; font-size: 15px } .window_icon p { margin-left: 35px; color: #888; font-size: 13px; line-height: 19px; } .plugin span { font-size: 15px; color: #333; display: block; padding-top: 10px; width: 100%; } button.btn.btn-default.contact_us { padding-left: 9px; margin-top: 30px; width: 30%; border-radius: 0px; font-size: 13px; } .my_work2 { padding-top: 30px; text-align: center; text-transform: uppercase; padding-bottom: 20px; } .my_work2 h2 { font-size: 24px; } .port_menu { padding-left: 0px; padding-top: 10px; } section.client_profile { margin-top: 80px; } .team { padding-top: 50px; } #mainwrapper .box { cursor: pointer; height: 220px; float: left; margin: 5px; position: relative; overflow: hidden; width: 100%; box-shadow: 1px 1px 1px 1px #CCC; } span.caption.fade-caption h3 { padding-top: 50px; padding-bottom: 30px; padding-left: 45px; font-size: 20px; } span.caption.fade-caption p { padding-left: 45px; font-size: 12px; } span.caption.fade-caption.tablet_port a h3 { padding-left: 15px; } span.caption.fade-caption.tablet_port a p { padding-left: 60px; } .three_columns h2 { letter-spacing: 12px; color: #FFF; font-size: 25px; font-weight: 500; text-transform: uppercase; } .porti_title h2 { text-align: center; font-size: 24px; letter-spacing: 9px; margin-bottom: 40px; } .caption-style-4 li { float: left; padding: 0px; position: relative; overflow: hidden; width: 105%; height: auto; } .three_columns h3 { font-size: 15px; color: #FFF; letter-spacing: 9px; font-weight: 600; } .left_single h5 { padding-top: 15px; letter-spacing: 2px; font-size: 15px; color: #000; font-weight: 600; padding-bottom: 25px } .single_categories ul li { float: left; padding-top: 3px; font-size: 13px; } .single_categories ul a { text-transform: capitalize; color: #888; line-height: 20px; font-size: 13px; } .single_categories ul { margin-top: 5px; } .single_relesed { padding-top: 25px; font-size: 13px; } .single_text p { font-size: 13px; } .single_text1 p { font-size: 13px; color: #666; letter-spacing: 1px; font-style: italic; line-height: 20px; margin-bottom: 20px; } .single_text2 p { font-style: italic; font-size: 13px; text-transform: uppercase; color: #000; margin-bottom: 20px; } .single_text4 p { margin-top: 20px; line-height: 24px; text-align: justify; font-size: 13px; } .title h3 { color: #000; font-size: 35px; margin-top: 80px; font-weight: normal; margin-bottom: 20px; } .title b { font-size: 40px; color: #FFF; border-bottom: 5px solid #000; padding-bottom: 8px; } .working h5 { margin: 0px; padding: 20px 0px; font-weight: bold; font-size: 15px; } .working p { margin: 0px 0px 5px; color: #545454; line-height: 20px; padding-right: 9px; font-size: 13px; } button.btn.btn-default.tags_button.blog_read { font-size: 13px; } .model h5 { margin: 0px; padding: 20px 0px; font-weight: bold; font-size: 15px; } .working2 { margin-top: 30px; } .model p { margin: 0px 0px 5px; padding-right: 15px; color: #545454; line-height: 20px; font-size: 13px; } .working2 h5 { margin: 0px; padding: 20px 0px; font-weight: bold; font-size: 15px; } .working2 p { margin: 0px 0px 5px; padding-right: 15px; color: #545454; line-height: 20px; font-size: 13px; } .form-group { margin-bottom: 20px; } .category h5 { font-weight: bold; border-bottom: 5px solid #019779; padding-bottom: 5px; font-size: 15px; } .sub_category { margin-top: 0px; } .sub_category ul li a { color: #545454; font-size: 13px; } .sub_category { padding-top: 10px; padding-bottom: 10px; line-height: 15px; } .category { margin-bottom: 20px; } .sub_popular h6 { font-weight: bold; margin-bottom: 15px; font-size: 14px; } .sub_popular p { color: #545454; font-size: 13px; } .popular_filter1 { margin-bottom: 15px; } button.btn.btn-default.tags_button { margin-bottom: 5px; margin-top: 18px; border-radius: 0px; margin-left: 2px; font-size: 12px; } .ads_banner2 { height: 111px; width: auto; } .leather ul li a { padding-right: 0px; color: #545454; font-size: 12px; line-height: 13px; letter-spacing: 1px; } .leather ul { margin-bottom: 10px; } .leather ul li { list-style-type: none; display: inline; float: left; font-size: 13px; letter-spacing: 1px; line-height: 18px; } .text p { font-size: 13px; line-height: 23px; margin-top: 15px; color: #545454; text-align: justify; } .admin h6 { padding-top: 10px; font-weight: bold; font-size: 15px; } .admin p { font-size: 13px; line-height: 23px; padding-top: 10px; color: #545454; } .admin { margin-bottom: 20px; padding-top: 35px; } .leather h5 { font-weight: bold; font-size: 15px; padding-top: 20px; padding-bottom: 10px; } textarea#comment.form-control { width: 97%; } .admin img { padding-top: 20px; } button.btn.btn-default.comment_button { border-radius: 0px; width: 21%; margin-left: 15px; font-size: 12px; } button.btn.btn-default.comment_button { border-radius: 0px; width: 20%; margin-left: 14px; } .leather .row .btn.btn-default.comment_button { margin-bottom: 0; } input#email.form-control { border-radius: 0px; font-size: 13px; font-weight: 400; margin-bottom: 15px; padding: 10px 40px 10px 10px; width: 485px; } input#pwd.form-control { border-radius: 0px; font-size: 13px; font-weight: 400; margin-bottom: 15px; padding: 10px 40px 10px 10px; width: 196%; } .team-image:hover .caption-hover-icon { opacity: 1; padding-left: 10px; padding-top: 4px; margin-bottom: -2px; transition: opacity 0.35s ease 0s; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 13px; line-height: 1.42857; color: #555; background-color: #FFF; border: 1px solid #CCC; border-radius: 0px; } .contact_single h2 { letter-spacing: 20px; color: #FFF; font-size: 30px; font-weight: 500; text-transform: uppercase; } .contact_title h2 { text-align: center; letter-spacing: 8px; text-transform: uppercase; font-size: 24px; } .contact_title { padding-bottom: 50px; } .contact_text p { line-height: 24px; text-transform: uppercase; font-size: 13px; } .address_icon ul li { padding-left: 0px; margin: 10px 0px; font-size: 13px; } i.fa.fa-home.address_home { font-size: 25px; color: #019779; padding-right: 7px; line-height: 30px; } i.fa.fa-fax.address_fax { font-size: 25px; color: #019779; padding-right: 7px; line-height: 30px; } i.fa.fa-phone.address_phone { font-size: 25px; color: #019779; padding-right: 7px; line-height: 30px; } i.fa.fa-envelope-o.address_lope { font-size: 25px; color: #019779; padding-right: 7px; line-height: 30px; } .form-group.contact_name label { padding-bottom: 5px; font-weight: normal; font-size: 13px; } .contact_map { padding-top: 74px; padding-bottom: 80px; } .form-group.contact_name1 label { padding-bottom: 5px; font-weight: normal; font-size: 13px; } .form-group.contact_message label { padding-bottom: 5px; font-weight: normal; font-size: 13px; } button.btn.btn-default.contact_button1 { padding: 8px 50px; border-radius: 0px; font-size: 12px; letter-spacing: 1px; } .inner_rightspace { margin-right: 0px; margin-left: 0px; } img.img-responsive.inner_slide { position: absolute; bottom: 183px; margin-left: -18px; } img.img-responsive.inner_slide1 { position: absolute; bottom: 183px; margin-left: -15px; } img.img-responsive.inner_slide3 { position: absolute; bottom: 183px; margin-left: -13px; } img.img-responsive.inner_slide4 { position: absolute; bottom: 183px; margin-left: -10px } .slider_client h2 { position: absolute; bottom: 306px; color: #FFF; right: 275px; text-transform: uppercase; font-size: 22px; letter-spacing: 10px; } ul.dropdown-menu { margin-top: 15px; } .title > h2 { color: #2C3E50; font-weight: 900; margin: 0px 0px 15px; position: relative; font-size: 24px; } .title.awesome-title h2 { color: #fff; } .title > p { color: #545454; font-size: 13px; } .feature-box h5 { font-size: 15px; color: #212121; font-weight: bold; margin: 22px 0px 15px; } feature-box p { padding: 0px 10px; font-size: 11px; } .button-div { left: 0px; text-align: center; width: 100%; padding-top: 10px; font-size: 13px; letter-spacing: 1px; } .inner-title h2 { font-size: 24px; font-weight: 900; } .inner-title p { line-height: 2; padding: 10px 10px 0px 0px; font-size: 13px; } .team-name h4 { font-size: 16px; font-weight: bold; padding: 10px 0px 10px 15px; } .team-name p { font-size: 13px; padding: 0px 0px 15px 15px; margin-top: 5px; } .awesome-section p { color: #FFF; font-size: 13px; line-height: 2; } .awesome-section h4 { font-size: 16px; font-weight: bold; } i.fa.fa-globe { padding-top: 5px; } i.fa.fa-location-arrow { padding-top: 5px; } i.fa.fa-code { padding-top: 5px; } i.fa.fa-pencil { padding-top: 5px; } .caption-hover a, .caption-hover h4 { font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; color: #FFF; } .mentum p { font-size: 13px; } .tab-content p { padding: 15px; text-align: justify; line-height: 20px; font-size: 13px; } .slide-blog h4 { color: #FFF; font-weight: bold; font-size: 16px; } .slide-blog p { font-size: 12px; padding-top: 5px; } .lorem { border-bottom: 1px solid #DBDBDB; content: ""; display: block; left: 50%; padding-bottom: 10px; line-height: 20px; font-size: 11px; } .testimonial h4 { font-weight: bold; padding-top: 10px; padding-bottom: 10px; font-size: 16px; } .testimonial p { font-size: 13px; padding-bottom: 10px; } .describe p { border: 1px solid #DBDBDB; font-size: 13px; line-height: 2; padding: 16px; } .button-read h4 { font-size: 16px; } .widget-title { color: #FFF; font-size: 15px; font-weight: bold; padding-bottom: 22px; padding-top: 38px; text-transform: uppercase; } .footer-widget .contact-widget p { color: #FFF; font-size: 12px; } .textwidget { color: #FFF; font-size: 12px; line-height: 24px; } .caption-style-4 .caption-text { z-index: 10; color: #FFF; position: absolute; width: 166px; height: 270px; text-align: center; top: 35px; } .caption-style-4 .caption-text h1 { text-transform: uppercase; font-size: 20px; padding-bottom: 25px; padding-top: 13px; } h3.sidebar-title { font-size: 15px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; color: rgb(0, 0, 0); border-bottom: 5px solid rgb(1, 151, 121); } .tags-widget .tagcloud1 a { border: 1px solid #C0C0C0; color: #000; font-size: 12px; } .tags-widget .tagcloud1 > a { border: 1px solid #C0C0C0; color: #000; display: inline-block; font-size: 13px; margin: 0 5px 8px 0; padding: 9px 14px; vertical-align: baseline; letter-spacing: 1px; } .tagcloud1 { margin-top: 10px; } .tagcloud1 a:hover { background: #019779; color: #fff; transition: 0.9s all; } .column_inner { margin: 80px 0; } .inner_space { margin-top: 16%; } .window_icon { margin-bottom: 40px; } h3.more_text { text-transform: uppercase; color: #fff; margin-bottom: 20px; text-align: center; font-size: 18px; } p.more_text1 { text-transform: uppercase; color: #fff; padding-top: 10px; text-align: center; font-size: 11px; } .dropdown-menu > li > a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; padding: 4px 1px; line-height: 25px; text-transform: uppercase; } .title.reponsive-title h2 { color: #fff; } .title.reponsive-title p { color: #fff; } .image_mobile .view .mask.image_mask > h2 { margin-top: 18px; padding-top: 10px; } .large_window { padding-bottom: 20px; } .our-team .team-image img { width: 100%; } /*================== BLOG PAGE CSS START HERE ===============*/ .blog-title a { letter-spacing: 1px; font-size: 22px; line-height: 30px; color: #2a2b2c; font-weight: bold; } .blog-title a:hover { color: #019779; } .blog-info { padding: 5px 0 5px; } .blog-info ul li a:hover { text-decoration: underline; } .blog-info ul li { color: gray; font-size: 11px; display: inline-block; margin-right: 10px; } .blog-info ul li a { color: gray; font-size: 11px; display: inline; margin-right: 10px; } .blog-subtitle { font-size: 14px; line-height: 23px; color: #212121; } .row .blog-container { margin-bottom: 40px; } .row .blog-container img { width: 100%; display: block; } .blog-title { margin-top: 10px; } .contact-details p { line-height: 26px; font-size: 16px; margin-bottom: 30px; } .gmap { margin-bottom: 50px; } .twt { align-items: center; background: #00acec; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } .dribb { align-items: center; background: #f24e88; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-twitter.twt1 { color: #fff; padding-left: 0px; font-size: 15px; } i.fa.fa-dribbble { color: #fff; font-size: 15px; } .fb { align-items: center; background: #3a5896; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-facebook.fb1 { color: #fff; font-size: 15px; } .ytb { align-items: center; background: #E12B28; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-youtube.ytb-1 { color: #fff; font-size: 15px; } .instag { align-items: center; background: #835845; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-instagram.instag-1 { color: #fff; font-size: 15px; } .pintr { align-items: center; background: #c72527; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-pinterest.pintr-1 { color: #fff; font-size: 15px; } .link-sin { align-items: center; background: #0077b5; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-linkedin.link-sin-1 { color: #fff; font-size: 15px; padding-left: 0px; } .contact-socialicon { margin-top: 25px; } .contact-address ul li { float: left; min-width: 25px; font-size: 16px; } /*================== BLOG PAGE CSS END HERE ===============*/ } /* Medium devices (Medium Devices, 991px and up) */ @media (min-width: 991px) and (max-width: 1500px) { .feature-box p { padding: 0 10px; } .feature-content { padding: 40px 0 30px; } .our-team { padding-top: 15px; padding-bottom: 15px; } .team-image { text-align: center; } .tablet-img { text-align: center; } .tablet-img > img { display: block; max-width: 100%; } .contact-address ul li { float: left; min-width: 25px; font-size: 16px; } .left-para p, .right-para p { padding-top: 15px; } .left-para, .right-para { text-align: justify; } h3.more_text { text-transform: uppercase; color: #fff; margin-bottom: 20px; } p.more_text1 { text-transform: uppercase; color: #fff; padding-top: 10px; text-align: center; } button.btn.btn-default.comment_button { margin-bottom: 0px; } .dropdown-menu > li > a { font-size: 11px; font-weight: bold; color: #212121; text-decoration: none; padding: 4px 1px; line-height: 25px; text-transform: uppercase; } .awesome-left-content, .awesome-right-content { margin-top: 20px; } .awesome-section p { line-height: 1.4; } .main-blog { margin-top: 25px; } .blog-head { padding-top: 15px; } .our-section { padding: 35px 15px; } .our-section .theme-container { padding: 0 15px; } .our { padding: 35px 15px; } .wraper { width: 100%; } .skillst10 .title { font-size: 15px; font-weight: 400; padding-left: 12px; line-height: 40px; text-transform: uppercase; } .skillst2 .title { font-size: 11px; font-weight: 400; padding-left: 12px; line-height: 30px; text-transform: uppercase; } .col-md-4.col-sm-4.col-xs-4.grayscale a img { display: block; height: auto; max-width: 100%; } #mainwrapper .box { cursor: pointer; height: 350px; float: left; margin: 5px; position: relative; overflow: hidden; width: 350px; box-shadow: 1px 1px 1px 1px #CCC; } .blog-post img { height: auto; max-width: 100%; display: block; } .image_mobile .view { width: 100%; height: 100%; margin: 10px; float: left; border: 10px solid #FFF; overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #E6E6E6; cursor: default; } img.img-responsive.client_bg { position: relative; } span.caption.fade-caption h3 { text-align: center; padding-top: 140px; padding-bottom: 30px; } span.caption.fade-caption p { text-align: center; } ul.dropdown-menu { margin-top: 15px; } i.fa.fa-location-arrow { padding-top: 6px; padding-left: 2px; } i.fa.fa-globe { padding-top: 6px; padding-left: 3px; } i.fa.fa-code { padding-top: 5px; } i.fa.fa-pencil { padding-top: 5px; padding-left: 5px; } img.img-responsive.ds_size { width: 262px; height: auto; } h3.sidebar-title { font-size: 18px; font-weight: bold; padding-bottom: 10px; padding-top: 5px; text-transform: uppercase; color: rgb(0, 0, 0); border-bottom: 5px solid rgb(1, 151, 121); } .tags-widget .tagcloud1 a { border: 1px solid #C0C0C0; color: #000; font-size: 12px; } .tags-widget .tagcloud1 > a { border: 1px solid #C0C0C0; color: #000; display: inline-block; font-size: 12px; margin: 0 5px 8px 0; padding: 9px 14px; vertical-align: baseline; } .tagcloud1 { margin-top: 20px; margin-bottom: 20px; } .tagcloud1 a:hover { background: #019779; color: #fff; transition: 0.9s all; } .form-control { border-radius: 0px; } .twt { align-items: center; background: #00acec; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } .dribb { align-items: center; background: #f24e88; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-twitter.twt1 { color: #fff; padding-left: 0px; font-size: 15px; } i.fa.fa-dribbble { color: #fff; font-size: 15px; } .fb { align-items: center; background: #3a5896; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-facebook.fb1 { color: #fff; font-size: 15px; } .ytb { align-items: center; background: #E12B28; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-youtube.ytb-1 { color: #fff; font-size: 15px; } .instag { align-items: center; background: #835845; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-instagram.instag-1 { color: #fff; font-size: 15px; } .pintr { align-items: center; background: #c72527; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-pinterest.pintr-1 { color: #fff; font-size: 15px; } .link-sin { align-items: center; background: #0077b5; border-radius: 50px; display: flex; height: 43px; justify-content: center; width: 43px; float: left; margin-right: 10px; } i.fa.fa-linkedin.link-sin-1 { color: #fff; font-size: 15px; padding-left: 0px; } .contact-socialicon { margin-top: 25px; } /*================== BLOG PAGE CSS START HERE ===============*/ .blog-title a { letter-spacing: 1px; font-size: 22px; line-height: 30px; color: #2a2b2c; font-weight: bold; } .blog-title a:hover { color: #019779; } .blog-info { padding: 5px 0 5px; } .blog-info ul li a:hover { text-decoration: underline; } .blog-info ul li { color: gray; font-size: 11px; display: inline-block; margin-right: 10px; } .blog-info ul li a { color: gray; font-size: 11px; display: inline; margin-right: 10px; } .blog-subtitle { margin-top: 15px; font-size: 14px; line-height: 23px; color: #212121; } .row .blog-container { margin-bottom: 40px; } .contact-details p { line-height: 26px; font-size: 16px; margin-bottom: 30px; } .gmap { margin-bottom: 50px; } /*================== BLOG PAGE CSS END HERE ===============*/ } @media (max-width: 320px) { .carousel-control.my-control { height: 40px; top: 85px; } } .cssload-loader { width: 250px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 50%; transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); /* font-family: helvetica, arial, sans-serif;*/ text-transform: uppercase; font-weight: 900; font-size: 18px; color: #ce4233; letter-spacing: 0.2em; } .cssload-loader::before, .cssload-loader::after { content: ""; display: block; width: 15px; height: 15px; background: #ce4233; position: absolute; animation: cssload-load 0.7s infinite alternate ease-in-out; -o-animation: cssload-load 0.7s infinite alternate ease-in-out; -ms-animation: cssload-load 0.7s infinite alternate ease-in-out; -webkit-animation: cssload-load 0.7s infinite alternate ease-in-out; -moz-animation: cssload-load 0.7s infinite alternate ease-in-out; } .cssload-loader::before { top: 0; } .cssload-loader::after { bottom: 0; } @keyframes cssload-load { 0% { left: 0; height: 30px; width: 15px; } 50% { height: 8px; width: 40px; } 100% { left: 235px; height: 30px; width: 15px; } } @-o-keyframes cssload-load { 0% { left: 0; height: 30px; width: 15px; } 50% { height: 8px; width: 40px; } 100% { left: 235px; height: 30px; width: 15px; } } @-ms-keyframes cssload-load { 0% { left: 0; height: 30px; width: 15px; } 50% { height: 8px; width: 40px; } 100% { left: 235px; height: 30px; width: 15px; } } @-webkit-keyframes cssload-load { 0% { left: 0; height: 30px; width: 15px; } 50% { height: 8px; width: 40px; } 100% { left: 235px; height: 30px; width: 15px; } } @-moz-keyframes cssload-load { 0% { left: 0; height: 30px; width: 15px; } 50% { height: 8px; width: 40px; } 100% { left: 235px; height: 30px; width: 15px; } } #fountainTextG { width: 234px; margin: auto; } .fountainTextG { color: rgb(0, 0, 0); /* font-family:Arial;*/ font-size: 24px; text-decoration: none; font-weight: normal; font-style: normal; float: left; animation-name: bounce_fountainTextG; -o-animation-name: bounce_fountainTextG; -ms-animation-name: bounce_fountainTextG; -webkit-animation-name: bounce_fountainTextG; -moz-animation-name: bounce_fountainTextG; animation-duration: 2.09s; -o-animation-duration: 2.09s; -ms-animation-duration: 2.09s; -webkit-animation-duration: 2.09s; -moz-animation-duration: 2.09s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; transform: scale(.5); -o-transform: scale(.5); -ms-transform: scale(.5); -webkit-transform: scale(.5); -moz-transform: scale(.5); } #fountainTextG_1 { animation-delay: 0.75s; -o-animation-delay: 0.75s; -ms-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -moz-animation-delay: 0.75s; } #fountainTextG_2 { animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; } #fountainTextG_3 { animation-delay: 1.05s; -o-animation-delay: 1.05s; -ms-animation-delay: 1.05s; -webkit-animation-delay: 1.05s; -moz-animation-delay: 1.05s; } #fountainTextG_4 { animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; } #fountainTextG_5 { animation-delay: 1.35s; -o-animation-delay: 1.35s; -ms-animation-delay: 1.35s; -webkit-animation-delay: 1.35s; -moz-animation-delay: 1.35s; } #fountainTextG_6 { animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; } #fountainTextG_7 { animation-delay: 1.64s; -o-animation-delay: 1.64s; -ms-animation-delay: 1.64s; -webkit-animation-delay: 1.64s; -moz-animation-delay: 1.64s; } @keyframes bounce_fountainTextG { 0% { transform: scale(1); color: rgb(0, 0, 0); } 100% { transform: scale(.5); color: rgb(255, 255, 255); } } @-o-keyframes bounce_fountainTextG { 0% { -o-transform: scale(1); color: rgb(0, 0, 0); } 100% { -o-transform: scale(.5); color: rgb(255, 255, 255); } } @-ms-keyframes bounce_fountainTextG { 0% { -ms-transform: scale(1); color: rgb(0, 0, 0); } 100% { -ms-transform: scale(.5); color: rgb(255, 255, 255); } } @-webkit-keyframes bounce_fountainTextG { 0% { -webkit-transform: scale(1); color: rgb(0, 0, 0); } 100% { -webkit-transform: scale(.5); color: rgb(255, 255, 255); } } @-moz-keyframes bounce_fountainTextG { 0% { -moz-transform: scale(1); color: rgb(0, 0, 0); } 100% { -moz-transform: scale(.5); color: rgb(255, 255, 255); } } /* @import url(http://fonts.googleapis.com/css?family=Lato:400,300italic,300,100,100italic,400italic,700,700italic,900,900italic);*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } a:focus { outline: 0; text-decoration: none; } a { text-decoration: none; } a:hover { text-decoration: none; } .wraper { margin: 50px auto; } .wraper:before, .wraper:after { display: table; content: " "; } .wraper:after { clear: both; } /* Skills Style 2 */ .skillst2 { width: 100%; color: #fff; } .skillst2 .skillbar { width: 100%; height: 30px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url("../images/stripe.png") repeat scroll 0 0 #e0e0e0; position: relative; margin-bottom: 30px; } .skillst2 .count-bar { height: 100%; width: 0px; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .skillst2 .count-bar.color-1 { background-color: #3389e7; } .skillst2 .count-bar.color-2 { background-color: #fd871f; } .skillst2 .count-bar.color-3 { background-color: #bd5bb9; } .skillst2 .count-bar.color-4 { background-color: #2d7da5; } .skillst2 .count-bar.color-5 { background-color: #f75d41; } .skillst2 .count { position: absolute; top: 0; right: 12px; line-height: 30px; font-size: 14px; font-weight: 400; } ol, ul { list-style: none; } :focus { outline: 0; } a:focus { outline: 0; text-decoration: none; } /* body{ font-family: 'Lato', sans-serif; } */ a { text-decoration: none; } a:hover { text-decoration: none; } .wraper { /* width: 470px;*/ margin: 50px auto; } .wraper:before, .wraper:after { display: table; content: " "; } .wraper:after { clear: both; } /* Skills Style 10 */ .skillst10 { width: 100%; color: #fff; } .skillst10 .skillbar { width: 100%; height: 50px; position: relative; margin-bottom: 30px; background-color: #edebec; box-sizing: border-box; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 40px; } .skillst10 .count-bar { height: 100%; width: 0px; position: relative; height: 50px; background-color: #249292; } .skillst10 .count { position: absolute; top: 0; right: -45px; line-height: 40px; font-size: 20px; font-weight: 700; color: #0b7c7c; } .skillst10 .skillbar:before { height: 10px; width: 100%; position: absolute; left: 0; bottom: 0; content: ""; background-color: #C2C0C0; } .skillst10 .count-bar:before { height: 10px; width: 100%; position: absolute; left: 0; bottom: 0; content: ""; background-color: #0d7878; } .skillst10 .count-bar:after { position: absolute; right: 0; bottom: 10px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 8px solid #0d7878; } #mainwrapper { height: auto; text-align: center; } /* Image Box Style */ #mainwrapper .box img { position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } /* Caption Common Style */ #mainwrapper .box .caption { background-color: rgba(0, 0, 0, 0.8); position: absolute; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0; } /** Caption 3: Fade **/ #mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption { opacity: 0; text-align: left; padding: 15px; } /** Fade Caption :hover Behaviour **/ #mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption { opacity: 1; height: 350px; width: 350px; } /** media query for navigation **/ /*====== Image gallery for filter function start here ====================*/ .flex { display: flex; justify-content: center; } .portfolio-item { margin-bottom: 30px; position: relative; } .portfolio-item img.img-responsive { width: 100%; } .portfolio-item .hover-effect { position: absolute; top: 0; color: #fff; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.4s; opacity: 0; } .portfolio-item:hover .hover-effect { background: rgba(1, 151, 121, 0.7); opacity: 1; } /*======== Image gallery for filter function end here ==========================*/ /*======= Pricing Page Style ========================= */ #pricing { margin-top: 50px; } .pricing-item { background: #fff; text-align: center; font-family: 'Source Sans Pro', sans-serif; padding: 20px 0; width: 100%; margin-bottom: 30px; } .pricing-item:hover { -webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.75); } .pricing-item.pricing-blue { background: #48b7e4; color: white; } .pricing-item .pricing-title { padding: 10px; } .pricing-title h4 { color: #fff; text-transform: uppercase; margin-top: 10px; font-weight: 700; letter-spacing: 1px; } .pricing-item .pricing-feature { background: #1ba4dd; padding: 10px; } .pricing-feature ul li { line-height: 35px; font-size: 13px; text-transform: capitalize; } .pricing-price { color: white; padding: 10px; } .pricing-price .amount { font-size: 48px; font-weight: 100; margin-bottom: 10px; } .pricing-price .per-month { font-size: 12px; font-weight: 400; } .pricing-item .pricing-button { padding: 20px; } a.btn-buy { background: #fff; border-radius: 50px; padding: 7px 30px; font-size: 20px; font-weight: 500; color: #465366; transition: ease .5s; } a:hover.btn-buy { background: #e6e6e6; } .pricing-item.pricing-red { background: #ea3c51; color: white; } .pricing-red .pricing-feature { background: #af1b2d; padding: 10px; } .column { position: relative; } .column .pricing-item .pricing-feature { background: #fff; padding: 10px; } .column .pricing-title h4 { color: #465366; text-transform: uppercase; margin-top: 10px; font-weight: 700; letter-spacing: 1px; } .column .pricing-price .amount { font-size: 48px; color: #465366; font-weight: 100; margin-bottom: 10px; } a.btn-buy.yellow { background-color: #ffc935; color: #465366; } a:hover.btn-buy.yellow { background: #ffc990; } .ribbon { width: 85px; height: 88px; overflow: hidden; position: absolute; } .pricing-item .ribbon.ribbon-right { right: 10px; top: -3px; } .ribbon .ribbon-content.ribbon-yellow { background: #ffd768; color: #465366; } .ribbon.ribbon-right .ribbon-content { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); left: -5px; top: 13px; } .ribbon .ribbon-content { text-align: center; position: relative; padding: 7px 0; width: 120px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); } /*======= Pricing-1 Page Style ========================= */ .package { border: 1px solid #e5e5e5; border-radius: 3px; width: 100%; float: left; } .package:hover { transform: scale(1.03); transition: all ease-in-out .2s; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.75); } .package .header { padding: 20px 0; } .package .header.black-bg { background: #323232; color: #ffffff; } .package .header h3 { text-transform: capitalize; font-size: 28px; font-weight: 600; margin-bottom: 10px; } .package .header .sub-title { line-height: 22px; text-transform: capitalize; font-weight: 400; } .package .header .sub-title .colored-strong { color: #008ed6; font-weight: 800; } .package-feature { width: 100%; float: left; } .package-feature ul { padding-left: 30px; width: 100%; float: left; } .package-feature ul li { overflow: auto; list-style: none; padding-top: 12px; padding-bottom: 12px; padding-right: 15px; border-bottom: 1px dotted #e3e3e3; font-size: 15px; color: #727272; } .package .purchase-details { width: 100%; float: left; margin: 15px 0; display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -webkit-box-pack: center; -moz-box-align: center; -moz-box-pack: center; box-align: center; box-pack: center; } .package .purchase-details h6 { font-size: 18px; font-weight: 600; color: #323232; } .package .purchase-details .btn { font-size: 18px; font-weight: 600; } .package .header.blue-bg { background: #008ed6; color: #ffffff; } .package .header.blue-bg .colored-strong { color: #fff; font-weight: 800; } @media(max-width:768px) { .package { margin-bottom: 25px; } } /*======= Pricing-2 Page Style ========================= */ .no-gutter { padding-right: 0; padding-left: 0; } .pricing2 { text-align: center; } .pricing2 .title { margin-top: 44px; } .pricing2 .title .detail-wrapper .title-text h3 { font-size: 16px; font-weight: 700; margin: 0; line-height: 40px; text-transform: uppercase; color: #000; } .title .detail-wrapper { border-right: 2px solid #fff; width: 100%; float: left; } .title .detail-wrapper:hover { border-right: none; outline: 4px solid #84bd32; z-index: 9999; position: absolute; border: none; transition: all ease-in-out .2s; transform: scale(1.02); } .intro .title .detail-wrapper:hover { border-right: none; outline: 0px solid #84bd32; z-index: 9999; position: relative; border: none; top: 0; transition: all ease-in-out .2s; transform: none; } .intro .title .detail-wrapper .price { background-color: #eee; padding: 10px 0 10px 20px; } .title .detail-wrapper .price.space { margin-top: 40px; } .intro .title .detail-wrapper .price h4 { font-size: 22px; font-weight: 700; color: #333; } .intro .title .detail-wrapper .price span { font-size: 11px; text-transform: uppercase; margin-top: 5px; display: block; color: #84bd32; } .intro .title .detail-wrapper ul li { line-height: 40px; padding-left: 20px; color: #666; font-weight: 500; text-transform: capitalize; } .title .detail-wrapper ul li:nth-child(even) { background-color: #efefef; } .title .detail-wrapper .bottom { padding: 10px; min-height: 50px; background: #ddd; } .title .detail-wrapper .price { background-color: #eee; padding: 10px 0; } .title .detail-wrapper .price.dark-bg { background-color: #666; } .title .detail-wrapper:hover .price.dark-bg { min-height: 70px; background-color: #84bd32; } .title .detail-wrapper ul li { line-height: 40px; color: #666; font-size: 14px; font-weight: 500; text-transform: capitalize; background: #fff; } .title .detail-wrapper .title-text { background: #eee; } .title .detail-wrapper .price h4 { font-size: 22px; font-weight: 700; color: #fff; text-transform: capitalize; } .title .detail-wrapper .price span { font-size: 11px; text-transform: uppercase; margin-top: 5px; display: block; color: #fff; } .title .detail-wrapper .bottom .btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbb; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } /*======= contact-1 Page Style ========================= */ #contact-1::-webkit-input-placeholder { font-size: 12px; color: #646464; } #contact-1 .contact-title { margin-bottom: 20px; } .contact-form input[type="text"] { border: 1px solid transparent; padding: 10px; width: 100%; } .contact-form input[type="text"]:focus { border: 1px solid #ccc; padding: 10px; border-radius: 5px; } .contact-form .text-box { margin-bottom: 15px; } .contact-form textarea { border: 1px solid transparent; padding: 10px; } .contact-form textarea:focus { border: 1px solid #ccc; padding: 10px; border-radius: 5px; } .address-details { padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .contact-address .address { margin-bottom: 20px; } .contact-address.address-details i.fa.fa-envelope, .contact-address.address-details i.fa.fa-map-marker, .contact-address.address-details i.fa.fa-phone { margin-right: 0; } span.twitter i.fa.fa-twitter { padding-left: 0; } .social-links { width: 100%; float: left; } .social-links span.twitter { height: 40px; width: 40px; background: #00acec; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .social-links span.twitter a, .social-links span.dribble a, .social-links span.facebook a { padding: 7px; } .social-links ul li { float: left; margin-right: 5px; margin-top: 20px; } span.twitter a i.fa-twitter, span.facebook a i.fa-facebook, span.pintrest a i.fa-pinterest-p, span.youtube a i.fa-youtube, span.linkedin a i.fa-linkedin, span.instagram a i.fa-instagram { font-size: 15px; color: #fff; padding: 0; margin: 0; } .social-links span.facebook { height: 40px; width: 40px; background: #3a5896; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .social-links span.pintrest { height: 40px; width: 40px; background: #C22626; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .social-links span.youtube { height: 40px; width: 40px; background: #EE3E3E; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .social-links span.linkedin { height: 40px; width: 40px; background: #0077B5; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .social-links span.instagram { height: 40px; width: 40px; background: #835845; border-radius: 50px; display: flex; align-items: center; justify-content: center; } .social-links span.instagram a:hover { opacity: 1; } /*======= contact-2 Page Style ========================= */ #contact-2 .contact-details { margin-bottom: 20px; } #contact-2 .contact-details a { height: 150px; width: 150px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 10px; transition: all ease-in-out .3s; } #contact-2 .contact-details a.email { background: #A7E3C1; } #contact-2 .contact-details a.call { background: #69C4C7; } #contact-2 .contact-details a.map { background: #F5928B; } #contact-2 .contact-details a span.icons { color: #fff; font-size: 58px; } #contact-2 .contact-details a:hover { border: 3px solid #2C3E50; } #contact-2 .contact-details a:hover span.icons { color: #2C3E50; transition: all ease-in-out .5s; } #contact-2 .contact-details .email, #contact-2 .contact-details .site, #contact-2 .contact-details .mob-no, #contact-2 .contact-details .landline-no, #contact-2 .contact-details .address { font-size: 18px; color: #808080; font-weight: 600; line-height: 24px; } #contact-2 .contact-details i.fa.fa-phone, #contact-2 .contact-details i.fa.fa-map-marker { color: inherit; margin-right: 0; } #contact-2 .contact-heading { margin-top: 45px; text-transform: uppercase; color: #EF8078; } #contact-2 .contact-heading .main-heading { font-size: 68px; font-weight: 600; letter-spacing: 8px; } #contact-2 .contact-heading .sub-heading { font-size: 20px; font-weight: 400; color: #00b9c1; line-height: 40px; text-transform: capitalize; margin-bottom: 30px; } #contact-2 .contact-form input[type="text"], #contact-2 .contact-form textarea { border: 2px solid #e4e7e8; padding: 10px; width: 100%; transition: all ease-in-out .3s; } #contact-2 .contact-form input[type="text"]:focus, #contact-2 .contact-form textarea:focus { border: 2px solid #019779; padding: 10px; border-radius: 0; } #contact-2 .contact-form .text-area { margin-top: 15px; margin-bottom: 25px; } #contact-2 .gmap { margin-top: 50px; margin-bottom: 0; } #contact-2 .social-links ul { display: flex; justify-content: center; } @media(max-width:768px) { #contact-2 .contact-heading .main-heading { letter-spacing: normal; font-size: 32px; margin-bottom: 15px; } #contact-2 .contact-heading .sub-heading { line-height: normal; font-size: 16px; margin-bottom: 10px; } #contact-2 .contact-form .text-area { margin-bottom: 15px; } #contact-2 .social-links ul li:last-child { margin-right: 0; } } @media(max-width:360px) { #contact-2 .contact-details a { height: 65px; width: 65px; } #contact-2 .contact-details a span.icons { font-size: 28px; } } @media(min-width: 1000px) and (max-width: 1200px) { .sub_popular img { float: left; margin-right: 20px; } .popular_filter1 { margin-bottom: 20px; } .popular_filter1 { padding-left: 0px; padding-right: 0px; } .sub_popular h6 { font-size: 13px; font-weight: bold; margin-bottom: 7px; line-height: 19px; } .sub_popular p { color: #545454; margin-bottom: 10px; font-size: 12px; } .ads_banner { width: 100px; height: 110px; float: left; padding-top: 10px; padding-right: 13px; margin-left: 5px; } img.ads_banner2 { padding-top: 10px; width: 100px; margin-left: 5px; } #contact-2 .contact-details .mob-no { font-size: 18px; color: red; font-weight: 600; line-height: 24px; } .contact-details .landline-no { font-size: 18px; color: red; font-weight: 600; line-height: 24px; } }