/* style-main.css */
@import url(https://fonts.googleapis.com/css?family=Poppins:400, 500, 700); 
@import url(https://fonts.googleapis.com/css?family=Open + Sans:300, 400, 500, 600, 700, 800|Raleway:400, 300, 200, 500, 700, 600, 800|Playfair + Display:400, 400italic, 700, 700italic); ::selection { background: #333; color: #fff; text-shadow: none; } ::-moz-selection { background: #333; color: #fff; text-shadow: none; } ::-webkit-selection { background: #333; color: #fff; text-shadow: none; } :active, :focus { outline: 0 !important; } html { font-size: 100%; } body { line-height: 1.7; color: #000; font-size: 16px; font-family: "Open Sans", sans-serif; background-color: #fff; } a { color: #000; text-decoration: none; } a:focus, a:hover { color: #595959; text-decoration: none; } a img { border: none; } img { max-width: 100%; } iframe { border: none; } .h1, h1 { font-size: 3.4rem; } .h2, h2 { font-size: 2rem; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } .h1, .h2, h1, h2 { font-family: Quicksand, "Open Sans", sans-serif; font-weight: 500; line-height: 1.42857143; color: #333; } .h1 .small, .h1 small, .h2 .small, .h2 small, h1 .small, h1 small, h2 .small, h2 small { font-weight: 400; line-height: 1; color: #333; } .h1 a, .h2 a, h1 a, h2 a { color: #333; } .h3, .h4, .h5, .h6, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 400; line-height: 1.42857143; color: #333; } .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #333; } .h3 a, .h4 a, .h5 a, .h6 a, h3 a, h4 a, h5 a, h6 a { color: #333; } p { color: #000; font-size: 17px; font-family: 'Quicksand'!important; font-weight: 400!important; } li { font-family: 'Quicksand'!important; font-weight: 400!important; } address, blockquote, dd, dl, fieldset, form, ol, p, pre, table, ul { color: #000; margin-bottom: 10px; } #mail-status { padding: 12px 20px; width: 100%; display: none; font-size: 1em; font-family: Georgia, Times, serif; margin-bottom: 10px; } .error { background-color: #f2dede; border: 1px solid #ebccd1; color: red; } .success { background-color: #e1ffec; border: 1px solid #5fa277; color: #457b59; } .course-section strong { color: #174ea6; } .course-list li:before { content: "<"; content: "\f0a4"; font: normal normal normal 14px/1 FontAwesome; margin-right: 12px; } .font-opensans { font-family: "Open Sans", sans-serif; } .about-sidebar { border: 1px solid #000; } .font-raleway { font-family: Raleway, sans-serif; } .font-titillium { font-family: "Titillium Web", sans-serif; } .breadcrumb { background-color: transparent; padding-left: 0; } .breadcrumb > li + li::before { content: "\f22d"; font-family: fontawesome; font-size: 9px; } .breadcrumb li.active { color: #fff; } .breadcrumb.white li.active { color: #fff; } .breadcrumb.white li a { color: grey; } .home-placement { padding: 24px 0; } .carousel-control.left, .carousel-control.right { background-image: none !important; } div#carousel-example-generic .carousel-caption p { color: #174ea6; font-size: 20px; } .drop-caps p { text-align: justify; } .drop-caps p:first-child:first-letter { color: #111; display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px; } .drop-caps.text-colored p:first-child:first-letter { display: block; float: left; font-size: 48px; line-height: 48px; margin: 6px 3px; padding: 10px 18px; } .drop-caps.border p:first-child:first-letter { border: 1px solid; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.border-rounded p:first-child:first-letter { border: 1px solid; border-radius: 50%; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.colored-square p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.colored-rounded p:first-child:first-letter { color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50%; } .drop-caps.dark-square p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; } .drop-caps.dark-rounded p:first-child:first-letter { background: #222; color: #fff; margin: 8px 16px 0 0; padding: 15px 20px; border-radius: 50%; } .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px; } .text-highlight.light { background: grey; } html { font-size: 100%; max-width: 100%; } @media only screen and (max-width: 991px) { .home-call-img { margin-left: 26% !important; } html { font-size: 90%; } .lets-chat-button { font-size: 17px !important; padding: 15px !important; text-align: center !important; border-radius: .375rem !important; /*margin: 0% 20% 0% 25% !important;*/ } .lets-chat-phone { font-size: 25px !important; font-weight: 600 !important; } .lets-chat-heading { font-size: 26px!important; } .lets-chat-sub-heading { font-size: 27px!important; font-weight: 400!important; line-height: 37px!important; padding-bottom: 20px!important; } .lets-chat-actions .lets-chat-phone-text-group { font-size: 20px!important; } .lets-chat-arrow{ font-size:19px!important; } } @media only screen and (max-width: 767px) { html { font-size: 85%; } } @media only screen and (max-width: 479px) { html { font-size: 80%; } } html, html a { -webkit-font-smoothing: antialiased; } body { max-width: 100%; overflow-x: hidden; } strong { color: #00000; } img { max-width: 100%; } ol, ul { list-style: none; margin: 0; padding: 0; } .fluid-video-wrapper { padding: 0; position: relative; width: 100%; } iframe { border: none; width: 100%; } .lead { font-size: 18px; } .text-highlight { background: none repeat scroll 0 0 #111; border-radius: 4px; color: #fff; padding: 0 5px 3px; } .text-highlight.light { background: grey; } .inline-block { display: inline-block; } .display-block { display: block; } .fullwidth { width: 100%; } .bg-hover-theme-colored { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .text-underline { text-decoration: underline; } .heading-line-bottom { border-bottom: 1px dashed grey; display: inline-block; margin: 0; position: relative; margin: 20px 0; } .heading-line-bottom::after { content: ""; height: 2px; left: 0; position: absolute; top: 4px; width: 20px; } .heading-title { margin-top: 10px; } .line-bottom { position: relative; margin-bottom: 30px; padding-bottom: 10px; line-height: 40px!important; } .line-bottom:after { bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; width: 50px; } .line-bottom-centered { position: relative; margin: 10px 0 20px; } .line-bottom-centered:after { background: #2b96cc none repeat scroll 0 0; bottom: -8px; content: ""; height: 1px; left: 0; margin-left: auto; margin-right: auto; margin-top: 0; position: absolute; right: 0; width: 30px; } .title-icon [class^="flaticon-"]::after, .title-icon [class^="flaticon-"]::before { font-size: 48px; margin-left: 10px; } .title-icon { margin: 0 auto; max-width: 160px; position: relative; } .title-icon::after { content: ""; height: 2px; left: 24px; position: absolute; top: 10px; width: 30px; } .title-icon::before { content: ""; height: 2px; position: absolute; right: 20px; top: 10px; width: 30px; } ol, ul { list-style: none; margin: 0; padding: 0; } ol ul, ul ul { margin-left: 15px; } ul.list { list-style: outside none none; margin-top: 13px; padding-left: 0; } ul.list li { margin: 5px 0; font-weight: 500; padding-left: 15px; position: relative; } ul.list li:before { border: none; color: #a9a9a9; content: "\f111"; display: inline-block; font-family: fontawesome; font-size: 9px; margin-right: 10px; padding: 0; left: 0; position: absolute; top: 5px; } ul.list li:hover:before { background: 0 0; border-color: transparent; } ul.list li a { text-decoration: none; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; font-size: 17px; } ul.list.list-white li:before { color: #fff; } ul.list.list-white li:hover:before { background: 0 0; border-color: transparent; } ul.list.list-white li a { color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } ul.list-border-bottom li { border-bottom: 1px solid #eee; padding-bottom: 10px; } ul.list.list-border-bottom li:last-child { border-bottom: none; } ul.list-border-bottom.no-padding li { padding-bottom: 0; } ul.list-border-bottom.no-padding li:last-child { border-bottom: none; } .list-icon li { font-size: 14px; margin: 0; } .list-icon li i { color: #555; font-size: 14px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px; } .list-icon.square li i { background: silver; color: #555; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px; } .list-icon.rounded li i { color: #555; background: silver; border-radius: 50%; font-size: 12px; height: 28px; line-height: 28px; margin: 5px 10px 5px 0; text-align: center; width: 28px; } .list-icon.theme-colored.square li i { color: #fff; } .list-icon.theme-colored.rounded li i { color: #fff; } .list-info li { clear: both; position: relative; } .list-info li label { display: inline-block; font-weight: 700; padding: 5px 0 0; } .list-info li span { left: 110px; padding: 5px 0; position: absolute; } .list-features { -moz-column-count: 3; column-count: 3; } .list-dashed > article { border-bottom: 1px dashed #d3d3d3; margin-bottom: 7px; padding-bottom: 7px; } .list-dashed > div { border-bottom: 1px dashed #d3d3d3; margin-bottom: 7px; padding-bottom: 7px; } .list-dashed{ color: #000000; font-size: 18px; font-weight: 300; line-height:30px; } .list-dashed > li { border-bottom: 1px dashed #d3d3d3; margin-bottom: 10px; padding-bottom: 10px; text-align: justify; font-size: 20px; line-height: 36px; } .list-dashed > li > b { font-size: 20px; line-height: 40px; } .list-dashed.dark-dash > article { border-bottom: 1px dashed #333; } .list-dashed.dark-dash > div { border-bottom: 1px dashed #333; } .list-dashed.dark-dash > li { border-bottom: 1px dashed #333; } ul.list.check li:before { content: "\f00c"; font-family: fontawesome; font-size: 12px; margin: 3px 0; } .list-plain > li { text-align: justify; font-size: 18px; line-height: 36px; list-style: circle; margin-left:25px; } .page-main{ margin-top:21px; } .page-main a{ color:#223fad; } .page-main .img-responsive{ border: 1px solid #d9d9d9; } .page-title { font-size: 25px; font-weight: 700; color: #174ea6; } ul.list.angle-double-right li:before { content: "\f101"; font-family: fontawesome; font-size: 12px; } ul.list.angle-right li:before { content: "\f105"; font-family: fontawesome; } ul.list.check-circle li:before { content: "\f058"; font-family: fontawesome; font-size: 14px; } .call-to-action { width: 100%; padding-bottom: 20px; padding-top: 20px; } section { position: relative; } section > .container, section > .container-fluid { padding-top: 10px; padding-bottom: 20px; } .bg-video { height: 100%; position: absolute; text-align: center; width: 100%; z-index: -1; } .bg-video .video { height: 100%; left: 0; margin: 0; position: relative; top: 0; width: 100%; } .bg-video .video .mbYTP_wrapper { z-index: -1; } .display-table-parent { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .display-table { display: table; height: 100%; position: relative; width: 100%; z-index: 1; } .display-table-cell { display: table-cell; height: 100%; vertical-align: middle; } .scrollToTop { background: rgba(0, 0, 0, 0.1); bottom: 15px; display: none; height: 50px; padding: 2px; position: fixed; right: 15px; text-align: center; text-decoration: none; width: 50px; z-index: 99999; } .scrollToTop i { color: #fff; font-size: 42px; } .scrollToTop:hover { background: rgba(0, 0, 0, 0.6); text-decoration: none; } .heading-border { border-bottom: 1px solid #d3d3d3; margin: 30px 0; padding: 20px 0; } .fc-day-number { color: #333; } .fc-day-number.fc-other-month { opacity: 0.4; } .scrolltofixed-container { position: static; } @media (min-width: 768px) { .container { width: 100% !important; } } @media (min-width: 992px) { .container { width: 100% !important; } } @media (min-width: 1200px) { .container { width: 95% !important; } .lets-chat-main-div { padding: 2% 5% 3% 5%!important; } .home-call-img { margin-left: 31% !important; width: 200px; } .lets-chat-button { font-size: 17px !important; padding: 15px !important; text-align: center !important; border-radius: .375rem !important; margin: 2% 20% 0% 37% !important; } .lets-chat-phone { font-size: 27px!important; font-weight: 600 !important; } .lets-chat-heading { font-size: 35px!important; } .lets-chat-sub-heading { font-size: 29px!important; font-weight: 400!important; line-height: 37px!important; padding-bottom: 20px!important; padding-top: 12px!important; } .lets-chat-actions .lets-chat-phone-text-group { font-size: 24px!important; padding-top: 15px!important; } .lets-chat-or { font-size: 20px!important; } } /*call-to-action start*/ /* #callme { position: fixed; right: 20px; top: 60%; width: 70px; height: 70px; cursor: pointer; z-index: 99990; } #callme #callmeMain { -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: rgb(0 133 10); width: 70px; height: 70px; -webkit-animation: zcwmini2 1.5s 0s ease-out infinite; -moz-animation: zcwmini2 1.5s 0s ease-out infinite; animation: zcwmini2 1.5s 0s ease-out infinite; } #callme #callmeMain:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(../images/call.png); background-repeat: no-repeat; background-position: center center; -webkit-animation: zcwphone2 1.5s linear infinite; -moz-animation: zcwphone2 1.5s linear infinite; animation: zcwphone2 1.5s linear infinite; } @-webkit-keyframes zcwphone { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @-moz-keyframes zcwphone { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @keyframes zcwphone { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @-webkit-keyframes zcwphone2 { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @-moz-keyframes zcwphone2 { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @keyframes zcwphone2 { 0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);} 50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} 75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);} 100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} } @-webkit-keyframes zcwmini { 0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);} 10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;} 100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);} } @-moz-keyframes zcwmini { 0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);} 10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;} 100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);} } @keyframes zcwmini { 0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);} 10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;} 100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);} } @-webkit-keyframes zcwmini2 { 0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);} 10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;} 100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);} } @-moz-keyframes zcwmini2 { 0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);} 10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;} 100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);} } @keyframes zcwmini2 { 0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);} 10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;} 100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);} } */ /*call-to-action end*/ /*Industries Section start*/ .industry-heading { margin-bottom: 30px; font-size: 33px; font-weight: 300; text-transform: capitalize; } .industry-main-div { padding: 10px; border: 1px solid #b5b5b5; /*border-radius: 6px;*/ height: 130px; } .industry-main-div:hover { background-color: #eaf5ff; border: 1px solid #004e7d; } .industry-icon { font-size: 38px; color: #004e7d; text-align: center; padding-top: 10px !important; } .industry p { text-align: center; font-size: 16px; text-transform: capitalize; font-family: "Quicksand", sans-serif; } /*Industries Section end*/ /*Lets Chat Section Start*/ .home-call-img{ } .lets-chat-main-div { padding: 3% 5% 3% 5%; } .lets-chat-sub-heading { font-size: 1.3rem; font-weight: 400; display: block; font-family: "Quicksand", sans-serif; font-style: italic; text-align: center; } .lets-chat-heading { text-align: center; font-weight: 700; font-family: "Quicksand", sans-serif; font-size: 31px; margin: -4px !important; } .lets-chat .lets-chat-actions { justify-content: center; min-width: 241px; min-height: 119px; } .lets-chat-actions .lets-chat-phone-text-group { font-family: "Quicksand", sans-serif; position: relative; text-align: center; display: flex; justify-content: center; align-items: center; } .lets-chat-phone { margin: 0 auto; font-family: "Quicksand", sans-serif; color: #000000 !important; font-size: 1.5rem; line-height: 1; font-weight: 700; display: block; text-align: center; text-decoration: none; } .lets-chat-or { font-family: "Quicksand", sans-serif; display: block; line-height: 1; margin: 0 0 0.25rem; text-align: center; } .lets-chat-button { border-color: #001E94; background:#001E94; min-height: 51px; display: inline-block; min-width: 160px; position: relative; text-decoration: none; color: #fff; line-height: 1.1; font-size: 0.875rem; text-transform: uppercase; font-weight: 400; padding: 1rem; text-align: center; border-radius: 0.375rem; background-clip: padding-box; border: 0.125rem solid #ffffff; cursor: pointer; margin: 0% 32% 0% 30%; } .lets-chat-button:hover, .lets-chat-button:focus { color: #f9423a; background: transparent; text-align: center; } /*Lets Chat Section end*/ /*Home-page-Abt section Start*/ .abt-list { list-style: disc; color: #ffffff; font-size: 12px !important; } .abt-list li { font-size: 16px !important; font-family: "Quicksand"; color: #ffffff !important; } .abt-text { color: #ffffff; font-size: 17px; font-weight: 500; font-family: "Quicksand"; } .abt-main-div { /* padding: 0% 0% 0% 3%;*/ } .abt-sub-heading { font-size: 22px; font-weight: 600; display: block; font-family: "Quicksand", sans-serif; text-align: left; color: #ffffff !important; margin-left: -17px; } .abt-heading-lft { text-align: left; font-weight: 600; font-family: "Quicksand", sans-serif; margin: -4px !important; color: #ffffff; padding-top: 2%; font-size:21px; } .abt-button { border-color: #000000; background: #ffffff; min-height: 51px; display: inline-block; min-width: 255px; position: relative; text-decoration: none; color: #000000; line-height: 1.1; font-size: 18px; text-transform: uppercase; font-weight: 600; font-family: "Quicksand"; padding: 18px 20px 18px 20px; text-align: center; border-radius: 3px; background-clip: padding-box; border: .125rem solid #1799e9; cursor: pointer; margin: 0% 13% 0% -1%; } .abt-button:hover, .abt-button:focus { color: #ffffff; background: #ffffff00; text-align: center; font-weight: 600; }  

.site-logo{width: 356px; height: 89px;; max-width: 100%; max-height: 100%;} 
.captcha{ width: 70px; height: 30px; max-width: 100%; max-height: 100%;} 
.dmca{ width: 150px; height: 30px; max-width: 100%; max-height: 100%;} 
/*Home-page-Abt section end*/ /* client-logo-carousel in portfolio */ #rcbrandDemo2{ display:none; } .rc-rcbrand-container { position:relative; max-width:100%; margin-bottom: 20px; } .rc-rcbrand-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; overflow: auto; } .rc-rcbrand-inner { position: relative; overflow: hidden; float:left; width:100%; background: #ffffff;; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .rc-rcbrand-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .rc-rcbrand-item img { max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; } .rc-rcbrand-nav-left, .rc-rcbrand-nav-right { padding:5px 10px; border-radius:50%; position: absolute; cursor: pointer; z-index: 4; top: 50%; transform: translateY(-50%); background: rgb(255, 102, 0, 0.5); color: #fff; } .rc-rcbrand-nav-left { left: 10px; } .rc-rcbrand-nav-left:before { content: "<" } .rc-rcbrand-nav-left.disabled { opacity: 0.4; } .rc-rcbrand-nav-right { right: 5px; } .rc-rcbrand-nav-right:before { content: ">" } .rc-rcbrand-nav-right.disabled { opacity: 0.4; } /* client-logo-carousel in portfolio */ .sbuttons { bottom: 2.5%; position: fixed; margin: 1em; z-index: 10000000; /*right: 25px;*/ } .sbutton { display: block; width: 48px; height: 48px; border-radius: 50%; text-align: center; color: black; margin: 20px auto 0; box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15); cursor: pointer; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; position: relative; } .sbutton > i { font-size: 38px; line-height: 60px; transition: all 0.2s ease-in-out; transition-delay: 2s; } .sbutton:active, .sbutton:focus, .sbutton:hover { box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); } .sbutton:not(:last-child) { width: 60px; height: 60px; margin: 20px auto 0; opacity: 0; } .sbutton:not(:last-child) > i { font-size: 29px; line-height: 60px; transition: all 0.3s ease-in-out; } .sbuttons:hover .sbutton:not(:last-child) { opacity: 6; width: 50px; height: 50px; margin: 15px auto 0; background-color: #49e670; } .sbutton:nth-last-child(1) { -webkit-transition-delay: 25ms; transition-delay: 25ms; } .sbutton:not(:last-child):nth-last-child(2) { -webkit-transition-delay: 20ms; transition-delay: 20ms; } .sbutton:not(:last-child):nth-last-child(3) { -webkit-transition-delay: 40ms; transition-delay: 40ms; } .sbutton:not(:last-child):nth-last-child(4) { -webkit-transition-delay: 60ms; transition-delay: 60ms; } .sbutton:not(:last-child):nth-last-child(5) { -webkit-transition-delay: 80ms; transition-delay: 80ms; } .sbutton:not(:last-child):nth-last-child(6) { -webkit-transition-delay: 100ms; transition-delay: 100ms; } [tooltip]:before { font-family: "Quicksand"; border-radius: 2px; /*background-color: #ff0101;*/ color: #000000; content: attr(tooltip); font-size: 15px; font-weight: bold; /* visibility: hidden; */ opacity: 0; padding: 5px 7px; margin-left: 10px; position: absolute; right: 122%; bottom: 20%; white-space: nowrap; } [tooltip]:hover:before, [tooltip]:hover:after { visibility: visible; opacity: 1; } .sbutton.mainsbutton { background: #009cff; color: black !important; } .sbutton.whatsapp { background: #009cff; width: 58px !important; height: 58px !important; } /*call-to-action start*/ #callme #callmeMain { -moz-border-radius: 50% !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #009cff; width: 60px; height: 60px !important; -webkit-animation: zcwmini2 1.5s 0s ease-out infinite; -moz-animation: zcwmini2 1.5s 0s ease-out infinite; animation: zcwmini2 1.5s 0s ease-out infinite; } #callme #callmeMain:before { content: ""; position: absolute; width: 100%; height: 100%; top: 8px; left: 8px; background-image: url("https://res.cloudinary.com/dlwtmsyuy/image/upload/v1697444731/images/chat_ormooq.png"); background-repeat: no-repeat; background-position: center center; -webkit-animation: zcwphone2 1.5s linear infinite; -moz-animation: zcwphone2 1.5s linear infinite; animation: zcwphone2 1.5s linear infinite; } #callme > a { color: #000000 !important; } @keyframes zcwmini2 { 0% { box-shadow: 0 0 0px 0px rgba(207, 8, 8, 0), 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(207, 8, 8, 0); } 10% { box-shadow: 0 0 0px 0px, 0 0 12px 10px rgba(0, 0, 0, 0), 0 0 12px 10px; } 100% { box-shadow: 0 0 0px 0px rgba(207, 8, 8, 0), 0 0 0 9px rgba(0, 0, 0, 0), 0 0 0 25px rgba(207, 8, 8, 0); } } /*call-to-action end*/ /**** clients *****/ section.clients-home { margin-top: 20px; } section.clients-home .clients-logos .client-logos-repeater { height: 210px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; cursor: pointer; } /*section.clients-home .clients-logos .client-logos-repeater:hover { background-color: #ebebeb; }*/ section.clients-home .clients-logos .client-logos-repeater img { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; } .logo-title { position: absolute; display: none; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 16px; font-weight: 700; line-height: 16px; text-transform: uppercase; color: #fff; background-color: #0079c2; } /**** clients *****/ @media only screen and (max-width: 767px) { .scrolltofixed-container .scrolltofixed { position: static !important; } .scrolltofixed-container .scrolltofixed + div { display: none !important; } } .vertical-align-middle { vertical-align: middle; } .layer-overlay { position: relative; } .layer-overlay::before { background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0; content: " "; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; } .layer-overlay.overlay-light::before { background-color: rgba(255, 255, 255, 0.4); } .layer-overlay.overlay-lighter::before { background-color: rgba(255, 255, 255, 0.3); } .layer-overlay.overlay-deep::before { background-color: rgba(255, 255, 255, 0.9); } .layer-overlay.overlay-dark::before { background-color: rgba(17, 17, 17, 0.85); } .layer-overlay.overlay-dark-1::before { background-color: rgba(17, 17, 17, 0.1); } .layer-overlay.overlay-dark-2::before { background-color: rgba(17, 17, 17, 0.2); } .layer-overlay.overlay-dark-3::before { background-color: rgba(17, 17, 17, 0.3); } .layer-overlay.overlay-dark-4::before { background-color: rgba(17, 17, 17, 0.4); } .layer-overlay.overlay-dark-5::before { background-color: rgba(17, 17, 17, 0.5); } .layer-overlay.overlay-dark-6::before { background-color: rgba(17, 17, 17, 0.6); } .layer-overlay.overlay-dark-7::before { background-color: rgba(17, 17, 17, 0.7); } .layer-overlay.overlay-dark-8::before { background-color: rgba(17, 17, 17, 0.8); } .layer-overlay.overlay-dark-9::before { background-color: rgba(17, 17, 17, 0.9); } .layer-overlay.overlay-white::before { background-color: rgba(255, 255, 255, 0.4); } .layer-overlay.overlay-white-1::before { background-color: rgba(255, 255, 255, 0.1); } .layer-overlay.overlay-white-2::before { background-color: rgba(255, 255, 255, 0.2); } .layer-overlay.overlay-white-3::before { background-color: rgba(255, 255, 255, 0.3); } .layer-overlay.overlay-white-4::before { background-color: rgba(255, 255, 255, 0.4); } .layer-overlay.overlay-white-5::before { background-color: rgba(255, 255, 255, 0.5); } .layer-overlay.overlay-white-6::before { background-color: rgba(255, 255, 255, 0.6); } .layer-overlay.overlay-white-7::before { background-color: rgba(255, 255, 255, 0.7); } .layer-overlay.overlay-white-8::before { background-color: rgba(255, 255, 255, 0.8); } .layer-overlay.overlay-white-9::before { background-color: rgba(255, 255, 255, 0.9); } .layer-overlay.layer-pattern::before { background-image: url(../images/pattern1.png); background-color: rgba(0, 0, 0, 0.6); } .layer-overlay.layer-pattern2::before { background-image: url(../images/pattern2.png); background-color: rgba(0, 0, 0, 0.8); } .layer-overlay.layer-pattern3::before { background-image: url(../images/pattern3.png); background-color: rgba(0, 0, 0, 0.8); } .layer-overlay.maximage-layer-overlay::before { z-index: 1; } .layer-overlay.overlay-blue::before { background-color: rgba(1, 162, 208, 0.9); } .layer-overlay.overlay-blue-light::before { background-color: rgba(1, 162, 208, 0.45); } .layer-overlay.overlay-pink::before { background-color: rgba(235, 110, 142, 0.9); } .layer-overlay.overlay-pink-light::before { background-color: rgba(235, 110, 142, 0.45); } .layer-overlay.overlay-brown::before { background-color: rgba(60, 171, 111, 0.9); } .layer-overlay.overlay-brown-light::before { background-color: rgba(60, 171, 111, 0.45); } .layer-overlay.overlay-yellow::before { background-color: rgba(255, 187, 34, 0.9); } .layer-overlay.overlay-yellow-light::before { background-color: rgba(255, 187, 34, 0.45); } .layer-overlay.overlay-green::before { background-color: rgba(16, 196, 92, 0.9); } .layer-overlay.overlay-green-light::before { background-color: rgba(16, 196, 92, 0.45); } .layer-overlay.overlay-theme-color-1::before { background-color: rgba(173, 216, 230, 0.9); } .layer-overlay.overlay-theme-color-2::before { background-color: rgba(230, 173, 188, 0.9); } .layer-overlay.overlay-theme-color-3::before { background-color: rgba(230, 216, 173, 0.9); } .half-divider .overlay-theme-color-1, .half-divider .overlay-theme-color-2, .half-divider .overlay-theme-color-3 { content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 50%; } .header-top { padding: 5px 0; } .header-top .header-widget .styled-icons a i:hover { background: 0 0; } .header-top .header-widget .list-border li { border-right: 1px solid rgba(0, 0, 0, 0.06); padding: 5px 15px; } .header-top .header-widget .list-border li:last-child { border-right: 0; } @media only screen and (max-width: 767px) { .header-top .header-widget .contact-info { margin-bottom: 20px; } .header-top .header-widget .contact-info li { display: block; text-align: center; } } .header-nav .header-nav-wrapper .menuzord { padding: 0; } .header-nav.navbar-transparent.animated-active { background-color: rgba(0, 0, 0, 0.25); } .nav-sidebar li { background: #f1f1f1; padding-bottom: 0; } .nav-sidebar li a { border-radius: 0; } .nav-pills li a:hover, .nav-pills li.active > a, .nav-pills li.active > a:focus, .nav-pills li.active > a:hover { background: #d3d3d3; color: #777; } .header-nav { position: relative; } .header-nav .header-nav-absolute-wrapper { width: 100%; } .header-nav .header-nav-wrapper .menuzord { padding: 0; } .menuzord { background: transparent none repeat scroll 0 0; } .menuzord-menu > li > a { font-size: 16px; font-weight: 400; } @media only screen and (min-width: 901px) { .menuzord-menu > li > a { color: #fff; } } .menuzord-menu.dark > li > a { color: #666; } .menuzord .menuzord-menu ul.dropdown li:hover > a i, .menuzord .menuzord-menu > li.active > a i, .menuzord .menuzord-menu > li:hover > a i { color: #fff; } .menuzord .menuzord-menu.dark ul.dropdown li:hover > a i, .menuzord .menuzord-menu.dark > li.active > a i, .menuzord .menuzord-menu.dark > li:hover > a i { color: #fff; } .menuzord-menu ul.dropdown li { margin: 0; } .menuzord-menu ul.dropdown li a { padding: 7px 25px 7px 22px; color: #fff; } .menuzord-menu ul.dropdown li .indicator { top: 4px; } .menuzord-menu > li > .megamenu .megamenu-row ul { margin: 0; } .menuzord-menu > li > .megamenu .megamenu-row li { border: 0 none; clear: both; font-size: 14px; margin: 0; padding: 2px; position: relative; width: 100%; } .menuzord-menu > li > .megamenu .megamenu-row p { color: #0947ad; font-size: 16px; margin-left: 11px; font-weight: 500; text-decoration: underline; } .menuzord-menu > li > .megamenu .megamenu-row li a { display: block; padding: 8px 10px; color: #000; -webkit-transition: padding 0.2s linear; -o-transition: padding 0.2s linear; transition: padding 0.2s linear; } .menuzord-menu > li > .megamenu .megamenu-row li.active > a, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a { color: #14418a !important; padding-left: 15px; } .menuzord-menu > li > .megamenu .megamenu-row li a i { color: #444; } .menuzord-menu > li > .megamenu .megamenu-row li.active a i, .menuzord-menu > li > .menuzord-menu > li > .megamenu .megamenu-row li:hover a i { color: #fff; } @media only screen and (max-width: 900px) { .menuzord-menu { background: #fff; } } .header-nav .header-nav-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed { border-bottom: 1px solid #eee; } .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed .menuzord { border-right: 1px solid #eee; border-bottom: 1px solid #eee; border-left: 1px solid #eee; } .header .inner-sticky-wrapper { height: 80px; } @media only screen and (min-width: 901px) { .header-nav .header-nav-absolute-wrapper { bottom: -36px; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: 1111; } .header-nav .header-nav-absolute-wrapper.scroll-to-fixed-fixed.scroll-to-fixed-fixed { bottom: auto; } } .header-nav { -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .header-nav.navbar-fixed-top { left: 0; position: fixed; right: 0; width: 100%; z-index: 1030; } .navbar-sticky-animated .header-nav-wrapper .container { -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .header-nav.navbar-white { background-color: rgba(255, 255, 255, 0.95); border: medium none; } .header-nav.navbar-white .menuzord { background: 0 0; } .header-nav.navbar-transparent .menuzord { background: 0 0; } .header-nav.navbar-transparent .header-nav-wrapper { border-bottom: 1px solid #eee; } .header-nav.navbar-transparent.animated-active { background-color: rgba(0, 0, 0, 0.1); } .header-nav.navbar-transparent.animated-active .header-nav-wrapper { border-bottom: none; } .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a { color: #fff; } @media only screen and (max-width: 900px) { .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a { color: #888; } } #top-search-bar { background: #eee; } #top-search-bar form { position: relative; } #top-search-bar .form-control { background: #eee; border: none; box-shadow: none; font-size: 18px; height: 72px; margin: 0; width: 100%; } #top-search-bar .search-close { background: none repeat scroll 0 0 transparent; border: medium none; color: #999; cursor: pointer; font-size: 14px; height: 40px; line-height: 38px; margin-top: -20px; outline: medium none; overflow: hidden; position: absolute; right: 1px; top: 50%; width: 42px; } #top-search-bar button i { color: #777; } .inner-header .title { font-size: 34px; font-family: "Titillium Web", sans-serif; } .vertical-nav .header { width: 260px; position: fixed; top: 0; left: 0; height: 100%; background: #fff; z-index: 101; padding: 0; -webkit-transition: none; -o-transition: none; transition: none; background-size: cover; } .vertical-nav .footer, .vertical-nav .main-content { margin-left: 260px; } .vertical-nav .container { max-width: 940px; } .vertical-nav .menuzord { background: 0 0; } .vertical-nav .menuzord .menuzord-menu ul.dropdown li:hover > a { background: #eee none repeat scroll 0 0; color: #111; } .vertical-nav .menuzord-menu li { padding: 5px 0; position: relative; width: 100%; } .vertical-nav .menuzord-menu li .indicator { float: right; } .vertical-nav .menuzord-menu li a { padding-left: 30px; width: 100%; } .vertical-nav .menuzord-menu .megamenu, .vertical-nav .menuzord-menu ul.dropdown { left: 100%; top: 4px; } .vertical-nav .menuzord-brand img { max-height: none; } .vertical-nav .vertical-nav-black { background: #111; } .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown { background: #111; border-color: #222; } .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a { background: #111; } .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li a .indicator i { color: #fff; } .vertical-nav .vertical-nav-black .menuzord-menu ul.dropdown li:hover > a { background: #111 none repeat scroll 0 0; color: #fff; } .vertical-nav .vertical-nav-black .menuzord-menu > li > a { color: grey; } .vertical-nav.vertical-nav-right .header { left: auto; right: 0; } .vertical-nav.vertical-nav-right .footer, .vertical-nav.vertical-nav-right .main-content { padding-left: auto; margin-right: 260px; padding-top: 0; } .vertical-nav.vertical-nav-right .menuzord-menu .megamenu, .vertical-nav.vertical-nav-right .menuzord-menu ul.dropdown { left: auto; right: 100%; top: 0; } @media only screen and (max-width: 1199px) { .vertical-nav .container { width: 100%; } } @media only screen and (max-width: 900px) { .vertical-nav .header { border: 0; padding: 0; position: relative; width: 100%; } .vertical-nav .vertical-nav-widget { display: none; } .vertical-nav .menuzord { background: #fff; } .vertical-nav .vertical-nav-black .menuzord { background: 0 0; } .vertical-nav .menuzord-brand { margin: 0; padding: 0; } .vertical-nav .menuzord-brand img { max-height: 65px; padding: 10px; } .vertical-nav .header-nav-wrapper { background: #111 none repeat scroll 0 0; position: fixed; top: 0; width: 100%; } .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li .indicator, .vertical-nav .vertical-nav-black .menuzord .menuzord-menu li > a { border-color: #222; } .vertical-nav .footer, .vertical-nav .main-content { padding-left: 0; } .vertical-nav.vertical-nav-right .footer, .vertical-nav.vertical-nav-right .main-content { margin-right: 0; } } .menu-full-page #fullpage-nav { background: rgba(255, 255, 255, 0.97); z-index: -1; position: fixed; left: 0; opacity: 0; width: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.5s ease-in-out; } .menu-full-page #fullpage-nav ul { margin-top: 50px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .menu-full-page #fullpage-nav li { text-align: center; transition: all 0.4s ease; padding: 10px 0; position: relative; } .menu-full-page #fullpage-nav li a { color: #111; font-size: 18px; font-family: "Open Sans", sans-serif; text-decoration: none; font-weight: 400; text-transform: uppercase; padding: 0; position: relative; } .menu-full-page #fullpage-nav li a:hover { color: #888; -webkit-transition: color 2s time; -o-transition: color 2s time; transition: color 2s time; } .menu-full-page #fullpage-nav li:hover:after a { position: absolute; content: ""; color: #fff; } .menu-full-page #fullpage-nav ul ul { display: none; } .menu-full-page #fullpage-nav ul ul li a { font-size: 13px; } .menu-full-page #fullpage-nav ul ul li a:hover { color: #888; } .menu-full-page .fullpage-nav-toggle.menu-open + #fullpage-nav { opacity: 1; z-index: 998; } .menu-full-page .fullpage-nav-toggle.menu-open + #fullpage-nav > ul { margin-top: 70px; } .menu-full-page .fullpage-nav-toggle { z-index: 999; display: block; position: fixed; top: 0; right: 0; overflow: hidden; margin: 0; padding: 0; width: 70px; height: 70px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s; background-color: transparent; } .menu-full-page .fullpage-nav-toggle i { text-decoration: none; font-size: 40px; color: #fff; } .menu-full-page .fullpage-nav-toggle:focus { outline: 0; } .menu-full-page .fullpage-nav-toggle span { display: block; position: absolute; top: 45px; left: 18px; right: 18px; height: 4px; border-radius: 2px; background: #888; -webkit-transition: background 0 0.3s; transition: background 0 0.3s; } .menu-full-page .fullpage-nav-toggle span:after, .menu-full-page .fullpage-nav-toggle span:before { position: absolute; display: block; left: 0; width: 100%; height: 4px; border-radius: 0; background-color: #888; content: ""; -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0; } .menu-full-page .fullpage-nav-toggle span:before { top: -12px; -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; } .menu-full-page .fullpage-nav-toggle span:after { bottom: -12px; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; } .menu-full-page .fullpage-nav-toggle.menu-open { background-color: transparent; } .menu-full-page .fullpage-nav-toggle.menu-open span { background: 0 0; } .menu-full-page .fullpage-nav-toggle.menu-open span:after, .menu-full-page .fullpage-nav-toggle.menu-open span:before { background-color: #111; -webkit-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s; } .menu-full-page .fullpage-nav-toggle.menu-open span:before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-full-page .fullpage-nav-toggle.menu-open span:after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-full-page .header #fullpage-nav li { padding: 5px 0; } .menu-full-page .header #fullpage-nav li a { background: 0 0; display: inline; font-size: 18px; text-transform: none; } .menu-full-page .header #fullpage-nav ul ul { margin-top: 0; } .menu-full-page .header #fullpage-nav ul ul li { padding: 3px 0; } .menu-full-page .header #fullpage-nav ul ul li a { font-size: 12px; } .menu-full-page .header #fullpage-nav ul li .dropdown { background: 0 0; box-shadow: none; border: none; float: none; padding: 0; position: relative; max-height: 0; overflow: hidden; -webkit-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1); -moz-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1); -ms-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1); -o-transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1); transition: all 0.9s cubic-bezier(0.55, 0, 0.175, 1); display: block; visibility: visible; } .menu-full-page .header #fullpage-nav ul li:hover .dropdown { max-height: 700px; } @media only screen and (min-width: 768px) { .boxed-layout .container { max-width: 1170px; padding-left: 30px; padding-right: 30px; } .boxed-layout #footer, .boxed-layout .footer, .boxed-layout .header, .boxed-layout .main-content { margin: 0 auto; max-width: 1170px; } } .boxed-layout #footer, .boxed-layout .footer, .boxed-layout .header, .boxed-layout section { background-color: #fff; } .boxed-layout .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0; } .boxed-layout .header .navbar-default .navbar-nav > li > a { padding: 30px 5px; } .boxed-layout .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px; } .boxed-layout .header #header-logo { margin: 0; padding-top: 27px; } @media only screen and (max-width: 991px) { .boxed-layout { padding-top: 0; } .boxed-layout .header .navbar-default .navbar-nav > li > a { padding: 10px; } .boxed-layout .header .navbar-default .navbar-collapse { margin-right: 15px; } .boxed-layout .navbar-header { padding: 15px 0; } .boxed-layout .navbar-collapse .navbar-nav li a .caret { margin-right: 0; } } .boxed-layout.fullwidth .container { max-width: 1170px; padding-left: 30px; padding-right: 30px; } .boxed-layout.fullwidth .footer, .boxed-layout.fullwidth .header, .boxed-layout.fullwidth .main-content { margin: 0 auto; max-width: 1170px; } .boxed-layout.fullwidth .footer, .boxed-layout.fullwidth .header, .boxed-layout.fullwidth section { background-color: #fff; } .boxed-layout.fullwidth .header .navbar-default { background-color: #fff; border-color: #fff; padding: 0; } .boxed-layout.fullwidth .header .navbar-default .navbar-nav > li > a { padding: 30px 5px; } .boxed-layout.fullwidth .header .navbar-default .navbar-collapse { background-color: #fff; border-color: #fff; margin-right: 30px; } .boxed-layout.fullwidth .header #header-logo { margin: 0; padding-top: 27px; } @media only screen and (max-width: 991px) { .boxed-layout.fullwidth { padding-top: 0; } .boxed-layout.fullwidth .header .navbar-default .navbar-nav > li > a { padding: 10px; } .boxed-layout.fullwidth .header .navbar-default .navbar-collapse { margin-right: 15px; } .boxed-layout.fullwidth .navbar-header { padding: 15px 0; } .boxed-layout.fullwidth .navbar-collapse .navbar-nav li a .caret { margin-right: 0; } } .boxed-layout .service-block .thumb .desc { bottom: -34%; } .boxed-layout .service-block:hover .thumb .desc { bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: 14px; } .form-control { border-radius: 0; box-shadow: none; height: 35px; } label { font-weight: 400; } .form-control:focus, form input[type="color"]:focus, form input[type="date"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="password"]:focus, form input[type="search"]:focus, form input[type="tel"]:focus, form input[type="text"]:focus, form input[type="url"]:focus, form select:focus, form textarea:focus { color: #404040; border-color: rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); outline: 0; } .form-transparent .form-control { background: 0 0; color: #333 !important; } .form-transparent .form-control:focus, .form-transparent form input[type="color"]:focus, .form-transparent form input[type="date"]:focus, .form-transparent form input[type="email"]:focus, .form-transparent form input[type="number"]:focus, .form-transparent form input[type="password"]:focus, .form-transparent form input[type="search"]:focus, .form-transparent form input[type="tel"]:focus, .form-transparent form input[type="text"]:focus, .form-transparent form input[type="url"]:focus, .form-transparent form select:focus, .form-transparent form textarea:focus { color: #f7f7f7; } .form-transparent textarea.form-control, .form-white textarea.form-control { height: 150px; } .form-white .form-control { background: #fff; } .form-transparent.form-line .form-control { border: none; border-bottom: 1px solid silver; padding-left: 0; } .form-transparent.form-line textarea.form-control { height: 70px; } form label { font-family: Quicksand; font-size: 17px; font-weight: 600; margin-bottom: 0px; } form .form-control.error { border: 2px solid #ee163b; } form .error { color: #ee163b; } .donation-form .form-group label.radio-inline { color: grey; } .form-text-white .form-group label { color: #fff; } .dd-container, .dd-select { width: 100%; } .dd-options { width: 100%; } .ui-widget-content { background: #2aa1c0 none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 0; color: #333; height: 36px; margin-top: 6px; } .ui-widget-header { background: #fff none repeat scroll 0 0; } .ui-state-default { background-color: #eee; border: 1px solid #ccc; color: #202c45; font-weight: 400; } .ui-slider-horizontal .ui-slider-range-max { border-radius: 0; } .ui-state-active { background-color: #fff; border: 1px solid #ddd; } .ui-slider .ui-slider-handle { height: 50px; width: 20px; } .ui-slider-horizontal .ui-slider-handle { margin-left: -1px; } .ui-slider-horizontal .ui-slider-handle { top: -9px; } .control__indicator { height: 24px; width: 24px; } .control--checkbox .control__indicator::after { height: 10px; left: 10px; top: 5px; width: 6px; } .control.control--checkbox, .control.control--radio { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; margin-right: 12px; padding-left: 36px; } .control--radio .control__indicator::after { height: 6px; left: 9px; top: 9px; width: 6px; } .side-push-panel { overflow-x: hidden; } .side-push-panel.fullwidth-page #wrapper { right: 0; position: relative; } .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 0; } .side-push-panel.fullwidth-page.side-panel-left #wrapper { left: 0; right: auto; } .side-push-panel.fullwidth-page.side-panel-left header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 0; right: auto; } .side-push-panel.fullwidth-page.side-panel-open #wrapper { right: 300px; } .side-push-panel.fullwidth-page.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { right: 300px; } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open #wrapper { left: 300px; right: auto; } .side-push-panel.fullwidth-page.side-panel-left.side-panel-open header .header-nav-wrapper.scroll-to-fixed-fixed .container { left: 300px; right: auto; } .side-push-panel.has-side-panel .menuzord .showhide { float: left; } .has-side-panel .body-overlay { -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; width: 100%; z-index: -1; } .has-side-panel.side-panel-open .body-overlay { opacity: 1; pointer-events: auto; z-index: 1111; } .side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover { cursor: url(../images/close.png) 15 15, default; } #side-panel { -webkit-backface-visibility: hidden; background-color: #f3f3f3; height: 100%; overflow: hidden; position: fixed; right: -300px; top: 0; width: 300px; z-index: 1112; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #side-panel .side-panel-wrap { bottom: 0; height: 100%; left: 0; overflow: auto; padding: 50px 70px 50px 40px; position: absolute; top: 0; width: 330px; } #side-panel .widget { border-top: 1px solid #eee; margin-top: 40px; padding-top: 40px; width: 220px; } #side-panel .widget:first-child { border-top: 0; margin: 0; padding-top: 0; } .side-panel-open #side-panel { right: 0; } .side-panel-left #side-panel { left: -300px; right: auto; } .side-panel-left.side-panel-open #side-panel { left: 0; right: auto; } .device-touch #side-panel .side-panel-wrap { overflow-y: scroll; } #side-panel .side-panel-nav .nav li a { padding: 5px 0; } #side-panel .side-panel-nav .nav li a:hover { background-color: transparent; color: #a9a9a9; } #side-panel .side-panel-nav .nav ul.tree { display: none; margin-left: 15px; } #side-panel-trigger { cursor: pointer; display: block; float: right; margin-left: 10px; margin-right: 5px; margin-top: 25px; z-index: 11; } @media only screen and (max-width: 767px) { #side-panel-trigger { margin-top: 15px; } } #side-panel-trigger-close { left: 0; margin: 10px; position: absolute; top: 0; } .side-push-panel.fullwidth-page #wrapper, .side-push-panel.fullwidth-page header .header-nav-wrapper.scroll-to-fixed-fixed .container { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .box-hover-effect { position: relative; overflow: hidden; margin: 0; width: 100%; } .box-hover-effect img { position: relative; display: block; max-height: 100%; max-width: 100%; opacity: 1; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect .overlay::after, .box-hover-effect .overlay::before { pointer-events: none; } .box-hover-effect .overlay .details { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect .overlay .title { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect .overlay .para { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect .overlay .entry-meta { bottom: 10px; font-size: 70%; opacity: 0; position: absolute; width: 89%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect .overlay .entry-meta.top { top: 10px; } .box-hover-effect .overlay .entry-meta i { color: #fff; } .box-hover-effect .overlay .icons { left: 0; opacity: 0; position: absolute; text-align: center; top: 40%; width: 100%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .box-hover-effect:hover .overlay { background: rgba(0, 0, 0, 0.85); } .box-hover-effect:hover .overlay.white { background: rgba(255, 255, 255, 0.75); } .box-hover-effect:hover .overlay.black { background: rgba(0, 0, 0, 0.85); } .box-hover-effect:hover .overlay .entry-meta { opacity: 1; } .box-hover-effect:hover .overlay .icons { opacity: 1; } .box-hover-effect:hover .overlay .icons i { color: #fff; } .box-hover-effect:hover .overlay .icons.twin i { padding: 10px; } .box-hover-effect:hover .overlay .icons.bordered i { border: 1px solid #fff; } .box-hover-effect:hover .overlay .icons.bordered i.text-black { border-color: #000; } .shadow-overlay { background-image: url(../images/shadow-overlay.png); background-position: center bottom; background-repeat: repeat-x; bottom: 0; color: #fff; height: 100%; left: 0; position: absolute; width: 100%; } .box-hover-effect.effect1 .thumb { position: relative; overflow: hidden; } .box-hover-effect.effect1 .thumb:before { background-color: rgba(255, 255, 255, 0.5); left: -40%; content: ""; height: 150%; opacity: 0; position: absolute; top: -40%; transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); transform: rotate(-70deg); width: 100%; z-index: 1; } .box-hover-effect.effect1:hover .thumb:before { opacity: 1; } .box-hover-effect.effect1:hover .thumb img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .box-hover-effect.effect2 .thumb { position: relative; overflow: hidden; } .box-hover-effect.effect2 .overlay .overlay-details { opacity: 0; -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .box-hover-effect.effect2:hover .overlay-details { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .box-hover-effect.effect2:hover .details { opacity: 0; } .box-hover-effect.effect2:hover img { -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .box-hover-effect.effect3 .overlay { position: relative; } .box-hover-effect.effect3 .thumb { position: relative; } .box-hover-effect.effect3 .thumb:after { background-color: rgba(255, 255, 255, 0.15); bottom: 0; content: ""; height: 0; position: absolute; right: 0; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 0; } .box-hover-effect.effect3 .thumb:before { background-color: rgba(255, 255, 255, 0.15); left: 0; content: ""; height: 0; position: absolute; top: 0; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; width: 0; z-index: 1; } .box-hover-effect.effect3:hover .thumb:after, .box-hover-effect.effect3:hover .thumb:before { height: 100%; width: 100%; -webkit-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .box-hover-effect.effect2 .overlay.white .overlay-details p { color: #777; } .work-gallery { margin: 0 auto 30px; max-width: 400px; } .work-gallery .gallery-thumb { overflow: hidden; position: relative; } .work-gallery .gallery-bottom-part { background-color: #f7f7f7; padding: 10px 10px 16px; } .work-gallery .gallery-thumb .gallery-overlay { height: 100%; opacity: 0; position: absolute; top: 0; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100%; } .work-gallery:hover .gallery-thumb .gallery-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .gallery-contect { height: 100%; opacity: 0; padding: 30px; position: absolute; top: 0; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; width: 100%; } .work-gallery:hover .gallery-thumb .gallery-contect { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .work-gallery .gallery-thumb .styled-icons a { border-color: #fff; height: 36px; width: 36px; line-height: 34px; } .work-gallery .gallery-thumb .styled-icons a i { color: #fff; } .work-gallery .gallery-thumb .styled-icons a:hover i { color: #fff; } .work-gallery .gallery-thumb .styled-icons a:hover { color: #fff; -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } .work-gallery .gallery-thumb .gallery-contect .styled-icons { left: 0; position: absolute; right: 0; text-align: center; top: 45%; } .work-gallery:hover .gallery-bottom-part { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .work-gallery:hover .gallery-bottom-part .title { color: #fff; } .work-gallery:hover .gallery-bottom-part .sub-title { color: #fff; } .portfolio-filter { margin-bottom: 30px; } .portfolio-filter a { border-left: 3px solid transparent; background-color: #f8f8f8; display: inline-block; float: none; font-size: 16px; font-weight: 400; line-height: normal; margin-right: 5px; outline: medium none; padding: 5px 15px; -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } .portfolio-filter a.active, .portfolio-filter a:hover { color: #fff; } @media only screen and (max-width: 479px) { .portfolio-filter a { margin-bottom: 10px; } } .gallery-isotope.gutter .gallery-item { padding-right: 5px; padding-bottom: 5px; } .gallery-isotope.gutter-small .gallery-item { padding-right: 2px; padding-bottom: 2px; } .gallery-isotope.gutter-30 .gallery-item { padding-right: 30px; padding-bottom: 30px; } .gallery-isotope.gutter-40 .gallery-item { padding-right: 40px; padding-bottom: 40px; } .gallery-isotope.gutter-50 .gallery-item { padding-right: 50px; padding-bottom: 50px; } .gallery-isotope.gutter-60 .gallery-item { padding-right: 60px; padding-bottom: 60px; } .gallery-isotope .gallery-item { width: 25%; } .gallery-isotope .gallery-item.wide { width: 50%; } .gallery-isotope.grid-1 .gallery-item { width: 100%; } .gallery-isotope.grid-1 .gallery-item.wide { width: 100%; } .gallery-isotope.grid-2 .gallery-item { width: 50%; } .gallery-isotope.grid-2 .gallery-item.wide { width: 100%; } .gallery-isotope.grid-3 .gallery-item { width: 33.333%; } .gallery-isotope.grid-3 .gallery-item.wide { width: 66.6667%; } .gallery-isotope.grid-4 .gallery-item { width: 25%; } .gallery-isotope.grid-4 .gallery-item.wide { width: 50%; } .gallery-isotope.grid-5 .gallery-item { width: 20%; } .gallery-isotope.grid-5 .gallery-item.wide { width: 40%; } .gallery-isotope.grid-6 .gallery-item { width: 16.666666667%; } .gallery-isotope.grid-6 .gallery-item.wide { width: 33.333%; } .gallery-isotope.grid-7 .gallery-item { width: 14.2857143%; } .gallery-isotope.grid-7 .gallery-item.wide { width: 28.5714286%; } .gallery-isotope.grid-8 .gallery-item { width: 12.5%; } .gallery-isotope.grid-8 .gallery-item.wide { width: 25%; } .gallery-isotope.grid-9 .gallery-item { width: 11.11%; } .gallery-isotope.grid-9 .gallery-item.wide { width: 22.22%; } .gallery-isotope.grid-10 .gallery-item { width: 10%; } .gallery-isotope.grid-10 .gallery-item.wide { width: 20%; } @media only screen and (max-width: 991px) { .gallery-isotope .gallery-item { width: 33.333% !important; } .gallery-isotope .gallery-item.wide { width: 66.6667% !important; } } @media only screen and (max-width: 767px) { .gallery-isotope .gallery-item { width: 50% !important; } .gallery-isotope .gallery-item.wide { width: 100% !important; } } @media only screen and (max-width: 479px) { .gallery-isotope .gallery-item { width: 100% !important; } .gallery-isotope .gallery-item.wide { width: 100% !important; } } .gallery-isotope .gallery-item { overflow: hidden; } .gallery-isotope .gallery-item .thumb { position: relative; overflow: hidden; } .gallery-isotope .gallery-item .hover-link { position: absolute; top: 0; left: 0; display: inline-block; vertical-align: middle; width: 100%; height: 100%; background: 0 0 !important; color: transparent !important; z-index: 11; } .gallery-isotope .gallery-item .overlay-shade { position: absolute; display: inline-block; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; background-color: #333; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .gallery-isotope .gallery-item:hover .overlay-shade { opacity: 0.9; } .gallery-isotope .gallery-item .icons-holder { position: absolute; top: 0; left: 50%; display: inline-block; width: auto; height: 36px; vertical-align: middle; z-index: 13; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gallery-isotope .gallery-item .icons-holder .icons-holder-inner { position: relative; display: inline-block; vertical-align: middle; margin: -18px 0 0 -50%; } .gallery-isotope .gallery-item .icons-holder .icons-holder-inner a { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .gallery-isotope .gallery-item:hover .icons-holder { top: 50%; } .gallery-isotope .gallery-item:hover .icons-holder .icons-holder-inner a { opacity: 1; } .gallery-isotope .gallery-item .portfolio-description { padding: 10px 15px; background-color: #f8f8f8; } .gallery-isotope .gallery-item .portfolio-description .title { margin: 0; } .gallery-isotope .gallery-item .portfolio-description .title a { color: #333; } /******** Portfolio page Style ********/ @media only screen and (max-width: 768px) { .portfolio-img { float: left; width: 100%!important; padding: 13px; } } .portfolio-text{ text-align: center; font-size: 27px!important; padding-right: 40px; } /******** Portfolio page Style ********/ .gallery-isotope .gallery-item .text-holder { box-sizing: border-box; display: block; height: 100%; left: 0; opacity: 0; overflow: hidden; padding: 25px 30px 60px; position: absolute; top: 0; -webkit-transition: opacity 0.3s ease-in-out 0s; -o-transition: opacity 0.3s ease-in-out 0s; transition: opacity 0.3s ease-in-out 0s; width: 100%; z-index: 13; } .gallery-isotope .gallery-item .text-holder .title { color: #fff; } .gallery-isotope .gallery-item:hover .text-holder { opacity: 1; } .gallery-isotope .flex-control-nav { z-index: 111; } #home .revslider-fullscreen { min-height: auto; } .minimal-revslider-wrapper { left: 0; width: 100%; } .minimal-revslider-wrapper .tp-leftarrow { left: 0; } .minimal-revslider-wrapper .tp-rightarrow { right: 0; } .tab-slider .tab-content { padding: 0; border: 0; } .tab-slider .nav.nav-pills > div { background-color: #fff; float: left; margin-bottom: 15px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .tab-slider .nav.nav-pills i { color: #d3d3d3; } .tab-slider .nav.nav-pills a { display: block; padding: 40px 30px; background: #f3f3f3; } .tab-slider .nav.nav-pills a.active h6, .tab-slider .nav.nav-pills a.active i, .tab-slider .nav.nav-pills a:hover h6, .tab-slider .nav.nav-pills a:hover i { color: #fff; } .maximage-slider .fullscreen-controls .img-next, .maximage-slider .fullscreen-controls .img-prev { background: rgba(0, 0, 0, 0.3); } .testimonial-carousel .quote, .testimonial-carousel .thumb, .testimonial-carousel-style2 .quote, .testimonial-carousel-style2 .thumb { margin-bottom: 40px; } .testimonial-carousel .quote i, .testimonial-carousel-style2 .quote i { background: #555; border-radius: 50%; color: #fff; font-size: 25px; height: 60px; line-height: 1; padding: 20px 0 0; text-align: center; width: 60px; } .testimonial-carousel .author, .testimonial-carousel-style2 .author { margin-top: 30px; text-transform: uppercase; } .testimonial-carousel-style2.owl-theme .owl-controls, .testimonial-carousel.owl-theme .owl-controls { margin-top: 10px; } .testimonial-carousel-style2.fullwidth .content p, .testimonial-carousel.fullwidth .content p { font-size: 15px; font-style: italic; color: #fff; } .testimonial-carousel-style2.fullwidth .content p::after, .testimonial-carousel.fullwidth .content p::after { content: "\f10e"; font-family: fontawesome; font-size: 100px; left: 42%; opacity: 0.1; position: absolute; } .testimonial-carousel-style2.bullet-white .owl-dots span, .testimonial-carousel.bullet-white .owl-dots span { background: #fff; } .testimonial-carousel .owl-item img, .testimonial-carousel-style2 .owl-item img { display: inline-block; width: auto; max-width: 90px; } .testimonial-carousel-style2.boxed .quote, .testimonial-carousel-style2.boxed .thumb, .testimonial-carousel.boxed .quote, .testimonial-carousel.boxed .thumb { margin-bottom: 20px; } .testimonial-carousel-style2.boxed .owl-item img, .testimonial-carousel.boxed .owl-item img { display: inline-block; width: auto; max-width: 65px; } .testimonial-carousel-style2.boxed .content::after, .testimonial-carousel.boxed .content::after { bottom: 12px; content: "\f10e"; font-family: fontawesome; font-size: 55px; opacity: 0.2; position: absolute; right: 10px; } .testimonial-carousel-style2.boxed .owl-controls, .testimonial-carousel.boxed .owl-controls { margin-top: 0; } .testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel-style2.boxed.owl-theme .owl-dots .owl-dot:hover span, .testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel.boxed.owl-theme .owl-dots .owl-dot:hover span { opacity: 1; } .widget-testimonial-carousel .item img { max-width: 75px; float: right; } .owl-controls { margin: 0; } .owl-controls .owl-nav > div { background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8); border-radius: 0; display: block; margin: 0; padding: 10px; position: absolute; top: 45%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; z-index: 6; } .owl-controls .owl-next { right: 0; } .owl-controls .owl-next i { color: #888; font-size: 20px; } .owl-controls .owl-prev i { color: #888; font-size: 20px; } .owl-carousel .owl-item .testimonial-wrapper img { display: inline-block; width: 75px; } .owl-theme .owl-dots { text-align: center; margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { background: #fff; border: 2px solid #eee; border-radius: 50%; display: block; height: 12px; margin: 5px 3px; opacity: 0.8; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 12px; } .image-carousel .owl-controls .owl-nav > div { opacity: 0; } .image-carousel:hover .owl-controls .owl-nav > div { opacity: 1; } .owl-carousel.owl-nav-top.bullet-white .owl-dots span { background: #fff; } .owl-carousel.owl-nav-top .owl-controls .owl-nav > div { background-color: transparent; top: -60px; right: 0; } .owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover { background-color: #d3d3d3; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { right: 35px; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next { right: 0; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev { background: #eee; border: none; line-height: 28px; padding: 0 12px; text-align: center; } .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i { color: #888; font-size: 14px; } .owl-carousel.no-bullet .owl-nav { display: none; } .recent-project .owl-controls .owl-nav > div { top: 38%; } .recent-project .owl-controls .owl-nav .owl-next i, .recent-project .owl-controls .owl-nav .owl-prev i { padding: 2px 16px; } .featured-gallery.style2 { float: right; width: 92%; } .featured-gallery.style2 .owl-controls { bottom: 58px; left: -80px; margin: 0; position: absolute; } .featured-gallery.style2 .owl-controls .owl-nav > div { top: 95%; } .featured-gallery.style2 .owl-controls .owl-nav .owl-prev { left: 0; } .featured-gallery.style2 .owl-controls .owl-nav .owl-next { display: inline-table; left: 40px; } .featured-gallery.style2 .owl-controls .owl-nav .owl-next i, .featured-gallery.style2 .owl-controls .owl-nav .owl-prev i { color: #fff; font-size: 35px; } @media only screen and (max-width: 991px) { .featured-gallery.style2 { float: none; margin-top: 58px; width: 100%; } .featured-gallery.style2 .owl-controls { bottom: auto; left: auto; top: -45px; } } .image-carousel .owl-controls .owl-nav > div { opacity: 0; } .image-carousel:hover .owl-controls .owl-nav > div { opacity: 1; } .fullwidth-carousel .owl-controls .owl-nav > div { top: 45%; } .fullwidth-carousel .carousel-item { min-height: 615px; width: 100%; } .fullwidth-carousel.blog-fullwidth-carousel .carousel-item { height: 600px; min-height: auto; width: 100%; } .fullwidth-carousel.blog-fullwidth-carousel .owl-controls .owl-nav > div { background: 0 0; } .owl-dots-bottom-right .owl-dots { bottom: -10px; position: absolute; right: 0; } .twitter-feed.twitter-carousel { color: #111; font-size: 16px; } .twitter-feed.twitter-carousel a { color: #111; } .twitter-feed .date { font-size: 12px; } .twitter-feed.twitter-white, .twitter-feed.twitter-white a { color: #fff; } .bx-wrapper { margin: 0 auto 7px; padding: 0; position: relative; } .bx-wrapper .bx-viewport { background: inherit; border: 0 solid #fff; box-shadow: 0 0 0 #ccc; left: 0; transform: translateZ(0); } .bx-controls .bx-controls-direction > a { background: #eee none repeat scroll 0 0; border: medium none; height: auto; line-height: 26px; padding: 0 12px; text-indent: 0; top: -38px; width: auto; z-index: 0; } .bx-controls .bx-controls-direction > a:hover { background: #ddd; } .bx-controls .bx-controls-direction > a i { color: #888; } .bx-controls .bx-controls-direction .bx-prev { right: 35px; left: auto; } .bx-controls .bx-controls-direction .bx-next { right: 0; } .typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .setion-bottom-absolute-div { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; bottom: 0; left: 0; position: absolute; right: 0; } .bg-img-box { position: relative; } .bg-img-box .caption { padding-left: 30px; padding-right: 30px; padding-top: 20px; position: absolute; top: 0; } .bg-img-box .caption .title { font-size: 30px; line-height: 39px; } .bg-img-box .caption p { max-width: 280px; } .video-popup { position: relative; } .video-popup a i { left: 0; position: absolute; right: 0; text-align: center; top: 44%; } .contact-wrapper { padding: 50px 50px 50px 100px; } .contact-form .form-group { margin-bottom: 20px; } .contact-form .form-control { background-image: none; border: 1px solid silver; border-radius: 0; box-shadow: none; height: 48px; } .contact-form .form-control:active, .contact-form .form-control:focus { box-shadow: none; color: #333; } .contact-form .form-control2 { background-color: rgba(0, 0, 0, 0.8); color: silver; } .contact-form .form-group button { margin-top: 0; } .contact-form textarea.form-control { height: 110px; resize: none; } textarea { resize: none; } .campaign .progress-item .progress-bar .percent { background-color: rgba(255, 255, 255, 0.9); border: 2px solid; color: #333; font-size: 10px; line-height: 8px; padding: 8px 5px; position: absolute; right: -10px; text-align: center; top: -7px; } .campaign .progress-item .progress { background-color: #efefef; border-bottom: 1px solid #d3d3d3; box-shadow: none; height: 15px; } .campaign .thumb { position: relative; overflow: hidden; } .campaign .thumb img { transition: all 0.5s ease 0s; } .campaign:hover .thumb img { transform: scale(1.1); } .campaign .thumb .overlay-donate-now { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: -50px; transition: all 0.4s ease 0s; } .campaign:hover .thumb .overlay-donate-now { top: 10%; } .campaign-overlay { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(3, 3, 3, 0.5); top: 0; left: 0; right: 0; opacity: 0; transition: all 0.4s ease-in-out 0s; } .campaign:hover .thumb .campaign-overlay { opacity: 1; } .donate-piechart { margin: 0 auto; } .donate-piechart.piechart-absolute { bottom: -40px; right: 15px; position: absolute; } .donate-piechart .piechart-block { border-radius: 50%; } .donate-piechart .piechart canvas { max-height: 70px; } .donate-piechart .piechart canvas { background-color: #eee; border-radius: 50%; max-height: 80px; } .donate-piechart .piechart-block .piechart { min-height: 80px; min-width: 80px; } .donate-piechart .piechart-block .percent::after { font-size: 12px; } .donate-piechart .piechart-block .percent { font-size: 18px; line-height: 77px; position: relative; } .piechart { position: relative; margin: 0 auto; text-align: center; } .piechart .percent { font-size: 18px; z-index: 100; line-height: 60px; } .piechart .percent:after { content: "%"; font-size: 18px; } .piechart canvas { position: absolute; left: 0; right: 0; margin: 0 auto; } .project-conditions { background: #f9f9f9 none repeat scroll 0 0; padding: 8px; } .project-conditions li { border-right: 1px solid #d3d3d3; color: grey; width: 32%; } .project-conditions li:last-child { border-right: medium none; } .project-conditions li strong { display: block; font-weight: 600; color: #222; } .service-block { margin: 0 auto 30px; max-width: 400px; } .service-block:hover .thumb .desc { bottom: 0; } .service-block .thumb { overflow: hidden; position: relative; } .service-block .thumb .price { right: -1px; padding: 5px 10px; position: absolute; top: -1px; } .service-block .thumb .desc { bottom: -31%; padding: 10px 6px 5px 20px; position: absolute; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; width: 100%; } .service-block .thumb .desc p { color: #fff; font-size: 13px; } .service-block .content { border: 1px solid #eee; padding: 12px 20px 20px; } .product { margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-bottom: 15px; position: relative; overflow: hidden; } .products .product { border: 1px solid #eee; max-width: 400px; } .products .product:hover { border: 1px solid #eee; } .products .product .product-details .product-title { font-size: 15px; margin-top: 20px; text-transform: uppercase; } .btn-add-to-cart-wrapper, .btn-product-view-details { opacity: 0; height: auto; margin: 0 0 15px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: absolute; bottom: 0; left: -60px; } .product:hover .btn-add-to-cart-wrapper, .product:hover .btn-product-view-details { left: 0; opacity: 1; } .btn-product-view-details { left: auto; bottom: 0; right: -60px; } .product:hover .btn-product-view-details { left: auto; opacity: 1; right: 0; } .product .price { margin-top: 5px; } .product .price .amount { font-size: 18px; font-weight: 600; } .product .price del .amount { color: #999; font-size: 14px; font-weight: 500; } .product .price ins { margin-left: 10px; text-decoration: none; } .product .product-summary .product-title { margin-top: 0; } .product .product-summary .short-description { margin-bottom: 15px; } .product .product-summary .cart-form-wrapper .btn { margin-top: 0; } .product .product-summary .variations { width: 100%; } .product .product-tab { margin-top: 30px; } .product .commentlist .comment { margin-top: 30px; position: relative; } .product .commentlist .comment .meta { font-size: 12px; } .product .commentlist .comment .author { font-size: 14px; font-weight: 700; } .product .product-thumb { position: relative; } .product .product-thumb:hover .overlay { opacity: 1; } .product .product-thumb .overlay .add-to-wishlist { color: #fff; right: 10px; top: 10px; position: absolute; } .product .product-summary .cart-form-wrapper .quantity, .tbl-shopping-cart .quantity { display: inline-block; margin-right: 0.8571em; position: relative; width: 4.1429em; vertical-align: top; } .product .product-summary .cart-form-wrapper .quantity .minus, .product .product-summary .cart-form-wrapper .quantity .plus, .tbl-shopping-cart .quantity .minus, .tbl-shopping-cart .quantity .plus { background: none repeat scroll 0 0 transparent; border: 1px solid #ccc; border-radius: 3px; font-family: "Open Sans", sans-serif; height: 18px; left: 2.8571em; line-height: 1; outline: medium none; padding: 0; position: absolute; width: 18px; } .product .product-summary .cart-form-wrapper .quantity .minus, .tbl-shopping-cart .quantity .minus { bottom: 0; } .product .product-summary .cart-form-wrapper .quantity .plus, .tbl-shopping-cart .quantity .plus { top: 0; } .product .product-summary .cart-form-wrapper .quantity .qty, .tbl-shopping-cart .quantity .qty { -moz-appearance: textfield; border: 1px solid #ccc; height: 41px; padding-left: 0; padding-right: 0; text-align: center; width: 40px; } .star-rating { font-size: 14px; height: 16px; width: 75px; line-height: 1; margin: 0 auto; overflow: hidden; position: relative; top: 0; } .star-rating span::before, .star-rating::before { color: silver; content: "\f005\f005\f005\f005\f005"; float: left; font-family: fontawesome; left: 0; letter-spacing: 2px; position: absolute; top: 0; } .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .star-rating span::before { color: #ffc300; } .product .tag-sale { margin: 0; top: 0; display: block; left: auto; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; font-size: 13px; font-weight: 600; line-height: 18px; padding: 4px 10px 4px 16px; position: absolute; text-align: right; text-transform: uppercase; z-index: 9; } .product .tag-sale .tag-sale::before { border-color: transparent transparent transparent #dcdcdc; border-style: solid; border-width: 12px 13px 13px 8px; content: ""; height: 0; left: 0; pointer-events: none; position: absolute; top: 1px; width: 0; } .tbl-shopping-cart .product-thumbnail img { max-width: 72px; max-height: 72px; } .tbl-shopping-cart .product-remove { text-align: center; } .tbl-shopping-cart .variation .variation-size, .tbl-shopping-cart .variation .variation-size span { font-size: 12px; } .tbl-shopping-cart .coupon button, .tbl-shopping-cart .coupon input, .tbl-shopping-cart .coupon label, .tbl-shopping-cart tr td, .tbl-shopping-cart tr th { vertical-align: middle; } .tbl-shopping-cart tr td { padding: 10px 12px; } table.no-border td { border: medium none; } .payment-method .radio { border: 1px solid #eee; padding: 10px; } .payment-method .radio > label { color: #111; font-size: 17px; } .payment-method .radio input { margin-top: 8px; vertical-align: initial; } .payment-method .radio > p { margin-left: 20px; } #checkout-shipping-address { display: none; } .top-nav-cart-box .indicator, .top-nav-search-box .indicator { display: none; } .has-dropdown + .dropdown { display: none; background-color: #fff; border: 1px solid #eee; box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15); left: auto; position: absolute; right: -1px; top: 100%; z-index: 1000; padding: 5px; width: 300px; font-size: 12px; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; } .top-dropdown-outer { position: relative; } .top-dropdown-outer:hover .has-dropdown + .dropdown { display: block; } .dropdown-cart { padding: 10px; } .dropdown-cart .cart-table-list, .dropdown-cart .cart-table-list i { color: #222; border: none; } .dropdown-cart .cart-table-list a { line-height: normal; color: #222; } .dropdown-cart .cart-table-list td img { width: 50px; height: auto; } .dropdown-cart .cart-table-list.table > tbody > tr > td { border: none; line-height: 20px; height: 20px; vertical-align: middle; padding: 3px; } .dropdown-cart .total-cart { display: inline-block; width: 100%; padding-top: 20px; color: #222; text-align: right; } .dropdown-cart .total-cart ul { float: right; list-style: none; padding: 0; width: 100%; } .dropdown-cart .total-cart ul li { display: block; overflow: hidden; } .dropdown-cart .total-cart ul li span { width: 100px; display: inline-block; text-align: right; white-space: nowrap; } .dropdown-cart .total-cart .table > tbody > tr > td, .dropdown-cart .total-cart .table > tbody > tr > th, .dropdown-cart .total-cart .table > tfoot > tr > td, .dropdown-cart .total-cart .table > tfoot > tr > th, .dropdown-cart .total-cart .table > thead > tr > td, .dropdown-cart .total-cart .table > thead > tr > th { border: 0; } .dropdown-cart .cart-btn .btn { width: auto; float: none; padding: 5px 15px; } .top-shop-cart { margin-top: 8px; position: relative; } .top-shop-cart .cart-number { background: #fff none repeat scroll 0 0; border-radius: 30px; padding: 0 8px 0 3px; } .post { position: relative; } .post .entry-title { margin-top: 0; } .post .entry-content { position: relative; background: #f8f8f8; padding: 15px; } .post .entry-date { font-size: 13px; } .post .entry-meta.meta-absolute { height: 100%; position: absolute; right: 0; top: 0; } .post .entry-meta.meta-absolute i { display: block; font-size: 28px; } .post .entry-meta.meta-absolute span a { color: #454545; font-size: 12px; font-style: italic; letter-spacing: 2px; margin-right: 5px; } .post.media-post .post-thumb { float: left; margin: 0 10px 10px 0; } .post .post-thumb { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .post .entry-header { position: relative; } .post .entry-header .entry-date { bottom: -25px; position: absolute; right: 10px; z-index: 2; } .post .entry-meta.meta-absolute { height: 100%; position: absolute; right: 0; top: 0; } .post .entry-meta.meta-absolute i { display: block; font-size: 28px; } .post.style2, .post.style3 { position: relative; overflow: hidden; } .post.style2 .entry-content, .post.style3 .entry-content { background-color: rgba(0, 0, 0, 0.8); bottom: -30px; left: 0; padding: 30px; position: absolute; right: 0; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .post.style2 .entry-content .entry-date, .post.style3 .entry-content .entry-date { font-size: 11px; margin-bottom: 10px; } .post.style2:hover .entry-content, .post.style3:hover .entry-content { bottom: 0; } .post.style2:hover .post-thumb, .post.style3:hover .post-thumb { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .blog-pull-right { float: right; } @media only screen and (max-width: 767px) { .blog-pull-right { float: none; } } .featured-blog { overflow: hidden; position: relative; } .featured-blog-details { bottom: -18%; padding: 30px; position: absolute; transition: all 0.4s ease-in-out 0s; width: 100%; } .featured-blog:hover .featured-blog-details { bottom: 0; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, 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-default:hover { background-color: #eee; border-color: #eee; } .btn-border { color: #222; background-color: #fff; border-color: #222; } .btn-border.focus, .btn-border:focus { color: #222; background-color: #e6e6e6; border-color: #000; } .btn-border:hover { color: #222; background-color: #e6e6e6; border-color: #040404; } .btn-border.active, .btn-border:active, .open > .dropdown-toggle.btn-border { color: #222; background-color: #e6e6e6; border-color: #040404; } .btn-border.active.focus, .btn-border.active:focus, .btn-border.active:hover, .btn-border:active.focus, .btn-border:active:focus, .btn-border:active:hover, .open > .dropdown-toggle.btn-border.focus, .open > .dropdown-toggle.btn-border:focus, .open > .dropdown-toggle.btn-border:hover { color: #222; background-color: #d4d4d4; border-color: #000; } .btn-border.active, .btn-border:active, .open > .dropdown-toggle.btn-border { background-image: none; } .btn-border.disabled.focus, .btn-border.disabled:focus, .btn-border.disabled:hover, .btn-border[disabled].focus, .btn-border[disabled]:focus, .btn-border[disabled]:hover, fieldset[disabled] .btn-border.focus, fieldset[disabled] .btn-border:focus, fieldset[disabled] .btn-border:hover { background-color: #fff; border-color: #222; } .btn-border .badge { color: #fff; background-color: #222; } .btn-border { border-width: 2px; } .btn-border:active, .btn-border:focus, .btn-border:hover { background-color: #222; border-color: #222; color: #fff; } .btn-dark { color: #fff; background-color: #222; border-color: #222; } .btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #090909; border-color: #000; } .btn-dark:hover { color: #fff; background-color: #090909; border-color: #040404; } .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark { color: #fff; background-color: #090909; border-color: #040404; } .btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .dropdown-toggle.btn-dark.focus, .open > .dropdown-toggle.btn-dark:focus, .open > .dropdown-toggle.btn-dark:hover { color: #fff; background-color: #000; border-color: #000; } .btn-dark.active, .btn-dark:active, .open > .dropdown-toggle.btn-dark { background-image: none; } .btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled].focus, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover { background-color: #222; border-color: #222; } .btn-dark .badge { color: #222; background-color: #fff; } .btn-gray { color: #333; background-color: #eee; border-color: #eee; } .btn-gray.focus, .btn-gray:focus { color: #333; background-color: #d5d5d5; border-color: #afafaf; } .btn-gray:hover { color: #333; background-color: #d5d5d5; border-color: #d0d0d0; } .btn-gray.active, .btn-gray:active, .open > .dropdown-toggle.btn-gray { color: #333; background-color: #d5d5d5; border-color: #d0d0d0; } .btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open > .dropdown-toggle.btn-gray.focus, .open > .dropdown-toggle.btn-gray:focus, .open > .dropdown-toggle.btn-gray:hover { color: #333; background-color: #c3c3c3; border-color: #afafaf; } .btn-gray.active, .btn-gray:active, .open > .dropdown-toggle.btn-gray { background-image: none; } .btn-gray.disabled.focus, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled].focus, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover { background-color: #eee; border-color: #eee; } .btn-gray .badge { color: #eee; background-color: #333; } .btn-circled { border-radius: 25px; } .btn-flat { border-radius: 0; } .btn { font-size: 13px; padding: 8px 22px; } .btn-xs { font-size: 11px; padding: 3px 14px; } .btn-sm { font-size: 12px; padding: 5px 17px; } .btn-lg { font-size: 14px; padding: 10px 26px; } .btn-xl { font-size: 16px; padding: 13px 32px; } .btn-transparent { background-color: transparent; color: #fff; } .btn-quick-contact { background-color: rgba(5, 15, 5, 0.1); color: #fff; } .btn-read-more { padding: 0; } .btn-read-more::after { display: inline-block; content: "\f18e"; font-family: fontawesome; font-size: 16px; font-variant: normal; font-weight: 400; line-height: 1; margin-left: 5px; position: relative; text-shadow: none; text-transform: none; top: 2px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } blockquote { border-left: 3px solid #eee; margin: 20px 0; padding: 30px; } blockquote.gray { border-left: 3px solid #666; background-color: #eee; color: #333; } blockquote.gray.bg-theme-colored { background-color: #eee; } blockquote.dark { border-left: 3px solid #3c3c3c; background-color: #555; color: #fff; } blockquote.dark footer { color: #d3d3d3; } blockquote p { font-family: "Playfair Display", serif; font-size: 16px; font-style: italic; } .clients-logo .item { background: #eee; border-color: transparent; margin-bottom: 30px; padding: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .clients-logo img { width: auto; display: inline; opacity: 0.7; } .clients-logo img:hover { opacity: 1; } .clients-logo.carousel { text-align: center; } .clients-logo.carousel .item { box-shadow: none; } .clients-logo.style2 .item { box-shadow: none; } .clients-logo.style2 .item img { max-height: 120px; } .client-img { opacity: 0.7; text-align: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .client-img:hover { opacity: 1; } .clients-logo.carousel { text-align: center; } .clients-logo.carousel .item { box-shadow: none; margin: 0 10px; } .clients-logo.transparent .item { background: 0 0; margin-bottom: 10px; } .clients-logo.transparent img { opacity: 0.9; } .countdown-timer li { color: grey; display: inline-block; padding: 30px 20px; background-color: #f1f1f1; margin-right: 15px; font-size: 40px; text-align: center; min-width: 120px; min-height: 120px; } .countdown-timer li span { color: silver; display: block; font-size: 15px; margin-top: 5px; } .countdown-timer.timer-box { padding: 20px; padding-top: 40px; text-align: center; } .countdown-timer.timer-box li { color: #fff; background-color: rgba(0, 0, 0, 0.05); margin-bottom: 15px; } .countdown-timer.timer-box li span { color: #eee; } .countdown-timer.timer-deep-bg li { background-color: rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 767px) { .timer-responsive li { margin-top: 30px; font-size: 20px; min-width: 60px; min-height: 60px; padding: 20px 10px; } .countdown-timer li span { font-size: 12px; } } .divider, .parallax { background-repeat: repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; overflow: hidden; width: 100%; } .parallax { width: 100%; height: 100%; margin: 0 auto; background-size: cover; background-attachment: fixed; background-repeat: repeat-y; background-position: top center; } .mobile-parallax { background-size: cover; background-attachment: scroll; background-position: center center; } .divider .container { padding-top: 30px; padding-bottom: 30px; } .divider .container.small-padding { padding-top: 30px; padding-bottom: 30px; } .divider .container.extra-padding { padding-top: 180px; padding-bottom: 180px; } .fb-comments, .fb-comments > span, .fb-comments > span > iframe, .fb_iframe_widget, .fb_iframe_widget > span, .fb_iframe_widget > span > iframe { display: block; margin: 0; width: 100%; } .flex-container a:active, .flex-container a:focus, .flexslider a:active, .flexslider a:focus { outline: 0; border: none; } .flex-direction-nav { display: none; } .flexslider { position: relative; margin: 0; padding: 0; border: 0; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-nav { margin: 0; padding: 0; list-style: none; border: none; width: auto; position: absolute; z-index: 10; text-align: center; bottom: 15px; right: 15px; } .flex-control-nav li { float: left; display: block; margin: 0 3px; width: 10px; height: 10px; } .flex-control-nav li a { display: block; cursor: pointer; text-indent: -9999px; width: 10px; height: 10px; border: 1px solid #fff; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-control-nav li a.flex-active, .flex-control-nav li:hover a { background-color: #fff; } .card { float: left; min-height: 300px; padding-bottom: 25%; position: relative; text-align: center; width: 100%; } .card:nth-child(1) { margin-left: -3px; margin-right: 1px; } .card .card:nth-child(3), .card:nth-child(1) { margin-right: 1px; } .card .card__back, .card .card__front { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; } .card .card__back { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card .card__text { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: 300px; line-height: 20px; } .card.effect__hover:hover .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card.effect__hover:hover .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); } .card.effect__click.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card.effect__click.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); } .card.effect__random.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } .card.effect__random.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); } .styled-icons a { color: #333; font-size: 18px; height: 32px; line-height: 32px; width: 32px; float: left; margin: 5px 7px 5px 0; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .styled-icons a:hover { color: #666; } .styled-icons.icon-gray a { background-color: #eee; color: #555; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; } .styled-icons.icon-gray a:hover { color: #bbb; } .styled-icons.icon-gray.icon-bordered a { background-color: transparent; border: 2px solid #eee; } .styled-icons.icon-gray.icon-bordered a:hover { border: 2px solid #d5d5d5; } .styled-icons.icon-dark a { background-color: rgb(255 255 255) !important; color: #000 !important; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; border-radius: 50px; } .styled-icons.icon-dark a:hover { color: #0801b6; } .styled-icons.icon-dark.icon-bordered a { background-color: transparent; border: 2px solid #111; color: #111; } .styled-icons.icon-dark.icon-bordered a:hover { background-color: #111; border-color: #111; color: #fff; } .styled-icons.icon-bordered a { border: 1px solid #777; } .styled-icons.icon-bordered a:hover { background-color: #777; color: #fff; } .styled-icons.icon-rounded a { border-radius: 3px; } .styled-icons.icon-circled a { border-radius: 50%; } .styled-icons.icon-sm a { font-size: 13px; height: 30px; line-height: 30px; margin: 2px 7px 2px 0; width: 30px; } .styled-icons.icon-md a { font-size: 24px; height: 50px; line-height: 50px; width: 50px; } .styled-icons.icon-lg a { font-size: 32px; height: 60px; line-height: 60px; width: 60px; } .styled-icons.icon-xl a { font-size: 60px; height: 120px; line-height: 120px; width: 120px; } .styled-icons li { display: inline-block; margin-bottom: 0; margin-top: 0; } .funfact { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .funfact.border { border: 1px solid #d3d3d3; } .funfact.no-border { border: 0; } .funfact.border { border: 1px solid #d3d3d3; } .funfact i { font-size: 45px; } .funfact h2 { position: relative; } .funfact h2:after { bottom: 0; } .funfact span { color: #eee; font-size: 18px; } .funfact.style-1 .funfact-title, .funfact.style-1 i { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .funfact.style-1 .funfact-title { color: #999; font-size: 14px; text-transform: uppercase; } .funfact.style-1:hover i { font-size: 40px; opacity: 0.3; } .funfact.style-1:hover .funfact-title { color: #333; } .icon-box { padding: 40px 17px; } .icon-box .icon { display: inline-block; height: 68px; margin-bottom: 20px; text-align: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 68px; } .icon-box .icon i { line-height: 68px; } .icon-box .icon.icon-gray { background-color: #eee; color: #555; } .icon-box .icon.icon-gray:hover { background-color: #d5d5d5; color: #bbb; } .icon-box .icon.icon-gray.icon-bordered { background-color: transparent; border: 2px solid #eee; } .icon-box .icon.icon-gray.icon-bordered:hover { background-color: #eee; color: #555; } .icon-box .icon.icon-dark { background-color: #111; color: #fff; } .icon-box .icon.icon-dark:hover { color: #5e5e5e; } .icon-box .icon.icon-dark.icon-bordered { background-color: transparent; border: 2px solid #111; color: #111; } .icon-box .icon.icon-dark.icon-bordered:hover { background-color: #111; border-color: #111; color: #fff; } .icon-box .icon.icon-white { background-color: #fff; color: #333; } .icon-box .icon.icon-white:hover { background-color: #b3b3b3; color: #000; } .icon-box .icon.icon-white.icon-bordered { background-color: transparent; border: 2px solid #fff; color: #fff; } .icon-box .icon.icon-white.icon-bordered:hover { background-color: #fff; border-color: #fff; color: #111; } .icon-box .icon.icon-white.icon-border-effect { position: relative; } .icon-box .icon.icon-white.icon-border-effect::after { box-shadow: 0 0 0 3px #fff; } .icon-box .icon.icon-bordered { border: 1px solid #777; } .icon-box .icon.icon-bordered:hover { background-color: #777; color: #fff; } .icon-box .icon.icon-rounded { border-radius: 3px; } .icon-box .icon.icon-circled { border-radius: 50%; } .icon-box .icon.icon-xs { height: 30px; width: 30px; } .icon-box .icon.icon-xs i { font-size: 18px; line-height: 30px; } .icon-box .icon.icon-sm { height: 50px; width: 50px; } .icon-box .icon.icon-sm i { font-size: 22px; line-height: 50px; } .icon-box .icon.icon-md { height: 75px; width: 75px; } .icon-box .icon.icon-md i { font-size: 36px; line-height: 75px; } .icon-box .icon.icon-lg { height: 90px; width: 90px; } .icon-box .icon.icon-lg i { font-size: 48px; line-height: 90px; } .icon-box .icon.icon-xl { height: 120px; width: 120px; } .icon-box .icon.icon-xl i { font-size: 60px; line-height: 120px; } .icon-box .icon.icon-border-effect { position: relative; } .icon-box .icon.icon-border-effect::after { border-radius: 50%; box-shadow: 0 0 0 3px #eee; box-sizing: content-box; content: ""; height: 100%; left: -4px; opacity: 0; padding: 4px; top: -4px; transform: scale(0.8); transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; pointer-events: none; position: absolute; width: 100%; } .icon-box .icon.icon-border-effect.effect-flat::after { border-radius: 0; } .icon-box .icon.icon-border-effect.effect-rounded::after { border-radius: 3px; } .icon-box .icon.icon-border-effect.effect-circled::after { border-radius: 50%; } .icon-box .icon.icon-border-effect.icon-gray::after { box-shadow: 0 0 0 3px #eee; } .icon-box .icon.icon-top { left: 0; margin: 0 auto; position: absolute; right: 0; top: -32px; } .icon-box i { display: inline-block; font-size: 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-box i[class*="pe-7s-"] { vertical-align: text-bottom; } .icon-box.left { text-align: left; } .icon-box.left a { margin-right: 30px; padding: 0; } .icon-box.iconbox-border { border: 1px solid #dcdcdc; } .icon-box.iconbox-bg { background-color: #fafafa; } .icon-box.iconbox-bg.iconbox-bg-dark { background-color: #333; } .icon-box .icon-box-title { margin-bottom: 15px; } .icon-box .icon-border-effect:hover::after, .icon-box:hover .icon-border-effect::after { opacity: 1; transform: scale(1); } .icon-box .icon-box-details { margin-left: 80px; } #infscr-loading { background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; color: #fff; font-size: 24px; height: 50px; line-height: 50px; left: 48%; position: fixed; text-align: center; top: 50%; width: 50px; z-index: 100; } #infscr-loading img { display: none; } .instagram-feed figure, .instagram-feed-carousel figure { position: relative; } .instagram-feed figure .link-out, .instagram-feed-carousel figure .link-out { position: absolute; right: 10px; bottom: 10px; background: rgba(0, 0, 0, 0.45); color: #f8f8f8; line-height: 1; padding: 10px; font-weight: 300; opacity: 0; } .instagram-feed figure .link-out:hover, .instagram-feed-carousel figure .link-out:hover { background: rgba(0, 0, 0, 0.7); color: #f8f8f8; } .instagram-feed figure:hover .link-out, .instagram-feed-carousel figure:hover .link-out { opacity: 1; } .instagram-feed .item { width: 100px; float: left; margin-bottom: 2px; margin-right: 2px; } .nivo-lightbox-theme-default .nivo-lightbox-nav { height: 100%; top: 0; } .lightbox .lb-dataContainer { left: 0; position: absolute; right: 0; top: -45px; } .toggle-map { background: rgba(0, 0, 0, 0.7); color: #fff; cursor: pointer; display: block; font-size: 16px; padding: 30px 0; position: relative; text-align: center; text-transform: uppercase; width: 100%; z-index: 200; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .toggle-map:hover { color: #fff; } .toggle-map span:after { content: "\f107"; font-family: fontawesome; margin-left: 10px; } .toggle-map.open span:after { content: "\f106"; } .map-canvas { height: 400px; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .map-canvas.big { height: 720px; } .map-canvas.map-hidden { height: 0; } .btn-show-map { color: #111; font-size: 18px; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 45%; } .btn-show-map i { font-size: 48px; } .pagination.theme-colored li.active a { background: #bf9e58; color: #fff; border: 1px solid transparent; } .pagination.dark li a { color: #333; } .pagination.dark li.active a { background: #333; color: #fff; border: 1px solid transparent; } .pager.theme-colored li.active a { color: #fff; border: 1px solid transparent; } .pager.dark li a { color: #fff; background-color: #333; border: 1px solid transparent; } .pricing-table { margin-bottom: 30px; position: relative; } .pricing-table .table-price { color: #111; font-size: 45px; } .pricing-table .table-price span { font-size: 13px; vertical-align: middle; } .pricing-table.featured { border: 1px solid #111; } .pricing-table .table-type { display: inline; } .pricing-table .btn-signup { margin-right: 0; width: 100%; } .pricing-table .table-list { list-style: outside none none; padding: 0 0 20px; } .pricing-table .table-list li { border-bottom: 0; font-size: 12px; padding: 10px 0; } .pricing-table .table-list li i { margin-right: 8px; } .pricing-table .package-type span { position: relative; padding-left: 15px; margin-left: 10px; } .pricing-table .package-type span::after { background: #2d915b; content: ""; height: 20px; left: -20px; position: absolute; top: 11px; width: 20px; } .progress-item { margin-top: 20px; } .progress-item .progress { background-color: #f8f8f8; box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset; border-radius: 0; height: 10px; margin-bottom: 15px; overflow: visible; } .progress-item .progress-bar { font-size: 11px; padding-left: 10px; position: relative; text-align: left; width: 0; line-height: 18px; -webkit-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .progress-item .progress-bar .percent { background: none repeat scroll 0 0 #555; border-radius: 8px 0 0; padding: 3px 5px; position: absolute; right: 0; top: -30px; } .progress-item.progress-white .progress { padding: 2px; } .progress-item.style2 .progress { height: 25px; } .progress-item.style2 .progress-bar .percent { background: 0 0; color: #555; font-size: 14px; } .modal-promo-box { max-width: 700px; padding: 90px 60px; margin: 0 auto; } .small-title { position: relative; } .small-title i { font-size: 36px; margin-top: 7px; padding-top: 0; } .small-title .title { margin-left: 15px; line-height: 1; } .small-title .title:after { bottom: -6px; content: ""; height: 1px; left: 45px; position: absolute; width: 45px; } .section-title .both-side-line::after { background: silver none repeat scroll 0 0; content: ""; height: 2px; position: absolute; right: -40px; top: 10px; width: 30px; } .section-title .both-side-line::before { background: silver none repeat scroll 0 0; content: ""; height: 2px; position: absolute; left: -40px; top: 10px; width: 30px; } .section-title .top-side-line::after { background: silver none repeat scroll 0 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -8px; width: 40px; } .section-title .left-side-line::before { background: silver none repeat scroll 0 0; content: ""; height: 2px; left: 0; position: absolute; top: -8px; width: 35px; } .section-title .right-side-line::before { background: silver none repeat scroll 0 0; content: ""; height: 2px; position: absolute; right: 0; top: -8px; width: 35px; } .section-title .sub-title { margin: 0; position: relative; display: inline-block; } .section-title .title { margin-top: 0; position: relative; } .section-title .title-icon { left: -60px; position: absolute; top: -10px; } .section-title .title-icon i { opacity: 0.5; } .section-title p { font-size: 14px; } .section-title p.left-bordered { border-left: 2px solid silver; padding-left: 10px; } .section-title p.right-bordered { border-right: 2px solid silver; padding-right: 10px; } .section-title { margin-bottom: 30px; position: relative; } .section-title.title-border { padding-left: 30px; } .section-title.title-border.title-right { border-left: 0; padding-left: 0; padding-right: 30px; text-align: right; } .section-title.icon-bg p { font-size: 14px; font-style: italic; margin-bottom: 0; } .section-title.icon-bg .page-title { font-size: 38px; line-height: 52px; } .section-title.icon-bg .page-title i { font-size: 42px; line-height: 1.3; position: absolute; opacity: 0.15; left: 0; right: 0; margin: 0 auto; } .title-dots { background: url(../images/title-dots.png) repeat scroll 0 0; height: 30px; margin-bottom: 20px; } .title-dots span { color: #fff; font-size: 17px; line-height: 30px; padding: 5px 10px; } .title-dots.small { height: 24px; margin-bottom: 15px; } .title-dots.small span { font-size: 11px; line-height: 23px; } .title-separator { border-top-style: solid; border-top-width: 1px; font-size: 16px; height: auto; line-height: 20px; margin: 10px 0; width: 70%; } .title-separator span { background: #fff none repeat scroll 0 0; border-radius: 2px; letter-spacing: 0.2em; padding: 2px 10px; position: relative; text-transform: uppercase; top: -12px; } .separator { color: #ccc; line-height: 1.2em; margin: 30px auto; overflow: hidden; text-align: center; width: 100%; } .separator::after, .separator::before { border-bottom: 1px solid #eee; content: ""; display: inline-block; height: 0.65em; margin: 0 -4px 0 -100%; vertical-align: top; width: 50%; } .separator::after { margin: 0 -100% 0 0; } .separator a, .separator i, .separator span { display: inline-block; margin: 0 20px 0 24px; font-size: 20px; } .separator.left i, .separator.separator-left { float: left; margin: 2px 50px 0 0; } .separator.right i { float: right; margin: 0 0 2px 50px; } .separator.separator-medium-line { margin: 10px auto; width: 20%; } .separator.separator-small-line { width: 10%; } .separator.separator-border-rouned i, .separator.separator-rouned i { background-color: #f5f5f5; border-radius: 50%; height: 40px; left: 0; line-height: 40px; margin: -12px auto auto; position: absolute; right: 0; width: 40px; } .separator.separator-border-rouned i { background: 0 0; border: 1px solid #f5f5f5; } .separator.separator-rouned.separator-rouned-left i { margin: -12px auto auto; right: auto; left: 0; } .separator.separator-rouned.separator-rouned-right i { margin: -12px auto auto; right: 0; left: auto; } .separator.dotted::after, .separator.dotted::before { border-bottom: 2px dotted #ccc; } .styled-icons a { color: #333; font-size: 18px; height: 32px; line-height: 32px; width: 32px; float: left; margin: 5px 7px 5px 0; text-align: center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .styled-icons a:hover { color: #666; } .styled-icons.icon-gray a { background-color: #eee; color: #555; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; } .styled-icons.icon-gray a:hover { color: #bbb; } .styled-icons.icon-gray.icon-bordered a { background-color: transparent; border: 2px solid #eee; } .styled-icons.icon-gray.icon-bordered a:hover { border: 2px solid #d5d5d5; } .styled-icons.icon-dark a { background-color: #333; color: #eee; display: block; font-size: 18px; height: 36px; line-height: 36px; width: 36px; } .styled-icons.icon-dark a:hover { color: #5e5e5e; } .styled-icons.icon-dark.icon-bordered a { background-color: transparent; border: 2px solid #111; color: #111; } .styled-icons.icon-dark.icon-bordered a:hover { background-color: #111; border-color: #111; color: #fff; } .styled-icons.icon-bordered a { border: 1px solid #777; } .styled-icons.icon-bordered a:hover { background-color: #777; color: #fff; } .styled-icons.icon-rounded a { border-radius: 3px; } .styled-icons.icon-circled a { border-radius: 50%; } .styled-icons.icon-sm a { font-size: 13px; height: 30px; line-height: 30px; margin: 2px 7px 2px 0; width: 30px; } .styled-icons.icon-md a { font-size: 24px; height: 50px; line-height: 50px; width: 50px; } .styled-icons.icon-lg a { font-size: 32px; height: 60px; line-height: 60px; width: 60px; } .styled-icons.icon-xl a { font-size: 60px; height: 120px; line-height: 120px; width: 120px; } .styled-icons li { display: inline-block; margin-bottom: 0; margin-top: 0; } .tab-content { padding: 15px; border: 1px solid #eee; } .nav-tabs { border: none; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li.active a, .nav-tabs > li.active a:focus, .nav-tabs > li.active a:hover { color: #111; background-color: #f8f8f8; } .nav-tabs > li > a { border-radius: 0; font-family: "Open Sans", sans-serif; font-size: 12px; color: #555; padding: 12px 20px; margin-right: 0; } .nav-tabs > li > a .fa { margin-right: 10px; } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { color: #333; background-color: transparent; } .nav-tabs > li > a i { font-size: 32px; margin-right: 20px; vertical-align: middle; } .nav-tabs > li { text-align: center; } .nav-tabs > li > a i { display: block; font-size: 48px; margin-right: 0; margin-bottom: 10px; vertical-align: middle; } .horizontal-tab-centered .nav-pills { display: inline-block; } .horizontal-tab-centered .nav-pills > li > a { background: #eee; color: #555; font-size: 14px; padding: 8px 10px; margin-right: 10px; margin-bottom: 10px; text-transform: capitalize; } .horizontal-tab-centered .nav-pills > li > a:hover { color: #fff; } .horizontal-tab-centered .nav-pills > li > a i { font-size: 14px; margin-right: 8px; } .horizontal-tab-centered .nav-pills > li.active > a, .horizontal-tab-centered .nav-pills > li.active > a:focus, .horizontal-tab-centered .nav-pills > li.active > a:hover { color: #fff; } .horizontal-tab.fullwide .nav-tabs > li { width: 20%; } .vertical-tab .tab-content { padding: 5px 5px 20px 20px; border: none; } .vertical-tab .nav-tabs > li { float: none; margin-bottom: 0; } .vertical-tab .nav-tabs > li > a { background: 0 0; border-radius: 0; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-top: 1px solid transparent; border-left: 1px solid transparent; font-size: 14px; padding: 30px 0 30px 15px; } .vertical-tab .nav-tabs > li:first-child > a { border-top: 1px solid #d3d3d3; } .vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:focus, .vertical-tab .nav-tabs > li.active > a:hover { background: 0 0; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #d3d3d3; } .vertical-tab .small-padding .nav-tabs > li a { padding: 20px 0 20px 15px; } .vertical-tab .small-padding .nav-tabs > li i { font-size: 24px; } @media only screen and (max-width: 767px) { .vertical-tab .tab-content { padding: 20px 5px; } .nav-tabs > li > a { border-radius: 0; border-bottom: none; border-left: 2px solid #d3d3d3; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-bottom: none; border-left: 2px solid #d3d3d3; } } .custom-nav-tabs { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-style: none solid none none; border-width: medium 0 medium medium; margin-right: 53px; } .custom-nav-tabs > li { float: none; margin: 0 0 1px; } .custom-nav-tabs > li a { background: #eee none repeat scroll 0 0; border: medium none; border-radius: 0; display: block; font-size: 17px; font-weight: 700; line-height: 59px; margin: 0; outline: medium none; padding: 0; text-align: center; text-transform: uppercase; } .custom-nav-tabs > li.active > a, .custom-nav-tabs > li.active > a:focus, .custom-nav-tabs > li.active > a:hover, .custom-nav-tabs > li > a:focus, .custom-nav-tabs > li > a:hover { border: medium none; color: #000; padding: 0; } .team-members .team-member .team-thumb { overflow: hidden; } .team-members .team-member img { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .team-members .team-member:hover img { transform: scale3d(1.1, 1.08, 1.1); } .team-member .team-details { background: #f7f8fa none repeat scroll 0 0; border: 1px solid #eee; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .team-member:hover .team-details a, .team-member:hover .team-details h4, .team-member:hover .team-details p { color: #fff; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .team-member .team-details a { -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .team-block { margin: 0 auto 30px; } .team-block .team-thumb { overflow: hidden; position: relative; } .team-block .team-thumb .team-overlay { height: 85.4%; padding: 40px 20px 0 30px; position: absolute; top: -90%; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; width: 100%; } .team-block .team-thumb .team-overlay .styled-icons { position: absolute; bottom: 4px; } .team-block .team-thumb .team-overlay .styled-icons a { border-color: #fff; } .team-block .team-thumb .team-overlay .styled-icons a:hover { background: #fff none repeat scroll 0 0; } .team-block .team-thumb .team-overlay .styled-icons a i { color: #fff; } .team-block .team-thumb .team-overlay::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 22px; bottom: -44px; content: ""; display: block; height: 44px; left: -2px; position: absolute; width: 40px; } .team-block .team-thumb .styled-icons { bottom: 0; padding: 7px 20px 0 0; position: absolute; right: 0; width: 84%; } .team-block .team-thumb .styled-icons a { margin: 0; } .team-block .team-thumb .styled-icons a i { color: #fff; font-size: 14px; margin-top: 8px; } .team-block .team-thumb .styled-icons a:hover { border-color: #fff; -webkit-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } .team-block .team-thumb .styled-icons::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-style: solid; border-width: 22px; bottom: 0; content: ""; display: block; height: 40px; left: -44px; position: absolute; width: 40px; } .team-block .team-bottom-part { background: #eee none repeat scroll 0 0; margin-top: 6px; padding: 10px 16px 12px 30px; } .team-block:hover .team-overlay { top: 0; } .testimonial .content { position: relative; } .testimonial .content::after { color: #202c45; content: "\f10e"; font-family: fontawesome; font-size: 48px; opacity: 0.2; position: absolute; right: 20px; top: -15px; } .panel-group .panel { box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; position: relative; } .panel-group .panel-title { font-size: 13px; } .panel-group .panel-title a { background: #f8f8f8; display: block; font-size: 14px; font-weight: 500; padding: 10px 15px 10px 48px; white-space: normal; } .panel-group .panel-title a.active { background: #16174f none repeat scroll 0 0; border-bottom: 1px solid #d3d3d3; color: #fff; } .panel-group .panel-title a.active .open-sub:after { display: none; } .panel-group .panel-title a.active::after { color: #fff; content: "\f068"; } .panel-group .panel-title a::after { color: #888; content: "\f067"; font-family: fontawesome; font-size: 14px; left: 0; padding: 10px 14px; position: absolute; top: 0; } .panel-group .panel-title.active.panel-group .panel-title:focus a, .panel-group .panel-title.active.panel-group .panel-title:hover a { color: #333; } .panel-group .panel-title .open-sub { display: block; position: relative; } .panel-group .panel-title .open-sub:after, .panel-group .panel-title .open-sub:before { content: ""; display: block; position: absolute; height: 1px; top: 50%; margin-top: -0.5px; left: 50%; } .panel-group .panel-content { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; padding: 10px 20px 20px; } .panel-group .panel-content > :last-child { margin-bottom: 0; } .panel-group.white .panel-title a { background-color: #fff; } .panel-group.toggle .panel-heading { padding: 0; border-bottom: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .panel-group.toggle .panel-body { padding: 10px 0 5px 25px; } .panel-group.accordion.transparent .panel-title a, .panel-group.accordion.transparent .panel-title a.active, .panel-group.toggle.transparent .panel-title a, .panel-group.toggle.transparent .panel-title a.active { background: 0 0; border: none; color: #333; } .panel-group.accordion.transparent .panel-title a.active::after, .panel-group.accordion.transparent .panel-title a::after, .panel-group.toggle.transparent .panel-title a.active::after, .panel-group.toggle.transparent .panel-title a::after { color: #333; background: 0 0; } .panel-group.accordion.transparent .panel-content, .panel-group.toggle.transparent .panel-content { background: 0 0; } .panel-group.toggle .panel-heading + .panel-collapse > .list-group, .panel-group.toggle .panel-heading + .panel-collapse > .panel-body { border-top: none; } .cd-timeline-content { background: #f1f1f1; } .cd-timeline-content::before { border-color: transparent transparent transparent #eee; } .cd-timeline-block:nth-child(2n) .cd-timeline-content::before { border-color: transparent #eee transparent transparent; } #cd-timeline.cd-timeline-simple::before { background: #ccc none repeat scroll 0 0; height: 82%; top: 65px; width: 2px; } #cd-timeline.cd-timeline-simple.time-line-media::before { height: 65%; } .cd-timeline-simple .cd-timeline-block { margin: 38px 0 20px 0; } .cd-timeline-simple .cd-timeline-block .cd-timeline-content::before { display: none; } .cd-timeline-simple .cd-timeline-block .cd-timeline-content { padding-top: 0; background: 0 0; box-shadow: none; } .cd-timeline-simple .cd-timeline-block .cd-timeline-content p { font-size: 14px; } .cd-timeline-simple .cd-timeline-block .cd-timeline-img { background: #333 none repeat scroll 0 0; box-shadow: 0 0 0 4px #ccc, 0 3px 0 rgba(0, 0, 0, 0.06) inset, 0 0 0 3px rgba(0, 0, 0, 0.05); } @media only screen and (max-width: 992px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content { text-align: left; } } @media only screen and (max-width: 768px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content { margin-bottom: 10px; } } @media only screen and (max-width: 992px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 { font-size: 20px; } } @media only screen and (max-width: 768px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content h2 { font-size: 18px; } } @media only screen and (max-width: 768px) { .cd-timeline-simple .cd-timeline-block .cd-timeline-content .cd-date { font-size: 14px; } } .vertical-masonry-timeline .each-masonry-item { position: relative; width: 50%; margin-bottom: 30px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2) { margin-top: 80px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) { padding-left: 50px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) { padding-right: 50px; } .vertical-masonry-timeline .each-masonry-item .timeline-block { background: #fff none repeat scroll 0 0; border: 1px solid #d7e4ed; height: 100%; padding: 20px; position: relative; width: 100%; } .vertical-masonry-timeline .each-masonry-item .timeline-block:after, .vertical-masonry-timeline .each-masonry-item .timeline-block:before { border-style: solid; border-width: 8px; content: ""; display: block; position: absolute; top: 20px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) .timeline-block:before { border-color: transparent transparent transparent #c6d2db; left: auto; right: -16px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) .timeline-block:after { border-color: transparent transparent transparent #fff; left: auto; right: -15px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:before { border-color: transparent #c6d2db transparent transparent; left: -16px; right: auto; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-block:after { border-color: transparent #fff transparent transparent; left: -15px; right: auto; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) .timeline-post-format { left: auto; right: -82px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format { left: -80px; right: auto; } .timeline-post-format { border: 3px solid #bbb; border-radius: 100%; color: #bbb; height: 60px; overflow: hidden; position: absolute; top: -2px; width: 60px; z-index: 1; } .timeline-post-format:after { background: #fff none repeat scroll 0 0; color: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .timeline-post-format i { font-size: 18px; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } .vertical-masonry-timeline-wrapper:before { background: #ddd none repeat scroll 0 0; bottom: 0; content: ""; height: 100%; left: 50%; margin-left: 0; position: absolute; width: 4px; } .vertical-masonry-timeline-wrapper:after { background: rgba(0, 0, 0, 0) linear-gradient(#ddd, transparent) repeat scroll 0 0; bottom: -100px; content: ""; height: 100px; left: 50%; margin-left: 0; position: absolute; width: 4px; } .vertical-masonry-timeline::after { background: rgba(0, 0, 0, 0) linear-gradient(transparent, #ddd) repeat scroll 0 0; content: ""; height: 100px; left: 50%; position: absolute; top: -65px; width: 4px; } @media only screen and (min-width: 768px) { .vertical-masonry-timeline .each-masonry-item.item-right { padding-right: 0; padding-left: 50px; } .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:before { border-color: transparent #c6d2db transparent transparent; left: -16px; right: auto; } .vertical-masonry-timeline .each-masonry-item.item-right .timeline-block:after { border-color: transparent #fff transparent transparent; left: -15px; right: auto; } .vertical-masonry-timeline .each-masonry-item.item-right .timeline-post-format { left: -80px; right: auto; } .vertical-masonry-timeline .each-masonry-item.item-left { padding-right: 50px; padding-left: 0; } .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:before { border-color: transparent transparent transparent #c6d2db; right: -16px; left: auto; } .vertical-masonry-timeline .each-masonry-item.item-left .timeline-block:after { border-color: transparent transparent transparent #fff; right: -15px; left: auto; } .vertical-masonry-timeline .each-masonry-item.item-left .timeline-post-format { right: -81px; left: auto; } } @media only screen and (max-width: 768px) { .vertical-masonry-timeline .each-masonry-item { width: 100%; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) { padding-right: 0; padding-left: 71px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) { padding-left: 71px; padding-right: inherit; } .vertical-masonry-timeline .each-masonry-item:nth-child(2) { margin-top: 0; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) .timeline-post-format { left: -72px; right: auto; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n) .timeline-post-format { left: -72px; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) .timeline-block::before { border-color: transparent #c6d2db transparent transparent; left: -16px; right: auto; } .vertical-masonry-timeline .each-masonry-item:nth-child(2n + 1) .timeline-block::after { border-color: transparent #fff transparent transparent; left: -15px; right: auto; } .vertical-masonry-timeline:after { left: 29px; } .vertical-masonry-timeline-wrapper:after, .vertical-masonry-timeline-wrapper:before { left: 44px; } .back-to-top-link { display: inline-block; text-decoration: none; font-size: 4rem!important; line-height: 4rem!important; text-align: center; width: 6rem!important; height: 6rem!important; border-radius: 50%; /* background-color: #d6e3f0;*/ padding: 1.25rem!important; } } .working-process > li { float: left; overflow: hidden; position: relative; text-align: center; } .working-process > li::after { border-top: 1px dashed #333; content: ""; left: 6px; margin-left: -32px; overflow: hidden; position: absolute; top: 25px; width: 50%; } .working-process > li::before { border-top: 1px dashed #333; content: ""; margin-right: -25px; position: absolute; right: 0; top: 25px; width: 50%; } .working-process > li :first-child::after { border-top: medium none; } .working-process > li :last-child::before { border-top: medium none; } .working-process li a { border: 1px solid; display: inline-block; height: 50px; line-height: 50px; overflow: hidden; width: 50px; border-radius: 50%; } .working-process li a:hover { background: #333 none repeat scroll 0 0; border: 1px solid transparent; color: #fff; } .working-process li a i { font-size: 18px; } .working-process.square li a, .working-process.square.large-circle li a { border-radius: 0; } .working-process.large-circle li a { height: 120px; line-height: 130px; width: 120px; border-radius: 50%; } .working-process.large-circle li a i { font-size: 28px; } .working-process.large-circle > li::before { margin-right: -60px; top: 60px; } .working-process.large-circle > li::after { margin-left: -64px; top: 60px; } .working-process.theme-colored li a { color: #fff; } .search-form-wrapper { position: relative; } .search-form-wrapper.toggle { display: none; } .search-form-wrapper.toggle.active { display: block; } .search-form-wrapper form { padding: 10px; position: relative; } .search-form-wrapper form label { margin: 0; position: absolute; right: 11px; top: 11px; } .search-form-wrapper form label:before { color: #555; cursor: pointer; content: "\f002"; font-family: fontawesome; font-size: 16px; position: absolute; right: 13px; top: 6px; } .search-form-wrapper form input[type="text"] { background-color: #fff; border: 1px solid silver; height: 46px; padding: 8px 17px; width: 100%; } .search-form-wrapper form input[type="submit"] { background-color: #fff; border-left: 1px solid silver; border: none; height: 44px; width: 50px; text-indent: -999px; } .search-form-wrapper.form-absolute form { background-color: #333; position: absolute; right: 0; top: 12px; width: 370px; z-index: 99; } .search-form-wrapper.round form input[type="text"] { border-radius: 30px; border-width: 4px; } .search-form-wrapper.round form input[type="submit"] { height: auto; width: auto; margin-right: 10px; margin-top: 10px; } .search-form-wrapper.round form label::before { color: silver; } .widget .list-border li { border-bottom: 1px dashed #d3d3d3; } .widget.dark .list-border li { border-bottom: 1px dashed #404040; } .widget { margin-bottom: 30px; } .widget .widget-title { margin-top: 0; margin-bottom: 20px; font-size: 19px; color: #fff; } .widget-title-color { background: #022c42; } .widget ul li { margin-bottom: 5px; padding-bottom: 5px; } .widget .post, .widget ul.list li { margin-bottom: 8px; padding-bottom: 8px; } .widget ul.list li a:before { content: "\f101"; font-family: fontawesome; font-size: 12px; margin-right: 8px; } .chairman-msg { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 3px 3px #ccc; -webkit-box-shadow: 0 3px 3px #ccc; -moz-box-shadow: 0 3px 3px #ccc; font-weight: 400; width: 100%; padding: 15px; margin: auto; margin-bottom: 15px; margin-top: 15px; } .chairman-name { color: #002147; padding-top: 10px; font-size: 19px; line-height: 1.6; font-weight: 600; margin-bottom: 2px; } .chairman-sub { color: #7a7a7a; font-weight: 600; font-size: 14px; margin: 0; } .widget.brochures > li { margin-bottom: 10px; padding: 10px; } .widget.brochures i { color: #666; font-size: 16px; margin-right: 10px; } .widget.address > li { font-size: 13px; margin-bottom: 10px; padding: 5px 10px; } .widget.address > li i { font-size: 16px; margin-right: 8px; vertical-align: middle; } .widget .twitter-feed li { font-size: 13px; margin-bottom: 15px; margin-top: 0; padding-left: 30px; } .widget .twitter-feed li.item { position: relative; } .widget .twitter-feed li::after { content: "\f099"; font-size: 24px; font-family: fontawesome; left: 0; position: absolute; top: 0; } .widget .styled-icons li { margin-bottom: 0; padding-bottom: 0; } .widget .styled-icons li a { margin-bottom: 0; } .widget .tags a { border: 1px solid #404040; display: inline-block; font-size: 12px; margin: 5px 4px 5px -2px; padding: 5px 10px; } .widget .tags a:hover { color: #fff; } .widget .search-input { background: transparent none repeat scroll 0 0; border: 1px solid silver; border-radius: initial; box-shadow: none; height: 45px; padding: 10px; } .widget .search-button { background: transparent none repeat scroll 0 0; border: 1px solid silver; border-radius: 0; height: 45px; } .widget .nav-tabs li { border-bottom: 1px solid transparent; margin-bottom: -2px; padding-bottom: 0; } .widget .nav-tabs li:hover { border-bottom: 1px solid transparent; } .widget .post-title a { font-size: 13px; letter-spacing: 0; } .widget .quick-contact-form .form-control { background-color: rgba(241, 241, 241, 0.8); border-color: #d3d3d3; color: #a9a9a9; } .widget .product-list .product-title { font-size: 14px; font-weight: 400; } .widget.dark .widget-title { color: #000; } .widget.dark .tags a { border: 1px solid #404040; } .widget.dark .widget-image-carousel .title { color: #fff; } .widget.dark .search-input { border: 1px solid #333; } .widget.dark .styled-icons li a:hover i { color: #fff; } .widget.dark .search-button { border: 1px solid #333; } .widget.dark .widget-subscribe .subscribe-title { color: #fff; } .widget.dark .widget-subscribe .subscribe-sub-title { color: #666; } .widget.dark .nav-tabs li { border-bottom: 1px solid transparent; margin-bottom: -2px; padding-bottom: 0; } .widget.dark .nav-tabs li:hover { border-bottom: 1px solid transparent; } .widget.dark .nav-tabs li:hover a { border: 1px solid #555; } .widget.dark .nav-tabs li.active a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #333 none repeat scroll 0 0; border-color: #555 #555 transparent; border-image: none; border-style: solid; border-width: 1px; } .widget.dark .product-title a { color: grey; } .widget.dark .post-title a { color: silver; } .widget.dark .tab-content { background: #333 none repeat scroll 0 0; border: 1px solid #555; } .widget.dark .quick-contact-form .form-control { background-color: rgba(5, 15, 5, 0.1); border-color: #333; } .widget.dark .widget-title.line-bottom-theme-colored-2.border-bottom { border-bottom: 1px solid #444; } .widget.no-border ul li { border: none; padding-bottom: 0; margin-bottom: 0; font-size: 14px; } .service-block .content h4 { font-size: 16px; font-weight: 400; } .widget ul.list li::before { display: none; } .widget.dark ul.list li::before { display: none; } .horizontal-contact-widget { border-top: 1px dashed #666; } .each-widget i { color: #174ea6; } .horizontal-contact-widget .each-widget::before { content: "\f111"; font-family: FontAwesome; left: 0; position: absolute; right: 0; top: -42px; } .horizontal-contact-widget.dark { border-top: 1px dashed #333; } .widget.dark .btn.btn-default { border-color: #333; } #flickr-feed img { background: none repeat scroll 0 0 #000; float: left; height: 60px; margin: 0 5px 5px 0; padding: 0; width: 70px; } .text-hover-theme-colored { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget .services-list li { background-color: #eee; border-bottom: 1px solid #ddd; padding: 10px 15px 10px 20px; } .widget .services-list li.active { position: relative; border-bottom: 1px solid transparent; } .widget .services-list li.active a { color: #fff; } .widget .services-list li.active a:before { content: ""; } .footer { background: #eaeaea !important; border-top: 5px solid #9591ff; } .footer a, .footer p { color: #000; font-size: 15px; } .footer a:active, .footer a:focus, .footer a:hover { color: #666; } .footer .widget .widget-title { margin-top: 0; } .footer .widget.dark .quick-contact-form button { border-color: #333; color: #909090; } .footer .widget.dark .quick-contact-form button:hover { background-color: #eee; border-color: #eee; color: #333; } .contain_devider { border-bottom: 1px dashed #d3d3d3; margin-bottom: 7px; padding-bottom: 7px; } .heading-title { color: maroon; font-family: Montserrat, Sans-serif; font-size: 25px; line-height: 30px; } .widget-wrap_side { padding: 15px 20px 15px 20px; background-color: #f0f0f0; } .span_heading-title { color: #fff; font-family: Montserrat, Sans-serif; font-size: 24px; font-weight: 400; line-height: 30px; } .bo_section { border-style: solid; border-width: 3px 0 0 0; border-color: #0075d6; background-color: #0075d6; padding: 30px 30px 30px 30px; } span.lead { color: #1abc9c; font-size: 38px; font-weight: 800; line-height: 60px; } .Cust1_theading-title { color: #af7100; font-family: Montserrat, Sans-serif; font-size: 24px; font-weight: 900; } .box_content { height: 250px; background: #fff; padding: 20px; } .box_content p { font-size: 16px; } .box_content h3 { font-size: 20px; font-weight: 800; } .divider__text { color: #424242; font-family: Montserrat, Sans-serif; font-size: 23px; font-weight: 700; } .divider-separator:before { display: block; content: ""; border-bottom: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-border-color); } .divider-separator:before { display: block; content: ""; border-bottom: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-border-color); } .image-box-title { font-weight: 600; margin-bottom: 9px; letter-spacing: -0.02em; line-height: 1.2; color: #000; font-family: Montserrat, Sans-serif; font-size: 30px; } .h1dheading-title { color: #000; font-family: Montserrat, Sans-serif; font-size: 31px; font-weight: 900; line-height: 44px; } .title_tag { color: #000; font-family: Montserrat, Sans-serif; font-size: 18px; font-weight: 600; line-height: 23px; } .premium-image-scroll-container { height: 340px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d8d8d8; } .elementor-widget-container { padding: 20px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #c2b8b8; border-radius: 5px 5px 5px 5px; background-color: #f9f9f9; margin-bottom: 15px; } .form-title { font-family: Quicksand !important; } .input-box { background: 0 0; color: #333 !important; /* display: inline-block; */ background-color: transparent !important; border: 2px solid #e2e4e6 !important; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important; color: #092f57 !important; font-family: Poppins, sans-serif !important; font-style: normal !important; font-size: 16px !important; line-height: 24px !important; /* text-align: center; */ text-decoration: none !important; /* text-transform: uppercase; */ white-space: normal !important; /* width: auto; */ height: auto !important; padding: 8px 15px !important; } .footer-sticky-whatsapp { display: block; position: fixed; bottom: -20px; /*right: 20px;*/ width: 230px; height: 100px; z-index: 9999; } .footer-sticky-whatsapp img { width: 100%; } .back-to-top-wrapper { display: block; position: fixed; bottom: -20px; right: -139px; width: 230px; height: 100px; z-index: 9999; } .back-to-top-link { display: inline-block; text-decoration: none; font-size: 2rem; line-height: 3rem; text-align: center; width: 3rem; height: 3rem; border-radius: 50%; /* background-color: #d6e3f0;*/ /* emoji don't behave like regular fonts so this helped position it correctly */ padding: 0.25rem; } $scrollLength: 100vh; .back-to-top-wrapper { // uncomment to visualize "track" // outline: 1px solid red; position: absolute; top: $scrollLength; right: 0.25rem; // Optional, extends the final link into the // footer at the bottom of the page // Set to `0` to stop at the end of `main` bottom: -5em; // Required for best support in browsers not supporting `sticky` width: 3em; // Disable interaction with this element pointer-events: none; } #myBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: red; color: white; cursor: pointer; padding: 15px; border-radius: 4px; } #myBtn:hover { background-color: #555; } .hr-line{ background-color: rgb(230, 230, 230); }

/* site-main.css */
.bg-c-f9f9f9{ background-color:#f9f9f9; } .bg-c-eaf4fe{ background-color:#eaf4fe; } .ftr-imp-links{ margin-bottom:15px; } .ftr-imp-links li{ display:inline; list-style:none; padding:0px 25px; } .ftr-imp-links a{ color:#FFFFFF; font-family: Quicksand; font-size:16px!important; font-weight:400; } .ftr-imp-links a:hover{ color:#FFFFFF!important; } #form_container { position: relative; padding-top: 60px; padding-bottom: 60px; background:url("https://res.cloudinary.com/dlwtmsyuy/image/upload/v1697447260/images/patt_qzsnqe.png") repeat; font-family: Quicksand; color: #fff; width: 100%; z-index: 99; } #form_contact h3 { color: #ef5800; margin-top: 0; margin-bottom: 15px; font-size: 26px; font-weight: 700; font-family: Quicksand; } #form_contact input.form-control { color: #000; } .form-control { border-radius: 0; background: 0 0; border: none; border: 1px solid #555; padding-left: 10px; box-shadow: none; color: #000; } .c-info { background-color: #0d0893!important; border: 8px solid #d9d9d9; margin-top: 21px; padding: 18px; font-family: Quicksand; } .c-info-bg1{ background-color: #0d0893!important; } .c-info-bg2{ background-color: #040060!important; } .c-info-bg3{ background-color:#030042!important; } .c-info h6 { font-size: 23px; font-weight: 500; color: #ffffff; margin-top: 0px!important; font-family: Quicksand; } .c-info p { font-size: 19px; color: #ffffff; margin: 0px!important; font-family: Quicksand; }.bg-theme-colored {
    background-color: #0801b6 !important;
} .intro_title_header h3 { font-size: 37px; margin-bottom: 30px; color: #fff; font-weight: 700; font-family: Quicksand; } .icon-arrows-cw:before { content: '\e8b8'; } .form-group label { color: #000; } .btn_1, .btn_1.medium, a.btn_1, a.btn_1.medium { border: none; display: inline-block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; font-family: inherit; color: #111; background: #48e0a4; cursor: pointer; outline: 0; } .btn_1, a.btn_1 { font-size: inherit; padding: 7px 20px; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .s-o-block{ border:1px solid #CCCCCC; margin-bottom:15px; background: white; } .s-o-img-block{ background-color: #E1E1E1; } .s-o-desc{ color: #000000; font-size: 14px; padding:15px; min-height:100px; font-weight:bold; } .s-o-price-block{ color: #000000; font-size: 15px; font-weight: 400; padding:5px 15px; border-top: 1px solid #d3d3d3; } .s-o-price-block .o-pr-text{ font-size:14px; color: #666666; } .s-o-price{ width:50%; float:left; font-size:12px; padding-top: 5px; font-weight:bold; } .s-o-price a{ color: #666666!important; } .s-o-price a:hover{ color: #ff5603!important } .s-o-btn{ margin-left:50%; text-align:right; font-size:17px; font-weight:bold; } .order_now_btn{ background:none; border:none; color: #666666!important; padding:0px; } .order_now_btn:hover{ background:none; border:none; color: #ff5603!important; padding:0px; } #portfolio h5{ font-size:19px; font-family: Quicksand; font-weight:500; } #portfolio p{ font-family: Quicksand; font-size:16px; } .blog-container-lft{ border:1px solid #efefef; padding:15px!important; } .blog-container-lft .title{ color: #000000; font-size: 24px; font-weight: 400; line-height: 60px; font-family: Quicksand; } .blog-container-lft .content-list{ color: #000000; font-size: 17px; font-family: Quicksand; } .blog-container-lft .content-list li{ padding-left:15px; } .blog-container-main h2{ color: #0005b1; font-size: 26px; font-weight: 700; line-height:36px; margin-top:30px;font-family: Quicksand; text-transform:uppercase; } .blog-container-main h3{ color: #f75100; font-size: 30px; font-weight: 500; line-height:35px; padding-bottom:10px; margin-top:60px;font-family: Quicksand; border-bottom:2px dotted #efefef; } .instruction p{ font-family: Quicksand; font-size: 16px!important; font-weight:500!important; } .instruction img{ /*margin-left:20px!important;*/ } .blog-container-main .spacer{ min-height:100px; } .info-box{ border:1px solid #f75100;padding:15px!important; margin-top:30px; font-family: Quicksand; font-size: 17px; } .info-box-img{ border:1px solid #efefef;margin-top:60px; } .highlight{ background-color:#ffeb33;font-family: Quicksand; } .blog-container-main p{ color: #000000; font-size: 19px; font-weight: 400; margin-top:20px;font-family: Quicksand; } .blog-container-main p>strong{ color: #000000; font-size: 19px; font-weight: 600; margin-top:20px;font-family: Quicksand; } .blog-container-main b{ color: #000000; font-weight: 600; margin-top:20px;font-family: Quicksand; } .steps{ color: #0801b6!important; font-size: 18px!important; } .blog-container-main small{ color: #b90000; font-weight: 600; margin-top:20px;font-family: Quicksand; } .blog-container-main .link-read{ margin-top:60px;font-family: Quicksand; } /* Order Popup style BEGIN */ .order_model_box{ background:rgba(0,0,0,.4); cursor:pointer; display:none; height:100%; position:fixed; text-align:center; top:0; width:100%; z-index:10000; } .order_model_box .form-group{ text-align:left; margin-bottom: 10px!important; font-size: 15px; } .order-input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 15px; /* border-radius: 4px; */ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .order-textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 15px; /* border-radius: 4px; */ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .order-submit-btn { display: block; width: 150px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 15px; color: #ffffff; background-color: #000000; /* border-radius: 4px; */ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .order_model_box .helper{ display:inline-block; height:100%; vertical-align:middle; } .order_model_box > div { background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; max-width: 650px; min-height: 100px; vertical-align: middle; width: 90%; position: relative; padding: 8px 42px; } .popupCloseButton { background-color: #fff; /* border: 1px solid #c8c8c8; */ /* border-radius: 50px; */ cursor: pointer; display: inline-block; font-family: arial; /* font-weight: bold; */ position: absolute; top: 3px; right: 4px; font-size: 40px; line-height: 30px; width: 30px; height: 30px; text-align: center; color:#000; } .popupCloseButton:hover { background-color: #ccc; } /* Order popup box end */ /* Order Popup style BEGIN */ .home_model_box{ background:rgba(0,0,0,.4); cursor:pointer; display:none; height:100%; position:fixed; text-align:center; top:0; width:100%; z-index:10000; } .home_model_box .form-group{ text-align:left; margin-bottom: 10px!important; font-size: 15px; } .order-input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 15px; /* border-radius: 4px; */ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .order-textarea { display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 15px; /* border-radius: 4px; */ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .order-submit-btn { display: block; width: 150px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-bottom: 15px; color: #ffffff; background-color: #000000; /* border-radius: 4px; */ -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .home_model_box .helper{ display:inline-block; height:100%; vertical-align:middle; } .home_model_box > div { background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; max-width: 650px; min-height: 100px; vertical-align: middle; width: 90%; position: relative; padding: 8px 42px; } .popupCloseButton { background-color: #fff; /* border: 1px solid #c8c8c8; */ /* border-radius: 50px; */ cursor: pointer; display: inline-block; font-family: arial; /* font-weight: bold; */ position: absolute; top: 3px; right: 4px; font-size: 40px; line-height: 30px; width: 30px; height: 30px; text-align: center; color:#000; } .popupCloseButton:hover { background-color: #ccc; } /* Order popup box end */ .error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;} .success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;} .info{font-size:.8em;color: #FF0000;letter-spacing:2px;padding-left:5px;} .btnAction{background-color:#2FC332;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;} .btnRefresh{background-color:#8B8B8B;border:0;padding:7px 10px;color:#FFF;float:left;} .padding-left-0{padding-left: 0px!important;} .margin-bottom-0{margin-bottom:0px!important;} .margin-top-4{margin-top:4px!important;} .mod-list li{display:inline;} .mod-list li a{padding:0px 7px;color:#9b9b9b!important;font-family: Quicksand,"Helvetica Neue",Arial,sans-serif;} .mod-list li a:hover{color:#00ff4b!important;} [class*=" icon-"]:before, [class^=icon-]:before { font-family: fontello; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } #form_contact { background: #ffffff; padding: 20px 30px 5px; position: relative; border: 1px solid #d0cfcf; } #form_contact input.form-control { color: #000; } div.nav-container .navbar.navbar-inverse { border-bottom: none } div.nav-container .navbar ul.navbar-right, div.nav-container .navbar>ul.nav { margin: 0; padding: 0 } div.nav-container .navbar ul.nav>li { font-family: Quicksand, 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; /*text-shadow: 2px 1px 10px rgba(0, 0, 0, .2);*/ } div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping>a { background: #fc496d; color: #efefef } div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping.open>a:focus, div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping.open>a:hover, div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping>a:focus, div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping>a:hover, div.nav-container .navbar.navbar-inverse ul.nav>li:hover>a { color: #fff; background-color: #ffffff; } div.nav-container .navbar ul.nav>li>ul.dropdown-menu { top: 49.8px; width: 310px; padding: 5px 0; } div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li { font-size: 14px; text-transform: none; font-weight: 400; text-shadow: none } .dropdown-menu>li>a{ color:#000000!important; font-size:17px; /*font-weight:500;*/ } div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li>a { padding: 8px 0; margin: 0 15px; border-bottom: 1px solid #9d9d9d; } div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li>a:hover { background: 0 0; color: #000000!important; font-weight: 900; } div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li:last-child>a { border-bottom: none } div.nav-container .navbar ul.nav>li i.fa { width: 10px; margin-right: 14px; text-align: center } div.nav-container .navbar ul.nav>li>ul>li>a:after { content: ''; position: absolute; right: 15px; margin-top: 5px; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #666 } div.nav-container .navbar ul.nav>li>ul>li>a:only-child:after, ul.nav>li>ul>li:hover>a:only-child:after { border-width: 0 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping { position: absolute; left: 100%; top: -1px; width: 730px; height: auto; background: #f7f7f7; border: 1px solid #ccc; border-top: none; visibility: hidden; opacity: 0 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping.dropdown-menu-1col { width: 244px } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping.dropdown-menu-2col { width: 487px } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping h3 { font-size: 14px; font-weight: 700; margin: 10px 0 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping h3:before { content: ""; position: absolute; width: 30px; height: 1px; left: auto; border-bottom: 5px solid #ccc; margin-top: 25px } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping h3:after { content: ""; position: absolute; width: 80%; height: 1px; left: 30px; border-bottom: 1px solid #ccc; margin-top: 27px } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping p { margin: 20px 0 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping ul { list-style: none; padding: 10px 15px } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping ul>li { padding: 3px 0 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping ul>li>a, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping ul>li>a:focus, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping ul>li>a:link, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping ul>li>a:visited { color: #555 } div.banner-consumer-electronics, div.banner-menswear, div.banner-pc-office, div.banner-smartwatch, div.banner-womenswear { background: url(../img/womens-clothing.jpg) no-repeat; background-size: cover; height: 70px } div.banner-menswear { background: url(../img/mens-clothing.jpg) no-repeat } div.banner-phone { background: url(../img/iphone.jpg) no-repeat; height: 380px; background-size: cover } div.banner-pc-office { background: url(../img/pc-office.jpg) no-repeat } div.banner-smartwatch { background-image: url(../img/smartwatch.jpg); background-repeat: no-repeat; background-size: cover; height: 395px } div.banner-consumer-electronics { background: url(../img/consumer-electronics.jpg) no-repeat } .col-dark { background: #585858; color: #efefef } .col-dark h3, .slogan-light { color: #f7f7f7 } .slogan-light { font-weight: 300; font-family: Khula, sans-serif; font-size: 20px; text-transform: uppercase; text-shadow: -1px 1px 2px rgba(0, 0, 0, .49) } span.slogan-light-price { position: relative; background: #fa486c; color: #fff; font-weight: 400; padding: 2px 10px 0; top: 10px; border-radius: 2px; line-height: 30px } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping .col-dark ul>li>a, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping .col-dark ul>li>a:focus, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping .col-dark ul>li>a:link, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping .col-dark ul>li>a:visited { color: #ccc } .dropdown-menu-shopping-item-description, .dropdown-menu-shopping-item-price, .dropdown-menu-shopping-item-price-not, .dropdown-menu-shopping-item-title { display: block; margin: 3px 20px } .dropdown-menu-shopping-item-title { font-size: 16px; font-weight: 700; color: #444 } .dropdown-menu-shopping-item-description { font-size: 11px; font-weight: 700; color: #666 } .dropdown-menu-shopping-item-price-not { font-size: 12px; font-weight: 400; color: #999; text-decoration: line-through } .dropdown-menu-shopping-item-price { font-size: 17px; font-weight: 700; color: #fa486c; display: inline; margin-right: 10px } .carousel .dropdown-menu-shopping-item-title { font-weight: 300; font-family: Khula, sans-serif; text-align: center } .carousel .dropdown-menu-shopping-item-price-not { display: inline; font-size: 16px; font-weight: 400; color: #999; text-decoration: line-through; margin: 0 } .carousel .dropdown-menu-shopping-item-price { font-size: 16px; font-weight: 700; color: #fa486c; display: inline; margin: 0 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping h2.dark, div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping h2.light { position: absolute; font-size: 22px; font-family: Khula, sans-serif; font-weight: 300; line-height: 75px; margin: 0; padding: 0; text-transform: uppercase; color: #fff; text-shadow: -1px 1px 2px rgba(0, 0, 0, .49); z-index: 10051 } div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping h2.dark { color: #333; text-shadow: -1px 1px 2px rgba(255, 255, 255, .49) } li.dropdown-mega { position: static } div.dropdown-mega-content { position: absolute; left: 15px; width: 100%; height: auto; background: #043c94; border: 1px solid #c5c5c5; border-top: none; visibility: hidden; opacity: 0 } div.tabbed-height-365 { height: 365px } div.nav-container .navbar ul.nav>li>div.tabbed-menu { position: absolute; width: 630px; background: #fff; border: 1px solid #c4c4c4; border-top: none } div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul { float: none; margin: 0; padding: 15px 0; list-style: none; position: absolute; width: 180px; height: 100%; background: #f5f5f5; border-right: 1px solid #c4c4c4 } div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li { color: #222 } div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>a { display: block; background: #f5f5f5; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; color: #666; padding: 10px 15px; font-size: 14px; font-weight: 400; text-shadow: none; text-transform: capitalize } div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li:hover>a { background: #fff; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #fff; margin-right: -1px } div.nav-container .navbar ul.nav>li:hover>a { background: #fc6887; color: #fff } div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content { visibility: hidden; opacity: 0; position: absolute; width: 448px; height: 99%; left: 180px; top: 0; padding: 20px; background: #fff; font-size: 14px; font-weight: 400 } div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content .row { margin-bottom: 20px } div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a, div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:active, div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:link, div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:visited { color: #444; text-decoration: none; font-weight: 400 } div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:hover { color: #fa486c } div.nav-container .navbar ul.nav>li:hover div.active-tab-content, div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li:hover div.tabbed-menu-content { visibility: visible; opacity: 1 } div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>a.active-tab { background: #fff; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; margin-right: -1px } .sec-main-title{ /*background-color: #E1E1E1;*/ background-color:#0801b6; } .sec-main-title h1{ color: #fff;font-weight: 300;font-size:32px; text-align:center; text-transform: capitalize; } .sec-main-title p{ color: #fff; font-size: 20px; font-weight: 300; text-align:center; } .tabbed-height-375 { height: 375px } .dropdown-mega-content, .tabbed-menu-content { font-family: arimo, sans-serif } .dropdown-mega-content h3, .tabbed-menu-content h3 { font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 0; padding: 0 0px; margin-bottom: 5px; padding-bottom: 5px; line-height: 25px; text-shadow: none; color:#ffffff; border-bottom: 1px dashed #efefef; } .dropdown-mega-content ul, .tabbed-menu-content ul { list-style: none; margin: 0 0 20px; padding: 0 10px } .dropdown-mega-content ul li, .tabbed-menu-content ul li { margin: 0; padding: 5px 0; font-size: 14px; font-weight: 400; text-transform: none } .dropdown-mega-content .carousel ul, .dropdown-mega-content .carousel ul li, .tabbed-menu-content .carousel ul, .tabbed-menu-content .carousel ul li { padding: 0; margin: 0 } .dropdown-mega-content ul li a, .tabbed-menu-content ul li a { color: #ffffff!important; } .dropdown-mega-content ul li:before { content: "»"; margin-right: 8px; color: #ffffff!important; } .dropdown-mega-content ul li a:hover, .tabbed-menu-content ul li a { color: #00ccc2!important; text-decoration: none } .dropdown-mega-content .dropdown-shopping-item-title, .tabbed-menu-content .dropdown-menu-shopping-item-title { font-family: arimo, sans-serif; font-weight: 400; font-size: 12px; text-transform: uppercase } .dropdown-mega-content .dropdown-menu-shopping-item-price, .dropdown-mega-content .dropdown-menu-shopping-item-price-not .tabbed-menu-content .dropdown-menu-shopping-item-price, .tabbed-menu-content .dropdown-menu-shopping-item-price-not { font-size: 12px } li.tabbed-mega { position: static } div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu { position: absolute; left: 15px; width: 950px } div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu>ul>li>div.tabbed-menu-content { visibility: hidden; opacity: 0; position: absolute; width: 768px; height: 99%; left: 180px; top: 0; padding: 20px; background: #fff; font-size: 14px; font-weight: 400 } div.nav-container .navbar ul.nav>li:hover div.tabbed-mega-menu div.active-tab-content { visibility: visible; opacity: 1 } .dropdown-menu { padding: 0; margin: 0; background-color: #ffffff; border: none!important; border-radius: 0; /*-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175)*/ -webkit-box-shadow:none!important; box-shadow:none!important; } .navbar{ margin-bottom:0px!important; } .navbar-inverse { background-color: #f1f1f1 !important; } .navbar-inverse .navbar-nav>.open>a{background-color: #ffffff!important;} .navbar-inverse .navbar-nav>li>a{ color: #000000!important; padding: 15px 24px!important; font-weight: 500!important; font-size: 14px; text-transform: uppercase; letter-spacing: 0.3px; } .hdr-btn{ display: inline-block; background-color: transparent; border: 2px solid #e2e4e6; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; color: #092f57; font-family: Quicksand, Poppins,sans-serif; font-style: normal; font-size: 16px; font-weight: 700; line-height: 24px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: normal; width: auto; height: auto; padding: 8px 15px; } .hdr-btn:hover { background-color: #e2e4e6; border-color: #e2e4e6; color: #092f57; text-decoration: none; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .hdr-btn:active { transform: translateY(-1px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .btn-request { /*color: #fff!important; background-color: #ff5050!important; border-color: #ff5050!important;*/ animation:myfirst 3s; -moz-animation:myfirst 3s infinite; /* Firefox */ -webkit-animation:myfirst 3s infinite; /* Safari and Chrome */ } @-moz-keyframes myfirst /* Firefox */ { 0% {background:#09bf79;} 50% {background:#FFA12B;} 100% {background:#09bf79;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% {background:#09bf79;} 50% {background:#FFA12B;} 100% {background:#09bf79;} } .btn-request:hover { background-color: #D6364B!important; color: #ffffff!important; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); } .cta-btn{ margin-top:15px; margin-bottom:15px; } .act-btn{ display: inline-block; background-color: #ffffff; border: 2px solid #0071e3; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; color: #1933b7!important; font-weight: 600; font-family: Poppins,sans-serif; font-style: normal; font-size: 15px; line-height: 24px; letter-spacing: 0.5px; text-align: center; text-decoration: none; text-transform: uppercase; white-space: normal; width: auto; height: auto; padding: 8px 15px; } .act-btn:hover { background-color: #e7e7e7; border: 2px solid #0071e3; color: #092f57; text-decoration: none; } .hdr-cont-right{ color: #000; font-size: 17px; font-family: Quicksand,'Open Sans',sans-serif; } .card{ padding-bottom: 7%!important; } .card-img-top{ border: 6px solid #ededed; } /*Pricing Table*/ .pricing-table-box { padding: 0px; margin: 0px; margin-top: 10px; width: 100%; } .pricing-table-box td { padding: 0px; border-left: 1px solid transparent; } .pricing-table-box .pricing-table-box-list td { padding: 10px 8px; font-weight: 500; text-align: center; font-size: 18px; background: #F9F9F9; } .pricing-table-box .pricing-table-box-list .glyphicon-ok { color: #68AF27; } .pricing-table-box .pricing-table-box-list .glyphicon-remove { color: #C22439; } .pricing-table-box .pricing-table-box-list strong{ font-weight:600; font-size: 20px; } .pricing-table-box .pricing-table-box-list strong.pricing-sec-table-title{ font-size: 24px; color:#0801b6; } .pricing-table-box .pricing-table-box-list td:first-child { font-weight: 400; text-align: left; border-left: 0px; font-size: 18px; color: #060606; font-family: Quicksand; } .pricing-table-box .pricing-table-box-list:nth-child(2n) td { background: #F2F2F2; font-family: Quicksand; } .pricing-table-box .pricing-table-box-text h2 { font-size: 30px; font-weight: 300; line-height: 40px; margin: 0px; padding: 0px; text-align: center; color: #8a8a8a; font-family: Quicksand; } .pricing-table-box .pricing-table-box-text p { font-size: 12px; font-weight: 400; text-align: center; color: #666; margin-top: 10px; font-family: Quicksand; } .pricing-table-box .pricing-table-box-item { color: #FFF; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-head { padding: 10px 5px; text-align: center; background-color: #54b3ff!important; box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; -moz-box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; -o-box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-head p { font-size: 22px; font-weight: 600; line-height: 38px; text-transform: uppercase; margin-bottom: 0px; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price { padding: 15px 10px; text-align: center; color: #009AD7; background: #F9F9F9; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price .item-price{ color: #000000; font-size: 25px; font-weight: 600; font-family: Quicksand; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price .item-duration{ color: #000000; font-size: 20px; font-weight: 400; font-family: Quicksand; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price p { font-size: 31px; font-weight: 600; line-height: 36px; margin-bottom: 0px; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price p span { font-size: 12px; font-weight: 300; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price > span { font-size: 12px; font-weight: 400; color: #009AD7 } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-purchase { padding: 10px 5px; background: #FFF; } .pricing-table-box-item-purchase .btn { text-transform: uppercase; margin-bottom: 0px; background-color:#0801b6; font-size: 21px!important; box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; -moz-box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; -o-box-shadow: 0 -2px rgba(0, 0, 0, .1) inset; border: none; padding: 11px 0; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: inherit!important; /*background-color: inherit!important;*/ background-color: #54b3ff!important; border-color: inherit!important; } .pricing-table-box .pricing-table-box-list:nth-child(1n) td.second-row { background: #F2F2F2; } .pricing-table-box .pricing-table-box-list:nth-child(2n) td.second-row { background: #dedede; } .pricing-table-box .pricing-table-box-list:nth-child(1n) td.fourth-row { background: #F2F2F2; } .pricing-table-box .pricing-table-box-list:nth-child(2n) td.fourth-row { background: #dedede; } /* Color Version 2*/ .pricing-table-box .pricing-table-box-item .pricing-table-box-item-head.color2 { background-color: #f6653c!important; } .pricing-table-box-item-purchase .btn.color2 { background-color: #f6653c!important; } .pricing-table-box .pricing-table-box-item .pricing-table-box-item-price.color2 { color: #f6653c!important; } .pricing-table-note{ color: #000000; font-size: 15px; font-weight: 400; margin-left:15px;font-family: Quicksand; } /*Pricing Table Ends*/ /*Blog Style*/ .blog-post-container{ margin:0px auto; } .blog-post-container .blog-item{ border:1px solid #e9e9e9; padding:15px; margin-bottom:30px; height: 495px; } .blog-post-container h2{ color: #000000; font-size: 19px; font-weight: 700; line-height: 30px; /*min-height: 65px;*/ } .blog-post-container h2>a{ color: #000000; font-size: 20px; font-weight: 500; line-height:30px; /*min-height: 65px;*/ } .blog-post-container p{ color: #000000; font-size: 18px; font-weight: 300; text-align:justify; } .blog-post-container a.read-btn{ color: #0801b6; font-family: Quicksand; font-size: 18px; } .blog-post-container a.read-btn:hover{ color: #ff0000; font-family: Quicksand; font-size: 18px; } /*Blog Style Ends*/ @media (max-width:1400px) { .navbar-inverse .navbar-nav>li>a{ padding: 15px 12px!important; font-size:15px!important; } } @media (max-width:767px) { #form_contact h3 { font-size:23px; } .navbar-header{ background-color:#073580!important; } .navbar-collapse { padding-right: 0px!important; padding-left: 0px!important; } .navbar-inverse .navbar-toggle { border-color: #ffffff!important; } .hdr-cont-right{ font-size: 15px!important; } .hdr-btn{ font-size: 14px!important; } .navbar-inverse .navbar-nav>li>a{ color: #ffffff!important; } div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping.open>a:focus, div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping.open>a:hover, div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping>a:focus, div.nav-container .navbar.navbar-inverse ul.nav>li.active-shopping>a:hover, div.nav-container .navbar.navbar-inverse ul.nav>li:hover>a { color: #fff; background-color: #0166b6; } .navbar-inverse .caret { float:right; margin-top:6px; } .nav-container .navbar ul.nav>li{ background-color:#073580!important; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7 } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu { background: #fff } .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #555 } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent } .dropdown-menu>li>a { color: #000000!important; } .dropdown-mega-content h3, .tabbed-menu-content h3 { color: #000000!important; border-bottom: 1px dashed #696969!important; } .dropdown-mega-content ul li a, .tabbed-menu-content ul li a { color: #000000!important; } }


/* custom-bootstrap-margin-padding.css */
.m-0 {margin: 0px !important} .m-5 {margin: 5px !important} .m-10 {margin: 10px !important} .m-15 {margin: 15px !important} .m-20 {margin: 20px !important} .m-25 {margin: 25px !important} .m-30 {margin: 30px !important} .m-40 {margin: 40px !important} .m-50 {margin: 50px !important} .m-60 {margin: 60px !important} .m-70 {margin: 70px !important} .m-80 {margin: 80px !important} .m-90 {margin: 90px !important} .m-100 {margin: 100px !important} .m-110 {margin: 110px !important} .m-120 {margin: 120px !important} .m-130 {margin: 130px !important} .m-140 {margin: 140px !important} .m-150 {margin: 150px !important} .m-160 {margin: 160px !important} .m-170 {margin: 170px !important} .m-180 {margin: 180px !important} .m-190 {margin: 190px !important} .m-200 {margin: 200px !important} /* * 1.2 -> Basic Padding * ----------------------------------------------- */ .p-0 {padding: 0!important;} .p-5 {padding: 5px !important} .p-10 {padding: 10px !important} .p-15 {padding: 15px !important} .p-20 {padding: 20px !important} .p-30 {padding: 30px !important} .p-40 {padding: 40px !important} .p-50 {padding: 50px !important} .p-60 {padding: 60px !important} .p-70 {padding: 70px !important} .p-80 {padding: 80px !important} .p-90 {padding: 90px !important} .p-100 {padding: 100px !important} .p-110 {padding: 110px !important} .p-120 {padding: 120px !important} .p-130 {padding: 130px !important} .p-140 {padding: 140px !important} .p-150 {padding: 150px !important} .p-160 {padding: 160px !important} .p-170 {padding: 170px !important} .p-180 {padding: 180px !important} .p-190 {padding: 190px !important} .p-200 {padding: 200px !important} /* * 1.3 -> Margin top * ----------------------------------------------- */ .mt-0 {margin-top: 0!important;} .mt-5 {margin-top: 5px !important} .mt-10 {margin-top: 10px !important} .mt-15 {margin-top: 15px !important} .mt-20 {margin-top: 20px !important} .mt-25 {margin-top: 25px !important} .mt-30 {margin-top: 30px !important} .mt-40 {margin-top: 40px !important} .mt-50 {margin-top: 50px !important} .mt-60 {margin-top: 60px !important} .mt-70 {margin-top: 70px !important} .mt-80 {margin-top: 80px !important} .mt-90 {margin-top: 90px !important} .mt-100 {margin-top: 100px !important} .mt-110 {margin-top: 110px !important} .mt-120 {margin-top: 120px !important} .mt-130 {margin-top: 130px !important} .mt-140 {margin-top: 140px !important} .mt-150 {margin-top: 150px !important} .mt-160 {margin-top: 160px !important} .mt-170 {margin-top: 170px !important} .mt-180 {margin-top: 180px !important} .mt-190 {margin-top: 190px !important} .mt-200 {margin-top: 200px !important} /* * 1.4 -> Margin right * ----------------------------------------------- */ .mr-0 {margin-right: 0!important;} .mr-5 {margin-right: 5px !important} .mr-10 {margin-right: 10px !important} .mr-15 {margin-right: 15px !important} .mr-20 {margin-right: 20px !important} .mr-30 {margin-right: 30px !important} .mr-40 {margin-right: 40px !important} .mr-50 {margin-right: 50px !important} .mr-60 {margin-right: 60px !important} .mr-70 {margin-right: 70px !important} .mr-80 {margin-right: 80px !important} .mr-90 {margin-right: 90px !important} .mr-100 {margin-right: 100px !important} .mr-110 {margin-right: 110px !important} .mr-120 {margin-right: 120px !important} .mr-130 {margin-right: 130px !important} .mr-140 {margin-right: 140px !important} .mr-150 {margin-right: 150px !important} .mr-160 {margin-right: 160px !important} .mr-170 {margin-right: 170px !important} .mr-180 {margin-right: 180px !important} .mr-190 {margin-right: 190px !important} .mr-200 {margin-right: 200px !important} /* * 1.5 -> Margin bottom * ----------------------------------------------- */ .mb-0 {margin-bottom: 0!important;} .mb-5 {margin-bottom: 5px !important} .mb-10 {margin-bottom: 10px !important} .mb-15 {margin-bottom: 15px !important} .mb-20 {margin-bottom: 20px !important} .mb-30 {margin-bottom: 30px !important} .mb-40 {margin-bottom: 40px !important} .mb-50 {margin-bottom: 50px !important} .mb-60 {margin-bottom: 60px !important} .mb-70 {margin-bottom: 70px !important} .mb-80 {margin-bottom: 80px !important} .mb-90 {margin-bottom: 90px !important} .mb-100 {margin-bottom: 100px !important} .mb-110 {margin-bottom: 110px !important} .mb-120 {margin-bottom: 120px !important} .mb-130 {margin-bottom: 130px !important} .mb-140 {margin-bottom: 140px !important} .mb-150 {margin-bottom: 150px !important} .mb-160 {margin-bottom: 160px !important} .mb-170 {margin-bottom: 170px !important} .mb-180 {margin-bottom: 180px !important} .mb-190 {margin-bottom: 190px !important} .mb-200 {margin-bottom: 200px !important} /* * 1.6 -> Margin left * ----------------------------------------------- */ .ml-0 {margin-left: 0!important;} .ml-5 {margin-left: 5px !important} .ml-10 {margin-left: 10px !important} .ml-15 {margin-left: 15px !important} .ml-20 {margin-left: 20px !important} .ml-30 {margin-left: 30px !important} .ml-40 {margin-left: 40px !important} .ml-50 {margin-left: 50px !important} .ml-60 {margin-left: 60px !important} .ml-70 {margin-left: 70px !important} .ml-80 {margin-left: 80px !important} .ml-90 {margin-left: 90px !important} .ml-100 {margin-left: 100px !important} .ml-110 {margin-left: 110px !important} .ml-120 {margin-left: 120px !important} .ml-130 {margin-left: 130px !important} .ml-140 {margin-left: 140px !important} .ml-150 {margin-left: 150px !important} .ml-160 {margin-left: 160px !important} .ml-170 {margin-left: 170px !important} .ml-180 {margin-left: 180px !important} .ml-190 {margin-left: 190px !important} .ml-200 {margin-left: 200px !important} /* * 1.7 -> Padding top * ----------------------------------------------- */ .pt-0 {padding-top: 0!important;} .pt-5 {padding-top: 5px !important} .pt-10 {padding-top: 10px !important} .pt-15 {padding-top: 15px !important} .pt-20 {padding-top: 20px !important} .pt-30 {padding-top: 30px !important} .pt-40 {padding-top: 40px !important} .pt-50 {padding-top: 50px !important} .pt-60 {padding-top: 60px !important} .pt-70 {padding-top: 70px !important} .pt-80 {padding-top: 80px !important} .pt-90 {padding-top: 90px !important} .pt-100 {padding-top: 100px !important} .pt-110 {padding-top: 110px !important} .pt-120 {padding-top: 120px !important} .pt-130 {padding-top: 130px !important} .pt-140 {padding-top: 140px !important} .pt-150 {padding-top: 150px !important} .pt-160 {padding-top: 160px !important} .pt-170 {padding-top: 170px !important} .pt-180 {padding-top: 180px !important} .pt-190 {padding-top: 190px !important} .pt-200 {padding-top: 200px !important} /* * 1.8 -> Padding right * ----------------------------------------------- */ .pr-0 {padding-right: 0!important;} .pr-5 {padding-right: 5px !important} .pr-10 {padding-right: 10px !important} .pr-15 {padding-right: 15px !important} .pr-20 {padding-right: 20px !important} .pr-30 {padding-right: 30px !important} .pr-40 {padding-right: 40px !important} .pr-50 {padding-right: 50px !important} .pr-60 {padding-right: 60px !important} .pr-70 {padding-right: 70px !important} .pr-80 {padding-right: 80px !important} .pr-90 {padding-right: 90px !important} .pr-100 {padding-right: 100px !important} .pr-110 {padding-right: 110px !important} .pr-120 {padding-right: 120px !important} .pr-130 {padding-right: 130px !important} .pr-140 {padding-right: 140px !important} .pr-150 {padding-right: 150px !important} .pr-160 {padding-right: 160px !important} .pr-170 {padding-right: 170px !important} .pr-180 {padding-right: 180px !important} .pr-190 {padding-right: 190px !important} .pr-200 {padding-right: 200px !important} /* * 1.9 -> Padding bottom * ----------------------------------------------- */ .pb-0 {padding-bottom: 0!important;} .pb-5 {padding-bottom: 5px !important} .pb-10 {padding-bottom: 10px !important} .pb-15 {padding-bottom: 15px !important} .pb-20 {padding-bottom: 20px !important} .pb-30 {padding-bottom: 30px !important} .pb-40 {padding-bottom: 40px !important} .pb-50 {padding-bottom: 50px !important} .pb-60 {padding-bottom: 60px !important} .pb-70 {padding-bottom: 70px !important} .pb-80 {padding-bottom: 80px !important} .pb-90 {padding-bottom: 90px !important} .pb-100 {padding-bottom: 100px !important} .pb-110 {padding-bottom: 110px !important} .pb-120 {padding-bottom: 120px !important} .pb-130 {padding-bottom: 130px !important} .pb-140 {padding-bottom: 140px !important} .pb-150 {padding-bottom: 150px !important} .pb-160 {padding-bottom: 160px !important} .pb-170 {padding-bottom: 170px !important} .pb-180 {padding-bottom: 180px !important} .pb-190 {padding-bottom: 190px !important} .pb-200 {padding-bottom: 200px !important} /* * 1.10 -> Padding left * ----------------------------------------------- */ .pl-0 {padding-left: 0!important;} .pl-5 {padding-left: 5px !important} .pl-10 {padding-left: 10px !important} .pl-15 {padding-left: 15px !important} .pl-20 {padding-left: 20px !important} .pl-30 {padding-left: 30px !important} .pl-40 {padding-left: 40px !important} .pl-50 {padding-left: 50px !important} .pl-60 {padding-left: 60px !important} .pl-70 {padding-left: 70px !important} .pl-80 {padding-left: 80px !important} .pl-90 {padding-left: 90px !important} .pl-100 {padding-left: 100px !important} .pl-110 {padding-left: 110px !important} .pl-120 {padding-left: 120px !important} .pl-130 {padding-left: 130px !important} .pl-140 {padding-left: 140px !important} .pl-150 {padding-left: 150px !important} .pl-160 {padding-left: 160px !important} .pl-170 {padding-left: 170px !important} .pl-180 {padding-left: 180px !important} .pl-190 {padding-left: 190px !important} .pl-200 {padding-left: 200px !important} /* * 2 -> lg: min-width:1200px * ----------------------------------------------- */ @media (min-width:1200px) { /* * 2.1 -> Basic Margin * ----------------------------------------------- */ .m-lg-0 {margin: 0px !important} .m-lg-5 {margin: 5px !important} .m-lg-10 {margin: 10px !important} .m-lg-15 {margin: 15px !important} .m-lg-20 {margin: 20px !important} .m-lg-30 {margin: 30px !important} .m-lg-40 {margin: 40px !important} .m-lg-50 {margin: 50px !important} .m-lg-60 {margin: 60px !important} .m-lg-70 {margin: 70px !important} .m-lg-80 {margin: 80px !important} .m-lg-90 {margin: 90px !important} .m-lg-100 {margin: 100px !important} .m-lg-110 {margin: 110px !important} .m-lg-120 {margin: 120px !important} .m-lg-130 {margin: 130px !important} .m-lg-140 {margin: 140px !important} .m-lg-150 {margin: 150px !important} .m-lg-160 {margin: 160px !important} .m-lg-170 {margin: 170px !important} .m-lg-180 {margin: 180px !important} .m-lg-190 {margin: 190px !important} .m-lg-200 {margin: 200px !important} /* * 2.2 -> Basic Padding * ----------------------------------------------- */ .p-lg-0 {padding: 0!important;} .p-lg-5 {padding: 5px !important} .p-lg-10 {padding: 10px !important} .p-lg-15 {padding: 15px !important} .p-lg-20 {padding: 20px !important} .p-lg-30 {padding: 30px !important} .p-lg-40 {padding: 40px !important} .p-lg-50 {padding: 50px !important} .p-lg-60 {padding: 60px !important} .p-lg-70 {padding: 70px !important} .p-lg-80 {padding: 80px !important} .p-lg-90 {padding: 90px !important} .p-lg-100 {padding: 100px !important} .p-lg-110 {padding: 110px !important} .p-lg-120 {padding: 120px !important} .p-lg-130 {padding: 130px !important} .p-lg-140 {padding: 140px !important} .p-lg-150 {padding: 150px !important} .p-lg-160 {padding: 160px !important} .p-lg-170 {padding: 170px !important} .p-lg-180 {padding: 180px !important} .p-lg-190 {padding: 190px !important} .p-lg-200 {padding: 200px !important} /* * 2.3 -> Margin top * ----------------------------------------------- */ .mt-lg-0 {margin-top: 0!important;} .mt-lg-5 {margin-top: 5px !important} .mt-lg-10 {margin-top: 10px !important} .mt-lg-15 {margin-top: 15px !important} .mt-lg-20 {margin-top: 20px !important} .mt-lg-30 {margin-top: 30px !important} .mt-lg-40 {margin-top: 40px !important} .mt-lg-50 {margin-top: 50px !important} .mt-lg-60 {margin-top: 60px !important} .mt-lg-70 {margin-top: 70px !important} .mt-lg-80 {margin-top: 80px !important} .mt-lg-90 {margin-top: 90px !important} .mt-lg-100 {margin-top: 100px !important} .mt-lg-110 {margin-top: 110px !important} .mt-lg-120 {margin-top: 120px !important} .mt-lg-130 {margin-top: 130px !important} .mt-lg-140 {margin-top: 140px !important} .mt-lg-150 {margin-top: 150px !important} .mt-lg-160 {margin-top: 160px !important} .mt-lg-170 {margin-top: 170px !important} .mt-lg-180 {margin-top: 180px !important} .mt-lg-190 {margin-top: 190px !important} .mt-lg-200 {margin-top: 200px !important} /* * 2.4 -> Margin right * ----------------------------------------------- */ .mr-lg-0 {margin-right: 0!important;} .mr-lg-5 {margin-right: 5px !important} .mr-lg-10 {margin-right: 10px !important} .mr-lg-15 {margin-right: 15px !important} .mr-lg-20 {margin-right: 20px !important} .mr-lg-30 {margin-right: 30px !important} .mr-lg-40 {margin-right: 40px !important} .mr-lg-50 {margin-right: 50px !important} .mr-lg-60 {margin-right: 60px !important} .mr-lg-70 {margin-right: 70px !important} .mr-lg-80 {margin-right: 80px !important} .mr-lg-90 {margin-right: 90px !important} .mr-lg-100 {margin-right: 100px !important} .mr-lg-110 {margin-right: 110px !important} .mr-lg-120 {margin-right: 120px !important} .mr-lg-130 {margin-right: 130px !important} .mr-lg-140 {margin-right: 140px !important} .mr-lg-150 {margin-right: 150px !important} .mr-lg-160 {margin-right: 160px !important} .mr-lg-170 {margin-right: 170px !important} .mr-lg-180 {margin-right: 180px !important} .mr-lg-190 {margin-right: 190px !important} .mr-lg-200 {margin-right: 200px !important} /* * 2.5 -> Margin bottom * ----------------------------------------------- */ .mb-lg-0 {margin-bottom: 0!important;} .mb-lg-5 {margin-bottom: 5px !important} .mb-lg-10 {margin-bottom: 10px !important} .mb-lg-15 {margin-bottom: 15px !important} .mb-lg-20 {margin-bottom: 20px !important} .mb-lg-30 {margin-bottom: 30px !important} .mb-lg-40 {margin-bottom: 40px !important} .mb-lg-50 {margin-bottom: 50px !important} .mb-lg-60 {margin-bottom: 60px !important} .mb-lg-70 {margin-bottom: 70px !important} .mb-lg-80 {margin-bottom: 80px !important} .mb-lg-90 {margin-bottom: 90px !important} .mb-lg-100 {margin-bottom: 100px !important} .mb-lg-110 {margin-bottom: 110px !important} .mb-lg-120 {margin-bottom: 120px !important} .mb-lg-130 {margin-bottom: 130px !important} .mb-lg-140 {margin-bottom: 140px !important} .mb-lg-150 {margin-bottom: 150px !important} .mb-lg-160 {margin-bottom: 160px !important} .mb-lg-170 {margin-bottom: 170px !important} .mb-lg-180 {margin-bottom: 180px !important} .mb-lg-190 {margin-bottom: 190px !important} .mb-lg-200 {margin-bottom: 200px !important} /* * 2.6 -> Margin left * ----------------------------------------------- */ .ml-lg-0 {margin-left: 0!important;} .ml-lg-5 {margin-left: 5px !important} .ml-lg-10 {margin-left: 10px !important} .ml-lg-15 {margin-left: 15px !important} .ml-lg-20 {margin-left: 20px !important} .ml-lg-30 {margin-left: 30px !important} .ml-lg-40 {margin-left: 40px !important} .ml-lg-50 {margin-left: 50px !important} .ml-lg-60 {margin-left: 60px !important} .ml-lg-70 {margin-left: 70px !important} .ml-lg-80 {margin-left: 80px !important} .ml-lg-90 {margin-left: 90px !important} .ml-lg-100 {margin-left: 100px !important} .ml-lg-110 {margin-left: 110px !important} .ml-lg-120 {margin-left: 120px !important} .ml-lg-130 {margin-left: 130px !important} .ml-lg-140 {margin-left: 140px !important} .ml-lg-150 {margin-left: 150px !important} .ml-lg-160 {margin-left: 160px !important} .ml-lg-170 {margin-left: 170px !important} .ml-lg-180 {margin-left: 180px !important} .ml-lg-190 {margin-left: 190px !important} .ml-lg-200 {margin-left: 200px !important} /* * 2.7 -> Padding top * ----------------------------------------------- */ .pt-lg-0 {padding-top: 0!important;} .pt-lg-5 {padding-top: 5px !important} .pt-lg-10 {padding-top: 10px !important} .pt-lg-15 {padding-top: 15px !important} .pt-lg-20 {padding-top: 20px !important} .pt-lg-30 {padding-top: 30px !important} .pt-lg-40 {padding-top: 40px !important} .pt-lg-50 {padding-top: 50px !important} .pt-lg-60 {padding-top: 60px !important} .pt-lg-70 {padding-top: 70px !important} .pt-lg-80 {padding-top: 80px !important} .pt-lg-90 {padding-top: 90px !important} .pt-lg-100 {padding-top: 100px !important} .pt-lg-110 {padding-top: 110px !important} .pt-lg-120 {padding-top: 120px !important} .pt-lg-130 {padding-top: 130px !important} .pt-lg-140 {padding-top: 140px !important} .pt-lg-150 {padding-top: 150px !important} .pt-lg-160 {padding-top: 160px !important} .pt-lg-170 {padding-top: 170px !important} .pt-lg-180 {padding-top: 180px !important} .pt-lg-190 {padding-top: 190px !important} .pt-lg-200 {padding-top: 200px !important} /* * 2.8 -> Padding right * ----------------------------------------------- */ .pr-lg-0 {padding-right: 0!important;} .pr-lg-5 {padding-right: 5px !important} .pr-lg-10 {padding-right: 10px !important} .pr-lg-15 {padding-right: 15px !important} .pr-lg-20 {padding-right: 20px !important} .pr-lg-30 {padding-right: 30px !important} .pr-lg-40 {padding-right: 40px !important} .pr-lg-50 {padding-right: 50px !important} .pr-lg-60 {padding-right: 60px !important} .pr-lg-70 {padding-right: 70px !important} .pr-lg-80 {padding-right: 80px !important} .pr-lg-90 {padding-right: 90px !important} .pr-lg-100 {padding-right: 100px !important} .pr-lg-110 {padding-right: 110px !important} .pr-lg-120 {padding-right: 120px !important} .pr-lg-130 {padding-right: 130px !important} .pr-lg-140 {padding-right: 140px !important} .pr-lg-150 {padding-right: 150px !important} .pr-lg-160 {padding-right: 160px !important} .pr-lg-170 {padding-right: 170px !important} .pr-lg-180 {padding-right: 180px !important} .pr-lg-190 {padding-right: 190px !important} .pr-lg-200 {padding-right: 200px !important} /* * 2.9 -> Padding bottom * ----------------------------------------------- */ .pb-lg-0 {padding-bottom: 0!important;} .pb-lg-5 {padding-bottom: 5px !important} .pb-lg-10 {padding-bottom: 10px !important} .pb-lg-15 {padding-bottom: 15px !important} .pb-lg-20 {padding-bottom: 20px !important} .pb-lg-30 {padding-bottom: 30px !important} .pb-lg-40 {padding-bottom: 40px !important} .pb-lg-50 {padding-bottom: 50px !important} .pb-lg-60 {padding-bottom: 60px !important} .pb-lg-70 {padding-bottom: 70px !important} .pb-lg-80 {padding-bottom: 80px !important} .pb-lg-90 {padding-bottom: 90px !important} .pb-lg-100 {padding-bottom: 100px !important} .pb-lg-110 {padding-bottom: 110px !important} .pb-lg-120 {padding-bottom: 120px !important} .pb-lg-130 {padding-bottom: 130px !important} .pb-lg-140 {padding-bottom: 140px !important} .pb-lg-150 {padding-bottom: 150px !important} .pb-lg-160 {padding-bottom: 160px !important} .pb-lg-170 {padding-bottom: 170px !important} .pb-lg-180 {padding-bottom: 180px !important} .pb-lg-190 {padding-bottom: 190px !important} .pb-lg-200 {padding-bottom: 200px !important} /* * 2.10 -> Padding left * ----------------------------------------------- */ .pl-lg-0 {padding-left: 0!important;} .pl-lg-5 {padding-left: 5px !important} .pl-lg-10 {padding-left: 10px !important} .pl-lg-15 {padding-left: 15px !important} .pl-lg-20 {padding-left: 20px !important} .pl-lg-30 {padding-left: 30px !important} .pl-lg-40 {padding-left: 40px !important} .pl-lg-50 {padding-left: 50px !important} .pl-lg-60 {padding-left: 60px !important} .pl-lg-70 {padding-left: 70px !important} .pl-lg-80 {padding-left: 80px !important} .pl-lg-90 {padding-left: 90px !important} .pl-lg-100 {padding-left: 100px !important} .pl-lg-110 {padding-left: 110px !important} .pl-lg-120 {padding-left: 120px !important} .pl-lg-130 {padding-left: 130px !important} .pl-lg-140 {padding-left: 140px !important} .pl-lg-150 {padding-left: 150px !important} .pl-lg-160 {padding-left: 160px !important} .pl-lg-170 {padding-left: 170px !important} .pl-lg-180 {padding-left: 180px !important} .pl-lg-190 {padding-left: 190px !important} .pl-lg-200 {padding-left: 200px !important} } /* * 3 -> md: max-width:1199px * ----------------------------------------------- */ @media (max-width:1199px) { /* * 3.1 -> Basic Margin * ----------------------------------------------- */ .m-md-0 {margin: 0px !important} .m-md-5 {margin: 5px !important} .m-md-10 {margin: 10px !important} .m-md-15 {margin: 15px !important} .m-md-20 {margin: 20px !important} .m-md-30 {margin: 30px !important} .m-md-40 {margin: 40px !important} .m-md-50 {margin: 50px !important} .m-md-60 {margin: 60px !important} .m-md-70 {margin: 70px !important} .m-md-80 {margin: 80px !important} .m-md-90 {margin: 90px !important} .m-md-100 {margin: 100px !important} .m-md-110 {margin: 110px !important} .m-md-120 {margin: 120px !important} .m-md-130 {margin: 130px !important} .m-md-140 {margin: 140px !important} .m-md-150 {margin: 150px !important} .m-md-160 {margin: 160px !important} .m-md-170 {margin: 170px !important} .m-md-180 {margin: 180px !important} .m-md-190 {margin: 190px !important} .m-md-200 {margin: 200px !important} /* * 3.2 -> Basic Padding * ----------------------------------------------- */ .p-md-0 {padding: 0!important;} .p-md-5 {padding: 5px !important} .p-md-10 {padding: 10px !important} .p-md-15 {padding: 15px !important} .p-md-20 {padding: 20px !important} .p-md-30 {padding: 30px !important} .p-md-40 {padding: 40px !important} .p-md-50 {padding: 50px !important} .p-md-60 {padding: 60px !important} .p-md-70 {padding: 70px !important} .p-md-80 {padding: 80px !important} .p-md-90 {padding: 90px !important} .p-md-100 {padding: 100px !important} .p-md-110 {padding: 110px !important} .p-md-120 {padding: 120px !important} .p-md-130 {padding: 130px !important} .p-md-140 {padding: 140px !important} .p-md-150 {padding: 150px !important} .p-md-160 {padding: 160px !important} .p-md-170 {padding: 170px !important} .p-md-180 {padding: 180px !important} .p-md-190 {padding: 190px !important} .p-md-200 {padding: 200px !important} /* * 3.3 -> Margin top * ----------------------------------------------- */ .mt-md-0 {margin-top: 0!important;} .mt-md-5 {margin-top: 5px !important} .mt-md-10 {margin-top: 10px !important} .mt-md-15 {margin-top: 15px !important} .mt-md-20 {margin-top: 20px !important} .mt-md-30 {margin-top: 30px !important} .mt-md-40 {margin-top: 40px !important} .mt-md-50 {margin-top: 50px !important} .mt-md-60 {margin-top: 60px !important} .mt-md-70 {margin-top: 70px !important} .mt-md-80 {margin-top: 80px !important} .mt-md-90 {margin-top: 90px !important} .mt-md-100 {margin-top: 100px !important} .mt-md-110 {margin-top: 110px !important} .mt-md-120 {margin-top: 120px !important} .mt-md-130 {margin-top: 130px !important} .mt-md-140 {margin-top: 140px !important} .mt-md-150 {margin-top: 150px !important} .mt-md-160 {margin-top: 160px !important} .mt-md-170 {margin-top: 170px !important} .mt-md-180 {margin-top: 180px !important} .mt-md-190 {margin-top: 190px !important} .mt-md-200 {margin-top: 200px !important} /* * 3.4 -> Margin right * ----------------------------------------------- */ .mr-md-0 {margin-right: 0!important;} .mr-md-5 {margin-right: 5px !important} .mr-md-10 {margin-right: 10px !important} .mr-md-15 {margin-right: 15px !important} .mr-md-20 {margin-right: 20px !important} .mr-md-30 {margin-right: 30px !important} .mr-md-40 {margin-right: 40px !important} .mr-md-50 {margin-right: 50px !important} .mr-md-60 {margin-right: 60px !important} .mr-md-70 {margin-right: 70px !important} .mr-md-80 {margin-right: 80px !important} .mr-md-90 {margin-right: 90px !important} .mr-md-100 {margin-right: 100px !important} .mr-md-110 {margin-right: 110px !important} .mr-md-120 {margin-right: 120px !important} .mr-md-130 {margin-right: 130px !important} .mr-md-140 {margin-right: 140px !important} .mr-md-150 {margin-right: 150px !important} .mr-md-160 {margin-right: 160px !important} .mr-md-170 {margin-right: 170px !important} .mr-md-180 {margin-right: 180px !important} .mr-md-190 {margin-right: 190px !important} .mr-md-200 {margin-right: 200px !important} /* * 3.5 -> Margin bottom * ----------------------------------------------- */ .mb-md-0 {margin-bottom: 0!important;} .mb-md-5 {margin-bottom: 5px !important} .mb-md-10 {margin-bottom: 10px !important} .mb-md-15 {margin-bottom: 15px !important} .mb-md-20 {margin-bottom: 20px !important} .mb-md-30 {margin-bottom: 30px !important} .mb-md-40 {margin-bottom: 40px !important} .mb-md-50 {margin-bottom: 50px !important} .mb-md-60 {margin-bottom: 60px !important} .mb-md-70 {margin-bottom: 70px !important} .mb-md-80 {margin-bottom: 80px !important} .mb-md-90 {margin-bottom: 90px !important} .mb-md-100 {margin-bottom: 100px !important} .mb-md-110 {margin-bottom: 110px !important} .mb-md-120 {margin-bottom: 120px !important} .mb-md-130 {margin-bottom: 130px !important} .mb-md-140 {margin-bottom: 140px !important} .mb-md-150 {margin-bottom: 150px !important} .mb-md-160 {margin-bottom: 160px !important} .mb-md-170 {margin-bottom: 170px !important} .mb-md-180 {margin-bottom: 180px !important} .mb-md-190 {margin-bottom: 190px !important} .mb-md-200 {margin-bottom: 200px !important} /* * 3.6 -> Margin left * ----------------------------------------------- */ .ml-md-0 {margin-left: 0!important;} .ml-md-5 {margin-left: 5px !important} .ml-md-10 {margin-left: 10px !important} .ml-md-15 {margin-left: 15px !important} .ml-md-20 {margin-left: 20px !important} .ml-md-30 {margin-left: 30px !important} .ml-md-40 {margin-left: 40px !important} .ml-md-50 {margin-left: 50px !important} .ml-md-60 {margin-left: 60px !important} .ml-md-70 {margin-left: 70px !important} .ml-md-80 {margin-left: 80px !important} .ml-md-90 {margin-left: 90px !important} .ml-md-100 {margin-left: 100px !important} .ml-md-110 {margin-left: 110px !important} .ml-md-120 {margin-left: 120px !important} .ml-md-130 {margin-left: 130px !important} .ml-md-140 {margin-left: 140px !important} .ml-md-150 {margin-left: 150px !important} .ml-md-160 {margin-left: 160px !important} .ml-md-170 {margin-left: 170px !important} .ml-md-180 {margin-left: 180px !important} .ml-md-190 {margin-left: 190px !important} .ml-md-200 {margin-left: 200px !important} /* * 3.7 -> Padding top * ----------------------------------------------- */ .pt-md-0 {padding-top: 0!important;} .pt-md-5 {padding-top: 5px !important} .pt-md-10 {padding-top: 10px !important} .pt-md-15 {padding-top: 15px !important} .pt-md-20 {padding-top: 20px !important} .pt-md-30 {padding-top: 30px !important} .pt-md-40 {padding-top: 40px !important} .pt-md-50 {padding-top: 50px !important} .pt-md-60 {padding-top: 60px !important} .pt-md-70 {padding-top: 70px !important} .pt-md-80 {padding-top: 80px !important} .pt-md-90 {padding-top: 90px !important} .pt-md-100 {padding-top: 100px !important} .pt-md-110 {padding-top: 110px !important} .pt-md-120 {padding-top: 120px !important} .pt-md-130 {padding-top: 130px !important} .pt-md-140 {padding-top: 140px !important} .pt-md-150 {padding-top: 150px !important} .pt-md-160 {padding-top: 160px !important} .pt-md-170 {padding-top: 170px !important} .pt-md-180 {padding-top: 180px !important} .pt-md-190 {padding-top: 190px !important} .pt-md-200 {padding-top: 200px !important} /* * 3.8 -> Padding right * ----------------------------------------------- */ .pr-md-0 {padding-right: 0!important;} .pr-md-5 {padding-right: 5px !important} .pr-md-10 {padding-right: 10px !important} .pr-md-15 {padding-right: 15px !important} .pr-md-20 {padding-right: 20px !important} .pr-md-30 {padding-right: 30px !important} .pr-md-40 {padding-right: 40px !important} .pr-md-50 {padding-right: 50px !important} .pr-md-60 {padding-right: 60px !important} .pr-md-70 {padding-right: 70px !important} .pr-md-80 {padding-right: 80px !important} .pr-md-90 {padding-right: 90px !important} .pr-md-100 {padding-right: 100px !important} .pr-md-110 {padding-right: 110px !important} .pr-md-120 {padding-right: 120px !important} .pr-md-130 {padding-right: 130px !important} .pr-md-140 {padding-right: 140px !important} .pr-md-150 {padding-right: 150px !important} .pr-md-160 {padding-right: 160px !important} .pr-md-170 {padding-right: 170px !important} .pr-md-180 {padding-right: 180px !important} .pr-md-190 {padding-right: 190px !important} .pr-md-200 {padding-right: 200px !important} /* * 3.9 -> Padding bottom * ----------------------------------------------- */ .pb-md-0 {padding-bottom: 0!important;} .pb-md-5 {padding-bottom: 5px !important} .pb-md-10 {padding-bottom: 10px !important} .pb-md-15 {padding-bottom: 15px !important} .pb-md-20 {padding-bottom: 20px !important} .pb-md-30 {padding-bottom: 30px !important} .pb-md-40 {padding-bottom: 40px !important} .pb-md-50 {padding-bottom: 50px !important} .pb-md-60 {padding-bottom: 60px !important} .pb-md-70 {padding-bottom: 70px !important} .pb-md-80 {padding-bottom: 80px !important} .pb-md-90 {padding-bottom: 90px !important} .pb-md-100 {padding-bottom: 100px !important} .pb-md-110 {padding-bottom: 110px !important} .pb-md-120 {padding-bottom: 120px !important} .pb-md-130 {padding-bottom: 130px !important} .pb-md-140 {padding-bottom: 140px !important} .pb-md-150 {padding-bottom: 150px !important} .pb-md-160 {padding-bottom: 160px !important} .pb-md-170 {padding-bottom: 170px !important} .pb-md-180 {padding-bottom: 180px !important} .pb-md-190 {padding-bottom: 190px !important} .pb-md-200 {padding-bottom: 200px !important} /* * 3.10 -> Padding left * ----------------------------------------------- */ .pl-md-0 {padding-left: 0!important;} .pl-md-5 {padding-left: 5px !important} .pl-md-10 {padding-left: 10px !important} .pl-md-15 {padding-left: 15px !important} .pl-md-20 {padding-left: 20px !important} .pl-md-30 {padding-left: 30px !important} .pl-md-40 {padding-left: 40px !important} .pl-md-50 {padding-left: 50px !important} .pl-md-60 {padding-left: 60px !important} .pl-md-70 {padding-left: 70px !important} .pl-md-80 {padding-left: 80px !important} .pl-md-90 {padding-left: 90px !important} .pl-md-100 {padding-left: 100px !important} .pl-md-110 {padding-left: 110px !important} .pl-md-120 {padding-left: 120px !important} .pl-md-130 {padding-left: 130px !important} .pl-md-140 {padding-left: 140px !important} .pl-md-150 {padding-left: 150px !important} .pl-md-160 {padding-left: 160px !important} .pl-md-170 {padding-left: 170px !important} .pl-md-180 {padding-left: 180px !important} .pl-md-190 {padding-left: 190px !important} .pl-md-200 {padding-left: 200px !important} } /* * 4 -> sm: max-width:991px * ----------------------------------------------- */ @media (max-width:991px) { /* * 4.1 -> Basic Margin * ----------------------------------------------- */ .m-sm-0 {margin: 0px !important} .m-sm-5 {margin: 5px !important} .m-sm-10 {margin: 10px !important} .m-sm-15 {margin: 15px !important} .m-sm-20 {margin: 20px !important} .m-sm-30 {margin: 30px !important} .m-sm-40 {margin: 40px !important} .m-sm-50 {margin: 50px !important} .m-sm-60 {margin: 60px !important} .m-sm-70 {margin: 70px !important} .m-sm-80 {margin: 80px !important} .m-sm-90 {margin: 90px !important} .m-sm-100 {margin: 100px !important} .m-sm-110 {margin: 110px !important} .m-sm-120 {margin: 120px !important} .m-sm-130 {margin: 130px !important} .m-sm-140 {margin: 140px !important} .m-sm-150 {margin: 150px !important} .m-sm-160 {margin: 160px !important} .m-sm-170 {margin: 170px !important} .m-sm-180 {margin: 180px !important} .m-sm-190 {margin: 190px !important} .m-sm-200 {margin: 200px !important} /* * 4.2 -> Basic Padding * ----------------------------------------------- */ .p-sm-0 {padding: 0!important;} .p-sm-5 {padding: 5px !important} .p-sm-10 {padding: 10px !important} .p-sm-15 {padding: 15px !important} .p-sm-20 {padding: 20px !important} .p-sm-30 {padding: 30px !important} .p-sm-40 {padding: 40px !important} .p-sm-50 {padding: 50px !important} .p-sm-60 {padding: 60px !important} .p-sm-70 {padding: 70px !important} .p-sm-80 {padding: 80px !important} .p-sm-90 {padding: 90px !important} .p-sm-100 {padding: 100px !important} .p-sm-110 {padding: 110px !important} .p-sm-120 {padding: 120px !important} .p-sm-130 {padding: 130px !important} .p-sm-140 {padding: 140px !important} .p-sm-150 {padding: 150px !important} .p-sm-160 {padding: 160px !important} .p-sm-170 {padding: 170px !important} .p-sm-180 {padding: 180px !important} .p-sm-190 {padding: 190px !important} .p-sm-200 {padding: 200px !important} /* * 4.3 -> Margin top * ----------------------------------------------- */ .mt-sm-0 {margin-top: 0!important;} .mt-sm-5 {margin-top: 5px !important} .mt-sm-10 {margin-top: 10px !important} .mt-sm-15 {margin-top: 15px !important} .mt-sm-20 {margin-top: 20px !important} .mt-sm-30 {margin-top: 30px !important} .mt-sm-40 {margin-top: 40px !important} .mt-sm-50 {margin-top: 50px !important} .mt-sm-60 {margin-top: 60px !important} .mt-sm-70 {margin-top: 70px !important} .mt-sm-80 {margin-top: 80px !important} .mt-sm-90 {margin-top: 90px !important} .mt-sm-100 {margin-top: 100px !important} .mt-sm-110 {margin-top: 110px !important} .mt-sm-120 {margin-top: 120px !important} .mt-sm-130 {margin-top: 130px !important} .mt-sm-140 {margin-top: 140px !important} .mt-sm-150 {margin-top: 150px !important} .mt-sm-160 {margin-top: 160px !important} .mt-sm-170 {margin-top: 170px !important} .mt-sm-180 {margin-top: 180px !important} .mt-sm-190 {margin-top: 190px !important} .mt-sm-200 {margin-top: 200px !important} /* * 4.4 -> Margin right * ----------------------------------------------- */ .mr-sm-0 {margin-right: 0!important;} .mr-sm-5 {margin-right: 5px !important} .mr-sm-10 {margin-right: 10px !important} .mr-sm-15 {margin-right: 15px !important} .mr-sm-20 {margin-right: 20px !important} .mr-sm-30 {margin-right: 30px !important} .mr-sm-40 {margin-right: 40px !important} .mr-sm-50 {margin-right: 50px !important} .mr-sm-60 {margin-right: 60px !important} .mr-sm-70 {margin-right: 70px !important} .mr-sm-80 {margin-right: 80px !important} .mr-sm-90 {margin-right: 90px !important} .mr-sm-100 {margin-right: 100px !important} .mr-sm-110 {margin-right: 110px !important} .mr-sm-120 {margin-right: 120px !important} .mr-sm-130 {margin-right: 130px !important} .mr-sm-140 {margin-right: 140px !important} .mr-sm-150 {margin-right: 150px !important} .mr-sm-160 {margin-right: 160px !important} .mr-sm-170 {margin-right: 170px !important} .mr-sm-180 {margin-right: 180px !important} .mr-sm-190 {margin-right: 190px !important} .mr-sm-200 {margin-right: 200px !important} /* * 4.5 -> Margin bottom * ----------------------------------------------- */ .mb-sm-0 {margin-bottom: 0!important;} .mb-sm-5 {margin-bottom: 5px !important} .mb-sm-10 {margin-bottom: 10px !important} .mb-sm-15 {margin-bottom: 15px !important} .mb-sm-20 {margin-bottom: 20px !important} .mb-sm-30 {margin-bottom: 30px !important} .mb-sm-40 {margin-bottom: 40px !important} .mb-sm-50 {margin-bottom: 50px !important} .mb-sm-60 {margin-bottom: 60px !important} .mb-sm-70 {margin-bottom: 70px !important} .mb-sm-80 {margin-bottom: 80px !important} .mb-sm-90 {margin-bottom: 90px !important} .mb-sm-100 {margin-bottom: 100px !important} .mb-sm-110 {margin-bottom: 110px !important} .mb-sm-120 {margin-bottom: 120px !important} .mb-sm-130 {margin-bottom: 130px !important} .mb-sm-140 {margin-bottom: 140px !important} .mb-sm-150 {margin-bottom: 150px !important} .mb-sm-160 {margin-bottom: 160px !important} .mb-sm-170 {margin-bottom: 170px !important} .mb-sm-180 {margin-bottom: 180px !important} .mb-sm-190 {margin-bottom: 190px !important} .mb-sm-200 {margin-bottom: 200px !important} /* * 4.6 -> Margin left * ----------------------------------------------- */ .ml-sm-0 {margin-left: 0!important;} .ml-sm-5 {margin-left: 5px !important} .ml-sm-10 {margin-left: 10px !important} .ml-sm-15 {margin-left: 15px !important} .ml-sm-20 {margin-left: 20px !important} .ml-sm-30 {margin-left: 30px !important} .ml-sm-40 {margin-left: 40px !important} .ml-sm-50 {margin-left: 50px !important} .ml-sm-60 {margin-left: 60px !important} .ml-sm-70 {margin-left: 70px !important} .ml-sm-80 {margin-left: 80px !important} .ml-sm-90 {margin-left: 90px !important} .ml-sm-100 {margin-left: 100px !important} .ml-sm-110 {margin-left: 110px !important} .ml-sm-120 {margin-left: 120px !important} .ml-sm-130 {margin-left: 130px !important} .ml-sm-140 {margin-left: 140px !important} .ml-sm-150 {margin-left: 150px !important} .ml-sm-160 {margin-left: 160px !important} .ml-sm-170 {margin-left: 170px !important} .ml-sm-180 {margin-left: 180px !important} .ml-sm-190 {margin-left: 190px !important} .ml-sm-200 {margin-left: 200px !important} /* * 4.7 -> Padding top * ----------------------------------------------- */ .pt-sm-0 {padding-top: 0!important;} .pt-sm-5 {padding-top: 5px !important} .pt-sm-10 {padding-top: 10px !important} .pt-sm-15 {padding-top: 15px !important} .pt-sm-20 {padding-top: 20px !important} .pt-sm-30 {padding-top: 30px !important} .pt-sm-40 {padding-top: 40px !important} .pt-sm-50 {padding-top: 50px !important} .pt-sm-60 {padding-top: 60px !important} .pt-sm-70 {padding-top: 70px !important} .pt-sm-80 {padding-top: 80px !important} .pt-sm-90 {padding-top: 90px !important} .pt-sm-100 {padding-top: 100px !important} .pt-sm-110 {padding-top: 110px !important} .pt-sm-120 {padding-top: 120px !important} .pt-sm-130 {padding-top: 130px !important} .pt-sm-140 {padding-top: 140px !important} .pt-sm-150 {padding-top: 150px !important} .pt-sm-160 {padding-top: 160px !important} .pt-sm-170 {padding-top: 170px !important} .pt-sm-180 {padding-top: 180px !important} .pt-sm-190 {padding-top: 190px !important} .pt-sm-200 {padding-top: 200px !important} /* * 4.8 -> Padding right * ----------------------------------------------- */ .pr-sm-0 {padding-right: 0!important;} .pr-sm-5 {padding-right: 5px !important} .pr-sm-10 {padding-right: 10px !important} .pr-sm-15 {padding-right: 15px !important} .pr-sm-20 {padding-right: 20px !important} .pr-sm-30 {padding-right: 30px !important} .pr-sm-40 {padding-right: 40px !important} .pr-sm-50 {padding-right: 50px !important} .pr-sm-60 {padding-right: 60px !important} .pr-sm-70 {padding-right: 70px !important} .pr-sm-80 {padding-right: 80px !important} .pr-sm-90 {padding-right: 90px !important} .pr-sm-100 {padding-right: 100px !important} .pr-sm-110 {padding-right: 110px !important} .pr-sm-120 {padding-right: 120px !important} .pr-sm-130 {padding-right: 130px !important} .pr-sm-140 {padding-right: 140px !important} .pr-sm-150 {padding-right: 150px !important} .pr-sm-160 {padding-right: 160px !important} .pr-sm-170 {padding-right: 170px !important} .pr-sm-180 {padding-right: 180px !important} .pr-sm-190 {padding-right: 190px !important} .pr-sm-200 {padding-right: 200px !important} /* * 4.9 -> Padding bottom * ----------------------------------------------- */ .pb-sm-0 {padding-bottom: 0!important;} .pb-sm-5 {padding-bottom: 5px !important} .pb-sm-10 {padding-bottom: 10px !important} .pb-sm-15 {padding-bottom: 15px !important} .pb-sm-20 {padding-bottom: 20px !important} .pb-sm-30 {padding-bottom: 30px !important} .pb-sm-40 {padding-bottom: 40px !important} .pb-sm-50 {padding-bottom: 50px !important} .pb-sm-60 {padding-bottom: 60px !important} .pb-sm-70 {padding-bottom: 70px !important} .pb-sm-80 {padding-bottom: 80px !important} .pb-sm-90 {padding-bottom: 90px !important} .pb-sm-100 {padding-bottom: 100px !important} .pb-sm-110 {padding-bottom: 110px !important} .pb-sm-120 {padding-bottom: 120px !important} .pb-sm-130 {padding-bottom: 130px !important} .pb-sm-140 {padding-bottom: 140px !important} .pb-sm-150 {padding-bottom: 150px !important} .pb-sm-160 {padding-bottom: 160px !important} .pb-sm-170 {padding-bottom: 170px !important} .pb-sm-180 {padding-bottom: 180px !important} .pb-sm-190 {padding-bottom: 190px !important} .pb-sm-200 {padding-bottom: 200px !important} /* * 4.10 -> Padding left * ----------------------------------------------- */ .pl-sm-0 {padding-left: 0!important;} .pl-sm-5 {padding-left: 5px !important} .pl-sm-10 {padding-left: 10px !important} .pl-sm-15 {padding-left: 15px !important} .pl-sm-20 {padding-left: 20px !important} .pl-sm-30 {padding-left: 30px !important} .pl-sm-40 {padding-left: 40px !important} .pl-sm-50 {padding-left: 50px !important} .pl-sm-60 {padding-left: 60px !important} .pl-sm-70 {padding-left: 70px !important} .pl-sm-80 {padding-left: 80px !important} .pl-sm-90 {padding-left: 90px !important} .pl-sm-100 {padding-left: 100px !important} .pl-sm-110 {padding-left: 110px !important} .pl-sm-120 {padding-left: 120px !important} .pl-sm-130 {padding-left: 130px !important} .pl-sm-140 {padding-left: 140px !important} .pl-sm-150 {padding-left: 150px !important} .pl-sm-160 {padding-left: 160px !important} .pl-sm-170 {padding-left: 170px !important} .pl-sm-180 {padding-left: 180px !important} .pl-sm-190 {padding-left: 190px !important} .pl-sm-200 {padding-left: 200px !important} } /* * 5 -> xs: max-width 767px * ----------------------------------------------- */ @media (max-width:767px) { /* * 5.1 -> Basic Margin * ----------------------------------------------- */ .m-xs-0 {margin: 0px !important} .m-xs-5 {margin: 5px !important} .m-xs-10 {margin: 10px !important} .m-xs-15 {margin: 15px !important} .m-xs-20 {margin: 20px !important} .m-xs-30 {margin: 30px !important} .m-xs-40 {margin: 40px !important} .m-xs-50 {margin: 50px !important} .m-xs-60 {margin: 60px !important} .m-xs-70 {margin: 70px !important} .m-xs-80 {margin: 80px !important} .m-xs-90 {margin: 90px !important} .m-xs-100 {margin: 100px !important} .m-xs-110 {margin: 110px !important} .m-xs-120 {margin: 120px !important} .m-xs-130 {margin: 130px !important} .m-xs-140 {margin: 140px !important} .m-xs-150 {margin: 150px !important} .m-xs-160 {margin: 160px !important} .m-xs-170 {margin: 170px !important} .m-xs-180 {margin: 180px !important} .m-xs-190 {margin: 190px !important} .m-xs-200 {margin: 200px !important} /* * 5.2 -> Basic Padding * ----------------------------------------------- */ .p-xs-0 {padding: 0!important;} .p-xs-5 {padding: 5px !important} .p-xs-10 {padding: 10px !important} .p-xs-15 {padding: 15px !important} .p-xs-20 {padding: 20px !important} .p-xs-30 {padding: 30px !important} .p-xs-40 {padding: 40px !important} .p-xs-50 {padding: 50px !important} .p-xs-60 {padding: 60px !important} .p-xs-70 {padding: 70px !important} .p-xs-80 {padding: 80px !important} .p-xs-90 {padding: 90px !important} .p-xs-100 {padding: 100px !important} .p-xs-110 {padding: 110px !important} .p-xs-120 {padding: 120px !important} .p-xs-130 {padding: 130px !important} .p-xs-140 {padding: 140px !important} .p-xs-150 {padding: 150px !important} .p-xs-160 {padding: 160px !important} .p-xs-170 {padding: 170px !important} .p-xs-180 {padding: 180px !important} .p-xs-190 {padding: 190px !important} .p-xs-200 {padding: 200px !important} /* * 5.3 -> Margin top * ----------------------------------------------- */ .mt-xs-0 {margin-top: 0!important;} .mt-xs-5 {margin-top: 5px !important} .mt-xs-10 {margin-top: 10px !important} .mt-xs-15 {margin-top: 15px !important} .mt-xs-20 {margin-top: 20px !important} .mt-xs-30 {margin-top: 30px !important} .mt-xs-40 {margin-top: 40px !important} .mt-xs-50 {margin-top: 50px !important} .mt-xs-60 {margin-top: 60px !important} .mt-xs-70 {margin-top: 70px !important} .mt-xs-80 {margin-top: 80px !important} .mt-xs-90 {margin-top: 90px !important} .mt-xs-100 {margin-top: 100px !important} .mt-xs-110 {margin-top: 110px !important} .mt-xs-120 {margin-top: 120px !important} .mt-xs-130 {margin-top: 130px !important} .mt-xs-140 {margin-top: 140px !important} .mt-xs-150 {margin-top: 150px !important} .mt-xs-160 {margin-top: 160px !important} .mt-xs-170 {margin-top: 170px !important} .mt-xs-180 {margin-top: 180px !important} .mt-xs-190 {margin-top: 190px !important} .mt-xs-200 {margin-top: 200px !important} /* * 5.4 -> Margin right * ----------------------------------------------- */ .mr-xs-0 {margin-right: 0!important;} .mr-xs-5 {margin-right: 5px !important} .mr-xs-10 {margin-right: 10px !important} .mr-xs-15 {margin-right: 15px !important} .mr-xs-20 {margin-right: 20px !important} .mr-xs-30 {margin-right: 30px !important} .mr-xs-40 {margin-right: 40px !important} .mr-xs-50 {margin-right: 50px !important} .mr-xs-60 {margin-right: 60px !important} .mr-xs-70 {margin-right: 70px !important} .mr-xs-80 {margin-right: 80px !important} .mr-xs-90 {margin-right: 90px !important} .mr-xs-100 {margin-right: 100px !important} .mr-xs-110 {margin-right: 110px !important} .mr-xs-120 {margin-right: 120px !important} .mr-xs-130 {margin-right: 130px !important} .mr-xs-140 {margin-right: 140px !important} .mr-xs-150 {margin-right: 150px !important} .mr-xs-160 {margin-right: 160px !important} .mr-xs-170 {margin-right: 170px !important} .mr-xs-180 {margin-right: 180px !important} .mr-xs-190 {margin-right: 190px !important} .mr-xs-200 {margin-right: 200px !important} /* * 5.5 -> Margin bottom * ----------------------------------------------- */ .mb-xs-0 {margin-bottom: 0!important;} .mb-xs-5 {margin-bottom: 5px !important} .mb-xs-10 {margin-bottom: 10px !important} .mb-xs-15 {margin-bottom: 15px !important} .mb-xs-20 {margin-bottom: 20px !important} .mb-xs-30 {margin-bottom: 30px !important} .mb-xs-40 {margin-bottom: 40px !important} .mb-xs-50 {margin-bottom: 50px !important} .mb-xs-60 {margin-bottom: 60px !important} .mb-xs-70 {margin-bottom: 70px !important} .mb-xs-80 {margin-bottom: 80px !important} .mb-xs-90 {margin-bottom: 90px !important} .mb-xs-100 {margin-bottom: 100px !important} .mb-xs-110 {margin-bottom: 110px !important} .mb-xs-120 {margin-bottom: 120px !important} .mb-xs-130 {margin-bottom: 130px !important} .mb-xs-140 {margin-bottom: 140px !important} .mb-xs-150 {margin-bottom: 150px !important} .mb-xs-160 {margin-bottom: 160px !important} .mb-xs-170 {margin-bottom: 170px !important} .mb-xs-180 {margin-bottom: 180px !important} .mb-xs-190 {margin-bottom: 190px !important} .mb-xs-200 {margin-bottom: 200px !important} /* * 5.6 -> Margin left * ----------------------------------------------- */ .ml-xs-0 {margin-left: 0!important;} .ml-xs-5 {margin-left: 5px !important} .ml-xs-10 {margin-left: 10px !important} .ml-xs-15 {margin-left: 15px !important} .ml-xs-20 {margin-left: 20px !important} .ml-xs-30 {margin-left: 30px !important} .ml-xs-40 {margin-left: 40px !important} .ml-xs-50 {margin-left: 50px !important} .ml-xs-60 {margin-left: 60px !important} .ml-xs-70 {margin-left: 70px !important} .ml-xs-80 {margin-left: 80px !important} .ml-xs-90 {margin-left: 90px !important} .ml-xs-100 {margin-left: 100px !important} .ml-xs-110 {margin-left: 110px !important} .ml-xs-120 {margin-left: 120px !important} .ml-xs-130 {margin-left: 130px !important} .ml-xs-140 {margin-left: 140px !important} .ml-xs-150 {margin-left: 150px !important} .ml-xs-160 {margin-left: 160px !important} .ml-xs-170 {margin-left: 170px !important} .ml-xs-180 {margin-left: 180px !important} .ml-xs-190 {margin-left: 190px !important} .ml-xs-200 {margin-left: 200px !important} /* * 5.7 -> Padding top * ----------------------------------------------- */ .pt-xs-0 {padding-top: 0!important;} .pt-xs-5 {padding-top: 5px !important} .pt-xs-10 {padding-top: 10px !important} .pt-xs-15 {padding-top: 15px !important} .pt-xs-20 {padding-top: 20px !important} .pt-xs-30 {padding-top: 30px !important} .pt-xs-40 {padding-top: 40px !important} .pt-xs-50 {padding-top: 50px !important} .pt-xs-60 {padding-top: 60px !important} .pt-xs-70 {padding-top: 70px !important} .pt-xs-80 {padding-top: 80px !important} .pt-xs-90 {padding-top: 90px !important} .pt-xs-100 {padding-top: 100px !important} .pt-xs-110 {padding-top: 110px !important} .pt-xs-120 {padding-top: 120px !important} .pt-xs-130 {padding-top: 130px !important} .pt-xs-140 {padding-top: 140px !important} .pt-xs-150 {padding-top: 150px !important} .pt-xs-160 {padding-top: 160px !important} .pt-xs-170 {padding-top: 170px !important} .pt-xs-180 {padding-top: 180px !important} .pt-xs-190 {padding-top: 190px !important} .pt-xs-200 {padding-top: 200px !important} /* * 5.8 -> Padding right * ----------------------------------------------- */ .pr-xs-0 {padding-right: 0!important;} .pr-xs-5 {padding-right: 5px !important} .pr-xs-10 {padding-right: 10px !important} .pr-xs-15 {padding-right: 15px !important} .pr-xs-20 {padding-right: 20px !important} .pr-xs-30 {padding-right: 30px !important} .pr-xs-40 {padding-right: 40px !important} .pr-xs-50 {padding-right: 50px !important} .pr-xs-60 {padding-right: 60px !important} .pr-xs-70 {padding-right: 70px !important} .pr-xs-80 {padding-right: 80px !important} .pr-xs-90 {padding-right: 90px !important} .pr-xs-100 {padding-right: 100px !important} .pr-xs-110 {padding-right: 110px !important} .pr-xs-120 {padding-right: 120px !important} .pr-xs-130 {padding-right: 130px !important} .pr-xs-140 {padding-right: 140px !important} .pr-xs-150 {padding-right: 150px !important} .pr-xs-160 {padding-right: 160px !important} .pr-xs-170 {padding-right: 170px !important} .pr-xs-180 {padding-right: 180px !important} .pr-xs-190 {padding-right: 190px !important} .pr-xs-200 {padding-right: 200px !important} /* * 5.9 -> Padding bottom * ----------------------------------------------- */ .pb-xs-0 {padding-bottom: 0!important;} .pb-xs-5 {padding-bottom: 5px !important} .pb-xs-10 {padding-bottom: 10px !important} .pb-xs-15 {padding-bottom: 15px !important} .pb-xs-20 {padding-bottom: 20px !important} .pb-xs-30 {padding-bottom: 30px !important} .pb-xs-40 {padding-bottom: 40px !important} .pb-xs-50 {padding-bottom: 50px !important} .pb-xs-60 {padding-bottom: 60px !important} .pb-xs-70 {padding-bottom: 70px !important} .pb-xs-80 {padding-bottom: 80px !important} .pb-xs-90 {padding-bottom: 90px !important} .pb-xs-100 {padding-bottom: 100px !important} .pb-xs-110 {padding-bottom: 110px !important} .pb-xs-120 {padding-bottom: 120px !important} .pb-xs-130 {padding-bottom: 130px !important} .pb-xs-140 {padding-bottom: 140px !important} .pb-xs-150 {padding-bottom: 150px !important} .pb-xs-160 {padding-bottom: 160px !important} .pb-xs-170 {padding-bottom: 170px !important} .pb-xs-180 {padding-bottom: 180px !important} .pb-xs-190 {padding-bottom: 190px !important} .pb-xs-200 {padding-bottom: 200px !important} /* * 5.10 -> Padding left * ----------------------------------------------- */ .pl-xs-0 {padding-left: 0!important;} .pl-xs-5 {padding-left: 5px !important} .pl-xs-10 {padding-left: 10px !important} .pl-xs-15 {padding-left: 15px !important} .pl-xs-20 {padding-left: 20px !important} .pl-xs-30 {padding-left: 30px !important} .pl-xs-40 {padding-left: 40px !important} .pl-xs-50 {padding-left: 50px !important} .pl-xs-60 {padding-left: 60px !important} .pl-xs-70 {padding-left: 70px !important} .pl-xs-80 {padding-left: 80px !important} .pl-xs-90 {padding-left: 90px !important} .pl-xs-100 {padding-left: 100px !important} .pl-xs-110 {padding-left: 110px !important} .pl-xs-120 {padding-left: 120px !important} .pl-xs-130 {padding-left: 130px !important} .pl-xs-140 {padding-left: 140px !important} .pl-xs-150 {padding-left: 150px !important} .pl-xs-160 {padding-left: 160px !important} .pl-xs-170 {padding-left: 170px !important} .pl-xs-180 {padding-left: 180px !important} .pl-xs-190 {padding-left: 190px !important} .pl-xs-200 {padding-left: 200px !important} } /* * 6 -> xxs: max-width 479px * ----------------------------------------------- */ @media (max-width:479px) { /* * 6.1 -> Basic Margin * ----------------------------------------------- */ .m-xxs-0 {margin: 0px !important} .m-xxs-5 {margin: 5px !important} .m-xxs-10 {margin: 10px !important} .m-xxs-15 {margin: 15px !important} .m-xxs-20 {margin: 20px !important} .m-xxs-30 {margin: 30px !important} .m-xxs-40 {margin: 40px !important} .m-xxs-50 {margin: 50px !important} .m-xxs-60 {margin: 60px !important} .m-xxs-70 {margin: 70px !important} .m-xxs-80 {margin: 80px !important} .m-xxs-90 {margin: 90px !important} .m-xxs-100 {margin: 100px !important} .m-xxs-110 {margin: 110px !important} .m-xxs-120 {margin: 120px !important} .m-xxs-130 {margin: 130px !important} .m-xxs-140 {margin: 140px !important} .m-xxs-150 {margin: 150px !important} .m-xxs-160 {margin: 160px !important} .m-xxs-170 {margin: 170px !important} .m-xxs-180 {margin: 180px !important} .m-xxs-190 {margin: 190px !important} .m-xxs-200 {margin: 200px !important} /* * 6.2 -> Basic Padding * ----------------------------------------------- */ .p-xxs-0 {padding: 0!important;} .p-xxs-5 {padding: 5px !important} .p-xxs-10 {padding: 10px !important} .p-xxs-15 {padding: 15px !important} .p-xxs-20 {padding: 20px !important} .p-xxs-30 {padding: 30px !important} .p-xxs-40 {padding: 40px !important} .p-xxs-50 {padding: 50px !important} .p-xxs-60 {padding: 60px !important} .p-xxs-70 {padding: 70px !important} .p-xxs-80 {padding: 80px !important} .p-xxs-90 {padding: 90px !important} .p-xxs-100 {padding: 100px !important} .p-xxs-110 {padding: 110px !important} .p-xxs-120 {padding: 120px !important} .p-xxs-130 {padding: 130px !important} .p-xxs-140 {padding: 140px !important} .p-xxs-150 {padding: 150px !important} .p-xxs-160 {padding: 160px !important} .p-xxs-170 {padding: 170px !important} .p-xxs-180 {padding: 180px !important} .p-xxs-190 {padding: 190px !important} .p-xxs-200 {padding: 200px !important} /* * 6.3 -> Margin top * ----------------------------------------------- */ .mt-xxs-0 {margin-top: 0!important;} .mt-xxs-5 {margin-top: 5px !important} .mt-xxs-10 {margin-top: 10px !important} .mt-xxs-15 {margin-top: 15px !important} .mt-xxs-20 {margin-top: 20px !important} .mt-xxs-30 {margin-top: 30px !important} .mt-xxs-40 {margin-top: 40px !important} .mt-xxs-50 {margin-top: 50px !important} .mt-xxs-60 {margin-top: 60px !important} .mt-xxs-70 {margin-top: 70px !important} .mt-xxs-80 {margin-top: 80px !important} .mt-xxs-90 {margin-top: 90px !important} .mt-xxs-100 {margin-top: 100px !important} .mt-xxs-110 {margin-top: 110px !important} .mt-xxs-120 {margin-top: 120px !important} .mt-xxs-130 {margin-top: 130px !important} .mt-xxs-140 {margin-top: 140px !important} .mt-xxs-150 {margin-top: 150px !important} .mt-xxs-160 {margin-top: 160px !important} .mt-xxs-170 {margin-top: 170px !important} .mt-xxs-180 {margin-top: 180px !important} .mt-xxs-190 {margin-top: 190px !important} .mt-xxs-200 {margin-top: 200px !important} /* * 6.4 -> Margin right * ----------------------------------------------- */ .mr-xxs-0 {margin-right: 0!important;} .mr-xxs-5 {margin-right: 5px !important} .mr-xxs-10 {margin-right: 10px !important} .mr-xxs-15 {margin-right: 15px !important} .mr-xxs-20 {margin-right: 20px !important} .mr-xxs-30 {margin-right: 30px !important} .mr-xxs-40 {margin-right: 40px !important} .mr-xxs-50 {margin-right: 50px !important} .mr-xxs-60 {margin-right: 60px !important} .mr-xxs-70 {margin-right: 70px !important} .mr-xxs-80 {margin-right: 80px !important} .mr-xxs-90 {margin-right: 90px !important} .mr-xxs-100 {margin-right: 100px !important} .mr-xxs-110 {margin-right: 110px !important} .mr-xxs-120 {margin-right: 120px !important} .mr-xxs-130 {margin-right: 130px !important} .mr-xxs-140 {margin-right: 140px !important} .mr-xxs-150 {margin-right: 150px !important} .mr-xxs-160 {margin-right: 160px !important} .mr-xxs-170 {margin-right: 170px !important} .mr-xxs-180 {margin-right: 180px !important} .mr-xxs-190 {margin-right: 190px !important} .mr-xxs-200 {margin-right: 200px !important} /* * 6.5 -> Margin bottom * ----------------------------------------------- */ .mb-xxs-0 {margin-bottom: 0!important;} .mb-xxs-5 {margin-bottom: 5px !important} .mb-xxs-10 {margin-bottom: 10px !important} .mb-xxs-15 {margin-bottom: 15px !important} .mb-xxs-20 {margin-bottom: 20px !important} .mb-xxs-30 {margin-bottom: 30px !important} .mb-xxs-40 {margin-bottom: 40px !important} .mb-xxs-50 {margin-bottom: 50px !important} .mb-xxs-60 {margin-bottom: 60px !important} .mb-xxs-70 {margin-bottom: 70px !important} .mb-xxs-80 {margin-bottom: 80px !important} .mb-xxs-90 {margin-bottom: 90px !important} .mb-xxs-100 {margin-bottom: 100px !important} .mb-xxs-110 {margin-bottom: 110px !important} .mb-xxs-120 {margin-bottom: 120px !important} .mb-xxs-130 {margin-bottom: 130px !important} .mb-xxs-140 {margin-bottom: 140px !important} .mb-xxs-150 {margin-bottom: 150px !important} .mb-xxs-160 {margin-bottom: 160px !important} .mb-xxs-170 {margin-bottom: 170px !important} .mb-xxs-180 {margin-bottom: 180px !important} .mb-xxs-190 {margin-bottom: 190px !important} .mb-xxs-200 {margin-bottom: 200px !important} /* * 6.6 -> Margin left * ----------------------------------------------- */ .ml-xxs-0 {margin-left: 0!important;} .ml-xxs-5 {margin-left: 5px !important} .ml-xxs-10 {margin-left: 10px !important} .ml-xxs-15 {margin-left: 15px !important} .ml-xxs-20 {margin-left: 20px !important} .ml-xxs-30 {margin-left: 30px !important} .ml-xxs-40 {margin-left: 40px !important} .ml-xxs-50 {margin-left: 50px !important} .ml-xxs-60 {margin-left: 60px !important} .ml-xxs-70 {margin-left: 70px !important} .ml-xxs-80 {margin-left: 80px !important} .ml-xxs-90 {margin-left: 90px !important} .ml-xxs-100 {margin-left: 100px !important} .ml-xxs-110 {margin-left: 110px !important} .ml-xxs-120 {margin-left: 120px !important} .ml-xxs-130 {margin-left: 130px !important} .ml-xxs-140 {margin-left: 140px !important} .ml-xxs-150 {margin-left: 150px !important} .ml-xxs-160 {margin-left: 160px !important} .ml-xxs-170 {margin-left: 170px !important} .ml-xxs-180 {margin-left: 180px !important} .ml-xxs-190 {margin-left: 190px !important} .ml-xxs-200 {margin-left: 200px !important} /* * 6.7 -> Padding top * ----------------------------------------------- */ .pt-xxs-0 {padding-top: 0!important;} .pt-xxs-5 {padding-top: 5px !important} .pt-xxs-10 {padding-top: 10px !important} .pt-xxs-15 {padding-top: 15px !important} .pt-xxs-20 {padding-top: 20px !important} .pt-xxs-30 {padding-top: 30px !important} .pt-xxs-40 {padding-top: 40px !important} .pt-xxs-50 {padding-top: 50px !important} .pt-xxs-60 {padding-top: 60px !important} .pt-xxs-70 {padding-top: 70px !important} .pt-xxs-80 {padding-top: 80px !important} .pt-xxs-90 {padding-top: 90px !important} .pt-xxs-100 {padding-top: 100px !important} .pt-xxs-110 {padding-top: 110px !important} .pt-xxs-120 {padding-top: 120px !important} .pt-xxs-130 {padding-top: 130px !important} .pt-xxs-140 {padding-top: 140px !important} .pt-xxs-150 {padding-top: 150px !important} .pt-xxs-160 {padding-top: 160px !important} .pt-xxs-170 {padding-top: 170px !important} .pt-xxs-180 {padding-top: 180px !important} .pt-xxs-190 {padding-top: 190px !important} .pt-xxs-200 {padding-top: 200px !important} /* * 6.8 -> Padding right * ----------------------------------------------- */ .pr-xxs-0 {padding-right: 0!important;} .pr-xxs-5 {padding-right: 5px !important} .pr-xxs-10 {padding-right: 10px !important} .pr-xxs-15 {padding-right: 15px !important} .pr-xxs-20 {padding-right: 20px !important} .pr-xxs-30 {padding-right: 30px !important} .pr-xxs-40 {padding-right: 40px !important} .pr-xxs-50 {padding-right: 50px !important} .pr-xxs-60 {padding-right: 60px !important} .pr-xxs-70 {padding-right: 70px !important} .pr-xxs-80 {padding-right: 80px !important} .pr-xxs-90 {padding-right: 90px !important} .pr-xxs-100 {padding-right: 100px !important} .pr-xxs-110 {padding-right: 110px !important} .pr-xxs-120 {padding-right: 120px !important} .pr-xxs-130 {padding-right: 130px !important} .pr-xxs-140 {padding-right: 140px !important} .pr-xxs-150 {padding-right: 150px !important} .pr-xxs-160 {padding-right: 160px !important} .pr-xxs-170 {padding-right: 170px !important} .pr-xxs-180 {padding-right: 180px !important} .pr-xxs-190 {padding-right: 190px !important} .pr-xxs-200 {padding-right: 200px !important} /* * 6.9 -> Padding bottom * ----------------------------------------------- */ .pb-xxs-0 {padding-bottom: 0!important;} .pb-xxs-5 {padding-bottom: 5px !important} .pb-xxs-10 {padding-bottom: 10px !important} .pb-xxs-15 {padding-bottom: 15px !important} .pb-xxs-20 {padding-bottom: 20px !important} .pb-xxs-30 {padding-bottom: 30px !important} .pb-xxs-40 {padding-bottom: 40px !important} .pb-xxs-50 {padding-bottom: 50px !important} .pb-xxs-60 {padding-bottom: 60px !important} .pb-xxs-70 {padding-bottom: 70px !important} .pb-xxs-80 {padding-bottom: 80px !important} .pb-xxs-90 {padding-bottom: 90px !important} .pb-xxs-100 {padding-bottom: 100px !important} .pb-xxs-110 {padding-bottom: 110px !important} .pb-xxs-120 {padding-bottom: 120px !important} .pb-xxs-130 {padding-bottom: 130px !important} .pb-xxs-140 {padding-bottom: 140px !important} .pb-xxs-150 {padding-bottom: 150px !important} .pb-xxs-160 {padding-bottom: 160px !important} .pb-xxs-170 {padding-bottom: 170px !important} .pb-xxs-180 {padding-bottom: 180px !important} .pb-xxs-190 {padding-bottom: 190px !important} .pb-xxs-200 {padding-bottom: 200px !important} /* * 6.10 -> Padding left * ----------------------------------------------- */ .pl-xxs-0 {padding-left: 0!important;} .pl-xxs-5 {padding-left: 5px !important} .pl-xxs-10 {padding-left: 10px !important} .pl-xxs-15 {padding-left: 15px !important} .pl-xxs-20 {padding-left: 20px !important} .pl-xxs-30 {padding-left: 30px !important} .pl-xxs-40 {padding-left: 40px !important} .pl-xxs-50 {padding-left: 50px !important} .pl-xxs-60 {padding-left: 60px !important} .pl-xxs-70 {padding-left: 70px !important} .pl-xxs-80 {padding-left: 80px !important} .pl-xxs-90 {padding-left: 90px !important} .pl-xxs-100 {padding-left: 100px !important} .pl-xxs-110 {padding-left: 110px !important} .pl-xxs-120 {padding-left: 120px !important} .pl-xxs-130 {padding-left: 130px !important} .pl-xxs-140 {padding-left: 140px !important} .pl-xxs-150 {padding-left: 150px !important} .pl-xxs-160 {padding-left: 160px !important} .pl-xxs-170 {padding-left: 170px !important} .pl-xxs-180 {padding-left: 180px !important} .pl-xxs-190 {padding-left: 190px !important} .pl-xxs-200 {padding-left: 200px !important} }


/* responsive.css */
@media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) { .service-block .thumb .desc { bottom: -47%; } .team-block .team-thumb .team-overlay { padding: 10px 15px; height: 82%; } .team-block .team-thumb .team-overlay::after { left: 0px; } .team-block .team-thumb .styled-icons { padding: 7px 20px 0 0; width: 79%; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { html { font-size: 75%; } .navbar-nav .dropdown-menu { left: auto; } #header-logo { padding: 10px 15px; } .header .navbar-default .navbar-nav > li > a::after { display: none; } .team-member, .working-progress { margin-bottom: 60px !important; } .testimonial-carousel .owl-controls .owl-pagination { margin-right: 0px !important; } .map { margin-top: 30px; } .curve-bg:after, .curve-bg-half:after { left: auto; -webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); transform: rotate(-0deg); } .blog-posts .entry-header .entry-title { padding-top: 0; } .blog-posts .entry-header .entry-date { margin-left: 0; } .contact-wrapper { padding: 50px 30px; } .header #header-logo { padding-top: 20px; } .boxed-layout .header #header-logo, .vertical-header .header #header-logo { padding-top: 10px; } .header .navbar-default .navbar-toggle { margin-top: 18px; } .boxed-layout .header .navbar-default .navbar-toggle { margin-top: 8px; } .header #header-logo img { height: 30px; } .pricing-table .table-price { font-size: 30px; } .bg-img-box .caption .title { font-size: 24px; margin-top: 0px; } .bg-img-box .caption .schedule { font-size: 14px; margin-top: 0px; } .service-block .thumb .desc { border-top: 4px solid #fb4848; bottom: -18%; } .team-block .team-thumb .styled-icons { padding: 10px 20px 0 25px; width: 88%; } .team-block .team-thumb .team-overlay { height: 88%; } .team-block .team-thumb .team-overlay { padding: 50px 30px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { html { font-size: 60%; } .box-hover-effect { float: none; } #header-logo { padding: 10px 15px; } #spinner { left: 42%; } .navbar-default .navbar-toggle { margin-top: 15px; border-radius: 0px; } #home .display-table p { margin: 15px 0; font-size: 14px; } .icon-box { margin-top: 30px; margin-bottom: 30px; } .icon-box { text-align: center; } .icon-box.left { text-align: center; } .icon-box.left a { margin-right: 0; padding: 0; } .icon-box .media-left { float: none !important; margin: 0 0 30px 0; } .icon-box .media-left, .icon-box .media-right, .icon-box .media-body { display: block; width: auto; } .call-to-action { text-align: center; } .call-to-action .icon { float: none; } .sidebar.pull-left, .sidebar.pull-right { float: none !important; } .blog-posts .entry-meta { background: none; left: auto; position: relative; top: auto; } .testimonial-carousel.boxed .owl-dots { text-align: center; } .bg-img-box .caption .title { font-size: 24px; margin-top: 30px; } .service-block .thumb .desc { border-top: 4px solid #fb4848; bottom: -15%; padding: 10px 6px 4px 20px; } .team-block .team-thumb .team-overlay { padding: 60px; } .team-block .team-thumb .team-overlay { height: 90%; } .team-block .team-thumb .team-overlay::after { left: -1px; } .team-block .team-thumb .styled-icons { padding: 9px 20px 0 25px; } .team-block .team-thumb .styled-icons::after { border-width: 26px; left: -52px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { html { font-size: 50%; } .vertical-text-carousel .owl-controls .owl-buttons { top: 18%; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 360px) { .team-block .team-thumb .styled-icons { padding: 8px 20px 0 25px; } .team-block .team-thumb .team-overlay { height: 88%; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 319px) { html { font-size: 35%; } }

/* portfolio.css */
.section-padding{ padding:20px 0; } .owl-dots { text-align: center; /*margin-top: 2%;*/ } .owl-dot { display: inline-block; height: 15px !important; width: 15px !important; background-color: #878787 !important; opacity: 0.8; border-radius: 50%; margin: 0 5px; } .owl-dot.active { background-color: #000 !important; } .owl-carousel .owl-item img { display: block; width: 63%!important; } /*Above Screen 1400px*/ @media only screen and (min-width:1400px){ .portfolio-card .card-title { font-size: 23px !important; } #portfolio p { font-family: Quicksand; font-size: 21px; } #sidebar .nav a { font-size: 21px !important; } .section-padding{ padding:20px 0; } .owl-dots { text-align: center; /*margin-top: 2%;*/ } .owl-dot { display: inline-block; height: 15px !important; width: 15px !important; background-color: #878787 !important; opacity: 0.8; border-radius: 50%; margin: 0 5px; } .owl-dot.active { background-color: #000 !important; } .owl-carousel .owl-item img { display: block; width: 63%!important; } .portfolio-title{ font-size: 31px!Important; line-height: 46px; margin-top: 0%; font-weight: 600; text-transform: uppercase; } .portfolio-desc{ font-size: 25px!Important; line-height: 46px; padding-top: 2%; } .portfolio-link{ font-size: 25px!Important; line-height: 46px; padding-top: 2%; } .portfolio-call-btn{ margin: 14% 4% 14% 3%!important; } .portfolio-call-btn-inner { padding: 20px 2px 12px 2px!important; } .portfolio-call-icn{ padding-top: 31%; padding-left: 17px; font-size: 44px!important; } .call-btn-txt{ text-align: center!important; font-size: 35px!important; padding-top: 0%!important; } .portfolio-abt{ font-size: 39px!important; margin-top: -2%; font-weight: 500!important; } .portfolio-abt-desc{ font-size: 25px!important; margin-top: 1%!important; } .portfolio-list{ font-size: 24px!important; } .portfolio-do-u-know{ font-size: 26px!important; } .portfolio-do-u-know-desc{ font-size: 19px!important; } .portfolio-sml-img-sec{ } .portfolio-social-media-main{ padding-bottom: 0px!important; } .social-media-sub-sec{ margin-top: 4%!important; } .social-media-outer{ padding: 10px 2px 10px 2px!important; } .portfolio-social-media-title{ font-size: 25px!important; margin-top: -11px!important; } .styled-icons.icon-dark a { font-size: 21px!important; height: 45px!important; line-height: 47px!important; width: 45px!important; } } /*porfolio css 4th may 2023*/ #sidebar { /*background: #085fa4;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 12px; } #sidebar header { /*background-color: #2777b6;*/ font-size: 20px; line-height: 52px; text-align: center; } #sidebar .btn-primary{ background-color: white !important; border-color: #2777b6; color: #085fa4; transition: 0.6s; } #sidebar header a { color: #fff; display: block; text-decoration: none; } #sidebar header a:hover { color: #47484a; /*font-weight: 700;*/ } #sidebar .nav a{ background: none; border-bottom: 1px solid; color: #085fa4; /*border-style: dotted;*/ font-size: 17px; display: flex; padding: 16px 24px; font-weight: 600; border-bottom: none; } .last-boder{ border-bottom: 1px solid !important; color: #085fa4 !important; } .border-none-top{ border-top: none !important; } #sidebar .nav a:hover{ background: #000; } #sidebar .nav a span{ padding-right: 11px; } #sidebar .nav a:hover{ background: none; color: #2f2f2f; } #sidebar .nav a i{ margin-right: 16px; } .portfolio-card{ /*border: 2px solid #dadada;*/ /*box-shadow: 0 7px 7px rgb(0 0 0 / 18%);*/ border: 1px solid #dcdcdc; } /*.light-color1{ background-color: #EBF4FF; } .light-color2{ background-color: #FEEFED; } .light-color3{ background-color: #E3FBEB; } .light-color4{ background-color: #FEEDFE; } .light-color5{ background-color: #FEF6ED; } .light-color6{ background-color: #F3EDFE; } .light-color7{ background-color: #EBF4FF; } .light-color8{ background-color: #FCF7DB; } .light-color9{ background-color: #E3FBEB; } .light-color10{ background-color: #EBF4FF; } .light-color11{ background-color: #FEF6ED; } .light-color12{ background-color: #FEF6ED; } */ .portfolio-card .card-title{ font-size: 19px; font-family: Quicksand; font-weight: 500; color: black; } .btn-primary { color: #fff; background-color: #085fa4; border-color: #000000; transition: 0.6s; /*margin-bottom: 21px;*/ } .btn-primary:hover{ background: #16456a; } #myCarousel .col-md-5{ padding-left: 15px !important; } .portfolio-clients .lets-chat-button { margin: 0% 11% 0% 22% !important; } #sidebar header .main-head{ font-size: 20px !important; background: #f1f1f1 !important; color: #060606; border: 1px solid #999999!important; /* border-radius: 21px; */ /*border-radius: 27px 27px 0px 0px;*/ text-transform: uppercase; font-weight: 600; } #portfolio .carousel-inner img{ width: 100%; } .btn{ border-radius: 0px !important; } .portfolio-clients .portfolio-call-btn{ margin : 0px !important; } .main-portfolio-top-heading-p{ color: #000000 ; font-size: 42px !important; font-family: Quicksand; /*text-transform: uppercase;*/ } .portfolio-card .card-block{ padding: 5px; } /* .bg-light-gray{ background-color: #f3f3f3; }*/

/* site-responsive.css */
@media(max-width:767px){.absolute{transition:none}div.nav-container .navbar ul.nav{margin:0;padding:0px 0}div.nav-container .navbar ul.nav>li>ul>li>a:after{border-width:0}.scrollup{width:32px;height:32px;bottom:20px;right:20px;background:url(../img/scroll-to-top-32.png) no-repeat;opacity:.5}.header-top-row{max-height:30px;padding:0}.header-top-row .dropdown-menu{min-width:150px;max-width:150px}.header-top-row>div>ul{margin:0}.header-top-row>div>ul>li{padding:0;line-height:30px}.header-top-row>div>ul>li>a{padding:0 10px;display:block}.dropdown-menu-shopping,div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu>ul>li>div.tabbed-menu-content,div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>div.tabbed-menu-content{display:none}.header-top-row>div>ul>li>ul{top:30px;right:15px;width:120px;min-width:100px}div.dropdown-mega-content,div.nav-container .navbar ul.nav>li>ul.dropdown-menu{width:100%;position:relative;top:0}i.font-size-16{font-size:16px}.header-central-row>div>ul>li>div{right:15px}.header-central-row .font-size-28{font-size:24px}.header-central-row>div>ul>li{padding:18px 10px 2px}.header-central-row>div>ul>li:last-child{padding-right:10px}div.dropdown-mega-content{background:#fff;height:370px;overflow:scroll;overflow-x:hidden;padding-bottom:20px}div.dropdown-mega-content::-webkit-scrollbar{width:7px;height:7px}div.dropdown-mega-content::-webkit-scrollbar-button{width:0;height:0}div.dropdown-mega-content::-webkit-scrollbar-thumb{background:#484848;border:0 #fff;border-radius:0}div.dropdown-mega-content::-webkit-scrollbar-thumb:hover{background:#7e7e7e}div.dropdown-mega-content::-webkit-scrollbar-thumb:active{background:#fb486c}div.dropdown-mega-content::-webkit-scrollbar-track{background:#e5e5e5;border:0 #fff;border-radius:50px}div.dropdown-mega-content::-webkit-scrollbar-track:hover{background:#f2f2f2}div.dropdown-mega-content::-webkit-scrollbar-track:active{background:#f8f8f8}div.dropdown-mega-content::-webkit-scrollbar-corner{background:0 0}div.nav-container .navbar ul.nav>li>div.tabbed-menu{position:relative;top:0;width:100%;background:#fff}div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu{background:#fff;left:0}div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul{padding:0;margin:0;width:100%;height:auto;background:#fff;border:none}div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu>ul>li>a,div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu>ul>li>a.active-tab,div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>a,div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>a.active-tab{display:block;background:#fff;border:none;border-bottom:1px dashed #efefef;color:#666;padding:10px 15px;font-size:14px;font-weight:400;text-shadow:none;text-transform:capitalize}div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li:hover>a,div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li:hover>a.active-tab{background:#f7f7f7;border:none;border-bottom:1px dashed #efefef;color:#fb486c;text-decoration:none}div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content .row{margin-bottom:0}.open .dropdown-mega-content,.open .tabbed-mega-menu,.open .tabbed-menu{display:block;visibility:visible;opacity:1;z-index:999999}.header-central-row>div>ul>li.dura-search .dropdown-menu-search{position:absolute;top:60px;width:250px;height:50px;border:1px solid #ccc}.header-central-row>div>ul>li.dura-search .dropdown-menu-search .dura-sarch-input{width:200px;padding:0;font-size:17px}.overlay-visible{visibility:hidden;opacity:0}.logo{max-width:140px}}@media(min-width:768px) and (max-width:991px){.container{max-width:800px}div.nav-container .navbar ul.nav>li>ul.dropdown-menu{width:200px}div.nav-container .navbar ul.nav>li>ul>li>div.dropdown-menu-shopping{width:570px}div.header-central-row ul>li:hover>ul.dropdown-menu,div.header-top-row ul>li:hover>div.dropdown-menu,div.nav-container .navbar ul.nav li.dropdown:hover>ul.dropdown-menu{display:block}div.nav-container .navbar ul.nav>li:hover div.tabbed-menu,div.nav-container .navbar ul.nav>li>ul>li:hover div.dropdown-menu-shopping,li.dropdown-mega:hover div.dropdown-mega-content{visibility:visible;opacity:1;display:block}.scrollup{width:32px;height:32px;bottom:20px;right:20px;background:url(../img/scroll-to-top-32.png) no-repeat;opacity:.5}div.dropdown-mega-content,div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu{width:770px}div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu>ul>li>div.tabbed-menu-content{visibility:hidden;opacity:0;position:absolute;width:588px;height:99%;left:180px;top:0;padding:20px;background:#fff;font-size:14px;font-weight:400}.header-central-row>div>ul>li.dura-search .dropdown-menu-search{width:800px}.header-central-row>div>ul>li.dura-search .dropdown-menu-search .dura-sarch-input{padding:0 235px}}@media(min-width:992px) and (max-width:1199px){div.header-central-row ul>li:hover>div.dropdown-menu.dropdown-central,div.header-top-row ul>li:hover>ul.dropdown-menu,div.nav-container .navbar ul.nav li.dropdown:hover>ul.dropdown-menu{display:block}div.nav-container .navbar ul.nav>li:hover div.tabbed-menu,div.nav-container .navbar ul.nav>li>ul>li:hover div.dropdown-menu-shopping,li.dropdown-mega:hover div.dropdown-mega-content{visibility:visible;opacity:1;display:block}}@media(min-width:1200px){div.header-central-row ul>li:hover>div.dropdown-menu.dropdown-central,div.header-top-row ul>li:hover>ul.dropdown-menu,div.nav-container .navbar ul.nav li.dropdown:hover>ul.dropdown-menu{display:block}div.nav-container .navbar ul.nav>li:hover div.tabbed-menu,div.nav-container .navbar ul.nav>li>ul>li:hover div.dropdown-menu-shopping,li.dropdown-mega:hover div.dropdown-mega-content{visibility:visible;opacity:1;display:block}}


/* Accordion styles style-tabs.css */ 
.tabs input { position: absolute; opacity: 0; z-index: -1; } .tabs { overflow: hidden; } .tab { width: 100%; color: black; overflow: hidden; } .tab-label { display: -webkit-box; display: flex; -webkit-box-pack: justify; padding:0.5em 0em; font-family: 'Open Sans',sans-serif; font-size: 20px; font-weight: 400; cursor: pointer; /* Icon */ } .tab-label::before { content: "+"; width: 1.5em; height: 1.5em; text-align: center; -webkit-transition: all .35s; transition: all .35s; font-size: 30px; } 

h3 .tab-label{ padding:0px; margin: 3px; font-family: Quicksand, 'Open Sans',sans-serif!important; font-size: 19px!important; font-weight: 600!important; cursor: pointer; line-height: 40px; } 

h5 .tab-label{ padding:0px; margin: 3px; font-family: Quicksand, 'Open Sans',sans-serif!important; font-size: 19px!important; font-weight: 600!important; cursor: pointer; line-height: 40px; } 

.tab-content { max-height: 0; padding: 0 1em; color: #2c3e50; background: white; font-family: Quicksand, 'Open Sans',sans-serif!important; font-size: 17px!important; font-weight: 500!important; -webkit-transition: all .35s; transition: all .35s; border: none!important; border-bottom: 2px solid #eee!important; } .tab-close { display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; padding: 1em; font-size: 0.75em; background: #2c3e50; cursor: pointer; } .tab-close:hover { background: #1a252f; } input:checked + .tab-label { /*background: #1a252f;*/ } input:checked + h5 .tab-label::before { width: 1.5em; height: 1.5em; -webkit-transform: rotate(90deg); transform: rotate(90deg); } input:checked ~ .tab-content { max-height: 100vh; padding: 1em; } .section-content-blocks-1 { padding: 20px; background-color:#fed24a!important; margin-bottom:15px; } .section-content-blocks-2 { padding: 20px; background-color:#51c29f!important; margin-bottom:15px; } .section-content-blocks-3 { padding: 20px; background-color:#3ea9f5!important; margin-bottom:15px; } .elementor-divider-separator { width: 10%!important; margin: 0 auto; text-align: center; padding-top: 3px; padding-bottom: 3px; background-color: #2E44CC; margin-bottom:30px; } .box{ padding:60px 0px; } .box-part{ background:#FFF; border-radius:0; padding:60px 10px; margin:30px 0px; } .text{ margin:20px 0px; } .fa{ /*color:#4183D7;*/ }

/* style-blog.css */ 
.pagination-content { width:80%; padding:20px; } .pagination { } .pagination a.active { background:#0801b6; color: white; } .pagination a { text-decoration: none; padding: 8px 15px; border: 1px solid #d7d7d7; background: white; margin: 3px; color: #1f1e1e; font-size: 19px; } .blog-post-container p.listing-date{ font-size: 15px; } .listing-title{ font-family: Quicksand, "Open Sans", sans-serif; font-weight:bold; } .blog-heading-text { font-family: Quicksand, "Open Sans", sans-serif; } .listing-header { padding-bottom: 1rem; margin-bottom: 2rem; border-bottom: 1px solid #f2f1f1; } .listing-header .listing-options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 1.5rem 0 0; padding: 0; list-style: none; } .listing-header .listing-options [class*=" ion-"], .listing-header .listing-options [class^="ion-"] { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; line-height: 1; text-align: center; } .listing-header .listing-options .listing-options-item + .listing-options-item { margin-left: 1.5rem; } .listing-header .listing-options .listing-options-item .active { color: #eb354e; } .listing-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .listing-card .listing-image { position: relative; overflow: hidden; } .listing-card .listing-image .listing-image-head { position: absolute; top: 1rem; right: 1rem; left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 10; } .listing-card .listing-image img { width: 100%; -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 2s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .listing-card .listing-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #f5f5f5; padding: 1.5rem; min-width: 0; min-height:250px; } .listing-card .listing-content .listing-content-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .listing-card:hover .listing-image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-main-img img{ border:1px solid #d9d9d9!important; width: 100%; } .blog-content .list-style-k1{color: #000000; font-size: 18px; font-weight: 300; list-style:disc; margin-left:25px; line-height:40px;} .listing-tag { display: table; font-size: 0.75rem; font-weight: 600; padding: 0.325rem 0.75rem; border-radius: 1rem; color: #fff; background-color: rgba(0, 0, 0, 0.6); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .list-bunch .list-bunch-item { margin-bottom: 2rem; } .list-right-side .list-categories a{ font-size:18px!important; font-weight:bold; } .list-right-side .list-tags{ list-style:disc!important; margin-left:18px; } .list-right-side .blog-heading-text{ text-transform:uppercase!important; font-size:22px!important; } .list-right-side li{ border-radius:0px!important; } .t-1{ font-size: 2.3rem!important; font-weight: 800!important; line-height: 40px; font-family: Quicksand, "Open Sans", sans-serif; } .t-2{ color: #000000; font-size: 1.5rem; font-weight: 800; line-height: 40px; font-family: Quicksand, "Open Sans", sans-serif; } .t-3{ color: #000000; font-size: 1.5rem; font-weight: 800; line-height: 40px; font-family: Quicksand, "Open Sans", sans-serif; } .lst-1{ color: #000000; font-size: 19px; font-weight: 400; list-style:disc; margin-left:25px; line-height:35px; } .em{ color: #FF6600; } .lst-1 b{ color: #FF6600; } .lst-1 li{ margin-bottom:5px; font-family: Quicksand; } .pa-20{ color: #000000; font-size: 20px; font-weight: 400; font-family: Quicksand; } .bg-c-e5f0ff{ background-color:#e5f0ff; } .bg-c-eaf8ff{ background-color:#eaf8ff; } .bg-c-fdfdfd{ background-color:#fdfdfd; } /**/ code{ background-color:#000000!important; } .p-4 { padding: 1rem; } .overflow-y-auto { overflow-y: auto; } .bg-black { --tw-bg-opacity: 1; background-color: rgba(0,0,0,var(--tw-bg-opacity)); } .rounded-md { border-radius: 0.375rem; } .mb-4 { margin-bottom: 1rem; } .\!whitespace-pre { white-space: pre!important; } .hljs-meta { color: hsla(0,0%,100%,.6); } .hljs-doctag, .hljs-formula, .hljs-keyword, .hljs-literal { color: #2e95d3; } code.hljs, code[class*=language-], pre[class*=language-] { word-wrap: normal; background: none; color: #fff; -webkit-hyphens: none; hyphens: none; line-height: 1.5; tab-size: 4; text-align: left; white-space: pre; word-break: normal; word-spacing: normal; } .hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable { color: #df3079; } .hljs-addition, .hljs-attribute, .hljs-meta-string, .hljs-regexp, .hljs-string { color: #00a67d; } /**/ @media (min-width: 576px) { .listing-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .listing-header .listing-options { margin-top: 0; } .listing-card.list-view { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .listing-card.list-view .listing-image { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .listing-card.list-view .listing-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; max-width: initial; } } @media (min-width: 768px) { .listing-wrapper .listing-container { width: 45%; } .listing-wrapper .listing-map { width: 55%; height: 100vh; } .listing-wrapper .listing-container { padding: 3rem 2rem; } .listing-wrapper .listing-map { position: fixed; top: 0; right: 0; bottom: 0; } } @media (min-width: 992px) { .listing-card.list-view-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .listing-card.list-view-lg .listing-image { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .listing-card.list-view-lg .listing-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; max-width: initial; } .listing-sidebar { margin-top: 0; padding-left: 2rem; } .listing-wrapper .listing-container { width: 50%; } .listing-wrapper .listing-map { width: 50%; height: 100vh; } .images-list-container .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; z-index: 2; } .images-list-container .images-list-content { -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } } @media (min-width: 1200px) { .listing-sidebar { padding-left: 4rem; } .listing-wrapper .listing-container { width: 55%; } .listing-wrapper .listing-map { width: 45%; height: 100vh; } .images-list-container { position: absolute; right: 0; bottom: 0; left: 0; color: #fff; padding-bottom: 3rem; } .images-list-container:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #000), to(rgba(0, 0, 0, 0))); background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%); z-index: 1; } .images-list-container .images-list-title, .images-list-container a { color: #fff; } }