/* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: local('Montserrat-Regular'), url(zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin-ext */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url(0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } body {color: #424e5a; font-family:Raleway;font-size: 16px;line-height: 24px;} .boxed header { width: 100% } .boxed .wrap { background: #fff;} /* ===[ Headings ]===================================================== */ h1,h2,h3,h4,h5,h6 { color: #6c6d6e; font-weight: normal; margin: 0; font-family:'Montserrat';} h1 {color: #6c6d6e; font-size: 25px; font-weight: normal; margin: 0 0 14px 0; } h2 {color: #6c6d6e; font-size: 25px; font-weight: normal; margin: 0 0 26px 0; } h3 {color: #fff; font-size: 15px; line-height: 30px; font-weight: normal; letter-spacing: normal; margin-bottom: 15px; font-family:'Montserrat';} h4 {color: #6c6d6e; font-size: 16px; line-height: 22px; font-weight: normal; margin: 0 0 14px 0; font-family:'Montserrat';} h5 {color: #6c6d6e; font-size: 25px; font-family:'Montserrat'; font-weight: normal; margin: 0 0 14px 0; } h6 { color: #6c6d6e; font-size: 12px; line-height: 16px; font-weight: normal; margin: 0 0 14px 0; font-family:'Montserrat';} h1.big {font-size: 4.2em; line-height: 54px; font-family:'Montserrat';} h1.short { margin-bottom: 15px; } h2.short { margin-bottom: 15px } h3.short,h4.short,h5.short,h6.short { margin-bottom: 9px } h1.shorter,h2.shorter,h3.shorter,h4.shorter,h5.shorter,h6.shorter { margin-bottom: 0 } h1.tall,h2.tall,h3.tall,h4.tall,h5.tall,h6.tall { margin-bottom: 33px } h1.taller,h2.taller,h3.taller,h4.taller,h5.taller,h6.taller { margin-bottom: 44px } h1.spaced,h2.spaced,h3.spaced,h4.spaced,h5.spaced,h6.spaced { margin-top: 22px } h1.more-spaced,h2.more-spaced,h3.more-spaced,h4.more-spaced,h5.more-spaced,h6.more-spaced { margin-top: 44px } h1.dark,h2.dark,h3.dark,h4.dark,h5.dark { color: #6c6d6e } h1.white,h2.white,h3.white,h4.white,h5.white,h6.white { color: #FFF } h1.text-shadow,h2.text-shadow,h3.text-shadow,h4.text-shadow,h5.text-shadow,h6.text-shadow { text-shadow: 1px 1px 0 rgba(0,0,0,0.2) } h2 .inverted { min-height: 60px } /* ===[ Modal Titles ]============================================== */ .modal-header h3 {color: #333; text-transform: none;} /* ===[ Blockquote ]================================ */ blockquote { background: #fafafa;font-size: 14px; padding: 20px;} /* ===[ Paragraphs ]=================================== */ p {line-height: 24px;margin: 0 0 0px;} p.featured {font-size: 1.6em; line-height: 1.5em;} p.short { margin-bottom: 0 } p.tall { margin-bottom: 20px } p.taller { margin-bottom: 40px } p .alternative-font {display: inline-block; margin-top: -15px; position: relative;top: 3px; margin-bottom: -6px;} /* ===[ Icons List ]============================== */ ul.icons { list-style: none } ul.icons [class^="icon-"] { margin-right: 5px } ul.list li { margin-bottom: 13px } .light { color: #fff !important; margin-top:30px; font-family:'Montserrat'; font-weight:normal;} .border-light{border-bottom:2px #0d75c8 solid;color:#FFF !important;height:30px;} .dark { color: #000 !important } .wrap { overflow: hidden } .page-mask { width: 100%; height: 100%; position: fixed; background: #fff; top: 0px; left: 0px; z-index: 99999;} .page-loader { width: 44px; height: 44px; text-align: center; line-height: 44px; margin: 23% auto 0 auto; font-size: 12px;} .regbtnmnu{ margin-left:15px; padding-left:10px; padding-right:10px;} .spinner { border: 2px solid #eeeeee; font-size: 40px; width: 1em; height: 1em; border-radius: .5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-animation: spin 1s linear infinite; -moz-animation: spin 1s linear infinite; animation: spin 1s linear infinite;} .ExcRate{position: absolute; left:13%; top:8%; background:#fff; padding:10px; opacity: 0.7;} @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} @-moz-keyframes spin { to { -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes spin { to { -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}} img { max-width: 100%; margin-top: 0px;} .our-clients h3.title:after,.service-reasons h3.title:after { background: none } .our-clients h3.title,.service-reasons h3.title { color: #fff } .our-clients,.service-reasons {margin: 0 auto;padding: 50px 0;} .product-lead,.breadcrumb-wrapper { background: url(../img/bannerNew.jpg) 10% 0 no-repeat fixed; margin: 0 auto;background-position: center center;background-size: cover;} .pattern-overlay p { color: #fff } .app-img {position: relative;top: -45px;} #services {margin: 0 auto;background-position: center center;background-size: cover;} #services h3 { color: #fff } .client,.service-reasons {position: relative;overflow: hidden;} .our-clients .carousel-controls,.related-product .carousel-controls {display: inline-block;height: 25px;margin: 0 auto;text-align: center;width: 100%;} ul,li,ol {line-height: 24px;margin: 0;} #style-switcher ul,#style-switcher ul li {list-style: none;padding: 0;} a:hover,a:focus {text-decoration: none;outline: none;color: #283043;} .btn-special,.btn-normal,.btn-small,.btn-large,.comment-des,.steps .popup,.testimonial p,.contact-box { border-radius: 3px } /* ===[ Header ]================================ */ #header .main-header { min-height: 86px; z-index: 999; width: 100%; position: relative; background: #fff; -webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px -3px rgba(0,0,0,0.2);} header .top-bar { min-height: 40px; background: #fafafa; border-bottom: 1px solid #eee; padding: 0;} .topnav .navbar-toggle i { line-height: 20px } .dropdown-menu > li > a { margin-right: 0 } .dropdown-menu > li > a:hover { background: #fafafa } .phone-login .btn-group.open .dropdown-toggle { box-shadow: none } .phone-login .btn-group { margin-top: -3px } .phone-login .dropdown-menu {margin: 8px 0 0;border-radius: 0 0 3px 3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);} .phone-login { padding: 12px 0 3px; font-size:14px; } .phone-login a { /*margin-right: 20px */} .phone-login i.icon-phone { font-size: 14px } .phone-login i { margin-right: 3px; color:Orange; } header .social,footer .social {margin-right: 4px;line-height: 30px;padding-left: 0;} header #search-form { line-height: 30px } footer .social li:last-child,footer .social { margin-right: 0 !important } header .social li:first-child { border-left: 1px solid #ddd } header .social li,footer .social li { border-right: 1px solid #ddd; display: table-cell; vertical-align: middle; height: 40px; margin-right: 5px; width: 40px; text-align: center; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; padding: 1px;} header .social i,footer .social i { color: #555; font-size: 16px; -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out;} header .social li:hover a i,footer .social li:hover a i { color: #fff } #search-form input.search-text-box {background-color: #fff; background-position: 6px 56%; background-repeat: no-repeat; border: 0; color: transparent; font-size: 13px; line-height: 18px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; width: 25px; height: 25px; margin: 0; padding: 0;} #search-form .search-text-box:focus { font-size: 13px; background-color: #fff; width: 170px; height: 25px; border: 0; color: #888; cursor: text; text-align: left; padding: 0 15px 1px 25px;} header .main-header { display: block; position: relative; text-align: left;} .logo { height: 89px; } .logo h1 { margin: 13px 0 } .navbar-fixed-top { position: fixed !important; } .main-header .navbar-collapse { padding-left: 0; padding-right: 0; margin-top:30px;} h1 i,h2 i,h3 i,h4 i,h5 i { margin-right: 7px } .box-bg {background: #FAFAFA;border: 1px solid #DDD;margin-bottom: 25px;padding: 10px 15px;} /* ===[ Breadcrumbs ]========================= */ .login-page,.register-page { background: #FAFAFA; border: 1px solid #DDD; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); /* Safari 4-5,Chrome 1-9 */ background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f8f8f8),to(#fafafa)); /* Safari 5.1,Chrome 10+*/ background: -webkit-linear-gradient(top,#f8f8f8,#fafafa); /* Firefox 3.6+*/ background: -moz-linear-gradient(top,#f8f8f8,#fafafa); /* IE 10 */ background: -ms-linear-gradient(top,#f8f8f8,#fafafa); /* Opera 11.10+*/ background: -o-linear-gradient(top,#f8f8f8,#fafafa);} h2.title {font-size: 26px;line-height: 40px;margin: 20px 0;color: #fff;} .breadcrumbs {margin: 24px 0;color: #fff;} .breadcrumbs ul li { display: inline-block; line-height: 24px; font-size: 13px; color: #9e9e9e; margin: 0 0 0 5px; color: #fff;} .breadcrumbs ul li a {color: #fff;font-weight: 600;} .breadcrumbs ul li:first-child { margin-left: 2px !important } .breadcrumbs ul li:nth-child(2):before,.breadcrumbs ul li:first-child:before {content: " ";margin: 0;} .breadcrumbs ul li:before { color: #fff;content: "\f105";font-family: FontAwesome;font-size: 12px;margin: 0 9px 0 0;} /* ===[ Slider ]=================================== */ .fullwidthbanner-container { width: 100% !important; position: relative; max-height: 600px !important; overflow: hidden; background-image: url(../img/loader.gif); background-repeat: no-repeat; background-position: 50%; padding: 0; visibility: hidden;} .tp-leftarrow.default,.nivo-prevNav { border-bottom-right-radius: 3px; border-top-right-radius: 3px; z-index: 100; cursor: pointer; position: relative; background: #fff; padding-top: 20px !important; width: 45px; height: 60px; text-align: center; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; visibility: visible;} .nivo-prevNav:before { content: "\f053"; font-family: FontAwesome; font-size: 24px; font-style: normal; font-weight: 400; color: #fafafa; text-align: center; visibility: visible;} .tp-rightarrow.default,.nivo-nextNav { border-bottom-left-radius: 3px; border-top-left-radius: 3px; z-index: 100; cursor: pointer; position: relative; background: #fff; padding-top: 20px !important; width: 45px; height: 60px; text-align: center; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; visibility: visible;} .nivo-nextNav:before { content: "\f054"; font-family: FontAwesome; font-size: 24px; font-style: normal; font-weight: 400; color: #fafafa; text-align: center; visibility: visible;} .nivo-caption h2 {margin: 0;line-height: 60px;} /* ===[ Buttons ]============================= */ .btn:hover,.btn:focus { color: #fff } .input-group-btn .btn { height: 33px } .btn-pad { margin: 7px } .btn-default { color: #555555 !important; outline: 0; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px;} .btn-default:hover { background: -webkit-linear-gradient(#f8f8f8,#ddd); background: -moz-linear-gradient(#f8f8f8,#ddd); background: -o-linear-gradient(#f8f8f8,#ddd); background: -ms-linear-gradient(#f8f8f8,#ddd); background: linear-gradient(#f8f8f8,#ddd);} .btn-color,.btn-default { -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important; -ms-transition: all .5s ease-in-out !important; transition: all .5s ease-in-out !important;} .btn-color { color: #fff !important } .btn-colo {width:10%;color: #fff !important } .btn-special { background-color: #fafafa; border-radius: 0px !important; padding: 15px 30px; text-transform: uppercase; outline: none; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .btn { padding: 7px 20px !important } .btn-normal {display: inline-block;cursor: pointer;font-size: 16px;padding: 12px 30px;} .btn-small {display: inline-block;cursor: pointer;font-size: 14px;padding: 7px 20px;} .btn-large {display: inline-block;cursor: pointer;font-size: 20px;padding: 17px 50px;} /* ===[ Main Content ]========================= */ #main {background-color: #fff;} .home #main,.home-3 #main,.home-4 #main,.page-services #main,.about #main { padding: 0 } .border-bottom {border-bottom: 0px solid #D5D5D5;margin-bottom: 3px;} /* ===[ Random Facts ]=========================== */ #random-facts {background-position: center center;background-size: cover;color: #fff;} #random-facts h3 { color: #fff } .random-box {padding-left: 20%;min-height: 155px;} .random-box-icon { float: left; width: 70px; height: 70px; border-radius: 50%; background: #fff; text-align: center;} .random-box-icon i { position: relative; font-size: 26px; top: 30%;} .random-box-info { float: left; margin-left: 22px; text-align: center; padding-top: 10px;} .random-box-info span { font-size: 26px; font-weight: bold;} /* ===[ Latest Post ]=========================== */ #latest-posts .post-item .post-img img,#latest-posts .post-item .post-img { overflow: hidden } #latest-posts .post-item:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} #latest-posts .post-img img { overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} #latest-posts h3 { color: #283043 } #latest-posts a { color: #283043 } #latest-posts .post-content { padding: 15px } .blog-post-content {border-bottom: 1px solid #D5D5D5;border-left: 1px solid #D5D5D5;border-right: 1px solid #D5D5D5;} .post-meta { width: 100%; display: inline-block; border-left: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;} .post-meta-content { float: left; width: 25%; padding: 5px; background: #fafafa; color: #bdbdbd; text-align: center; padding: 7px 0px; border-right: 1px solid #d5d5d5;} .post-meta-content i {font-size: 16px;color: #bdbdbd;} .post-meta-link { color: #bdbdbd !important } /* ===[ Blog page ]============================ */ .page article.post { border-bottom: none } .post-header h3.content-title {text-align: left !important;margin-bottom: 15px;} .blog-entry-meta { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; font-size: 0; padding-top: 10px; margin-bottom: 20px;} .blog-entry-meta-date { display: inline-block; margin-right: 25px; margin-bottom: 5px; font-size: 14px; vertical-align: top;} .blog-entry-meta-author { display: none; margin-right: 15px; margin-bottom: 5px; font-size: 14px; vertical-align: top;} .blog-entry-meta-tags { display: none; margin-right: 25px; margin-bottom: 5px; font-size: 14px; vertical-align: top;} .blog-entry-meta-comments { display: none; margin-bottom: 5px; font-size: 14px; vertical-align: top;} ol.commentlist,ol.commentlist li {list-style: none;padding: 0;} .blog-entry-meta i { margin-right: 4px } .blog.meta_author .blog-entry-meta-author { display: inline-block } .blog.meta_tags .blog-entry-meta-tags { display: inline-block } .blog.meta_comments .blog-entry-meta-comments { display: inline-block } .blog.meta_authortags .blog-entry-meta-author,.blog.meta_authortags .blog-entry-meta-tags { display: inline-block } .blog.meta_authorcomments .blog-entry-meta-author,.blog.meta_authorcomments .blog-entry-meta-comments { display: inline-block } .blog.meta_tagscomments .blog-entry-meta-tags,.blog.meta_tagscomments .blog-entry-meta-comments { display: inline-block } .blog-entry-meta-author,.blog-entry-meta-tags,.blog-entry-meta-comments { display: inline-block } .post-content { padding-bottom: 20px } .post-image { margin-bottom: 25px } .post-content h4 { margin-bottom: 8px } .post-content p { margin-bottom: 5px } .blog-small article .post-image {float: left;width: 43%;margin-bottom: 25px;} .blog-small article .post-content-wrap {float: left;width: 50%;margin: 0 0 0 4%;} .post-date a.date { background: none repeat scroll 0 0 #fafafa; display: block; float: left; margin-right: 20px; padding: 10px 0 0; text-align: center; text-decoration: none; width: 55px; border-radius: 2px;} .post-date a.date strong { color: #1889C1; display: block; font-size: 27px; font-weight: normal; margin-bottom: 10px;} .post-date a.date i { background-color: #1889C1; border-top: 1px solid #F3F3F3; color: #FFFFFF; display: block; font-size: 11px; font-style: normal;} .blog-small .blog-entry-meta-author,.blog-small .blog-entry-meta-tags,.blog-small .blog-entry-meta-comments { font-size: 11px } /* ===[ Sidebar ]============================== */ .sidebar ul.slide li { padding-left: 0;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .sidebar ul.slide li:hover { padding-left: 5px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .sidebar p {text-align: left !important;margin: 0 0 2px;} .sidebar .widget,.widget { margin-bottom: 35px } .widget ul {list-style: none;padding: 0;} /* widget tag cloud */ ul.tag-cloud {list-style: none;padding: 0;margin: 0;} ul.tag-cloud li {display: inline-block;margin: 4px;} .btn-primary {background-color: #fafafa !important;color: #000;padding: 6px 10px;font-size: 13px;border-color: #d5d5d5;} .btn {background-image: none;border: 1 none;border-radius: 0;box-shadow: none;text-shadow: none;} .btn:hover { color: #000 } /* ===[ Tabs ]================================== */ #horizontal-tabs { margin-bottom: 30px } #horizontal-tabs ul.tabs li { background: #fafafa; border-right: 1px solid #ddd; border-top: 2px solid #283043; cursor: pointer; float: left; font-size: 15px; padding: 12px;} #horizontal-tabs ul.tabs li.current { border-bottom: 1px solid #fff; background: none; cursor: default;} #horizontal-tabs ul.tabs { border-left: 1px solid #ddd; overflow: hidden; border-radius: 2px; list-style: none; margin: 0; padding: 0; } #horizontal-tabs .contents {border: 1px solid #ddd;margin-top: -1px;border-radius: 2px;} #horizontal-tabs .tabscontent.no-padding {padding-left: 0;padding-right: 0;} #horizontal-tabs .tabscontent {display: none;overflow: hidden;padding: 20px 20px 0;} .tabs ul.posts li {margin-bottom: 15px;padding-bottom: 10px;overflow: hidden;border-bottom: 1px solid #f8f8f8;} .tabs ul.posts li img { height: 68px;width: 68px;float: left; -webkit-transition: all .4s ease-in 0px;-moz-transition: all .4s ease-in 0px; -o-transition: all .4s ease-in 0px;-ms-transition: all .4s ease-in 0px; transition: all .4s ease-in 0px;} .recent-post-img { margin: 0 13px 5px 0 } .sidebar .testimonials-title h3 { margin: 0 0 20px !important } .category ul li:before { content: "\f105"; font-family: FontAwesome; font-size: 16px; font-style: normal; font-weight: 400; padding-right: 10px;} .widget.category ul li { margin-bottom: 7px; border-bottom: 1px solid #F8F8F8; padding: 3px 0;} .widget .ads-img img { margin-bottom: 30px; max-width: 100%;} /* ===[ Author Info ]============================ */ .about-author { margin-top: 30px; } .author-content { padding: 20px; } .author-content .avatar {float: left;margin: 0 20px 0 0;} .avatar {border: 1px solid #ddd;padding: 4px !important;} .author-content .data { margin: -10px 0 0 } /* ===[ Comments Section ]====================== */ .comments-sec {float: left;width: 100%;margin: -5px 0 25px;} ol.commentlist li {float: left;padding: 10px 0 15px;} ol.commentlist {float: left;width: 100%;margin: 0;} ol li ol.childlist {float: right;width: 86%;margin: 0;} ol.commentlist li ol.childlist li:first-child { padding: 25px 0 0 } ol.commentlist li:first-child {margin: 0 0 7px;padding: 25px 0 0;} .avatar img {float: left;max-width: 70px;} .comment-des p {line-height: 23px;margin: 0;} .comment-des { float: left; background: #fafafa; border: 1px solid #ddd; color: #888; -webkit-box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.06); box-shadow: inset 0 -1px 0 0 rgba(0,0,0,0.06); margin: -70px 0 0 100px; padding: 19px 22px 22px;} .comment:before { position: absolute; display: block; content: ""; margin-left: 93px; margin-top: 25px; width: 15px; height: 15px; background-color: #fafafa; border: 1px solid #ddd; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-right: none; border-top: 0; z-index: 1;} .comment-des strong { float: left; padding-right: 5px; font-size: 14px; color: #283043;} .comment-des span {float: left;color: #999;} .comment-by { float: left; width: 100%; padding-bottom: 8px; padding-top: 5px;} .comment-by span.reply {float: right;display: inline;} .comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: 400; color: #999;} .comment-by span.reply a i { color: #bbb; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; transition: all .1s ease-in-out;} .comment-by span.reply a:hover,.comment-by span.reply a:hover i { color: #a0a0a0 } .comment-by span.date { color: #999; float: left; font-weight: 300; margin: 0 0 0 2px; padding: 0 0 0 9px;} .reply label { margin: 0 0 4px } .reply label span { color: #e24747 } .reply input { margin: 0 0 20px } .reply textarea { min-width: 97.5%; min-height: 180px; -webkit-resize: vertical; -moz-resize: vertical; -webkit-resize: vertical; -moz-resize: vertical; resize: vertical; margin: 0 0 18px;} .mrg15{margin-top:15px;} .slogan {background-position: center center;background-size: cover;margin-top:35px;margin-bottom:15px; } @media (max-width: 600px) { .slogan {top:-1px;} .mr-40{margin-top:-40px;} .marforMobT{margin-top:25px;} .main-header .navbar-collapse {padding-top:10px;} .regbtnmnu{ margin-left:0px; margin-bottom:15px !important;} .ExcRate{position: relative; left:8%; top:8%; background:#fff; padding:10px; opacity: 0.7;margin-bottom:15px;} .mobMnu{ background:#eee;padding:10px;width:100%;margin-bottom:15px; } .main-header .navbar-collapse{ margin-top:0px;} .regbtnmnu{ margin-left:0px;} } @media (min-width: 700px) {.minHt442{} } @media (max-width: 740px) { .topmnuHt{ height:auto;} .mobMnu { background:#eee; padding:10px; width:100%; margin-bottom:15px; } .regbtnmnu{ margin-left:0px;} .main-header .navbar-collapse{ margin-top:0px;} .regbtnmnu{ margin-left:0px; margin-bottom:15px !important;} .marforMobT{margin-top:25px;} .main-header .navbar-collapse {padding-top:10px;} .ExcRate{position: relative; left:8%; top:8%; background:#fff; padding:10px; opacity: 0.7;margin-bottom:15px;} .slogan {top:-1px;} .mr-40{margin-top:20px;}} .slogan h3 { color: #fff } .slogan-content { padding-top: 5px; margin-top:10px; margin-bottom:10px; } .slogan-title { display: inline-block;margin: 5px 0;color: #fff;} .page-services .slogan-content { padding: 0px } .page-services .get-started { padding-top: 15px } .get-started {padding-top: 1px;vertical-align: middle;} /* ===[ Product Lead Section ]==================== */ .app-service,.app-service h3,.app-service h4 { color: #fff } .app-service { padding-top: 50px } .app-service h2 { margin-bottom: 20px } .app-service h4 {font-size: 18px;line-height: 26px;font-weight: 400;} /* ===[ Main Content Boxes ]===================== */ .main-content { padding: 0px 0 0 } .home-3 .main-content,.home-4 .main-content {margin: 45px 0 40px;padding: 0;} .main-content { margin: 15px 0 15px } div.content-box { clear: both } div.content-box div.content-box-info { padding-left: 115px } div.content-box.big .ch-info-wrap {margin: -20px auto 5px;position: relative;left: auto;top: auto; } div.content-box.big div.content-box-info {padding: 15px;text-align: center;margin: 0;padding-bottom:0px;} div.content-box.big div.content-box-info p {text-align: center;margin-top: 25px;} .service-reasons div.content-box.big {transition: none;margin-top: 30px;border: 1px solid #fff;} .main-content h3 {color: #283043;line-height: 32px;margin: 0 0 5px;} .main-content p,.content p { text-align: left } /* ===[ Box border and background ]=============== */ .author-content,div.content-box.big,#cn-tabs .service,.comment-des,.contact-box {border-style: solid;border-width: 0px;border-color: #d5d5d5;} /* ===[ Portfolio ]======================== */ ul#filters {list-style: none;padding: 0;} .portfolio-single .work-title h3 { margin-bottom: 20px !important } .portfolio-wrap .item { width: 24.99% } .item .item-inner,.post-image {overflow: hidden;position: relative;} .img-content {float: left;margin: 5px 20px 20px 0;} .img-content img { width: 100% } .post-image a {display: block;position: relative;} .post-image .nivoSlider a { position: absolute !important } .portfolio .item .portfolio-item { margin-bottom: 30px } /* ===[ Project details ]===================== */ .gallery-image { margin-bottom: 30px } .gallery-image a {display: inline-block;position: relative;} .gallery-image a.active img { opacity: 0.6 } .project_details span { border-bottom: 1px solid #E3E3E3; color: #454545; float: left; font-size: 14px; font-weight: bold; margin: 0; padding: 5px 0; width: 100%;} .project_details strong { float: left; margin: 0; padding: 0; width: 40%;} .project_details em { float: left; font-style: normal; margin: 0; padding: 0; width: 60%;} .project_details span a { background-color: #fafafa; border-radius: 3px; border: 1px solid #ddd; color: #283043; font-size: 14px; font-style: normal; font-weight: normal; margin: 0 0 5px 5px; padding: 3px 10px; display: inline-block;} .recentworks { background: #fafafa; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 60px 0; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); /* Safari 4-5,Chrome 1-9 */ background: -webkit-gradient(linear,0% 0%,0% 100%,from(#f8f8f8),to(#fafafa)); /* Safari 5.1,Chrome 10+*/ background: -webkit-linear-gradient(top,#f8f8f8,#fafafa); /* Firefox 3.6+*/ background: -moz-linear-gradient(top,#f8f8f8,#fafafa); /* IE 10 */ background: -ms-linear-gradient(top,#f8f8f8,#fafafa); /* Opera 11.10+*/ background: -o-linear-gradient(top,#f8f8f8,#fafafa);} /* ===[ Carousel Controls ]================== */ a.prev.disabled,a.next.disabled { cursor: default } .carousel-controls-color { background: #fff } .carousel-controls a.next { display: inline-block } .carousel-controls a.prev { display: inline-block } a.prev,a.next { width: 25px; height: 25px; display: block; cursor: pointer; color: #fafafa; font-size: 20px; text-align: center; text-decoration: none;} a.next { padding-left: 3px } a.prev.disabled,a.next.disabled { display: block; cursor: default; background: #323B44; color: #fafafa; font-size: 20px; text-align: center;} /* ===[ Testimonials ]============================ */ .testimonial p {background: #fafafa;font-weight: 500;margin: 0;padding: 27px 25px;} .our-clients .testimonial p,.our-clients .testimonials-arrow { border: none } .testimonials-arrow { display: block; content: ""; margin-top: -15px; margin-left: auto; margin-right: auto; width: 30px; height: 30px; background-color: #fafafa; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-bottom: 35px; border-bottom: 1px solid #fafafa; border-right: 1px solid #fafafa; border-top: 0;} .testimonial .author {margin: 0 auto;display: table;} .testimonial p { text-align: center } .testimonial p:before { content: "\f10d"; font-family: "FontAwesome"; top: -6px; position: relative; font-size: 12px; margin-right: 2px;} .testimonial p:after { content: "\f10e"; font-family: "FontAwesome"; top: 6px; position: relative; font-size: 12px; margin-left: 2px;} .testimonial-image { float: left; height: 70px; position: relative; width: 70px;} .testimonial-image img { border-radius: 50%; height: 70px !important; width: 70px !important;} .our-clients .testimonial-image img {border: none;padding: 0;} .our-clients .testimonial-author-info { color: #ddd } .testimonial-author-info {padding: 10px 0 0 90px;color: #283043;} .testimonial-author-info a { display: block } .our-clients .testimonial-author-info a { color: #fff } span.color {font-size: 14px;font-weight: 700;} /* ===[ Footer ]=============================== */ #footer {margin: 0 auto;background-position: center center;background-size: cover;font-size:12px; } #footer ul,#footer li {padding: 0;margin: 0;cursor: pointer;} .footer-top {border-bottom: 1px solid #414f5a;color: #fff;padding: 20px 0;} .footer-bottom {background: #212733;color: #fff;line-height: 30px;} .footer-bottom a { color: #ccc } .comming-soon-footer .form-inline .input-group-btn {width: 1%;} p.credits {margin-bottom: 0;line-height: 38px;} footer .social li:first-child { border-left: 1px solid #414f5a } .social-icons-footer-bottom {float: right;margin: 6px 0 0;} .social-icons-footer-bottom li { display: inline; float: left; list-style: none; border-right: 1px solid #414f5a !important; -webkit-transition: all .2s ease-in-out 0; -moz-transition: all .2s ease-in-out 0; -o-transition: all .2s ease-in-out 0; -ms-transition: all .2s ease-in-out 0; transition: all .2s ease-in-out 0;} .social-icons-footer-bottom li i { display: inline-block; font-family: FontAwesome; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 38px; padding-top: 0; text-align: center; text-decoration: inherit; text-transform: none; color: #fff;} .scrollup { width: 40px; height: 40px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); opacity: 0.8; position: fixed; bottom: 100px; right: 15px; display: none; text-align: center; color: #fafafa; font-size: 28px; background: #9e9e9e; z-index: 9999;} .scrollup i { line-height: 38px } a.scrollup:hover i,a.scrollup:focus i {text-decoration: none;color: #fafafa;outline: none;} #tweets li:before { color: #fff; content: "\f099"; float: left; font-family: FontAwesome; font-size: 16px; margin: 0 0 0 -28px;} #tweets li {line-height: 24px;margin: 0 0 15px;padding: 0 0 0 28px;} #tweets .content {padding-top: 0;margin-bottom: 5px;} #flickrfeed li {float: left;margin: 5px 5px 0 0;} .business-hour i { margin-right: 5px } footer .contact-us a { color: #fff !important } .contact-us .icon-map-marker { font-size: 16px } .contact-us li i {float: left;margin: 4px 0 0;} .contact-us p {line-height: 24px;margin-left: 20px;margin-top: -2px;} .contact-us li p strong {float: left;font-weight: 600;margin: 0 5px 5px 0;} .contact-pad { padding-bottom: 20px } /* contact page */ .contact-form {overflow: hidden;margin: 50px 0 25px;} .overlay .contact-details { color: #fff !important } .contact-details p { text-align: center } textarea { height: 133px !important } .form-control {margin-bottom: 5px;height:auto;border-color: #dddddd;box-shadow: none;} #contactform span.required {font-size: 13px;color: #ff0000;} .contact-icon {margin: 20px 0;overflow: hidden;} select.form-control { padding: 7px 12px } .subscribe-btn { height: 62px; width: 80px; background-image: none; color: #fff; text-shadow: none; border: none !important;} .subscribe-btn:hover { color: #ddd !important } .subscribe { width: 100% } #not-found { margin: 60px 0 45px } #not-found h2 { font-size: 120px; font-weight: 500; line-height: 100px; text-align: center; font-weight: bold;} #not-found p { color: #9e9e9e; font-size: 32px; line-height: 48px; text-align: center;} #not-found i { color: #FFF; font-size: 90px; position: relative; width: 90px; height: 90px; border-radius: 50%;} .back-home p {text-align: center !important;margin: 0 auto;} .back-home .search-form {width: 390px;margin: 30px auto 0;} .sitemap { margin-bottom: 15px; } .hero {background: none repeat scroll 0 0 #FAFAFA;border-left: 4px solid #DDD;color: #283043;font-size: 16px;margin: 20px 0;padding: 18px;} /* ===[ Services ]============================= */ ul.why {list-style: none;padding: 0;margin: 0;} ul.why li { margin: 7px 0 } ul.why li:before { content: "\f00c"; font-family: FontAwesome; position: relative; color: #fff; background: #283043; border-radius: 100%; margin: 0 7px 0 0; padding: 3px;} .services-big .content-box-icon span { z-index: 4; display: block; width: 130px; height: 130px; border-radius: 130px; background-color: #283043;} .services-big .content-box-icon i { color: #fff; float: left; font-size: 48px; line-height: 130px; left: 34%; position: relative; z-index: 5;} .services-big div.content-box div.content-box-info { padding-left: 0 } .services-big h4 { margin: 20px 0 } .services-big img { width: 100% } /* ===[ Common Elements ]======================= */ .divider { margin: 60px 0 } .top-pad { margin-top: 25px } .no-divider { margin: 0 } .bottom-pad { margin-bottom: 100px } .bottom-pad-small { margin-bottom: 50px } .no-bottom-pad {margin-bottom: 0 !important;padding-bottom: 0 !important;} /* ===[ Form ]================================= */ input.form-control,textarea.form-control {border: 1px solid #d5d5d5 !important;background: #fff !important;} input:hover,textarea:hover,input:focus,textarea:focus {border-color: #C9C9C9;-webkit-box-shadow: rgba(0,0,0,0.15) 0px 0px 8px;} /* ===[ Accordion ]============================= */ .accordionMod .panel-heading .accordion-toggle {position: relative;cursor: pointer;margin: 0;padding: 10px 45px;} .panel-group .panel { border-radius: 0px !important } .accordion-body,.panel-heading {background: #fafafa;border-radius: 0px !important;padding: 0;} .accordionMod .panel-heading .accordion-toggle .icon:before {content: "\f067";font-family: FontAwesome;display: block;width: 14px;height: 14px;position: absolute;left: 15px;top: 11px;} .accordionMod .panel-heading .accordion-toggle .iconActive:before {content: "\f068";font-family: FontAwesome;} .accordionMod .panel-heading .current {color: #fff;border-radius: 0px !important;text-shadow: 1px 1px 1px #283043;} .contact-box,.contact-box i,.contact-box p,.contact-box h3 {-webkit-transition: all .5s ease-in-out 0; -moz-transition: all .5s ease-in-out 0;-o-transition: all .5s ease-in-out 0;-ms-transition: all .5s ease-in-out 0;transition: all .5s ease-in-out 0;} .contact-box:hover,.contact-box:hover h3 { color: #fff !important } /* ===[ Contact Box ]========================= */ .contact-box { text-align: center !important; -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,0.05) inset; box-shadow: 0 -1px 0 0 rgba(0,0,0,0.05) inset; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; margin: 0 0 20px; padding: 32px 28px;} .contact-box:hover { border: none } .contact-box i { font-size: 48px } /* ===[ Home page posts section ]================= */ .blog-showcase { padding: 0 } .blog-showcase ul { margin: 0; padding: 0; list-style: none; width: 100%; display: block; overflow: hidden;} .blog-showcase ul li {position: relative;display: inline-block;} .blog-showcase ul li:last-child { padding-right: 0 !important } .blog-showcase ul li.blog-first-el { padding-right: 270px } .blog-showcase ul li.blog-first-el .blog-showcase-extra-info { zoom: 1;filter: alpha(opacity=100);filter: alpha(opacity=100);opacity: 1;} .blog-showcase ul li.blog-first-el .blog-showcase-thumb { border-right: 0 } .blog-showcase ul li img,.blog-showcase-extra-info,.blog-showcase ul li { -webkit-transition: all 0.3s ease-in-out 0s;-moz-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;transition: all 0.3s ease-in-out 0s;} .blog-showcase-thumb {position: relative;overflow: hidden;z-index: 20;margin-bottom: 5px;width: 297px;} .blog-showcase-thumb:hover .showcase-blog-overlay {zoom: 1;filter: alpha(opacity=50);filter: alpha(opacity=50);opacity: .5;} .blog-showcase-extra-info { width: 277px; height: 180px; z-index: 10; margin: 0; position: absolute; left: 297px; top: 2px; overflow: hidden; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0;} .blog-showcase-extra-info span { display: block; border: 1px solid rgba(0,0,0,0.1); border-left: none; border-right: 0; margin-bottom: 5px; line-height: 24px;} .blog-showcase-extra-info span a {font-size: 10px;color: #999;} .blog-showcase-title { font-size: 13px; font-weight: bold; line-height: 20px !important; display: inline-block; margin-bottom: 0; color: #333;} .blog-showcase-more {font-size: 12px;text-decoration: underline;} .web-normal i { display: inline-block; margin: 15px; } /* ===[ Isotope Portfolio Gallery ]============== */ #options {padding: 10px 0 25px;text-align: center;} #options li {display: inline-block;margin: 4px 8px 4px 0;text-align: center;} #options li a { display: inline-block; background: #fafafa; color: #727272; font-size: 16px; text-decoration: none; padding: 7px 20px; border: 1px solid #ddd; } .portfolio-pad { margin-bottom: 30px } .portfolio .item {position: relative;overflow: hidden;} .isotope-item { z-index: 2 } .isotope-hidden.isotope-item {pointer-events: none;z-index: 1;} .isotope,.isotope .isotope-item {-webkit-transition-duration: .8s;-moz-transition-duration: .8s;-o-transition-duration: .8s;-ms-transition-duration: .8s;transition-duration: .8s;} .isotope {-webkit-transition-property: height,width;-moz-transition-property: height,width;-o-transition-property: height,width;-ms-transition-property: height,width;transition-property: height,width;} .isotope .isotope-item {-webkit-transition-property: 0;-moz-transition-property: 0;-o-transition-property: 0;-ms-transition-property: 0;transition-property: 0;} .isotope.no-transition,.isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0;-moz-transition-duration: 0;-o-transition-duration: 0;-ms-transition-duration: 0;transition-duration: 0;} .isotope.infinite-scrolling {-webkit-transition: none;-moz-transition: none;-o-transition: none;-ms-transition: none;transition: none;} /* ===[ Utility ]======================= *//* ===[ Multi color progress ]================= */ .skillbar { position: relative; display: block; margin-bottom: 20px; width: 100%; background: #fafafa; height: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width,background-color; -moz-transition-property: width,background-color; -ms-transition-property: width,background-color; -o-transition-property: width,background-color; transition-property: width,background-color; } .skillbar-title { position: absolute; top: 0; left: 0; width: 110px; font-weight: bold; font-size: 13px; color: #ffffff; background: #6adcfa; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .skillbar-title span { display: block; background: rgba(0,0,0,0.1); padding: 0 20px; height: 40px; line-height: 40px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .skillbar-bar { height: 40px; width: 0px; background: #6adcfa; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .skill-bar-percent { position: absolute; right: 10px; top: 0; font-size: 11px; height: 40px; line-height: 35px; color: #ffffff; color: rgba(0,0,0,0.4); } a.mobile-menu { color: #000; cursor: pointer; } .mobile-menu { height: 40px; position: absolute; right: 0; top: 25px; } .google-maps { height: 400px } .google-maps img { max-width: none } .tabs ul.posts li img,.author-content,li.work img,.recentworks .pic,.img-caption,a.prev,a.next,.scrollup, #options li a,.portfolio img.pic,.portfolio .img-caption { border-radius: 2px } #search-form form,ul.post-meta,.sidebar ul,ul.tabs,.testimonials ul,ul.why,.panel-heading h3,.features .panel-heading h4,#options ul,.gallery ul { margin: 0 } #horizontal-tabs ul.tabs li,#vertical-tabs ul.tabs li,.content h3,.latest-posts h4 a { color: #283043 } ul.posts { padding: 0 } ul.posts li { list-style: none } ul.posts span.color { color: #727272 } /* ===[ Project Carousel ]================== */ .recentworks ul,.our-clients ul,ul#tweets {list-style: none;margin: 0;} .our-clients ul,#footer ul { list-style: none } ul#projects-carousel { overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0;float: left;} .portfolio-item { border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); border: 1px solid #ddd; padding: 4px; overflow: hidden; display: block; } .portfolio-item img { display: block; width: 100%; } .fullscreen { position: absolute; left: 50%; top: 65%; color: #fff; font-size: 18px; margin-top: -30px; margin-left: -24px; width: 60px; height: 60px; opacity: 0; } .fullscreen i { color: #fff !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; z-index: 11; background: rgba(0,0,0,0.6); padding: 16px 18px; font-size: 16px; border-radius: 100px; } .portfolio-item-link {display: block;position: relative;} .post-item-link {display: block;position: relative;overflow: hidden;margin: 0;} .portfolio-item-link span.portfolio-item-hover,.post-item-link span.post-item-hover,.img-hover { background: rgba(50,50,50,0.75) } .portfolio-item.round img { border-radius: 2px } a.portfolio-item-link { line-height: 0; padding: 0; margin: 0;} .portfolio-item-link span.portfolio-item-hover, .post-item-link span.post-item-hover, .img-hover {position: absolute;width: 100%;height: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity: 0;/* IE 8 */ top: 0;left: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } .portfolio-item-link span.portfolio-item-hover:hover,.post-item-link span.post-item-hover:hover, .img-hover:hover { background-position: center center } .portfolio-item-title { text-align: center; padding: 10px 5px 10px 5px; background: #FFF; } .portfolio-item-title a { font-weight: 600; font-size: 14px; font-family:'Montserrat'; color: #283043; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .portfolio-item-title a:hover { text-decoration: none } .portfolio-item-title p { font-style: italic; font-size: 12px; margin-bottom: 0; text-align: center; } /* ===[ Circle items ]=========================== */ .ch-item { width: 100%; height: 100%; position: relative; cursor: default; hidden-xs; } .ser-tab-list { position: relative; margin-top: 20px; /* Temp */ margin-bottom: 10px; } .ser-tab-list:before { display: block; content: ''; position: absolute; top: 13px; /* Temp */ left: 0; width: 100%; height: 4px; /* Temp */ z-index: 10; } .ser-tab-list { margin: 20px 0 10px; } .ser-tab-list:before { height: 7px; left:205px; top: 25px; width: 60%; z-index: initial; } .ch-info-wrap i { color: #f37043; font-size: 50px; line-height: 100px; position: relative; z-index: 5; text-shadow: 0 3px 0 rgba(0,0,0,0.1); padding-left:35px; } .ch-info-wrap { position: absolute; width: 108px; height: 100px; top: 10px; left: 10px; } .ch-info { position: absolute; width: 70px; height: 70px; border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ch-info>div { display: block; position: absolute; width: 100%; height: 100%; text-align: center; border-radius: 50%; background-position: center center; -webkit-backface-visibility: hidden; } .ch-info .ch-info-front { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} .ch-info .ch-info-back { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; opacity: 0;} /* ===[ Team Section ]========================== */ .team .item .team-member-links a.facebook:hover,.member-social.dark a.facebook:hover,header .social li.facebook:hover, footer .social li.facebook:hover { background: #4C66A4; margin-bottom:10px; margin-top:10px !important;} .facebook img{margin-right:10px;} .twitter img{ margin-right:10px;} .pinterest img{ margin-right:10px;} .youtube img{margin-right:10px;} .team .item .team-member-links a.dribbble:hover,.member-social.dark a.dribbble:hover,header .social li.dribbble:hover, footer .social li.dribbble:hover { background: #EA4C89; margin-bottom:10px; } .team .item .team-member-links a.twitter:hover,.member-social.dark a.twitter:hover,header .social li.twitter:hover,footer .social li.twitter:hover { background: #2C77BA; margin-bottom:10px; } .team .item .team-member-links a.gplus:hover,.member-social.dark a.gplus:hover,header .social li.gplus:hover, footer .social li.gplus:hover { background: #9e0b0f; margin-bottom:10px; } .team .item .team-member-links a.linkedin:hover,.member-social.dark a.linkedin:hover, header .social li.linkedin:hover,footer .social li.linkedin:hover { background: #069; margin-bottom:10px; } .team .item .team-member-links a.pinterest:hover,.member-social.dark a.pinterest:hover, header .social li.pinterest:hover,footer .social li.pinterest:hover { background: #C92228; margin-bottom:10px; } header .social li.rss:hover,footer .social li.rss:hover { background: #f60; margin-bottom:10px; } /* ===[ Team member ]========================== */ .team-member { display: block; margin: 0 auto 50px; width: 100%; max-width: 350px; padding: 0;} .title-team { text-align: center; line-height: 15px;} .meet p { text-align: center; padding-bottom: 20px;} .team-member-image { float: none; overflow: visible; height: 0; width: 100%; padding-bottom: 100%;} .team-member-image img { border-radius: 0% } .team-member-links { top: 0; min-height: 1px; border-radius: 0%; box-shadow: 0 0 0 10px rgba(255,255,255,0.25) inset; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;} .team-member:hover .team-member-links { box-shadow: 0 0 0 175px rgba(50,50,50,0.75) inset } .team-member-links-list { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .team-member:hover .team-member-links-list {filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);opacity: 1;} .team-member-links-item { font-size: 22px; line-height: 44px; height: 44px; width: 44px; margin: 5px; position: relative; border-radius: 50%; background-color: #fff; color: #283043; } .team-member-links-item:hover, .color_alternate .team-member-links-item:hover, .color_primary .team-member-links-item:hover { background-color: #f8862c; color: #fff; } .team-member-meta { margin-left: 0; min-height: 1px; padding: 15px 0 0; text-align: center; } .team-member-name { margin-bottom: 6px } .team-member-role { font-size: 13px; margin-bottom: 10px; color: #999; } .team-member-description p { margin-bottom: 0; text-align: center; } .member-social.dark a { background: #9e9e9e; -webkit-transition: background .5s ease-in-out; -moz-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; -ms-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } .team .item .team-member-links a { -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .member-social a { width: 50px; height: 50px; float: left; text-align: center; margin: 0 6px 6px 0; padding: 7px 0 6px; border-radius: 50%; } .member-social a i { display: block!important; line-height: 38px; font-size: 20px; color: #fff; margin: 0 auto!important; } .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus { border-color: transparent } .pager li>a:hover { border: none } .menu>ul li { float: left; } .navbar-toggle {border: none;border-radius: 2px;padding: 9px 10px 5px;} input,button,select,strong,.author-content .data a { font-weight: 300;font-size: 12px;margin-right: 15px; } .breadcrumbs ul,.portfolio-single .sidebar h3 { margin-top: 5px } .breadcrumbs ul {padding-left: 0;} .nivo-caption h2,.pagination-centered { text-align: center } .page article.post .post-image,.portfolio-single .recentwork_wrapper .item { margin-bottom: 25px } ol li ol.childlist .comment-des,header nav li,.avatar { float: left } .recentworks li.slide,.portfolio-wrap { overflow: hidden } footer a { color: #fff } #options li a.selected,header .top-bar,header .top-bar a,header .social li:hover i,footer .social li:hover i,.content-box:hover>.content-box-icon i,div.content-box div.content-box-icon:hover,div.content-box div.content-box-icon:hover i,#footer h3,.contact-box:hover h3 { color: #555 } .contact-box p { text-align: center !important } .panel-group .panel,.accordionMod .accordion-group { margin-bottom: 15px } .panel { border: 0px solid #d5d5d5 } .accordionMod .panel-heading .current { border: none } .panel-group .panel { border: 1px solid #d5d5d5 } /* ===[ Common Unique CSS ]=================== */ .padding0-5 { padding: 0.5px } .padding-top25 { padding-top: 25px } .padding-top30 { padding-top: 30px } .padding-top40 { padding-top: 40px } .padding-top60 { padding-top: 60px } .padding-top100 { padding-top: 100px } .padding-bottom20 { padding-bottom: 20px } .padding-bottom30 { padding-bottom: 30px } .padding-bottom40 { padding-bottom: 40px } .padding-bottom50 { padding-bottom: 50px } .margin-topminus30 { margin-top: -30px !important } .margin50 { margin: 50px } .margin-top15 { margin-top: 15px } .margin-top25 { margin-top: 25px } .margin-top30 { margin-top: 30px } .margin-top40 { margin-top: 40px } .margin-top50 { margin-top: 50px } .margin-top60 { margin-top: 60px } .margin-top70 { margin-top: 70px } .margin-top80 { margin-top: 80px } .margin-top100 { margin-top: 100px } .margin-top140 { margin-top: 140px } .margin-bottom0 { margin-bottom: 0px } .margin-bottom20 { margin-bottom: 20px } .margin-bottom40 { margin-bottom: 40px } .margin-bottom60 { margin-bottom: 60px } .margin-bottom70 { margin-bottom: 70px } .margin-bottom80 { margin-bottom: 80px } .margin-bottom100 { margin-bottom: 100px } /* ===[ Atiar - New additional CSS ]=========== *//* ===[ Portfolio Image Hover ]====== */ .portfolio-title p { margin: 0 0 25px } .view { overflow: hidden; position: relative; text-align: center; cursor: default;} .pic { border-radius: 0px !important } .view .mask,.view .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0;} .view img {display: block;position: relative;} .view h3 { text-transform: uppercase; color: #fff!important; text-align: left; position: absolute; font-size: 18px; background: #3498db; margin: 20px 0 0; padding: 15px 0 35px 20px; bottom: 0px; width: 100%; } .view p { font-size: 15px; position: absolute; color: #fff; text-align: left; padding: 10px 0 5px 20px; bottom: -5px; } .view a.info { display: inline-block; text-decoration: none; background: #fff; color: #3498db; font-size: 20px; height: 40px; width: 40px; border-radius: 40px; padding: 7px; position: absolute; bottom: 14px; right: 10px; } .view a.info:hover { -webkit-box-shadow: 0 0 5px #0e6eaf; box-shadow: 0 0 5px #0e6eaf; } .view-first img { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .view-first .mask { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; border-radius: 2px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .view-first h3 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .view-first a.info { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .view-first:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .view-first:hover .mask { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; } .view-first:hover h3, .view-first:hover p, .view-first:hover a.info { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .view-first:hover p { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; -o-transition-delay: .1s; -ms-transition-delay: .1s; transition-delay: .1s; } .view-first:hover a.info { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; -ms-transition-delay: .2s; transition-delay: .2s; } /* ===[ Star Deiveer ]=========================== */ .star-divider { border-bottom: 1px solid #D5D5D5; margin-top: 30px; margin-bottom: 70px; } .star-divider-small { margin-bottom: 30px !important; margin-top: -25px !important; } .star-divider-icon { text-align: center } .star-divider-icon i { background: none repeat scroll 0 0 #FFFFFF; border-radius: 100px; color: #D5D5D5; font-size: 18px; padding: 11px; position: relative; top: 19px; } /* ===[ About Content Section ]================= */ .welcome p { margin-bottom: 30px } div.content-box-about { clear: both } .content-box-about-icon i { color: #fff; float: left; font-size: 36px; line-height: 75px; left: 26%; position: relative; z-index: 5; } .content-box-about:hover>.content-box-about-icon { background-color: #2780ba } .content-box-about-icon, .content-box-about-icon i, .content-box-about-icon span { -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; } .content-box-about-icon span { z-index: 4; display: block; width: 70px; height: 70px; border-radius: 100px; background-color: #2780ba; } .content-box-about:hover>.content-box-about-icon span { background-color: #2780ba; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -o-transition-duration: .7s; -ms-transition-duration: .7s; transition-duration: .7s; } div.content-box-about div.content-box-about-icon { color: #FFF; display: block; float: left; line-height: 70px; margin-right: 10px; position: relative; text-align: center; width: 70px; height: 70px; border-radius: 100px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; -ms-transition-duration: .5s; transition-duration: .5s; margin-bottom: 15px; } div.content-box-about div.content-box-about-info { padding-left: 90px } div.content-box-about div.content-box-about-icon i { -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; -ms-transition: color .5s ease-in-out; transition: color .5s ease-in-out; color: #fff; } .content-box-about-info h3 { margin-bottom: 5px } .welcome-three h3 { color: #283043 } /* NEWWWWWWWWWWWWWWWWWWWWWWWWWWWWW CSSS NEW Atiar Gallaxy===================== *//* ===[ Portfolio CSS ]======================== */ .grid { overflow: hidden; margin: 0; padding: 3em 0 0 0; width: 100%; list-style: none; text-align: center; } .grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; width: 33.333%; height: 280px; background: #3085a3; text-align: center; } .home .grid figure, .no-isotope .grid figure { margin: -4px } .grid figure img { position: relative; display: block; min-height: 100%; } .grid figure:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.7; } .grid figure img { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none } .grid figure figcaption {position: absolute;top: 0;left: 0;} /* ===[ Anchor will cover the whole item by default ]======= *//* ===[ For some effects it will show as a button ]============= */ .grid figure a { color: #fff !important } .grid figure a:hover { opacity: 0.7 } .grid figure h2 {word-spacing: -0.15em;font-weight: 300;} .portfolio-full-width .grid figure h2 { font-size: 24px } .portfolio-full-width .grid figure figcaption>span { padding: 4px 10px } .grid figure figcaption h2 {font-size: 22px;line-height: normal;} .portfolio-four-column .grid figure figcaption>span { padding: 4px 10px } .portfolio-four-column figure.effect-zoe p { bottom: 6em } .portfolio-four-column .grid figure h2 { word-spacing: -0.15em; font-weight: 300; font-size: 14px; padding: 8px 0px; } .grid figure h2 span { font-weight: 800 } .grid figure h2, .grid figure p { margin: 0 } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } /* --------------- ================================================== ================================================== ================================================== */ /* **** Zoe **** ================================================== ================================================== ================================================== */ /* --------------- ================================================== ================================================== ================================================== */ figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; width: 100%; color: #fff; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-zoe h2 { float: left } figure.effect-zoe figcaption>span { float: right } figure.effect-zoe p { position: absolute; bottom: 6em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-zoe h2, figure.effect-zoe figcaption>span { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } figure.effect-zoe figcaption>span { display: inline-block; font-size: 22px; padding: 0px 10px; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } figure.effect-zoe h2 { display: inline-block; color: #fff; } figure.effect-zoe:hover p { opacity: 1 } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover figcaption>span { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-zoe:hover figcaption>span:nth-child(4) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-zoe:hover figcaption>span:nth-child(3) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe:hover figcaption>span:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio-border { border: 1px solid #fff } .portfolio-four-column .grid figure figcaption h2 { font-size: 15px } .portfolio-four-column figure.effect-zoe figcaption>span { font-size: 15px; padding: 7px 7px; line-height: normal; } .portfolio-four-column figure.effect-zoe p { font-size: 14px; bottom: 5em; } .portfolio-full-width .grid figure figcaption h2 { font-size: 18px } .portfolio-full-width figure.effect-zoe figcaption>span { font-size: 18px; padding: 0px 10px; } .portfolio-full-width figure.effect-zoe p { bottom: 6em } /* ===[ End Portfolio CSS ]=== ================================================== ================================================== */ /* NEW SHOP CSS ================================================== ================================================== */ .product-label { width: 0; height: 0; border-top: 46px solid #59ab02; color: #FFFFFF; font-size: 11px; font-style: italic; text-transform: lowercase; position: absolute; top: 0; z-index: 10; } .product-label span { position: absolute; top: -35px; line-height: 10px; } .product-label.product-label-new { left: 0px; border-right: 46px solid transparent; border-top: 46px solid #4ACFD4; } .product-label.product-label-new span { left: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .product-label.product-label-special { right: 1px; border-left: 46px solid transparent; } .product-label.product-label-special span { right: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .btn.btn-shopping-cart span + span { border: 1px solid #E5E5E5; padding: 9px 11px 0; width: auto; height: 32px; } .btn.btn-shopping-cart { padding: 0 !important; background-color: #FFFFFF; color: #283043; font-size: 12px; border: 0px; height: 32px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .btn.btn-shopping-cart span + span { border: 1px solid #E5E5E5; padding: 7px 11px 0; width: auto; height: 32px; } .btn.btn-shopping-cart .fa { color: #FFFFFF; border: 0; } .btn.btn-shopping-cart:hover, .btn.btn-shopping-cart:focus { background-color: transparent; color: #283043 !important; } .btn.btn-shopping-cart:hover .fa, .btn.btn-shopping-cart:focus .fa { background-color: #283043; color: #FFFFFF; } .btn.btn-shopping-cart > * { float: left } .btn.blue { background-color: #31A8D2; border: 0; color: #FFFFFF; -webkit-transition: all 0s ease 0s; transition: all 0s ease 0s; } .btn.blue span + span { border: 0; padding: 9px 11px 0; font-size: 10px; } .btn.blue .fa { width: 32px; height: 32px; font-size: 12px; line-height: 32px; background-color: #2588ab; } .btn.blue:hover, .btn.blue:focus { background-color: #444444; color: #FFFFFF; } .btn.blue:hover .fa, .btn.blue:focus .fa { background-color: #2b2b2b } .btn:hover, .btn:focus { color: #FFFFFF; outline: none; -webkit-box-shadow: none; box-shadow: none; background-color: #444444; } .product-cols { margin: 20px 0 } .col-fullwidth { width: 100%; } .col-fullwidth .product-block .image { float: left !important; margin-right: 30px !important; } .product-list .product-cols .left { border: none !important; } .product-list .product-block .description { display: block !important; } .product-items { border: none !important; } .product-search-height { height: 34px !important; } .product-cols.last, .product-cols:last-child { border: 0 } .product-cols .left { border-bottom: 1px solid #E5E5E5 } .product-list + .pagination { border-top: 0 } /*.product-list { background-color: #FFFFFF; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; overflow: hidden; }*/ .product-block { position: relative; background-color: #FFFFFF; padding: 15px; border: 1px solid #ddd; text-align: left; } .product-block a:hover { color: #31A8D2 } .product-block .price { margin-bottom: 5px; margin-top: 5px; } .product-block .action:before, .product-block .action:after { content: " "; display: table; } .product-block .action:after { clear: both } .product-block .action > * { float: left } .product-block .action .wishlist a { margin-right: 0; border-left: 0; border-right: 0; } .product-block .action .button-group > div { float: left } .product-block .description { display: none; font-size: 12px; } .product-block .product-icon { padding: 0; cursor: pointer; color: #c1c1c1; border: 1px solid #E5E5E5; text-align: center; line-height: 32px; background-color: #FFFFFF; font-size: 13px; width: 32px; height: 32px; display: inline-block; *display: inline; zoom: 1; } .product-block .product-icon:hover { color: #444444 } .product-block .product-icon span { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .product-block .shopping-cart { border: 1px solid #31A8D2; background: #31A8D2; color: #FFFFFF; } .product-block .rating { margin: 3px 0 6px; line-height: 22px; min-height: 25px; height: 25px; height: auto !important; } .product-block .name { text-transform: none; margin: 0; min-height: 36px; height: 36px; height: auto !important; font-weight: bold; line-height: 18px; } .product-block .name a { color: #283043; font-size: 16px; line-height: 22px; text-decoration: none; display: inline-block; *display: inline; zoom: 1; } .product-block .name a:hover { color: #283043 } .product-block .image { display: block; position: relative; overflow: hidden; text-align: center; margin-bottom: 10px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .product-block .image .product-zoom { z-index: 10; color: #FFFFFF; background-color: #31A8D2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 32px; height: 32px; line-height: 32px; left: 50%; top: 50%; margin: -16px; text-align: center; } .product-block .image .product-zoom .icon-zoom-in { line-height: 32px; vertical-align: middle; } .product-block .image .product-zoom:hover { background: #31A8D2; color: #FFFFFF; } .product-block .image.swap .product-label-special { z-index: 99999 } .product-block .image.swap .swap-image { position: relative; display: block; overflow: hidden; } .product-block .image.swap .swap-image:hover .back { overflow: hidden; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); } .product-block .image.swap .swap-image:hover .front { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); } .product-block .image.swap .front { display: block; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-block .image.swap .back { left: 0; top: 0; overflow: hidden; visibility: hidden; position: absolute; display: block; opacity: 0; filter: alpha(opacity=0); -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .product-block .product-meta:before, .product-block .product-meta:after { content: " "; display: table; } .product-block .product-meta:after { clear: both } .product-block .pav-colorbox { top: 0; left: 0; right: 0; bottom: 0; position: absolute; margin: auto; overflow: visible; z-index: 9999; font-size: 10px; text-transform: uppercase; min-width: 105px; padding-left: 12px; padding-right: 12px; background-color: #444444; background-color: #fafafa; border: 1px solid #ddd; zoom: 1; background-color: transparent \9; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2444444, endColorstr=#f2444444)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2444444, endColorstr=#f2444444); opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(); -ms-transform: scale(); transform: scale(); width: 130px; height: 32px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; display: block; } .product-block .pav-colorbox span { margin-left: 6px } .product-block .pav-colorbox .fa { display: inline-block; *display: inline; zoom: 1; } .product-block .pav-colorbox:hover { background-color: #59ab02; color: #FFFFFF; border: none; } .product-block .info-view { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: absolute; } .product-block .info-view .icon-eye { margin: 0 5px 0 0; display: inline-block; *display: inline; zoom: 1; } .product-block:hover .info-view { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .product-block:hover .pav-colorbox { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .price { font-size: 16px; font-weight: bold; } .price .price-old { color: #777777; text-decoration: line-through; font-size: 12px; } .product-grid { overflow: hidden; position: relative; background-color: #FFFFFF; } .product-grid.last { border: 0 } .product-grid .description, .product-grid .price-tax { display: none } .product-grid .products-block { overflow: hidden } .product-meta { min-height: 110px } .product-items { border-bottom: 1px solid #E5E5E5 } .product-items.last, .product-items:last-child { border-bottom: 0 } .product-detail { border: 1px solid #E5E5E5; background-color: #FFFFFF; padding: 19px; } .product-info { margin-bottom: 20px } .product-info .carousel-control { top: 50%; font-size: 12px; color: #000000; text-align: center; border: 1px solid #b2b2b2; margin: -9px 0 -9px 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; width: 16px; height: 16px; } .product-info .cart .minimum { padding-top: 5px; font-size: 11px; } .product-info .cart .links { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } .product-info h1 { text-transform: uppercase; font-size: 21px; line-height: 36px; margin-top: 0; margin-bottom: 15px !important; } .product-info ul, .product-info ol { list-style: none } .product-info .price-tax { font-weight: normal } .product-info .product-label-special { right: 9px; left: auto; } .product-info .image { position: relative; margin-bottom: 52px; text-align: center; } .product-info .share { padding: 20px 0 } .product-info .share:before, .product-info .share:after { content: " "; display: table; } .product-info .share:after { clear: both } .product-info .price { padding: 10px 0; color: #777; } .product-info .price .price-gruop, .product-info .price .price-old { font-size: 21px; text-transform: uppercase; color: #31A8D2; } .product-info .price .other-price { margin-top: 6px } .product-info .price .reward { font-weight: normal } .product-info .price .discount { font-weight: normal; margin-top: 6px; } .product-info .price-gruop:before, .product-info .price-gruop:after { content: " "; display: table; } .product-info .price-gruop:after { clear: both } .product-info .description { border: 0; margin-bottom: 6px; padding: 0; } .product-info .description a { text-decoration: none } .product-info .description b { margin-right: 5px; margin-left: 0; } .product-info .description .availability { background-color: #31A8D2; color: #FFFFFF; display: inline-block; *display: inline; zoom: 1; padding: 3px 5px; text-transform: none; } .product-info #image-additional-carousel { margin: 0; clear: both; overflow: hidden; } .product-info #image-additional-carousel .carousel-inner { width: 85%; height: auto; margin: 0 auto; } .product-info #image-additional-carousel a { display: block; float: left; margin-left: 0; width: 22%; height: auto; margin-right: 10px; } .product-info #image-additional-carousel a:last-child { margin: 0 } .product-info #image-additional-carousel a img { border: 1px solid transparent; -webkit-transition: border-color 500ms ease; transition: border-color 500ms ease; } .product-info #image-additional-carousel a:hover img { border: 1px solid #31A8D2 } .product-info #image-additional-carousel img { border: 0 } .product-info .option-image { margin-top: 3px; margin-bottom: 10px; } .product-info .option-image label { display: block; width: 100%; height: 100%; } .product-info .option-image img { margin-right: 5px; margin-left: 0; border: 1px solid #CCCCCC; cursor: pointer; } .product-info .options { margin-bottom: 20px } .product-info .options input[type="file"] { background-color: transparent; color: #c2c2c2; border: 1px solid #aaaaaa; font-size: 11px; padding-top: 7px; padding-bottom: 7px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .product-info .options input[type="file"] .fa { color: #c2c2c2 } .product-info .options input[type="file"]:hover { color: #31A8D2 } .product-info .options input[type="file"]:hover .fa { color: #31A8D2 } .product-info .review { margin-bottom: 15px } .product-info .review .share { line-height: normal } .product-info .review .share a { text-decoration: none } .product-info .review > div { padding: 0; border: 0; } .product-info .review > div > span { color: #38B0E3 } .product-info .product-extra { padding: 10px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .product-info .product-extra:before, .product-info .product-extra:after { content: " "; display: table; } .product-info .product-extra:after { clear: both } .product-info .product-extra .quantity-adder { margin: 0 } .product-info .product-extra .cart { margin-left: 10px; margin-right: 10px; } .product-info .product-extra .add-action { display: block; width: 27px; height: 16px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; position: relative; cursor: pointer; font-size: 5.5px; line-height: 15px; text-align: center; color: #6f6f6f; } .product-info .product-extra .add-action:hover { color: #2588ab } .product-info .product-extra .add-up { border-bottom: 0 } .product-info .product-extra .add-to-icon { font-size: 16px; padding: 6px; background: #2588ab; } .product-info .product-extra .quantity-number input { min-width: 57px; width: 57px; width: auto !important; height: 32px; text-align: center; } .product-info .minimum { margin-top: 12px } .product-info .action:before, .product-info .action:after { content: " "; display: table; } .product-info .action:after { clear: both } .product-info .action a { border: 1px solid #E5E5E5; text-align: center; text-transform: uppercase; height: 32px; display: block; color: #777777; font-size: 10px; padding: 8px 8px 0; } .product-info .action a .fa { color: #c1c1c1 } .product-info .action a:hover { color: #31A8D2 } .product-info .action a:hover .fa { color: #31A8D2 } .product-info .action > div { margin-right: 10px; margin-left: 0; } /* NEW SHOP CSS ================================================== ================================================== */ .product-zoom-carousel { width: 62%; margin: 0px auto; } /* ===[ Single Product View ]=== ================================================== */ .product-carousel { padding-top: 5px; padding-bottom: 5px; } .list_carousel { width: 100% } .list_carousel.responsive { width: auto; margin-left: 0; } .product-carousel-control #prev1, .product-carousel-control #next1 { display: inline-block; margin-top: 10px; } #prev2 { position: absolute; left: 15px; bottom: 8px; } #next2 { position: absolute; right: 15px; bottom: 8px; } .timer { background-color: #999; height: 6px; width: 0px; } .banner-item { float: left; margin: 2px; background: #fff; border: 2px solid #47a3da; } .banner-item img { padding: 5px; width: 180px; height: 100px; } .product-caroufredsel_thumb h2 { font-size: 14px; padding: 5px; margin: 0px; } /* ===[ Product Image Gallery ]=== ================================================== */ .simpleLens-thumbnails-container a { display: inline-block } .simpleLens-thumbnails-container a img { display: block } .simpleLens-container { display: table; position: relative; } .simpleLens-big-image-container { display: table-cell; vertical-align: middle; text-align: center; position: relative; height: 300px; width: 350px; } .simpleLens-big-image { max-width: 100% } .simpleLens-lens-image { height: auto !important; width: 350px; display: inline-block; text-align: center; margin: 0; box-shadow: none; float: none; position: relative; } .simpleLens-mouse-cursor { background-color: #CCC; opacity: 0.2; filter: alpha(opacity = 20); position: absolute; top: 0; left: 0; border: 1px solid #999; box-shadow: 0 0 2px 2px #999; cursor: none; } .simpleLens-lens-element { background-color: #FFFFFF; box-shadow: 0 0 2px 2px #8E8E8E; height: 400px; left: 105%; overflow: hidden; position: absolute; top: 0; width: 480px; z-index: 9999; text-align: center; } .simpleLens-lens-element img { position: relative; top: 0; left: 0; width: auto !important; max-width: none !important; } .reviews-box { width: 100%; float: left; } .reviews { padding-left: 10px } .rating-input { position: relative; top: 2px; } .related-product .col-lg-4 { max-width: 390px } /* ===[ End Shop CSS ]=== ================================================== ================================================== */ /* ===[ Featured Box Mehedi start ]=== ================================================== ================================================== */ .featured-box { background: #F5F5F5; background-color: transparent; background: -webkit-linear-gradient(top,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom,white 1%,#f9f9f9 98%) repeat scroll 0 0 transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; text-transform: uppercase; } .featured-box .box-content { border-radius: 8px; border-top: 0px solid #33B8FF; border-top-width: 0px; padding: 30px 30px 10px 30px; } .featured-box .learn-more { display: block; margin-top: 10px; } /* ===[ Featured Boxes ]=== ================================================== ================================================== */ .featured-boxes .featured-box { margin-bottom: 30px } .featured-boxes .featured-box.info-content { text-align: left } /* ===[ Primary ]=== ================================================== ================================================== */ .featured-box-primary i.icon-featured { background-color: #E36159 } .featured-box-primary h4 { color: #E36159 } .featured-box-primary .box-content { border-top-color: #E36159 } /* ===[ Secundary ]=== ================================================== ================================================== */ .featured-box-secundary i.icon-featured { } .featured-box-secundary h4 { } .featured-box-secundary .box-content { } /* ===[ Tertiary ]=== ================================================== ================================================== */ .featured-box-tertiary i.icon-featured { background-color: #2BAAB1 } .featured-box-tertiary h4 { color: #2BAAB1 } .featured-box-tertiary .box-content { border-top-color: #2BAAB1 } /* ===[ Quartenary ]=== ================================================== ================================================== */ .featured-box-quartenary i.icon-featured { background-color: #734BA9 } .featured-box-quartenary h4 { color: #734BA9 } .featured-box-quartenary .box-content { border-top-color: #734BA9 } .featured-boxes.login .featured-box { text-align: left } .featured-boxes.cart .featured-box { text-align: left } .featured-boxes .featured-box-cart { margin-top: 0 } /* ===[ Feature Box ]=== ================================================== ================================================== */ .feature-box { clear: both } .feature-box .feature-box-icon { background: #CCC; border-radius: 35px; color: #FFF; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; } .feature-box .feature-box-info { padding-left: 50px } /* ===[ Secundary ]=== ================================================== ================================================== */ .feature-box.secundary h4 { color: #121214 } .feature-box.secundary .feature-box-icon { background: transparent; width: 50px; height: 50px; } .btn-width { width: 40% } .feature-box.secundary .feature-box-icon i.icon { font-size: 28px } .feature-box.secundary .feature-box-info { padding-left: 60px } /* ===[ Icon Featured ]=== ================================================== ================================================== */ .icon-featured { border-radius: 100%; color: #FFF; font-size: 40px; line-height: 110px; margin: 25px 0; padding: 25px; display: inline-block; padding: 0; width: 110px; height: 110px; } .featured-box-secundary i.icon-featured { background-color: #0088cc } .featured-box-secundary h4 { color: #0088cc } .featured-box-secundary .box-content { border-top-color: #0088cc } h2.form-signin-heading { border-radius: 5px 5px 0 0; color: #fff; font-family: 'Open Sans',sans-serif; font-size: 18px; font-weight: bold; margin: 0; padding: 25px 15px; text-align: center; text-transform: uppercase; margin-bottom: 15px; } .form-signin { background: none repeat scroll 0 0 #fff; border-radius: 5px; margin: 100px auto; } .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; } .btnhelp { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; } .btn.active:focus, .btn:active:focus, .btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; background-image: none; } .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; } .btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default { background-image: none } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #3276b1; border-color: #285e8e; } .btn-primary.active, .btn-primary:active, .open .dropdown-toggle.btn-primary { background-image: none } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success { color: #fff; background-color: #47a447; border-color: #398439; } .btn-success.active, .btn-success:active, .open .dropdown-toggle.btn-success { background-image: none } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #287eb7; border-color: #287eb7; } .btn-info.active, .btn-info:active, .btn-info:focus, .btn-info:hover, .open .dropdown-toggle.btn-info { color: #fff; background-color: #39b3d7; border-color: #269abc; } .btn-info.active, .btn-info:active, .open .dropdown-toggle.btn-info { background-image: none } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.active, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open .dropdown-toggle.btn-warning { color: #fff; background-color: #ed9c28; border-color: #d58512; } .btn-warning.active, .btn-warning:active, .open .dropdown-toggle.btn-warning { background-image: none } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.active, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open .dropdown-toggle.btn-danger { color: #fff; background-color: #d2322d; border-color: #ac2925; } .btn-danger.active, .btn-danger:active, .open .dropdown-toggle.btn-danger { background-image: none } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #428bca; font-weight: 400; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #999; text-decoration: none; } .btn-group-lg>.btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-group-sm>.btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs>.btn, .btn-xs { font-size: 12px; line-height: 1.5; border-radius: 3px; color: #000000; background-color: #fafafa !important; border-color: #d5d5d5; padding: 6px 10px; } .btn-group-xs>.btn, .btn-xs:hover { font-size: 12px; line-height: 1.5; border-radius: 3px; color: #000000; background-color: #fafafa !important; border-color: #d5d5d5; padding: 6px 10px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; padding: 10px 0; } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } /* ===[ Added by faruk ]=== ================================================== ================================================== */ .circular-knob { margin-bottom: 25px; min-height: 210px; } .circular-knob-content { margin-bottom: 70px; margin-top: -125px; text-align: center; } .circular-knob strong { display: block; font-size: 22px; font-weight: 600; line-height: 30px; } .circular-knob label { display: block; font-size: 17px; font-weight: 100; line-height: 20px; } /* ===[ Mehedi New CSS for shop page ]================ */ #sidebar h3 { padding-top: 7px } .sidebar-nav li { padding: 10px; background-color: #fafafa; width: 100%; margin-bottom: 5px; color: #000; } .sidebar-nav li:hover { padding: 10px; width: 100%; margin-bottom: 5px; color: #fff !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar-nav li.active { padding: 10px; width: 100%; margin-bottom: 5px; color: #ffffff !important; } .sidebar-nav li.active a { color: #ffffff !important } .sidebar-nav li.active:hover { padding: 10px; width: 100%; margin-bottom: 5px; color: #fff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .sidebar-nav li a { color: #000; width: 100%; } .sidebar-nav li a:hover { color: #fff } .sidebar-nav li a i { padding-right: 10px } .sidebar-nav li a i:hover { color: #fff; padding-right: 10px; } #checkoutsteps.panel-group .panel { border: none } #checkoutsteps { list-style: none; margin: 0; padding: 0; } #checkoutsteps > li { margin: 0 0 11px } #checkoutsteps .step-title { background: #fafafa; border: 1px solid #e1e1e1; color: #283043; display: block; height: 50px; padding: 0 18px; text-decoration: none; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } #checkoutsteps .step-title.collapsed { border: 1px solid #e1e1e1; color: #7f7f7f; } #checkoutsteps a.step-title:hover { opacity: 0.85; filter: alpha(opacity=85); -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } #checkoutsteps .step-title .number { color: #7f7f7f; float: right; font-size: 16px; line-height: 49px; } #checkoutsteps .step-title h6 { font-size: 18px; line-height: 49px; margin: 0; } #checkoutsteps .step-content { border: 1px solid #e1e1e1; border-top: 0 none; padding: 22px 18px 19px; } .step-content .radio { margin-left: 20px; } #checkoutsteps .step-content label { line-height: 22px } #checkoutsteps .step-content .radio, #checkoutsteps .step-content .checkbox { line-height: 18px } #checkoutsteps .step-content .radio .new-radio, #checkoutsteps .step-content .checkbox .new-checkbox { margin-top: 0 } #checkoutsteps .step-content .title { border-bottom: 1px solid #e1e1e1; font-size: 16px; line-height: 24px; margin: 0 0 17px; padding: 0 0 10px; position: relative; } #checkoutsteps .step-content .title:before { bottom: 0px; content: ""; display: block; height: 1px; left: 0; margin: 0 0 -1px; position: absolute; width: 40px; } #checkoutsteps .step-content .register-radio { margin: 0 0 22px 39px } #checkoutsteps .step-content ul { list-style-type: disc } #checkoutsteps .step-content .col-1 .buttons-box { margin: 25px 0 0 0 } #checkoutsteps .step-content input.last { margin-bottom: 14px } #checkoutsteps .step-content .buttons-box { margin-top: 6px; overflow: hidden; padding-top: 10px; text-align: right; } #checkoutsteps .step-content .buttons-box .btn { float: left; margin: -10px 10px 0 0; } #checkoutsteps .step-content .buttons-box .required { display: inline-block; margin-left: 12px; } .sidebar.checkout-progress { } .sidebar.checkout-progress header { margin: 0 0 13px } .sidebar.checkout-progress .progress-list { margin: 0 } .sidebar.checkout-progress .progress-list li { color: #7f7f7f; line-height: 20px; margin: 0; padding: 12px 0 7px; } .sidebar.checkout-progress .progress-list li + li { border-top-width: 1px } .sidebar.checkout-progress .progress-list li a { color: #7f7f7f; float: right; } .sidebar.checkout-progress .progress-list li.active { color: #283043; font-weight: bold; } .sidebar.checkout-progress .progress-list li.active a { display: none } .bg { background-color: #fafafa; border: 1px solid #ddd; } #car-bottom .car-bottom-box { font-size: 12px; line-height: 18px; padding: 27px 30px 30px; } .shopping-cart-table.table { border-bottom-width:0; margin:0; } .shopping-cart-table.table thead th { padding:16px 30px 12px; text-align:left; vertical-align:top; } .shopping-cart-table.table tbody td { font-size:14px; line-height:20px; padding:30px; } .shopping-cart-table.table .td-images { width:131px; } .shopping-cart-table.table .product-image { background:#f2f2f2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; display:block; width:70px; } .shopping-cart-table.table .td-name { text-align:left; } .shopping-cart-table.table .td-name .product-name { font-size:12px; font-weight:normal; line-height:20px; } .shopping-cart-table.table .td-edit { padding-left:20px; padding-right:20px; width:92px; } .shopping-cart-table.table .td-price { padding-left:20px; padding-right:20px; text-align:center; width:112px; } .shopping-cart-table.table .td-qty { min-width:48px; padding-left:25px; padding-right:25px; text-align:center; width:120px; } .shopping-cart-table.table td.td-qty { padding-top:19px; } .shopping-cart-table.table .td-qty input { margin:0; text-align:center; } .shopping-cart-table.table .td-total { padding-left:20px; padding-right:20px; text-align:center; width:102px; } .shopping-cart-table.table .td-remove { padding-left:20px; padding-right:20px; text-align:center; width:60px; } .shopping-cart-table-button.table { border-bottom-width:1px; border-right-width:0; margin:0 0 40px; } .shopping-cart-table-button.table tbody td { border-left-width:0; border-top-width:0; height:49px; padding:0; text-align:left; vertical-align:middle; } .shopping-cart-table-button.table a { line-height:22px; } .shopping-cart-table-button.table a i { font-size:17px; line-height:20px; vertical-align:top; } .shopping-cart-table-button.table .update { float:right; } .shopping-cart-table-button.table .update i { font-size:12px; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom: 0 } .no-border { border: 0 !important; padding: 20px 0 !important; } /* ===[ Modal ]=== ================================================== */ .login .modal-dialog, .register .modal-dialog { margin: 30px auto; width: 450px; } .login .modal-header, .register .modal-header { border-radius: 5px 5px 0 0; border: 0; color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 15px; padding: 0; text-align: center; text-transform: uppercase; } .login .modal-body, .register .modal-body { padding: 20px 20px 0 } /* ===[ Components ]=== ================================================== */ .bs-docs-example-images .img-thumbnail, .bs-docs-example-images > img { margin-bottom: 5px; margin-top: 5px; } .img-thumbnail .bg-images i { margin: 9px 0 0 9px } .img-thumbnail.img-circle .bg-images i { margin: 17% 0 0 17% } .img-thumbnail.img-rounded, .img-thumbnail.img-rounded img, .img-thumbnail.img-rounded .bg-images { border-radius: 4px } .img-thumbnail.img-circle, .img-thumbnail.img-circle img, .img-thumbnail.img-circle .bg-images { border-radius: 500px } .img-thumbnail .bg-images { bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-out 0s; } .img-thumbnail { border-radius: 0; display: inline-block; line-height: 0; position: relative; transition: opacity 0.2s ease-in 0s; } .padding-top-bottom-10{ padding-bottom:10px; padding-top:10px;} .p-0{padding:0!important}.p-1{padding:1px!important}.p-2{padding:2px!important}.p-3{padding:3px!important}.p-4{padding:4px!important}.p-5{padding:5px!important}.p-10{padding:10px!important}.p-15,.wrapper{padding:15px!important}.p-20{padding:20px!important}.p-25{padding:25px!important}.p-30{padding:30px!important}.p-35{padding:35px!important}.p-40{padding:40px!important}.p-t-0{padding-top:0!important}.p-t-1{padding-top:1px!important}.p-t-2{padding-top:2px!important}.p-t-3{padding-top:3px!important}.p-t-4{padding-top:4px!important}.p-t-5{padding-top:5px!important}.p-t-10{padding-top:10px!important}.p-t-15{padding-top:15px!important}.p-t-20{padding-top:20px!important}.p-t-25{padding-top:25px!important}.p-t-30{padding-top:30px!important}.p-t-35{padding-top:35px!important}.p-t-40{padding-top:40px!important}.p-r-0{padding-right:0!important}.p-r-1{padding-right:1px!important}.p-r-2{padding-right:2px!important}.p-r-3{padding-right:3px!important}.p-r-4{padding-right:4px!important}.p-r-5{padding-right:5px!important}.p-r-10{padding-right:10px!important}.p-r-15{padding-right:15px!important}.p-r-20{padding-right:20px!important}.p-r-25{padding-right:25px!important}.p-r-30{padding-right:30px!important}.p-r-35{padding-right:35px!important}.p-r-40{padding-right:40px!important}.p-b-0{padding-bottom:0!important}.p-b-1{padding-bottom:1px!important}.p-b-2{padding-bottom:2px!important}.p-b-3{padding-bottom:3px!important}.p-b-4{padding-bottom:4px!important}.p-b-5{padding-bottom:5px!important}.p-b-10{padding-bottom:10px!important}.p-b-15{padding-bottom:15px!important}.p-b-20{padding-bottom:20px!important}.p-b-25{padding-bottom:25px!important}.p-b-30{padding-bottom:30px!important}.p-b-35{padding-bottom:35px!important}.p-b-40{padding-bottom:40px!important}.p-l-0{padding-left:0!important}.p-l-1{padding-left:1px!important}.p-l-2{padding-left:2px!important}.p-l-3{padding-left:3px!important}.p-l-4{padding-left:4px!important}.p-l-5{padding-left:5px!important}.p-l-10{padding-left:10px!important}.p-l-15{padding-left:15px!important}.p-l-20{padding-left:20px!important}.p-l-25{padding-left:25px!important}.p-l-30{padding-left:30px!important}.p-l-35{padding-left:35px!important}.p-l-40{padding-left:40px!important} .f-s-8{font-size:8px!important}.f-s-9{font-size:9px!important}.f-s-10{font-size:10px!important}.f-s-11{font-size:11px!important}.f-s-12{font-size:12px!important}.f-s-13{font-size:13px!important}.f-s-14{font-size:14px!important}.f-s-15{font-size:15px!important}.f-s-16{font-size:16px!important}.f-s-17{font-size:17px!important}.f-s-18{font-size:18px!important}.f-s-19{font-size:19px!important}.f-s-20{font-size:20px!important}.f-s-22{font-size:22px!important}.f-s-30{font-size:30px!important}.f-w-100{font-weight:100!important}.f-w-200{font-weight:200!important}.f-w-300{font-weight:300!important}.f-w-400{font-weight:400!important}.f-w-500{font-weight:500!important}.f-w-600{font-weight:600!important}.f-w-700{font-weight:700!important} .ft-globeman-wrap { position:relative; min-height:1px; clear:both; height:1px; } .ft-globeman-wrap img { position:absolute; right:0px; bottom:0px; top:-20px;} .socialIcons{ margin:0px; padding:0px;} .socialIcons li { /* background: #fff none repeat scroll 0 0; border: 1px solid #fff;*/ margin: 3px !important; margin-bottom:10px !important; padding: 2px !important; width: 120px; font-size:12px; } .joinUs div { padding:5px;} .joinUs i:first-child{color:#0065b3 !important; padding-left:5px; float:left;} .joinUs input{ float:left; width:50%; color:#A6A4A4; margin-left:5px;} .joinUs input[placeholder]{color:#000;} .joinUs input:focus, .joinUs input:hover{ box-shadow:none;} .joinUs input, .joinUs button{ border:none; outline:none; padding-left:10px;} .joinUs button { background:none; float:right; padding-top:0.3em;} .txthd { font-size:20px; } .bluBG { padding:1%; background:#015595; color:#fff; text-align:center; font-family:'Montserrat'; margin-top:0px; font-weight:normal; } .topHdwt {color:#fff; text-align:center; font-family:'Montserrat'; margin-top:0px; font-weight:normal; } .MrgTop { margin-top:25px; } .MrgBot25 { margin-bottom:25px; } .mrgR { margin-right:10px; margin-top:4px; } .widt80 { width:80% !important; } .widt60 { width:60% !important;} .bdrgry { border:1px solid #ccc; } .bdrgryCrv { border:1px solid #ccc; -moz-user-select: none; background: #f0f0ed; border-radius: 8px; cursor: pointer; display: inline-block; padding:0px; margin-right:15px; margin-left:20px; } .pad10 { padding:10px; } .bgGray { background:#dad8d8; } .bgGray2 {border:1px solid #ccc; border-radius: 8px; padding:0px; background:#f0f0ed; margin-left:20px; } .hdTrans { font-size:22px; padding-top:20px; text-align:center; } .wid8 {width:95%;} .wid2 {width:5%;} .mrg0 { margin-left:0px ! Important; padding:0px ! Important;} .mrgTop20 { margin-top:3%; } .mrgTop30 {margin-top:5%;} .pad3 { padding-left:3px ! Important;} .padTop10 { padding-top:10px; } .padR0 { padding-right:0px ! Important;; } .pad8 { padding:8px ! Important;; } .lbl { color:#707070; font-size:13px; } .ab { position:absolute; } .lblwtec { font-size:12px; font-weight:bold; } .lblwt { /*color:#006dbd;*/ font-size:13px; font-weight:bold; } .brdr9 { border:1px solid #999; } .costbox { padding-top:5px; padding-bottom:5px; /*border:2px solid #006dbd; */ background:#ccc; } .TxtBold { font-weight:bold; } .mrgtop3 { margin-top:10px; } .mrgtop13 { margin-top:8%; } .txtcolr { color:#444; padding:3px 3px ! Important; } .mrgTop10 { margin-top:5%; } .ouerPad { padding:10px; } .bluBGTra { border-bottom:1px solid #fff; padding:10px; color:#888; font-weight:bold; } .EstTxtS { font-size:18px; } .EstTxtL { font-size:22px; font-weight:bold; }.normalBold { font-weight:bold; } .h3Txt { font-weight:bold; font-size:18px; } .panel-group .panel .panel-heading .panel-title>a:after { content: "\f077"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 10px; margin-top: -16px; width: 32px; height: 32px; text-align: center; line-height: 29px; border: 0px solid #ef662c; color: #ef662c; font-size: 14pt; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .panel-group .panel .panel-heading .panel-title>a.collapsed:after { content: "\f078"; border: 0px solid #adb2b6; color: #adb2b6; line-height: 29px; } .panel-group .panel .panel-heading .panel-title>a:hover:after { color: #666; border-color: #ef662c; } .panel-group .panel .panel-heading .panel-title>a { color: #666; background-color: transparent; padding: 15px 55px 15px 15px; display: block; position: relative; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .TxtHdBlue { font-size:14px; font-weight:bold; color:#06F; } /* ToolTip */ /****** TOOLTIP CSS *******/ .help-tooltip { display: inline-block; /*margin-left: 6px;*/ vertical-align: middle; margin-top:-4px; } .help-tooltip .inner-tooltiop { display: inline-block; height: 30px; min-height: 1px; position: relative; width: 30px; z-index:99999; background: url(../img/remit_icons.png) 134px 3px; } .inner-tooltiop .tooltip { opacity: 1 !important; } .help-tooltip .inner-tooltiop .tooltip-info-box { background-color: #FFFFFF; border: 1px solid #21b54a; border-radius:5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #666666 ! !important; display: none; font-size: 12px; left: -160px; padding: 8px 10px; position: absolute; top: 25px; width: 174px; text-align:left; } .help-tooltip .inner-tooltiop .tooltip-info-box .ico-close1 { position: absolute; left: -9px; top: -9px; } .help-tooltip .inner-tooltiop .tooltip-info-box .tooltip-arrow { background: url(../img/tooltip-arrow.png) no-repeat scroll left top transparent; height: 23px; right: 160px; position: absolute; top: -12px; width: 15px; left:155px; } .tooltip-info-box p { margin:0px; } .icon { font-size:0px; line-height:0px; overflow:hidden; /*border:none;*/ display:inline-block; text-align:left; text-decoration:none; text-indent:-99999px; } .icon { /*background:url(../images/tooltip.png) no-repeat;*/ } .tool-tip-color { color:#000 !important; font-size:11px; } .tands { background:#f9f9f9; color:#006dbd; text-align:center; } .widewrapper { width:100%; } .widewrapper > img { width:100%; } .revslider-full { max-height: 700px !important; } .errMsg { font-size:11px; color:Red; font-size: x-small; } .errMsgindx { font-weight:bold; font-size:11px !Important; color:White; font-size:medium; } /*--------------------------------- Drop Down ---------------------------------------------*/ .Txtbox_demo2 { color: #777; padding: 5px; font-size: 13px; width: 100%; background: #fff; display: block; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .dropcontainer_demo2 { position:relative; font-size: 13px; color: #777; } .trigger_demo2 { color: #fff; padding: 5px; font-size: 13px; width: 100%; background: #ccc url(../img/select-arrow-open.png) 99% center no-repeat; display: block; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .trigger_demo2:hover { color: #777; background: #f5f5f5 url(../img/select-arrow-open.png) 99% center no-repeat; } .activetrigger_demo2 { color: #777; padding: 5px; font-size: 13px; width: 100%; background: #f5f5f5 url(../img/select-arrow-close.png) 99% center no-repeat; display: block; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .activetrigger_demo2:hover { background: #f5f5f5 url(../img/select-arrow-close.png) 99% center no-repeat; color: #777; } .activetrigger_demo2:active { background: #f5f5f5 url(../img/select-arrow-close.png) 99% center no-repeat; color: #777; } .dropcontainer_demo2 ul { font-size: 13px; border: 1px solid #ccc; border-top: none; background: #fff; list-style-type: none; padding: 5px; margin: 0; width: 100%; z-index: 100; position:absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropcontainer_demo2 ul li a {color:#333 ! Important; } .dropcontainer_demo2 ul li { padding: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; color:#333 ! Important; } .dropcontainer_demo2 ul li:hover { background: #f5f5f5; outline: none; } .dropcontainer_demo2 ul li:first-child { display: none; } .dropcontainer_demo2 ul li:last-child { border-bottom: none; } .dropdownhidden_demo2 { display: none; } .dropdownvisible_demo2 { height: auto; z-index:1000000; } .dropdownvisible_demo2 { height: 200px; overflow-y: scroll; } .BtlFlt { float:left; width:auto ! Important; } .mrgT3p { margin-top:3%; } .mrgT2p { margin-top:6%; } .mrgT03p { margin-top:3%; } .regbutten { padding: 25px; width: 230px; font-size: 26px; } .linkGreen { color:#04b804; font-size:13px; } .linkGreen2 { color:#04b804; } .contList { list-style:none; font-size:14px; color:#015595;} .contList li { border-bottom:0px solid #ccc; line-height:65px; } .GryBG { padding:1%; background:#fff; color:#666; text-align:center; margin-top:0px; border:1px solid #015595; } .OrngHd{ color:#fc6529;} .alinCntr{ text-align:center;} .flg{ margin-right:10px; width:40px; height:40px; } .logo-color { width:80%; width:auto\9; margin-top:10px; margin-top:0px\9;} .logo-colo { width:25%; width:auto\9; margin-top:20px;} .fltLft { float:left; text-align:center; } .ttype {position:absolute; color:#fff; font-size:18px; } .fontbg { font-size:18px; color:#666 !important; text-transform:uppercase; font-family:'Montserrat';} .uppertopbar-arrow { position: relative; top: -20px; text-align: center; height: 0px; z-index: 999999999; } .up .top-lnk-btn {background:url(../img/otherimg.png) 0 0 no-repeat;} .top-lnk-btn { display: inline-block; width: 31px; height: 18px; background: url(../img/otherimg.png) no-repeat 0 -24px; position: absolute; top: 0px; left: 48%; z-index: 99;} .uppertopbarbg { /* background: url(../img/uppertopbarbg.gif) repeat-x left bottom #fdfdfd;*/ background: #fdfdfd; border: 1px solid #e3e3e3; border-width: 0 1px 1px; border-radius: 0 0 5px 5px; margin-bottom: 2px;} .uppertopbar { min-height: 30px; border-radius: 0 0 5px 5px; position: relative; z-index: 99999999;} .newspaper { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; line-height:25px;} .sitemaplist { -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; line-height:25px; list-style:none; } div.content-box.big .ch-info-signup { margin: -5px auto 13px; position: relative; left: auto; top: auto; } div.content-box.big .ch-info-benefi { margin: -5px auto 5px; position: relative; left: auto; top: auto; } div.content-box.big .ch-info-pay { margin: -5px auto 5px; position: relative; left: auto; top: auto;} div.content-box.big .ch-info-loc { margin: -5px auto 13px; position: relative; left: auto; top: auto; } .forioc{ float:left; margin-top:3%;} .pLeft{ float:left;} .pRight{ float:right;} .orngBG { padding:1%; background:#ed653b; color:#fff; text-align:center; margin-top:0px;} .bluBGNew { padding:1%; background:#006dbd; color:#fff; font-size:18px; text-align:center; font-family:'Montserrat'; margin-top:30px; margin-bottom:30px; text-transform: uppercase; } .bluBGNe { padding:1%; background:#006dbd; color:#fff; font-size:18px; text-align:center; font-family:'Montserrat'; margin-top:30px; margin-bottom:30px; text-transform: uppercase;} .upperCs { text-transform: uppercase; font-family:'Montserrat'; } .contmap { text-align:center; margin-bottom:15px; margin-top:15px; } .clrBoth { clear:both; display:block; } .iocLable { text-align:center; font-size:21px; color:#666; margin-bottom:20px; } .bluline2 { border-bottom:2px solid #006dbd; padding-bottom:10px; padding-top:10px;} .costBg { background:#F2F2F2; } .plLT { float:left;} .titleHd { font-size:18px !Important; color:#707070; margin-bottom:15px; text-transform:uppercase; font-weight:bold; } .margin-top20 { margin-top:30px; } .btnbluecolor { background:#0065b3 !Important; border:1px solid #0065b3; color:#fff !Important; } .mrghelp8 { margin-top:-8px; } .NormalRates{font-family:'Arial';} .iebtn { margin-top:25px\9 !Important; margin-left:10px\9 !Important; float:left\9 !Important; } .number { color:Orange; } .zerohd { font-weight:bold; font-size:3em; padding-top:15px; padding-bottom:15px; } .onmoney { font-weight:bold; font-size:1.5em; } .freetxt { font-size:14px; font-weight:bold; } .notetxt { font-size:12px; padding-top:13px; line-height:15px; } .TopOfer{ background:#fc6529; color:#fff; padding:10px; text-align:center; font-family:'Arial'; } .Ratespopup { border:5px solid #fc6529; margin-left:0px; border-radius:10px; background:#fff; position: absolute ; text-align:justify; top:75%; left:35%; z-index:100000; width:35%; } .OrngHD { background:#fc6529; padding:10px; text-align:center; font-size:22px; color:#fff; } .btnOrng { background: #fc490e; border:1px solid #fc490e; border-radius:5px; padding:4px 8px; width:70px; font-family:Raleway; font-size:12px; font-weight:700; color:#fff!important; line-height:15px; display:inline-block; box-shadow:0 1px 2px rgba(0, 0, 0, .2); cursor:pointer } /* -------------- Sprite icons-----------------*/ .hpicon{ width: 49px;height:43px; background: url(../img/remit_icons.png) -418px -50px; } .ch-info-benefi { width: 49px; height:55px; background: url(../img/remit_icons.png) -140px -29px; } .ch-info-signup { background: url(../img/remit_icons.png) -322px -35px; width: 45px;height: 42px; } .ch-info-pay { background: url(../img/remit_icons.png) -220px -21px; width: 50px;height: 57px; } .moneybag {width: 46px;height:61px; background: url(../img/remit_icons.png) -223px -121px; } .handsign {width: 46px;height:43px; background: url(../img/remit_icons.png) -321px -154px; } .locost {width: 46px;height:66px; background: url(../img/remit_icons.png) -23px -123px; } .connectworld { width: 62px;height:61px; background: url(../img/remit_icons.png) -302px -102px; } .clliningcard {width: 62px;height:43px; background: url(../img/remit_icons.png) 371px -100px; } .safesec { width: 62px;height:50px; background: url(../img/remit_icons.png) 386px -147px; } .tandc { width: 25px;height:25px; background: url(../img/remit_icons.png) 70px -112px; } .tandcBig { width: 43px;height:43px; background: url(../img/remit_icons.png) 78px -151px; } .asia { width: 71px;height:59px; background: url(../img/remit_icons.png) 171px -206px; } .africa { width: 42px;height:52px; background: url(../img/remit_icons.png) 227px -209px; } .masterCard { width: 337px;height:59px; background: url(../img/remit_icons.png) -6px -329px; } .ch-info-loc { width: 33px;height:49px; background: url(../img/remit_icons.png) 87px -207px; } .estimate { width: 31px;height:50px; background: url(../img/remit_icons.png) 223px -273px; } .est_summery { width: 86px;height:46px; background: url(../img/remit_icons.png) 173px -277px; } .bank_trans { width: 117px;height:140px; background: url(../img/remit_icons.png) 505px -189px; } .trans_money { width: 146px;height:123px; background: url(../img/remit_icons.png) 390px -191px; } .safesec2 { width: 146px;height:123px; background: url(../img/remit_icons.png) 509px 2px; } .helpques { width: 31px;height:30px; background: url(../img/remit_icons.png) 73px -8px; } .mob_trans { width: 146px;height:123px; background: url(../img/remit_icons.png) 146px -333px; } .Tandclink { font-size:9px; text-decoration:none; color:#fff; } .Tandclink1 { text-decoration:none; color:#fff !Important; } /*-----------------------SLIDER __________________ */ .jssorb05{position:absolute} .jssorb05 div,.jssorb05 div:hover,.jssorb05 .av {position:absolute;width:16px;height:16px;overflow:hidden;cursor:pointer} .jssorb05 div{background-position:-7px -7px} .jssorb05 div:hover,.jssorb05 .av:hover{background-position:-37px -7px} .jssorb05 .av{background-position:-67px -7px} .jssorb05 .dn,.jssorb05 .dn:hover{background-position:-97px -7px} .jssora22l,.jssora22r{display:block;position:absolute;width:40px;height:58px;cursor:pointer;overflow:hidden} .jssora22l{background-position:-10px -31px} .jssora22r{background-position:-70px -31px} .jssora22l:hover{background-position:-130px -31px} .jssora22r:hover{background-position:-190px -31px} .jssora22l.jssora22ldn{background-position:-250px -31px} .jssora22r.jssora22rdn{background-position:-310px -31px} .carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;margin: -50px auto;} .carousel .item{height: 350px;} .item img {position: absolute;top: 0;left: 0;} /*-----------------------SLIDER END__________________ */ .topmnuHt{ height:auto;} .modal { position: fixed; top: 0; left: 0; background-color: black; z-index: 99; opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; min-height: 100%; width: 100%; } .loading { font-family: Arial; font-size: 10pt; border: 5px solid #67CFF5; width: 200px; height: 100px; display: none; position: fixed; background-color: White; z-index: 999; } .modalPopup { padding: 3px; position: absolute; margin:0 auto; /*left:237px ! Important; top:303px ! Important;*/ } .loadimg { position: absolute; left: 50%; top: 50%; margin-left: -103px; /* -1 * image width / 2 */ margin-top: -99px; /* -1 * image height / 2 */ } .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; position:fixed ! Important; } .modal1 { position: fixed; top: 0; left: 0; z-index: 9999; height: 100%; width: 100%; background-color: transparent ;} .center1 { z-index: 10000; width: 58%; height: 100px; margin: 300px auto; padding: 10px; text-align:center; }