/*====================================== reset.css is here ========================================*/ *{margin:0; padding:0; box-sizing:border-box; font-display: swap;} table { border-collapse:collapse; border-spacing:0;} fieldset,img{border:0;} /*address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }*/ address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal; } ol,ul { list-style-position: inside; } caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} .no_bor{border:0 none !important; } /**************************************************************************************/ ::selection { background:#B2BB1E; /* WebKit/Blink Browsers */ color:#FFF; } ::-moz-selection { background:#B2BB1E; /* Gecko Browsers */ color:#FFF; } a, a:visited, a:link {color:#B2BB1E; text-decoration:none; outline:0 none !important; transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out; } a:hover, a:focus {color:#AAAD02; text-decoration:none; outline:0 none !important;} main a, main a:hover, main a:focus { text-decoration: underline; } h1 {font-size:105px; line-height:105px; color:#fff; font-weight:800; font-family: 'Open Sans', sans-serif;} h2 {font-size:105px;line-height: 110px;color:#353535;font-weight:800;font-family: 'Open Sans', sans-serif;} h3 {font-size:50px; line-height:50px; font-weight:800; color:#353535; font-family: 'Open Sans', sans-serif;} h4 {font-size:34px; line-height:34px; color:#353535; font-weight:400; font-family: 'Source Serif Pro', serif;} h5 {font-size:27px; line-height:38px; color:#ffffff; font-weight:400; font-family: 'Source Serif Pro', serif;} h6 {font-size: 20px; line-height: 28px; color: #000000; font-weight: 800;font-family: 'Open Sans', sans-serif;} .blog-post-main-content h1 {font-size:80px; line-height:80px; color:#fff; font-weight:800; font-family: 'Open Sans', sans-serif;} .blog-post-main-content h2 {font-size:45px;line-height: 50px;color:#353535;margin-bottom:20px;font-weight:800;font-family: 'Open Sans', sans-serif;} .blog-post-main-content h3 {font-size:30px; line-height:30px; font-weight:800; color:#353535; font-family: 'Open Sans', sans-serif;} .blog-post-main-content h4 {font-size:27px; line-height:27px; color:#353535; font-weight:400; font-family: 'Source Serif Pro', serif;} .blog-post-main-content h5 {font-size:22px; line-height:22px; color:#000000; font-weight:400; font-family: 'Source Serif Pro', serif;} .blog-post-main-content h6 {font-size: 18px; line-height: 18px; color: #000000; font-weight: 800;font-family: 'Open Sans', sans-serif;} p, .blog-post-main-content {font-size:18px; line-height:28px; color:#666; font-weight:400; font-family: 'Source Serif Pro', serif; margin-bottom: 20px;} .blog-post-main-content ul { list-style-position: inside; margin-left: 23px; } .blog-post-main-content ul li { } main h1, main h5 { color:#353535; font-weight:800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .bold-header { color:#353535; font-weight:800; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .btn_request {padding:20px; border:2px solid #fff; max-width: 240px; margin: 0 auto; display: block; font-family: 'Open Sans', sans-serif; font-size: 20px; line-height: 20px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase;} .tbl {display:table; width:100%; height:100%;} .tbl_cell {display:table-cell; vertical-align:middle; height:100%;} /*------------------ SPACER HELPERS ------------------*/ .m-t-0 { margin-top: 0px !important} .m-t-5 { margin-top: 5px !important} .m-t-10 { margin-top: 10px !important} .m-t-15 { margin-top: 15px !important} .m-t-20 { margin-top: 20px !important} .m-t-25 { margin-top: 25px !important} .m-t-30 { margin-top: 30px !important} .m-t-35 { margin-top: 35px !important} .m-t-40 { margin-top: 40px !important} .m-t-45 { margin-top: 45px !important} .m-t-50 { margin-top: 50px !important} .m-t-55 { margin-top: 55px !important} .m-t-60 { margin-top: 60px !important} .m-t-65 { margin-top: 65px !important} .m-t-70 { margin-top: 70px !important} .m-t-75 { margin-top: 75px !important} .m-t-80 { margin-top: 80px !important} .m-t-85 { margin-top: 85px !important} .m-t-90 { margin-top: 90px !important} .m-t-95 { margin-top: 95px !important} .m-t-100 { margin-top: 1000px !important} .m-b-0 { margin-bottom: 0px !important} .m-b-5 { margin-bottom: 5px !important} .m-b-10 { margin-bottom: 10px !important} .m-b-15 { margin-bottom: 15px !important} .m-b-20 { margin-bottom: 20px !important} .m-b-25 { margin-bottom: 25px !important} .m-b-30 { margin-bottom: 30px !important} .m-b-35 { margin-bottom: 35px !important} .m-b-40 { margin-bottom: 40px !important} .m-b-45 { margin-bottom: 45px !important} .m-b-50 { margin-bottom: 50px !important} .m-b-55 { margin-bottom: 55px !important} .m-b-60 { margin-bottom: 60px !important} .m-b-65 { margin-bottom: 65px !important} .m-b-70 { margin-bottom: 70px !important} .m-b-75 { margin-bottom: 75px !important} .m-b-80 { margin-bottom: 80px !important} .m-b-85 { margin-bottom: 85px !important} .m-b-90 { margin-bottom: 90px !important} .m-b-95 { margin-bottom: 95px !important} .m-b-100 { margin-bottom: 1000px !important} .m-l-0 { margin-left: 0px !important} .m-l-5 { margin-left: 5px !important} .m-l-10 { margin-left: 10px !important} .m-l-15 { margin-left: 15px !important} .m-l-20 { margin-left: 20px !important} .m-l-25 { margin-left: 25px !important} .m-l-30 { margin-left: 30px !important} .m-l-35 { margin-left: 35px !important} .m-l-40 { margin-left: 40px !important} .m-l-45 { margin-left: 45px !important} .m-l-50 { margin-left: 50px !important} .m-l-55 { margin-left: 55px !important} .m-l-60 { margin-left: 60px !important} .m-l-65 { margin-left: 65px !important} .m-l-70 { margin-left: 70px !important} .m-l-75 { margin-left: 75px !important} .m-l-80 { margin-left: 80px !important} .m-l-85 { margin-left: 85px !important} .m-l-90 { margin-left: 90px !important} .m-l-95 { margin-left: 95px !important} .m-l-100 { margin-left: 1000px !important} .m-r-0 { margin-right: 0px !important} .m-r-5 { margin-right: 5px !important} .m-r-10 { margin-right: 10px !important} .m-r-15 { margin-right: 15px !important} .m-r-20 { margin-right: 20px !important} .m-r-25 { margin-right: 25px !important} .m-r-30 { margin-right: 30px !important} .m-r-35 { margin-right: 35px !important} .m-r-40 { margin-right: 40px !important} .m-r-45 { margin-right: 45px !important} .m-r-50 { margin-right: 50px !important} .m-r-55 { margin-right: 55px !important} .m-r-60 { margin-right: 60px !important} .m-r-65 { margin-right: 65px !important} .m-r-70 { margin-right: 70px !important} .m-r-75 { margin-right: 75px !important} .m-r-80 { margin-right: 80px !important} .m-r-85 { margin-right: 85px !important} .m-r-90 { margin-right: 90px !important} .m-r-95 { margin-right: 95px !important} .m-r-100 { margin-right: 1000px !important} .p-t-0 { padding-top: 0px !important} .p-t-5 { padding-top: 5px !important} .p-t-10 { padding-top: 10px !important} .p-t-15 { padding-top: 15px !important} .p-t-20 { padding-top: 20px !important} .p-t-25 { padding-top: 25px !important} .p-t-30 { padding-top: 30px !important} .p-t-35 { padding-top: 35px !important} .p-t-40 { padding-top: 40px !important} .p-t-45 { padding-top: 45px !important} .p-t-50 { padding-top: 50px !important} .p-t-55 { padding-top: 55px !important} .p-t-60 { padding-top: 60px !important} .p-t-65 { padding-top: 65px !important} .p-t-70 { padding-top: 70px !important} .p-t-75 { padding-top: 75px !important} .p-t-80 { padding-top: 80px !important} .p-t-85 { padding-top: 85px !important} .p-t-90 { padding-top: 90px !important} .p-t-95 { padding-top: 95px !important} .p-t-100 { padding-top: 1000px !important} .p-b-0 { padding-bottom: 0px !important} .p-b-5 { padding-bottom: 5px !important} .p-b-10 { padding-bottom: 10px !important} .p-b-15 { padding-bottom: 15px !important} .p-b-20 { padding-bottom: 20px !important} .p-b-25 { padding-bottom: 25px !important} .p-b-30 { padding-bottom: 30px !important} .p-b-35 { padding-bottom: 35px !important} .p-b-40 { padding-bottom: 40px !important} .p-b-45 { padding-bottom: 45px !important} .p-b-50 { padding-bottom: 50px !important} .p-b-55 { padding-bottom: 55px !important} .p-b-60 { padding-bottom: 60px !important} .p-b-65 { padding-bottom: 65px !important} .p-b-70 { padding-bottom: 70px !important} .p-b-75 { padding-bottom: 75px !important} .p-b-80 { padding-bottom: 80px !important} .p-b-85 { padding-bottom: 85px !important} .p-b-90 { padding-bottom: 90px !important} .p-b-95 { padding-bottom: 95px !important} .p-b-100 { padding-bottom: 1000px !important} .p-l-0 { padding-left: 0px !important} .p-l-5 { padding-left: 5px !important} .p-l-10 { padding-left: 10px !important} .p-l-15 { padding-left: 15px !important} .p-l-20 { padding-left: 20px !important} .p-l-25 { padding-left: 25px !important} .p-l-30 { padding-left: 30px !important} .p-l-35 { padding-left: 35px !important} .p-l-40 { padding-left: 40px !important} .p-l-45 { padding-left: 45px !important} .p-l-50 { padding-left: 50px !important} .p-l-55 { padding-left: 55px !important} .p-l-60 { padding-left: 60px !important} .p-l-65 { padding-left: 65px !important} .p-l-70 { padding-left: 70px !important} .p-l-75 { padding-left: 75px !important} .p-l-80 { padding-left: 80px !important} .p-l-85 { padding-left: 85px !important} .p-l-90 { padding-left: 90px !important} .p-l-95 { padding-left: 95px !important} .p-l-100 { padding-left: 1000px !important} .p-r-0 { padding-right: 0px !important} .p-r-5 { padding-right: 5px !important} .p-r-10 { padding-right: 10px !important} .p-r-15 { padding-right: 15px !important} .p-r-20 { padding-right: 20px !important} .p-r-25 { padding-right: 25px !important} .p-r-30 { padding-right: 30px !important} .p-r-35 { padding-right: 35px !important} .p-r-40 { padding-right: 40px !important} .p-r-45 { padding-right: 45px !important} .p-r-50 { padding-right: 50px !important} .p-r-55 { padding-right: 55px !important} .p-r-60 { padding-right: 60px !important} .p-r-65 { padding-right: 65px !important} .p-r-70 { padding-right: 70px !important} .p-r-75 { padding-right: 75px !important} .p-r-80 { padding-right: 80px !important} .p-r-85 { padding-right: 85px !important} .p-r-90 { padding-right: 90px !important} .p-r-95 { padding-right: 95px !important} .p-r-100 { padding-right: 1000px !important} /*---------------------------------------------------*/ a.btn { text-decoration: none; } .btn-lg { font-size: 20px !important; line-height: 20px !important; padding:20px !important; } .btn-em { color: #FFFFFF !important; text-transform: uppercase; background-color:transparent; border:2px solid #fff; padding-left: 27px !important; padding-right: 27px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; } .btn-em:hover, .btn-em:focus, .btn-em:active, .btn-em.active, .open .dropdown-toggle.btn-em { background: #fff; color: #353535 !important; border-color: transparent; } .btn-em:active, .btn-em.active, .open .dropdown-toggle.btn-em { background-image: none; } .btn-em.disabled, .btn-em[disabled], fieldset[disabled] .btn-em, .btn-em.disabled:hover, .btn-em[disabled]:hover, fieldset[disabled] .btn-em:hover, .btn-em.disabled:focus, .btn-em[disabled]:focus, fieldset[disabled] .btn-em:focus, .btn-em.disabled:active, .btn-em[disabled]:active, fieldset[disabled] .btn-em:active, .btn-em.disabled.active, .btn-em[disabled].active, fieldset[disabled] .btn-em.active { background-color:transparent; border-color: #FFFFFF; } .btn-em .badge { color: #353535; background-color: #FFFFFF; } .btn-em-grey { color: #353535 !important; text-transform: uppercase; background-color:transparent; border:2px solid #353535; padding-left: 27px !important; padding-right: 27px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; } .btn-em-grey:hover, .btn-em-grey:focus, .btn-em-grey:active, .btn-em-grey.active, .open .dropdown-toggle.btn-em { background: #353535; color: #FFF !important; border-color: transparent; } .btn-em-grey:active, .btn-em-grey.active, .open .dropdown-toggle.btn-em { background-image: none; } .btn-em-grey.disabled, .btn-em-grey[disabled], fieldset[disabled] .btn-em-grey, .btn-em-grey.disabled:hover, .btn-em-grey[disabled]:hover, fieldset[disabled] .btn-em-grey:hover, .btn-em-grey.disabled:focus, .btn-em-grey[disabled]:focus, fieldset[disabled] .btn-em-grey:focus, .btn-em-grey.disabled:active, .btn-em-grey[disabled]:active, fieldset[disabled] .btn-em-grey:active, .btn-em-grey.disabled.active, .btn-em-grey[disabled].active, fieldset[disabled] .btn-em-grey.active { background-color:transparent; border-color: #353535; } .btn-em-grey .badge { color: #353535; background-color: #FFFFFF; } .btn-alt { color: #FFFFFF !important; text-transform: uppercase; background-color:transparent; border:2px solid #b2bb1e; padding-left: 27px !important; padding-right: 27px !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; font-family: 'Open Sans', sans-serif; font-weight: 600; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; transition:all ease-in-out 0.5s; max-width: 370px; } .btn-alt:hover, .btn-alt:focus, .btn-alt:active, .btn-alt.active, .open .dropdown-toggle.btn-alt { background: #b2bb1e; color: #FFF; border-color: transparent; } .btn-alt:active, .btn-alt.active, .open .dropdown-toggle.btn-alt { background-image: none; } .btn-alt.disabled, .btn-alt[disabled], fieldset[disabled] .btn-alt, .btn-alt.disabled:hover, .btn-alt[disabled]:hover, fieldset[disabled] .btn-alt:hover, .btn-alt.disabled:focus, .btn-alt[disabled]:focus, fieldset[disabled] .btn-alt:focus, .btn-alt.disabled:active, .btn-alt[disabled]:active, fieldset[disabled] .btn-alt:active, .btn-alt.disabled.active, .btn-alt[disabled].active, fieldset[disabled] .btn-alt.active { background-color:transparent; border-color: #b2bb1e; } .btn-alt .badge { color: #FFF; background-color: #b2bb1e; } .btn-max { max-width: 370px; margin-left: auto; margin-right: auto; } /*---------------------------------------------------*/ html {height:100%;} body {color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px; height:100%; } .flt_lt {float:left; display:inline;} .flt_rt {float:right; display:inline;} /*-----------LayOut Start here-----------------------*/ .wrapper {margin:0 auto; height:100%;} .container {width: 1218px;margin:0 auto;} .main_content {} /*--------------HEADER STATRT HERE----------------*/ header {position:fixed; top:0; left:0; width:100%; z-index:999; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; border-bottom: 1px solid #63605e;} .header_in {padding: 15px 25px 0 25px;} .logo {padding:0; display: inline-block; float: left;} .logo * {transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .logo a {display:inline-block;} .logo a img {display:block;} .sticky {position:fixed; top:0; left:0; width:100%; } header.sticky {background:#fff;} .sticky .nav_bg .navbar-nav{padding: 0;} .logo a img.dis_none {display: none;} .logo a img.dis_block {display: block;} .sticky .logo a img.dis_none {display: block;} .sticky .logo a img.dis_block {display: none;} .sticky .nav_bg .navbar-nav > li > a{color: #353535;} .sticky .nav_bg .navbar-nav > li > a span i{color: #353535;} .sticky .social_head ul li a {color: #353535;} .sticky .nav_bg .navbar-inverse .navbar-nav > li > a:hover, .sticky .nav_bg .navbar-inverse .navbar-nav > li > a:focus {background:none; color:#353535;} /*--------------NAVIGATION STATRT HERE----------------*/ .header_rgt {padding:0;} .nav_bg {display:inline-block; float: left;} .nav_bg .navbar-inverse {background:none; min-height:0; margin:0; border:0 none; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .nav_bg .navbar-nav {padding:0; } .nav_bg .navbar-nav > li{padding: 10px 16px 0;} .nav_bg .navbar-nav > li > a{padding: 0 0 24px;background:none;font-family: 'Open Sans', sans-serif;font-size:15px;line-height:15px;color:#fff;font-weight:600;display:block;text-transform: uppercase;} .nav_bg .navbar-nav > li > a:before{content: ''; position: absolute; top:-24px; left:50%; width: 0%; height: 2px; background: #b2bb1e; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; opacity: 0; visibility: hidden; display: block;} .nav_bg .navbar-nav > li:hover > a:before{left: 0%; width:100%; opacity: 1; visibility: visible;} .nav_bg .navbar-nav > li > a span {display: inline-block;position: relative;top: 0px;right:-7px;vertical-align: top;} .nav_bg .navbar-nav > li > a span i {color: #fff; font-size: 15px; line-height: 15px;} .nav_bg .navbar-nav > li:last-child a:before {display: none;} .nav_bg .navbar-nav > li:hover a i {color: #b2bb1e;} .nav_bg .navbar-inverse .navbar-nav > .active > a{background:none; color:#000;} .nav_bg .navbar-inverse .navbar-nav > li > a:hover, .nav_bg .navbar-inverse .navbar-nav > li > a:focus {background:none; color:#fff;} .nav_bg .navbar-inverse .navbar-nav > .open > a, .nav_bg .navbar-inverse .navbar-nav > .open > a:hover, .nav_bg .navbar-inverse .navbar-nav > .open > a:focus{background:none; color:#000;} .nav_bg .navbar-nav > li > ul li a:hover {background:#A1AA01; color:#FFF;} .nav_bg .navbar-nav > li > ul {padding:0; margin: 0; display: none; position: absolute; top:100%; left: 0; width:220px; float: none; background:#b2bb1e;} @media (min-width:768px){ .nav_bg .navbar-nav > li > ul.wide-nav {width:290px;} } .nav_bg .navbar-nav > li > ul:after {content: '';position: absolute;top: -15px;left:8px;width:0;height: 0;border-bottom: 15px solid #b2bb1e;border-left:10px solid transparent;border-right:10px solid transparent;} .nav_bg .navbar-nav > li > ul li{display:block; float:none;} .nav_bg .navbar-nav > li > ul li a{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:14px; padding:16px 20px; display:block; color: #fff;text-transform: uppercase;} .nav_bg .navbar-nav > li:hover ul {display:block;} .navbar-toggle {float:none;} .navbar-toggle .icon-bar:nth-of-type(2) {top: -7px;} .navbar-toggle .icon-bar:nth-of-type(3) {top: -6px;} .navbar-toggle .icon-bar {position: relative;transition: all 300ms ease-in-out;top: -8px; background:#f00;} .navbar-toggle.active .icon-bar:nth-of-type(1) {top:-1px;transform: rotate(45deg);} .navbar-toggle.active .icon-bar:nth-of-type(2) {background-color: transparent;} .navbar-toggle.active .icon-bar:nth-of-type(3) {top: -14px;transform: rotate(-45deg);} .social_head {padding: 11px 0 0 10px;display:inline-block;float:right; position: relative;} .social_head:before {content:''; position: absolute; top:-23px; left:-4px; width: 1px; height:73px; background: #63605e;} .social_head ul {padding: 0; margin: 0; } .social_head ul li {padding: 0 0 0 15px; margin: 0; display: inline-block; float: left;} .social_head ul li a {display:inline-block; font-size:15px;line-height:15px;font-weight:normal;color:#ffffff;text-transform: uppercase;margin:0; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .social_head ul li a:hover {color: #b2bb1e;} /*--------------BANNER STATRT HERE----------------*/ .banner {padding:80px 0; margin:0; height:100%; background:url(../images/home-background.jpg) no-repeat left top; background-size:cover; position:relative; min-height:480px;} .banner:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);} .banner_main {position:absolute; top:50%; left:0; width:100%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);} .banner_cont {display:block; margin:0 auto; text-align:center; float:none; position: relative; z-index:9;} .banner_cont h1 {padding:0 0 20px; margin:0; text-transform: uppercase;} .banner_cont h2 {padding:0 0 30px; margin:0; font-size:27px; line-height:38px; color:#ffffff; font-weight:400; font-family: 'Source Serif Pro', serif;} .arrow{position:absolute;bottom: 60px;left:0;right:0;padding:0;margin:0 auto;display: block;width: 50px;height: 50px;z-index: 1;text-align:center;border:solid 2px #fff;border-top:0;border-right:0;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} /* .banner_cont a {display: block; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .banner_cont a:hover{background: #fff; color: #353535; border-color: transparent;} */ .banner-inside {padding:80px 0; margin:0; height:550px; background-image:url(../images/banner_img.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; position:relative; min-height:480px;} .banner-inside:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .banner-inside .banner_main {position:absolute; top:70%; left:0; width:100%; transform: translateY(-70%); -o-transform: translateY(-70%); -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%);} .banner-inside .banner_cont {display:block; margin:0 auto; text-align:center; float:none; position: relative; z-index:9;} .banner-inside .banner_cont h1 {padding:0 0 20px; margin:0; text-transform: uppercase;} .banner-inside .banner_cont h2 {padding:0 0 30px; margin:0; font-size:27px; line-height:38px; color:#ffffff; font-weight:400; font-family: 'Source Serif Pro', serif;} .banner-blog {padding:80px 0; margin:0; height:550px; background-repeat:no-repeat; background-size: cover; background-position: center center; position:relative; min-height:480px;} .banner-blog:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);} .banner-blog .banner_main {position:absolute; top:70%; left:0; width:100%; transform: translateY(-70%); -o-transform: translateY(-70%); -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%);} .banner-blog .banner_cont {display:block; margin:0 auto; text-align:center; float:none; position: relative; z-index:9;} .banner-blog .banner_cont h1 {padding:0 0 20px; margin:0; text-transform: uppercase; } .banner-blog .banner_cont h2 {padding:0 0 30px; margin:0; font-size:27px; line-height:38px; color:#ffffff; font-weight:400; font-family: 'Source Serif Pro', serif;} /* ------------- MIAN CONTENT START HERE --------------*/ .offset{position:absolute; top:-65px; left:0; width:100%; height:65px; display:block; } .hero_block {padding:0; background:#fff; position:relative; } .hero_block_in {padding: 133px 0 133px 34px;margin: 0 auto;float: none;display: block;} .hero_main {padding: 0;} .hero_main h2 {padding: 0 0 52px;margin:0;} .hero_main h2 span {color: #b2bb1e; display: inline;} .hero_rft {padding: 0 0 0 47px;} .hero_rft h4 {padding: 0 0 23px;margin: 0;} .hero_rft p {font-family: 'Source Serif Pro', serif;font-size: 20px;line-height: 28px;color: #000000;font-weight: 400;padding: 0 0 28px;margin: 0;} .hero_rft h6 {padding: 0 0 7px;margin: 0;} .expertise_block { background:#353535; position:relative; } .expertise_block_in {padding: 143px 5px 126px 5px;overflow: hidden;} .expertise_block_in h3 {float: left; display: inline-block; padding: 0 30px 0 0; margin: 0; position: relative; color: #fff;} .expertise_block_in h3:after {content: '';position: absolute;top: 0;right: 0;width: 3px;height: 100%;background: #b2bb1e;} .expertise_block_in h4 {float: left;display: inline-block;padding: 8px 0 0 28px;margin: 0;color: #cccccc;} .expertise_block_in ul {padding: 65px 0 0;margin: 0 -25px;font-size: 0;} .expertise_block_in ul li {padding: 20px 25px;margin: 0;vertical-align: top;display: inline-block;float: none;} .expertise_block_in ul li a {padding: 0; text-decoration: none; margin: 0 0 13px;display: inline-block;font-size: 20px;line-height: 28px;color: #fff;font-weight: 600;font-family: 'Open Sans', sans-serif;text-transform: uppercase; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .expertise_block_in ul li a:hover{color: #b2bb1e;} .expertise_in {padding: 0 0 0 20px;} .expertise_in p {padding: 0; margin: 0; color:#aaa;} .slider_main {padding: 0; position: relative;} .slider_main figure {display: block; position: relative;} .slider_main figure:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);} .slider_main figure img {width: 100%; height: auto;} .slider_con {position: absolute;bottom: 70px;left: 0;right: 0;margin: 0 auto;width: 92%;padding: 0;} .slider_con h2 {padding: 0 0 10px; margin: 0; color: #fff;} .slider_con h2 span {display: block;} .slider_con h4 {padding: 0 0 30px; margin: 0; color: #fff;} .slider_con a {display: block;background: none;color: #fff;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;max-width: 230px;margin: 0;} .slider_con a:hover {background: #fff; color: #353535;} .slider_main .owl-prev {border: 2px solid #fff;width: 60px;height: 60px;font-size: 0;background: url(../images/arrw_lft.png) no-repeat center;position: absolute;bottom: 73px;right: 115px;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .slider_main .owl-prev:hover{background: url(../images/arrw_lft_hov.png) no-repeat center #fff; } .slider_main .owl-next {border: 2px solid #fff;width: 60px;height: 60px;font-size: 0;background: url(../images/arrw_rgt.png) no-repeat center;position: absolute;bottom: 73px;right: 55px;border-left: 0;transition:all ease-in-out 0.5s;-moz-transition:all ease-in-out 0.5s;-ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .slider_main .owl-next:hover{background: url(../images/arrw_rgt_hov.png) no-repeat center #fff; } .slider_main .owl-carousel.owl-loaded{margin: 0;} .slider_main ul, .clients_block ul { list-style: none; } .slider_main .owl-carousel li.item figure { max-width: 1920px; max-height: 859px; overflow: hidden; } .clients_block {padding: 0; margin: 0;} .clients_block_in {padding: 130px 0 154px;} .clients_block_in h3 {float: left;display: inline-block;padding: 0 34px 0 0;margin: 0;position: relative;} .clients_block_in h3:after {content: '';position: absolute;top: 0;right: 0;width: 3px;height: 100%;background: #b2bb1e;} .clients_block_in h4 {float: left;display: inline-block;padding: 8px 0 0 28px;margin: 0;color: #787878;} .clients_block_in ul {padding: 98px 0 0;margin:0 0 -1px;position: relative;display: inline-block;width: 100%;} .clients_block_in ul:after {content: '';position: absolute;bottom: 0px;left: 0;border-bottom: 1px solid #fff;width: 100%;height: 1px;} .clients_block_in ul li {padding: 0; margin: 0; height: 140px; position: relative; border: 1px solid #dbdbdb; border-top:0; border-left: 0; text-align: center;} .clients_block_in ul li { display: inline-block; } .clients_block_in ul li figure {position: absolute; top: 50%; left: 0; right: 0; width: 100%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);} .clients_block_in ul li img {display: block; margin: 0 auto;} .clients_block_in ul li:nth-child(4n){border-right: 0;} .recent_blog {padding: 0;} .recent_blog ul {padding: 0; margin: 0; display: block;} .recent_blog ul li {padding: 0; margin: 0; display: inline-block;} .recent_blog ul li a {display:block; position: relative;} .recent_blog ul li a figure {position: relative; display: block;} .recent_blog ul li a figure:after {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .recent_blog ul li a:hover figure:after{background: rgba(178,187,30,0.9);} .recent_blog ul li a figure img {width: 100%;} .blog_in {padding: 33px 0;position: absolute;top: 0;left: 0;display: block;width: 90%;height: 100%;margin: 0 auto;right: 0;} .blog_in strong{font-size: 20px; line-height: 28px; color: #fff; font-weight: 800;font-family: 'Open Sans', sans-serif; display: block;} .blog_in small{font-size:34px;line-height: 39px;color:#fff;font-weight:400;font-family: 'Source Serif Pro', serif;display: block;position: absolute;bottom: 30px;left: 0;} /* ------------- MIAN CONTENT END HERE --------------*/ /* -------------- FOOTER START HERE -------------------*/ footer {background:#202020;} .footer_in {padding: 151px 24px 150px;float: none;display: block;margin: 0 auto;} .footer_in a.work {margin: 0 auto 39px;} /* .footer_in a.work {text-transform: uppercase; max-width: 370px;border-color: #b2bb1e;margin: 0 auto 39px; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;} .footer_in a.work:hover {background: #b2bb1e; color: #fff; border-color: transparent;} */ .footer_in h5 {padding: 0 0 38px;margin: 0;font-size:23px;line-height:23px;color: #fff;font-weight: 600;font-family: 'Open Sans', sans-serif;} .footer_in h5 a {color: #fff; display: inline-block;} address {padding: 0 0 23px;max-width: 200px;margin: 0 auto;display: block;} address p {font-size:18px; line-height:26px; color:#fff; font-weight:300; font-family: 'Open Sans', sans-serif; } .footer_in > p {padding: 0 0 42px;margin: 0;line-height: 24px;} .footer_in ul {padding: 0 0 44px;margin: 0;display: inline-block;} .footer_in ul li {padding: 0 8px;margin: 0;display: inline-block;} .footer_in ul li a{padding: 0;font-size: 22px;line-height: 22px;color: #fff;font-weight: 800; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s; -o-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; display: inline-block;} .footer_in ul li a:hover{color: #b2bb1e;} .copy_in {padding:0;} .copy_in p {padding:0;font-size:13px;line-height:18px;color:#6c6c6c;margin:0;font-weight: 300;font-family: 'Open Sans', sans-serif;} .copy_in p a {display: inline-block; color: #6c6c6c;} .copy_in p a:hover {text-decoration: underline;} /* -------------- FOOTER END HERE -------------------*/ /* -------------- SEARCH BUTTON STRAT HERE -------------------*/ .search_block{ background:#ffffff;visibility:hidden;opacity: 0;position:fixed;top:-100%;left: 0;width: 100%;z-index: 999;overflow: hidden;transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; -ms-transition:all ease-in-out 0.5s;-o-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;} .search_blog{display:block;max-width:1200px;margin: 0 auto;padding: 27px 0;position:relative;} .search_lt{ display:inline-block; width:100%;} .search_lt .input_form{display:block;width:100%;height:77px;font-size:50px;line-height:77px;font-family: 'Open Sans', sans-serif;padding: 0 55px 0 15px;font-weight: 600;outline:none;border:none;background:#ffffff;color:#353535;} .close1{display:inline-block;cursor:pointer;position:absolute;top:40px;right: 10px;} .close1 i {font-size: 50px; line-height: 50px; color: #353535;} .search_open .search_block{opacity: 1;visibility: visible;top:0;} .over_lay{position: fixed;left: 0px;top: 0px;height: 100%;background: rgba(0,0,0,0.5);z-index: 99;width: 100%;opacity: 0;visibility: hidden;} .search_open .over_lay{opacity: 1; visibility: visible;} /* -------------- SEARCH BUTTON END HERE -------------------*/ /* -------Don't Remove this---------------*/ input[type="text"],input[type="button"] input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, button, select { -webkit-appearance: none; /*Safari/Chrome*/ -moz-appearance: none; /*Firefox*/ -ms-appearance: none; /*IE*/ -o-appearance: none; /*Opera*/ appearance: none; -webkit-border-radius: 0; } .nav-open { position: fixed; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #353535; font-weight: 600; font-family: 'Open Sans', sans-serif; } ::-moz-placeholder { /* Firefox 19+ */ color: #353535; font-weight: 600; opacity: 1; font-family: 'Open Sans', sans-serif; } :-ms-input-placeholder { /* IE 10+ */ color: #353535; font-weight: 600; font-family: 'Open Sans', sans-serif; } :-moz-placeholder { /* Firefox 18- */ color: #353535; font-weight: 600; opacity: 1; font-family: 'Open Sans', sans-serif; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 5+ ONLY */ ::i-block-chrome, .expertise_block_in ul li{float: left;} } section.breadcrumbs { background:#202020; margin-bottom: 80px; } .breadcrumb { background-color: transparent; margin-bottom: 0px; } .breadcrumb > li > a, .breadcrumb > li > a.link, .breadcrumb > li > a:visited { color:#B2BB1E; } .breadcrumb > .active { color:#888; } .breadcrumb > li + li:before { color: #888; } .breadcrumb > li > a:hover{ text-decoration: underline; } blockquote { border-color:#B2BB1E; margin-bottom: 80px; padding-left: 40px; } blockquote h4 { line-height: 1.4em; margin-top: 20px; } main.inside-content { margin-bottom: 80px; } hr { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 2px solid #eee; } hr.green { margin-top: 30px; margin-bottom: 30px; border: 0; border-top: 2px solid #B2BB1E; } .mini-blockquote { border-left:5px solid #B2BB1E; padding-left: 30px; } .text-white { color:#fff; } .text-black { color:#000; } .text-light { color:#aaa; } section.section-break { background: #B2BB1E; margin: 40px 0px 45px 0px; padding: 80px 0px 85px 0px; } .call-to-action-h3 { text-transform: uppercase; margin-top: 60px; } .main-ul li { font-size: 18px; line-height: 28px; color: #000000; font-weight: 800;font-family: 'Open Sans', sans-serif; border: solid 1px #B2BB1E; padding: 15px; margin-bottom: 20px; list-style-type: none; } .blog-post { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); border: 1px solid #eaeaea; margin-bottom: 40px; } .blog-post-image { overflow: hidden; background: #202020; cursor: pointer; } .blog-post-image img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 1.0; } .blog-post-image img:hover { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ opacity: 0.5; } .tutorial-post-image { overflow: hidden; background: #353535; cursor: pointer; line-height: 200px; text-align: center; } .tutorial-post-image i { vertical-align: middle; font-size: 160px; height: 160px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .tutorial-post-image:hover i { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .overview-post { box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); border: 1px solid #eaeaea; margin-bottom: 40px; height: 100%; } .overview-post-image { overflow: hidden; cursor: pointer; line-height: 200px; text-align: center; } .overview-post.solid i { color:#FFF; } .overview-posts > [class*='col-']:nth-child(even) > .overview-post > .overview-post-image { border-top:5px solid #B2BB1E; } .overview-posts > [class*='col-']:nth-child(odd) > .overview-post > .overview-post-image { border-top:5px solid #353535; } .overview-post.solid i { color: #B2BB1E; } .overview-post-image i { vertical-align: middle; font-size: 80px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color:#AAA } .blog-post-content h3 { margin-top: 0px; } .overview-post-image:hover i { transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .blog-post-content h3 { font-size: 20px; line-height: 32px; margin-bottom: 20px; } .blog-post-date { font-size: 18px; margin-bottom: 10px; } .blog-post-content { padding: 20px; } .blog-post-meta { text-align:justify; font-size:14px; color:#666; font-weight:400; font-family: 'Open Sans', sans-serif; } .blog-post-meta > span { display:inline-block; margin-right: 20px; } .blog-post-meta > span:last-child { margin-right: 0px; } .blog-categories { float:left; width:100%; overflow:hidden; position:relative; font-size: 14px; margin-bottom: 40px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 800; } .blog-categories ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center; } .blog-categories ul li { display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; } .blog-categories ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; } .blog-categories ul li a:hover { color:#AAAD02; } .blog-categories ul li a.active, .blog-categories ul li a.active:hover { color:#202020; } .sumome-share-client-wrapper a { display: inline-block; } .sumome-share-client-wrapper img { max-width: 35px; max-height: 35px; } .contact-footer { overflow: hidden; } .contact-footer article { overflow: hidden; text-align: center; min-height: 40em; } .g-recaptcha > div { margin: 10px auto !important; text-align: center; width: auto !important; height: auto !important; } .contact-info { background: #353535; } .contact-info-alt { background: #B2BB1E; } .contact-info p, .contact-info-alt p { font-family: 'Open Sans', sans-serif; } .contact-info-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .contact-info-content h6.plus-size { font-size: 30px; } .contact-info-content h6.plus-size small { font-size: 16px; } .contact-info-content a { text-decoration: underline; color:inherit; } .contact-info-content h6 small { color:#fff; } #g-map, #g-map2 { overflow: hidden; } .form-group-lg .form-control { border-radius: .25em; height: 68px; border: 2px solid rgba(73,106,89,0.5); outline: 0px none; padding: 1.2em 1em 1em ; margin: 0.3em 0px 2em ; } .input-group.input-group-lg .input-group-addon { border: 2px solid rgba(73,106,89,0.5); border-right: none; background: #FFF; border-radius: .25em 0 0 .25em; margin: 0.3em 0px 0px 0px; } .input-group.input-group-lg .form-control { border: 2px solid rgba(73,106,89,0.5); border-left: none; border-radius: 0 .25em .25em 0; outline: 0px none; padding: 1.2em 1em 1em ; height: 68px; margin: 0.3em 0px 0px 0px; } .checkbox label:after, .radio label:after { content: ''; display: table; clear: both; } .checkbox .cr, .radio .cr { position: relative; display: inline-block; border: 1px solid #a9a9a9; border-radius: .25em; width: 1.3em; height: 1.3em; float: left; margin-right: .5em; } .radio .cr { border-radius: 50%; } .checkbox .cr .cr-icon, .radio .cr .cr-icon { position: absolute; font-size: .8em; line-height: 0; top: 50%; left: 20%; } .radio .cr .cr-icon { margin-left: 0.04em; } .checkbox label input[type="checkbox"], .radio label input[type="radio"] { display: none; } .checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon { opacity: 0; transition: all .3s ease-in; } .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon { opacity: 1; } .checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr { opacity: .5; } .cr i { color:#B2BB1E; } div.checkbox label { color: #999999; font-size: 1.5em; } .filterform { margin-bottom: 20px; } .filterfaqs { font-size: 24px; height: 65px !important; /*padding: 30px 10px 30px 10px;*/ } .filterform .btn-group { width:100%; } #searchclear { position: absolute; right: 5px; top: 0; bottom: 0; height: 32px; margin: auto; font-size: 32px; cursor: pointer; color: #B2BB1E; } .input-icon { position: relative; } .input-icon input { text-indent: 35px;} .input-icon span { position: absolute; top: 24px; left: 18px; } .demo-card:nth-child(1) { order: 1; } .demo-card:nth-child(2) { order: 8; } .demo-card:nth-child(3) { order: 2; } .demo-card:nth-child(4) { order: 9; } .demo-card:nth-child(5) { order: 3; } .demo-card:nth-child(6) { order: 10; } .demo-card:nth-child(7) { order: 4; } .demo-card:nth-child(8) { order: 11; } .demo-card:nth-child(9) { order: 5; } .demo-card:nth-child(10) { order: 12; } .demo-card:nth-child(11) { order: 6; } .demo-card:nth-child(12) { order: 13; } .demo-card:nth-child(13) { order: 7; } .demo-card:nth-child(14) { order: 14; } #timeline { background: #f7f7f7; border-top: 1px solid rgba(191, 191, 191, 0.4); border-bottom: 1px solid rgba(191, 191, 191, 0.4); padding: 70px 0px 80px 0px; } #timeline h1 { text-align: center; font-size: 3rem; font-weight: 200; margin-bottom: 20px; } #timeline p.leader { text-align: center; max-width: 90%; margin: auto; margin-bottom: 45px; } #timeline .demo-card-wrapper { position: relative; margin: auto; } #timeline .demo-card-wrapper::after { z-index: 1; content: ""; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px solid rgba(191, 191, 191, 0.4); } #timeline .demo-card { position: relative; display: block; margin: 10px auto 80px; max-width: 94%; z-index: 2; } #timeline .demo-card .head { position: relative; display: flex; align-items: center; color: #fff; font-weight: 400; } #timeline .demo-card .head .number-box { display: inline; float: left; margin: 15px; padding: 10px; font-size: 35px; line-height: 35px; font-weight: 600; background: rgba(0, 0, 0, 0.17); } #timeline .demo-card .body { background: #fff; border: 1px solid rgba(191, 191, 191, 0.4); border-top: 0; padding: 15px; } #timeline .demo-card .body p { ont-size:18px; line-height:28px; color:#666; font-weight:400; font-family: 'Source Serif Pro', serif; margin-bottom: 15px; } #timeline .demo-card .body img { display: block; width: 100%; } #timeline .demo-card { background-color: #B2BB1E; } #timeline .demo-card .head::after { border-color: #B2BB1E; } @media (min-width: 480px) { #timeline .demo-card { max-width: 60%; box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07); } #timeline .demo-card .head h2 { font-size: 165%; line-height: 1.2rem; } #timeline .demo-card .head h2 span { font-size: 0.8rem; } } @media (min-width: 720px) { #timeline .demo-card { max-width: 40%; } } @media (min-width: 1023px) and (max-width: 1199px) { #timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after { position: absolute; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } #timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before { position: absolute; content: ""; width: 9px; height: 9px; background-color: #bdbdbd; border-radius: 9px; box-shadow: 0px 0px 2px 8px #f7f7f7; } #timeline .demo-card-wrapper { display: flex; flex-flow: column wrap; width: 1023px; height: 4075px; margin: 0 auto; } #timeline .demo-card-wrapper::after { border-left: 1px solid #bdbdbd; } #timeline .demo-card { max-width: 380px; height: auto; margin: 90px; margin-top: 45px; margin-bottom: 45px; } #timeline .demo-card:nth-child(odd) { margin-right: 45px; } #timeline .demo-card:nth-child(odd) .head::after { border-left-width: 15px; border-left-style: solid; left: 100%; } #timeline .demo-card:nth-child(odd) .head::before { left: 417.5px; } #timeline .demo-card:nth-child(even) { margin-left: 45px; } #timeline .demo-card:nth-child(even) .head::after { border-right-width: 15px; border-right-style: solid; right: 100%; } #timeline .demo-card:nth-child(even) .head::before { right: 422.5px; } #timeline .demo-card:nth-child(2) { margin-top: 180px; } #timeline .demo-card .body { height: auto; } } @media (min-width: 1200px) { #timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after { position: absolute; content: ""; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; } #timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before { position: absolute; content: ""; width: 9px; height: 9px; background-color: #bdbdbd; border-radius: 9px; box-shadow: 0px 0px 2px 8px #f7f7f7; } #timeline .demo-card-wrapper { display: flex; flex-flow: column wrap; width: 1170px; height: 4075px; margin: 0 auto; } #timeline .demo-card-wrapper::after { border-left: 1px solid #bdbdbd; } #timeline .demo-card { max-width: 450px; height: auto; margin: 90px; margin-top: 45px; margin-bottom: 45px; } #timeline .demo-card:nth-child(odd) { margin-right: 45px; } #timeline .demo-card:nth-child(odd) .head::after { border-left-width: 15px; border-left-style: solid; left: 100%; } #timeline .demo-card:nth-child(odd) .head::before { left: 491.5px; } #timeline .demo-card:nth-child(even) { margin-left: 45px; } #timeline .demo-card:nth-child(even) .head::after { border-right-width: 15px; border-right-style: solid; right: 100%; } #timeline .demo-card:nth-child(even) .head::before { right: 489.5px; } #timeline .demo-card:nth-child(2) { margin-top: 180px; } #timeline .demo-card .body { height: auto; } } /* Team List */ ul.team-list { list-style: none; margin: 0; padding: 0; } ul.team-list .team-item { margin-bottom: 35px; border:1px solid #EAEAEA; } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px; } .sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img { border-radius: 0; float: left; } /* Thumb Info */ .thumb-info { display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; } .thumb-info:hover .thumb-info-action { filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover .thumb-info-title { background: #000; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #CCC; border-radius: 0 0 0 0; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; } .thumb-info .thumb-info-action-icon i { font-size: 24px; left: 3px; position: relative; top: -4px; } .thumb-info .thumb-info-action { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(36, 27, 28, 0.9); bottom: 0; color: #FFF; filter: alpha(opacity=0); height: 100%; left: 0; opacity: 0.0; position: absolute; right: 0; top: 0; width: 100%; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; white-space: nowrap; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(36, 27, 28, 0.9); bottom: 10%; color: #FFF; font-size: 20px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-transform: uppercase; z-index: 1; } .thumb-info .thumb-info-type { background-color: #B2BB1E; display: inline-block; float: left; font-size: 14px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; } .thumb-info img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } /* Thumb Info Caption */ .thumb-info-caption { padding: 10px 0; } .thumb-info-caption p { margin: 0 0 8px; padding: 10px; font-size:18px; line-height:28px; color:#666; font-weight:400; font-family: 'Source Serif Pro', serif; } p.thumb-info-caption { margin: 0 0 8px; padding: 20px 10px 10px 10px; font-size:18px; line-height:28px; color:#666; font-weight:400; font-family: 'Source Serif Pro', serif; } /* Thumb Info Social Icons */ .thumb-info-social-icons { border-top: 1px dotted #DDD; margin: 0; padding: 15px 0; display: block; } .thumb-info-social-icons a { display: inline-block; text-align: center; width: 30px; } .thumb-info-social-icons a:hover i { text-decoration: none; color:#AAAD02; } .thumb-info-social-icons a span { display: none; } .thumb-info-social-icons a i { color: #B2BB1E; font-size: 20px; } /* Thumb Info Secundary */ .thumb-info.secundary .thumb-info-title { background: transparent; bottom: auto; left: 0; right: 0; top: 35%; text-align: center; opacity: 0; } .thumb-info.secundary .thumb-info-type { float: none; } .thumb-info.secundary:hover .thumb-info-title { top: 42%; opacity: 1; } section.timeline .timeline-box .thumb-info { float: left; margin-bottom: -5px; } .count-up { color:#FFF; text-transform: uppercase; font-weight:800; font-family: 'Open Sans', sans-serif; font-size: 60px; text-align: center; } .count-up span { display: block; font-weight:400; font-family: 'Open Sans', sans-serif; font-size: 20px; } .text-alt { color:#B2BB1E !important; } .profile-social { margin-bottom: 20px; } .profile-social a { margin-right: 15px; } .profile-social a:last-child { margin-right: 0px; } /* Circular Bars */ .circular-bar { margin: 0px auto 20px auto; height: 260px; width: 260px; border:8px solid #B2BB1E; border-radius: 50%; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; } .circular-bar.alt { border:8px solid #202020; } .circular-bar strong { display: block; font-weight: 600; font-size: 24px; line-height: 30px; text-transform:uppercase; } .parallax { margin: 70px 0; padding: 50px 0; padding-top:140px !important; padding-bottom:100px !important; min-height: 375px; background: transparent; } .parallax blockquote { border: 0; padding: 0 10%; font-size: 1em; margin: 0 0 20px; } .parallax blockquote p, .parallax blockquote span { color:#FFF; text-shadow:1px 1px #000; text-align: center; } .parallax blockquote p { font-size:36px; line-height:44px !important; } .parallax blockquote span { font-size:22px; text-align: center; display: block; } @media (min-width:768px){ .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .row-eq-height > [class*='col-']{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; max-height: 499px; } } .font-one { font-family: 'Open Sans', sans-serif; } .font-two { font-family: 'Source Serif Pro', serif; } .idea-icons { text-align: right; } .idea-icons i { color:#353535; font-size: 88px; margin-right: 20px; display: inline-block; line-height: 400px; vertical-align: middle; } .idea-icons i:last-of-type { margin-right: 0px; } .idea-icons i:nth-of-type(even) { font-size: 38px; color:#B2BB1E; } .portfolio-content ul.what-we-did { list-style: none; font-size: 20px; color:#666; } .portfolio-content h3 { text-transform: uppercase; font-size: 40px; } .portfolio-content hr { width: 30%; } .portfolio-screenshot { background: #666; padding-top:80px; padding-bottom:80px; margin: 180px auto 0px auto; } .portfolio-screenshot img { margin: -170px auto 0px auto; box-shadow: 0px 0px 10px #666666; } .portfolio-screenshot-mockup { min-height: 600px; background: transparent; margin-top:0px; padding-top: 0px; } .portfolio-description { padding-top: 250px; padding-bottom: 250px; background-color: #1E1E1E; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff; /*text-shadow: 0px 0px 12px #000000;*/ } .portfolio-description h3 { color: #fff; font-size: 80px; line-height: 90px; } .portfolio-description.marketing { background-image: url(../images/marketing-bg.jpg); } .portfolio-description.ecommerce { background-image: url(../images/e-commerce-bg.jpg); } .portfolio-description.programming { background-image: url(../images/programming-bg.jpg); } .work-item { padding: 80px 0px 80px 0px; background-color: #303133; color:#FFF; } .work-item-header { border-top:1px solid #303133; border-bottom:1px solid #303133; } .work-item p { color:#FFF; } .work-item hr { margin-left: auto; margin-right: auto; border-top: 2px solid #eee; width: 30%; } .work-item h3 { color:#B2BB1E; } section.work-items section:nth-child(4n+3) { background-color: #FFF; color:#828485; } section.work-items section:nth-child(4n+3) p { color:#828485; } section.work-items section:nth-child(4n+3) hr { border-top: 2px solid #303133; width: 30%; } .container-full { margin: 0 auto; width: 100%; } .portfolio-prev, .portfolio-next { height: 400px; background-color: #000; overflow:hidden; } .portfolio-prev a.portfolio-link, .portfolio-next a.portfolio-link { display: block; position:absolute; z-index:1; width: 100%; left:0; right:0; top:0; bottom:0; } .portfolio-prev .portfolio-img, .portfolio-next .portfolio-img { position:absolute; z-index:0; min-width: 100%; min-height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.3; filter: alpha(opacity=30); transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; } .portfolio-prev:hover .portfolio-img, .portfolio-next:hover .portfolio-img { opacity: 0.6; filter: alpha(opacity=60); } .portfolio-prev:hover .portfolio-nav-content h3, .portfolio-next:hover .portfolio-nav-content h3 { color:#B2BB1E; } .portfolio-prev .portfolio-nav-content, .portfolio-next .portfolio-nav-content { position:relative; z-index:2; text-align: center; } .portfolio-prev .portfolio-nav-content h3, .portfolio-next .portfolio-nav-content h3, .portfolio-prev .portfolio-nav-content h4, .portfolio-next .portfolio-nav-content h4 { display: block; color:#FFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .portfolio-prev .portfolio-nav-content h3, .portfolio-next .portfolio-nav-content h3 { margin-top: 148px; margin-bottom: 20px; text-transform: uppercase; } .youtube { background-color: #000; margin-top: 30px; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; top: -16.84%; left: 0; opacity: 0.7; } .youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px; } .youtube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } .mockup-content { background: url(../images/mockup-bg.jpg) no-repeat center center; background-size: cover; padding: 80px 20px 80px 20px; text-align: center; } /* START TREE MENU */ ul.treeMenu { /* margin-left: -30px;*/ font-size: 11pt; } .treeMenu li { padding: 0 0 10px 10px; color: #000000; /* margin-left: -15px;*/ list-style-type: none; cursor: pointer; } .treeMenu li ul { display: none; margin-top: 10px; /* margin-left: -25px;*/ } .treeMenu > li > ul > li { border-left: 1px dotted #cccccc; } .treeMenu li a { color: #000000; font-weight: normal; } .treeMenu li a.selectedDoc { background-color: #e3e3e3; } .treeMenu li span.pipe { color: #cccccc; } /* END TREE MENU */ a.author-link, a.author-link:visited, a.author-link:link, a.author-link:hover { color:#000; text-decoration: none; } a.author-link > span.author-name { color:#B2BB1E; text-decoration: underline; } a.author-link:hover > span.author-name { color:#AAAD02; text-decoration: underline; } .social-share { text-align: right; } a > figure > i { color:#B1B1B1; } .search-results { font-size: 16px; color:#666; } .search-results i a, .search-results i a:visited, .search-results i a:hover { display: block; color:#888; text-decoration: none; } .search-results i a:hover { text-decoration: underline; } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0; } .pagination>li>a, .pagination>li>span { color: #202020; text-decoration: none; background-color: #fff; border: 1px solid #CCC; } .pagination>li>a:hover, .pagination>li>span:hover { color: #FFF; text-decoration: none; background-color: #202020; border: 1px solid #202020; } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #CCC; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #B2BB1E; border-color: #B2BB1E; } .notice { padding: 15px; background-color: #fafafa; border-left: 6px solid #7f7f84; margin-bottom: 10px; -webkit-box-shadow: 0 5px 8px -2px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 8px -2px rgba(0,0,0,.2); box-shadow: 0 5px 8px -2px rgba(0,0,0,.2); } .notice-sm { padding: 10px; font-size: 80%; } .notice-lg { padding: 35px; font-size: large; } .notice-success { border-color: #80D651; } .notice-success strong { color: #80D651; } .notice-info { border-color: #45ABCD; } .notice-info strong { color: #45ABCD; } .notice-warning { border-color: #FEAF20; } .notice-warning strong { color: #FEAF20; } .notice-danger { border-color: #d73814; } .notice-danger strong { color: #d73814; } .notice-emagine { border-color: #d73814; } .notice-emagine strong { color: #d73814; } .long-button { display: none !important;; } .dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /*word-break: break-all;*/ word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } #iubenda-cs-banner { bottom: 0px !important; left: 0px !important; position: fixed !important; width: 100% !important; z-index: 99999998 !important; background-color: black; } .iubenda-cs-content { display: block; margin: 0 auto; padding: 20px; width: auto; font-family: Helvetica, Arial, FreeSans, sans-serif; font-size: 14px; background: #000; color: #fff; } .iubenda-cs-rationale { max-width: 900px; position: relative; margin: 0 auto; } .iubenda-banner-content>p { font-family: Helvetica, Arial, FreeSans, sans-serif; line-height: 1.5; color:#FFF !important; font-size: 12px; } .iubenda-cs-close-btn { margin: 0; color: #fff; text-decoration: none; font-size: 14px; position: absolute; top: 0; right: 0; border: none; } .iubenda-cs-cookie-policy-lnk { text-decoration: underline; color: #fff; font-size: 14px; font-weight: 900; } .validation-error { color:#D73814; font-size: 16px; font-weight: bold; margin-top: -20px; } .indicatorQA { color: #353535; font-weight: 800; font-family: 'Open Sans',sans-serif; text-transform: uppercase; font-size: 105px; line-height: 105px; margin-top: 0px; margin-bottom: 10px; }