/*Reset Styles ------------------------------------*/ @import url("http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800"); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,900); @import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,greek); @import url(https://fonts.googleapis.com/css?family=Roboto:400,100); * { border-radius: 0; } body{ overflow-x:hidden; } a, a:focus, a:hover, a:active, button, button:hover { outline: 0 !important; } a:focus { text-decoration: none; } hr { margin: 30px 0; } hr.hr-xs { margin: 10px 0; } hr.hr-md { margin: 20px 0; } hr.hr-lg { margin: 40px 0; } /*Headings*/ h1 { font-size: 28px; line-height: 35px; } h2 { font-size: 24px; line-height: 33px; } h3 { font-size: 20px; line-height: 27px; } h4 { line-height: 25px; } h5 { line-height: 20px; } h6 { line-height: 18px; } h1, h2, h3, h4, h5, h6 { color: #555; margin-top: 5px; text-shadow: none; font-weight: normal; font-family: 'Open Sans', sans-serif; } h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { margin-right: 5px; } /*Block Headline*/ .headline { display: block; margin: 10px 0 25px 0; border-bottom: 1px dotted #e4e9f0; } .headline h2 { font-size: 22px; } .headline h2, .headline h3, .headline h4 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #72c02c; } .headline-md { margin-bottom: 15px; } .headline-md h2 { font-size: 21px; } /*Heading Options*/ .heading { text-align: center; } .heading h2 { padding: 0 12px; position: relative; display: inline-block; line-height: 34px !important; /*For Tagline Boxes*/ } .heading h2:before, .heading h2:after { content: ' '; width: 70%; position: absolute; border-width: 1px; border-color: #bbb; } .heading h2:before { right: 100%; } .heading h2:after { left: 100%; } @media (max-width: 768px) { .heading h2:before, .heading h2:after { width: 20%; } } /*Headline v1*/ .heading-v1 h2:before, .heading-v1 h2:after { top: 15px; height: 6px; border-top-style: solid; border-bottom-style: solid; } /*Headline v2*/ .heading-v2 h2:before, .heading-v2 h2:after { top: 15px; height: 6px; border-top-style: dashed; border-bottom-style: dashed; } /*Headline v3*/ .heading-v3 h2:before, .heading-v3 h2:after { top: 15px; height: 6px; border-top-style: dotted; border-bottom-style: dotted; } /*Headline v4*/ .heading-v4 h2:before, .heading-v4 h2:after { top: 17px; border-bottom-style: solid; } /*Headline v5*/ .heading-v5 h2:before, .heading-v5 h2:after { top: 17px; border-bottom-style: dashed; } /*Headline v6*/ .heading-v6 h2:before, .heading-v6 h2:after { top: 17px; border-bottom-style: dotted; } /*Heading Titles v1*/ .title-v1 { z-index: 1; position: relative; text-align: center; margin-bottom: 60px; } .title-v1 h1, .title-v1 h2 { color: #444; font-size: 28px; position: relative; margin-bottom: 15px; padding-bottom: 20px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; } .title-v1 h1:after, .title-v1 h2:after { bottom: 0; left: 50%; height: 1px; width: 70px; content: " "; margin-left: -35px; position: absolute; background: #4765a0; } .title-v1 p { font-size: 17px; font-weight: 200; } /*Heading Titles v2*/ h2.title-v2 { color: #555; position: relative; margin-bottom: 30px; } h2.title-v2:after { left: 0; width: 70px; height: 2px; content: " "; bottom: -10px; background: #555; position: absolute; } h1.title-v2.title-center, h2.title-v2.title-center, h3.title-v2.title-center { text-align: center; } h1.title-v2.title-center:after, h2.title-v2.title-center:after, h3.title-v2.title-center:after { left: 50%; width: 70px; margin-left: -35px; } h1.title-light, h2.title-light, h3.title-light { color: #fff; } h2.title-light:after { background: #fff; } /*Heading Title v3*/ h1[class^="title-v3-"], h2[class^="title-v3-"], h3[class^="title-v3-"] { color: #555; } h2.title-v3-xlg { font-size: 28px; line-height: 32px; } h1.title-v3-lg, h2.title-v3-lg { font-size: 24px; line-height: 28px; } h1.title-v3-md, h2.title-v3-md { font-size: 20px; line-height: 24px; } h2.title-v3-sm, h3.title-v3-md { font-size: 18px; line-height: 24px; } h3.title-v3-md { line-height: 22px; } h3.title-v3-sm { font-size: 16px; line-height: 20px; } h2.title-v3-xs { font-size: 16px; line-height: 22px; } h3.title-v3-xs { font-size: 14px; margin-bottom: 0; } /*Heading Sizes ------------------------------------*/ h2.heading-md { font-size: 20px; line-height: 24px; } h2.heading-sm, h3.heading-md { font-size: 18px; line-height: 24px; } h3.heading-md { line-height: 22px; } h3.heading-sm { font-size: 16px; line-height: 20px; } h2.heading-xs { font-size: 16px; line-height: 22px; } h3.heading-xs { font-size: 14px; margin-bottom: 0; } /*Devider ------------------------------------*/ .devider.devider-dotted { border-top: 2px dotted #eee; } .devider.devider-dashed { border-top: 2px dashed #eee; } .devider.devider-db { height: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .devider.devider-db-dashed { height: 5px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; } .devider.devider-db-dotted { height: 5px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; } /*Tables ------------------------------------*/ /*Basic Tables*/ .table thead > tr > th { border-bottom: none; } @media (max-width: 768px) { .table th.hidden-sm, .table td.hidden-sm { display: none !important; } } /*Forms ------------------------------------*/ .form-control { box-shadow: none; } .form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9; } /*Form Spacing*/ .form-spacing .form-control { margin-bottom: 15px; } /*Form Icons*/ .input-group-addon { color: #b3b3b3; font-size: 14px; background: #fff; } i.icon-custom { color: #555; width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin-bottom: 5px; text-align: center; display: inline-block; border: solid 1px #555; } i.icon-sm { width: 35px; height: 35px; font-size: 16px; line-height: 35px; } i.icon-md { width: 55px; height: 55px; font-size: 22px; line-height: 55px; } i.icon-lg { width: 60px; height: 60px; font-size: 31px; line-height: 60px; margin-bottom: 10px; } i.icon-lg.icon-line { font-size: 28px; } .content-xs { padding-top: 20px; padding-bottom: 20px; } .content { padding-top: 40px; padding-bottom: 40px; } .content-sm { padding-top: 60px; padding-bottom: 60px; } .content-md { padding-top: 80px; padding-bottom: 80px; } .content-lg { padding-top: 100px; padding-bottom: 100px; } .margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60 { clear:both; } .margin-bottom-5 { margin-bottom:5px;} .margin-bottom-10 { margin-bottom:10px;} .margin-bottom-15 { margin-bottom:15px;} .margin-bottom-20 { margin-bottom:20px;} .margin-bottom-25 { margin-bottom:25px;} .margin-bottom-30 { margin-bottom:30px;} .margin-bottom-35 { margin-bottom:35px;} .margin-bottom-40 { margin-bottom:40px;} .margin-bottom-45 { margin-bottom:45px;} .margin-bottom-50 { margin-bottom:50px;} .margin-bottom-55 { margin-bottom:55px;} .margin-bottom-60 { margin-bottom:60px;} .margin-top-5, .margin-top-10, .margin-top-15, .margin-top-20, .margin-top-25, .margin-top-30, .margin-top-35, .margin-top-40, .margin-top-45, .margin-top-50, .margin-top-55, .margin-top-60 { clear:both; } .margin-top-5 { margin-top:5px;} .margin-top-10 { margin-top:10px;} .margin-top-15 { margin-top:15px;} .margin-top-20 { margin-top:20px;} .margin-top-25 { margin-top:25px;} .margin-top-30 { margin-top:30px;} .margin-top-35 { margin-top:35px;} .margin-top-40 { margin-top:40px;} .margin-top-45 { margin-top:45px;} .margin-top-50 { margin-top:50px;} .margin-top-55 { margin-top:55px;} .margin-top-60 { margin-top:60px;} .bg-color-dark, .bg-color-sea, .bg-color-red, .bg-color-aqua, .bg-color-blue, .bg-color-grey, .bg-color-light, .bg-color-green, .bg-color-brown, .bg-color-orange, .bg-color-green1, .bg-color-purple, .bg-color-dark-blue, .bg-color-light-grey, .bg-color-light-green { color: #fff; } .bg-color-white { color: #555; } .bg-color-dark { background-color: #555 !important;} .bg-color-white { background-color: #fff !important;} .bg-color-sea { background-color: #1abc9c !important;} .bg-color-red { background-color: #4765a0 !important;} .bg-color-aqua { background-color: #27d7e7 !important;} .bg-color-blue { background-color: #3498db !important;} .bg-color-grey { background-color: #95a5a6 !important;} .bg-color-light { background-color: #f7f7f7 !important;} .bg-color-green { background-color: #72c02c !important;} .bg-color-brown { background-color: #9c8061 !important;} .bg-color-orange { background-color: #4765a0 !important;} .bg-color-green1 { background-color: #2ecc71 !important;} .bg-color-purple { background-color: #9b6bcc !important;} .bg-color-dark-blue { background-color: #4765a0 !important;} .bg-color-light-grey { background-color: #585f69 !important;} .bg-color-light-green { background-color: #79d5b3 !important;} /*Rounded and Circle Classes ------------------------------------*/ .no-rounded { border-radius: 0 !important;} .rounded { border-radius: 4px !important;} .rounded-x { border-radius: 50% !important;} .rounded-2x { border-radius: 10px !important;} .rounded-3x { border-radius: 15px !important;} .rounded-4x { border-radius: 20px !important;} .rounded-sm { border-radius: 2px !important;} .rounded-md { border-radius: 3px !important;} .rounded-top { border-radius: 4px 4px 0 0 !important;} .rounded-left { border-radius: 4px 0 0 4px !important;} .rounded-right { border-radius: 0 4px 4px 0 !important;} .rounded-bottom { border-radius: 0 0 4px 4px !important;} .testmon { padding-bottom: 15px; background: url(../img/arrow_testinomial.png) no-repeat bottom center !important; } .testmon-content { background: rgba(238, 238, 238, 0.8); border-radius: 10px; padding: 15px; min-height: 120px } .ms-showcase2-template { margin: 0 auto; max-width: 550px; } .ms-showcase2-template .ms-view { background: transparent; } /*Revolution Slider (Main) ------------------------------------*/ .tp-banner-container ul li, .fullscreenbanner-container ul li { list-style: none; visibility: hidden; } .tp-bullets.preview4 .bullet { border-radius: 10px !important; } .tp-banner-container { position: relative; } /*Fullscreen*/ .fullscreen-container { width:100%; position:relative; padding:0; } /*Slider Contents v1*/ .revolution-mch-1:after { top: 0; left: 0; right: 0; width: 100%; height: 100%; content: ' '; position: absolute; background: rgba(0,0,0,0.3); } .revolution-ch1 { color: #fff; font-size: 50px; font-weight: 200; line-height: 60px; padding: 30px 50px; text-align: center; border: 1px solid #fff; text-transform: uppercase; font-family: "Open Sans", sans-serif; } .revolution-ch2 { color: #fff; font-size: 30px; max-width: 470px; line-height: 32px; position: relative; text-align: center; font-weight: normal; text-transform: uppercase; font-family: "Open Sans", sans-serif; } .revolution-ch2:after { left: 50%; width: 70px; height: 2px; content: ' '; bottom: -20px; background: #fff; margin-left: -35px; position: absolute; } .revolution-ch3 { color: #fff; font-size: 50px; font-weight: 200; line-height: 60px; text-align: center; text-transform: uppercase; font-family: "Open Sans", sans-serif; } .revolution-ch4 { color: #fff; font-size: 18px; max-width: 300px; line-height: 30px; text-align: right; position: relative; font-weight: normal; font-family: "Open Sans", sans-serif; } .revolution-ch5 { color: #fff; font-size: 50px; font-weight: 200; line-height: 60px; text-align: center; text-transform: uppercase; font-family: "Open Sans", sans-serif; } /*Back to top Button ------------------------------------*/ #topcontrol { color: #fff; z-index: 99; width: 30px; height: 30px; font-size: 20px; background: #222; position: relative; right: 14px !important; bottom: 11px !important; border-radius: 3px !important; } #topcontrol:after { /*top: -2px;*/ left: 8.5px; content: "\f106"; position: absolute; text-align: center; font-family: FontAwesome; } #topcontrol:hover { color: #fff; background: #18ba9b; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .tab-v5 .nav-tabs { border-bottom-color: #dedede; } .tab-v5 .nav-tabs > li { margin-right: 30px; } .tab-v5 .nav-tabs > li > a { border: none; color: #687074; padding: 6px 0; font-size: 18px; margin-right: 0; background: none; text-transform: uppercase; border-bottom: solid 1px transparent; } .tab-v5 .nav-tabs > li.active > a, .tab-v5 .nav-tabs > li.active > a:hover, .tab-v5 .nav-tabs > li.active > a:focus { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #18ba9b; } .tab-v5 .nav-tabs > li > a:hover { border-bottom: 1px solid #18ba9b; } .tab-v5 .nav-tabs > li > a:focus { border: none; } .tab-v5 .tab-content { padding: 30px 0; } /*Full Width*/ .full-width { width: 100%; } /*tp Color Red*/ .tp-red { color: #c9253c; } .tp-green { color: #18ba9b; } /*tp Background Red*/ .tp-bg-red { background: #c9253c; } .tp-bg-green { background: #18ba9b; } .tp-rgba-red { background: rgba(201,37,60,0.5); } .tp-rgba-dark-green { background: rgba(24,171,155,0.5); } .tp-rgba-dark { background: rgba(0,0,0,0.5); } /*Label Danger tp*/ .label.label-danger-tp { color: #fff; font-size: 9px; padding: 1px 5px; background: #c9253c; text-transform: uppercase; } /*Removes Bootstrap carousel background images*/ .carousel-control.left, .carousel-control.right { background-image: none; } /*RGBA Banner*/ .rgba-banner-position { position: relative; } .rgba-banner { top: 20px; right: -5px; color: #fff; font-size: 14px; padding: 3px 8px; font-weight: 600; position: absolute; text-transform: uppercase; } .rgba-banner-v2 { right: 0; top: 20px; color: #fff; font-size: 14px; padding: 3px 8px; font-weight: 600; position: absolute; text-transform: uppercase; } * { font-family: 'Open Sans', sans-serif; } h1, h2, h3, h4, h5, h6 { color: #687074; } p { color: #888; font-size: 14px; } a { color: #4765a0; text-decoration: none; } a:hover { color: #4765a0; text-decoration: underline; } ul.list-inline { margin-left: 0; } li:first-child { padding-left: 0; } /*Heading ------------------------------------*/ .heading h2 { color: #687074; font-size: 24px; text-transform: uppercase; } .heading h2:before, .heading h2:after { width: 100%; } @media (max-width: 991px) { .heading h2:before, .heading h2:after { width: 65%; } } @media (max-width: 768px) { .heading h2:before, .heading h2:after { width: 35%; } } @media (max-width: 600px) { .heading h2 { font-size: 19px; } .heading h2:before, .heading h2:after { width: 15%; } } /*Twitter Block ------------------------------------*/ .twitter-block { padding: 25px 0 75px; background: url(../img/twitter-bg.jpg) repeat; } /*Heading*/ .twitter-block .heading h2 { color: #fff; font-size: 24px; } .twitter-block .heading h2:before, .twitter-block .heading h2:after { border-color: #fff; } /*Carousel*/ .twitter-block .item { padding: 0 150px; text-align: center; } @media (max-width: 991px) { .twitter-block .item { padding: 0 100px; } } .twitter-block .item p { color: #fff; font-size: 18px; } @media (max-width: 768px) { .twitter-block .item p { font-size: 14px; font-weight: 200; } } .twitter-block .item a { color: rgba(0, 0, 0, 0.5); } .twitter-block .twitter-icons i { font-size: 18px; } .twitter-block .twitter-icons i:hover { color: #fff; } .twitter-block .carousel-control { top: 30%; color: #fff; font-size: 40px; margin-top: -30px; } .twitter-block .carousel-control.left { left: -10px; } .twitter-block .carousel-control.right { right: -10px; } .twitter-block .carousel-indicators { bottom: -50px; } /*tp-subscribe ------------------------------------*/ .tp-subscribe { padding: 20px 0; background: #2C5EE8; } .tp-subscribe h2 { margin: 0; color: #fff; font-size: 24px; font-weight: 200; text-transform: uppercase; } /*Input Form Control*/ .tp-subscribe input { border-color: #fff; border-right: none; background: transparent; } .tp-subscribe .form-control { color: #fff; font-size: 14px; font-weight: 200; } .tp-subscribe .form-control:focus { box-shadow: none; border-color: #fff; } .tp-subscribe .form-control::-moz-placeholder { color: #fff; } .tp-subscribe .form-control:-ms-input-placeholder { color: #fff; } .tp-subscribe .form-control::-webkit-input-placeholder { color: #fff; } .tp-subscribe .input-group-btn { border-color: #fff; background: transparent; } .tp-subscribe .input-group-btn .btn { border: 1px solid #fff; background: transparent; } .tp-subscribe .input-group-btn i { color: #fff; font-size: 16px; font-weight: 200; } /*Footer-v4 ------------------------------------*/ /*Footer*/ .footer-v4 .footer { padding: 50px 0; background: #151515; } .footer-v4 .footer p { color: #bbb; font-size: 14px; } .footer-v4 img.footer-logo { margin: 15px 0 20px; } .footer-v4 .address-list li { color: #bbb; margin-bottom: 7px; } .footer-v4 .address-list li i { margin-right: 10px; vertical-align: middle; } .footer-v4 h2.thumb-headline { color: #ddd; font-size: 16px; margin-bottom: 3px; text-transform: uppercase; } .footer-v4 .simple-list li { color: #bbb; } .footer-v4 .simple-list a { color: #bbb; font-size: 14px; font-weight: 200; } /*Copyright*/ .footer-v4 .copyright { padding: 15px 0; border-top: none; background: #191919; } .footer-v4 .copyright p { color: #bbb; font-size: 12px; margin-top: 13px; margin-bottom: 0; } .footer-v4 .copyright a { color: #4765a0; } .footer-v4 .sponsors-icons { margin-bottom: 0; } .footer-v4 .sponsors-icons i { color: #fff; font-size: 40px; } @media (max-width: 991px) { .footer-v4 .copyright { text-align: center; } .footer-v4 .copyright p { margin-bottom: 15px; } .footer-v4 .sponsors-icons.pull-right { float: none !important; } } /*Top Bar v3 (currency, language, account etc.) ------------------------------------*/ .topbar-v3 { z-index: 99; padding: 3px 0; position: relative; background: #EFEFEF; } @media (max-width: 768px) { .topbar-v3 .left-topbar, .topbar-v3 .right-topbar { text-align: center; float: none !important; } } /*Left Top Bar*/ .topbar-v3 ul.left-topbar { padding-left: 0; margin-bottom: 1px; } .topbar-v3 ul.left-topbar > li { display: inline; list-style: none; position: relative; margin-right: 15px; padding-bottom: 15px; } .topbar-v3 ul.left-topbar > li > a { color: #000; font-size: 12px; text-transform: uppercase; } .topbar-v3 ul.left-topbar > li > a:hover { cursor: pointer; } /*Currency & Language*/ .topbar-v3 ul.currency, .topbar-v3 ul.language { top: 28px; left: -5px; z-index: 1; display: none; padding: 4px 0; padding-left: 0; list-style: none; min-width: 125px; position: absolute; background: #2a2a2a; } @media (max-width: 768px) { .topbar-v3 ul.currency, .topbar-v3 ul.language { top: 20px; } } .topbar-v3 li:hover ul.currency, .topbar-v3 li:hover ul.language { display: block; } .topbar-v3 ul.currency:after, .topbar-v3 ul.language:after { top: -4px; width: 0; height: 0; left: 8px; content: " "; display: block; position: absolute; border-bottom: 6px solid #2a2a2a; border-left: 6px solid transparent; border-right: 6px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } .topbar-v3 ul.currency li a, .topbar-v3 ul.language li a { color: #d1d1d1; display: block; font-size: 10px; padding: 2px 12px; margin-bottom: 1px; text-transform: uppercase; } .topbar-v3 ul.currency li.active a i, .topbar-v3 ul.language li.active a i { color: #d1d1d1; float: right; margin-top: 2px; } .topbar-v3 ul.currency li a:hover, .topbar-v3 ul.language li a:hover, .topbar-v3 ul.currency li.active a, .topbar-v3 ul.language li.active a { background: #333; } .topbar-v3 ul.currency li a:hover, .topbar-v3 ul.language li a:hover { text-decoration: none; } /*Right Top Bar*/ .topbar-v3 .right-topbar { margin-bottom: 1px; } .topbar-v3 .right-topbar li { margin-left: 3px; } .topbar-v3 .right-topbar li:first-child { margin-left: 0; } .topbar-v3 .right-topbar li, .topbar-v3 .right-topbar li a { color: #000; font-size: 12px; text-transform: uppercase; } /*Search*/ .topbar-v3 .search { color: #000; cursor: pointer; font-size: 14px; display: inline-block; } .topbar-v3 .search:hover { color: #bbb; } .topbar-v3 .search-open { top: 0; left: 0; width: 100%; display: none; background: #333; } .topbar-v3 .search-open .container { position: relative; } .topbar-v3 .search-open .search-close { top: 10px; right: 20px; color: #fff; cursor: pointer; position: absolute; } .topbar-v3 .search-open .form-control { padding: 0; color: #eee; border: none; min-height: 35px; font-weight: 200; background: #333; } .topbar-v3 .search-open .form-control:focus { box-shadow: none; } .topbar-v3 .search-open .form-control::-moz-placeholder { color: #eee; font-weight: 200; } .topbar-v3 .search-open .form-control:-ms-input-placeholder { color: #eee; font-weight: 200; } .topbar-v3 .search-open .form-control::-webkit-input-placeholder { color: #eee; font-weight: 200; } /*tp Badge ------------------------------------*/ /*Badge Lists*/ .header-v5 .tp-badge.badge-lists { margin-bottom: 0; } .header-v5 .tp-badge.badge-lists li { position: relative; } .header-v5 .tp-badge.badge-lists > li { margin-left: 20px; padding: 27px 15px 25px 25px; } .header-v5 .tp-badge.badge-lists span.badge { top: 20px; right: 3px; position: absolute; } @media (max-width: 991px) { .header-v5 .tp-badge { display: none; } } /*Badge Icons*/ .header-v5 .tp-badge.badge-icons span.badge { min-width: 12px; padding: 3px 6px; } .header-v5 .tp-badge.badge-icons i { color: #687074; font-size: 24px; min-width: 25px; } /*Badge*/ .header-v5 .tp-badge span.badge { font-weight: 400; padding: 4px 7px; } .header-v5 .tp-badge span.badge-sea { background: #4765a0; } /*Scrollbar*/ .header-v5 .mCustomScrollbar { height: 400px; } /*Badge Open*/ .header-v5 ul.tp-badge > li { position: relative; } .header-v5 ul.tp-badge > li:hover .badge-open { display: block; } .header-v5 .badge-open { top: 78px; right: 0; display: none; padding: 0 20px; list-style: none; min-width: 300px; background: #fff; position: absolute; border-top: 2px solid #4765a0; -webkit-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075); -moz-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075); box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075); } .header-v5 .badge-open li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #dedede; } .header-v5 .badge-open li:first-child { margin-top: 0; border-top: none; padding-top: 20px; } .header-v5 .badge-open li:after, .header-v5 .badge-open li:before { content: " "; display: table; } .header-v5 .badge-open li:after { clear: both; } .header-v5 .badge-open img { float: left; width: 100px; height: auto; margin-right: 15px; } .header-v5 .badge-open .close { line-height: 1.9; } .header-v5 .badge-open span { margin: 7px 0; color: #687074; display: block; font-size: 14px; } .header-v5 .badge-open small { color: #999; font-size: 14px; } /*Subtotal*/ .header-v5 li.subtotal { padding: 3px 0 20px; } .header-v5 li.subtotal span { color: #555; font-size: 18px; font-weight: 200; display: inline-block; text-transform: uppercase; } .header-v5 li.subtotal .subtotal-cost { color: #4765a0; } .header-v5 li.subtotal .col-xs-6:first-child { padding-right: 8px; } .header-v5 li.subtotal .col-xs-6:last-child { padding-left: 8px; } /*Header v5 ------------------------------------*/ .header-v5 { z-index: 99; position: relative; -webkit-box-shadow: 0px 3px 12px -3px rgba(148,148,148,1); -moz-box-shadow: 0px 3px 12px -3px rgba(148,148,148,1); box-shadow: 0px 3px 12px -3px rgba(148,148,148,1); } .header-v5 .navbar { margin: 0; } @media (max-width: 991px) { .header-v5 .navbar { margin-top: 10px; } } .header-v5 .navbar-default { border: none; background: none; } /*Navbar Header*/ @media (max-width: 991px) { .header-v5 .navbar-header { margin-bottom: 7px; } } @media (min-width: 993px) and (max-width: 999px) { .header-v5 .navbar-header { margin-top: 15px; } } .header-v5 .navbar-brand { z-index: 1; padding: 12px 10px 10px 15px; } @media (max-width: 998px) { .header-v5 .navbar-brand { margin-top: -15px; } } .header-v5 .navbar-default .navbar-toggle { color: #333; border: none; font-size: 19px; margin-top: 10px; } .header-v5 .navbar-default .navbar-toggle .icon-bar { background: #222; } .header-v5 .navbar-default .navbar-toggle:hover, .header-v5 .navbar-default .navbar-toggle:focus { background: inherit; } /*Navbar Collapse*/ .header-v5 .navbar-collapse { position: relative; } /*Navbar Nav set to centre*/ @media (min-width: 992px) { .header-v5 .navbar-nav { float: right; margin: 0 auto; display: table; table-layout: fixed; } } /*Navbar Menu*/ .header-v5 .navbar-default .navbar-nav > li > a { color: #687074; font-size: 16px; font-weight: 400; text-transform: uppercase; } .header-v5 .navbar-default .navbar-nav > .active > a { color: #4765a0; } /*Responsive Navbar*/ @media (max-width: 991px) { /*Responsive code for max-width: 991px*/ .header-v5 .navbar-header { float: none; } .header-v5 .navbar-toggle { display: block; } .header-v5 .navbar-collapse.collapse { display: none !important; } .header-v5 .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-v5 .navbar-nav { margin: 0; float: none !important; } .header-v5 .navbar-nav > li { float: none; } .header-v5 .navbar-nav > li > a { padding-top: 30px; padding-bottom: 40px; } /*Dropdown Menu Slide Down Effect*/ .header-v5 .navbar-nav .open .dropdown-menu { border: 0; float: none; width: auto; margin-top: 0; position: static; box-shadow: none; background-color: transparent; } .header-v5 .navbar-nav .open .dropdown-menu > li > a, .header-v5 .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .header-v5 .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .header-v5 .navbar-nav .open .dropdown-menu > li > a:hover, .header-v5 .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .header-v5 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } .header-v5 .navbar-default .dropdown-menu.no-bottom-space { padding-bottom: 0; } /*Design for max-width: 991px*/ .header-v5 .navbar-collapse, .header-v5 .navbar-collapse .container { padding-left: 0 !important; padding-right: 0 !important; } .header-v5 .navbar-default .navbar-nav > li > a { font-size: 14px; padding: 9px 10px; } .header-v5 .navbar-default .navbar-nav > li a { border-bottom: solid 1px #eee; } .header-v5 .navbar-default .navbar-nav > li > a:focus { background: none; } .header-v5 .navbar-default .navbar-nav > li > a:hover { color: #4765a0; } .header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > .active > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a:focus { color: #fff !important; background: #4765a0 !important; } .header-v5 .dropdown .dropdown-submenu > a { font-size: 13px; color: #333 !important; text-transform: uppercase; } } @media (min-width: 992px) { /*Navbar Collapse*/ .header-v5 .navbar-collapse { padding: 0; } .header-v5 .navbar-default .navbar-nav > li > a { line-height: 29px; padding: 23px 18px 24px; } .header-v5 .navbar-default .navbar-nav > li > a:last-child { padding-right: 15px; } .header-v5 .navbar-default .navbar-nav > li > a, .header-v5 .navbar-default .navbar-nav > li > a:focus { border-top: solid 2px transparent; } .header-v5 .navbar-default .navbar-nav > li > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a { border-top: solid 2px #4765a0; } .header-v5 .navbar-default .navbar-nav > li > a, .header-v5 .navbar-default .navbar-nav > li > a:hover, .header-v5 .navbar-default .navbar-nav > li > a:focus, .header-v5 .navbar-default .navbar-nav > .active > a, .header-v5 .navbar-default .navbar-nav > .active > a:hover, .header-v5 .navbar-default .navbar-nav > .active > a:focus { background: none; } .header-v5 .navbar-default .navbar-nav > .open > a, .header-v5 .navbar-default .navbar-nav > .open > a:hover, .header-v5 .navbar-default .navbar-nav > .open > a:focus { color: #4765a0; } .header-v5 .navbar-default .navbar-nav > li:hover > a { color: #4765a0; } /*Dropdown Menu*/ .header-v5 .dropdown-menu { padding: 0; border: none; min-width: 200px; border-radius: 0; z-index: 9999 !important; border-top: solid 2px #4765a0; -webkit-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075); -moz-box-shadow: 0 2px 2px 0px rgba(90,90,90,0.075); box-shadow: 0 5px 5px 0px rgba(90,90,90,0.075); } .header-v5 .dropdown-menu li a { color: #687074; font-size: 14px; font-weight: 400; padding: 8px 15px; border-bottom: solid 1px #dedede; } .header-v5 .dropdown-menu > li > a { /*Transition for fixed header*/ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .header-v5 .dropdown-menu .active > a, .header-v5 .dropdown-menu li > a:hover { color: #fff; background: #4765a0; filter: none !important; } .header-v5 .dropdown-menu li > a:focus { color: inherit; background: none; filter: none !important; } .header-v5 .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; } .header-v5 .open > .dropdown-menu { display: none; } .header-v5 .dropdown-menu li.dropdown-submenu:hover > a { color: #fff; background: #4765a0; } } /*Dropdown Submenu for BS3 ------------------------------------*/ .header-v5 .dropdown-submenu { position: relative; } .header-v5 .dropdown > a:after, .header-v5 .dropdown-submenu > a:after { top: 8px; right: 9px; font-size: 11px; content: "\f105"; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; } @media (max-width: 991px) { .header-v5 .dropdown-submenu > a:after { content: " "; } .header-v5 .dropdown > a:after { top: 9px; right: 15px; content: "\f107"; } } @media (min-width: 992px) { .header-v5 .dropdown > a:after { content: " "; } } .header-v5 .dropdown-submenu > .dropdown-menu { top: 3px; left: 100%; margin-top: -5px; margin-left: 0px; } /*Submenu comes from LEFT side*/ .header-v5 .dropdown-submenu > .dropdown-menu.submenu-left { left: -100%; } .header-v5 .dropdown-submenu:hover > .dropdown-menu { display: block; } @media (max-width: 991px) { .header-v5 .dropdown-submenu > .dropdown-menu { display: block; margin-left: 15px; } } .header-v5 .dropdown-submenu.pull-left { float: none; } .header-v5 .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; } .header-v5 .dropdown-menu li [class^="fa-"], .header-v5 .dropdown-menu li [class*=" fa-"] { left: -3px; width: 1.25em; margin-right: 1px; position: relative; text-align: center; display: inline-block; } .header-v5 .dropdown-menu li [class^="fa-"].fa-lg, .header-v5 .dropdown-menu li [class*=" fa-"].fa-lg { /* increased font size for fa-lg */ width: 1.5625em; } /*Header Fixed ------------------------------------*/ /*Header*/ .header-fixed .header-v5.header-fixed-shrink { top: 0; left: 0; width: 100%; z-index: 9999; position: fixed; height: 95px; margin-top: -29.5px; border-bottom: none; box-shadow: 0 0 3px #bbb; background: #fff; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; } /*Topbar*/ .header-fixed .header-v5.header-fixed-shrink .topbar { display: none; } /*No Topbar*/ .header-fixed .header-v5.no-topbar { height: 78px; } .header-fixed .header-v5.no-topbar.header-fixed-shrink { height: 95px; margin-top: -35px; } .header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-brand { top: 46px; } .header-fixed .header-v5.no-topbar.header-fixed-shrink .tp-badge.badge-lists { margin-top: 26px; } .header-fixed .header-v5.no-topbar.header-fixed-shrink .tp-badge.badge-lists > li { padding-bottom: 17px; } .header-fixed .header-v5.no-topbar.header-fixed-shrink .tp-badge .badge-open { top: 69px; } .header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-nav > li > .dropdown-menu { margin-top: -1px; } /*Brand*/ .header-fixed .header-v5.header-fixed-shrink .navbar-brand { top: 12px; z-index: 1; position: relative; padding: 0 10px 10px; } .header-fixed .header-v5.header-fixed-shrink .navbar-brand img { width: 80%; } .header-fixed .header-v5.header-fixed-shrink .navbar-nav > li > .dropdown-menu { margin-top: -8px; } /*Badge List*/ .header-fixed .header-v5.header-fixed-shrink .tp-badge.badge-lists { margin-top: -3px; } .header-fixed .header-v5.header-fixed-shrink .tp-badge .badge-open { top: 70px; } @media (max-width: 991px) { /*Header*/ .header-fixed .header-v5, .header-fixed .header-v5.header-fixed-shrink, .header-fixed .header-v5.no-topbar, .header-fixed .header-v5.no-topbar.header-fixed-shrink { height: inherit; position: relative; } } @media (min-width: 992px) { .header-fixed .header-v5.header-fixed-shrink .navbar-nav > li > a { font-size: 15px; margin-top: 2px; padding: 17px 18px 26px; } /*No Topbar*/ .header-fixed .header-v5.no-topbar.header-fixed-shrink .navbar-nav > li > a { margin-top: 35px; padding: 14px 17px 16px; } } /*Mega Menu ------------------------------------*/ .header-v5 .mega-menu .nav, .header-v5 .mega-menu .dropup, .header-v5 .mega-menu .dropdown, .header-v5 .mega-menu .collapse { position: static; } .header-v5 .mega-menu .navbar-inner, .header-v5 .mega-menu .container { position: relative; } .header-v5 .mega-menu .dropdown-menu { left: auto; } .header-v5 .mega-menu .dropdown-menu > li { display: block; } .header-v5 .mega-menu .dropdown-submenu .dropdown-menu { left: 100%; } .header-v5 .mega-menu .nav.pull-right .dropdown-menu { right: 0; } .header-v5 .mega-menu .mega-menu-content { *zoom: 1; padding: 20px 10px; } .header-v5 .mega-menu .mega-menu-content:before, .header-v5 .mega-menu .mega-menu-content:after { content: ""; display: table; line-height: 0; } .header-v5 .mega-menu .mega-menu-content:after { clear: both; } .header-v5 .mega-menu.navbar .nav > li > .dropdown-menu:after, .header-v5 .mega-menu.navbar .nav > li > .dropdown-menu:before { display: none; } .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { left: 164px; right: 0; overflow: hidden; } @media (min-width: 992px) { .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { margin-left: 10px; margin-right: 15px; } } @media (max-width: 991px) { .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { width: auto; } .header-v5 .mega-menu .mega-menu-content { padding-right: 0; } .header-v5 .mega-menu .mega-menu-content [class^="col-"] { padding-right: 25px; } .header-v5 .mega-menu .dropdown-menu > li > ul { display: block; } } /*Bootstrap Container*/ @media (min-width: 768px) { .header-v5 .mega-menu .mega-menu-content .container { width: 708px; } } @media (min-width: 992px) { .header-v5 .mega-menu .mega-menu-content .container { width: 910px; } } @media (min-width: 1200px) { .header-v5 .mega-menu .mega-menu-content .container { width: 900px; } } /*Dropdown Menu*/ .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li { padding-bottom: 5px; list-style: none; } .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a:hover { background: none; color:#000; text-decoration:none; } .header-v5 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu li a { padding: 0; border-bottom: none; } /*Product Offers*/ .header-v5 img.product-offers:hover { opacity: 0.9; } /*Style List*/ .header-v5 h3.mega-menu-heading { color: #555; font-size: 18px; font-weight: 400; margin-bottom: 5px; padding-bottom: 5px; text-transform: uppercase; border-bottom: 1px solid #dedede; } .header-v5 h3.mega-menu-heading.margin-bottom-10 { margin-bottom: 10px !important; } .header-v5 .style-list { margin-bottom: 20px; } .header-v5 .style-list li a { color: #888; font-size: 14px; margin-right: 5px; } .header-v5 .style-list li a:hover { color: #4765a0; background: none; text-decoration: none; } .header-v5 .style-list li .label { top: -2px; position: relative; } /*Parallax Slider (Main) ------------------------------------*/ .slider-inner .da-slider { box-shadow: none; border-bottom: 2px solid #ddd; } .slider-inner .da-dots { z-index: 10; } @media (max-width: 450px) { .da-slide p { display:none; } } @media (max-width: 900px) { /*Slider Parallax*/ .da-slide .da-img { display:none; } } /*Master Slider ------------------------------------*/ .ms-promo-info { font-size: 45px; font-weight: 300; line-height: 1.5; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .ms-promo-info-in { font-size: 60px; font-weight: 600; } .ms-promo-sub { font-size: 18px; font-weight: 400; line-height: 1.4; font-family: "Open Sans", Arial, sans-serif; } .ms-promo-sub-in { font-size: 15px; } .ms-img-bordered { background: #fff; padding: 7px; } /*Revolution Slider ------------------------------------*/ .tp-dottedoverlay { z-index: 1 !important; } .tp-bullets.preview4 .bullet { border-radius: 10px !important; } .tp-banner-container ul li, .fullscreenbanner-container ul li { list-style: none; visibility: hidden; } .tp-banner-container { position: relative; } /*Fullscreen*/ .fullscreen-container { padding:0; width:100%; position:relative; } /*Slider Contents v1*/ .revolution-mch-1:after { top: 0; left: 0; right: 0; width: 100%; height: 100%; content: ' '; position: absolute; background: rgba(0,0,0,0.3); } .revolution-ch1 { color: #fff; font-size: 40px; font-weight: 400; line-height: 60px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .revolution-ch2 { color: #fff; font-size: 20px; max-width: 470px; line-height: 32px; position: relative; text-align: center; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; } .revolution-ch2:after { left: 50%; width: 70px; height: 2px; content: ' '; bottom: -20px; background: #fff; margin-left: -35px; position: absolute; } /*Slider Contents v2*/ .re-title-v1 { color: #fff; font-size: 75px; font-weight: 600; line-height: 60px; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .re-title-v2 { color: #fff; font-size: 40px; font-weight: 600; line-height: 45px; text-align: center; text-transform: uppercase; font-family: "Open Sans", Arial, sans-serif; } .re-text-v1 { color: #fff; font-size: 24px; text-align: center; font-family: "Open Sans", Arial, sans-serif; } .re-text-v2 { color: #fff; font-size: 24px; font-family: "Open Sans", Arial, sans-serif; } /*Slides*/ .rs-caption-1 { color: #fff; font-size: 32px; font-weight: 200; padding: 6px 75px; position: relative; border-top: solid 1px #fff; border-bottom: solid 1px #fff; } .rs-caption-1:after, .rs-caption-1:before { font-size: 16px; content: "\f005"; position: absolute; font-family: FontAwesome; } @media (max-width: 768px) { .rs-caption-1:after, .rs-caption-1:before { content: ""; } } .rs-caption-1:after { right: 4%; } .rs-caption-1:before { left: 4%; } .rs-caption-2 { color: #fff; position: relative; font-size: 26px; font-weight: 200; line-height: 40px; padding: 10px 50px; text-align: center; } .rs-caption-2:after { left: 50%; content: ""; height: 1px; width: 100px; bottom: -10px; background: #fff; margin-left: -50px; position: absolute; } .rs-caption-3 a { margin: 0 5px; padding: 7px 20px; text-transform: uppercase; } @media (max-width: 768px) { .rs-caption-1, .rs-caption-2, .rs-caption-3 { font-weight: normal; } } /*Layer Slider ------------------------------------*/ .layer_slider { overflow: hidden; } .ls-ct-half, .ls-ct-center { border-radius: 100px !important; } /*Sequence Slider (Home Page) ------------------------------------*/ @media (max-width: 900px) { #sequence-theme .info { top:80px !important; width:60% !important; margin-right:50px; } } @media (max-width: 450px) { #sequence-theme .info { top:70px !important; width:70% !important; margin-right:25px; } #sequence-theme h2 { font-size:30px !important; } #sequence-theme .info p { font-size:18px !important; } } /*Clients Section (Owl Carousel) ------------------------------------*/ .clients-section { padding: 60px 0; position: relative; background: #333 url(../img/bg/alient_award.jpg) 20% fixed; background-size: cover; background-position: center center; } .clients-section:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.3); } .clients-section:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(../img/bg/gridtile.png) repeat; } .clients-section .title-v1 p, .clients-section .title-v1 h2 { color: #fff; } .clients-section ul { padding: 0; z-index: 1; list-style: none; } .clients-section li { margin: 0 3px; background: #fff; } .clients-section li a { padding: 10px; display: block; overflow: hidden; text-align: center; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .clients-section li a:hover { -transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } .clients-section img { width: 200px; height: 100px; } .clients-section .owl-pagination { display: none; } .purchase { padding: 25px 0 30px; border-bottom: solid 1px #eee; background: url(../img/bg/breadcrumbs.png) repeat; } .purchase p { margin-bottom: 0; } .purchase span { color: #666; display: block; font-size: 24px; line-height: 35px; font-weight: normal; margin-bottom: 12px; font-family: "Open Sans", Arial, sans-serif; } .title-box-v2 { text-align: center; margin-bottom: 40px; } .title-box-v2 h2 { font-size: 25px; text-transform: uppercase; } .title-box-v2 p { font-size: 13px; } .color-green { color: #4765a0; } .tag-box-v1 { border: solid 1px #eee; border-top: solid 2px #72c02c; } .tag-box { padding: 20px; margin-bottom: 30px; } .tag-box h2 { font-size: 20px; line-height: 25px; color: #555; margin-top: 0px; text-shadow: none; font-weight: normal; font-family: "Open Sans", Arial, sans-serif; } h2.welcome-title { font-weight: 200; line-height: 50px; margin-top: -10px; margin-bottom: 10px; font-size: 20px; font-family: 'Open Sans', sans-serif; } .service-or { overflow: hidden; position: relative; } .service-block-sea { background: #1abc9c; } .service-bg { width: 250px; padding: 60px; position: absolute; top: -10px; right: -100px; background-color: rgba(255,255,255,0.1); transform: rotate(55deg); -o-transform: rotate(55deg); -ms-transform: rotate(55deg); -moz-transform: rotate(55deg); -webkit-transform: rotate(55deg); } .service-bg-client{ width: 60%; padding: 150px; top:30px; right: 0%; } .service-bg-client1{ width: 60%; padding: 150px; top:30px; right: 50%; } i.icon-color-light { color: #fff; border: solid 1px #fff; } i.icon-custom { color: #555; width: 40px; height: 40px; font-size: 20px; line-height: 40px; margin-bottom: 5px; text-align: center; display: inline-block; border: solid 1px #555; } .service-block p, .service-block h2 { color: #fff; } h2.heading-md { font-size: 20px; line-height: 24px; } .service-block { padding: 20px 30px; text-align: center; margin-bottom: 20px; } .rounded-x { border-radius: 50% !important; } i.icon-color-light { color: #fff; border: solid 1px #fff; } .service-block-blue { background: #2482C1; } /* News Info ------------------------------------*/ .news-v1 .news-v1-info li a:hover { color: #4765a0; } .news-v1 h3 a:hover { color: #4765a0; } .news-v2 .news-v2-desc h3 a:hover { color: #4765a0 !important; } .news-v3 .post-shares li span { background: #4765a0; } .news-v3 .posted-info li a:hover { color: #4765a0 !important; } .news-v3 h2 a:hover { color: #4765a0 !important; } } i.icon-bg-u { background: #72c02c; } i.icon-bg-blue { background: #3498db; } i.icon-bg-red { background: #4765a0; } i.icon-bg-sea { background: #1abc9c; } i.icon-bg-green { background: #2ecc71; } i.icon-bg-yellow { background: #f1c40f; } i.icon-bg-orange { background: #4765a0; } i.icon-bg-grey { background: #95a5a6; } i.icon-bg-dark { background: #555; } i.icon-bg-darker { background: #333; } i.icon-bg-purple { background: #9b6bcc; } i.icon-bg-aqua { background: #27d7e7; } i.icon-bg-brown { background: #9c8061; } i.icon-bg-dark-blue { background: #4765a0; } i.icon-bg-light-green { background: #79d5b3; } i.icon-bg-light { background: #fff; border-color: transparent; } i.icon-bg-light-grey { background: #585f69; border-color: transparent; } i.icon-bg-u, i.icon-bg-red, i.icon-bg-sea, i.icon-bg-dark, i.icon-bg-darker, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-purple, i.icon-bg-aqua, i.icon-bg-brown, i.icon-bg-dark-blue, i.icon-bg-light-grey, i.icon-bg-light-green { color: #fff; border-color: transparent; } /*Default Breadcrumbs*/ .breadcrumbs { overflow: hidden; padding: 10px 0 6px; border-bottom: solid 1px #eee; border-top: solid 2px #eee; background: url(../img/breadcrumbs.png) repeat; /* -webkit-box-shadow: inset 0 20px 6px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 6px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 6px -20px rgba(0,0,0,0.8); */ } .breadcrumbs h1 { color: #666; font-size: 22px; margin-top: 8px; } .breadcrumb { top: 10px; padding-right: 0; background: none; position: relative; } .breadcrumb a { color: #777; } .breadcrumb li.active, .breadcrumb li a:hover { text-decoration: none; } @media (max-width: 550px) { .breadcrumbs h1.pull-left, .breadcrumbs ul.pull-right { width: 100%; text-align: center; } .breadcrumbs h1.pull-left { margin-bottom: 0; } .breadcrumbs .breadcrumb { top: 0; margin-bottom: 10px; } } /*Breadcrumbs Dark and Light*/ .breadcrumbs.breadcrumbs-dark, .breadcrumbs.breadcrumbs-light { background: #222; padding: 30px 0 20px; border-bottom: solid 3px #777; } .breadcrumbs.breadcrumbs-light { background: #f7f7f7; border-bottom: 1px solid #eee; } .breadcrumbs.breadcrumbs-dark h1, .breadcrumbs.breadcrumbs-dark a, .breadcrumbs.breadcrumbs-light h1, .breadcrumbs.breadcrumbs-light a { color: #fff; font-weight: 200; } .breadcrumbs.breadcrumbs-light h1, .breadcrumbs.breadcrumbs-light a { color: #555; } .breadcrumbs.breadcrumbs-dark h1 { font-size: 24px; } .breadcrumbs.breadcrumbs-light h1 { font-size: 26px; } /*Breadcrumbs Sizes*/ .breadcrumbs-sm { padding: 50px 0; } .breadcrumbs-md { padding: 100px 0; } .breadcrumbs-lg { padding: 200px 0; } .shadow-wrapper { z-index: 1; position: relative; } .box-shadow { background: #fff; position: relative; } .box-shadow:after, .box-shadow:before { top: 80%; left: 5px; width: 50%; z-index: -1; content: ""; bottom: 15px; max-width: 300px; background: #999; position: absolute; } .shadow-effect-1 { box-shadow: 0 10px 6px -6px #bbb; -moz-box-shadow: 0 10px 6px -6px #bbb; -webkit-box-shadow: 0 10px 6px -6px #bbb; } .shadow-effect-2 { position: relative; } .shadow-effect-2:after, .shadow-effect-2:before, .shadow-effect-3:before, .shadow-effect-4:after { transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); box-shadow: 0 15px 10px #999; -moz-box-shadow: 0 15px 10px #999; -webkit-box-shadow: 0 15px 10px #999; } .shadow-effect-2:after, .shadow-effect-4:after { left: auto; right: 5px; transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); } /*News v2 ------------------------------------*/ /*News Badge*/ .news-v2 .news-v2-badge { overflow: hidden; position: relative; } .news-v2 .news-v2-badge p { left: 0; top: 20px; background: #fff; padding: 5px 15px; text-align: center; position: absolute; } .news-v2 .news-v2-badge span { color: #555; display: block; font-size: 16px; line-height: 16px; } .news-v2 .news-v2-badge small { color: #555; display: block; font-size: 10px; text-transform: uppercase; } /*News v2 ------------------------------------*/ /*News Badge*/ .news-v2 .news-v2-badge { overflow: hidden; position: relative; } .news-v2 .news-v2-badge p { left: 0; top: 20px; background: #fff; padding: 5px 15px; text-align: center; position: absolute; } .news-v2 .news-v2-badge span { color: #555; display: block; font-size: 16px; line-height: 16px; } .news-v2 .news-v2-badge small { color: #555; display: block; font-size: 10px; text-transform: uppercase; } /*News Description*/ .news-v2 .news-v2-desc { padding: 20px; background: #fff; } .news-v2 .news-v2-desc h3 { margin: 0 0 3px; font-size: 16px; } .news-v2 .news-v2-desc h3 a { color: #555; } .news-v2 .news-v2-desc h3 a:hover { color: #4765a0 !important; } .news-v2 .news-v2-desc small { color: #555; display: block; margin-bottom: 15px; text-transform: uppercase; } .news-v2 .news-v2-desc p { color: #555; } /*News v2 ------------------------------------*/ /*News Badge*/ .news-v2 .news-v2-badge { overflow: hidden; position: relative; } .news-v2 .news-v2-badge p { left: 0; top: 20px; background: #fff; padding: 5px 15px; text-align: center; position: absolute; } .news-v2 .news-v2-badge span { color: #555; display: block; font-size: 16px; line-height: 16px; } .news-v2 .news-v2-badge small { color: #555; display: block; font-size: 10px; text-transform: uppercase; } /*News Description*/ .news-v2 .news-v2-desc { padding: 20px; background: #fff; } .news-v2 .news-v2-desc h3 { margin: 0 0 3px; font-size: 16px; } .news-v2 .news-v2-desc h3 a { color: #555; } .news-v2 .news-v2-desc h3 a:hover { color: #72c02c; } .news-v2 .news-v2-desc small { color: #555; display: block; margin-bottom: 15px; text-transform: uppercase; } .news-v2 .news-v2-desc p { color: #555; } #owl-demo .item{ margin: 3px; } #owl-demo .item img{ display: block; width: 100%; height: auto; } .btn-green, .btn-green input[type=submit], .btn-green input[type=button] { color: #fff!important; background: #63ad23; } .btn-green:hover, .btn-green input[type=submit]:hover, .btn-green input[type=button]:hover { background: #6cc023; } .topImg{ -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8); font: bold 18px/1.2em sans-serif; height: 100px; margin: 15px auto; padding: 50px 15px 25px; text-align: center; } h3.block-title { font-size: 26px; text-align: center; font-weight: 300; color: #2d3237; font-family: "Raleway"; margin-top: 30px; margin-bottom: 30px; } .topImg h1{ font-family: 'Roboto', sans-serif; font-size:2.5em; font-weight: 100; color:#fff; text-align:left; margin-left:7%; } /*Team v7 ------------------------------------*/ .mgmt-team .mgmt-team-in { padding: 0 50px; } .mgmt-team .mgmt-team-name { color: #555; display: block; font-size: 18px; margin-bottom: 5px; text-transform: uppercase; } .mgmt-team .mgmt-team-position { display: block; color: #72c02c; font-style: normal; margin-bottom: 15px; } .mgmt-team p { font-size: 14px; line-height: 24px; margin-bottom: 20px; } /*Team Space*/ .mgmt-team .mgmt-team-name { margin-top:30px; } .mgmt-team .social-icons-v1 { margin-bottom: 60px; } /*Team Image*/ .mgmt-team .mgmt-team-img { position: relative; padding:0; } .mgmt-team .mgmt-team-img:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.1); } /*Team Info*/ .mgmt-team .team-arrow-right, .mgmt-team .team-arrow-left { position: relative; } .mgmt-team .team-arrow-left:before, .mgmt-team .team-arrow-right:before { width: 0; height: 0; top: 20%; z-index: 2; content: " "; position: absolute; border-style: solid; } .mgmt-team .team-arrow-right:before { right: -25px; border-width: 20px 0 20px 25px; border-color: transparent transparent transparent #fff; } .mgmt-team .team-arrow-left:before { left: -25px; border-width: 20px 25px 20px 0; border-color: transparent #fff transparent transparent; } .who li { margin-bottom: 6px; } p, li, li a, label { color: #555; } a, a:focus, a:hover, a:active { outline: 0 !important; } .who li i { color: #72c02c; font-size: 13px; min-width: 15px; margin-right: 8px; text-align: center; position: relative; } .color-red { color: #4765a0; } .form-control { box-shadow: none; border-radius: 0; } .form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9; } .sky-form .sky-space-20 { margin-bottom: 20px; } .breadcrumbs-v1, .breadcrumbs-v3 { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } .breadcrumbs-v3 { z-index: 1; padding: 100px 0; position: relative; } .breadcrumbs-v3.img-v1 { background: url(../img/320268155.jpg) no-repeat; background-size: cover; background-position: top center; } .breadcrumbs-v3 p { color: #fff; font-size: 24px; font-weight: 200; margin-bottom: 0; text-transform: uppercase; } .breadcrumbs-v3 h1 { color: #fff; font-size: 40px; line-height: 50px; text-transform: uppercase; } /*Team Info Media Queries*/ @media (max-width: 991px) { /*Team Arrows*/ .mgmt-team .team-arrow-left:before, .mgmt-team .team-arrow-right:before { top: auto; left: 70px; bottom: -25px; border-width: 25px 20px 0 20px; border-color: #fff transparent transparent transparent; } .mgmt-team .team-arrow-left:before, .mgmt-team .team-arrow-right:before { left: 70px; bottom: -25px; border-width: 25px 20px 0 20px; } /*Equal Height Columns*/ .mgmt-team .equal-height-column { height: auto !important; } } .mgmt-img{ border-radius: 100% !important; width: 200px; height: 200px; padding: 6px; border: solid 1px #DEDEDE; background: #F9F9F9; box-shadow: 0px 3px 5px #ADADAD; margin: 0 auto; } .mgmt .ca-item .ca-item-main h3{ color: #fff; font-size: 20px; white-space:nowrap; color:#000; font-weight: 200; font-family: 'Open Sans', sans-serif; text-shadow: none; margin: 15px 0 0px 0; height:auto; } .mgmt .ca-item .ca-item-main h2{ color: #fff; font-size: 16px; line-height: 20px; color:#6B6B6B; font-weight: 200; font-family: 'Open Sans', sans-serif; text-shadow: none; margin: 8px 0 15px 0; } .breadcrumbs-v3.img-v3 { background: url(../img/bg/img3.jpg) no-repeat; background-size: cover; background-position: center center; } .breadcrumbs-v3:after { top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.2); } .breadcrumbs-v3 p { color: #fff; font-size: 24px; font-weight: 200; margin-bottom: 0; text-transform: uppercase; } .content-boxes-v3 .content-boxes-in-v3 { padding: 0 20px; overflow: hidden; } .section-block { padding: 20px; border: 1px solid #eee; box-shadow: 0 0 3px #eee; } .tags-v1 li a { font-size: 13px; text-decoration: none; padding: 4px 8px; line-height: 32px; border: solid 2px #82D7FF; border-radius: 20px !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tags-v1 li { margin: 0; padding: 0; } .section-block .section-block-info ul { margin-bottom: 0; } .margin-bottom-5, .margin-bottom-10, .margin-bottom-15, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-45, .margin-bottom-50, .margin-bottom-55, .margin-bottom-60, .margin-bottom-100 { clear:both; } .margin-bottom-5 { margin-bottom:5px;} .margin-bottom-10 { margin-bottom:10px;} .margin-bottom-15 { margin-bottom:15px;} .margin-bottom-20 { margin-bottom:20px;} .margin-bottom-25 { margin-bottom:25px;} .margin-bottom-30 { margin-bottom:30px;} .margin-bottom-35 { margin-bottom:35px;} .margin-bottom-40 { margin-bottom:40px;} .margin-bottom-45 { margin-bottom:45px;} .margin-bottom-50 { margin-bottom:50px;} .margin-bottom-55 { margin-bottom:55px;} .margin-bottom-60 { margin-bottom:60px;} .margin-bottom-100 { margin-bottom:100px;} @media (max-width: 768px) { .sm-margin-bottom-10 { margin-bottom: 10px; } .sm-margin-bottom-20 { margin-bottom: 20px; } .sm-margin-bottom-30 { margin-bottom: 30px; } .sm-margin-bottom-40 { margin-bottom: 40px; } .sm-margin-bottom-50 { margin-bottom: 50px; } .sm-margin-bottom-60 { margin-bottom: 60px; } } @media (max-width: 992px) { .md-margin-bottom-10 { margin-bottom: 10px; } .md-margin-bottom-20 { margin-bottom: 20px; } .md-margin-bottom-30 { margin-bottom: 30px; } .md-margin-bottom-40 { margin-bottom: 40px; } .md-margin-bottom-50 { margin-bottom: 50px; } .md-margin-bottom-60 { margin-bottom: 60px; } } /*Other Spaces*/ .margin-top-20 { margin-top: 20px;} .margin-left-5 { margin-left: 5px;} .margin-left-10 { margin-left: 10px;} .margin-right-5 { margin-right: 5px;} .margin-right-10 { margin-right: 10px;} .padding-top-5 { padding-top: 5px;} .padding-left-5 { padding-left: 5px;} /*Text Colors ------------------------------------*/ .color-sea { color: #1abc9c;} .color-red { color: #e74c3c;} .color-aqua { color: #27d7e7;} .color-blue { color: #3498db;} .color-grey { color: #95a5a6;} .color-dark { color: #555555;} .color-darker { color: #333333;} .color-green { color: #72c02c;} .color-brown { color: #9c8061;} .color-light { color: #ffffff;} .color-orange { color: #e67e22;} .color-yellow { color: #f1c40f;} .color-green1 { color: #2ecc71;} .color-purple { color: #9b6bcc;} .color-inherit { color: inherit;} .color-dark-blue { color: #4765a0;} .color-light-grey { color: #585f69;} .color-light-green { color: #79d5b3;} .job-img { overflow: hidden; position: relative; min-height: 300px; background: url(../img/bg/11.jpg) 70% 40% no-repeat; } .job-img .job-banner { padding: 20px; max-width: 450px; margin: 60px auto 100px; background: rgba(255,255,255,0.8); } .job-img .job-banner h2 { font-size: 20px; line-height: 27px; text-align: center; text-transform: uppercase; } .job-img .job-img-inputs { left: 0; right: 0; bottom: -7px; padding: 20px 0; position: absolute; background: rgba(0,0,0,0.9); } .btn-u.btn-u-dark:hover, .btn-u.btn-u-dark:focus, .btn-u.btn-u-dark:active, .btn-u.btn-u-dark.active, .open .dropdown-toggle.btn-u.btn-u-dark { background: #333; } .btn-u { border: 0; color: #fff; font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; background: #72c02c; white-space: nowrap; display: inline-block; text-decoration: none; } .contacts-section2 i { float: left; margin-right: 15px; } i.icon-color-u { color: #72c02c; border: solid 1px #72c02c; } .contacts-section2 h6 { font-size: 16px; font-weight: 600; margin: 0 0 5px; } td.details-control { background: url('../img/Add-128.png') no-repeat center center; background-size: 25%; cursor: pointer; } tr.shown td.details-control { background: url('../img/details_close.png') no-repeat center center; background-size: 25%; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; border: 1px solid #B7B7B7; border-radius: 50px; padding: 3px 5px 3px 15px; } #example thead .sorting_disabled{ background: none !important; } .carousel-inner .active.left { left: -33%; } .carousel-inner .next { left: 33%; } .carousel-inner .prev { left: -33%; } .carousel-control.left,.carousel-control.right {background-image:none;} .item:not(.prev) {visibility: visible;} .item.right:not(.prev) {visibility: hidden;} .rightest{ visibility: visible;} .customersCarousel .item>div{ padding-right: 0px; padding-left: 0px; } .customersCarousel .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-right: -15px; } .customersCarousel .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -5px; font-size: 50px; } .customersCarousel .carousel-control.left{ left: -21px; } .customersCarousel .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 33%; z-index: 5; display: inline-block; } .customersCarousel .carousel-control{ width: 0%; } .mt-xl { margin-top: 25px !important; } .mb-none { margin-bottom: 0 !important; } .divider { border: 0; height: 1px; margin: 44px auto; background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent); background-image: linear-gradient(to right, transparent, #DBDBDB, transparent); text-align: center; position: relative; clear: both; } .divider.divider-primary.divider-small hr { background: #89b837; margin-left: auto; margin-right: auto; width: 50px; height: 3px; } .divider.divider-small.divider-small-center { text-align: center; } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; color: #000; } .divider.divider-small { margin: 22px auto; background: transparent; } .tabs.tabs-bottom { padding: 0; margin: 0 0 20px 0; } .nav-tabs { margin: 0; padding: 0; font-size: 0; border-bottom-color: #EEE; } .tabs-center .nav-tabs { margin: 0 auto; text-align: center; } .tabs.tabs-simple .nav-tabs { border: 0; margin-bottom: 10px; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px; margin-top: -1px; } .nav-tabs li { display: inline-block; float: none; } .tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus { padding: 15px 30px; background: none; border: 0; border-bottom: 3px solid #eee; border-radius: 0; color: #777; font-size: 16px; } .icon-featured { display: inline-block; font-size: 0px; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #FFF; font-size: 40px; line-height: 110px; } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100%; } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box { background: none; border: 0; box-shadow: none; margin: 10px 0; } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured { color: #89b837; } .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #777; } .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured { display: inline-block; font-size: 50px; height: 100px; padding: 0; width: 100px; margin-top: 0; margin-bottom: 10px; background: #FFF; border: 1px solid #dfdfdf; color: #777; line-height: 100px; } .tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom: 3px solid #CCC; border-top-color: transparent; border-bottom-color: #89b837; } .align-center, .center { text-align: center !important; } .tabs.tabs-bottom .nav-tabs li p{ font-size: 20px; margin-bottom: 5px; font-weight: 300; text-transform: uppercase; } .service-block-purple { background: #9b6bcc; } .service-block-aqua { background: #27d7e7; } .service-block-red { background: #e74c3c; } .no-gutter > [class*='col-'] { padding-right: 0; padding-left: 0; } p { color: #777; line-height: 24px; margin: 0 0 20px; } .parallax-twitter { color: #fff; padding: 100px 0; position: relative; text-align: center; background: #333 url(../img/bg/19.jpg) 50% 0 fixed; background-size: cover; background-position: center center; } .parallax-twitter:before { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: url(../img/patterns/gridtile.png) repeat; } .parallax-twitter:after { top: 0; left: 0; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0,0,0,0.7); } .parallax-twitter-in { z-index: 1; position: relative; } h1.title-v2.title-center:after, h2.title-v2.title-center:after, h3.title-v2.title-center:after { left: 50%; width: 70px; margin-left: -35px; } h2.title-light:after { background: #fff; } h2.title-v2:after { left: 0; width: 70px; height: 2px; content: " "; bottom: -10px; background: #FFF; position: absolute; } .parallax-twitter .counters { color: #fff; padding: 15px 0 10px; border: solid 1px #fff; min-height: 100px; } .parallax-twitter span.counter { font-size: 32px; line-height: 28px; } .parallax-twitter h4 { color: #eee; font-size: 16px; text-transform: uppercase; } .content-sm { padding-top: 60px; padding-bottom: 60px; } .headline-center { text-align: center; position: relative; } .headline-center h2 { color: #555; font-size: 24px; position: relative; margin-bottom: 20px; padding-bottom: 15px; } .headline-center h2:after { left: 50%; z-index: 1; width: 30px; height: 2px; content: " "; bottom: -5px; margin-left: -15px; text-align: center; position: absolute; background: #72c02c; } .testimonials-v6 .testimonials-info { padding: 20px; background: #fff; border-bottom: solid 3px #eee; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .testimonials-v6 .testimonials-info img { float: left; width: 80px; height: auto; margin-right: 20px; } .rounded-x { border-radius: 50% !important; } .testimonials-v6 .testimonials-desc { overflow: hidden; } .testimonials-v6 .testimonials-info:hover { border-color: #72c02c; }