/* ================================= CSS Structure ================================= 1. GLOBAL STYLES - Main Styles - Extra Classes - Fonts - Common Slider Controls 2. EXTRA STYLES - Shape - Section Title & Subtitle - Page Loader Styles - General ---- PAGES ----- 3. HOME PAGE - Header Top Section - Navigation - Logo Style - navigation-menu - Sticky Container - Slider - Work Section - Your Work Section - Features Section - Video Section - Pricing Section - Team Section - Partners Section - Devolepment Section - Devolepment Left Tab - Devolepment Right Tab - Testimonial Section - Footer Section -Twitter Feed Section - CopyRights Section 4. ABOUT US PAGE - Page Description Section - We Work With Team Section - About US Content Section - All You Want To Know About Us Section - Skill Counter Section( Round Piechart ) - Partners Section - Review Section 5. SERVICES PAGE - Page Description Section 6. PROJECT PAGE - Page Description Section - Your Works Section 7. SINGLE PROJECT PAGE - Page Description Section - Single Works Section 7. CONTACTS PAGE - Page Description Section - Our Contact Section - Our Contact Details Section - Customer Support Section 8. BLOG PAGE - Page Description Section - Blog Picture slider Section 9. SINGLE BLOG PAGE - Page Description Section - Comments Section - Comment Form =========================================================================== */ /*------------------------ GLOBAL STYLES ----------------------*/ .container{ width:100%; max-width:1200px; } h1, h2, h3{ font-family: 'Lato'; } h1{ font-size:28px; } h2{ font-size:24px; } h3{ font-size:19px; } h4{ font-size:15px; } p{ font-family: 'Lato'; font-size:14px; color:#7c7b7b; } .slider-container{ max-width:1230px; } .animated { visibility:hidden; } .visible { visibility:visible; } /* ---------- Extra Classes -----------*/ .rss-icon:hover{ color:#F36F24; } .facebook-icon:hover{ color:#3c599f; } .twitter-icon:hover{ color:#5EAADE; } .youtube-icon:hover{ color:#dd2b29; } .google-icon:hover{ color:#df4b38; } .dribble-icon:hover{ color:#fff; } .vimeo-icon:hover{ color:rgb(170, 212, 80); } .skype-icon:hover{ color:#00AFF0; } .tumblr-icon:hover{ color:#16b6ea; } a:hover, a:focus{ outline:none; text-decoration:none; } .section{ padding:55px 0px 60px; position:relative; } .section-inner{ padding:55px 0px 60px; } .fa.fa-link.color-blue{ transform:rotate(90deg); } /* ===== SHAPE ======*/ .slant-top-angle { width: 100%; border-top: medium solid #fff; border-left: medium solid transparent; position: absolute; left: 0; top: 0; transform: scale(.9999); -moz-transform: scale(.9999); -webkit-transform: scale(.9999); -o-transform: scale(.9999); /*-ms-transform: scale(.9999);*/ } .onlinereceiptbox { background: url("../images/receipt-boxbg.png") no-repeat scroll left top rgba(0, 0, 0, 0); color: #fff; font-size: 15px; font-weight: bold; height: 226px; line-height: 1.4em; margin: 10px 0 15px; padding: 20px 10px 10px 0; width: 650px; } .slant-bottom-angle { width: 100%; border-bottom: medium solid #fff; border-right: medium solid transparent; position: absolute; left: 0; top: 0; transform: scale(.99999); -moz-transform: scale(.99999); -webkit-transform: scale(.99999); -o-transform: scale(.99999); } /* Section Title & Subtitle */ .section-title{ font-size:24px; font-family: 'Lato'; text-align:center; margin-top:0px; } .sub-title{ font-size:15px; padding:0px 5% 45px; margin:0px; text-align:center; } .button{ font-size:15px; text-align:center; padding:7px; border:0px; } .button a{ color:#FFFFFF; display:block; } /* ------------- Page Loader Styles ------------- */ #pageloader { background-color: #FFFFFF; height: 100%; position: fixed; top: 0; width: 100%; z-index: 9999; } .loader-item { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 3px solid rgba(0, 0, 0, 0) !important; border-left: 3px solid; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; -ms-border-radius: 200px; border-right: 3px solid; border-top: 3px solid; height: 40px; left: 50%; margin: -20px 0 0 -20px; position: absolute; text-align: center; top: 50%; width: 40px; } .loader-item h2 { color: #CCCCCC; font-size: 20px; margin: 0 auto; } .colored-border { border-color: #3498db; } /* General */ .scrolling { display:none; margin:20px 0px 0px; position:relative; } .scrolling > span:after { content: ""; height: inherit; left: 68%; position: absolute; top: -6px; width: inherit; transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); } /* Common Slider Controls */ .section .owl-controls .owl-page span { border-radius: 0; background:#CBCBCB; } .section .owl-buttons { position: absolute; top: 30%; text-align:center; width: 100%; } .section .owl-buttons i{ text-align:center; } .section .owl-controls .owl-buttons div { font-size:20px; opacity:1; width:40px; height:45px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; position:absolute; border-bottom: none; padding:8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .section .owl-buttons .owl-prev{ left:-5%; } .section .owl-buttons .owl-next{ right:-5%; } .section .owl-buttons .owl-prev:after{ background: inherit; bottom: -3px; content: ""; height: 10px; right: -1px; position: absolute; transform: skew(8deg) rotate(8deg); -moz-transform: skew(8deg) rotate(8deg); -webkit-transform: skew(8deg) rotate(8deg); -o-transform: skew(8deg) rotate(8deg); -ms-transform: skew(8deg) rotate(8deg); width: 102%; } .section .owl-buttons .owl-next:after{ background: inherit; bottom: -3px; content: ""; height: 10px; right: 0; position: absolute; transform: skew(-8deg) rotate(-8deg); -moz-transform: skew(-8deg) rotate(-8deg); -webkit-transform: skew(-8deg) rotate(-8deg); -o-transform: skew(-8deg) rotate(-8deg); -ms-transform: skew(-8deg) rotate(-8deg); width: 39px; } .section .owl-controls .owl-buttons div:hover i{ color:#FFFFFF !important; } /*------------------------ HEADER TOP SECTION ----------------------*/ .header-top{ background:url(../images/background-images/header-footer-bg.jpg) repeat; width:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .header-top ul{ list-style:none; } .header-top .navbar{ min-height:40px; } .header-top .header-top-left{ float:left; padding-left:0; } .header-top .header-top-right{ padding-left:0; } .header-top-left li,.header-top-right li{ font-family:Arial; float: left; font-size: 12px; height: 30px; line-height: 40px; padding-right:35px; position: relative; color:#7c7b7b; } .header-top-right li{ line-height: 50px; } .header-top-left li a,.header-top-right li a,.header-top button{ color:#fff; } .navbar-header .header-top-right li i{ padding-left:12px; } .header-top-left li i{ padding-right:3px; } .header-top-right li a{ padding-left:0; padding-right:0; height:auto; } .nav > li > a:hover, .nav > li > a:focus{ background:transparent; } .header-top .nav > li > a{ padding:0; } .header-top .nav > li{ margin:10px 0px 0px; padding-left: 7px; padding-right: 7px; } .header-top .navbar-toggle{ font-size: 22px; margin: 0; transform: rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); } .header-top-left li a{ font-size:12px; } .header-top-left li a i{ font-size:14px; } .header-top-right li a{ font-size:12px !important; } li a .fa.fa-skype { font-size: 22px; } .rss-icon:hover{ color:#F36F24; } .facebook-icon:hover{ color:#3C599B; } .twitter-icon:hover{ color:#5EAADE; } .youtube-icon:hover{ color:#D62424; } .google-icon:hover{ color:#DD4B39; } .dribble-icon:hover{ color:#fff; } .vimeo-icon:hover{ color:rgb(170, 212, 80); } .skype-icon:hover{ color:#00AFF0; } ul{ padding:0; } .header-top-right li a i{ transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; } /* Header / Navigation */ /* Logo Style */ .site-logo{ float: left; margin:12px 0; } .site-logo a{ font-size:40px; position: relative; margin: 0 auto; padding:8px 0 8px 36px; font-family: 'Lato'; } .site-logo a span{ color:#FFFFFF; transform: skew(10deg) rotate(10deg); -ms-transform: skew(10deg) rotate(10deg); -moz-transform: skew(10deg) rotate(10deg); -webkit-transform: skew(10deg) rotate(10deg); -o-transform: skew(10deg) rotate(10deg); transform-origin: left bottom 0; position:absolute; left:4px; top:3px; } .site-logo a:before{ bottom: 7px; content: ""; height: 45px; left: 0%; position: absolute; top: 16%; transform: skew(10deg) rotate(10deg); -ms-transform: skew(10deg) rotate(10deg); -moz-transform: skew(10deg) rotate(10deg); -webkit-transform: skew(10deg) rotate(10deg); -o-transform: skew(10deg) rotate(10deg); transform-origin: left bottom 0; width: 38px; z-index: 0; } /*navigation-menu*/ .navbar-default{ background:#fff; } .navbar{ border:none; z-index: 1001; margin-bottom:0; border-radius:0px; /*box-shadow: 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/ } .menu-bar .nav > li{ min-width:96px; color:#FFFFFF; } .menu-bar .nav > li a:after{ background: inherit; bottom: 0; content: ""; left: 0; position: absolute; transform: skew(9deg) rotate(9deg); -ms-transform: skew(9deg) rotate(9deg); -moz-transform: skew(9deg) rotate(9deg); -webkit-transform: skew(9deg) rotate(9deg); -o-transform: skew(9deg) rotate(9deg); transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; width: 98.6%; z-index: 1; } .menu-bar .nav > li a.active:after{ display:none; } .menu-bar .navbar-nav > li > a{ font-size:14px; font-family: 'Lato'; color:#7b7a7a; text-transform:uppercase; text-align:center; } .menu-bar .navbar-nav > li > a { padding-bottom: 20px; padding-top: 20px; } .menu-bar .navbar-nav > li > a { line-height: 45px; } .navbar-header .navbar-toggle { border:none; padding:6px 3px !important; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none; } .menu-bar .navbar-toggle{ float:none; } .menu-bar button{ width:100%; margin-bottom:20px; } .menu-box { display: block; width: 100%; color:#FFFFFF; font-family: 'Lato'; height:28px; font-size:16px; text-align:left; padding:2px 10px; position:relative; } .menu-box:after { background: inherit; bottom: 0; content: ""; height: 26px; left: 0px; position: absolute; transform: skew(2deg) rotate(2deg); -ms-transform: skew(2deg) rotate(2deg); -moz-transform: skew(2deg) rotate(2deg); -webkit-transform: skew(2deg) rotate(2deg); -o-transform: skew(2deg) rotate(2deg); transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; width: 100%; z-index: 0; } .menu-box .menu-button{ font-size: 30px; line-height: 0.8; margin-top:1%; position: absolute; right: 5px; z-index: 9; } .menu-box .menu{ position: absolute; left: 10px; z-index: 9; } .menu-bar .nav > li:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active{ color:#fff; } /* ------------- Sticky Container ------------- */ .sticky-wrapper.is-sticky .top-container { position: relative; padding: 10px 13px 10px; } .sticky-navigation { width: 100%; z-index: 1001; } #top-section .collapse.in{ z-index:9999; } #sticky-section{ background:#FFFFFFF; /*height:85px;*/ } /*Slider*/ .top-slider{ background: #d8d7d5; /* Old browsers */ background: -moz-linear-gradient(top, #d8d7d5 0%, #d8d7d5 4%, #dad9d7 6%, #dbd9da 6%, #dbd9da 11%, #dbdad6 12%, #dbd9da 13%, #dbdad8 18%, #dbd9dc 18%, #dbdad6 18%, #dbd9da 18%, #dad9d7 19%, #dbd9da 19%, #dbd9da 23%, #dad9d7 23%, #dbd9da 23%, #dcdadb 26%, #dbdad8 36%, #dbd9dc 37%, #d8d6d7 46%, #d9d7d8 48%, #d7d5d6 49%, #d7d5d8 55%, #d5d3d4 58%, #cfcdd0 60%, #cbc9ce 65%, #cbc9ce 68%, #cfcdd0 69%, #cccacd 70%, #ceccd1 71%, #cdcbce 71%, #cbc9ce 73%, #ceccd1 73%, #cccacd 74%, #ceccd1 76%, #cccacd 77%, #cecccf 81%, #cdcbd0 82%, #cccacd 82%, #cdcbd0 84%, #cdcbce 88%, #cbcad0 88%, #cccacd 89%, #cdcbd0 93%, #cccacd 94%, #cdcbd0 96%, #cccacd 98%, #cdcbd0 98%, #cdcbce 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d7d5), color-stop(4%,#d8d7d5), color-stop(6%,#dad9d7), color-stop(6%,#dbd9da), color-stop(11%,#dbd9da), color-stop(12%,#dbdad6), color-stop(13%,#dbd9da), color-stop(18%,#dbdad8), color-stop(18%,#dbd9dc), color-stop(18%,#dbdad6), color-stop(18%,#dbd9da), color-stop(19%,#dad9d7), color-stop(19%,#dbd9da), color-stop(23%,#dbd9da), color-stop(23%,#dad9d7), color-stop(23%,#dbd9da), color-stop(26%,#dcdadb), color-stop(36%,#dbdad8), color-stop(37%,#dbd9dc), color-stop(46%,#d8d6d7), color-stop(48%,#d9d7d8), color-stop(49%,#d7d5d6), color-stop(55%,#d7d5d8), color-stop(58%,#d5d3d4), color-stop(60%,#cfcdd0), color-stop(65%,#cbc9ce), color-stop(68%,#cbc9ce), color-stop(69%,#cfcdd0), color-stop(70%,#cccacd), color-stop(71%,#ceccd1), color-stop(71%,#cdcbce), color-stop(73%,#cbc9ce), color-stop(73%,#ceccd1), color-stop(74%,#cccacd), color-stop(76%,#ceccd1), color-stop(77%,#cccacd), color-stop(81%,#cecccf), color-stop(82%,#cdcbd0), color-stop(82%,#cccacd), color-stop(84%,#cdcbd0), color-stop(88%,#cdcbce), color-stop(88%,#cbcad0), color-stop(89%,#cccacd), color-stop(93%,#cdcbd0), color-stop(94%,#cccacd), color-stop(96%,#cdcbd0), color-stop(98%,#cccacd), color-stop(98%,#cdcbd0), color-stop(100%,#cdcbce)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%); /* IE10+ */ background: linear-gradient(to bottom, #d8d7d5 0%,#d8d7d5 4%,#dad9d7 6%,#dbd9da 6%,#dbd9da 11%,#dbdad6 12%,#dbd9da 13%,#dbdad8 18%,#dbd9dc 18%,#dbdad6 18%,#dbd9da 18%,#dad9d7 19%,#dbd9da 19%,#dbd9da 23%,#dad9d7 23%,#dbd9da 23%,#dcdadb 26%,#dbdad8 36%,#dbd9dc 37%,#d8d6d7 46%,#d9d7d8 48%,#d7d5d6 49%,#d7d5d8 55%,#d5d3d4 58%,#cfcdd0 60%,#cbc9ce 65%,#cbc9ce 68%,#cfcdd0 69%,#cccacd 70%,#ceccd1 71%,#cdcbce 71%,#cbc9ce 73%,#ceccd1 73%,#cccacd 74%,#ceccd1 76%,#cccacd 77%,#cecccf 81%,#cdcbd0 82%,#cccacd 82%,#cdcbd0 84%,#cdcbce 88%,#cbcad0 88%,#cccacd 89%,#cdcbd0 93%,#cccacd 94%,#cdcbd0 96%,#cccacd 98%,#cdcbd0 98%,#cdcbce 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d7d5', endColorstr='#cdcbce',GradientType=0 ); /* IE6-9 */ position:relative; } .carousel-control.right, .carousel-control.left{ background:none; filter: none; } .carousel-indicators li.active{ border:none; } .carousel-control{ opacity:1; text-shadow:none; width:auto; height:30px; top:50%; } .left.carousel-control{ background:transparent; border-bottom:none; left:8%; top:45%; height:45px; width: 40px; padding:8px; } .left.carousel-control:after{ background: inherit; bottom: -3px; content: ""; height: 10px; left: 0; position: absolute; transform: skew(8deg) rotate(8deg); -moz-transform: skew(8deg) rotate(8deg); -webkit-transform: skew(8deg) rotate(8deg); -o-transform: skew(8deg) rotate(8deg); -ms-transform: skew(8deg) rotate(8deg); width: 39px; } .right.carousel-control{ background:transparent; border-bottom:none; right:8%; top:45%; height: 45px; width: 40px; padding:8px; } .right.carousel-control:after{ background: inherit; bottom: -3px; content: ""; height: 10px; right: 0; position: absolute; transform: skew(-8deg) rotate(-8deg); -moz-transform: skew(-8deg) rotate(-8deg); -webkit-transform: skew(-8deg) rotate(-8deg); -o-transform: skew(-8deg) rotate(-8deg); -ms-transform: skew(-8deg) rotate(-8deg); width: 39px; } .left.carousel-control:hover,.right.carousel-control:hover{ color:#fff; } .carousel-inner img{ float:right; } .carousel-caption{ text-shadow:none; text-align:left; left:0; top:11%; width:100%; padding-left:3px; padding-right:3px; } .carousel-caption h1 { font-size: 29px; margin-bottom:15px; margin-top:10; } .carousel-caption p{ font-family: 'Lato'; margin-bottom:0; color:#737373; font-size:16px; } .carousel-caption .btn{ margin-top:25px; height:35px; width:155px; border-radius:0; font-family: 'Lato'; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; } .carousel-caption .btn:hover{ background:transparent; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; } .carousel-indicators li{ } /* Work Section */ .work-box{ width:100%; min-height:295px; position:relative; padding: 20px 15px 40px; text-align:center; color:#fff; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .work-box:after{ background: #fff; bottom: -20px; content: ""; height: 31px; left: 0; position: absolute; transform: skew(4deg) rotate(4deg); -ms-transform: skew(4deg) rotate(4deg); -moz-transform: skew(4deg) rotate(4deg); -webkit-transform: skew(4deg) rotate(4deg); -o-transform: skew(4deg) rotate(4deg); /*transform-origin: right bottom 0; -ms-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -o-transform-origin: right bottom 0;*/ width: 100%; z-index: 1; } .work-box i{ text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); /*font-size: 60px;*/ } .work-box h3{ margin-top:10; } .work-box p{ margin-top:25px; margin-bottom:18px; font-size:13px; } .work-box a{ color:#16b6ea; /*float:right;*/ font-size:13px; } .work-box a:hover{ text-decoration:none; } .work-box:hover{ background:#2e2e2e; /*transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;*/ } /* Your Work Section */ .your-work-section{ background:url(../images/background-images/work-bg.jpg) 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .work-section-inner { padding: 30px 0; } .your-work-section .owl-item:hover .mask { transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .your-work-section .owl-item img{ max-height:215px; height:100%; } .owl-item { overflow: hidden; } .screen-item { margin: 0 15px; position: relative; } .owl-item img { display: block; position: relative; height: auto; width:100%; } .owl-item .mask { height: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; opacity: 0.8; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); padding-top: 5%; } .owl-item .mask h3, .mask .date{ font-family: 'Lato'; font-size:19px; } .owl-item .mask .date{ font-size:14px; } .color-white{ color:#fff; } .mask-top{ margin:15px auto; } .mask-links a .fa { font-size: 20px; } .your-work-section .screen-item .mask-links li { list-style:none; float:left; } .zoom.work-control, .link.work-control{ font-size: 17px; text-align: center; background:#FFF; border:1px solid #FFF; border-bottom:none; text-shadow:none; position:absolute; opacity:1; margin: 0 -4px; line-height: 48px; height: 48px; width: 48px; } .zoom.work-control:after, .link.work-control:after { border-left: 47px solid rgba(0, 0, 0, 0); border-top: 12px solid #fff; content: ""; height: inherit; left: 0; position: absolute; top: 100%; transform: scale(0.9999); width: 100%; } .zoom.work-control { left:35%; } .link.work-control{ right:35%; } .zoom.work-control:hover, .link.work-control:hover{ -webkit-animation-name:fadeIn; -o-animation-name:fadeIn; -ms-animation-name:fadeIn; -moz-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1.5s; -o-animation-name:1.5s; -ms-animation-name:1.5s; -moz-animation-name:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode:both; -o-animation-name:both; -ms-animation-name:both; -moz-animation-name:both; animation-fill-mode:both; } /* Owl Pagination Controls */ .your-work-section .owl-pagination{ text-align:center; margin-top:21px; } .your-work-section .owl-controls .owl-page { display:inline-block; } .your-work-section .owl-controls .owl-page span{ display: block; height: 12px; margin: 5px 7px; width: 12px; border-radius:1px; } /* Features Section */ .features-section{ padding:28px 0px 20px; } .features-section .next-features{ margin-top:23px; } .features-section .content-title{ font-size: 22px; text-align: center; font-family: 'Lato'; } .features-section .sub-title{ padding:0 18% 40px; } .features-section p{ color:#6e6f6e; } .features-section .feature-icon { color: #ffffff; font-size: 33px; padding:0px; text-align: center; margin: 8px auto 0; position: relative; } .features-section i{ width:70px; height: 58px; display: block; line-height: 58px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } .features-section .feature-icon:after{ border-left: 70px solid rgba(0, 0, 0, 0); content: ""; height: inherit; position: absolute; top: 100%; left: 0; width: inherit; transform: scale(.9999); -moz-transform: scale(.9999); -webkit-transform: scale(.9999); -o-transform: scale(.9999); } /* Video Section */ .video-section { background:url(../images/background-images/video-bg.jpg) 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; } .video-section .video-title{ font-size:20px; margin:0 auto 30px; } .video-section .sub-title{ padding-bottom:43px; } .video-section iframe{ margin-top:0px !important; } .video-section ul li p{ font-size:15px; padding:5px 0 0; } .video-section .button { font-size: 18px; padding: 3px 0 3px 0; text-align: center; border: 0 none; max-width: 100%; width: 200px; height:35px; margin-top:23px; font-family: 'Lato'; color:#FFFFFF; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .video-section .button:hover{ background: none repeat scroll 0 0 transparent; transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; } .video-section ul { padding:0; } .video-section ul li i{ float:left; font-size:33px; margin:5px 10px 0 0; } .video-section iframe{ height:330px; width:100%; } .video-section ul li i.flaticon-share4{ font-size:28px; margin:6px 18px auto auto; } .video-section li { margin:10px 0; list-style:none; } .video-section li:hover i { text-align:center; } .video-bg { border-radius: 6px; height:310px; position: relative; } .video-part{ float:right; } .video-description{ color:#fff; } /* Pricing Section */ .pricing{ padding:28px 0px 39px; } .pricing .price-item { margin: 0 10px; } .pricing .sub-title{ color:#696868; padding-left:26.5%; padding-right:26%; } .pricing .price-box .price-box-inner{ border:1px solid #dcdcdc; border-top:hidden; } .pricing .price-box{ text-align:center; position:relative; } .pricing .price-box .price{ border-bottom:1px solid #dcdcdc; padding:15px 0px 10px; margin:0px 20px; } .pricing .price-box .price-category{ border-bottom:hidden; } .pricing .price-box .price-category h3{ padding-bottom:20px; margin-bottom:0px; } .pricing .price-box .price-category:after{ top:47px; content: ""; height: 15px; left: 0%; position: absolute; transform: skew(3deg) rotate(2.6deg); -ms-transform: skew(3deg) rotate(2.6deg); -moz-transform: skew(3deg) rotate(2.6deg); -webkit-transform: skew(3deg) rotate(2.6deg); -o-transform: skew(3deg) rotate(2.6deg); transform-origin: left bottom 0; width: 100%; z-index: 0; border-top:0px; } .pricing .price-box .premium{ color:#FFFFFF; } .pricing .price-box .premium:after{ content: ""; height: 20px; left: 0; position: absolute; top: 42px; transform: skew(2deg) rotate(2deg); -ms-transform: skew(2deg) rotate(2deg); -moz-transform: skew(2deg) rotate(2deg); -webkit-transform: skew(2deg) rotate(2deg); -o-transform: skew(2deg) rotate(2deg); transform-origin: left bottom 0; width: 100%; z-index: 0; } .pricing .price-box .currency{ font-size:45px; font-family:"Lato"; margin-bottom:-25px; } .pricing .price-box .time-period{ color:#c7c7c7; font-family:"Lato"; } .pricing .price-box ul{ padding-left:0px; } .pricing .price-box li{ list-style-type:none; color:#757474; padding:10px 0px; margin:0px 20px; border-bottom:1px solid #dcdcdc; } .pricing .price-box .order-now{ margin:0px 20px; padding:5px 0px 15px; } .pricing .price-box .button:hover{ background:#2e2e2e; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; } .pricing .owl-buttons{ display:none; } .pricing .button{ width:230px; max-width:100%; padding:10px 14px; font-family:"Lato"; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; margin: 0 auto; } /* Team Section */ .team-section { background:url(../images/background-images/team-sec-bg.jpg) 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .team-section .team-item { margin: 0 15px; } .team-section .team-item img { width:100%; } .team-section .designation, .social-team li .fa { color:#999999; } .team-section .team-content{ margin-top:-1px; position:relative; } .team-content p{ font-size:14px; } .team-section .team-item img{ width: 100%; } .social-team > ul { float: left; padding: 0; margin-bottom:0px; margin-top:-6px; } .social-team li { float: left; list-style: none outside none; padding:0px 4px; } .social-team li .fa { font-size:16px; } .team-section .team-item .name { margin:auto 0; } /* Partners Section */ .partners-section .owl-buttons { top: 0; } .partner-item { margin: 0 35px; } /* Development Section */ .development{ background:url(../images/background-images/skill-bg.jpg) 0 no-repeat fixed; color:#FFFFFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .development .sub-title{ padding:0px 25% 45px; } .development .button{ width:200px; border:0px; max-width:100%; margin-top:22px; font-family: 'Lato'; transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; } .development .button:hover{ background:transparent; color:#FFFFFF; transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; } .development h3{ margin:0; } .development .nav-tabs > li > a{ text-align:center; border:0px; font-size:16px; font-family: 'Lato'; border-radius:0px; border-top:hidden; border-left:hidden; box-shadow:2px 1px 1px #111111; } .development .nav-tabs > li.active > a, .development .nav-tabs > li.active > a:hover, .development .nav-tabs > li.active > a:focus{ color:#FFFFFF; border:0px; text-align:center; font-size:16px; border-radius:0px; } /* Development Left Tab */ .development .left-tab .nav-tabs{ border-bottom:0px; width:180px; max-width:100%; margin:0 auto; } .development .left-tab .nav-tabs > li > a, .development .left-tab .nav-tabs > li.active > a, .development .left-tab .nav-tabs > li.active > a:hover, .development .left-tab .nav-tabs > li.active > a:focus{ text-align:left; padding:9px 25px; } .development .left-tab .left-tab-content{ padding:0px 8px; } .development .left-tab .nav-tabs > li.active > a:after { border-style: solid; content: ""; height: 0; position: absolute; top: 0px; width: 0; } .development .left-tab .nav-tabs > li.active > a:after { border-width:20px 0 20px 21px; right:-21px; } .development .left-tab .tab7 a{ box-shadow:2px 0px 0px #111111; } .development .tab-content p{ margin:13px auto 0; line-height:1.3; } .development .nav-tabs > li{ float:none; } /* Development Right Tab */ .right-tab .nav-tabs > li.active > a, .right-tab .nav-tabs > li.active > a:hover, .right-tab .nav-tabs > li.active > a:focus, .right-tab .tabs{ border-top:0px; } .development .right-tab .nav-tabs{ border:0px; } .development .right-tab .nav-tabs > li > a{ box-shadow:none; padding:5px 15px; } .development .right-tab .nav-tabs > li{ margin-bottom:0px; } .right-tab .tabs .tab-content{ padding:21px 20px; } .right-tab .tabs .tab-content p{ margin:10px auto 0; } .right-tab .tabs .tab-content a{ font-size:13px; display:block; margin-top:10px; } .right-tab .nav-tabs > li{ float:left; width:25%; } .right-tab .nav-tabs > li a{ margin-right: 1px !important; border:1px solid; } .right-tab .nav-tabs li.mytab11 a{ width:100%; margin-right:0px; } .right-tab .nav-tabs > li.active > a:after{ color: #ffffff; content: ""; height: 12px; left: 0; width: 100%; position: absolute; top: 23px; transform: skew(4deg) rotate(4deg); -ms-transform: skew(4deg) rotate(4deg); -moz-transform: skew(4deg) rotate(4deg); -webkit-transform: skew(4deg) rotate(4deg); -o-transform: skew(4deg) rotate(4deg); transform-origin: left bottom 0; width:100%; } .right-tab li.mytab11.active > a:after{ width:100%; } /* Testimonial Section Begin */ #about-us .testimonials-section{ padding-top:10px; padding-bottom:65px; } .testimonials-section{ padding:28px 0 50px } .testimonials-item{ margin:0 auto; } .author-details{ position:relative; } .testimonials-section .author-details:after{ font-family: 'FontAwesome'; content: "\f10e"; position:absolute; color:#e3e7e6; font-size:35px; top:-4px; right:19px; font-style:italic; transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; } .testimonials-section .sub-title{ color:#696868; } .testimonials-section .name{ margin:-5px auto 7px; } .testimonials-section .designation{ color:#9d9d9d; font-size:14px; margin-top:0; margin-bottom:22px; } .testimonials-section .description{ font-size:14px; font-style:italic; color:#696969; } /* Footer Section -Begins */ .footer-bg{ background:url(../images/background-images/header-footer-bg.jpg) repeat fixed; } .footer-section{ padding:25px 0px 48px 0px; } .footer-section h3{ color:#FFFFFF; font-family: 'Lato'; } .footer-section p{ color:#a0a0a0; font-size:13px; font-family:Arial; margin-bottom:22px; } .footer-section li{ list-style:none; font-family:Arial; color:#a0a0a0; font-size:10px; } .footer-section .latest-post li a { font-style:italic; margin:0; /*font-size:15px;*/ color:#a0a0a0; font-size:10.5px; } .footer-section .latest-post li{ border-bottom:1px solid; padding-bottom:5px; padding-top:2px; } .footer-section .latest-post li a:hover{ } .footer-section hr{ border-style: inset none none; margin-bottom: 5px; margin-top: 5px; } .footer-section .flickr img{ max-width:60px; height:60px; width:100%; } .footer-section .flickr img:hover{ transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; } .footer-section .flickr li{ display:inline-block; margin-left:2px; } .footer-section ul{ padding:10px 0 0 0; } /* copy-rights-section*/ .copy-rights-bg{ background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2); padding:5px 0px; } .copy-rights-section p, .copy-rights-section a{ color:#a0a0a0 !important; font-family: 'Lato'; font-size:13px; margin-bottom: 0; margin-top: 8px; } .copy-rights-bg .social-icon i{ font-size:23px; padding:6px; } .copy-rights-bg .social-icon{ text-align:right; } /* ---- Twitter Feed Section ---- */ .twitter-feed .owl-buttons{ display:none; } .twitter-feed i{ display:none; } .twitter-feed .owl-pagination, .twitter-feed .icon-twitter, .twitter-feed .tweet_time, .twitter-feed .username{ display:none; } .twitter-feed .tweet_text{ color:#a0a0a0; font-family:Arial; font-size:12px; font-weight:lighter; font-style:italic; } .twitter-feed .tweet_user a, .tweet_text a{ text-decoration:underline; color:#FFFFFF; font-size:13px; } .twitter-feed .tweet_user a, .tweet_text a, .twitter-feed, .tweet_text{ color:#a0a0a0; } .username a{ color:#FFFFFF !important; } .tweet_time a{ color:#a0a0a0 ; } .twitter-feed, .fa-twitter:before{ content:none; } /*========================================================================================= PROJECT SINGLE PAGE BEGINS =============================================================================================*/ /* Page Description Section */ #projects .page-desc-section{ border-bottom:1px solid #2ab8c5; border-top:1px solid #2ab8c5; background:#f2f2f2; } #projects .page-desc-section h2{ text-align:left; margin:15px auto 1px; padding-left:60px; } #projects .page-desc{ position:relative; } #projects .page-desc-section .page-desc:before{ font-family: 'FontAwesome'; content: "\f109"; position:absolute; font-weight:900; font-size:44px; } #projects .page-desc-section p{ color:#7e7e7e; font-size:15px; padding-left:60px; } /* Your Works Section ( Projects Single Page) */ #projects .your-works-section{ padding:65px 0 75px; } #projects .your-works-section p{ padding:0 7% 15px; } #projects .your-works-section .work-item:hover .mask { transform: translateY(0px); -ms-transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transform: translateY(0px); -o-transform:translateY(0px); margin:0 auto; display:block; max-width:370px; } #projects .your-works-section .work-item{ position:relative; margin:30px auto 0; display:block; max-width:370px; } #projects .your-works-section .work-item { overflow: hidden; } #projects .your-works-section .work-item img { display: block; position: relative; height: auto; width:100%; max-width:370px; } #projects .your-works-section .work-item .mask { height: 100%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; max-width:370px; opacity: 0.8; transition: all 0.3s ease-in-out 0s; transform: translateY(-100%); -ms-transform: translateY(-100%); -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); padding-top: 5%; right:0; } #projects .your-works-section .work-item .mask h3, #projects .your-works-section .work-item .mask .date{ font-family: 'Lato'; font-size:19px; } #projects .your-works-section .work-item .mask .date{ font-size:14px; } #projects .your-works-section .mask-top{ margin:15px auto; } #projects .your-works-section .mask-links a .fa { font-size: 20px; } #projects .your-works-section .work-item .mask-links li { list-style:none; float:left; } #projects .your-works-section .zoom.work-control, #projects .your-works-section .link.work-control{ font-size: 17px; text-align: center; background:#FFF; border-bottom:none; text-shadow:none; position:absolute; opacity:1; margin:0 -4px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; line-height:56px; } #projects .your-works-section .zoom.work-control { left:35%; } #projects .your-works-section .link.work-control{ right:35%; } #projects .your-works-section .zoom.work-control:hover, #projects .your-works-section .link.work-control:hover{ background:#fff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; } #projects .your-works-section .work-description p{ color:#696868; font-size:13px; display: none; padding:0; margin:0; } #projects .your-works-section ul.work-pagination{ margin:50px auto 0; display:block; text-align:center; padding:0; } #projects .your-works-section ul.work-pagination li{ list-style:none; display:inline-block; margin:0 8px; font-size:17px; padding:4px 0px; font-weight:normal; position:relative; } #projects .your-works-section ul.work-pagination li a{ color:#696868; } #projects .your-works-section .work-pagination li.preview, #projects .your-works-section .work-pagination li.next{ color:#fff; height:43px; width:41px; font-size:16px; position:relative; line-height:2; border-bottom:0px; } #projects .your-works-section .work-pagination li.preview:hover, #projects .your-works-section .work-pagination li.next:hover{ background:transparent; border-bottom:0px; } #projects .your-works-section .work-pagination li.preview .fa, #projects .your-works-section .work-pagination li.next .fa{ color:#FFFFFF; } #projects .your-works-section .work-pagination li.preview:after{ bottom: -1px; content: ""; height: 12px; right:0px; position: absolute; transform: skew(15deg) rotate(15deg); -o-transform: skew(15deg) rotate(15deg); -ms-transform: skew(15deg) rotate(15deg); -moz-transform: skew(15deg) rotate(15deg); -webkit-transform: skew(13deg) rotate(13deg); transform-origin: left bottom 0; -o-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; width:102%; max-width:50px; z-index: 1; } #projects .your-works-section .work-pagination li:hover.preview:after, #projects .your-works-section .work-pagination li:hover.next:after{ border-top:0px; background:transparent; } #projects .your-works-section .work-pagination li.next:after{ bottom: -1px; content: ""; height: 12px; left:0px; position: absolute; transform: skew(-15deg) rotate(-13deg); -o-transform: skew(-15deg) rotate(-13deg); -ms-transform: skew(-15deg) rotate(-13deg); -moz-transform: skew(-15deg) rotate(-13deg); -webkit-transform: skew(-13deg) rotate(-13deg); transform-origin: right bottom 0; -o-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; -ms-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; width:102%; max-width:50px; z-index: 1; } /*============================================ SINGLE PROJECT SECTION BEGINS ============================================*/ /* Page Description Section */ #single-projects .page-desc-section{ border-bottom:1px solid #2ab8c5; border-top:1px solid #2ab8c5; background:#f2f2f2; } #single-projects .page-desc-section h2{ text-align:left; margin:15px auto 1px; padding-left:60px; } #single-projects .page-desc{ position:relative; } #single-projects .page-desc-section .page-desc:before{ font-family: 'FontAwesome'; content: "\f109"; position:absolute; font-weight:900; font-size:44px; top:8%; } #single-projects .page-desc-section p{ color:#7e7e7e; font-size:15px; padding-left:60px; } /* Single Works Section ( SINGLE PROJECT )*/ #single-projects .single-item-section{ padding:63px 0 30px; } #single-projects .single-item-section .sub-title{ color:#696868; } #single-projects .single-item-section .single-item h3{ margin:45px auto 0px; font-size:20px; } #single-projects .single-item-section .single-item p{ color:#696868; margin:15px auto 0; font-size:14px; } #single-projects .single-item-section .project-details{ margin-top:15px; } #single-projects .single-item-section .project-details h4{ font-size:16px; margin:0 auto 5px; font-family:'Lato'; } #single-projects .single-item-section .project-details p{ margin:0 auto 3px; } #single-projects .single-item-section .project-details .share-items{ margin-top:20px; } #single-projects .single-item-section .project-details .share-items h3{ margin:0; } #single-projects .single-item-section .project-details .share-items .share-icons { padding:0; margin-top:15px; } #single-projects .single-item-section .project-details .share-items .share-icons li{ display:inline-block; list-style:none; margin:0 5px; font-size:18px; } #single-projects .single-item-section .project-details .share-items .share-icons li a{ color:#696868; } #single-projects .single-item-section .project-details .share-items .share-icons li a .dribble-icon:hover{ color:#000000; } /* Your Work Section */ #single-projects .your-work-section{ background:none; color:#333333; padding:28px 0 65px; } #single-projects .section .owl-buttons i{ text-align:center; } /*========================================================================================= ABOUT US SINGLE PAGE BEGINS =============================================================================================*/ /* Page Description Section */ .page-desc-section{ border-bottom:1px solid #2ab8c5; border-top:1px solid #2ab8c5; background:#f2f2f2; } .page-desc-section h2{ text-align:left; margin:15px auto 1px; padding-left:40px; } .page-desc{ position:relative; } .page-desc-section .page-desc:before{ font-family: Flaticon; content: "\e00b"; position:absolute; font-weight:lighter; font-size:40px; top:15%; } .page-desc-section p{ color:#7e7e7e; font-size:15px; padding-left:40px; } /* We work with team Section */ #about-us .team-section { background:none; padding:63px 0 40px; } #about-us .team-section .team-content:before{ background:#FFFFFF; bottom:120px; height:40px; } #about-us .team-section .sub-title{ color:#696868; font-size:15px; } #about-us .team-section .team-content p, #about-us .team-section .team-content .designation{ font-size:13px; } /* About us content Section */ #about-us .about-us-content-section{ background:url(../images/background-images/video-bg.jpg) 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #about-us .about-us-content-section h2{ color:#FFFFFF; text-align:center; margin:0 auto; font-size:25px; } #about-us .about-content{ margin:45px auto 0px; } #about-us .about-content .office-image{ position:relative; } #about-us .about-content h3{ color:#FFFFFF; margin-top:-5px; margin-bottom:6px; } #about-us .about-content p{ color:#FFFFFF; font-size:14px; margin-bottom:10px; } #about-us .about-content img{ margin:0 auto; } /*----- All You Want To Know About Us Section ------*/ #about-us .know-about-us-section{ padding: 6px 0 12px; } #about-us .know-about-us-section .sub-title{ color:#696868; padding:0 14% 45px; } #about-us .know-about-us-section h2{ text-align:center; } #about-us .know-about-us-section h3{ font-size:14px; line-height:0; } #about-us .panel-heading:hover h3, #about-us .panel-heading.active h3{ color:#000000; } #about-us .collapse.in .tap-section, .panel-default > .panel-heading{ border-bottom:none; } #about-us .know-about-us-section .panel, panel-default{ border-radius: 0px; box-shadow:none; border-color:#c0c0c0; } #about-us .tap-section .panel-heading .panel-title > a{ position:relative; display:block; } #about-us .tap-section .panel-heading .accordion-toggle:after{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; bottom: 10px; content: ""; height:10px; right: 7px; position: absolute; transform: skew(8deg) rotate(7deg); -o-transform: skew(8deg) rotate(7deg); -ms-transform: skew(8deg) rotate(7deg); -moz-transform: skew(8deg) rotate(7deg); -webkit-transform: skew(8deg) rotate(7deg); transform-origin: left bottom 0; width: 31px; z-index: 1; } #about-us .tap-section .panel-heading .accordion-toggle:before { font-family: "fontawesome"; content: "\f068"; color: #fff; position:absolute; right:7px; width:31px; height:21px; text-align:center; top:4px; line-height:27px; z-index:2; } #about-us .tap-section .panel-heading .collapsed.accordion-toggle:before { content: "\f067"; } #about-us .tap-section p{ font-family:Arial; color:#696868; margin: -18px auto 0; border-top:1px solid #c0c0c0; padding-top:10px; } #about-us .tap-section, .panel-default > .panel-heading { background:none; } #about-us .tap-section, .panel-heading{ padding: 1px 11px 9px; position:relative; } #about-us .tap-section, .panel-group .panel{ margin-bottom:20px; } #about-us .tap-section, .panel-group .panel-heading + .panel-collapse > .panel-body{ border:none; } #about-us .skill-counter-section { padding-left: 0; } #about-us .skill-counter-section li{ list-style:none; } #about-us .skill-counter-section .progress { background-color: #f5f5f5; border-radius: 0; box-shadow: none; height: 15px; margin-bottom: 32px; } #about-us .skill-counter-section h3, .skill-counter-section span{ font-weight:600; font-size:13px; line-height:0.1; } #about-us .skill-counter-section span{ color:#000000; text-align:right; display:block; font-size:16px; } #about-us .skill-counter-section .progress{ background:#e1e1e1; position:relative; } #about-us .skill-counter-section .progress-bar{ height:90%; position:relative; } #about-us .skill-counter-section .progress:after{ background:#FFFFFF; bottom: 0; content: ""; height: 14px; left: 0; top:2px; position: absolute; transform: skew(1deg) rotate(1deg); -o-transform: skew(1deg) rotate(1deg); -ms-transform: skew(1deg) rotate(1deg); -moz-transform: skew(1deg) rotate(1deg); -webkit-transform: skew(1deg) rotate(1deg); transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; width: 200%; z-index: 1; } /* Skill Counter Section( Round Piechart ) */ .skill{ background:url(../images/background-images/skill-bg.jpg) 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; } .skill h3, #about-us .skill h2{ text-align:center; } .skill p{ font-family:Arial; color:#fff; text-align:center; margin:0 auto; padding:0 14% 45px; } .piechart { position: relative; display: inline-block; text-align: center; margin: 31px auto -24px; width: 100%; } .skill .counter-description { font-size:14px; font-family:'Lato'; padding:0 16%; } .piechart canvas { position: absolute; top: 0; left: 46%; margin-left: -70px; color: #E26853; } .piechart span { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; color: #FFFFFF; font-family: 'Lato'; display: block; font-size: 42px; font-weight:500; height: 162px; left: 46%; line-height: 200px; margin-bottom: 25px; margin-left: -75px; position: relative; top: -26px; width: 162px; z-index: 2; } .piechart span:after { content: '%'; font-size: 42px; } /* Partners Section */ #about-us .partners-section .sub-title{ color:#696868; } /* Review Section*/ #about-us .review-section{ background:url(../images/background-images/review-bg.jpg) 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #about-us .review-section p{ font-family: 'Lato'; font-style:italic; font-size:16px; color:#FFFFFF; text-align:center; padding:0 10.4% 35px; margin:0 auto; line-height:1.6; } #about-us .review-section .owl-buttons{ display:none; } #about-us .review-section h3{ color:#FFFFFF; text-align:center; margin:0 auto 4px } #about-us .review-section a{ color:#fff; text-align:center; display:block; font-family: 'Lato'; font-size:17px; } #about-us .review-section a:hover{ text-decoration:underline; } /* ------------------------ About Us page ends ---------------------*/ /*========================================================================================= BLOG BEGINS =============================================================================================*/ /* Page Description Section */ #blog .page-desc-section .page-desc:before{ content: "\f075"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 0.5em; position: absolute; font-weight:900; font-size:30px; top:15%; } .page-desc-section h2,.page-desc-section p{ padding-left:40px; } .blog-post{ padding-top:40px; padding-bottom:45px; } .blog-post .thumbnail{ background:transparent; margin-bottom:40px; position:relative; } .blog-post .thumbnail,.blog-post .thumbnail .caption{ border:none; padding:0; color:#000000; } .blog-top{ position:relative; float:left; width:100%; padding:15px; margin-top:20px; } .blog-top ul.slides{ padding:0; } .blog-photo{ width:100%; max-height:450px; } .blog-post .blog-content{ color:#676666; } .blog-post .thumbnail .btn{ height:35px; width:170px; color:#fff; border-radius:0; float:right; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; } .blog-post .thumbnail .btn:hover{ background:transparent; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; } .blog-post .blog-date{ height:63px; width:72px; position:absolute; left:3%; top:8%; color:#fff; z-index:10; } .blog-post .blog-date:after{ content:""; position:absolute; width:inherit; height:inherit; border-left: 72px solid transparent; top:100%; } .blog-post .blog-date h2{ text-align:center; font-size:24px; margin:0 }.blog-post .blog-date p{ text-align:center; font-weight:600; margin:0; } .blog-post .blog-date h4{ margin:0; text-align:center; font-size:17px; } .blog-post h3{ font-size:20px; margin-bottom:15px; margin-top:0; } .blog-post p{ font-size:14px; margin-bottom:0; margin-top:15px; } .blog-post .post-details{ color:#3e3f3f; margin-top: 9px; } .blog-post .post-details i{ padding-right:5px; font-size:16px; margin-top:10px; } .blog-post .fa:before{ padding-right:5px; } .blog-post i span{ font-family: 'Lato'; } .blog-post .fitvids{ width:100%; height:450px; } /* Blog Picture slider Section */ .flexslider{ border:none; margin:0; box-shadow:none; } .flex-control-nav{ display:none; } .flex-prev,.flex-next{ height:45px; width:40px; border-bottom:none; background:tranparent; padding:0 12px; position:relative; } .flex-prev:after{ background: inherit; bottom: -3px; content: ""; height: 10px; left: 0; position: absolute; transform: skew(8deg) rotate(8deg); -moz-transform: skew(8deg) rotate(8deg); -webkit-transform: skew(8deg) rotate(8deg); -o-transform: skew(8deg) rotate(8deg); -ms-transform: skew(8deg) rotate(8deg); width: 39px; } .flex-next:after{ background: inherit; bottom: -3px; content: ""; height: 10px; right: 0; position: absolute; transform: skew(-8deg) rotate(-8deg); -moz-transform: skew(-8deg) rotate(-8deg); -webkit-transform: skew(-8deg) rotate(-8deg); -o-transform: skew(-8deg) rotate(-8deg); -ms-transform: skew(-8deg) rotate(-8deg); width: 39px; } .flex-direction-nav a:before{ content: "\f104"; font-family: FontAwesome; font-size:25px; } .flex-prev:hover,.flex-next:hover{ color:#fff; } .flex-direction-nav a:hover:before{ color:#fff; } .flex-direction-nav a.flex-next:before{ content: "\f105"; } .flex-direction-nav .flex-prev,.flexslider:hover .flex-prev{ opacity:1; left:20px; } .flex-direction-nav .flex-next,.flexslider:hover .flex-next{ opacity:1; right:20px; } .flex-direction-nav a{ overflow:visible; text-shadow:none; } .blog-post .pagination{ text-align:center; display:block; } .blog-post .pagination > li > a,.blog-post .pagination > li > span{ border:none; float:none; color:#969696; font-size:16px; padding: 6px 11px; } .blog-post .pagination > li:first-child > a,.blog-post .pagination > li:first-child > span,.blog-post .pagination > li:last-child > a,.blog-post .pagination > li:last-child > span{ border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; display:inline-block; height:45px; width:40px; border-bottom:none; background:tranparent; padding:12px; position:relative; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; } .blog-post .pagination > li:first-child > a:after,.blog-post .pagination > li:first-child > span:after{ background: inherit; border-top:none; bottom: 0; content: ""; height: 10px; left:-0.8px; position: absolute; transform: skew(8deg) rotate(8deg); -ms-transform: skew(8deg) rotate(8deg); -moz-transform: skew(8deg) rotate(8deg); -webkit-transform: skew(8deg) rotate(8deg); -o-transform: skew(8deg) rotate(8deg); transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; width: 39.6px; z-index: 1; } .blog-post .pagination > li:last-child > a:after,.blog-post .pagination > li:last-child > span:after{ background: inherit; border-top:none; border-right:none; bottom: 0; content: ""; height: 10px; left: -1px; position: absolute; transform: skew(-8deg) rotate(-6deg); -ms-transform: skew(-8deg) rotate(-6deg); -moz-transform: skew(-8deg) rotate(-6deg); -webkit-transform: skew(-8deg) rotate(-6deg); -o-transform: skew(-8deg) rotate(-8deg); transform-origin: right bottom 0; -ms-transform-origin: right bottom 0; -moz-transform-origin: right bottom 0; -webkit-transform-origin: right bottom 0; -o-transform-origin: right bottom 0; width:38.9px; z-index: 1; } .blog-post .pagination > li:first-child > a:hover ,.blog-post .pagination > li:last-child > a:hover{ transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background:none; } .blog-post .pagination i{ font-size:20px; padding-right:0; } .pagination > li > a:hover i{ color:#fff; } /*-------- Blog Single Page -------------*/ .about-author{ min-height:110px; border:1px solid #b4b2b2; background:#ededed; padding:10px; margin-top:40px; } .thumb{ background:url(../images/blog-single/default-thumb.png) no-repeat; width:74px; height:92px; float:left; position:relative; } .thumb:after{ content: ""; height: 0; position: absolute; top: 90%; width: inherit; border-bottom: 10px solid #ededed; border-right: 80px solid transparent; } .author-photo{ height:100%; } .about-author h3{ margin: 0 0 0 90px; } .about-author p{ margin: 5px 0 0 90px; color:#5d5d5d; } /*---------- Comments Section -------------*/ .comments-part h2{ margin-top:-5px; } .comment{ min-height:110px; border:1px solid #b4b2b2; background:#fff; padding:10px; margin-top:0; margin-bottom:20px; } .comment h3{ margin: 0 0 0 90px; } .comment h3 span{ color:#9d9d9d; font-size: 14px; padding-left: 35px; } .comment p{ margin: 5px 0 0 90px; color:#5d5d5d; font-size:14px; } .comment a{ text-decoration:underline; } .comment .thumb:after{ border-bottom: 10px solid #fff; } .comments-part .reply{ float:right; width:91%; position:relative; } .comments-part .reply:nth-of-type(2n){ width:82%; } .comments-part .reply:before{ content: "\f148"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #cecece; font-size: 50px; padding-right: 0.5em; position: absolute; left: -60px; top:30%; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); } /*--------------- Comment form ------------------*/ .comment-form { padding-bottom: 55px; } .comment-form .left-area{ padding-top:16px; padding-right:12px; } .comment-form .right-area{ padding-left:12px; padding-top:15px; } .comment-form .form-control{ background:transparent; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; color:#4e4e4e; } .comment-form .form-horizontal .form-group{ margin-left:0; margin-right:0; } .comment-form button{ width:100%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border:none; color:#fff; min-height:36px; font-size:15px; position: absolute; width: 93%; bottom:34px; } .comment-form button:hover,.btn-default[disabled]{ background:transparent; color:#4e4e4e; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; } .comment-form .input-group-addon{ background:transparent; border-radius:0; border-right:none; -moz-border-radius:0; -ms-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; padding: 0 12px; } .comment-form .input-group-addon i{ font-size:25px; } .has-error .input-group-addon,.has-success .input-group-addon{ background:none; } .has-error .form-control,.has-error .form-control:focus,.has-success .form-control,.has-success .form-control:focus{ box-shadow:none; } .comment-form .form-control-feedback{ padding-left: 25px; padding-top: 10px; } .comment-form input.form-control{ height:34px; border-left:none; box-shadow:none; padding-left:0; } .comment-form textarea{ box-shadow:none; min-height:145px; } .comment-form .form-group { margin-bottom: 20px; } .form-message{ display:none; margin-bottom: -25px; text-align: center; color: white; margin-top: 10px; } .form-control:focus, .has-success .form-control:focus,.has-error .form-control:focus{ box-shadow:none; } /*-------- SERVICES PAGE -----------*/ /* Page Description ------*/ #services .page-desc-section .page-desc:before{ content:"\f013"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 0.5em; position: absolute; font-weight:900; font-size:35px; top:20%; } #services .work-area.bottom-angle{ padding:55px; } /*--------------CONTACT SINGLE PAGE BEGINS-----------------*/ /* Page Description Section */ #contact-us .page-desc-section{ border-bottom:1px solid #2ab8c5; border-top:1px solid #2ab8c5; background:#f2f2f2; } #contact-us .page-desc-section h2{ text-align:left; margin:15px auto 1px; padding-left:60px; } #contact-us .page-desc{ position:relative; } #contact-us .page-desc-section .page-desc:before{ font-family: Flaticon; content: "\e002"; position:absolute; font-weight:900; font-size:44px; top:8%; } #contact-us .page-desc-section p{ color:#7e7e7e; font-size:15px; padding-left:60px; } #contact-us .map-section iframe{ pointer-events:none; } /*--------- Our Contact Section --------------*/ #contact-us .our-contact-section{ /*padding:65px 0 30px;*/ padding-top:10px; } #contact-us .our-contact-section .sub-title{ color:#696868; padding:0 15% 45px; } #contact-us .contact-details-section{ background:url(../images/contact-details-bg.jpg) 0 no-repeat fixed; padding-bottom:40px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #contact-us .contact-details-section .sub-title, #contact-us .contact-details-section .section-title{ color:#ffffff; } #contact-us .contact-details-section .sub-title{ padding:0 14%; } /* Contact Deatils Section */ #contact-us .contact-details-section .datail-box{ /*height:190px;*/ max-width:270px; width:100%; border-bottom:0px; } .map #map_canvas{ width:100%; height:407px; border:7px solid #FFFFFF; } #contact-us .contact-details-section .datail-box{ position:relative; margin:48px auto 0; } #contact-us .contact-details-section .datail-box:after{ background:transparent; content: ""; left:0; position: absolute; transform: skew(5deg) rotate(5deg); -o-transform: skew(5deg) rotate(5deg); -ms-transform: skew(5deg) rotate(5deg); -moz-transform: skew(5deg) rotate(5deg); -webkit-transform: skew(5deg) rotate(5deg); transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; width: 100%; z-index: 1; height:25px; bottom:0px; border-top:0px; border-left: 0px; left:0; } #contact-us .contact-details-section .datail-box .detail-title{ position:relative; } #contact-us .contact-details-section .datail-box .detail-title:after{ content: ""; left:0; position: absolute; transform: skew(3deg) rotate(3deg); -o-transform: skew(3deg) rotate(3deg); -ms-transform: skew(3deg) rotate(3deg); -moz-transform: skew(3deg) rotate(3deg); -webkit-transform: skew(3deg) rotate(3deg); transform-origin: left bottom 0; -ms-transform-origin: left bottom 0; -moz-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; -webkit-transform-origin: left bottom 0; width: 100%; z-index: 1; height:15px; bottom:0; } #contact-us .contact-details-section .datail-box h3{ margin:0; padding:12px 0 12px 10px; color:#ffffff; text-transform:capitalize; } #contact-us .contact-details-section .datail-box .detail-content{ padding:25px 0 15px 20px; } #contact-us .contact-details-section .detail-content h4{ margin:0 0 2px; color:#ffffff; text-transform:capitalize; font-family:'Lato'; font-size:16px; } #contact-us .contact-details-section .detail-content p{ margin:0 0 15px; color:#a7a6a6; font-family:Arial; text-transform:capitalize; font-size:13.5px; } /* Customer Support Section - Begins */ #contact-us .customer-support-section{ padding:28px 0 75px; } #contact-us .customer-support-section p { padding:0 7% 35px; color:#696868; } #contact-us .customer-support-section .input-group{ margin:5px auto 15px; } #contact-us .customer-support-section .contact-boxes .form-control .message-box{ height:36px; } #contact-us .customer-support-section .input-group .input-group-addon:first-child { background:#fff; border-radius:0px; padding:0 0 0 10px; font-size:22px; border-right:0px; } #contact-us .customer-support-section .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{ border-left:0px; border-radius:0px; } #contact-us .customer-support-section .form-control{ border-left:0px; } #contact-us .customer-support-section .form-control:focus{ box-shadow:none; outline:none; } #contact-us .customer-support-section .form-control::-moz-placeholder, #contact-us .customer-support-section input, button, select, textarea{ color:#696868; font-family:'Lato'; } .contact-form-horizontal .has-feedback .form-control-feedback{ right:20px; padding-top:9px; } #contact-us .customer-support-section .form-control{ border-radius:0px; } #contact-us .customer-support-section .send-btn .send-button{ border-radius:0px!important; display:block!important; min-height:37px!important; color:#FFFFFF; width:100%!important; max-width:100%!important; font-size:16px!important; margin:15px auto 0!important; transition: all 0.4s ease-in 0s!important; -moz-transition: all 0.4s ease-in 0s!important; -webkit-transition: all 0.4s ease-in 0s!important; -o-transition: all 0.4s ease-in 0s!important; -ms-transition: all 0.4s ease-in 0s!important; } #contact-us .customer-support-section .comment-message{ font-family:'Lato'; font-size:15px; text-align:center; } #contact-us .customer-support-section .send-btn .send-button:hover{ background:transparent; transition: all 0.4s ease-in 0s; -moz-transition: all 0.4s ease-in 0s; -webkit-transition: all 0.4s ease-in 0s; -o-transition: all 0.4s ease-in 0s; -ms-transition: all 0.4s ease-in 0s; } /* pretty Photo */ .pluginCountButtonNub s, .pluginCountButtonNub i{ display:none; border:0px; } /*================ CONTACTS SINGLE PAGE ENDS ====================*/ .scroll-font { color: #737373; font-family: "Lato"; font-size: 16px; margin-bottom: 0; } .font-blue-circle { color:#16b6ea; font-family: "Lato"; font-size: 16px; } .padding-top-30 { padding-top:30px; } .price-bage { float: right; height: 200px; margin-left: 950px; position: absolute; width: 200px; z-index: 999; } .margin { margin-top:15px; margin-bottom:15px; } .border-blue { border-bottom:1px solid #16b6ea; border-top:1px solid #16b6ea; background:#f2f2f2; } .company-heading h1 { font-size:28px; color:#7c7b7b; } .box-heading h4 { font-size:18px; color:#fff; } .radius-box { border-radius:4px; background:#fff; padding:10px; padding-bottom:30px; margin-bottom:20px; } .nomargin{ margin:0px; } .nopadding{ padding:0px; } .right-form-font { color: #7C7B7B; font-family: "Lato"; font-size: 15px; font-weight:normal; line-height:18px; text-align:left; margin:0px!important; padding-top:6px; } .right-list-font { color: #7C7B7B; font-size: 15px; font-weight:normal; font-family: "Lato"; line-height:18px; text-align:left; margin:0px!important; padding-top:6px; } .right-form-font-white { color: #fff; font-family: "Lato"; font-size: 16px; font-weight:normal; line-height:18px; text-align:left; margin:0px!important; padding-top:6px; } .select { height:40px; width:100%; background:#e3e3e3; border-radius:4px; border:1px solid #d9d9d9; padding:10px; } .margin-top-10 { margin-top:10px; } .margin-top-20 { margin-top:20px; } .margin-bottom-10 { margin-bottom:10px; } .padding-top-20 { padding-top:20px; } .input { height:40px; width:100%; background:#e3e3e3; border-radius:4px; border:1px solid #d9d9d9; color:#16b6ea; padding:10px; margin-top:10px; } .textarea { min-height:50px; width:100%; background:#e3e3e3; border-radius:4px; border:1px solid #d9d9d9; color:#16b6ea; padding:10px; margin-top:10px; } .checkbox { height:20px; width:20px; background:#16b6ea; } .blue-button { height:50px; width:100%; background:#16b6ea; color:#FFF; text-align:center; font-size:24px; border-radius:4px; margin-top:20px; padding-top:6px !important; } .blue-button:hover { background:#10abdd; cursor:pointer; } .white-font-bold h4 { font-size:24px; color:#FFF; text-align:left; } .list li{ margin-bottom:0.5em; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#636941; line-height:18px; padding-top:10px; text-align:justify; padding-left:10px; } .slim-font-grey h4 { font-size:16px !important; font-weight:600 !important; color:#7c7b7b !important; font-family: "Lato" !important; line-height:18px !important; text-align:left !important; } .inner-forms-block { width: 100%; height: auto; float: left; background: #FFFFFF; border: 1px solid #e7e7e7; margin-bottom: 5px; padding: 10px; } .submenu{ background-color:#16b6ea; } .submenu li{ position:relative; transform:none; transform-origin:none; z-index: 1; } .submenu li:hover{ position:relative; transform:none; transform-origin:none; transform: none !important; z-index: 1; height:0px; } .submenu li:hover a{ background-color:#16b6ea; height:0px; transform: none !important; z-index: -11; } /*-----------------------in pages---------------------*/ .darkbb{ border:3px solid #CCCCCC; background-color:#EFEFEF; padding-top:17px; padding-bottom:17px; margin-bottom:8px; } .headnospace{ padding:0px; margin:0px; } .startbtn { background: #16b5ea; background-image: -webkit-linear-gradient(top, #16b5ea, #139bc4); background-image: -moz-linear-gradient(top, #16b5ea, #139bc4); background-image: -ms-linear-gradient(top, #16b5ea, #139bc4); background-image: -o-linear-gradient(top, #16b5ea, #139bc4); background-image: linear-gradient(to bottom, #16b5ea, #139bc4); -webkit-border-radius: 4; -moz-border-radius: 4; border-radius: 4px; font-family: Arial; color: #000; font-size: 35px; padding: 10px 20px 10px 20px; border: solid #129dc7 1px; text-decoration: none; text-shadow: 1px 2px 1px #fff; } .startbtn:hover { text-shadow: 1px 2px 1px #000; color:#FFF; background: #636263; background-image: -webkit-linear-gradient(top, #636263, #2e2e2e); background-image: -moz-linear-gradient(top, #636263, #2e2e2e); background-image: -ms-linear-gradient(top, #636263, #2e2e2e); background-image: -o-linear-gradient(top, #636263, #2e2e2e); background-image: linear-gradient(to bottom, #636263, #2e2e2e); text-decoration: none; border: solid #2e2e2e 1px; } .headingbottomborder{ border-bottom:2px solid #16b5ea; height:2px; } .paddtop{ padding-top:8px; } .ulpadd{ padding-left:25px; font-size:13px; font-family: "Lato"; } .headcolor{ color:#09F; } .bluepricebg{ background-color:#16B6EA; padding-top:7px; padding-bottom:7px; border-radius:6px 6px 0px 0px; color:#FFF; margin-bottom:1px; } .sepadding-left{ padding-left:0px; } .firstborder{ border-top:1px solid #16B6EA; border-right:1px solid #16B6EA; padding:5px; font-size:13px; } .firstborderleft{ border-top:1px solid #16B6EA; border-right:1px solid #16B6EA; padding:5px; } .lastpriceborder{ border-bottom:1px solid #16B6EA; } .rightgreybg{ background-color:#333; color:#FFF; padding:5px; } .clientloginbox{ color: #31708F; background-color: #D9EDF7; border:1px solid #BCE8F1; } .logpadding{ padding-top:15px; padding-bottom:15px; } .innerformtoppadd{ padding-top:10px; } .dropdown-menu li a{ color:#16b6ea !important; } /*----------29nov---------*/ .aboutbluebox{ color:#FFF; } .infieldco{ color:#333; } .basiclayoutforms{ border:1px solid #999; padding-bottom:30px!important; } .smalltips{ clear: both; padding: 9px 5px 9px 25px; background: url('../images/arrow-info.png') no-repeat scroll 9px 5px #DDF6FE; font-size: 11px; line-height: 1.2em; color: #777; border-radius: 6px; } .smalltipss{ clear: both; padding: 9px 5px 9px 25px; background:url(../images/question-icon.png) no-repeat scroll 9px 5px #DDF6FE; font-size: 11px; line-height: 1.2em; color: #777; border-radius: 6px; } .redwarningtext{ font-size:12px; line-height:18px; color:#F00; } .fieldmediumtext{ font-size:12px; } .fieldspadd{ padding-left:5px; padding-right:5px; } .innerdarkbox{ background-color:#16B6EA; border-radius:6px 6px 0px 0px; color:#333; padding-top:9px!important; padding-bottom:9px!important; background: #e4f5fc; /* Old browsers */ background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* IE10+ */ background: linear-gradient(to bottom, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 ); /* IE6-9 */ } .fillfield{ padding-top:6px; padding-bottom:6px; background-color:#DDF6FE; font-size:12px; margin-top:1px; border-right:1px solid #fff; } .fillinfofield{ padding-top:6px; padding-bottom:6px; background-color:#E1E1E1; font-size:12px; margin-top:1px; } .confirmpaybox{ background-color:#DDF6FE; border:1px solid #8CC8DB; color:#333; font-size:12px; padding:7px!important; } .coupbox{ border-bottom:2px solid #333; padding-bottom:10px!important; } .toppadded{ padding-top:8px!important; } .texttoppadding{ padding-top:7px!important; } .bgwhitefield{ background-color:#FFF; margin:0px; } /*------------apply coupon btn------*/ .apply { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #093f80), color-stop(1, #196096) ); background:-moz-linear-gradient( center top, #093f80 5%, #196096 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#093f80', endColorstr='#196096'); background-color:#093f80; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#ffffff!important; font-family:arial; font-size:15px; font-weight:bold; font-style:normal; width:100%; padding-top:9px; padding-bottom:7px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #000000; } .apply:hover { color:#FFF; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #196096), color-stop(1, #093f80) ); background:-moz-linear-gradient( center top, #196096 5%, #093f80 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#196096', endColorstr='#093f80'); background-color:#196096; }.apply:active { position:relative; top:1px; color:#FFF; } .DisclaimerBlockText{ width: 100%; height: 75px; overflow: auto; font-size: 11px; color: #999; font-family: Arial,Helvetica,sans-serif; text-align: justify; padding-right: 10px; } /*-------------apply coupon btn ends-----------*/ /*------shapes-------*/ *, *:before, *:after{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .css-shapes-previews{ position: relative; height: 0px; width: 0px; top: 70px; left: 95px; -webkit-transform: skew(0deg); transform: skew(0deg); border-top: 98px double transparent; border-left: 0px transparent; border-right: 53px solid #CCC; border-bottom: 100px solid transparent; } /*------shapes-------*/ /*----------client login css------------------*/ .blueshadebg{ background-color:#16B6EA; padding:18px 18px 18px 18px; /*transform:rotate(70deg); -webkit-transform: rotate(70deg); background:linear-gradient(50deg, rgba(37,183,244,0.15), rgba(0,0,0,0)); background-image: -webkit-linear-gradient(50deg, rgba(255,255,255,0.05), rgba(0,0,0,0)); For Safari */ } .whiteloginarea{ background-color:#FFF; padding-bottom:15px!important; padding-top:15px!important; } .arrowframe{ background-color:#f3f3f3; background-image:url(../images/top-top-bottom.png); background-repeat:no-repeat; } @media (min-width:990px) { .whiteloginarea{ background-color:#FFF; padding-bottom:87px!important; padding-top:86px!important; } .arrowframe{ background-color:#f3f3f3; background-image:url(../images/client-right-arrow.png); background-repeat:no-repeat; } } .blackshadow{ -webkit-box-shadow: -1px 13px 14px -2px rgba(0,0,0,0.52); -moz-box-shadow: -1px 13px 14px -2px rgba(0,0,0,0.52); box-shadow: -1px 13px 14px -2px rgba(0,0,0,0.52); } .userwhite{ font-size:12px; font-weight:normal; line-height:18px; color:#FFF; } .userwhite a:link{text-decoration:underline; color:#FFF;} .userwhite a:visited{text-decoration:underline; color:#FFF;} .userwhite a:hover{text-decoration:none; color:#FFF;} .totalprice{ background-color:#EAF8FD; border:1px solid #8CC8DB; padding-bottom:8px!important; } .couponprice{ background-color:#FFF; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #DCDCDC; } .couponpricenum{ background-color:#EFEFEF; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #DCDCDC; } .bluechoosecolor{ color:#16B6EA; } .bluechoosecolorlight{ font-size:17px; color:#16B6EA; } .newsize{ font-size:19px; color:#16B6EA; margin-bottom:0px; font-weight:500; } .mainchoosebox{ color:#000; text-align:left; } .hometextcolor{ color:#FFF; } .checkboxpadd{ padding-top:17px!important; } /*----------client login css ends here--------*/ /*accordian menu css*/ #ddblueblockmenu{ /*border: 1px solid black;*/ border-bottom-width: 0; width: 100%; } #ddblueblockmenu ul{ margin: 0; padding: 0; list-style-type: none; font: normal 90% 'Lato', Arial, sans-serif; clear:both; } #ddblueblockmenu li a{ /*display: block; padding: 10px 5px 10px 5px; padding-left: 9px;*/ width: 100%; /*185px minus all left/right paddings and margins*/ /*text-decoration: none; color: white; background-color: #2175bc; font-weight:bold; border-bottom:1px solid #fff;*/ /*border-left: 7px solid #1958b7;*/ } * html #ddblueblockmenu li a{ /*IE only */ width: 187px; /*IE 5*/ w\idth: 169px; /*185px minus all left/right paddings and margins*/ } #ddblueblockmenu li a:hover { /*background-color:#333;*/ border-left-color: #1c64d1; } #ddblueblockmenu li ul a{ margin-top:1px; display: inline; width: auto; /*185px minus all left/right paddings and margins*/ text-decoration: none; color:#16B6EA; /*border-left: 2px solid #1958b7;*/ padding:5px; line-height:21px; background-color:#fff; font-weight:normal; font-size:13px; /*background: #f5f5f5 url(../images/stepstocomplition/arrow.jpg) 3px 5px no-repeat !important;*/ } #ddblueblockmenu li ul a:hover { color:#333; background-color:#fff; } .ddd{ background-color:#ddf6fe!important; color: #666 !important; } .dddactive{ background-color:#666!important; } #ddblueblockmenu div.menutitle{ color: white; border-bottom: 1px solid black; padding: 7px 1px 7px 8px; padding-left: 5px; background-color: #2C2D2D; font: bold 90% 'Lato', Arial, sans-serif; } /*accordian menu css*/ .downloadformshade{ -webkit-box-shadow: -2px 3px 12px -5px rgba(0,0,0,0.75); -moz-box-shadow: -2px 3px 12px -5px rgba(0,0,0,0.75); box-shadow: -2px 3px 12px -5px rgba(0,0,0,0.75); } .highlightcolor{ background-color:#09C!important; color:#FFF!important; } .si{ font-size:16px!important; } .get{ font-size:13px; } /*--------------PopUp------------------------------*/ .PopMainBlock { width:100%; height:auto; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.40); border-radius:10px;} .PopMainBlockStates { width:981px; height:auto;} .PopRightTopCor {height:196px; width:100%; background:url(../images/hdrBg.jpg) left top no-repeat; /*margin-left:10px;*/ border-radius:10px 10px 0 0;} .PopRightTopCor span {width:10px; display:block; height:60px; float:left; /*background:url(../images/pop_left_top_cor.png) left top no-repeat;*/ margin-left:-10px;} .PopMainBlockStateList{ width:978px; height:auto;} P.PopTitleStateList {height:40px; padding:20px 0 0 45px; font-family:Arial, Helvetica, sans-serif; color:#114f64; font-size:20px; font-weight:bold; text-decoration:none;} .PopRightBotCor {height:16px; /*background:url(../images/pop_right_bot_cor.png) right top no-repeat;*/ margin-left:10px;} .PopRightBotCor span {width:10px; height:16px; float:left; /*background:url(../images/pop_left_bot_cor.png) left top no-repeat;*/ margin-left:-10px;} .PopMidBlock {/*background:#1b1b1b;*/ padding: 0 5px 0 5px; } .PopMidBlockwhite { /*background:#ffffff;*/ padding: 15px 15px 0 15px;} .PopMidBlockwhite span { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px; font-weight:normal; text-decoration:none;} .PopMidBlockStatewhite { background:#ffffff; padding: 15px 26px 0 15px;} .PopMidBlockStatewhite span { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:18px; font-weight:normal; text-decoration:none;} .PopMidBlockStatewhite ul { background:#ffffff; padding: 15px 26px 0 15px;} .PopMidBlockStatewhite ul li { background:#ffffff; padding: 15px 26px 0 15px;} P.PopTitle {background:url(../images/tick_icon.png) 10px no-repeat; height:40px; padding:20px 0 0 45px; font-family:Arial, Helvetica, sans-serif; color:#114f64; font-size:20px; font-weight:bold; text-decoration:none;} P.PopTitleOther {height:40px; padding:113px 360px 0 20px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:20px; font-weight:bold; text-decoration:none;} .ContinueButton { width:142px; height:auto; clear:both; padding:20px 0px 0 0px; margin:auto;} .ContinueButton a { background:url(../images/continue_button.png) no-repeat left 0px; text-indent:-99999px; display:block; height:33px; width:100%;} .ContinueButton a:hover { background-position:left -33px;} .OkButton { width:74px; height:auto; padding:20px 0px 0 0px; margin:auto;} .OkButton a, #TB_window .OkButton a { background:#16B6EA; display:block; height:45px; text-align:center; font:bold 20px/45px Arial, Helvetica, sans-serif; color:#FFF !important; border-radius:4px; padding:0px;} .OkButton a:hover, #TB_window .OkButton a:hover { background:#16B6EA;} .CancelButton { width:112px; height:auto; padding:20px 0px 0 0px; margin:auto;} .CancelButton a, #TB_window .CancelButton a { background:#16B6EA; display:block; height:45px; text-align:center; font:bold 20px/45px Arial, Helvetica, sans-serif; color:#FFF !important; border-radius:4px; padding:0px;} .CancelButton a:hover, #TB_window .CancelButton a:hover { background:#6a8c0d;} @media (min-width:768px) { .si{ font-size:24px!important; } .get{ font-size:17px; } } .DivorceStatusMain{width:619px; height:auto; float:left; padding-top:10px;} .DivorceStatusTop{width:619px; height:6px; float:left; background:url(../images/divorce_states_top_line.png) no-repeat;} .DivorceStatusBot{width:619px; height:5px; float:left; background:url(../images/divorce_states_bot_line.png) no-repeat;} .DivorceStatusMid{width:619px; height:auto; float:left; background: url(../images/divorce_states_bg.png) repeat-y;} .DivorceStatusInner{width:605px; height:auto; float:left; padding:0px 7px 35px 7px; background: url(../images/divorce_states_Inner_bg.png) left bottom repeat-x ;} .DivorceStatusInner2{width:605px; height:auto; float:left; padding:0px 7px 0px 7px; background: url(../images/divorce_states_Inner_bg.png) left bottom repeat-x ;} .ChecklistTop{ width:621px; height:auto; float:left; font-family:Arial, Helvetica, sans-serif; padding:0 0 3px 0; } .MyAccountMidTitle{background:url(../images/Document_icon.png) 0 0 no-repeat; height:38px; font-family:Tahoma, Geneva, sans-serif; font-size:24px;padding:10px 0 0 51px;} .ChecklistTop p{ font-size:14px; color:#3a3a3a; padding:2px 0 0 0; margin:0 !important; } .Checklist{ width:621px; height:auto; float:left; padding:8px 0 0 9px;} .Checklist ul{ list-style:none; margin:0px; padding:0px 17px 19px 0; border-right:#a4a4a4 solid 1px; float:left; } .Checklist ul li{ background:url(../images/chacklist_border.jpg) 0 100% repeat-x; width:270px; height:auto; float:left; clear:both; color:#05475d; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:8px 0 8px 5px; } .Checklist ul li span{ background:url(../images/arrow_listing.png) 0 4px no-repeat; padding:0 0 0 18px; display: block; } .Checklist ul.Last{ border:none; padding:0 0 0 19px; } .MarginBottom20{ margin-bottom:20px; } /****** For Tab View ******/ @media (max-width:990px) { .col-md-12{clear:left;} #accountinfoo,#creditcardinfoo{width:50%;} } /****** For Mobile View ******/ @media (max-width:480px) { #accountinfoo,#creditcardinfoo{width:100%; border-right:none!important; } #passwordfoo{width:100%; } #TB_ajaxContent{width:100%!important;} .PopMainBlock { width: 100% !important; overflow: hidden !important; } .PopRightTopCor {width:100%!important;} #TB_window { left: 0px; top:43%; width: 98% !important; margin-left: 2px !important; } P.PopTitleOther { height: 40px; padding: 42px 150px 0px 7px; font-family: Arial,Helvetica,sans-serif; color: #000; font-size: 13px; font-weight: bold; text-decoration: none; } .PopRightTopCor { border-radius: 10px 10px 0px 0px; height: 85px; width: 100% !important; background-image: url('../images/hdrBg.jpg') !important; background-position: center top !important; background-repeat: no-repeat; background-size: 100% auto !important; } .PopMidBlockwhite { padding: 15px 1px 0px; } .PopMidBlockwhite span { font-size: 12px!important;} .nomargin > .col-md-12{padding-left:0px!important; padding-right:0px!important;} .nomargin .col-md-6 {padding-left:0px!important; padding-right:0px!important;} #creditcardinfoo{float:left!important; } } /* PAYMENT FIELD PADDING CUSTOMIZE */ .row-custom .form-group{ padding: 0 6px !important; } div.panel:first-child { margin-top:20px; } .tree-toggler{display: block; padding: 10px 5px 10px 5px; padding-left: 9px; width: 100%; /*185px minus all left/right paddings and margins*/ text-decoration: none; color: white; background-color: #2175bc; font-weight:bold; border-bottom:1px solid #fff;} .tree-toggler:hover{ background-color:#2e2e2e; } .treeview-tree{ list-style-type: none; margin: 0; padding: 0; width: 100%; background-color: #f1f1f1; } li .tree-branch span{border:1px solid green; } .treeview-tree li{ padding:6px 10px; } .treeview-tree li span a{ border:1px solid red; cursor:pointer; } .hideip{ display:none; } .divhidexs{ display:block; } .paretxt{ font-size:15px!important; } .txtpatr{ font-size:9px!important; } .dvmgnt{ width:100%!important; } @media (min-width:520px) { .paretxt{ font-size:18px!important; } .txtpatr{ font-size:10px!important; } .dvmgnt{ width:100%!important; } } @media (min-width:768px) { .paretxt{ font-size:28px!important; } .txtpatr{ font-size:15px!important; } .dvmgnt{ width:20%!important; } } @media (min-width:1025px) { .hideip{ display:block; } .divhidexs{ display:none; } .dvmgnt{ width:10%!important; } } .page-desc-section{ margin-top:0px; } @media (min-width:1198px) { .page-desc-section{ margin-top:0px; } }