@import url('../../../../css.css'); @import url('font-awesome.css'); @import url('flaticon.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery.fancybox.min.css'); @import url('jquery.bootstrap-touchspin.css'); @import url('custom-animate.css'); @import url('hover.css'); @import url('jquery-ui.css'); @import url('multi-scroll.css'); *{margin:0px;padding:0px;border:none;outline:none;} body{font-size:15px;color:#777777;line-height:1.8em;font-weight:400;background:#ffffff; background-size:cover;background-repeat:no-repeat;background-position:center top; -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; } a{text-decoration:none; cursor:pointer; color:#f96221; } .no-padding{padding:0px !important; } a:hover,a:focus,a:visited{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6{ position:relative; font-weight:normal; margin:0px; background:none;line-height:1.6em;} input,button,select{} .blankspace_100{height:100px;} .blankspace_40{height:40px;} .blankspace_80{height:80px;} textarea{overflow:hidden;} p,.text{position:relative; line-height:1.8em;} .padding-0{padding:0px !important} .padding-TB-60, .services-section.padding-TB-60, .gallery-section.padding-TB-60{padding:60px 0;} .pricing-table.paddingLR20{padding:0 20px;} .minHeightForThis{min-height:330px;} .strike-through{text-decoration:line-through;} .auto-container{position:static;max-width:1200px; padding:0px 15px; margin:0 auto;} .page-wrapper{position:relative;margin:0 auto; width:100%; min-width:250px;} .list-style-one{position:relative; margin-top:30px;} .list-style-one li{position:relative; color:#898989; font-size:17px; font-weight:300; padding-left:28px; margin-bottom:35px;} .list-style-one li span{position:relative; color:#242424; font-size:20px; font-style:italic; display:block; margin-bottom:10px;} .list-style-one li:before{position:absolute; content:''; left:0px; top:10px; width:8px; height:8px; border-radius:50%; background-color:#18ba60;} .list-style-two{position:relative; margin-bottom:30px;} .list-style-two li{position:relative; margin-bottom:12px; color:#f96221; font-size:16px;} .list-style-three{position:relative;} .list-style-three li{position:relative; margin-bottom:10px; color:#999999; font-size:16px; padding-left:30px;} .list-style-three li:before{position:absolute;content:'\f00c'; left:0px; top:5px; color:#f96221; font-size:18px; line-height:1em; font-family: 'FontAwesome';} ul,li{ list-style:none;padding:0px;margin:0px;} .theme-btn{display:inline-block; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} .btn-style-one{position:relative; font-size:14px; line-height:22px; color:#ffffff; font-weight:700; background-color:#fa9027; text-align: center; padding: 15px 37px; text-transform: uppercase;} .btn-style-one:hover{background-color:#f96221; color: #ffffff;} .btn-style-two.request-qutoe{padding:6px 22px;} .btn-style-two{position:relative; font-size:14px; line-height:22px; color:#ffffff; font-weight:700; text-align: center; padding: 13px 37px; text-transform: uppercase; border:2px solid #f96221;background: #f96221} .btn-style-two:hover{ color:#fa9027;} .btn-style-three{position:relative; font-size:14px; line-height:22px; color:#ffffff; font-weight:700; background-color:#f96221; text-align: center; padding: 15px 37px; text-transform: uppercase;} .btn-style-three:hover{background:#fa9027;color:#ffffff;} .btn-style-four{position:relative; font-size:14px; line-height:22px; color:#ffffff; font-weight:700; background-color:#003346; text-align: center; padding: 15px 37px;text-transform: uppercase;} .btn-style-four:hover{background:#f96221;color:#ffffff;} .btn-style-five{position:relative; font-size:14px; line-height:20px; color:#555555; font-weight:700; border:1px solid #dddddd; text-align: center; padding: 14px 37px;text-transform: uppercase;} .btn-style-five:hover{background:#f96221; color:#ffffff; border:1px solid #f96221;} .theme_color{color:#f96221; } img{display:inline-block;max-width: 100%;} .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.svg);} .scroll-to-top{position:fixed; bottom:15px; right:15px; width:40px; height:70px; color:#ffffff; font-size:24px; text-transform:uppercase; line-height:65px; text-align:center; z-index:99999; cursor:pointer; border-radius:50px; background:#f96221; display:none; border:2px solid #f96221; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .scroll-to-top:hover{color:#ffffff;} .main-header{position:absolute;left:0px;top:0px;z-index:999;width:100%;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;} .header-style-two{position: relative; background-color: #ffffff;} .sticky-header{position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#fff; z-index:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease;-o-transition:all 500ms ease; box-shadow: 2px 2px 2px #dcd9d9;} .sticky-header .sticky-inner-container{padding:0px 90px;} .sticky-header .logo{padding: 0px 0px;width: 110px;margin-top: 9px;} .main-header .sticky-header .outer-box.margin-top-15{margin-top:15px;} .main-header .sticky-header .outer-box{margin-top:20px; float: right;} .main-header .sticky-header .main-menu{float: left; margin: 0;} .main-header .sticky-header .search-box-outer .dropdown-menu{top:46px;} .fixed-header .sticky-header{z-index:99999; opacity:1;visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -o-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; -webkit-animation-iteration-count:1;animation-iteration-count:1;} .main-header .nav-outer{position:relative; text-align: center;} .main-header .header-upper{position:relative; z-index:5; padding:0px 90px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;background: #fffffff2} .main-header .logo-outer{position:relative;z-index:25;padding: 6px 0px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .main-header .header-upper .logo img{position:relative; display:inline-block; max-width:100%;} .main-header .logo-outer .logo img{position:relative;display:inline-block;max-width: 52%;} .main-menu{position:relative;display: inline-block;text-align: center;margin-top: 0px;} .main-menu .navbar-collapse{padding:0px;} .main-menu .navigation{position:relative; margin:0px;} .main-menu .navigation > li{ position:relative; float:left; margin: 0 23px;} .main-menu .navigation > li:last-child{margin-right:0px;} .main-header .sticky-header .main-menu .navigation > li{margin:0px;border:0px;margin-left:30px;} .main-menu .navigation > li > a{position:relative; display:block; font-size:14px;color:#f96221;line-height:20px;font-weight:700;opacity:1;text-transform:uppercase;padding:15px 0px 15px 0px;transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .header-style-two .main-menu .navigation > li > a{color: #222222;} .header-style-three .main-menu .navigation > li > a{padding:15px 0px 15px 0px;} .header-style-four .main-menu .navigation > li > a{color: #222222;} .main-menu .navigation > li > a:after{position:absolute; content:''; left:0px; right: 0; bottom:5px; width:16px; height:2px; opacity:0; margin: 0 auto; background-color:#f96221; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .header-style-three .main-menu .navigation > li > a:after{display:none;} .main-menu .navigation > li.current > a:after, .main-menu .navigation > li.current > a:before, .main-menu .navigation > li:hover > a:before, .main-menu .navigation > li:hover > a:after{opacity:1;} .main-header .sticky-header .main-menu .navigation > li > a{color:#f96221;padding: 10px 0px;line-height:30px;font-size:14px;font-weight:700;min-height:0px;background:none;border:0px;} .main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a{color:#f96221;} .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a{opacity:1;} .main-menu .navigation > li:hover > a:after{opacity:1;} .main-header .sticky-header .main-menu .navigation > li > ul:before{display:none;} .main-header .sticky-header .main-menu .navigation > li > ul{top:100% !important;} .main-menu .navigation > li > ul.mega-menu{width:580px; left:-290px; background:#f96221;} .main-menu .navigation li ul.mega-menu li a{color:#ffffff; padding:5px 20px;} .main-menu .navigation > li ul.mega-menu li:hover a{background-color:transparent; color:#fa9027;} .main-menu .navigation > li > ul.mega-menu{border:none;} .main-menu .navigation > li > ul.mega-menu h5{color:#ffffff; padding:13px 19px 10px; font-weight:700;} .main-menu .navigation > li > ul.mega-menu h5 a{color:#ffffff;} .main-menu .navigation > li > ul.mega-menu h5 a:hover{color:#fa9027;} .main-menu .navigation > li > ul.mega-menu div{width:49%;} .main-menu .navigation > li > ul{position:absolute; left:0px; top:100%; margin-top:20px; width:240px; padding:0px 0px; z-index:100; background:#f5f5f5; border-top: 2px solid #f96221; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);} .main-menu .navigation > li > ul.from-right{left:auto;right:0px;} .main-menu .navigation > li > ul > li{position:relative;width:100%; border-bottom:1px solid #dedede;} .main-menu .navigation > li > ul > li:last-child{border-bottom:none;} .main-menu .navigation li ul li a{position:relative; display:block; padding:10px 20px; line-height:24px; font-weight:500; font-size:14px; color:#242424; text-align:left; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .main-menu .navigation li ul li:hover a:before{background-color:#ffffff;} .main-menu .navigation > li ul li:hover a{background-color:#f96221; color:#ffffff;} .main-menu .navigation li ul li ul{position:absolute; left:100%; top:20px; width:250px; padding:0px; z-index:100; background:#f5f5f5; border-top:2px solid #f96221; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);} .main-menu .navigation li ul li ul:before{position:absolute;content:'';right:100%;top:0px;width:20px;height:100%;} .main-menu .navigation > li > ul > li > ul > li{position:relative;width:100%;border-bottom:1px solid #dedede;} .main-menu .navigation > li > ul > li > ul > li:last-child{border-bottom:none;} .main-menu .navigation > li > ul > li > ul > li > a{position:relative;display:block;padding:10px 20px; line-height:24px;font-weight:500;font-size:14px;color:#242424;text-align:left;text-transform:capitalize;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease; -ms-transition:all 500ms ease;-o-transition:all 500ms ease;} .main-menu .navigation > li > ul > li > ul > li:hover > a:before{background-color:#ffffff;} .main-menu .navigation > li > ul > li > ul > li > a:hover{background-color:#f96221;color:#ffffff;} .sticky-header .main-menu .navigation > li > a:after{display:none;} .main-menu .navigation > li.dropdown:hover ul.mega-menu{display:flex !important; justify-content:space-between;} .main-menu .navigation > li.dropdown:hover ul{margin:0px; opacity:1; visibility:visible;top:100%;} .main-menu .navigation li > ul > li.dropdown:hover ul{margin:0px; visibility:visible; opacity:1; top:-2px;} .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; border:1px solid #ffffff; text-align:center; font-size:16px; line-height:26px; color:#ffffff; cursor:pointer; z-index:5; display:none;} .main-header .outer-box, .header-style-five .btn-box{position:relative;margin-top: 3px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .main-header .outer-box .cart-btn{position: relative; float: left;margin-left: 25px;} .main-header .outer-box .cart-btn .count{position: absolute; right: -5px; bottom: -5px; height: 16px; width: 16px; border-radius: 50%; background-color: #f96221; font-size: 10px; color: #ffffff; font-weight: 600;line-height: 16px;} .main-header .outer-box .cart-btn a{display: block;font-size: 18px; line-height:20px; color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;transition: all 300ms ease;} .header-style-two .outer-box .cart-btn a{font-size:22px;} .main-header .outer-box .nav-btn, .header-style-five .btn-box .nav-btn{position:relative;float: left;font-size:20px;cursor:pointer;color:#ffffff;margin-left:25px;display:inline-block;} .header-style-four .outer-box .nav-btn, .header-style-four .outer-box .cart-btn a, .header-style-two .outer-box .nav-btn, .header-style-two .outer-box .cart-btn a, .header-style-five .outer-box .nav-btn, .header-style-five .btn-box .nav-btn{color: #222222;} .header-style-five .btn-box .nav-btn{color:#999999; } .main-header .header-lower .search-box-outer{min-width:60px;} .main-header .header-lower .search-box-btn{position:relative; display:block; width:100%; font-size:18px; color:#ffffff; line-height:20px !important; padding:0px; margin:0px; cursor:pointer; background:none; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .main-header .header-lower .search-box-outer .dropdown-menu{top:44px; right:0px; padding:0px; width:280px; border-radius:0px;border-top:3px solid #f96221;} .header-style-three .header-lower .search-box-outer .dropdown-menu{top:39px;} .main-header .header-lower .search-box-outer .dropdown-menu > li{padding:0px; border:none; background:none;} .main-header .header-lower .search-panel .form-container{padding:25px 20px; } .main-header .header-lower .search-panel .form-group{position:relative; margin:0px; } .main-header .header-lower .search-panel input[type="text"], .main-header .header-lower .search-panel input[type="search"], .main-header .header-lower .search-panel input[type="password"], .main-header .header-lower .search-panel select{display:block;width:100%; height:40px; color:#000000; line-height:24px;background:#ffffff; border:1px solid #e0e0e0;padding:7px 40px 7px 15px;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease; transition:all 300ms ease;} .main-header .header-lower .search-panel input:focus, .main-header .header-lower .search-panel select:focus{border-color:#f96221; } .main-header .header-lower .search-panel .search-btn{position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px;background:none;cursor:pointer;} .main-header .search-box-outer{position:relative;float: left;display:inline-block;} .main-header .search-box-btn{position:relative;font-size:18px;color:#ffffff;line-height:1em;cursor:pointer;display:inline-block;background:none;} .header-style-four .search-box-btn, .header-style-two .search-box-btn{ color: #222222;} .main-header .search-box-outer .dropdown-menu{top:62px;padding:0px;width:280px; border-radius:0px;border-top:3px solid #f96221;} .main-header .search-panel .form-container{padding:25px 20px;} .main-header .search-panel .form-group{ position:relative;margin:0px;} .main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select{display:block;width:100%;line-height:24px;padding:7px 40px 7px 15px;height:40px;border:1px solid #e0e0e0; background:#ffffff; } .main-header .search-panel input:focus, .main-header .search-panel select:focus{border-color:#f96221;} .main-header .search-panel .search-btn{position:absolute; right:0px; top:0px; width:40px; height:40px; text-align:center; color:#555555; font-size:12px; background:none;cursor:pointer;} .main-header .info-box{position:relative; float:left; margin-left:30px;font-size:13px;color:#777777;text-align:left;padding:0px 0px 0px 50px;} .main-header .info-box:first-child{padding-right:30px;border-right:1px solid #c8c8c8;} .main-header .info-box:last-child{padding-right:0px; margin-left:0px; top:-2px;} .main-header .info-box .icon-box{position:absolute; left:0px;top:6px;color:#f96221;font-size:26px;text-align:left;line-height:1.2em;-moz-transition:all 300ms ease; -webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;} .main-header .info-box li{position:relative; line-height:20px; color:#767676; font-size:15px;margin-bottom:3px;font-weight:500;} .main-header .info-box strong{font-weight:500;color:#333333;font-size:15px; display:block;margin-bottom:4px;} .header-style-five{position:fixed;} .header-style-five.fixed-header{background:#ffffff; border-bottom:1px solid #f0f0f0;} .header-style-five.fixed-header .logo-outer{padding:20px 0px;} .header-style-five.fixed-header .outer-box, .header-style-five.fixed-header .btn-box{margin-top:20px;} body.side-content-visible{overflow:hidden;} .fullscreen-menu{position: fixed; left:0px; top: 0; width: 100%; height: 100%; background: #272727; z-index: 99999; transition: all 700ms ease; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; -moz-transition: all 700ms ease; overflow-y:auto; opacity:0; visibility:hidden;} body.side-content-visible .fullscreen-menu{opacity:1;visibility:visible;} .form-group .ui-selectmenu-button.ui-button{width:100px;font-size:18px;font-style:normal;height:50px;padding:10px 20px;line-height:33px;color:#262626;float:left;border-radius:0px;border:1px solid #f2f2f2; background:#ffffff;} .form-group .ui-button .ui-icon{background:none;position:relative;top:2px;text-indent:0px;color:#333333;} .form-group .ui-button .ui-icon:before{font-family: 'FontAwesome';content: "\f107";position:absolute;right:0px;top:2px !important;top:13px;width:10px;height:30px;display:block;color:#262626;line-height:23px;font-size:15px;font-weight:normal;text-align:center;z-index:5;} .ui-widget.ui-widget-content{border:1px solid #e0e0e0;} .ui-menu .ui-menu-item{font-size:14px;border-bottom:1px solid #e0e0e0;} .ui-menu .ui-menu-item:last-child{border:none;} .ui-state-active, .ui-widget-content .ui-state-active{background-color:#f96221;border-color:#f96221;} .ui-menu .ui-menu-item-wrapper{position:relative;display:block;padding:8px 20px;font-size:14px;line-height:24px;} body.side-content-visible{overflow:hidden;} .appointment-box{position: fixed; right: -500px; top: 0px; max-width: 100%;height:100%;overflow-y:auto; z-index: 99999; opacity: 0;background-color: #003346; visibility: hidden; transition: all 0.5s ease;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;} .appointment-box .inner-box{position:relative;background-color: #003346;padding:80px 40px 50px;} .appointment-box .inner-box .cross-icon{position:absolute;right:30px;top:30px;cursor:pointer; color:#ffffff;font-size:20px;} .appointment-box .inner-box h2{position:relative;font-size:28px;font-weight:600;line-height:1.2em;color:#ffffff;margin-bottom:20px;} .side-content-visible .appointment-box{right:0px;opacity:1; visibility:visible;} .appointment-form{position:relative;} .appointment-form .form-group{position:relative;margin-bottom:15px} .appointment-form input[type="text"], .appointment-form input[type="email"], .appointment-form textarea{position:relative;display:block;width:100%; line-height:23px;padding:10px 25px;height:45px; color:#ffffff;font-size:16px;border:1px solid rgba(255,255,255,0.10);background:none;transition:all 300ms ease;-ms-transition:all 300ms ease;-webkit-transition:all 300ms ease;} .appointment-form input::placeholder, .appointment-form textarea::placeholder{color:#bdbdbd;} .appointment-form textarea{height:135px;resize:none;} .appointment-form .form-group button{margin-top:10px;display: block;width: 100%;} .contact-info-box{position:relative;padding-top:50px;} .contact-info-box .info-list{position:relative;padding-bottom:18px;margin-bottom:25px;} .contact-info-box .info-list li{position:relative;color:#ffffff;font-size:18px;font-weight:500;margin-bottom:5px;} .contact-info-box .info-list:before{position:absolute;content:'';left:0px;bottom:0px;width:50px;height:1px;background-color:#ffffff;} .contact-info-box .social-list{position:relative;} .contact-info-box .social-list li{position:relative;width:50%;float:left; margin-bottom:6px;display:inline-block;} .contact-info-box .social-list li a{position:relative;font-size:15px;font-weight:500;color:rgba(255,255,255,0.50);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .contact-info-box .social-list li a:hover{color:rgba(255,255,255,0.80);} .form-back-drop{position:fixed;right:0px;top:0px;width:100%; height:100%;opacity:0;background:rgba(0,0,0,0.70);visibility:hidden; z-index:9990;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;} .page-title{position:relative;padding:290px 0px 280px;background-repeat:no-repeat;background-size:cover;background-position:center;text-align: center;} .page-title:before{position:absolute; content:'';left:0px;top:0px;width:100%; height: 100%; background-color: #000000; opacity: .70;} .page-title:after{position:absolute;content:'';left:0px;top:0px;width:100%;height: 100%;background: #fa9027;background: -moz-linear-gradient(left, #fa9027 0%, #f96221 100%);background: -webkit-linear-gradient(left, #fa9027 0%,#f96221 100%);background: linear-gradient(to right, #fa9027 0%,#f96221 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9027', endColorstr='#f96221',GradientType=1 );opacity: .1;z-index: 1;} .page-title .sub-title{position: relative;display: block;font-size: 14px;line-height: 24px;color: #ffffff;font-weight: 600;margin-bottom: 20px;z-index: 9;} .page-title h1{display: block;font-size: 60px;line-height: 1.2em;color: #ffffff;font-weight: 700; z-index: 9;} .icon-dots-14{height: 345px;width: 345px;background-image: url(../images/icons/dots-14.png);} .page-title.style-two .icon-dots-14{right: 40px;bottom: -170px;} .icon-dots-16{ height: 226px;width: 226px;background-image: url(../images/icons/dots-16.jpeg);} .page-title.style-three .icon-dots-16{right: 130px;bottom: 40px} .page-title.style-three{background-color: #f5f5f5;padding: 220px 0 110px;overflow: hidden;} .page-title.style-three h1{color: #222222;} .sec-title{position:relative;margin-bottom:75px;} .sec-title h2{position: relative;display:block;font-size:34px;color:#222222;line-height:1.2em;font-weight:700;} .sec-title h2 span{position: relative;display: inline-block;padding-right: 15px;} .sec-title h2 span:before{position:absolute;content:'';left: 2px;top: 7px;width:15px;height:3px;background-color:#f96221;} .sec-title h2 span:after{position:absolute;content:''; right: 0px;bottom: 7px; width:6px; height:6px; background-color:#f96221;} .sec-title .sub-title{position:relative; display: block; color:#555555; font-size:18px; font-weight: 300;line-height: 26px;font-style:italic; margin-top: 7px;margin-bottom:5px;} .sec-title .text{position: relative;font-size: 16px;line-height: 28px;color: #555555; margin-top: 25px;} .sec-title.style-two h2{font-size: 90px;line-height: 1.2em; color: #f0f0f0; font-weight: 700;} .sec-title.style-two .text{ font-weight: 300;} .main-slider{position:relative; z-index:10;} .gradient-layer{position: absolute; left: 0;top: 0; height: 100%;width: 100%; z-index: 99; opacity: .30!important; background: rgb(154, 146, 142,1); background: -moz-linear-gradient(45deg, rgba(167, 160, 156, 1) 0%, rgba(154, 146, 142,1) 100%);background: -webkit-linear-gradient(45deg, rgba(167, 160, 156,1) 0%,rgba(154, 146, 142,1) 100%);background: linear-gradient(45deg, rgba(167, 160, 156,1) 0%,rgba(154, 146, 142,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9027', endColorstr='#f96221',GradientType=1 );} .overlay-layer{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: -1!important;background-color: #000000;opacity: .80 !important;} .main-slider h5{position:relative;font-size:15px;line-height:1.3em;color:#ffffff;font-weight:600;display: block;text-transform: uppercase;} .main-slider h2{position:relative;font-size:60px;line-height:1.2em;color:#ffffff;font-weight:700;} .main-slider .text{position: relative;display: block;font-size: 20px;line-height: 32px;color: #ffffff;font-weight: 400;} .main-slider .btn-box .theme-btn{display: inline-block; margin: 0 8px;} .main-slider .content-image{position: relative;} .main-slider .content-image img{display: block;max-width: 100%;height: auto;} .main-slider .tp-caption{z-index:5 !important;} .main-slider .tp-dottedoverlay, .main-slider .tp-bannertimer, .main-slider .tp-bullets{display:none !important;} .main-slider.style-two .gradient-layer{opacity: .10 !important;} .main-slider.style-two .overlay-layer{opacity: .90 !important;} .main-slider.style-two h2{font-size: 48px;line-height: 1.2em;font-weight: 600;} .main-slider .rouded img{-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .banner-section{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 230px 0 265px;} .banner-section .content-column .inner-column{position: relative;margin-right: -30px;} .banner-section .title{display: block; font-size: 14px;line-height: 24px;color: #ffffff;font-weight: 600;text-transform: uppercase;margin-bottom: 5px;} .banner-section h2{position: relative;display: block;font-size: 60px;line-height: 1.2em; color: #ffffff; font-weight: 700; margin-bottom: 45px;} .banner-section .link-box{position: relative;} .banner-section .app-btn{position: relative;display: inline-block;margin-right: 30px;} .banner-section .app-btn img{border-radius: 6px;filter:drop-shadow( 0 10px 30px rgba(0,0,0,.2));} .banner-section .video-link{position: relative;display: inline-block;font-size: 16px;line-height: 30px;margin-top: 5px; color: #ffffff; border-bottom: 1px dotted #ffffff;} .banner-section .image-column .inner-column{margin-bottom: -160px; margin-right: -240px; margin-top: -40px;} .banner-section .image-column .image-box{position: relative;z-index: 9;} .banner-section .image-column .image-box:before{position: absolute; right: 25px;top: 90px;height: 150px;width: 150px;background-image: url(../images/icons/dots-2.png); background-repeat: no-repeat;content: "";z-index: -1;} .banner-section .image-column .image-box img{max-width: 100%;height: auto;} .banner-section-two{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover; padding: 270px 0 270px;} .banner-section-two:after{ position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity: .70;background: #fa9027;background: -moz-linear-gradient(45deg, #fa9027 0%, #001520 100%);background: -webkit-linear-gradient(45deg, #fa9027 0%,#001520 100%);background: linear-gradient(45deg, #fa9027 0%,#001520 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9027', endColorstr='#001520',GradientType=1 );content: "";} .banner-section-two:before{position: absolute;left: 0;top: 0; height: 100%;width: 100%;background-color: #000000;content: "";opacity: .20;} .banner-section-two .content-box{position: relative;z-index: 9;} .banner-section-two .content-box .inner-box{position:relative;max-width:770px;float:right;} .banner-section-two .title{position: relative; display: block; font-size: 14px;line-height: 24px;color: #ffffff;font-weight: 600;margin-bottom: 20px;text-transform: uppercase;} .banner-section-two h2{display: block;font-size: 60px;line-height: 1em;color: #ffffff; font-weight: 700;text-transform: uppercase;margin-bottom: 30px;} .banner-section-two .text{position: relative;font-size: 20px;line-height: 32px;color: #ffffff;font-weight: 300;margin-bottom: 40px;} .shop-banner-section{position: relative;background-color: #292929;} .shop-banner-section .auto-container{position: relative;} .icon-dots-6{height: 374px; width: 374px;background-image: url(../images/icons/dots-6.png);} .icon-two-lines{height: 349px;width: 396px;background-image: url(../images/icons/two-lines.png);} .icon-twist-4{width:71px;height:11px;background-image: url(../images/icons/icon-twist-4.png);} .shop-banner-section .icon-dots-6{left: 405px;top: 135px;z-index: 99;} .shop-banner-section .icon-two-lines{left:100px;top: 160px;} .shop-banner-section .icon-twist-4{position: absolute;left: 680px;bottom: 120px;z-index: 9;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);} .shop-banner-section .content-column{z-index: 9;} .shop-banner-section .content-column .inner-column{position: relative; padding: 150px 0 165px;} .shop-banner-section h2{position: relative; display: block; font-size: 48px;line-height: 58px;color: #ffffff;font-weight: 700;margin-bottom: 15px;} .shop-banner-section h2 span{font-weight: 600;} .shop-banner-section .text{position: relative; font-size: 20px; line-height: 32px; color: #ffffff; font-weight: 400; margin-bottom: 30px;} .shop-banner-section .link-box{ position: relative;} .shop-banner-section .image-column{z-index: 1;} .shop-banner-section .image-column .inner-column{margin-right: -390px;margin-left: -207px;} .shop-banner-section .image-column .image-box{position: relative;z-index: 9;} .shop-banner-section .image-column .image-box img{max-width: 100%;height: auto;} .product-banner-section{position: relative; background-repeat: no-repeat;background-position: center left;background-size: cover;background-color: #292929;} .product-banner-section .content-column .inner-column{position: relative;padding: 290px 0 200px;} .product-banner-section h2{ position: relative; display: block; font-size: 50px; line-height: 1.2em; color: #222222; font-weight: 800; margin-bottom: 35px;} .product-banner-section .text{ position: relative; font-size: 20px; line-height: 30px; color: #555555; font-weight: 400; margin-bottom: 40px;} .product-banner-section .link-box{ position: relative;} .features-section{ position: relative;} .features-section .inner-container{ position: relative; z-index: 10; -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); -ms-transform: translateY(-25px); -o-transform: translateY(-25px); transform: translateY(-25px);} .features-section .row{ margin: 0;} .feature-block{ position: relative; padding: 0; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block.active, .feature-block:hover{ z-index: 9;} .feature-block .inner-box{ position: relative; text-align: center; margin-top: 15px; padding: 60px 35px; background-color: #ffffff; -webkit-box-shadow: 0 5px 30px rgba(3,4,4,.07); -moz-box-shadow: 0 5px 30px rgba(3,4,4,.07); -ms-box-shadow: 0 5px 30px rgba(3,4,4,.07); -o-box-shadow: 0 5px 30px rgba(3,4,4,.07); box-shadow: 0 5px 30px rgba(3,4,4,.07); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block.active .inner-box, .feature-block:hover .inner-box{ margin-top: 0; padding-top: 75px;} .feature-block .inner-box:before{ position: absolute; left: 50%; bottom: 0; height: 3px; width: 0; background-color: #f96221; content: ""; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block .inner-box:hover:before{ width: 100%; left: 0;} .feature-block .icon-box{ position: relative; font-size: 70px; line-height: 50px; color: #222222; font-weight: 300; margin-bottom: 30px;} .feature-block h3{ display: block; font-size: 20px; line-height: 1.2em; color: #222222; font-weight: 700; margin-bottom: 20px;} .feature-block h3 a{ color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block h3 a:hover{ color: #f96221;} .feature-block .text{display: block;font-size: 16px;line-height: 28px;color: #555555;} .features-section-two{position: relative;padding: 130px 0 90px;} .feature-block-two{ position: relative; margin-bottom: 40px;} .feature-block-two .inner-box{position: relative; text-align: center;} .feature-block-two .icon-box{ position: relative; padding-bottom: 50px; margin-bottom: 35px;} .feature-block-two .icon-box:before{position: absolute; bottom: 0; left: 50%; height: 2px; width: 16px; margin-left: -8px; background-color: #f96221; content: ""; z-index: 9; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block-two .inner-box:hover .icon-box:before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .feature-block-two .icon-box .icon{position: relative; display: inline-block; margin: 0 auto; height: 115px; width: 115px; line-height: 115px; font-size: 48px; color: #ffffff; text-align: center; border-radius: 50%; background-color: #003a4f; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block-two .icon-box .icon:after{ position: absolute; left: 50%; bottom: -10px; margin-left: -10px; height: 20px; width: 20px; border-radius: 50%; border:5px solid #ffffff; background-color: #fa9027; content: "";} .feature-block-two .inner-box:hover .icon-box .icon:after, .feature-block-two .inner-box:hover .icon-box .icon{ background-color: #f96221;} .feature-block-two h3{ display: block; font-size: 20px; line-height: 1.2em; color: #222222; font-weight: 700;margin-bottom: 18px;} .feature-block-two h3 a{color: #222222;display: inline-block;-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .feature-block-two h3 a:hover{color: #f96221;} .feature-block-two .text{display: block; font-size: 16px; line-height: 28px; color: #555555; font-weight: 300;} .features-section-two.style-two{ position: relative; padding: 125px 0 115px; background-color: #00212d;} .features-section-two.style-two .row{ margin: 0 -50px;} .features-section-two.style-two .feature-block-two{padding: 0 50px;} .features-section-two.style-two .feature-block-two .icon-box .icon{ position: relative; background-color: transparent; border:2px solid #fa9027; color: #ffffff;} .features-section-two.style-two .feature-block-two .inner-box:hover .icon-box .icon{ border-color: #f96221;} .features-section-two.style-two .feature-block-two .inner-box:hover .icon-box:before{background-color: #f96221;} .features-section-two.style-two .feature-block-two .icon-box .icon:after{border-color: #002634;} .features-section-two.style-two .feature-block-two .text{color: #cccccc;} .features-section-two.style-two .feature-block-two h3 a, .features-section-two.style-two .feature-block-two h3{color: #ffffff;} .features-section-two.style-two .feature-block-two h3 a:hover{ color: #f96221;} .features-section-two.style-two .feature-block-two .icon-box:before{background-color: #ffffff;} .features-section-three{position: relative;background-repeat: no-repeat;background-position: center center; background-size: cover; padding: 140px 0 140px; z-index: 1;} .features-section-three .row{margin: 0 -50px;} .feature-block-three{position: relative;adding: 0 50px;} .feature-block-three:nth-child(3n + 2){ margin-top: 50px;} .feature-block-three:nth-child(3n + 3){ margin-top: 100px;} .feature-block-three .inner-box{position: relative; text-align: center;} .feature-block-three .icon-box{ position: relative; display: inline-block; height: 100px;width: 100px; background-color: #ffffff; border-radius: 50%; margin-bottom: 45px;} .feature-block-three .icon-box span{font-size: 42px;line-height: 100px;color: #222222;} .feature-block-three .icon-box:before{position: absolute;left: -10px; top: -10px; height: 120px; width: 120px; border:1px solid rgba(255,255,255,.25); content: ""; border-radius: 50%;} .feature-block-three .icon-box:after{ position: absolute; left: -20px; top: -20px; height: 140px; width: 140px; border:1px solid rgba(255,255,255,.25); content: ""; border-radius: 50%;} .feature-block-three h4{display: block; font-size: 20px; line-height: 1.2em; color: #ffffff; font-weight: 700; margin-bottom: 20px;} .feature-block-three h4 a{ color: #ffffff; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block-three h4 a:hover{ color: #222222;} .feature-block-three .text{ font-size: 16px; line-height: 28px; color: #ffffff; font-weight: 300;} .features-section-four{position: relative;padding: 120px 0 125px;} .features-section-four .content-column .inner-column{position: relative;margin-left: -30px;} .features-section-four .title{position: relative; display: inline-block;font-size: 18px;line-height: 26px;color: #555555;font-weight: 300;font-style: italic;margin-bottom: 5px;} .features-section-four h2{display: block;font-size: 34px;line-height: 1.2em;color: #222222;font-weight: 800;padding-bottom: 25px;margin-bottom: 35px;} .features-section-four h2:before{position: absolute;left: 0;bottom: 0;height: 2px;width: 16px;background-color: #f96221;content: "";} .features-section-four .text{ position: relative; margin-bottom: 40px;} .features-section-four .text p{ font-size: 16px; line-height: 28px; color: #555555; font-weight: 300;} .feature-block-four{position: relative; margin-bottom: 30px;} .feature-block-four .inner-box{ position: relative;} .feature-block-four .title-box{ position: relative; padding-left:50px; min-height:30px;margin-bottom:0px;} .feature-block-four .title-box .icon{position: absolute;left: 0;top: 0;font-size: 40px;line-height: 60px;color: #fa9027;} .feature-block-four .title-box h3{display: inline-block;font-size:16px;color: #222222; font-weight: 700; margin-top: 15px;} .feature-block-four .title-box h3 a{color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .feature-block-four .title-box h3 a:hover{ color: #fa9027;} .feature-block-four .text{ display: block; font-size: 16px;line-height: 28px; color: #555555; font-weight: 300;} .features-section-four .image-column .inner-column{ position: relative; margin-left: -140px; padding-right: 100px;} .features-section-four .image-box{position: relative;} .features-section-four .image-box:before{position: absolute; bottom: 0; width: 100%; height: 370px; left: -50px; margin-bottom: -50px; content: ""; z-index: -1; background-color: #f0fafe;} .features-section-four .image-box img{ display: block; width: 100%; height: auto;} .feature-section-five{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 125px 0 0;} .icon-dots-13{ width: 332px; height: 332px; background-image: url(../images/icons/dots-13.png);} .feature-section-five .icon-dots-13{ left: 20px; top: 150px; z-index: 1;} .feature-section-five .side-image{position: absolute;right: -250px;} .feature-section-five .side-image img{display: block;max-width: 100%;height: auto;} .feature-section-five .content-box{position: relative;text-align: center;} .feature-section-five .content-box h2{display: block;font-size: 60px;line-height:1.2em;color: #ffffff;font-weight: 600;margin-bottom: 40px;} .feature-section-five .content-box h2 span{font-weight: 700;} .feature-section-five .content-box .image-box{position: relative;} .feature-section-five .content-box .image-box img{max-width: 100%;height: auto;display: inline-block;} .shop-features{position: relative;padding: 110px 0 70px;} .Benefits .feature-block-four{margin-bottom:12px;} .feature-block-four{position: relative; margin-bottom: 30px;} .feature-block-four .inner-box{position: relative;} .feature-block-four .image-box {position: relative;overflow: hidden;} .feature-block-four .image-box img{display: block;width: 100%;height: auto;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .feature-block-four .image-box:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .feature-block-four .title{position: relative;text-align: center;padding-top: 35px;} .feature-block-four .title h3{font-size: 24px;color: #222222;line-height: 1.2em;font-weight: 600;} .feature-block-four .title h3 a{color: #222222; -webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .feature-block-four .title h3 a:hover{color: #fa9027;} .product-feature-section{position: relative;padding: 120px 0 100px;overflow:hidden;} .product-feature-section .image-box{position: relative; max-width:940px;margin:0 auto 100px;text-align: center;padding:0px 20px;} .product-feature-section .image-box img{display: inline-block;max-width: 100% !important;width:auto !important;height: auto;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease; -o-transition: all 500ms ease;transition: all 500ms ease;opacity:0.30;} .product-feature-section .image-box .active img{opacity:1;} .product-feature-section .image-box .owl-stage-outer{overflow:visible;} .product-feature-section .image-box .owl-nav, .product-feature-section .image-box .owl-dots{display:none;} .product-feature-section .row{margin: 0 -60px;} .product-feature{position: relative;padding: 0 60px;margin-bottom: 50px;} .product-feature .inner-box{position: relative; text-align: center;} .product-feature .icon-box{position: relative;display: inline-block;font-size: 70px;line-height: 1em;color: #222222;margin-bottom: 40px;} .product-feature h3{display: block;font-size: 20px;line-height: 1.2em; color: #222222; font-weight: 700;margin-bottom: 25px;} .product-feature h3 a{color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .product-feature h3 a:hover{color: #fa9027;} .product-feature .text{position: relative;font-size: 16px;line-height: 28px;color: #555555; font-weight: 300;} .product-info-section{position:relative;overflow: hidden;} .product-info-section:after, .product-info-section:before{position: absolute;left: 0;top: -25px; height: 50px;width: 100%;background-color: #ffffff;content: "";border-radius: 50%;z-index: 1;} .product-info-section:after{top: auto;bottom: -25px;} .icon-dots-3{height: 150px; width: 150px;background-image: url(../images/icons/dots-3.png);} .product-info-section .icon-dots-3{right: -230px;bottom: 200px;z-index: 1;} .product-info-section .outer-container{position:relative;min-height:350px;background-color:#003a4f;} .product-info-section .image-column{position:absolute;float:left;left:0px;top:0px;width:50%;height:100%;background-repeat:no-repeat;background-position:center right;background-size:cover;} .product-info-section .image-column .image-box{position:relative;display:none;} .product-info-section .image-column .image-box img{position:relative;display:block;width:100%;} .product-info-section .content-column{position:relative;float:right;width:50%;} .product-info-section .content-column .inner-box{position:relative;max-width:600px;padding: 180px 15px;margin: 0 auto;} .product-info-section h2{position: relative;font-size: 48px;line-height: 1.2em;color: #ffffff;font-weight: 600;margin-bottom: 25px;} .product-info-section h2 b{font-weight: 800;} .product-info-section .text{display: block; font-size: 16px;line-height: 28px; color: #ffffff; font-weight: 300;margin-bottom: 60px;} .product-info-section .row{max-width: 540px;margin: 0 -10px;} .product-info-section .row .column{padding: 0 10px;} .product-info-section .column .image{position: relative;} .product-info-section .column .image img{display: block;width: 100%;height: auto;} .control-feature{position:relative; padding: 175px 0 125px;} .icon-dots-12{height: 90px; width: 345px;background-image: url(../images/icons/dots-12.png);} .control-feature .icon-dots-12{top: 200px;left: 200px;z-index: 1;} .control-feature .content-column{position:relative;max-width: 500px;background-color:#ffffff;} .control-feature .content-column .inner-column{position:relative;} .control-feature .product-thumb{position: relative; display: block; margin-bottom: 50px;} .control-feature .product-thumb img{display: block; max-width: 100%;height: auto;} .control-feature .title{position: relative;display: inline-block;font-size: 13px;line-height: 20px; color: #555555; font-weight: 700;text-transform: uppercase; padding-left: 40px; margin-bottom: 25px;} .control-feature .title:before{position: absolute;left: 0;top: 9px;height: 2px;width: 30px;background-color: #f96221;content: "";} .control-feature h2{display: block;font-size: 44px;line-height: 1.2em;color: #222222;font-weight: 600;margin-bottom: 30px;} .control-feature .text{ position: relative; display: block;font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;margin-bottom: 55px;} .control-feature .link-box{position: relative;display: block;} .control-feature .image-layer{position: absolute;right: 0;top: 0;height: 100%;width: 50%;background-repeat: no-repeat; background-position: left center;} .control-feature .image-layer .image{display: none;} .control-feature .image-layer .image img{width: 100%;height: auto;display: block;} .icon-dots-11{height: 160px;width: 100px;background-image: url(../images/icons/dots-11.png);} .about-us{position: relative;padding: 50px 0 50px;} .about-us .auto-container{position: relative;} .anim-icons{position: absolute;left: 0;right: 0;top: 0;height: 100%;width: 100%;max-width: 1170px;margin: 0 auto;} .anim-icons .icon{position: absolute;background-repeat: no-repeat;background-position: center;} .icon-block{height: 33px;width: 33px;background-image: url(../images/icons/icon-block.png);} .icon-star{height: 118px;width: 124px;background-image: url(../images/icons/icon-star.png);} .icon-twist{height: 53px;width: 54px;background-image: url(../images/icons/icon-twist.png);} .icon-dots{height: 280px;width: 280px;background-image: url(../images/icons/icon-dots.png);} .icon-dots-8{height: 124px; width: 104px;background-image: url(../images/icons/dots-8.png);} .about-us .icon-block{top:25px;left: 50%;} .about-us .icon-star{left: -300px;bottom: 45px;} .about-us .icon-twist{left: -175px; bottom: 0;} .about-us .icon-dots{left: 50%;bottom: -120px;} .about-us .icon-dots-8{right: -320px;top: -100px;} .about-us .content-column{position: relative;} .about-us .content-column .inner-column{position: relative; padding-top: 85px;} .about-us .title{position: relative;display: inline-block; font-size: 18px; line-height: 26px; color: #555555; font-weight: 300;font-style: italic; margin-bottom: 5px;} .about-us h2{display: block;font-size: 34px;line-height: 1.2em;color: #222222;font-weight: 800;padding-bottom: 30px;margin-bottom: 40px;} .about-us h2:before{position: absolute;left: 0;bottom: 0;height: 2px;width: 16px;background-color: #f96221; content: "";} .about-us .text{position: relative; padding-right: 70px;} .about-us .text p{font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;} .about-us .image-column .inner-column{position: relative;margin-right: -300px;padding-left: 100px;} .about-us .image-box{position: relative;} .about-us .image-box img{display: block;width: 100%;height: auto;} .about-us .image-box:before{position: absolute; left: 0; top: 10px; height: 100%; width: 100%; background-color: #f5f5f5; content: ""; z-index: -1; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg);} .mission-section{position: relative;} .mission-section .inner-container.sevices{background-color:#ffffff; max-width:1520px;} .mission-section.about-us{padding-bottom:125px;} .mission-section .inner-container{position: relative;max-width: 1740px;margin: 0 auto;background-color: #f5f5f5;} .mission-section .video-column{float: left;width: 50%;} .mission-section .video-column .video-block{position: absolute;left: 0;top: 0; height: 100%;width: 50%;background-repeat: no-repeat;background-position: center;background-size: cover;} .mission-section .video-column .video-block:before{position:absolute;content:''; left:0px;top:0px;width:100%;height: 100%;background: #fa9027; background: -moz-linear-gradient(left, #fa9027 0%, #f96221 100%);background: -webkit-linear-gradient(left, #fa9027 0%,#f96221 100%); background: linear-gradient(to right, #fa9027 0%,#f96221 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9027', endColorstr='#f96221',GradientType=1 ); opacity: .2;z-index: 1;} .mission-section .video-block .link{position: absolute; left: 0;top: 0;height: 100%;width: 100%;z-index: 9; text-align: center;} .mission-section .video-block .link .icon{position: absolute; left: 50%;top: 50%;margin-left: -45px;margin-top: -45px;font-size: 90px;line-height: 1em;color: #ffffff; font-weight: 500;z-index: 10;} .mission-section .video-block:hover .link .icon{animation: rotateIn 1s;} .mission-section .accordion-column{position: relative;float: right;width: 50%;} .mission-section .accordion-column .inner-column{position: relative;max-width: 670px;margin:0 auto;padding: 75px 15px 90px;} .mission-section .accordion-box{position: relative;} .accordion-box .block{position: relative;} .accordion-box .block .acc-btn{position:relative;font-size:20px;cursor:pointer; line-height:35px;color:#222222;font-weight:600;padding:25px 15px 25px 28px;border-bottom:1px solid #dddddd;transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;} .accordion-box .block .acc-btn.active{border-bottom: 1px solid transparent;} .accordion-box .block .icon-outer{ position:absolute; left: 0;top:0; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease;} .accordion-box .block .icon-outer .icon{ position: absolute; left: 12px; top: 0; height: 100%; line-height: 86px; font-size: 14px; font-weight: 300; color: #cccccc; text-align: center; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease;} .accordion-box .block .acc-btn.active .icon-outer .icon:before{ color: #fa9027; } .accordion-box .block .acc-content{ position:relative; display:none;} .accordion-box .block .acc-content.current{ display:block;} .accordion-box .block .content{ position:relative; font-size:14px; padding-left: 28px; padding-bottom: 20px; border-bottom:1px solid #e9e9e9;} .accordion-box .block .content .text{display: block; font-size:16px; line-height:28px; color:#555555; font-weight: 300; margin-bottom:20px;} .video-section{ position: relative; z-index: 1;} .video-section .icon-dots{ position: absolute; left: 70px; bottom: -160px;} .video-section .video-block{ position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 260px 0; max-width: 1740px; margin: 0 auto;} .video-section .video-block:after, .video-section .video-block:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 99;content: ''; opacity: .20; background: rgb(249, 99, 34); background: -moz-linear-gradient(45deg, rgba(167, 160, 156,1) 0%, rgba(154, 146, 142,1) 100%); background: -webkit-linear-gradient(45deg, rgba(167, 160, 156,1) 0%,rgba(154, 146, 142,1) 100%); background: linear-gradient(45deg, rgba(167, 160, 156,1) 0%,rgba(154, 146, 142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9027', endColorstr='#f96221',GradientType=1 ); -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -ms-transition: opacity 2s ease; -o-transition: opacity 2s ease; transition: opacity 2s ease;} .video-section .video-block:hover:before, .video-section .video-block:after{ z-index: 1; opacity: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; -ms-transition: opacity 2s ease; -o-transition: opacity 2s ease; transition: opacity 2s ease;} .video-section .video-block:hover:after{opacity: .40;} .video-section .video-block .link{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 99;} .video-section .video-block .link span{position: absolute; top: 50%; left: 50%; height: 90px; width: 90px; text-align: center; line-height: 82px; font-size: 40px; color: #ffffff; margin-left: -50px; margin-top: -50px;padding-left: 5px; border:4px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 75px rgba(0,0,0,.22); -moz-box-shadow: 0 0 75px rgba(0,0,0,.22); -ms-box-shadow: 0 0 75px rgba(0,0,0,.22); -o-box-shadow: 0 0 75px rgba(0,0,0,.22); box-shadow: 0 0 75px rgba(0,0,0,.22);} .video-section .video-block:hover .link span{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1000ms ease; -moz-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease;} .who-we-are{position: relative; background-repeat: no-repeat; background-position: center left; background-attachment: fixed; background-size: cover; padding: 135px 0 150px;} .who-we-are.hire-us{padding:70px 0;} .icon-dots-10{height: 185px;width: 100px;background-image: url(../images/icons/dots-10.png);} .who-we-are .icon-dots-10{left: -270px;top: -40px;} .who-we-are .inner-container{position: relative; max-width: 1510px; padding: 0 15px;margin: 0 auto;} .who-we-are .content-box{position: relative; max-width: 550px;} .who-we-are .sec-title{margin-bottom: 25px;} .who-we-are .sec-title h2{font-size: 48px;} .who-we-are .text{font-size: 16px; line-height: 28px; color: #555555; font-weight: 300;margin-bottom: 40px;} .services-section{position: relative;padding: 50px 0 50px;} .icon-twist-3{ height: 78px; width: 70px; background-image: url(../images/icons/icon-twist-3.png);} .services-section .icon-twist-3{right: -250px; bottom: 130px;} .services-section .row{ margin:0 -50px;} .service-block{ position: relative; padding: 0 30px; margin-bottom: 70px;} .service-block .inner-box{position: relative; text-align: center;} .service-block .icon-box{position: relative;} .service-block .icon{display: inline-block; font-size: 68px; line-height: 1em; color: #222222; margin-bottom: 20px;} .service-block h3{ display: block; font-size: 20px; color: #222222; font-weight: 700;} .service-block h3 a{color: #222222; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;transition: all 300ms ease;} .service-block h3 a:hover{color: #f96221;} .service-block .sub-title{display: block; font-size: 12px;line-height: 18px;color: #fa9027;font-weight: 400;} .service-block .text{display: block; font-size: 15px; line-height: 28px;color: #555555;font-weight: 300;margin-top: 20px;} .services-carousel .owl-nav{display: none;} .services-carousel .owl-dots{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;} .services-carousel .owl-dot{position: relative;display: inline-block;height: 5px;width: 10px;background-color: #cccccc;margin:0 4px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .services-carousel .owl-dot.active{width: 25px;background-color: #fa9027;} .services-carousel .owl-dot:hover{background-color: #fa9027;} .fact-counter-section{position:relative;max-width: 1740px;margin: 0 auto;background-color:#003a4f;padding:115px 0 80px;} .icon-star-2{height: 118px;width: 124px;background-image: url(../images/icons/icon-star-2.png);} .icon-block-2{height: 33px;width: 33px;background-image: url(../images/icons/icon-block-2.png);} .fact-counter-section .icon-star-2{left: -255px;bottom: 40px;} .fact-counter-section .icon-twist-2{left: -75px;top: 40px;} .fact-counter-section .icon-block-2{right: -135px;bottom: 150px;} .fact-counter{position:relative;} .fact-counter .column{position:relative;z-index:5;margin-bottom:35px;border-left: 1px solid rgba(255,255,255,.1);} .fact-counter .column:last-child{border-right: 1px solid rgba(255,255,255,.1);} .fact-counter .column .inner{position:relative;top:0;text-align:center;padding:30px 0px 30px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;} .fact-counter .count-outer{position:relative;font-size:48px;line-height:1em;font-weight:300;color: #ffffff;} .fact-counter .count-outer .count-text{color:#ffffff;font-size:48px;line-height: 1em;} .fact-counter .column .counter-title{position:relative;font-size:16px; font-weight:300;line-height: 30px;color:#ffffff;display:inline-block;padding-top: 30px;margin-top:18px;} .fact-counter .column .counter-title:after{position:absolute;content:'';left:50%;top:0px;width:71px;height:11px;margin-left: -36px;} .portfolio-section{position: relative;max-width: 1740px;margin: 0 auto;background-color: #f5f5f5; padding: 50px 0 50px;} .portfolio-section.alternate{padding: 120px 0;background-color: #ffffff;} .icon-block-3{height: 33px;width: 33px;background-image: url(../images/icons/icon-block-3.png);} .portfolio-section .icon-block-3{left: 280px;top: 130px} .portfolio-section .icon-dots-8{top: 215px;left: -40px;} .project-block{position: relative; margin-bottom: 30px;} .project-block .image-box{position: relative;overflow: hidden;} .project-block .image-box img{width: 100%;height: auto;display: block;} .project-block .image-box .overlay-box{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;text-align: center;} .project-block .image-box .overlay-box .content{position: absolute;top: 50%;left: 0;width: 100%;opacity: 0;visibility: hidden;} .project-block .image-box:hover .overlay-box .content{opacity: 1;visibility: visible;transform: translateY(-50%);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease; transition-delay: 300ms;} .project-block .image-box .overlay-box .content h3{position:relative;display: block;font-size:24px;line-height: 1.2em;color: #ffffff;font-weight: 700;margin-bottom: 5px;} .project-block .image-box .overlay-box .content h3 a{color: #ffffff;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .project-block .image-box .overlay-box .content h3 a:hover{color: #ffffff;} .project-block .image-box .overlay-box .content span{display: block;font-size: 14px;line-height: 1.2em;color: #ffffff;font-weight: 400;text-transform: uppercase;} .project-block .image-box .overlay-box:before{position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";background-color: #fa9027;outline-offset: -15px; visibility: hidden;opacity: 0; -webkit-transform: scale(0.5) rotateX(180deg);-moz-transform: scale(0.5) rotateX(180deg);-ms-transform: scale(0.5) rotateX(180deg); -o-transform: scale(0.5) rotateX(180deg);transform: scale(0.5) rotateX(180deg);-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .project-block .inner-box:hover .overlay-box:before{opacity: .90;-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg); -ms-transform: scale(1) rotateX(0deg); -o-transform: scale(1) rotateX(0deg);transform: scale(1) rotateX(0deg); visibility: visible;} .portfolio-section .link-box{position: relative; text-align: center;margin-top: 50px;} .portfolio-section .link-box a{display: inline-block;font-size: 14px;line-height: 20px;color: #555555;text-transform: uppercase;font-weight: 700;padding: 14px 40px;border:1px solid #dddddd;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .portfolio-section .link-box a:hover{background-color: #fa9027;border-color: #fa9027;color: #ffffff;} .portfolio-section .gallery-block{padding: 0 15px;margin-bottom: 30px;} .portfolio-single{position: relative;padding: 120px 0;} .portfolio-single .image-column{position: relative;display: block;} .portfolio-single .image-column .inner-column{margin-right: -30px;} .portfolio-single .image-column .image{position: relative;margin-bottom: 30px;} .portfolio-single .image-column .image img{display: block;width: 100%;height: auto;} .portfolio-single .content-column{position: relative;} .portfolio-single .content-column .inner-column{padding-left: 50px} .portfolio-single .content-column h2{position: relative;font-size: 30px;line-height: 1.2em;color: #222222;font-weight: 800;margin-bottom: 20px;} .portfolio-single .content-column .text{font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;margin-bottom: 40px;} .portfolio-single .content-column .info-list{position: relative;} .portfolio-single .info-list li{position: relative;font-size: 16px;line-height: 26px;color: #555555;font-weight: 300;margin-bottom: 30px;} .portfolio-single .info-list li span{position: relative;display: block; font-size: 18px;line-height: 26px;color: #222222;font-weight: 700;margin-top: 4px;} .portfolio-single .social-icon{position: relative;margin-top: 10px;} .portfolio-single .social-icon li{position: relative;display: inline-block;font-size: 14px;color: #555555;font-weight: 400;margin-right: 15px;} .portfolio-single .social-icon li a span{font-size: 14px;color: #555555;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .portfolio-single .social-icon li:hover span{color: #f96221;} .load-more-option{position: relative;display: block;width: 100%;text-align: center;margin-top: 70px;} .load-more-option li{position: relative;font-size: 13px;font-weight: 700;line-height: 20px;color: #555555;text-transform: uppercase;} .load-more-option .load-more{position: relative;display: inline-block;font-size: 18px;line-height: 20px;} .load-more-option a{color: #555555;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .load-more-option a:hover{color: #f96221;} .load-more-option .prev{padding-right: 40px;} .load-more-option .next{padding-left: 40px;} .load-more-option .prev:before, .load-more-option .next:before{ position: absolute;left: 0;top: 10px;height: 1px;width: 30px;background-color: #fa9027;content: "";} .load-more-option .prev:before{left: auto;right: 0;} .related-projects{position: relative;padding: 95px 0 120px;background-color: #f6f6f6;text-align: center;} .related-projects .inner-container{position: relative; max-width: 1470px;margin: 0 auto;padding: 0 15px;} .related-projects h2{position: relative;display: block;font-size: 34px;line-height: 1.2em;color: #222222; font-weight: 800;margin-bottom: 45px;} .team-section{position: relative;padding: 50px 0 50px 0;} .team-section .icon-dots-9{top: 200px;right: -350px;} .icon-dots-9{height: 220px;width: 220px;background-image: url(../images/icons/dots-9.png);} .team-block{position: relative; margin-bottom: 30px;} .team-block .inner-box{position: relative;display:block;} .team-block .image-box{position:relative;display:block;overflow:hidden;} .team-block .image-box img{position:relative;width:100%;display:block;transition:all 0.7s ease;-moz-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;} .team-block .image-box:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1);} .team-block .image-box .overlay-box{position:absolute; left:0px;top:0px;width:100%;display:block;height:100%;opacity:0;text-align:center;background-color:rgba(154, 146, 142,0.85);transition:all 0.7s ease;-moz-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;-webkit-transform:translateY(100%) scaleY(0);-ms-transform:translateY(100%) scaleY(0);-moz-transform:translateY(100%) scaleY(0);transform:translateY(100%) scaleY(0);} .team-block .image-box .overlay-box .social-icons{position:absolute;bottom:30px;width:100%;} .team-block .image-box .overlay-box .social-icons li{position:relative;margin:0px 10px;display:inline-block;} .team-block .image-box .overlay-box .social-icons li a{position:relative;color:#ffffff;font-size:22px;display:inline-block;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;} .team-block .image-box .overlay-box .social-icons li a:hover{opacity:0.8;} .team-block .image-box:hover .overlay-box{opacity:1;-webkit-transform:translateY(0%) scaleY(1);-ms-transform:translateY(0%) scaleY(1);-moz-transform:translateY(0%) scaleY(1);transform:translateY(0%) scaleY(1);} .skill-section{position: relative;background-color: #ffffff;padding: 100px 0 90px;} .skill-section .inner-container{position: relative;max-width: 1600px;padding: 0 15px;margin: 0 auto;} .skill-section .row{margin: 0 -60px;} .skill-section .skill-block{padding: 0 60px;} .skill-block{position: relative;margin-bottom: 40px;} .skill-block .inner-box{position: relative;padding-left: 190px;padding-top: 20px;min-height: 155px;} .skill-block .graph-outer{position: absolute;left: 0;top: 0;display: inline-block;text-align: center;} .skill-block .graph-outer .count-box{position: absolute;left: 0;top: 50%;width: 100%;font-size: 36px;color: #222222;font-weight: 300; line-height: 40px;margin-top: -20px;} .skill-block h3{position: relative;font-size: 20px;line-height: 1.2em;color: #222222;font-weight: 700;} .skill-block .sub-title{display: block;font-size: 12px;line-height: 18px;color: #fa9027;font-weight: 400;margin-top: 3px;} .skill-block .text{position: relative;font-size: 18px;line-height: 28px; color: #555555;font-weight: 300;margin-top: 15px;} .testimonial-section{position: relative;padding: 50px 0 50px;background-color: #f5f5f5;overflow: hidden;} .icon-star-4{height: 195px;width: 206px;background-image: url(../images/icons/icon-star-4.png);} .testimonial-section .icon-star-4{left: -330px;bottom: -55px;} .testimonial-section .inner-container{position: relative;max-width: 1520px;padding: 0 15px;margin: 0 auto;} .testimonial-section .title-column .inner-column{padding-right: 50px;} .testimonial-section .sec-title .text{margin-top: 35px;font-size: 16px;line-height: 28px;font-weight: 300;color: #555555;} .testimonial-section .testimonial-column{position: relative;margin-top: -20px;} .testimonial-section .testimonial-column .row{margin: 0 -20px;} .testimonial-block{position: relative;padding: 20px 20px;} .testimonial-block .inner-box{position: relative;background-color: #ffffff;padding: 45px 50px 65px 45px;} .testimonial-block .inner-box:before{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #e6e6e6;z-index: -1;content: '';-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);} .testimonial-block .text{font-size: 16px;line-height: 26px;color: #242424;font-weight: 400;font-style: italic;margin-bottom: 40px;} .testimonial-block .info{position: relative;display: block; text-align: right;padding-right: 70px;} .testimonial-block .info:after{position: absolute;right: 0;top: 0;font-size: 38px;line-height: 50px;color: #eeeeee;font-family: "Flaticon";content: "\f102";} .testimonial-block .info h4{position: relative;display: inline-block;font-size: 14px;line-height: 24px; color: #242424; font-weight: 700;} .testimonial-block .info h4:before{position: absolute;left: -40px;top: 10px;width: 30px;height: 1px;background-color: #cccccc;content: "";} .testimonial-block .info h4 span{font-weight: 400;} .testimonial-block .rating{position: relative;} .testimonial-block .rating span{display: inline-block;font-size: 14px;line-height: 20px;color: #ffc139;} .testimonial-carousel .owl-nav{display: none;} .testimonial-carousel .owl-dots{position: absolute;left: -510px; bottom: 45px;} .testimonial-carousel .owl-dots .owl-dot{position:relative;display:inline-block;height: 5px;width:10px;background-color: #cccccc;margin:0 4px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .testimonial-carousel .owl-dots .owl-dot.active{width: 30px;background-color: #fa9027;} .testimonial-carousel .owl-dots .owl-dot:hover{background-color: #fa9027;} .testimonial-section-two{position:relative;padding:100px 0px;background-color: #222222;} .testimonial-section-two .inner-container{position:relative;max-width:870px;margin:0 auto;} .testimonial-block-two{position:relative;} .testimonial-block-two .inner-box{position:relative;padding-left:130px;} .testimonial-block-two .inner-box .image-box{position:absolute;left:0px;top:0px;width:100px;padding:0px 0px;margin-bottom:20px;} .testimonial-block-two .inner-box .image-box .image{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;} .testimonial-block-two .inner-box .text{position:relative;font-size:22px;line-height:36px;font-weight: 300;color:#ffffff;margin-bottom:25px;} .testimonial-block-two .inner-box .author{position:relative;color:#ffffff;font-size:14px;padding-left: 35px;font-weight:700;line-height:1.2em;text-transform:capitalize;} .testimonial-block-two .inner-box .author:before{position: absolute;left: 0;top: 7px;height: 2px;width: 25px;background-color: #f96221;content: "";} .testimonial-section-two .owl-dots{display:none;} .testimonial-section-two .owl-nav{position:absolute;width: 100%;left: 0;top: 23%;} .testimonial-section-two .owl-nav .owl-prev, .testimonial-section-two .owl-nav .owl-next{position: absolute;left: -140px;width:40px;height:40px;line-height:40px;font-size:22px;color: #ffffff;text-align:center;display:inline-block;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .testimonial-section-two .owl-nav .owl-next{left: auto;right: -140px;} .testimonial-section-two .owl-nav .owl-prev:hover, .testimonial-section-two .owl-nav .owl-next:hover{color:#000000;border-color:#ffffff;background-color:#ffffff;} .process-section{position: relative;padding: 125px 0 0px;counter-reset:count;} .process-section.alternate{padding-bottom: 110px;} .process-section .title{position: relative;text-align: center; max-width: 690px;margin: 0 auto 50px;} .process-section .title h2{display: block;font-size: 90px;line-height: 1.2em;color: #f0f0f0;font-weight: 700;} .process-section .title .text{display: block;font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;margin-top: 25px;} .process-block{position: relative; margin-bottom: 40px;} .process-block .inner-box{position: relative;text-align: center;} .process-block .inner-box:before{position: absolute;right: -85px;bottom: 10px;height: 1px;width: 150px;background-color: #dddddd;content: "";} .process-block:last-child .inner-box:before{display: none;} .process-block .icon-box{position: relative;margin-bottom: 35px;} .process-block .icon-box .icon{position: relative;display: inline-block;height: 150px;width: 150px;background-repeat: no-repeat;background-position: center;} .process-block .icon-box .icon-chat{background-image: url(../images/icons/icon-chat.png);} .process-block .icon-box .icon-search-data{background-image: url(../images/icons/icon-search.png);} .process-block .icon-box .icon-worker{background-image: url(../images/icons/icon-worker.png);} .process-block h4{position: relative;display: block;font-size: 20px;line-height: 1.2em; color: #222222;font-weight: 700;} .process-block h4 a{color: #222222;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .process-block h4 a:hover{color: #fa9027;} .process-block h4::before {position: absolute;left: 0;bottom: 5px;width: 100%;text-align: center;font-size: 90px;font-weight: 700;color: #f96221;z-index: -1;opacity: .08;counter-increment: count; content: "0" counter(count);} .ready-to-start{position: relative;background-color: #003a4f;padding: 125px 0 115px;} .ready-to-start .content-column .inner-column{position: relative;padding-right: 45px;margin-left: -15px;} .ready-to-start h3{position: relative;display: block;font-size: 44px;line-height: 1.2em;color: #ffffff;font-weight: 600;margin-bottom: 10px;} .ready-to-start .text{display: block;font-size: 16px;line-height: 28px;color: #ffffff;font-weight: 400;margin-bottom: 38px;} .ready-to-start .link-box{position: relative;} .ready-to-start .link-box .btn-style-one{line-height: 25px;border:1px solid #ffffff;} .ready-to-start .image-column .inner-column{position: absolute;top: -150px;left: 50px;} .ready-to-start .image-column .image-box{position: relative;} .ready-to-start .image-column .image-box:before{position: absolute;right: -60px;top: 100px;height: 340px;width: 370px;background-image: url(../images/icons/three-lines-2.png);content: "";} .ready-to-start .image-column .image-box:after{position: absolute;right: -15px;bottom: 0;height: 150px;width: 150px;background-image: url(../images/icons/dots-3.png);content: "";} .ready-to-start .image-column .image-box .image{position: relative;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;z-index: 9;} .ready-to-start .image-column .image-box img{display:block; width:100%;height: auto;} .ready-to-start.style-two{padding: 125px 0 135px;} .ready-to-start.style-two .image-column .image-box:before{display: none;} .ready-to-start.style-three{padding: 115px 0 125px;} .ready-to-start.style-three .image-column .inner-column{top: -60px;} .ready-to-start.style-three .image-column .image-box:after{bottom: 0px;right: -50px;} .ready-to-start.style-three .image-column .image-box:before{right: 80px;top: -40px;} .features-tab-section{position: relative;padding: 180px 0 170px;} .features-tab-section .inner-container{max-width: 750px;margin-left: -60px;} .features-tab-section .title{position: relative; display: inline-block;font-size: 18px;line-height: 26px;color: #555555;font-weight: 300;font-style: italic;margin-bottom: 25px;padding-bottom: 10px;} .features-tab-section .title:before{position: absolute;left: 0;bottom: 0;height: 2px;width: 16px;background-color: #f96221;content: "";} .features-tab-section h2{display: block;font-size: 48px;line-height: 1.2em;color: #222222;font-weight: 800;margin-bottom: 40px;} .features-tab-section .image-layer{position: absolute;right: 0;top: 0;height: 100%;width: 50%;z-index: -1;background-repeat: no-repeat;background-position: right bottom;background-attachment: fixed; background-size: 46%} .features-tab-section .image-layer .image{display: none} .features-tabs{position: relative;} .features-tabs .tab{display: none;} .features-tabs .tab.active-tab{ display: block} .features-tabs .tab-buttons{position: relative; margin-bottom: 30px;} .features-tabs .tab-buttons li{position: relative;display: inline-block;padding-right: 27px;margin-right: 23px;font-size: 16px;line-height: 30px;color: #222222;font-weight: 400;cursor: pointer;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .features-tabs .tab-buttons li:before{position: absolute; right: 0;top: 7px;ackground-color: #f96221;width: 2px;height: 16px;content: "";} .features-tabs .tab-buttons li:last-child:before{display: none;} .features-tabs .tab-buttons li.active-btn{-webkit-text-shadow:0px 0px 0.5px;-ms-text-shadow:0px 0px 0.5px;-moz-text-shadow:0px 0px 0.5px; text-shadow:0px 0px 0.5px;} .features-tabs .tabs-content{position: relative;} .features-tabs .tabs-content .text{display: block;font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;padding-right: 50px;} .features-tabs .tabs-content .text p{margin-bottom: 25px;} .features-tabs .tabs-content .text p:last-child{margin-bottom: 0;} .clients-section{position: relative;display: block;z-index: 9;} .clients-section .inner-container{position: relative;max-width: 1760px;padding:0px 15px;margin: 0 auto;} .clients-section .sponsors-outer.two{background-color:#fff;} .clients-section .sponsors-outer{position: relative;background-color: #f5f5f5;padding: 50px 0;margin-bottom: -20px;} .clients-section .image-box{position: relative;display: block;text-align: center;} .clients-section .image-box img{display: block; max-width: 100%;width: auto;margin: 0 auto;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .clients-section .slide-item:hover .image-box img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} .call-to-action{position: relative; background-color: #fa9027;padding: 80px 0 40px;} .call-to-action .title-box{position: relative;float: left;margin-bottom: 30px;} .call-to-action .title-box .icon{position: absolute; left: 10px; top: 0; line-height: 60px;color: #222222;font-size: 60px;} .call-to-action .title-box h2{position: relative;display: block;font-size: 32px;line-height: 1.2em;color: #ffffff;font-weight: 700;margin-bottom: 5px;} .call-to-action .title-box h2 span{position: relative;display: inline-block;} .call-to-action h2 span:before{position:absolute;content:'';left: 2px;top: 7px;width:15px;height:3px;background-color:#ffffff;} .call-to-action .title-box p{position: relative;font-size: 18px;line-height: 26px;color: #ffffff;font-weight: 300;font-style: italic;margin-bottom: 0;} .call-to-action .btn-box{position: relative;float: right;margin-bottom: 30px;} .call-to-action .btn-box a{padding: 16px 45px;font-size: 16px;font-weight: 700;} .form-section{position: relative; padding: 115px 0 120px;background-color: #f5f5f5;} .form-section .sec-title{margin-bottom: 50px;} .form-section .sub-title{margin-top: 0; margin-bottom: 5px;} .form-section h2{display: block;font-size: 34px;line-height: 1.2em; color: #222222; font-weight: 800;padding-bottom: 20px;} .form-section h2:before{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 2px;width: 16px;background-color: #f96221;content: "";} .form-section .contact-form{position: relative; max-width: 950px;padding: 0 15px;margin: 0 auto;} .contact-form .form-group{position:relative; margin-bottom:30px;} .contact-form .form-group label{position: relative; display: block; font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;margin-bottom: 15px;} .contact-form .form-group:last-child{margin-bottom: 0;} .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select{position: relative; display: block;width: 100%;font-size: 13px;line-height: 33px;color: #555555;font-weight: 500;height: 55px;padding: 10px 25px;letter-spacing: .5px;background-color: transparent;border: 1px solid #dddddd;border-radius: 3px;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;} .contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus{border-color:#f96221;} .contact-form .form-group textarea{height: 120px;margin-bottom: 10px;resize: none;} .contact-section .contact-form{position: relative; max-width: 750px;padding: 0 15px;margin: 0 auto;} .contact-form .form-group{position:relative;margin-bottom:30px;} .contact-form .form-group label{position: relative; display: block; font-size: 16px;line-height: 28px;color: #555555;font-weight: 400;margin-bottom: 15px;} .contact-form .form-group:last-child{margin-bottom: 0;} .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select{position: relative; display: block; width: 100%;font-size: 14px; line-height: 30px;color: #555555; font-weight: 500;height: 52px;padding: 10px 25px;letter-spacing: 0.5px;background-color: transparent;border: 1px solid #dddddd;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease; transition: all 300ms ease;} .contact-form ::-webkit-input-placeholder{color: #999999;;} .contact-form ::-moz-input-placeholder{color: #999999;;} .contact-form ::-ms-input-placeholder{color: #999999;} .contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus{border-color:#003346;} .contact-form .form-group input.error, .contact-form .form-group select.error, .contact-form .form-group textarea.error{border-color:#ff0000;} .contact-form .form-group label.error{display:block;line-height:24px;padding-top:5px;color:#ff0000;font-weight:500;font-size:14px;text-transform:capitalize;margin:0px;} .contact-form .form-group textarea{height: 120px;margin-bottom: 10px;resize: none;} .main-footer{position:relative; background-color:#f5f5f5;} .main-footer .widgets-section{position:relative;padding:100px 0px 70px;} .main-footer .footer-widget{position:relative;margin-bottom:30px;} .main-footer .logo-widget{position:relative;} .main-footer .logo-widget .logo{position:relative;margin-bottom:40px;} .main-footer .logo-widget .logo img{display: inline-block;vertical-align: bottom;} .main-footer .logo-widget .logo span{position: relative;display: inline-block; font-size: 14px; line-height: 1em; color: #cccccc;font-weight: 700;bottom: -3px;} .main-footer .footer-column .widget-title{position: relative; font-size:14px; font-weight:700; color:#ffffff; line-height: 20px;margin-bottom: 30px;} .social-icon-two{position:relative;} .social-icon-two li{position:relative; margin-right:8px; display:inline-block;} .social-icon-two li a{position:relative; width:36px; height:36px; font-size:14px; color:#cccccc; text-align:center; line-height:36px; display:inline-block; background-color: #2d2d2d; border-radius:50%;-webkit-transition:all 300ms ease; -ms-transition:all 300ms ease;-o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease;} .social-icon-two li a:hover{color:#ffffff; background-color: #f96221;} .social-icon-two.style-two li a:hover{background-color: #fa9027;} .main-footer .list{position:relative;} .main-footer .list li{position:relative; float: left; width: 50%; font-size: 14px; line-height: 20px; color: #cccccc; font-weight: 400; padding-left: 60px;margin-bottom:15px;} .main-footer .list li:before{position: absolute; top: 7px;left: 45px;height: 6px;width: 6px;content: "";background-color: #666666;} .main-footer .list li a{position:relative;color: black;transition:all 0.3s ease;-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .main-footer .list li a:hover{color:black;} .main-footer .contact-widget{ position: relative;padding-left: 80px;} .main-footer .contact-info-list{position:relative;} .main-footer .contact-info-list li{position:relative; padding-left: 30px; font-size: 14px; line-height: 24px; color: black; font-weight: 400;margin-bottom:12px;} .main-footer .contact-info-list li span{position: absolute; left: 0; top: 0px; line-height: 24px; font-size: 15px;margin-right: 10px;} .main-footer .contact-info-list li a{ position:relative; color: black; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;} .main-footer .contact-info-list li a:hover{color:#f96221;} .main-footer .gallery-widget{margin-left: -30px;} .main-footer .gallery-widget .outer{position:relative;margin: 0px -5px 0;} .main-footer .gallery-widget .widget-title{margin-bottom: 35px;} .main-footer .gallery-widget .outer .image{position:relative; float:left; width:25%; padding:0px 5px;margin-bottom:10px;} .main-footer .gallery-widget .image img{display:block;width:100%; } .main-footer .gallery-widget .image a{position: relative;display: block;} .main-footer .gallery-widget .image a:before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #fa9027; opacity: .80; content: ""; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0);-o-transform: scale(0); transform: scale(0);-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .main-footer .gallery-widget .image a:hover:before{-webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);} .main-footer .gallery-widget .image a:after{position: absolute;height: 20px;width: 20px;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px; content: "\f00e";text-align: center;line-height: 20px;font-size: 14px; color: #ffffff;font-family: "FontAwesome";-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease;transition: all 300ms ease;} .main-footer .gallery-widget .image a:hover:after{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .main-footer.style-two .contact-widget{padding-left: 0;} .main-footer.style-two .contact-widget .social-icon-two{margin-top: 40px;} .main-footer.style-two .list li{width: 100%;padding-left: 17px;} .main-footer.style-two .contact-info-list li a:hover, .main-footer.style-two .list li a:hover{color: #fa9027;} .main-footer.style-two .list li:before{ left: 0;} .main-footer.style-three{position: relative;background-repeat: no-repeat;background-position: center top;background-color: #f5f5f5;background-size: cover;padding: 260px 0 140px;} .main-footer.style-three .inner-container{position: relative; max-width: 620px;margin: 0 auto; text-align: center;} .main-footer.style-three h3{display: block; font-size: 34px;line-height: 1.2em; color: #ffffff; font-weight: 800;margin-bottom: 25px;} .main-footer.style-three .text{font-size: 16px;line-height: 28px; color: #ffffff; font-weight: 300; margin-bottom: 35px;} .main-footer.style-three .link-box{position: relative;} .main-footer.style-three .link-box img{border-radius: 6px;filter: drop-shadow( 0 10px 30px rgba(0,0,0,.2));} .main-footer.style-four{background-color: #f5f5f5;} .main-footer.style-four .logo-widget .logo span{color: #555555;} .main-footer.style-four .social-icon-two li a{background-color: transparent; color: #555555;} .main-footer.style-four .social-icon-two li a:hover{color: #ffffff; background-color: #f96221;} .main-footer.style-four .contact-info-list li, .main-footer.style-four .contact-info-list li a, .main-footer.style-four.style-four .list li a{color: #555555;} .main-footer.style-four .contact-info-list li a:hover, .main-footer.style-four .list li a:hover{color: #f96221;} .main-footer.style-four .list li:before{background-color: #cccccc} .main-footer.style-five{position: relative;} .main-footer.style-five .logo-widget .logo span{display: block;color: #cccccc;font-size: 12px;font-weight: 400;margin-top: 5px;opacity: .50;} .main-footer.style-five .list li{width: 100%;padding-left: 20px;} .main-footer.style-five .list li:before{left: 0;} .main-footer.style-five .gallery-widget .outer .image{width: 33.3333333%;} .main-footer.style-five .contact-widget{padding-left: 20px;} .footer-bottom{position: relative;padding: 25px 0;background-color: #242424;} .footer-bottom .outer-box{position: relative;} .footer-bottom .copyright-text{position: relative;} .footer-bottom .copyright-text p{position: relative;font-size: 12px;line-height: 20px; color: #cccccc; font-weight: 400; margin-bottom: 0;} .footer-bottom .copyright-text p a{ color: #cccccc; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .footer-bottom .copyright-text p a:hover{text-decoration: underline; color: #ffffff;} .footer-bottom .bottom-links{position: relative;} .footer-bottom .bottom-links ul li{position: relative; float: left;margin-left: 40px;} .footer-bottom .bottom-links ul li a{display: block; font-size: 12px;line-height: 20px; color: #cccccc; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;} .footer-bottom .bottom-links ul li a:hover{color: #ffffff;} .icon-star-3{height: 424px; width: 446px;background-image: url(../images/icons/icon-star-3.png);} .map-section{ position: relative;} .map-section .map-canvas{position:relative;width:100%;height:500px;} .bootstrap-touchspin .input-group-btn-vertical > .btn{height:24px;background:#e9e9e9; } .bootstrap-touchspin .input-group-btn-vertical i{left:6px;top:6px;} #login-box .close {display: block; float:none; opacity: 1; text-shadow:none; width:40px; line-height: 40px; color:#000000; font-size: 20px; text-align: center; position: absolute; top:10px;right:10px; z-index:10;} .modal-backdrop{opacity:1 !important; background-color:rgba(0,0,0,0.85);} .scroller-section .ms-section{background-position:center center;background-size:cover;background-repeat:no-repeat;} .ms-section.bg-color{background:#00212d;} .gallery-section{position: relative;background-position: center top;background-repeat: no-repeat;padding:120px 0 0px;} .gallery-section .row{margin: 0 -7px;} .mixitup-gallery .filters{margin-bottom:75px;text-align:center;} .mixitup-gallery .filters .filter-tabs{position:relative; display:block;} .mixitup-gallery .filters li{position: relative;display: inline-block;font-size: 14px;line-height: 24px;color: #222222;font-weight: 300;padding: 0 25px;text-transform: uppercase;cursor: pointer;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition: all 300ms ease;z-index: 2;} .mixitup-gallery .filters li.active{font-weight: 700;} .gallery-block{position: relative;padding: 0 7px;margin-bottom: 15px;} .gallery-block.mix{display: none;} .gallery-block .inner-box{position: relative; overflow: hidden;} .gallery-block .image-box{position: relative;overflow: hidden;} .gallery-block .image-box img{width: 100%;height: auto;display: block;} .gallery-block .image-box .overlay-box{position: absolute; left: 0;top: 0;height: 100%;width: 100%;z-index: 1;text-align: center;} .gallery-block .image-box .overlay-box .content{position: absolute;top: 50%;left: 0;width: 100%;opacity: 0;visibility: hidden;} .gallery-block .image-box:hover .overlay-box .content{opacity: 1;visibility: visible;transform: translateY(-50%);-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease; transition-delay: 300ms;} .gallery-block .image-box .overlay-box .content h3{position:relative;display: block;font-size:16px;line-height: 1.2em;color: #ffffff;font-weight: 700;margin-bottom: 5px;} .gallery-block .image-box .overlay-box .content h3 a{color: #ffffff;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .gallery-block .image-box .overlay-box .content span{display: block;font-size: 14px;line-height: 1.2em;color: #ffffff;font-weight: 400;text-transform: uppercase;} .gallery-block .image-box .overlay-box:before{position: absolute;left: 0;top: 0;height: 100%;width: 100%;content: "";background-color: #003a4f;outline-offset: -15px;visibility: hidden;opacity: 0;-webkit-transform: scale(0.5) rotateX(180deg); -moz-transform: scale(0.5) rotateX(180deg);-ms-transform: scale(0.5) rotateX(180deg); -o-transform: scale(0.5) rotateX(180deg);transform: scale(0.5) rotateX(180deg);-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease; -ms-transition: all 500ms ease;-o-transition: all 500ms ease; transition: all 500ms ease;} .gallery-block .inner-box:hover .overlay-box:before{opacity: .90; -webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg); -ms-transform: scale(1) rotateX(0deg); -o-transform: scale(1) rotateX(0deg);transform: scale(1) rotateX(0deg); visibility: visible;} .gallery-section .link-box{position: relative;text-align: center; margin-top: 50px;} .gallery-section .link-box a{display: inline-block;font-size: 14px;line-height: 20px;color: #555555;text-transform: uppercase;font-weight: 700;padding: 14px 40px;border:1px solid #dddddd;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .gallery-section .link-box a:hover{background-color: #fa9027;border-color: #fa9027;color: #ffffff;} .gallery-section .link-box .btn-style-three{color: #ffffff; padding: 14px 40px; line-height: 24px;} .features-tab-section{position: relative;padding: 180px 0 170px;} .features-tab-section .inner-container{max-width: 750px;margin-left: -60px;} .features-tab-section .title{position: relative;display: inline-block;font-size: 18px;line-height: 26px;color: #555555;font-weight: 300;font-style: italic;margin-bottom: 25px;padding-bottom: 10px;} .features-tab-section .title:before{position: absolute;left: 0;bottom: 0;height: 2px;width: 16px;background-color: #f96221;content: "";} .features-tab-section h2{display: block;font-size: 48px;line-height: 1.2em;color: #222222;font-weight: 800;margin-bottom: 40px;} .features-tab-section .image-layer{position: absolute;right: 0;top: 0;height: 100%;width: 50%;z-index: -1; background-repeat: no-repeat; background-position: right bottom; background-attachment: fixed; background-size: 46%;} .features-tab-section .image-layer .image{display: none;} .features-tabs{position: relative;} .features-tabs .tab{display: none;} .features-tabs .tab.active-tab{display: block;} .features-tabs .tab-buttons{position: relative;margin-bottom: 30px;} .features-tabs .tab-buttons li{position: relative;display: inline-block;padding-right: 27px;argin-right: 23px;font-size: 16px;line-height: 30px;color: #222222;font-weight: 400;cursor: pointer;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .features-tabs .tab-buttons li:before{position: absolute;right: 0;top: 7px;background-color: #f96221;width: 2px;height: 16px;content: "";} .features-tabs .tab-buttons li:last-child:before{display: none;} .features-tabs .tab-buttons li.active-btn{-webkit-text-shadow:0px 0px 0.5px;-ms-text-shadow:0px 0px 0.5px;-moz-text-shadow:0px 0px 0.5px;text-shadow:0px 0px 0.5px;} .features-tabs .tabs-content{position: relative;} .features-tabs .tabs-content .text{display: block;font-size: 16px;line-height: 28px;color: #555555;font-weight: 300;padding-right: 50px;} .features-tabs .tabs-content .text p{margin-bottom: 25px;} .features-tabs .tabs-content .text p:last-child{margin-bottom: 0;} .about-section-three{position: relative;padding:50px 0 50px;} .about-section-three .sec-title{margin-bottom:40px;} .about-section-three .sec-title h2{font-size: 48px;font-weight: 800;} .about-section-three .tab-column .inner-column{position: relative;padding-top: 25px;} .about-section-three .features-tabs .text{ padding-right: 0 !important;} .about-section-three .features-tabs .tab-buttons li.active-btn{color: #fa9027;} .about-section-three .image-column .inner-column{position: relative;} .about-section-three.backChangeGrey{background-color:#f5f5f5;} .pricing-section{position: relative;padding: 125px 0 80px;} .pricing-section .sec-title{padding-bottom: 60px;margin-bottom: 80px;} .pricing-section .sub-title{margin-top: 0;margin-bottom: 10px;} .pricing-section .sec-title h2{font-size: 48px;line-height: 1.2em;font-weight: 800;color: #222222;margin-bottom: 40px;} .pricing-section .sec-title:after{position: absolute; left: 0;right: 0;bottom: 0;height: 3px;width: 20px;background-color: #f96221;margin: 0 auto; content: "";} .pricing-section .row{margin: 0px;} .pricing-table{position: relative;padding: 0;margin-bottom: 50px;} .pricing-table .inner-box{position: relative; border: 1px solid #efefef;padding:30px;text-align: center;overflow: hidden;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease; } .pricing-table:hover .inner-box, .pricing-table.tagged .inner-box{background-color: #f0fafe;border-color: #f0fafe;} .pricing-table .inner-box:before{position: absolute; right: -140px;top: 0; height: 70px; width: 70px; content: ""; -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); -ms-transform: skewX(45deg); -o-transform: skewX(45deg); transform: skewX(45deg); background: #fa9027; background: -moz-linear-gradient(left, #fa9027 0%, #f96221 100%,#f96221 100%,#f96221 100%); background: -webkit-linear-gradient(left, #fa9027 0%,#f96221 100%,#f96221 100%,#f96221 100%); background: linear-gradient(to right, #fa9027 0%,#f96221 100%,#f96221 100%,#f96221 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9027', endColorstr='#f96221',GradientType=1 ); -webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;} .pricing-table .inner-box:after{position: absolute;right: 0;top: 0;height: 40px;width: 40px;text-align: right;padding: 10px 7px;line-height: 20px; font-size: 20px;color: #ffffff;content: "\f006";font-family: "Fontawesome";-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease; transition:all 300ms ease;opacity: 0;visibility: hidden;} .pricing-table:hover .inner-box:after, .pricing-table.tagged .inner-box:after{opacity: 1;visibility: visible;-webkit-transition-delay: 300ms;-moz-transition-delay: 300ms;-ms-transition-delay: 300ms;-o-transition-delay: 300ms;transition-delay: 300ms;} .pricing-table:hover .inner-box:before, .pricing-table.tagged .inner-box:before{right: -40px;} .pricing-table .title{position: relative;margin-top:0px;padding:0 0 20px 0;font-size: 24px;line-height: 35px;color: #222222;border-bottom: 1px solid #dddddd; display:block;} .pricing-table .price{position: relative;padding:15px 0;font-size: 14px;line-height: 25px;color: #555555;border-bottom: 1px solid #dddddd;} .pricing-table .price h2:before{display:none;} .pricing-table .price h2{font-size: 56px;line-height: 70px;color: #222222;display: inline-block;font-weight: 700; margin-bottom:0px; padding-bottom:0px;} .pricing-table .price h2 span{display: inline-block; font-size: 30px;vertical-align: top;} .pricing-table .table-content{position: relative;padding:60px 0;} .pricing-table .table-content ul li{position: relative;font-size: 16px;line-height: 36px;color: #555555;font-weight: 300;} .pricing-table .table-content ul li + li{margin-top:15px;} .pricing-table .inner-box.chna{background-color:#f0fafe;} .pricing-table .table-footer{position: relative;} .pricing-table.tagged .table-footer a, .pricing-table .table-footer a:hover{background-color: #003a4f;} .side-content-visible .form-back-drop{opacity:1;visibility:visible;} .whiteBg{background-color:#ffffff;} .sec-title .whiteColor, .whiteColor{color:#fff;} .lignGreybg{background-color:#f5f5f5;} .wheHireDe{padding:80px 0;} .wheHireDe .sec-title{margin:0px;} .gallery-block-two{position: relative;margin-bottom: 70px;} .gallery-block-two.mix{display: none;} .gallery-block-two .inner-box{position: relative;overflow: hidden;} .gallery-block-two .image-box{position: relative;overflow: hidden;} .gallery-block-two .image-box img{width: 100%;height: auto;display: block;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;} .gallery-block-two .inner-box:hover .image-box img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .gallery-block-two .lower-content{position: relative;text-align: center;padding: 35px 0 0;} .gallery-block-two .lower-content h3{position:relative;display: block;font-size: 24px;line-height: 1.2em;color: #222222;font-weight: 700;margin-bottom: 10px;} .gallery-block-two .lower-content h3 a{color: #222222;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease; -o-transition: all 300ms ease;transition: all 300ms ease;} .gallery-block-two .lower-content h3 a:hover{color: #f96221;} .gallery-block-two .lower-content span{display: block;font-size: 14px;line-height: 1.2em;color: #555555;font-weight: 600;} .page-title.style-two{position: relative;background-color: #00212d;padding: 220px 0 100px;overflow: hidden;} .page-title.style-three:before, .page-title.style-three:after, .page-title.style-two:before, .page-title.style-two:after{display: none;} .gallery-section.alternate{padding: 120px 0 120px;} .gallery-section.alternate .row{margin: 0 -15px;} .feature-block-four .title-box .icon{width:30px; height:30px; display:inline-block; background-repeat:no-repeat; top:12px;} .feature-block-four .title-box .handpicked{background:url(../images/icons/small_icon/handpicked.svg)0 0 ;} .feature-block-four .title-box .clientse{background:url(../images/icons/small_icon/leadership.svg)0 0;} .feature-block-four .title-box .transparent{background:url(../images/icons/small_icon/evolving.svg) 0 0;} .feature-block-four .title-box .statee{background:url(../images/icons/small_icon/technologies.svg) 0 0;} .feature-block-four .title-box .stroneg{background:url(../images/icons/small_icon/applications.svg) 0 0;} .feature-block-four .title-box .completee{background:url(../images/icons/small_icon/workflow.svg) 0 0;} .feature-block-four .title-box .competitive{background:url(../images/icons/small_icon/quality.svg) 0 0;} .feature-block-four .title-box .attractivees{background:url(../images/icons/small_icon/partnership.svg) 0 0;} .margin-top-5{ margin-top:5px !important } .alert-fixed{ position: fixed; width: 100%; z-index: 9999; top: 50px }