@charset "UTF-8"; /* Name: theme-elements.css Written by: Okler Themes - (http: //www.okler.net) Version: 4.6.0 */ li {line-height: 24px;} /*Headings*/ h1, h2, h3, h4, h5, h6{color: #1d2127; font-weight: 200; letter-spacing: -1px; margin: 0;} h1{font-size: 2.5em; line-height: 44px; margin: 0 0 32px;} h2{font-size: 2.1em; font-weight: 300; line-height: 42px; margin: 0 0 32px;} h3{font-size: 1.8em; font-weight: 400; letter-spacing: normal; line-height: 24px; margin-bottom: 33px;} h4{font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px;} h5{font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0 0 14px; text-transform: uppercase;} h6{color: #333; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px;} h1.big{font-size: 4.2em; line-height: 54px;} h1.small{font-size: 2.2em; line-height: 42px; font-weight: 600;} h1.short{margin-bottom: 15px;} h2.short{margin-bottom: 15px;} h3.short, h4.short, h5.short, h6.short{margin-bottom: 9px;} h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter{margin-bottom: 0;} h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall{margin-bottom: 33px;} h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller{margin-bottom: 44px;} h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced{margin-top: 22px;} h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced{margin-top: 44px;} h1.dark, h2.dark, h3.dark, h4.dark, h5.dark{color: #1d2127;} h1.light, h2.light, h3.light, h4.light, h5.light, h6.light{color: #FFF;} h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow{text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);} .heading.heading-border{margin-bottom: 25px;} .heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6{margin: 0; padding: 0;} .heading.heading-bottom-border h1{border-bottom: 5px solid #DBDBDB; padding-bottom: 10px;} .heading.heading-bottom-border h2, .heading.heading-bottom-border h3{border-bottom: 2px solid #DBDBDB; padding-bottom: 10px;} .heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6{border-bottom: 1px solid #DBDBDB; padding-bottom: 5px;} .heading.heading-bottom-double-border h1, .heading.heading-bottom-double-border h2, .heading.heading-bottom-double-border h3{border-bottom: 3px double #DBDBDB; padding-bottom: 10px;} .heading.heading-bottom-double-border h4, .heading.heading-bottom-double-border h5, .heading.heading-bottom-double-border h6{border-bottom: 3px double #DBDBDB; padding-bottom: 5px;} .heading.heading-middle-border{position: relative;} .heading.heading-middle-border:before{border-top: 1px solid #DBDBDB; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%;} .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6{position: relative; background: #FFF; display: inline-block;} .heading.heading-middle-border h1{padding-right: 15px;} .heading.heading-middle-border h2, .heading.heading-middle-border h3{padding-right: 10px;} .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6{padding-right: 5px;} .heading.heading-middle-border-reverse{text-align: right;} .heading.heading-middle-border-reverse h1, .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3, .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6{padding-right: 0;} .heading.heading-middle-border-reverse h1{padding-left: 15px;} .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3{padding-left: 10px;} .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6{padding-left: 5px;} .heading.heading-middle-border-center{text-align: center;} .heading.heading-middle-border-center h1{padding-left: 15px; padding-right: 15px;} .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3{padding-left: 10px; padding-right: 10px;} .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6{padding-left: 5px; padding-right: 5px;} .heading.heading-border-xs:before{border-top-width: 1px;} .heading.heading-border-sm:before{border-top-width: 2px;} .heading.heading-border-lg:before{border-top-width: 3px;} .heading.heading-border-xl:before{border-top-width: 5px;} .modal-header h3{color: #333; text-transform: none;} @media (max-width: 479px) { h2{line-height: 40px;} } @media (max-width: 767px) { h1.big{font-size: 3.2em; line-height: 42px;} } blockquote{font-size: 1em;} blockquote.with-borders{border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 15px 20px;} p{color: #777; line-height: 24px; margin: 0 0 20px;} p.featured{font-size: 1.6em; line-height: 1.5em;} p.short{margin-bottom: 0;} p.tall{margin-bottom: 20px;} p.taller{margin-bottom: 40px;} p .alternative-font{display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px;} a, a:hover, a:focus{color: #CCC;} p.drop-caps:first-child:first-letter{float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia;} p.drop-caps.drop-caps-style-2:first-child:first-letter{background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; border-radius: 4px;} .alternative-font{color: #CCC; font-family: "Shadows Into Light", cursive; font-size: 1.6em;} .nav > li > a:hover, .nav > li > a:focus{background: transparent;} ul.nav-list li{margin: 0; padding: 0; display: block; position: relative;} ul.nav-list li a{-webkit-transition: background .1s; -moz-transition: background .1s; transition: background .1s; border-bottom: 1px solid #EDEDDE; padding: 8px 0 8px 18px; display: block; color: #666; font-size: .9em; text-decoration: none; line-height: 20px;} ul.nav-list li a:before{content: ""; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; margin: 7px 0 0 -9px; position: absolute;} ul.nav-list li a:hover{background-color: #eee; text-decoration: none;} ul.nav-list li.active > a{font-weight: bold;} ul.nav-list li ul{list-style: none; margin: 0 0 0 25px; padding: 0;} ul.nav-list.hide-not-active li ul{display: none;} ul.nav-list.hide-not-active li.active ul{display: block;} ul.nav-list.show-bg-active .active > a{background-color: #f5f5f5;} ul.nav-list.show-bg-active .active > a:hover{background-color: #eee;} ul.narrow li a{padding: 4px 0;} ul.nav-pills > li.active > a{background-color: #CCC;} ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus{background-color: #CCC;} .nav-pills-sm > li > a{padding: 7px 12px;} .nav-pills-xs > li > a{padding: 5px 10px; font-size: .9em;} .nav-secondary{background: #fafafa; margin: 0; padding: 20px 0; text-align: center; z-index: 99; width: 100%!important;} .nav-secondary .nav-pills > li{float: none; display: inline-block;} .nav-secondary .nav-pills > li a{font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; padding: 10px 13px; text-transform: uppercase;} .nav-secondary.sticky-active{border-bottom-color: #e9e9e9; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);} html.boxed .nav-secondary.sticky-active{max-width: 1200px; left: auto!important;} .btn{-webkit-transition: all .1s; -moz-transition: all .1s; transition: all .1s;} .btn-default{color: #666;} .btn-icon i{margin-right: 10px;} .btn-icon-right i{margin-right: 0; margin-left: 10px;} .btn-primary{border-color: #CCC; background-color: #CCC; border-color: #CCC #CCC #b3b3b3; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-primary:hover{border-color: #d9d9d9 #d9d9d9 #bfbfbf; background-color: #d9d9d9; color: #FFF;} .btn-primary:active, .btn-primary:focus{border-color: #bfbfbf; background-color: #bfbfbf; color: #FFF;} .btn-primary.dropdown-toggle{border-left-color: #bfbfbf;} .btn-primary[disabled]{border-color: white; background-color: white; color: #CCC;} .btn-success{border-color: #47a447; background-color: #47a447; border-color: #47a447 #47a447 #388038; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-success:hover{border-color: #51b451 #51b451 #3f923f; background-color: #51b451; color: #FFF;} .btn-success:active, .btn-success:focus{border-color: #3f923f; background-color: #3f923f; color: #FFF;} .btn-success.dropdown-toggle{border-left-color: #3f923f;} .btn-success[disabled]{border-color: #86cb86; background-color: #86cb86; color: #CCC;} .btn-warning{border-color: #ed9c28; background-color: #ed9c28; border-color: #ed9c28 #ed9c28 #d18211; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-warning:hover{border-color: #efa740 #efa740 #e89113; background-color: #efa740; color: #FFF;} .btn-warning:active, .btn-warning:focus{border-color: #e89113; background-color: #e89113; color: #FFF;} .btn-warning.dropdown-toggle{border-left-color: #e89113;} .btn-warning[disabled]{border-color: #f5c786; background-color: #f5c786; color: #CCC;} .btn-danger{border-color: #d2322d; background-color: #d2322d; border-color: #d2322d #d2322d #a82824; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-danger:hover{border-color: #d74742 #d74742 #bd2d29; background-color: #d74742; color: #FFF;} .btn-danger:active, .btn-danger:focus{border-color: #bd2d29; background-color: #bd2d29; color: #FFF;} .btn-danger.dropdown-toggle{border-left-color: #bd2d29;} .btn-danger[disabled]{border-color: #e48481; background-color: #e48481; color: #CCC;} .btn-info{border-color: #5bc0de; background-color: #5bc0de; border-color: #5bc0de #5bc0de #31b0d5; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-info:hover{border-color: #70c8e2 #70c8e2 #46b8da; background-color: #70c8e2; color: #FFF;} .btn-info:active, .btn-info:focus{border-color: #46b8da; background-color: #46b8da; color: #FFF;} .btn-info.dropdown-toggle{border-left-color: #46b8da;} .btn-info[disabled]{border-color: #b0e1ef; background-color: #b0e1ef; color: #CCC;} .btn-dark{border-color: #1d2127; background-color: #1d2127; border-color: #1d2127 #1d2127 #07080a; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-dark:hover{border-color: #282d36 #282d36 #121518; background-color: #282d36; color: #FFF;} .btn-dark:active, .btn-dark:focus{border-color: #121518; background-color: #121518; color: #FFF;} .btn-dark.dropdown-toggle{border-left-color: #121518;} .btn-dark[disabled]{border-color: #495362; background-color: #495362; color: #CCC;} .btn-borders{border-width: 3px;} .btn-borders.btn-primary{background: transparent; border-color: #CCC; color: #CCC; text-shadow: none;} .btn-borders.btn-primary:hover, .btn-borders.btn-primary:focus{background-color: #d9d9d9; border-color: #CCC!important; color: #FFF;} .btn-borders.btn-success{background: transparent; border-color: #47a447; color: #47a447; text-shadow: none;} .btn-borders.btn-success:hover, .btn-borders.btn-success:focus{background-color: #51b451; border-color: #47a447!important; color: #FFF;} .btn-borders.btn-warning{background: transparent; border-color: #ed9c28; color: #ed9c28; text-shadow: none;} .btn-borders.btn-warning:hover, .btn-borders.btn-warning:focus{background-color: #efa740; border-color: #ed9c28!important; color: #FFF;} .btn-borders.btn-danger{background: transparent; border-color: #d2322d; color: #d2322d; text-shadow: none;} .btn-borders.btn-danger:hover, .btn-borders.btn-danger:focus{background-color: #d74742; border-color: #d2322d!important; color: #FFF;} .btn-borders.btn-info{background: transparent; border-color: #5bc0de; color: #5bc0de; text-shadow: none;} .btn-borders.btn-info:hover, .btn-borders.btn-info:focus{background-color: #70c8e2; border-color: #5bc0de!important; color: #FFF;} .btn-borders.btn-dark{background: transparent; border-color: #1d2127; color: #1d2127; text-shadow: none;} .btn-borders.btn-dark:hover, .btn-borders.btn-dark:focus{background-color: #282d36; border-color: #1d2127!important; color: #FFF;} .btn-borders{padding: 4px 12px;} .btn-borders.btn-lg, .btn-group-lg > .btn-borders.btn{padding: 8px 16px;} .btn-borders.btn-sm, .btn-group-sm > .btn-borders.btn{border-width: 2px; padding: 4px 10px;} .btn-borders.btn-xs, .btn-group-xs > .btn-borders.btn{padding: 1px 5px; border-width: 1px;} .btn-3d{border-bottom-width: 3px; padding: 5px 12px; border-radius: 6px;} .btn-3d.btn-lg, .btn-group-lg > .btn-3d.btn{padding: 9px 16px;} .btn-3d.btn-sm, .btn-group-sm > .btn-3d.btn{border-width: 2px; padding: 4px 10px;} .btn-3d.btn-xs, .btn-group-xs > .btn-3d.btn{padding: 1px 5px; border-width: 1px;} .label-primary{background-color: #CCC; color: #FFF;} .label-success{background-color: #47a447; color: #FFF;} .label-warning{background-color: #ed9c28; color: #FFF;} .label-danger{background-color: #d2322d; color: #FFF;} .label-info{background-color: #5bc0de; color: #FFF;} .label-dark{background-color: #1d2127; color: #FFF;} .label.label-sm{font-size: .7em;} .label.label-lg{font-size: 1em;} form label{font-weight: normal;} textarea{resize: vertical;} select{border: 1px solid #E5E7E9; border-radius: 6px; outline: none;} .label{font-weight: normal;} .form-group:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .form-control:focus{box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC;} .form-control.error{border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);} .form-control.error:focus{border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;} label.valid{display: inline-block; text-indent: -9999px;} label.error{color: #c10000; font-size: .9em; line-height: 18px; padding: 5px 0 0;} label.error#captcha-error{margin-top: 15px;} .captcha{clear: both; overflow: hidden; background: #F2F2F2; text-align: center; margin-bottom: 20px; max-width: 160px; height: 78px; position: relative;} .captcha input{border: 0;} .captcha-input{position: relative; top: 15px; font-size: 14px;} .captcha-image{float: left; position: relative; top: -5px; left: -13px;} .captcha-refresh{position: absolute; z-index: 1; bottom: 2px; right: 2px; border-radius: 3px; padding: 2px 5px;} .captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active{color: #333;} .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th{background-color: #CCC; color: #FFF;} .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th{background-color: #47a447; color: #FFF;} .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th{background-color: #ed9c28; color: #FFF;} .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th{background-color: #d2322d; color: #FFF;} .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th{background-color: #5bc0de; color: #FFF;} .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th{background-color: #1d2127; color: #FFF;} .featured-icon{background: #CCC; border-radius: 35px; color: #FFF; display: inline-block; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px;} .featured-icon i{color: #FFF; font-size: .9em; font-weight: normal;} .sample-icon-list{margin-top: 22px;} .sample-icon-list .sample-icon a{display: block; color: #222222; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px;} .sample-icon-list .sample-icon a .fa, .sample-icon-list .sample-icon a .icons{width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px;} .sample-icon-list .sample-icon a:hover{color: #ffffff; text-decoration: none;} .sample-icon-list .sample-icon a:hover .fa, .sample-icon-list .sample-icon a:hover .icons{font-size: 28px; vertical-align: -6px;} .img-rounded{border-radius: 4px;} .img-thumbnail{border-radius: 4px; position: relative;} .img-thumbnail img{border-radius: 4px;} .img-thumbnail .zoom{background: #CCC; border-radius: 100%; bottom: 8px; color: #FFF; display: block; height: 30px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 30px;} .img-thumbnail .zoom i{font-size: 14px; left: -1px; position: relative; top: -3px;} .img-thumbnail.img-thumbnail-hover-icon{position: relative;} .img-thumbnail.img-thumbnail-hover-icon img{position: relative; z-index: 1;} .img-thumbnail.img-thumbnail-hover-icon:before{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; background: rgba(0, 0, 0, 0.65); border-radius: 4px; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2;} .img-thumbnail.img-thumbnail-hover-icon:after{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; font-family: FontAwesome; color: #FFF; content: "\f00e"; font-size: 30px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3;} .img-thumbnail.img-thumbnail-hover-icon:hover:before{opacity: 1;} .img-thumbnail.img-thumbnail-hover-icon:hover:after{top: 50%; opacity: 1;} ul.image-gallery{list-style: none; margin: 0; padding: 0;} ul.image-gallery .image-gallery-item{margin-bottom: 35px;} ul.thumbnail-gallery{list-style: none; margin: 10px 0; padding: 0;} ul.thumbnail-gallery li{display: inline-block; margin: 10px 10px 0 0; padding: 0;} @media (max-width: 991px) { .thumbnail{border: 0; text-align: center;} } .masonry .masonry-item{width: 25%;} .masonry .masonry-item.w2{width: 50%;} .masonry .masonry-item img{border-radius: 0!important;} @media (min-width: 992px) { .mockup-landing-page{margin-top: -120px;} } .list li{/*margin-bottom: 13px;*/ margin-bottom: 5px;} .list.pull-left li{text-align: left;} .list.list-icons{list-style: none; padding-left: 0; padding-right: 0;} .list.list-icons li{position: relative; padding-left: 25px;} .list.list-icons li .fa, .list.list-icons li .icons{position: absolute; left: 0; top: 5px;} .list.list-icons.list-icons-style-2 li{padding-top: 5px; padding-left: 36px;} .list.list-icons.list-icons-style-2 li .fa, .list.list-icons.list-icons-style-2 li .icons{border-width: 1px; border-style: solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px;} .list.list-icons.list-icons-style-3 li{padding-top: 5px; padding-left: 36px;} .list.list-icons.list-icons-style-3 li .fa, .list.list-icons.list-icons-style-3 li .icons{color: #fff; width: 25px; height: 25px; line-height: 25px; text-align: center;} .list.list-icons.list-icons-sm li{padding-left: 13px; margin-bottom: 5px;} .list.list-icons.list-icons-sm li .fa, .list.list-icons.list-icons-sm li .icons{font-size: .8em; top: 7px;} .list.list-icons.list-icons-sm.list-icons-style-2 li{padding-left: 32px; margin-bottom: 10px; line-height: 19px;;} .list.list-icons.list-icons-sm.list-icons-style-2 li .fa, .list.list-icons.list-icons-sm.list-icons-style-2 li .icons{width: 20px; height: 20px; line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .list.list-icons.list-icons-sm.list-icons-style-3 li{padding-left: 32px; margin-bottom: 10px; line-height: 19px;} .list.list-icons.list-icons-sm.list-icons-style-3 li .fa, .list.list-icons.list-icons-sm.list-icons-style-3 li .icons{width: 20px; height: 20px; line-height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .list.list-icons.list-icons-lg li{padding-top: 5px; padding-left: 32px;} .list.list-icons.list-icons-lg li .fa, .list.list-icons.list-icons-lg li .icons{font-size: 1.5em;} .list.list-icons.list-icons-lg.list-icons-style-2 li{padding-left: 58px; margin-bottom: 10px; line-height: 44px;} .list.list-icons.list-icons-lg.list-icons-style-2 li .fa, .list.list-icons.list-icons-lg.list-icons-style-2 li .icons{width: 45px; height: 45px; line-height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .list.list-icons.list-icons-lg.list-icons-style-3 li{padding-left: 58px; margin-bottom: 10px; line-height: 44px;} .list.list-icons.list-icons-lg.list-icons-style-3 li .fa, .list.list-icons.list-icons-lg.list-icons-style-3 li .icons{width: 45px; height: 45px; line-height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} .list.list-icons.list-icons-reverse li{text-align: right; padding-right: 25px; padding-left: 0;} .list.list-icons.list-icons-reverse li .fa, .list.list-icons.list-icons-reverse li .icons{position: absolute; left: auto; right: 0; top: 5px;} .list.list-icons.list-icons-reverse.list-icons-style-2 li{padding-right: 36px;} .list.list-icons.list-icons-reverse.list-icons-style-3 li{padding-right: 36px;} .list.list-icons.list-icons-reverse.list-icons-sm li{padding-left: 0; padding-right: 13px;} .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li{padding-right: 32px;} .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li{padding-right: 32px;} .list.list-icons.list-icons-reverse.list-icons-lg li{padding-left: 0; padding-right: 32px;} .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li{padding-right: 42px;} .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li{padding-right: 42px;} .list.list-borders li{border-bottom: 1px solid #DBDBDB; margin-top: 9px; margin-bottom: 0; padding-bottom: 9px;} .list.list-borders li:last-child{border-bottom: 0;} .list.list-side-borders{border-left: 1px solid #DBDBDB; padding-left: 10px;} .list.list-ordened{counter-reset: custom-counter; list-style: none;} .list.list-ordened li{position: relative; padding-left: 22px;} .list.list-ordened li:before{position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold;} .list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li{padding-left: 32px;} .list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before{border-radius: 100%; border-style: solid; border-width: 1px; min-width: 26px; padding: 0; text-align: center;} .list.list-ordened.list-ordened-style-3 li:before{color: #FFF; border: 0;} .list.list-unstyled{padding-left: 0; padding-right: 0;} dl dd{margin-bottom: 15px;} ul.sitemap > li > a{font-weight: bold;} ul.sitemap.list li{margin: 0 0 3px;} ul.sitemap.list ul{margin-bottom: 5px; margin-top: 5px;} .panel-group .panel-heading{padding: 0; border-radius: 3px;} .panel-group .panel-heading a{display: block; padding: 10px 15px; font-weight: 500;} .panel-group .panel-heading a:hover, .panel-group .panel-heading a:focus{text-decoration: none;} .panel-group .panel-heading a strong{font-weight: 600;} .panel-group .panel-heading a [class^="icon-"]{margin-right: 4px; position: relative; top: 1px;} .panel-group .panel-heading a .fa, .panel-group .panel-heading a .icons{display: inline-block; margin-right: 5px; position: relative; top: -1px;} .panel-group.panel-group-sm .panel-heading a{padding: 5px 15px; font-size: .9em;} .panel-group.panel-group-sm .panel-body{font-size: .9em;} .panel-group.panel-group-lg .panel-heading a{padding: 15px; font-size: 1em; font-weight: 600;} .panel-group.without-bg .panel-default{background: transparent!important;} .panel-group.without-bg .panel-default > .panel-heading{background: transparent!important;} .panel-group.without-bg .panel-body{padding-top: 0; padding-bottom: 0;} .panel-group.without-borders .panel{border: 0; box-shadow: none; border-bottom: 1px solid #DDD; border-radius: 0;} .panel-group.without-borders .panel-heading a{padding-left: 0; padding-right: 0;} .panel-group.without-borders .panel-body{padding: 0;} .tabs{border-radius: 4px; margin-bottom: 20px;} .nav-tabs{margin: 0; padding: 0; font-size: 0; border-bottom-color: #EEE;} .nav-tabs li{display: inline-block; float: none;} .nav-tabs li:last-child a{margin-right: 0;} .nav-tabs li a{border-radius: 5px 5px 0 0; font-size: 14px; margin-right: 1px;} .nav-tabs li a, .nav-tabs li a:hover{background: #F4F4F4; border-bottom: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-top: 3px solid #EEE; color: #CCC;} .nav-tabs li a:hover{border-bottom-color: transparent; border-top: 3px solid #CCC; box-shadow: none;} .nav-tabs li a:active, .nav-tabs li a:focus{border-bottom: 0;} .nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus{background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #CCC; color: #CCC;} .tab-content{border-radius: 0 0 4px 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; border-top: 0; padding: 15px;} .nav-tabs.nav-right{text-align: right;} .tabs.tabs-bottom{margin: 0 0 20px; padding: 0;} .tabs.tabs-bottom .tab-content{border-radius: 4px 4px 0 0; border-bottom: 0; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs{border-bottom: none; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs li{margin-bottom: 0; margin-top: -1px;} .tabs.tabs-bottom .nav-tabs li:last-child a{margin-right: 0;} .tabs.tabs-bottom .nav-tabs li a{border-radius: 0 0 5px 5px; font-size: 14px; margin-right: 1px;} .tabs.tabs-bottom .nav-tabs li a, .tabs.tabs-bottom .nav-tabs li a:hover{border-bottom: 3px solid #EEE; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs li a:hover{border-bottom: 3px solid #CCC; border-top: 1px solid #EEE;} .tabs.tabs-bottom .nav-tabs li.active a, .tabs.tabs-bottom .nav-tabs li.active a:hover, .tabs.tabs-bottom .nav-tabs li.active a:focus{border-bottom: 3px solid #CCC; border-top-color: transparent;} .tabs-vertical{display: table; width: 100%; padding: 0; border-top: 1px solid #EEE;} .tabs-vertical .tab-content{display: table-cell; vertical-align: top;} .tabs-vertical .nav-tabs{border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top;} .tabs-vertical .nav-tabs > li{display: block;} .tabs-vertical .nav-tabs > li a{border-radius: 0; display: block; padding-top: 10px;} .tabs-vertical .nav-tabs > li a, .tabs-vertical .nav-tabs > li a:hover, .tabs-vertical .nav-tabs > li a:focus{border-bottom: none; border-top: none;} .tabs-vertical .nav-tabs > li.active a, .tabs-vertical .nav-tabs > li.active a:hover, .tabs-vertical .nav-tabs > li.active:focus{border-top: none;} .tabs-left{padding: 0;} .tabs-left .tab-content{border-radius: 0 5px 5px 5px; border-left: none;} .tabs-left .nav-tabs > li{margin-right: -1px;} .tabs-left .nav-tabs > li:first-child a{border-radius: 5px 0 0 0;} .tabs-left .nav-tabs > li:last-child a{border-radius: 0 0 0 5px; border-bottom: 1px solid #eee;} .tabs-left .nav-tabs > li a{border-right: 1px solid #EEE; border-left: 3px solid #EEE; margin-right: 1px; margin-left: -3px;} .tabs-left .nav-tabs > li a:hover{border-left-color: #CCC;} .tabs-left .nav-tabs > li.active a, .tabs-left .nav-tabs > li.active a:hover, .tabs-left .nav-tabs > li.active a:focus{border-left: 3px solid #CCC; border-right-color: #FFF;} .tabs-right{padding: 0;} .tabs-right .tab-content{border-radius: 5px 0 5px 5px; border-right: none;} .tabs-right .nav-tabs > li{margin-left: -1px;} .tabs-right .nav-tabs > li:first-child a{border-radius: 0 5px 0 0;} .tabs-right .nav-tabs > li:last-child a{border-radius: 0 0 5px 0; border-bottom: 1px solid #eee;} .tabs-right .nav-tabs > li a{border-right: 3px solid #EEE; border-left: 1px solid #EEE; margin-right: 1px; margin-left: 1px;} .tabs-right .nav-tabs > li a:hover{border-right-color: #CCC;} .tabs-right .nav-tabs > li.active a, .tabs-right .nav-tabs > li.active a:hover, .tabs-right .nav-tabs > li.active a:focus{border-right: 3px solid #CCC; border-left: 1px solid #FFF;} .nav-tabs.nav-justified{padding: 0; margin-bottom: -1px;} .nav-tabs.nav-justified li{margin-bottom: 0;} .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover{border-radius: 5px 0 0 0;} .nav-tabs.nav-justified li:last-child a, .nav-tabs.nav-justified li:last-child a:hover{border-radius: 0 5px 0 0;} .nav-tabs.nav-justified li a{border-bottom: 1px solid #DDD; border-radius: 0; margin-right: 0;} .nav-tabs.nav-justified li a:hover, .nav-tabs.nav-justified li a:focus{border-bottom: 1px solid #DDD;} .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus{background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top-width: 3px;} .nav-tabs.nav-justified li.active a{border-bottom: 1px solid #FFF;} .nav-tabs.nav-justified li.active a, .nav-tabs.nav-justified li.active a:hover, .nav-tabs.nav-justified li.active a:focus{border-top-width: 3px;} .nav-tabs.nav-justified li.active a:hover{border-bottom: 1px solid #FFF;} .tabs.tabs-bottom{padding: 0;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified{border-top: none;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a{margin-right: 0; border-top-color: transparent;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a{border-radius: 0 0 0 5px;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a{margin-right: 0; border-radius: 0 0 5px 0;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li.active a:focus{border-top-color: transparent;} .tabs-center .nav-tabs{margin: 0 auto; text-align: center;} .tabs-navigation{border-radius: 5px;} .tabs-navigation .nav-tabs > li{margin-bottom: 1px;} .tabs-navigation .nav-tabs > li a{color: #777; padding: 18px; line-height: 100%;} .tabs-navigation .nav-tabs > li a:before{font-family: FontAwesome; content: "\f054"; position: absolute; right: 15px; top: 50%; margin-top: -7px;} .tabs-navigation .nav-tabs > li a .fa, .tabs-navigation .nav-tabs > li a .icons{margin-right: 4px;} .tabs-navigation .nav-tabs > li:first-child a{border-radius: 5px 5px 0 0;} .tabs-navigation .nav-tabs > li.active a, .tabs-navigation .nav-tabs > li.active a:hover, .tabs-navigation .nav-tabs > li.active a:focus{border-right-color: #eee;} .tabs-navigation .nav-tabs > li:last-child a{border-radius: 0 0 5px 5px;} .tab-pane-navigation{display: none;} .tab-pane-navigation.active{display: block;} .tabs.tabs-simple .nav-tabs{border: 0; margin-bottom: 10px;} .tabs.tabs-simple .nav-tabs > li{margin-left: 0; margin-bottom: 20px;} .tabs.tabs-simple .nav-tabs > li a, .tabs.tabs-simple .nav-tabs > li a:hover, .tabs.tabs-simple .nav-tabs > li a:focus{padding: 15px 30px; background: none; border: 0; border-bottom: 3px solid #eee; border-radius: 0; color: #777; font-size: 16px;} .tabs.tabs-simple .tab-content{border: 0; padding: 0; margin: 0; box-shadow: none;} @media (max-width: 479px) { .tabs .nav.nav-tabs.nav-justified li{display: block; margin-bottom: -5px;} .tabs .nav.nav-tabs.nav-justified li a{border-top-width: 3px!important; border-bottom-width: 0!important;} .tabs .nav.nav-tabs.nav-justified li:first-child a, .tabs .nav.nav-tabs.nav-justified li:first-child a:hover{border-radius: 5px 5px 0 0;} .tabs .nav.nav-tabs.nav-justified li:last-child a, .tabs .nav.nav-tabs.nav-justified li:last-child a:hover{border-radius: 0;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li{margin-bottom: 0; margin-top: -5px;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li a{border-bottom-width: 3px!important; border-top-width: 0!important;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a:hover{border-radius: 0;} .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover{border-radius: 0 0 5px 5px;} } .toggle{margin: 10px 0 20px; position: relative; clear: both;} .toggle .toggle{margin: 10px 0 0;} .toggle > input{cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2;} .toggle > label{-webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out; background: #F4F4F4; border-left: 3px solid #CCC; border-radius: 5px; color: #CCC; display: block; font-size: 1.1em; min-height: 20px; padding: 12px 20px 12px 10px; position: relative; cursor: pointer; font-weight: 400;} .toggle > label: -moz-selection{background: none;} .toggle > label i.fa-minus{display: none;} .toggle > label i.fa-plus{display: inline;} .toggle > label:selection{background: none;} .toggle > label:before{border: 6px solid transparent; border-left-color: inherit; content: ''; margin-top: -6px; position: absolute; right: 4px; top: 50%;} .toggle > label:hover{background: #f5f5f5;} .toggle > label + p{color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px;} .toggle > label i{font-size: .7em; margin-right: 8px; position: relative; top: -1px;} .toggle > .toggle-content{display: none;} .toggle > .toggle-content > p{margin-bottom: 0; padding: 10px 0;} .toggle.active i.fa-minus{display: inline;} .toggle.active i.fa-plus{display: none;} .toggle.active > label{background: #F4F4F4; border-color: #CCC;} .toggle.active > label:before{border: 6px solid transparent; border-top-color: #FFF; margin-top: -3px; right: 10px;} .toggle.active > p{white-space: normal;} .toggle > p.preview-active{height: auto; white-space: normal;} .toggle.toggle-sm .toggle > label{font-size: .9em; padding: 6px 20px 6px 10px;} .toggle.toggle-sm .toggle > .toggle-content > p{font-size: .9em;} .toggle.toggle-lg .toggle > label{font-size: 1.1em; padding: 16px 20px;} .toggle.toggle-lg .toggle > .toggle-content > p{font-size: 1.1em;} .toggle.toggle-simple .toggle > label{border-radius: 0; border: 0; background: transparent; color: #777; padding-left: 32px; margin-bottom: -10px; font-size: 1em; font-weight: 600; color: #1d2127;} .toggle.toggle-simple .toggle > label:after{content: ''; position: absolute; left: 0; display: block; width: 24px; height: 24px; background: #CCC; top: 23px; margin-top: -12px; border-radius: 3px; z-index: 1;} .toggle.toggle-simple .toggle > label:before{border: 0; left: 7px; right: auto; margin-top: 0; top: 12px; font-family: FontAwesome; content: "\f067"; z-index: 2; color: #FFF; font-size: 13px;} .toggle.toggle-simple .toggle.active > label{background: transparent; color: #1d2127;} .toggle.toggle-simple .toggle.active > label:before{content: "\f068";} .owl-carousel{margin-bottom: 20px;} .owl-carousel .thumbnail{margin-right: 1px;} .owl-carousel .item-video{height: 300px;} .owl-carousel .owl-nav{top: 50%; position: absolute; margin-top: -20px; width: 100%;} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{display: inline-block; position: absolute; width: 30px; height: 30px;} .owl-carousel .owl-nav .owl-prev{left: -5px;} .owl-carousel .owl-nav .owl-prev:before{font-family: FontAwesome; content: "\f053"; position: relative; left: -1px; top: 1px;} .owl-carousel .owl-nav .owl-next{right: -5px;} .owl-carousel .owl-nav .owl-next:before{font-family: FontAwesome; content: "\f054"; position: relative; left: 2px; top: 1px;} .owl-carousel.stage-margin .owl-stage-outer{margin-left: 40px!important; margin-right: 40px!important;} .owl-carousel.stage-margin .owl-stage-outer .owl-stage{padding-left: 0!important; padding-right: 0!important;} .owl-carousel.show-nav-hover .owl-nav{opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out;} .owl-carousel.show-nav-hover .owl-nav .owl-prev{left: -20px;} .owl-carousel.show-nav-hover .owl-nav .owl-next{right: -20px;} .owl-carousel.show-nav-hover:hover .owl-nav{opacity: 1;} .owl-carousel.show-nav-title .owl-nav{top: 0; right: 0; margin-top: -45px; width: auto;} .owl-carousel.show-nav-title .owl-nav [class*="owl-"], .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav [class*="owl-"]:active{font-size: 18px; background: transparent!important; width: 18px; font-size: 18px;} .owl-carousel.show-nav-title .owl-nav .owl-prev{left: -45px;} .owl-carousel.rounded-nav .owl-nav [class*="owl-"], .owl-carousel.rounded-nav .owl-nav [class*="owl-"]:hover{padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999!important; color: #999;} .owl-carousel.nav-bottom .owl-nav{position: static; margin: 0; padding: 0; width: auto;} .owl-carousel.nav-bottom .owl-nav .owl-prev, .owl-carousel.nav-bottom .owl-nav .owl-next{position: static;} .owl-carousel.nav-inside .owl-nav, .owl-carousel.nav-inside .owl-dots{bottom: 2px; margin-top: 10px; position: absolute; right: 6px;} .owl-carousel.full-width .owl-nav, .owl-carousel.big-nav .owl-nav{margin-top: -30px;} .owl-carousel.full-width .owl-nav [class*="owl-"], .owl-carousel.full-width .owl-nav [class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav [class*="owl-"], .owl-carousel.big-nav .owl-nav [class*="owl-"]:hover{height: auto; padding: 20px 0;} .owl-carousel.full-width .owl-nav .owl-prev, .owl-carousel.big-nav .owl-nav .owl-prev{border-radius: 0 4px 4px 0;} .owl-carousel.full-width .owl-nav .owl-next, .owl-carousel.big-nav .owl-nav .owl-next{border-radius: 4px 0 0 4px;} .owl-carousel.top-border{border-top: 1px solid #DBDBDB; padding-top: 18px;} .owl-carousel-spaced{margin-left: -5px;} .owl-carousel-spaced .owl-item > div{margin: 5px;} .owl-carousel.testimonials img{display: inline-block; height: 70px; width: 70px;} @media (max-width: 479px) { .owl-carousel-spaced{margin-left: 0;} } .carousel-areas{background: transparent url(http://mitra.salamtour.co.id/asset/img/patterns/stripes.png) repeat 0 0; margin-bottom: -10px; padding: 10px 10px 0; border-radius: 6px 6px 0 0;} .carousel-areas .owl-carousel{box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);} .carousel-areas .owl-carousel .owl-nav .owl-prev{left: -55px;} .carousel-areas .owl-carousel .owl-nav .owl-next{right: -55px;} .carousel-areas .owl-carousel:first-child img{border-radius: 6px 6px 0 0;} @media (max-width: 991px) { .carousel-areas .owl-carousel .owl-nav{display: none;} } section.video{-webkit-transform: translate3d(0, 0, 0); background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100%;} section.video .container{position: relative; z-index: 3;} section.video .video-overlay{background: transparent url(http://mitra.salamtour.co.id/asset/img/video-overlay.png) repeat 0 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2;} section.video.video-overlay-dark .video-overlay{background-image: url(http://mitra.salamtour.co.id/asset/img/video-overlay-dark.png);} html.boxed section.video > div:first-child{z-index: 0!important;} html.boxed section.video > div:first-child video{z-index: 0!important;} .popup-inline-content, .mfp-content .ajax-container{background: none repeat scroll 0 0 #FFF; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none;} .mfp-content .ajax-container{display: block;} .mfp-wrap .popup-inline-content{display: block;} .mfp-close, .mfp-close-btn-in .mfp-close{font-family: "Open Sans", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #838383;} .mfp-no-margins img.mfp-img{padding: 0;} .mfp-no-margins .mfp-figure:after{top: 0; bottom: 0;} .mfp-no-margins .mfp-container{padding: 0;} .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg{opacity: .001; -webkit-backface-visibility: hidden; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} .mfp-with-zoom.mfp-ready .mfp-container{opacity: 1;} .mfp-with-zoom.mfp-ready.mfp-bg{opacity: .8;} .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg{opacity: 0;} .my-mfp-zoom-in .zoom-anim-dialog{opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;} .my-mfp-zoom-in.mfp-bg{opacity: .001; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;} .my-mfp-zoom-in.mfp-ready.mfp-bg{opacity: .8;} .my-mfp-zoom-in.mfp-removing.mfp-bg{opacity: 0;} .my-mfp-slide-bottom .zoom-anim-dialog{opacity: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg);} .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0);} .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg);} .my-mfp-slide-bottom.mfp-bg{opacity: .01; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out;} .my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity: .8;} .my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity: 0;} .dialog{background: white; padding: 20px 30px; text-align: left; margin: 40px auto; position: relative; max-width: 600px;} .dialog.dialog-xs{max-width: 200px;} .dialog.dialog-sm{max-width: 400px;} .dialog.dialog-md{max-width: 600px;} .dialog.dialog-lg{max-width: 900px;} .white-popup-block{background: #FFF; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative;} .white-popup-block.white-popup-block-xs{max-width: 200px;} .white-popup-block.white-popup-block-sm{max-width: 400px;} .white-popup-block.white-popup-block-md{max-width: 600px;} .white-popup-block.white-popup-block-lg{max-width: 900px;} body.lightbox-opened.sticky-menu-active #header{padding-right: 17px;} body.sticky-menu-active.modal-open #header{padding-right: 17px;} .col-half-section{width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; max-width: 570px; float: left; margin-left: 30px; margin-right: 0;} .col-half-section.col-half-section-right{float: right; margin-left: 0; margin-right: 30px;} @media (max-width: 1199px) { .col-half-section{max-width: 468px;} } @media (max-width: 991px) { .col-half-section{max-width: 740px; float: none!important; margin: 0 auto!important; padding-left: 30px!important; padding-right: 30px!important;} } .pull-none{float: none!important;} .pull-left{float: left!important;} .pull-right{float: right!important;} .push-bottom{margin-bottom: 35px;} .push-top{margin-top: 35px;} .align-center, .center{text-align: center!important;} .align-left{text-align: left!important;} .align-right{text-align: right!important;} .bold{font-weight: bold;} .semi-bold{font-weight: 600;} .inverted{color: #FFF; display: inline-block; padding-left: 10px; padding-right: 10px;} h1 .inverted{padding-left: 10px; padding-right: 10px;} h2 .inverted{padding-left: 7px; padding-right: 7px;} h3 .inverted{padding-left: 2px; padding-right: 2px;} h4 .inverted{padding-left: 4px; padding-right: 4px;} h5 .inverted{padding-left: 2px; padding-right: 2px;} h6 .inverted{padding-left: 2px; padding-right: 2px;} .cur-pointer{cursor: pointer;} .font-size-xs{font-size: .8em!important;} .font-size-sm{font-size: .9em!important;} .font-size-md{font-size: 1em!important;} .font-size-lg{font-size: 1.1em!important;} .font-size-xl{font-size: 1.2em!important;} .line-height-xs{line-height: 16px!important;} .line-height-sm{line-height: 20px!important;} .line-height-md{line-height: 24px!important;} .line-height-lg{line-height: 28px!important;} .line-height-xl{line-height: 32px!important;} .outline-none{outline: 0!important;} .text-decoration-none{text-decoration: none!important;} .display-block{display: block!important;} .display-inline-block{display: inline-block!important;} .display-inline{display: inline!important;} .block-link{display: block!important;} .clearfix:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .clearfix{display: block;} * html .clearfix{height: 1%;} .pagination{position: relative; z-index: 1;} .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color: #CCC;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #CCC; border-color: #CCC;} .read-more, .learn-more{display: inline-block; white-space: nowrap;} .offset-anchor{display: block; position: relative; visibility: hidden; top: -100px;} @media (max-width: 991px) { .offset-anchor{top: 0;} } .show-grid [class*="col-md-"] .show-grid-block{background-color: #EEE; line-height: 40px; min-height: 40px; text-align: center; border: 1px solid #FFF; display: block;} .alert .fa, .alert .icons{margin-right: 8px; font-size: 1.1em;} .alert ul{padding: 0; margin: 7px 0 0 40px;} .alert ul li{font-size: .9em;} .alert.alert-sm{padding: 5px 10px; font-size: .9em;} .alert.alert-lg{padding: 20px; font-size: 1.2em;} .alert.alert-default{background-color: #f2f2f2; border-color: #eaeaea; color: #737373;} .alert.alert-default .alert-link{color: #4c4c4c;} .alert.alert-dark{background-color: #333a44; border-color: #07080a; color: #ced3db;} .alert.alert-dark .alert-link{color: #fafbfb;} .embed-responsive.embed-soundcloud{padding-bottom: 19.25%;} .embed-responsive.embed-responsive-borders{border: 1px solid #DDD; padding: 4px; border-radius: 4px;} .content-grid{overflow: hidden; margin: 0; padding: 0;} .content-grid .content-grid-item{position: relative; padding: 30px; margin: 0;} .content-grid .content-grid-item:before, .content-grid .content-grid-item:after{content: ''; position: absolute;} .content-grid .content-grid-item:before{height: 100%; top: 0; left: -1px; border-left: 1px solid #DADADA;} .content-grid .content-grid-item:after{width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #DADADA;} .content-grid .content-grid-item .img-responsive{display: inline-block;} .content-grid.content-grid-dashed .content-grid-item:before{border-left: 1px dashed #DADADA;} .content-grid.content-grid-dashed .content-grid-item:after{border-bottom: 1px dashed #DADADA;} .alert-admin{margin: 25px 0;} .alert-admin img{margin: -50px 0 0;} .alert-admin .btn{margin: 0 0 -15px;} .alert-admin p{color: #444;} .alert-admin h4{color: #111; font-size: 1.2em; font-weight: 600; text-transform: uppercase;} .alert-admin .warning{color: #B20000;} .not-included{color: #b7b7b7; display: block; font-size: .8em; font-style: normal; margin: -4px 0; padding: 0;} .tip{display: inline-block; padding: 0 5px; background: #FFF; color: #111; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold;} .tip:before{right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 5px; margin-top: -5px;} .tip.skin{color: #FFF;} .custom-underline{background: url(http://mitra.salamtour.co.id/asset/img/custom-underline.png) no-repeat center 100%; padding-bottom: 25px; font-size: 1.5em;} .ajax-box{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; position: relative;} .ajax-box .ajax-box-content{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; opacity: 1; overflow: hidden; height: auto;} .ajax-box .bounce-loader{opacity: 0;} .ajax-box.ajax-box-init{height: 0;} .ajax-box.ajax-box-loading{height: 300px;} .ajax-box.ajax-box-loading .ajax-box-content{opacity: 0; height: 300px;} .ajax-box.ajax-box-loading .bounce-loader{opacity: 1;} hr{background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent); background-image: linear-gradient(to right, transparent, #DBDBDB, transparent); border: 0; height: 1px; margin: 22px 0;} hr.short{margin: 11px 0;} hr.tall{margin: 44px 0;} hr.taller{margin: 66px 0;} hr.solid{background: #1565c0;} hr.light{background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.15), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent);} hr.invisible{background: none;} .divider{border: 0; height: 1px; margin: 44px auto; background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent); background-image: linear-gradient(to right, transparent, #DBDBDB, transparent); text-align: center; position: relative; clear: both;} .divider.taller{margin: 66px auto;} .divider .fa, .divider .icons{text-align: center; -moz-border-radius: 50px; -webkit-border-radius: 50px; background: #FFF; border-radius: 50px; color: #a9a9a9; display: inline-block; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; font-size: 20px; margin: 0 auto 0 -25px; top: -25px; left: 50%; z-index: 1;} .divider.divider-solid{background: #DBDBDB;} .divider.divider-icon-sm .fa, .divider.divider-icon-sm .icons{width: 30px; height: 30px; line-height: 30px; top: -15px; font-size: 15px; margin-left: -16px;} .divider.divider-icon-lg{margin: 86px 0;} .divider.divider-icon-lg .fa, .divider.divider-icon-lg .icons{width: 60px; height: 60px; line-height: 60px; top: -30px; font-size: 30px; margin-left: -30px;} .divider.divider-icon-lg.taller{margin: 100px auto;} .divider.divider-xs{width: 35%;} .divider.divider-sm{width: 67%;} .divider.divider-left .fa, .divider.divider-left .icons{left: 0; margin-left: 0; margin-right: 0; right: auto;} .divider.divider-right .fa, .divider.divider-right .icons{left: auto; margin-left: 0; margin-right: 0; right: 0;} .divider.divider-style-2 .fa, .divider.divider-style-2 .icons{background: #f4f4f4; color: #a9a9a9;} .divider.divider-style-3 .fa, .divider.divider-style-3 .icons{border: 1px solid #CECECE;} .divider.divider-style-4 .fa, .divider.divider-style-4 .icons{border: 1px solid #CECECE;} .divider.divider-style-4 .fa:after, .divider.divider-style-4 .icons:after{border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%;} .divider.divider-small{margin: 22px auto; background: transparent;} .divider.divider-small hr{width: 50px; height: 3px; background: #555;} .divider.divider-small.divider-small-center{text-align: center;} .divider.divider-small.divider-small-center hr{margin-left: auto; margin-right: auto;} .divider.divider-small.divider-small-right{text-align: right;} .divider.divider-small.divider-small-right hr{margin-left: auto;} .divider.divider-small.divider-light hr{background: #DDD;} .divider.divider-small.divider-small-sm hr{height: 1px;} .divider.divider-small.divider-small-lg hr{height: 6px;} .divider.divider-small.tall{margin: 34px 0;} .divider.divider-small.taller{margin: 46px 0;} hr.dashed, .divider.dashed{background: none; position: relative;} hr.dashed:after, .divider.dashed:after{border: 1px dashed #DBDBDB; content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -1px; width: 100%;} hr.pattern, .divider.pattern{background: none; position: relative;} hr.pattern:after, .divider.pattern:after{background: transparent url(http://mitra.salamtour.co.id/asset/img/patterns/worn_dots.png) repeat 0 0; content: ""; display: block; height: 15px; position: absolute; top: 50%; margin-top: -7px; width: 100%;} hr.pattern.pattern-2:after, .divider.pattern.pattern-2:after{background-image: url(http://mitra.salamtour.co.id/asset/img/patterns/az_subtle.png);} .sort-source-wrapper{padding: 8px 0; position: relative;} .sort-source-wrapper .nav{margin: -100px 0 5px;} .sort-source-wrapper .nav > li > a{color: #FFF; background: transparent;} .sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus{background: transparent;} .sort-source-wrapper .nav > li.active > a{background: transparent;} .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus{background: transparent;} .sort-source{clear: both;} .sort-source > li > a{padding: 6px 12px;} .sort-source.sort-source-style-2{margin: -10px auto;} .sort-source.sort-source-style-2 > li{float: none; display: inline-block;} .sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover{background: transparent; color: #FFF; display: inline-block; border-radius: 0; margin: 0; padding: 18px 28px; position: relative;} .sort-source.sort-source-style-2 > li > a:after{-webkit-transition: margin .3s; -moz-transition: margin .3s; transition: margin .3s; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #CCC; content: " "; display: block; position: absolute; left: 50%; margin-left: -20px; margin-top: 0; opacity: 0;} .sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover{background: transparent;} .sort-source.sort-source-style-2 > li.active > a:after{opacity: 1; margin-top: 18px;} @media (max-width: 991px) { .sort-source.sort-source-style-2 > li{display: block;} .sort-source.sort-source-style-2 > li.active > a:after{display: none!important;} } .sort-destination{overflow: hidden;} .sort-destination.full-width{position: relative;} .sort-destination.full-width .isotope-item{width: 20%; float: left;} .sort-destination.full-width .isotope-item.w2{width: 40%;} .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;} .sort-destination.full-width-spaced{margin-top: 50px; margin-left: 20px; margin-right: 20px;} .sort-destination.full-width-spaced .portfolio-item{margin-left: 20px; margin-right: 20px;} .sort-source-wrapper + .sort-destination.full-width{margin: 0 0 -81px; top: -51px;} @media (min-width: 991px) { .col-md-6.isotope-item:nth-child(2n+1){clear: both;} .col-md-4.isotope-item:nth-child(3n+1){clear: both;} .col-md-3.isotope-item:nth-child(4n+1){clear: both;} .col-md-1-5.isotope-item:nth-child(5n+1){clear: both;} .col-md-2.isotope-item:nth-child(6n+1){clear: both;} .sort-destination.full-width .isotope-item:nth-child(5n+1){clear: both;} } @media (max-width: 991px) { .isotope-item{max-width: 100%;} .sort-destination.isotope{overflow: visible!important; height: auto!important;} .sort-destination.isotope.full-width{overflow: hidden!important;} .isotope-hidden{display: none!important;} } @media (max-width: 767px) { .isotope-item{position: static!important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; -webkit-transform: none!important; transform: none!important;} .isotope-item.product{position: relative!important;} .sort-source-wrapper{background: #171717; clear: both; margin-top: -35px;} .sort-source-wrapper .nav{margin: 0;} .sort-destination{height: auto!important;} .sort-destination, .isotope-item{margin-left: auto!important; margin-right: auto!important;} .sort-destination.full-width, .sort-source-wrapper + .sort-destination.full-width{max-width: none; margin: 0 0 -30px; top: 0;} .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item{max-width: none;} } @media (max-width: 479px) { .sort-destination, .isotope-item{margin-left: auto!important; margin-right: auto!important;} .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item{position: static!important; clear: both; float: none; width: auto;} } .pricing-table{margin: 10px 0; padding: 0 15px; text-align: center;} .pricing-table ul{list-style: none; margin: 20px 0 0; padding: 0;} .pricing-table li{border-top: 1px solid #ddd; padding: 10px 0; color: #777;} .pricing-table h3{background-color: #eee; border-radius: 2px 2px 0 0; font-size: 1.3em; font-weight: normal; margin: -20px -20px 50px; padding: 20px;} .pricing-table h3 .desc{font-size: .7em; margin-bottom: 0; padding-bottom: 0; color: #777; font-style: normal; text-transform: none; display: block;} .pricing-table h3 span{background: #FFF; border: 5px solid #FFF; border-radius: 100px; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; color: #777; display: block; font: bold 25px / 100px Georgia, Serif; height: 100px; margin: 20px auto -65px; width: 100px;} .pricing-table .most-popular{border: 3px solid #CCC; box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1); padding: 30px 20px; top: -10px; z-index: 2;} .pricing-table .most-popular h3{background-color: #666; color: #FFF; padding-top: 30px; text-shadow: 0 1px #555;} .pricing-table .most-popular h3 .desc{color: #FFF;} .pricing-table .plan-ribbon-wrapper{height: 88px; overflow: hidden; position: absolute; right: -3px; top: -5px; width: 85px;} .pricing-table .plan-ribbon{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-image: -webkit-linear-gradient(top, #bfdc7a, #8ebf45); background-image: linear-gradient(to bottom, #bfdc7a, #8ebf45); background-color: #bfdc7a; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #333; font-size: 14px; left: -5px; padding: 7px 0; position: relative; text-align: center; text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; top: 15px; width: 120px;} .pricing-table .plan-ribbon:before{left: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute;} .pricing-table .plan-ribbon:after{border-left: 3px solid transparent; border-right: 3px solid transparent; bottom: -3px; content: ""; position: absolute; right: 0;} .pricing-table [class*="col-md-"]{padding-left: 0; padding-right: 0;} .pricing-table .plan{background: #FFF; border: 1px solid #ddd; border-radius: 5px; color: #333; margin-bottom: 35px; margin-right: 0; padding: 20px; position: relative; text-shadow: 0 1px rgba(255, 255, 255, 0.8);} .pricing-table .btn{margin-top: 5px;} .pricing-table.pricing-table-sm h3 .desc{font-size: .7em;} .pricing-table.pricing-table-sm h3 span{border: 3px solid #FFF; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; font: bold 19px/65px Georgia, serif; height: 70px; margin: 10px auto -65px; width: 70px;} .pricing-table.pricing-table-sm .most-popular{padding-bottom: 30px;} .pricing-table.princig-table-flat .plan{padding-left: 0; padding-right: 0; margin: -1px;} .pricing-table.princig-table-flat .plan h3{padding-left: 0; padding-right: 0; margin: -20px 0 0; background-color: #666; color: #FFF; padding-top: 30px; text-shadow: 0 1px #555;} .pricing-table.princig-table-flat .plan h3 .desc{color: #FFF;} .pricing-table.princig-table-flat .plan h3 span{border-radius: 0; border: 0; background: #666; color: #FFF; font-family: "Open Sans", Arial, sans-serif; font-size: 600px; box-shadow: none; width: 100%; font-size: 1.5em; height: auto; line-height: 38px; margin: 0;} .pricing-table.princig-table-flat .plan ul{margin-top: 0; margin-bottom: -15px;} .pricing-table.princig-table-flat .plan ul li{padding: 8px 0;} .pricing-table.princig-table-flat .plan.most-popular ul li{padding: 10px 0;} .pricing-table.spaced [class*="col-md-"]{padding-left: 2px; padding-right: 2px;} .pricing-table.no-borders .plan{border: 0!important;} html.boxed .pricing-table .plan, html.boxed .pricing-table h3{border-radius: 0;} @media (max-width: 767px) { .pricing-table{margin-left: 0;} .pricing-table .plan{margin-right: 0;} html.boxed .pricing-table{margin-left: 0;} } .icon-featured{display: inline-block; font-size: 0; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #FFF; font-size: 40px; line-height: 110px;} .icon-featured:after{pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .featured-box{background: #F5F5F5; background: -webkit-linear-gradient(top, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1;} .featured-box h4{font-size: 1.3em; font-weight: 400; letter-spacing: -.7px; margin-top: 5px; margin-bottom: 5px;} .featured-box .box-content{border-radius: 8px; border-top: 1px solid #CCC; border-top-width: 4px; padding: 30px 30px 10px; position: relative; top: -1px;} .featured-box .learn-more{display: block; margin-top: 10px;} .featured-box-text-left{text-align: left;} .featured-boxes-flat .featured-box{box-shadow: none; margin: 10px 0;} .featured-boxes-flat .featured-box .box-content{background: #FFF; margin-top: 65px;} .featured-boxes-flat .featured-box .icon-featured{display: inline-block; font-size: 38px; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -37px;} .featured-boxes-style-2 .featured-box{background: none; border: 0; margin: 10px 0; box-shadow: none;} .featured-boxes-style-2 .featured-box .box-content{border: 0; padding-top: 0; padding-bottom: 0;} .featured-boxes-style-2 .featured-box .icon-featured{display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0;} .featured-boxes-style-3 .featured-box{margin: 10px 0;} .featured-boxes-style-3 .featured-box .icon-featured{display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -35px; background: #FFF; border: 3px solid #CCC; color: #CCC; line-height: 68px;} .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box{background: none; border: 0; box-shadow: none;} .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content{border: 0; padding-top: 0; padding-bottom: 0;} .featured-boxes-style-4 .featured-box{background: none; border: 0; margin: 10px 0; box-shadow: none;} .featured-boxes-style-4 .featured-box .box-content{border: 0; padding-top: 0; padding-bottom: 0;} .featured-boxes-style-4 .featured-box .icon-featured{display: inline-block; font-size: 40px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; color: #CCC; border-radius: 0;} .featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box{background: none; border: 0; box-shadow: none; margin: 10px 0;} .featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content{border: 0; padding-top: 0; padding-bottom: 0;} .featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4{color: #2e353e;} .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured{display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #FFF; border: 1px solid #dfdfdf; color: #777; line-height: 73px;} .featured-boxes-style-6 .featured-box .icon-featured{border: 1px solid #cecece; color: #777;} .featured-boxes-style-6 .featured-box .icon-featured:after{border: 5px solid #f4f4f4; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100%;} .featured-boxes-style-7 .featured-box .icon-featured{border: 1px solid #dfdfdf; color: #777;} .featured-boxes-style-8 .featured-box .icon-featured{display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin: -15px -15px 0 0; background: #FFF; line-height: 73px; border: 0; color: #777;} .featured-boxes-style-8 .featured-box .icon-featured:after{display: none;} .featured-boxes .featured-box{margin-bottom: 30px; margin-top: 45px;} .featured-box-effect-1 .icon-featured:after{top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #FFF; -webkit-transition: -webkit-transform 0.2s, opacity .2s; -webkit-transform: scale(1); -moz-transition: -moz-transform 0.2s, opacity .2s; -moz-transform: scale(1); -ms-transform: scale(1); transition: transform 0.2s, opacity .2s; transform: scale(1); opacity: 0;} .featured-box-effect-1:hover .icon-featured:after{-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 1;} .featured-box-effect-2 .icon-featured:after{top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #FFF; -webkit-transition: -webkit-transform 0.2s, opacity .2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.2s, opacity .2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.2s, opacity .2s; transform: scale(0.8); opacity: 0;} .featured-box-effect-2:hover .icon-featured:after{-webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 1;} .featured-box-effect-3 .icon-featured:after{top: 0; left: 0; box-shadow: 0 0 0 10px #FFF; -webkit-transition: -webkit-transform 0.2s, opacity .2s; -webkit-transform: scale(0.9); -moz-transition: -moz-transform 0.2s, opacity .2s; -moz-transform: scale(0.9); -ms-transform: scale(0.9); transition: transform 0.2s, opacity .2s; transform: scale(0.9); opacity: 0;} .featured-box-effect-3:hover .icon-featured{color: #FFF!important;} .featured-box-effect-3:hover .icon-featured:after{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .8;} .featured-box-effect-4 .icon-featured{-webkit-transition: -webkit-transform 0.2s, transform .2s; -moz-transition: -moz-transform 0.2s, transform .2s; transition: transform 0.2s, transform .2s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .featured-box-effect-4:hover .icon-featured{-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15);} .featured-box-effect-5 .icon-featured{overflow: hidden; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .featured-box-effect-5:hover .icon-featured{-webkit-animation: toRightFromLeft .3s forwards; -moz-animation: toRightFromLeft .3s forwards; animation: toRightFromLeft .3s forwards;} @-webkit-keyframes toRightFromLeft { 49%{-webkit-transform: translate(100%);} 50%{opacity: 0; -webkit-transform: translate(-100%);} 51%{opacity: 1;} } @-moz-keyframes toRightFromLeft { 49%{-moz-transform: translate(100%);} 50%{opacity: 0; -moz-transform: translate(-100%);} 51%{opacity: 1;} } @keyframes toRightFromLeft { 49%{transform: translate(100%);} 50%{opacity: 0; transform: translate(-100%);} 51%{opacity: 1;} } .featured-box-effect-6 .icon-featured:after{-webkit-transition: all 0.2s, -webkit-transform .2s; -moz-transition: all 0.2s, -moz-transform .2s; transition: all 0.2s, transform .2s;} .featured-box-effect-6:hover .box-content .icon-featured:after{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .featured-box-effect-7 .icon-featured:after{opacity: 0; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform .2s; -moz-transition: opacity 0.2s, -moz-transform .2s; transition: opacity 0.2s, transform .2s; left: 0; top: -1px;} .featured-box-effect-7:hover .icon-featured:after{opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);} .featured-box-effect-7 .icon-featured:before{-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: .7; -webkit-transition: -webkit-transform 0.2s, opacity .2s; -moz-transition: -moz-transform 0.2s, opacity .2s; transition: transform 0.2s, opacity .2s;} .featured-box-effect-7:hover .icon-featured:before{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1;} .feature-box{clear: both;} .feature-box .feature-box-icon{background: #CCC; border-radius: 35px; color: #FFF; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px;} .feature-box .feature-box-info{padding-left: 50px;} .feature-box.feature-box-style-2 h4{color: #1d2127;} .feature-box.feature-box-style-2 .feature-box-icon{background: transparent; width: 50px; height: 50px;} .feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon i.icons{font-size: 28px;} .feature-box.feature-box-style-2 .feature-box-info{padding-left: 60px;} .feature-box.feature-box-style-3 h4{color: #1d2127;} .feature-box.feature-box-style-3 .feature-box-icon{border: 1px solid #CCC; background: transparent; line-height: 32px;} .feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon i.icons{color: #CCC;} .feature-box.feature-box-style-4 h4{color: #1d2127;} .feature-box.feature-box-style-4 .feature-box-icon{background: transparent; padding-bottom: 10px; height: auto; width: auto; float: none;} .feature-box.feature-box-style-4 .feature-box-icon i.fa, .feature-box.feature-box-style-4 .feature-box-icon i.icons{font-size: 38px;} .feature-box.feature-box-style-4 .feature-box-info{clear: both; padding-left: 0;} .feature-box.feature-box-style-5 h4{color: #1d2127;} .feature-box.feature-box-style-5 .feature-box-icon{background: transparent; width: 74px; height: 74px;} .feature-box.feature-box-style-5 .feature-box-icon i.fa, .feature-box.feature-box-style-5 .feature-box-icon i.icons{font-size: 44px;} .feature-box.feature-box-style-5 .feature-box-info{padding-left: 84px;} .feature-box.feature-box-style-6 h4{color: #1d2127;} .feature-box.feature-box-style-6 .feature-box-icon{border: 1px solid #cecece; background: transparent; line-height: 32px;} .feature-box.feature-box-style-6 .feature-box-icon:after{border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%;} .feature-box.feature-box-style-6 .feature-box-icon i.fa, .feature-box.feature-box-style-6 .feature-box-icon i.icons{color: #a9a9a9;} @media (min-width: 992px) { .feature-box.reverse{text-align: right;} .feature-box.reverse .feature-box-info{padding-right: 50px; padding-left: 0;} .feature-box.reverse .feature-box-icon{float: right; margin-right: 0; margin-left: 10px;} .feature-box.reverse.feature-box-style-2 .feature-box-info{padding-right: 60px;} .feature-box.reverse.feature-box-style-4 .feature-box-info{padding-right: 0;} .feature-box.reverse.feature-box-style-5 .feature-box-info{padding-right: 84px;} } .featured-boxes-full{width: 100%;} .featured-boxes-full > [class*="col-"]{padding: 0;} .featured-boxes-full .featured-box-full{text-align: center; padding: 55px;} .featured-boxes-full .featured-box-full .fa, .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a{color: #FFF; padding: 0; margin: 0;} .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full .fa{font-size: 55px; margin-bottom: 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);} .featured-boxes-full .featured-box-full p{padding-top: 12px; opacity: .8;} .thumb-info{display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .thumb-info .thumb-info-wrapper{-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 4px; margin: 4px; overflow: hidden; display: block; position: relative;} .thumb-info .thumb-info-wrapper:after{content: ""; background: rgba(23, 23, 23, 0.8); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; border-radius: 4px; bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; opacity: 0; z-index: 1;} .thumb-info .thumb-info-action-icon{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #CCC; border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2;} .thumb-info .thumb-info-action-icon i{font-size: 24px; left: 3px; position: relative; top: -4px; color: #FFF;} .thumb-info .thumb-info-inner{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; display: block;} .thumb-info .thumb-info-inner em{display: block; font-size: .8em; font-style: normal; font-weight: normal;} .thumb-info .thumb-info-title{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: rgba(23, 23, 23, 0.8); bottom: 10%; color: #FFF; font-size: 18px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px; position: absolute; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; z-index: 2; max-width: 90%;} .thumb-info .thumb-info-type{background-color: #CCC; border-radius: 2px; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px; padding: 2px 9px; text-transform: none; z-index: 2;} .thumb-info .owl-carousel{z-index: auto;} .thumb-info .owl-carousel .owl-dots{z-index: 2;} .thumb-info img{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-radius: 3px; position: relative; width: 100%;} .thumb-info:hover .thumb-info-wrapper:after{opacity: 1;} .thumb-info:hover .thumb-info-action-icon{right: 0; top: 0;} .thumb-info:hover .thumb-info-title{background: #000;} .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.thumb-info-no-zoom: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);} .thumb-info.thumb-info-lighten .thumb-info-wrapper:after{background: rgba(23, 23, 23, 0.25);} .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after{display: none;} .thumb-info.thumb-info-centered-icons .thumb-info-action{-webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(0, -10px, 0); top: 50%; left: 3px; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: -20px; text-align: center; position: absolute; opacity: 0; z-index: 2;} .thumb-info.thumb-info-centered-icons .thumb-info-action-icon{-webkit-transition: all .1s ease; -moz-transition: all .1s ease; transition: all .1s ease; position: relative; z-index: 2; left: auto; right: auto; top: auto; bottom: auto; width: 40px; height: 40px; line-height: 33px; border-radius: 50%; margin-right: 3px;} .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i{position: static; font-size: 18px;} .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover{-webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15);} .thumb-info:hover.thumb-info-centered-icons .thumb-info-action{transform: translate3d(0, 0, 0); opacity: 1;} .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon{position: relative;} .thumb-info.thumb-info-centered-info .thumb-info-title{background: transparent; left: 5%; width: 90%; -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate(0%, -30%); top: 50%; bottom: auto; opacity: 0; text-align: center; padding: 0; position: absolute;} .thumb-info.thumb-info-centered-info .thumb-info-type{float: none;} .thumb-info.thumb-info-centered-info:hover .thumb-info-title{opacity: 1; transform: translate(0%, -50%);} .thumb-info.thumb-info-bottom-info .thumb-info-title{background: #FFF; left: 0; width: 100%; max-width: 100%; -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out; -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(0, 100px, 0); top: auto; bottom: 0; opacity: 0; padding: 15px; text-shadow: none; color: #777;} .thumb-info.thumb-info-bottom-info .thumb-info-type{float: none; background: none; padding: 0; margin: 0;} .thumb-info.thumb-info-bottom-info:hover .thumb-info-title{transform: translate3d(0, 0, 0); opacity: 1;} .thumb-info.thumb-info-bottom-info:hover img{-webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); -o-transform: translateY(-18px); transform: translateY(-18px);} .thumb-info.thumb-info-bottom-info-dark .thumb-info-title{background: -webkit-linear-gradient(bottom, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent; background: linear-gradient(to top, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent; color: #FFF;} .thumb-info.thumb-info-push-hor img{-webkit-transform: translatex(-18px); -moz-transform: translatex(-18px); -ms-transform: translatex(-18px); -o-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none;} .thumb-info.thumb-info-push-hor:hover img{-webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0);} .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after{opacity: .65;} .thumb-info.thumb-info-hide-info-hover .thumb-info-title{opacity: 1; top: 50%;} .thumb-info.thumb-info-hide-info-hover .thumb-info-type{float: none;} .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after{opacity: .1;} .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title{opacity: 0;} .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img{border: 0; padding: 0; margin: 0; border-radius: 0;} .thumb-info.thumb-info-no-borders .thumb-info-wrapper{border: 0; padding: 0; margin: 0; border-radius: 0;} .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after{border-radius: 0; bottom: 0; left: 0; right: 0; top: 0;} .thumb-info.thumb-info-preview .thumb-info-wrapper:after{display: none;} .thumb-info.thumb-info-preview .thumb-info-image{min-height: 232px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; transition: background-position .8s linear 0;} .thumb-info.thumb-info-preview:hover .thumb-info-image{transition: background-position 2.5s linear 0; background-position: center bottom;} .thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image{transition: background-position 1s linear 0;} .thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image{transition: background-position 5s linear 0;} html.webkit .thumb-info .thumb-info-wrapper{margin: 4px 4px 3px;} html.webkit .full-width .thumb-info .thumb-info-wrapper, html.webkit .masonry-item .thumb-info .thumb-info-wrapper, html.webkit .thumb-info-no-borders .thumb-info-wrapper{margin: 0;} .thumb-info-ribbon{background: #999; position: absolute; margin: -16px 0 0; padding: 5px 13px 6px; right: 15px; z-index: 1;} .thumb-info-ribbon:before{border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px;} .thumb-info-ribbon span{color: #FFF; font-size: 1.1em; font-family: "Shadows Into Light", cursive;} .full-width .thumb-info img{border-radius: 0!important;} .thumb-info-caption{padding: 10px 0;} .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p{font-size: .9em; line-height: 20px; margin: 0 0 8px; padding: 10px; display: block;} .thumb-info-side-image .thumb-info-side-image-wrapper{padding: 4px; float: left; margin-right: 20px;} .thumb-info-side-image .thumb-info-caption .thumb-info-caption-text{padding: 17px;} .thumb-info-side-image-right .thumb-info-side-image-wrapper{float: right; margin-left: 20px; margin-right: 0;} .thumb-info-social-icons{border-top: 1px dotted #DDD; margin: 0; padding: 15px 10px; display: block;} .thumb-info-social-icons a{background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px;} .thumb-info-social-icons a:hover{text-decoration: none;} .thumb-info-social-icons a span{display: none;} .thumb-info-social-icons a i{color: #FFF; font-size: .9em; font-weight: normal;} @media (max-width: 991px) { .thumb-info .thumb-info-title{font-size: 14px;} .thumb-info .thumb-info-more{font-size: 11px;} } section.timeline{width: 75%; margin: 50px 12.5% 0; position: relative; float: left; padding-bottom: 120px;} section.timeline:after{background: #505050; background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8)); background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: .35;} section.timeline .timeline-date{box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #E5E5E5; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #FFF; z-index: 1;} section.timeline .timeline-date h3{display: block; text-align: center; color: #757575; font-size: .9em; line-height: 32px;} section.timeline .timeline-title{background: #F4F4F4; padding: 12px;} section.timeline .timeline-title h4{padding: 0; margin: 0; color: #171717; font-size: 1.4em;} section.timeline .timeline-title a{color: #171717;} section.timeline .timeline-title .timeline-title-tags{color: #B1B1B1; font-size: .9em;} section.timeline .timeline-title .timeline-title-tags a{color: #B1B1B1; font-size: .9em;} section.timeline .timeline-box{box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #E5E5E5; border-radius: 4px; margin: 20px 10px 10px; padding: 10px; position: relative; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #FFF;} section.timeline .timeline-box.left{clear: both;} section.timeline .timeline-box.left:before{background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; right: -6.8%; top: 22px; width: 8px;} section.timeline .timeline-box.left:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #FFF; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; content: ""; display: block; height: 14px; position: absolute; right: -8px; top: 20px; width: 14px; z-index: 0;} section.timeline .timeline-box.right{clear: right; float: right; right: -1px; margin-top: 40px;} section.timeline .timeline-box.right:before{background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; margin-left: -5px; position: absolute; left: -7.2%; top: 32px; width: 8px;} section.timeline .timeline-box.right:after{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #FFF; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; content: ""; display: block; height: 14px; position: absolute; left: -8px; top: 30px; width: 14px; z-index: 0;} section.timeline .timeline-box .owl-carousel{border-radius: 0; padding: 0; border: 0; box-shadow: none;} @media (max-width: 991px) { section.timeline .timeline-box{float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto;} section.timeline .timeline-box.right{float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto;} section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before{display: none;} } @media (max-width: 479px) { section.timeline{width: auto; float: none; margin-left: 0; margin-right: 0;} section.timeline .timeline-box{margin: 15px auto; max-width: 90%;} section.timeline .timeline-box.right{margin: 15px auto; max-width: 90%;} article.post-large{margin-left: 0;} article.post-large .post-image, article.post-large .post-date{margin-left: 0;} } .testimonial{margin-bottom: 20px;} .testimonial blockquote{background: #CCC; border-radius: 10px; border: 0; color: #666; font-family: Georgia, serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative;} .testimonial blockquote:before{left: 10px; top: 0; color: #FFF; content: "“"; font-size: 80px; font-style: normal; line-height: 1; position: absolute;} .testimonial blockquote:after{color: #FFF; content: "”"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -.5em; right: 10px;} .testimonial blockquote p{color: #FFF; font-family: Georgia, serif; font-style: italic; font-size: 1.2em; line-height: 1.3;} .testimonial .testimonial-arrow-down{border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #CCC; height: 0; margin: 0 0 0 17px; width: 0;} .testimonial .testimonial-author{margin: 8px 0 0;} .testimonial .testimonial-author: :after{clear: both; content: ""; display: table;} .testimonial .testimonial-author .testimonial-author-thumbnail{float: left; margin-right: 10px; width: auto;} .testimonial .testimonial-author img{max-width: 55px;} .testimonial .testimonial-author strong{color: #111; display: block; padding-top: 10px; margin-bottom: -5px;} .testimonial .testimonial-author span{color: #666; display: block; font-size: 12px;} .testimonial .testimonial-author p{color: #999; margin: 0 0 0 25px; text-align: left;} .testimonial.testimonial-style-2{text-align: center;} .testimonial.testimonial-style-2 blockquote{background: transparent!important; border-radius: 4px; padding: 6px 20px;} .testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after{display: none;} .testimonial.testimonial-style-2 blockquote p{color: #777;} .testimonial.testimonial-style-2 .testimonial-arrow-down{display: none;} .testimonial.testimonial-style-2 .testimonial-author{padding: 0; margin: 6px 0 0;} .testimonial.testimonial-style-2 .testimonial-author img{margin: 0 auto 10px;} .testimonial.testimonial-style-2 .testimonial-author p{text-align: center; padding: 0; margin: 0;} .testimonial.testimonial-style-3 blockquote{background: #f2f2f2!important; border-radius: 4px; padding: 12px 30px;} .testimonial.testimonial-style-3 blockquote:before{top: 5px; color: #777; font-size: 35px;} .testimonial.testimonial-style-3 blockquote:after{color: #777; font-size: 35px; bottom: -5px;} .testimonial.testimonial-style-3 blockquote p{color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: 1em; font-style: normal;} .testimonial.testimonial-style-3 .testimonial-author{margin-left: 8px;} .testimonial.testimonial-style-3 .testimonial-arrow-down{margin-left: 20px; border-top: 10px solid #f2f2f2!important;} .testimonial.testimonial-style-4{border-radius: 6px; padding: 8px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);} .testimonial.testimonial-style-4 blockquote{background: transparent!important; border-radius: 4px; padding: 12px 30px;} .testimonial.testimonial-style-4 blockquote:before{top: 5px; color: #777; font-size: 35px;} .testimonial.testimonial-style-4 blockquote:after{color: #777; font-size: 35px; bottom: -5px;} .testimonial.testimonial-style-4 blockquote p{color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: 1em; font-style: normal;} .testimonial.testimonial-style-4 .testimonial-arrow-down{display: none;} .testimonial.testimonial-style-4 .testimonial-author{margin-left: 30px; margin-bottom: 15px;} .testimonial.testimonial-style-4.testimonial-no-borders{border: 0; box-shadow: none;} .testimonial.testimonial-style-5{text-align: center;} .testimonial.testimonial-style-5 blockquote{background: transparent!important; border-radius: 4px; padding: 6px 20px;} .testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after{display: none;} .testimonial.testimonial-style-5 blockquote p{color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: 1.2em; font-style: normal;} .testimonial.testimonial-style-5 .testimonial-arrow-down{display: none;} .testimonial.testimonial-style-5 .testimonial-author{padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2;} .testimonial.testimonial-style-5 .testimonial-author img{margin: 0 auto 10px;} .testimonial.testimonial-style-5 .testimonial-author p{text-align: center; padding: 0; margin: 0;} .testimonial.testimonial-style-6{text-align: center;} .testimonial.testimonial-style-6 blockquote{background: transparent!important; border-radius: 4px; border: 0; padding: 0 10%;} .testimonial.testimonial-style-6 blockquote:before, .testimonial.testimonial-style-6 blockquote:after{display: none;} .testimonial.testimonial-style-6 blockquote i.fa-quote-left{font-size: 34px; position: relative; left: -5px;} .testimonial.testimonial-style-6 blockquote p{color: #777; font-size: 24px; line-height: 30px;} .testimonial.testimonial-style-6 blockquote span{font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px;} .testimonial.testimonial-style-6 .testimonial-arrow-down{display: none;} .testimonial.testimonial-style-6 .testimonial-author{padding: 0; margin: 6px 0 0;} .testimonial.testimonial-style-6 .testimonial-author img{margin: 0 auto 10px;} .testimonial.testimonial-style-6 .testimonial-author p{text-align: center; padding: 0; margin: 0;} .testimonial.testimonial-with-quotes blockquote:before{color: #777; display: block!important; left: 10px; top: 0; content: "“"; font-size: 80px; font-style: normal; line-height: 1; position: absolute;} .testimonial.testimonial-with-quotes blockquote:after{color: #777; display: block!important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -.5em; content: "”";} .testimonial.testimonial-with-quotes blockquote p{padding: 0 40px;} .testimonial.testimonial-trasnparent-background blockquote{background: transparent!important;} .testimonial.testimonial-alternarive-font blockquote p{font-family: Georgia, serif; font-style: italic; font-size: 1.2em;} .section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p{opacity: .9; color: #FFF;} .section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong{opacity: .6; color: #FFF;} .social-icons{margin: 0; padding: 0; width: auto;} .social-icons li{display: inline-block; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);} .social-icons li a{-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; background: #FFF; border-radius: 100%; display: block; height: 30px; line-height: 30px; width: 30px; text-align: center; color: #333!important; text-decoration: none;} .social-icons li:hover a{background: #171717; color: #FFF!important;} .social-icons li:hover.social-icons-twitter a{background: #1aa9e1;} .social-icons li:hover.social-icons-facebook a{background: #3b5a9a;} .social-icons li:hover.social-icons-linkedin a{background: #0073b2;} .social-icons li:hover.social-icons-rss a{background: #ff8201;} .social-icons li:hover.social-icons-googleplus a{background: #dd4b39;} .social-icons li:hover.social-icons-pinterest a{background: #cc2127;} .social-icons li:hover.social-icons-youtube a{background: #c3191e;} .social-icons li:hover.social-icons-instagram a{background: #7c4a3a;} .social-icons li:hover.social-icons-skype a{background: #00b0f6;} .social-icons li:hover.social-icons-email a{background: #dd4b39;} .social-icons li:hover.social-icons-vk a{background: #6383a8;} .social-icons li:hover.social-icons-xing a{background: #1a7576;} .social-icons li:hover.social-icons-tumblr a{background: #304e6c;} .social-icons li:hover.social-icons-reddit a{background: #ff4107;} .social-icons.social-icons-transparent li{box-shadow: none;} .social-icons.social-icons-transparent li a{background: transparent;} .social-icons.social-icons-icon-light li a i{color: #FFF;} .arrow{background: transparent url(http://mitra.salamtour.co.id/asset/img/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative;} .arrow.arrow-light{background-image: url(http://mitra.salamtour.co.id/asset/img/arrows-dark.png);} .arrow.vtl{background-position: 0 0; width: 47px; height: 96px;} .arrow.vtr{background-position: -101px 0; width: 47px; height: 96px;} .arrow.vbl{background-position: 0 -144px; width: 47px; height: 96px;} .arrow.vbr{background-position: -101px -144px; width: 47px; height: 96px;} .arrow.hlt{background-position: -209px 0; width: 120px; height: 47px;} .arrow.hlb{background-position: -209px -101px; width: 120px; height: 47px;} .arrow.hrt{background-position: -353px 0; width: 120px; height: 47px;} .arrow.hrb{background-position: -353px -101px; width: 120px; height: 47px;} @media (max-width: 479px) { .arrow{display: none;} } .call-to-action{position: relative; clear: both; min-height: 125px; padding-left: 25px; padding-right: 25px;} .call-to-action: :after{clear: both; content: ""; display: table;} .call-to-action h3{text-transform: none; color: #1d2127; padding: 0; margin: 0 0 9px;} .call-to-action p{font-size: 1.2em;} .call-to-action .call-to-action-content{text-align: center; width: 70%; margin-left: 3%; padding-top: 35px;} .call-to-action .call-to-action-btn{width: 22%; text-align: center; position: absolute; top: 50%; margin: -18px 0 0; left: auto; right: 25px;} .call-to-action.call-to-action-front{z-index: 1;} .call-to-action.call-to-action-default{background: #f2f2f2;} .call-to-action.call-to-action-dark{background: #2e353e;} .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p{color: #FFF;} .call-to-action.with-borders{border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);} .call-to-action.with-full-borders{border: 2px solid #CCC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);} .call-to-action.featured{background: -webkit-linear-gradient(top, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, #FFF 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; padding: 0; margin: 0; border-top: 3px solid #CCC; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);} .call-to-action.featured.featured-primary{border-top-color: #CCC;} .call-to-action.featured.featured-secondary{border-top-color: #E36159;} .call-to-action.featured.featured-tertiary{border-top-color: #2BAAB1;} .call-to-action.featured.featured-quaternary{border-top-color: #2e353e;} .call-to-action.with-button-arrow .call-to-action-btn{top: 30%;} .call-to-action.button-centered .call-to-action-content{text-align: center; width: 100%; padding: 35px 0 0; margin: 0;} .call-to-action.button-centered .call-to-action-btn{text-align: center; position: static; margin: 20px auto 25px; width: auto;} .call-to-action.call-to-action-in-footer{padding-top: 50px; padding-bottom: 50px; margin-top: 30px; /*margin-bottom: -50px!important;*/} .call-to-action.call-to-action-in-footer:before{content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px;} .call-to-action.no-top-arrow:before{display: none;} .call-to-action.call-to-action-in-footer-margin-top{margin-top: 60px;} .container .call-to-action{border-radius: 8px;} @media (max-width: 767px) { .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn{margin: 0; padding: 20px; position: static; width: auto;} } .circular-bar{text-align: center; margin-bottom: 25px;} .circular-bar .circular-bar-chart{position: relative;} .circular-bar strong{display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center;} .circular-bar label{display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center;} .circular-bar.only-icon .fa, .circular-bar.only-icon .icons{display: block; font-weight: 600; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center;} .circular-bar.single-line strong{top: 40%;} .circular-bar.circular-bar-sm label{font-size: 14px; top: 36%;} .circular-bar.circular-bar-lg strong{font-size: 20px; top: 40%;} .progress{border-radius: 25px; height: 20px; background: #FAFAFA; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; overflow: visible;} .progress.progress-border-radius{border-radius: 3px;} .progress.progress-border-radius .progress-bar{border-radius: 3px;} .progress.progress-no-border-radius{border-radius: 0;} .progress.progress-no-border-radius .progress-bar{border-radius: 0;} .progress.progress-sm{height: 10px;} .progress.progress-sm .progress-bar{line-height: 10px;} .progress.progress-lg{height: 35px;} .progress.progress-lg .progress-bar{font-size: 13px; line-height: 35px;} .progress-bar{background-color: #CCC; box-shadow: none; position: relative; border-radius: 25px;} .progress-bar-tooltip{position: absolute; padding: 4px 8px; background-color: #333; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 3px; opacity: 0;} .progress-bar-tooltip:after{border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0;} .progress-bar-primary{background-color: #CCC; color: #FFF;} .progress-bar-success{background-color: #47a447; color: #FFF;} .progress-bar-warning{background-color: #ed9c28; color: #FFF;} .progress-bar-danger{background-color: #d2322d; color: #FFF;} .progress-bar-info{background-color: #5bc0de; color: #FFF;} .progress-bar-dark{background-color: #1d2127; color: #FFF;} .counters .counter{text-align: center;} .counters .fa, .counters .icons{display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px;} .counters strong{display: block; font-weight: bold; font-size: 50px; line-height: 50px;} .counters label{display: block; font-weight: 100; font-size: 20px; line-height: 20px;} .counters .counter-side-icon .fa, .counters .counter-side-icon .icons, .counters .counter-side-icon strong{display: inline-block;} .counters .counter-with-unit strong{display: inline-block;} .counters.with-borders .counter{border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 25px;} .counters.counters-sm .fa, .counters.counters-sm .icons{font-size: 25px; line-height: 25px;} .counters.counters-sm strong{font-size: 35px; line-height: 35px;} .counters.counters-sm label{font-size: 15px; line-height: 15px;} .counters.counters-lg .fa{font-size: 45px; line-height: 45px;} .counters.counters-lg strong{font-size: 60px; line-height: 60px;} .counters.counters-lg label{font-size: 25px; line-height: 25px;} .counters.counters-text-light .counter{color: #FFF!important;} .counters.counters-text-light .counter .fa, .counters.counters-text-light .counter .icons, .counters.counters-text-light .counter strong, .counters.counters-text-light .counter label{color: #FFF!important;} .counters.counters-text-dark .counter{color: #2e353e!important;} .counters.counters-text-dark .counter .fa, .counters.counters-text-dark .counter .icons, .counters.counters-text-dark .counter strong, .counters.counters-text-dark .counter label{color: #2e353e!important;} .word-rotate{display: inline-block; overflow: hidden; text-align: center; position: relative; max-height: 22px; line-height: 22px;} .word-rotate .word-rotate-items{position: relative; top: 0; width: 0; display: inline-block;} .word-rotate .word-rotate-items span{display: inline-block; white-space: nowrap;} .word-rotate .word-rotate-items span:not(:first-child){display: none;} .word-rotate.active .word-rotate-items{position: relative;} .word-rotate.active .word-rotate-items span{display: inline-block; float: left; clear: both;} h1.word-rotator-title .inverted{min-height: 56px;} h1.word-rotator-title .word-rotate{max-height: 46px; line-height: 46px; margin-bottom: -9px;} h2.word-rotator-title .inverted{min-height: 46px;} h2.word-rotator-title .word-rotate{max-height: 42px; line-height: 42px; margin-bottom: -9px;} h3.word-rotator-title .inverted{min-height: 25px;} h3.word-rotator-title .word-rotate{max-height: 24px; line-height: 24px; margin-bottom: -2px;} h4.word-rotator-title .inverted{min-height: 32px;} h4.word-rotator-title .word-rotate{max-height: 27px; line-height: 27px; margin-bottom: -6px;} h5.word-rotator-title .inverted{min-height: 18px;} h5.word-rotator-title .word-rotate{max-height: 18px; line-height: 18px; margin-bottom: -4px;} h6.word-rotator-title .inverted{min-height: 20px;} h6.word-rotator-title .word-rotate{max-height: 18px; line-height: 18px; margin-bottom: -4px;} p .inverted{min-height: 24px;} p .word-rotate{max-height: 22px; line-height: 22px; margin-bottom: -6px;} html .scroll-to-top{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; background: #404040; border-radius: 7px 7px 0 0; bottom: 0; color: #FFF; display: block; height: 9px; opacity: 0; padding: 13px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 49px; z-index: 1040;} html .scroll-to-top:hover{opacity: 1;} html .scroll-to-top.visible{opacity: .75;} html .scroll-to-top span{display: inline-block; padding: 0 5px;} html.ie11 .scroll-to-top{right: 25px;} @media (max-width: 991px) { html .scroll-to-top.hidden-mobile{display: none!important;} } .flag{width: 16px; height: 11px; background: url(http://mitra.salamtour.co.id/asset/img/flags.png) no-repeat;} .flag.flag-ad{background-position: -16px 0;} .flag.flag-ae{background-position: -32px 0;} .flag.flag-af{background-position: -48px 0;} .flag.flag-ag{background-position: -64px 0;} .flag.flag-ai{background-position: -80px 0;} .flag.flag-al{background-position: -96px 0;} .flag.flag-am{background-position: -112px 0;} .flag.flag-an{background-position: -128px 0;} .flag.flag-ao{background-position: -144px 0;} .flag.flag-ar{background-position: -160px 0;} .flag.flag-as{background-position: -176px 0;} .flag.flag-at{background-position: -192px 0;} .flag.flag-au{background-position: -208px 0;} .flag.flag-aw{background-position: -224px 0;} .flag.flag-az{background-position: -240px 0;} .flag.flag-ba{background-position: 0 -11px;} .flag.flag-bb{background-position: -16px -11px;} .flag.flag-bd{background-position: -32px -11px;} .flag.flag-be{background-position: -48px -11px;} .flag.flag-bf{background-position: -64px -11px;} .flag.flag-bg{background-position: -80px -11px;} .flag.flag-bh{background-position: -96px -11px;} .flag.flag-bi{background-position: -112px -11px;} .flag.flag-bj{background-position: -128px -11px;} .flag.flag-bm{background-position: -144px -11px;} .flag.flag-bn{background-position: -160px -11px;} .flag.flag-bo{background-position: -176px -11px;} .flag.flag-br{background-position: -192px -11px;} .flag.flag-bs{background-position: -208px -11px;} .flag.flag-bt{background-position: -224px -11px;} .flag.flag-bv{background-position: -240px -11px;} .flag.flag-bw{background-position: 0 -22px;} .flag.flag-by{background-position: -16px -22px;} .flag.flag-bz{background-position: -32px -22px;} .flag.flag-ca{background-position: -48px -22px;} .flag.flag-catalonia{background-position: -64px -22px;} .flag.flag-cd{background-position: -80px -22px;} .flag.flag-cf{background-position: -96px -22px;} .flag.flag-cg{background-position: -112px -22px;} .flag.flag-ch{background-position: -128px -22px;} .flag.flag-ci{background-position: -144px -22px;} .flag.flag-ck{background-position: -160px -22px;} .flag.flag-cl{background-position: -176px -22px;} .flag.flag-cm{background-position: -192px -22px;} .flag.flag-cn{background-position: -208px -22px;} .flag.flag-co{background-position: -224px -22px;} .flag.flag-cr{background-position: -240px -22px;} .flag.flag-cu{background-position: 0 -33px;} .flag.flag-cv{background-position: -16px -33px;} .flag.flag-cw{background-position: -32px -33px;} .flag.flag-cy{background-position: -48px -33px;} .flag.flag-cz{background-position: -64px -33px;} .flag.flag-de{background-position: -80px -33px;} .flag.flag-dj{background-position: -96px -33px;} .flag.flag-dk{background-position: -112px -33px;} .flag.flag-dm{background-position: -128px -33px;} .flag.flag-do{background-position: -144px -33px;} .flag.flag-dz{background-position: -160px -33px;} .flag.flag-ec{background-position: -176px -33px;} .flag.flag-ee{background-position: -192px -33px;} .flag.flag-eg{background-position: -208px -33px;} .flag.flag-eh{background-position: -224px -33px;} .flag.flag-england{background-position: -240px -33px;} .flag.flag-er{background-position: 0 -44px;} .flag.flag-es{background-position: -16px -44px;} .flag.flag-et{background-position: -32px -44px;} .flag.flag-eu{background-position: -48px -44px;} .flag.flag-fi{background-position: -64px -44px;} .flag.flag-fj{background-position: -80px -44px;} .flag.flag-fk{background-position: -96px -44px;} .flag.flag-fm{background-position: -112px -44px;} .flag.flag-fo{background-position: -128px -44px;} .flag.flag-fr{background-position: -144px -44px;} .flag.flag-ga{background-position: -160px -44px;} .flag.flag-gb{background-position: -176px -44px;} .flag.flag-gd{background-position: -192px -44px;} .flag.flag-ge{background-position: -208px -44px;} .flag.flag-gf{background-position: -224px -44px;} .flag.flag-gg{background-position: -240px -44px;} .flag.flag-gh{background-position: 0 -55px;} .flag.flag-gi{background-position: -16px -55px;} .flag.flag-gl{background-position: -32px -55px;} .flag.flag-gm{background-position: -48px -55px;} .flag.flag-gn{background-position: -64px -55px;} .flag.flag-gp{background-position: -80px -55px;} .flag.flag-gq{background-position: -96px -55px;} .flag.flag-gr{background-position: -112px -55px;} .flag.flag-gs{background-position: -128px -55px;} .flag.flag-gt{background-position: -144px -55px;} .flag.flag-gu{background-position: -160px -55px;} .flag.flag-gw{background-position: -176px -55px;} .flag.flag-gy{background-position: -192px -55px;} .flag.flag-hk{background-position: -208px -55px;} .flag.flag-hm{background-position: -224px -55px;} .flag.flag-hn{background-position: -240px -55px;} .flag.flag-hr{background-position: 0 -66px;} .flag.flag-ht{background-position: -16px -66px;} .flag.flag-hu{background-position: -32px -66px;} .flag.flag-ic{background-position: -48px -66px;} .flag.flag-id{background-position: -64px -66px;} .flag.flag-ie{background-position: -80px -66px;} .flag.flag-il{background-position: -96px -66px;} .flag.flag-im{background-position: -112px -66px;} .flag.flag-in{background-position: -128px -66px;} .flag.flag-io{background-position: -144px -66px;} .flag.flag-iq{background-position: -160px -66px;} .flag.flag-ir{background-position: -176px -66px;} .flag.flag-is{background-position: -192px -66px;} .flag.flag-it{background-position: -208px -66px;} .flag.flag-je{background-position: -224px -66px;} .flag.flag-jm{background-position: -240px -66px;} .flag.flag-jo{background-position: 0 -77px;} .flag.flag-jp{background-position: -16px -77px;} .flag.flag-ke{background-position: -32px -77px;} .flag.flag-kg{background-position: -48px -77px;} .flag.flag-kh{background-position: -64px -77px;} .flag.flag-ki{background-position: -80px -77px;} .flag.flag-km{background-position: -96px -77px;} .flag.flag-kn{background-position: -112px -77px;} .flag.flag-kp{background-position: -128px -77px;} .flag.flag-kr{background-position: -144px -77px;} .flag.flag-kurdistan{background-position: -160px -77px;} .flag.flag-kw{background-position: -176px -77px;} .flag.flag-ky{background-position: -192px -77px;} .flag.flag-kz{background-position: -208px -77px;} .flag.flag-la{background-position: -224px -77px;} .flag.flag-lb{background-position: -240px -77px;} .flag.flag-lc{background-position: 0 -88px;} .flag.flag-li{background-position: -16px -88px;} .flag.flag-lk{background-position: -32px -88px;} .flag.flag-lr{background-position: -48px -88px;} .flag.flag-ls{background-position: -64px -88px;} .flag.flag-lt{background-position: -80px -88px;} .flag.flag-lu{background-position: -96px -88px;} .flag.flag-lv{background-position: -112px -88px;} .flag.flag-ly{background-position: -128px -88px;} .flag.flag-ma{background-position: -144px -88px;} .flag.flag-mc{background-position: -160px -88px;} .flag.flag-md{background-position: -176px -88px;} .flag.flag-me{background-position: -192px -88px;} .flag.flag-mg{background-position: -208px -88px;} .flag.flag-mh{background-position: -224px -88px;} .flag.flag-mk{background-position: -240px -88px;} .flag.flag-ml{background-position: 0 -99px;} .flag.flag-mm{background-position: -16px -99px;} .flag.flag-mn{background-position: -32px -99px;} .flag.flag-mo{background-position: -48px -99px;} .flag.flag-mp{background-position: -64px -99px;} .flag.flag-mq{background-position: -80px -99px;} .flag.flag-mr{background-position: -96px -99px;} .flag.flag-ms{background-position: -112px -99px;} .flag.flag-mt{background-position: -128px -99px;} .flag.flag-mu{background-position: -144px -99px;} .flag.flag-mv{background-position: -160px -99px;} .flag.flag-mw{background-position: -176px -99px;} .flag.flag-mx{background-position: -192px -99px;} .flag.flag-my{background-position: -208px -99px;} .flag.flag-mz{background-position: -224px -99px;} .flag.flag-na{background-position: -240px -99px;} .flag.flag-nc{background-position: 0 -110px;} .flag.flag-ne{background-position: -16px -110px;} .flag.flag-nf{background-position: -32px -110px;} .flag.flag-ng{background-position: -48px -110px;} .flag.flag-ni{background-position: -64px -110px;} .flag.flag-nl{background-position: -80px -110px;} .flag.flag-no{background-position: -96px -110px;} .flag.flag-np{background-position: -112px -110px;} .flag.flag-nr{background-position: -128px -110px;} .flag.flag-nu{background-position: -144px -110px;} .flag.flag-nz{background-position: -160px -110px;} .flag.flag-om{background-position: -176px -110px;} .flag.flag-pa{background-position: -192px -110px;} .flag.flag-pe{background-position: -208px -110px;} .flag.flag-pf{background-position: -224px -110px;} .flag.flag-pg{background-position: -240px -110px;} .flag.flag-ph{background-position: 0 -121px;} .flag.flag-pk{background-position: -16px -121px;} .flag.flag-pl{background-position: -32px -121px;} .flag.flag-pm{background-position: -48px -121px;} .flag.flag-pn{background-position: -64px -121px;} .flag.flag-pr{background-position: -80px -121px;} .flag.flag-ps{background-position: -96px -121px;} .flag.flag-pt{background-position: -112px -121px;} .flag.flag-pw{background-position: -128px -121px;} .flag.flag-py{background-position: -144px -121px;} .flag.flag-qa{background-position: -160px -121px;} .flag.flag-re{background-position: -176px -121px;} .flag.flag-ro{background-position: -192px -121px;} .flag.flag-rs{background-position: -208px -121px;} .flag.flag-ru{background-position: -224px -121px;} .flag.flag-rw{background-position: -240px -121px;} .flag.flag-sa{background-position: 0 -132px;} .flag.flag-sb{background-position: -16px -132px;} .flag.flag-sc{background-position: -32px -132px;} .flag.flag-scotland{background-position: -48px -132px;} .flag.flag-sd{background-position: -64px -132px;} .flag.flag-se{background-position: -80px -132px;} .flag.flag-sg{background-position: -96px -132px;} .flag.flag-sh{background-position: -112px -132px;} .flag.flag-si{background-position: -128px -132px;} .flag.flag-sk{background-position: -144px -132px;} .flag.flag-sl{background-position: -160px -132px;} .flag.flag-sm{background-position: -176px -132px;} .flag.flag-sn{background-position: -192px -132px;} .flag.flag-so{background-position: -208px -132px;} .flag.flag-somaliland{background-position: -224px -132px;} .flag.flag-sr{background-position: -240px -132px;} .flag.flag-ss{background-position: 0 -143px;} .flag.flag-st{background-position: -16px -143px;} .flag.flag-sv{background-position: -32px -143px;} .flag.flag-sx{background-position: -48px -143px;} .flag.flag-sy{background-position: -64px -143px;} .flag.flag-sz{background-position: -80px -143px;} .flag.flag-tc{background-position: -96px -143px;} .flag.flag-td{background-position: -112px -143px;} .flag.flag-tf{background-position: -128px -143px;} .flag.flag-tg{background-position: -144px -143px;} .flag.flag-th{background-position: -160px -143px;} .flag.flag-tibet{background-position: -176px -143px;} .flag.flag-tj{background-position: -192px -143px;} .flag.flag-tk{background-position: -208px -143px;} .flag.flag-tl{background-position: -224px -143px;} .flag.flag-tm{background-position: -240px -143px;} .flag.flag-tn{background-position: 0 -154px;} .flag.flag-to{background-position: -16px -154px;} .flag.flag-tr{background-position: -32px -154px;} .flag.flag-tt{background-position: -48px -154px;} .flag.flag-tv{background-position: -64px -154px;} .flag.flag-tw{background-position: -80px -154px;} .flag.flag-tz{background-position: -96px -154px;} .flag.flag-ua{background-position: -112px -154px;} .flag.flag-ug{background-position: -128px -154px;} .flag.flag-um{background-position: -144px -154px;} .flag.flag-us{background-position: -160px -154px;} .flag.flag-uy{background-position: -176px -154px;} .flag.flag-uz{background-position: -192px -154px;} .flag.flag-va{background-position: -208px -154px;} .flag.flag-vc{background-position: -224px -154px;} .flag.flag-ve{background-position: -240px -154px;} .flag.flag-vg{background-position: 0 -165px;} .flag.flag-vi{background-position: -16px -165px;} .flag.flag-vn{background-position: -32px -165px;} .flag.flag-vu{background-position: -48px -165px;} .flag.flag-wales{background-position: -64px -165px;} .flag.flag-wf{background-position: -80px -165px;} .flag.flag-ws{background-position: -96px -165px;} .flag.flag-xk{background-position: -112px -165px;} .flag.flag-ye{background-position: -128px -165px;} .flag.flag-yt{background-position: -144px -165px;} .flag.flag-za{background-position: -160px -165px;} .flag.flag-zanzibar{background-position: -176px -165px;} .flag.flag-zm{background-position: -192px -165px;} .flag.flag-zw{background-position: -208px -165px;} @-webkit-keyframes animateLoader { 0%{-webkit-transform: rotate(0deg);} 100%{-webkit-transform: rotate(220deg);} ;} @-moz-keyframes animateLoader { 0%{-moz-transform: rotate(0deg);} 100%{-moz-transform: rotate(220deg);} ;} @keyframes animateLoader { 0%{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); -o-transform: rotate(220deg); transform: rotate(220deg);} ;} @-webkit-keyframes animateLoaderAfterWhite { 0%{box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(-140deg);} 50%{box-shadow: 0 0 0 2px #FFF inset;} 100%{box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(140deg);} ;} @-moz-keyframes animateLoaderAfterWhite { 0%{box-shadow: 0 0 0 6px #FFF inset; -moz-transform: rotate(-140deg);} 50%{box-shadow: 0 0 0 2px #FFF inset;} 100%{box-shadow: 0 0 0 6px #FFF inset; -moz-transform: rotate(140deg);} ;} @keyframes animateLoaderAfterWhite { 0%{box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: rotate(-140deg);} 50%{box-shadow: 0 0 0 2px #FFF inset;} 100%{box-shadow: 0 0 0 6px #FFF inset; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg);} ;} @-webkit-keyframes animateLoaderAfterBlack { 0%{box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(-140deg);} 50%{box-shadow: 0 0 0 2px #999 inset;} 100%{box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(140deg);} ;} @-moz-keyframes animateLoaderAfterBlack { 0%{box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(-140deg);} 50%{box-shadow: 0 0 0 2px #999 inset;} 100%{box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(140deg);} ;} @keyframes animateLoaderAfterBlack { 0%{box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); -o-transform: rotate(-140deg); transform: rotate(-140deg);} 50%{box-shadow: 0 0 0 2px #999 inset;} 100%{box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); -o-transform: rotate(140deg); transform: rotate(140deg);} ;} .loading-overlay-showing{overflow: hidden;} .loading-overlay-showing > .loading-overlay{opacity: 1; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0;} .loading-overlay{-webkit-transition: visibility 0 ease-in-out 0.5s, opacity .5s ease-in-out; -moz-transition: visibility 0 ease-in-out 0.5s, opacity .5s ease-in-out; transition: visibility 0 ease-in-out 0.5s, opacity .5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #FFF;} .loading-overlay .loader{-webkit-animation: animateLoader 1s linear infinite; -moz-animation: animateLoader 1s linear infinite; animation: animateLoader 1s linear infinite; clip: rect(0, 30px, 30px, 15px); height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; text-align: left; top: 50%; width: 30px; direction: ltr;} .loading-overlay .loader:after{border-radius: 50%; clip: rect(0, 30px, 30px, 15px); content: ''; height: 30px; position: absolute; width: 30px;} html:not(.dark) .loading-overlay .loader:after{-webkit-animation: animateLoaderAfterBlack 1s ease-in-out infinite; -moz-animation: animateLoaderAfterBlack 1s ease-in-out infinite; animation: animateLoaderAfterBlack 1s ease-in-out infinite;} body > .loading-overlay{position: fixed; z-index: 999999;} .bounce-loader{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; margin: -9px 0 0 -35px; text-align: center; width: 70px; left: 50%; position: absolute; top: 50%; z-index: 10000;} .bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3{animation: 1.4s ease-in-out 0 normal both infinite running bouncedelay; background-color: #CCC; border-radius: 100%; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); display: inline-block; height: 18px; width: 18px;} .bounce-loader .bounce1{-webkit-animation-delay: -.32s; animation-delay: -.32s;} .bounce-loader .bounce2{-webkit-animation-delay: -.16s; animation-delay: -.16s;} @-webkit-keyframes bouncedelay { 0%, 80%, 100%{-webkit-transform: scale(0);} 40%{-webkit-transform: scale(1);} ;} @keyframes bouncedelay { 0%, 80%, 100%{transform: scale(0);} 40%{transform: scale(1);} ;} .portfolio-title{margin-bottom: -10px;} .portfolio-title a{display: inline-block;} .portfolio-title .fa, .portfolio-title .icons{font-size: 1.7em;} .portfolio-title .portfolio-nav{margin-top: 11px;} .portfolio-title .portfolio-nav-all{margin-top: 9px;} .portfolio-title .portfolio-nav{text-align: right;} .portfolio-title .portfolio-nav a{width: 40%;} .portfolio-title .portfolio-nav-all .fa, .portfolio-title .portfolio-nav-all .icons{font-size: 2em;} .portfolio-title .fa-angle-right{text-align: right;} .portfolio-title .portfolio-nav-prev{text-align: left;} .portfolio-info{margin: 2px 0 10px; float: right;} .portfolio-info ul{list-style: none; padding: 0; margin: 0;} .portfolio-info ul li{display: inline-block; border-right: 1px solid #E6E6E6; color: #B1B1B1; padding-right: 8px; margin-right: 8px; font-size: .9em;} .portfolio-info ul li:last-child{border-right: 0; padding-right: 0; margin-right: 0;} .portfolio-info ul li a{text-decoration: none; color: #B1B1B1;} .portfolio-info ul li a:hover .fa-heart{color: #E53F51;} .portfolio-info ul li .fa, .portfolio-info ul li .icons{margin-right: 4px;} ul.portfolio-list{list-style: none; margin: 0; padding: 0;} ul.portfolio-list .portfolio-item{position: relative; margin-bottom: 35px;} ul.portfolio-list.portfolio-list-no-margins{margin-left: 15px; margin-right: 15px;} ul.portfolio-details{list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: .9em;} ul.portfolio-details > li{padding: 0; margin: 0 0 20px;} ul.portfolio-details p{padding: 0; margin: 0;} ul.portfolio-details blockquote{padding: 0 0 0 10px; margin: 15px 0 0; color: #999;} ul.portfolio-details .list-icons{margin-left: 0;} ul.portfolio-details .list-icons > li{padding-left: 18px; margin-right: 10px;} ul.portfolio-details .list-icons > li .fa, ul.portfolio-details .list-icons > li .icons{top: 7px;} .portfolio-modal .mfp-arrow, .portfolio-modal .mfp-close, .portfolio-ajax-modal .mfp-arrow, .portfolio-ajax-modal .mfp-close{display: none;} .portfolio-load-more-loader{display: none; position: relative; height: 49px;} .btn-portfolio-lazy-load{opacity: 0;} @media (max-width: 991px) { .portfolio-nav, .portfolio-nav-all{display: none;} } ul.team-list{list-style: none; margin: 0; padding: 0;} ul.team-list .team-item{margin-bottom: 35px;} ul.team-list .team-item .thumb-info-social-icons{margin: 0 10px;} @media (max-width: 991px) { ul.team-list .team-item{margin: 0 auto 35px; max-width: 270px;} ;} ul.history{margin: 0 0 25px; padding: 0; list-style: none;} ul.history li{margin: 25px 0; padding: 0; clear: both;} ul.history li h4{margin: 0 0 -27px; padding: 0;} ul.history li p{margin-left: 53px;} ul.history li .thumb{background: transparent url(http://mitra.salamtour.co.id/asset/img/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left;} ul.history li .thumb img{border-radius: 150px; margin: 7px 8px; width: 145px; height: 145px;} ul.history li .featured-box{text-align: left; margin-left: 225px; margin-bottom: 50px; min-height: 115px;} ul.history li .featured-box .box-content{border-top-color: #ccc;} @media (max-width: 479px) { ul.history li .thumb{display: none;} ul.history li .featured-box{margin-left: 0;} } .search-results{min-height: 300px;} .google-map{background: #E5E3DF; height: 400px; margin: -35px 0 30px; width: 100%;} .google-map.small{height: 250px; border-radius: 6px; margin: 0; clear: both;} .google-map img{max-width: 9999px;} .google-map-borders{border: 1px solid #ddd; padding: 4px; border-radius: 4px;} /** Custom Velo Added ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /*Pull Columns Reset*/ @media (max-width: 1199px) { [class^="col-lg-"].pull-left, [class^="col-lg-"].pull-right, [class*=" col-lg-"].pull-left, [class*=" col-lg-"].pull-right{float: none !important;} } @media (max-width: 991px) { [class^="col-md-"].pull-left, [class^="col-md-"].pull-right, [class*=" col-md-"].pull-left, [class*=" col-md-"].pull-right{float: none !important;} } @media (max-width: 767px) { [class^="col-sm-"].pull-left, [class^="col-sm-"].pull-right, [class*=" col-sm-"].pull-left, [class*=" col-sm-"].pull-right{float: none !important;} } /*Ohter Elements*/ sup{margin: 0; padding: 0; top: -4px;} .primary-color{color: #1e88e5;} .secondary-color{color: #1565c0;} .tertiary-color{color: #0d47a1;} .red-color{color: #f41f0f !important;} .green-color{color: #4caf50 !important;} .blue-color{color: #382973 !important;} .gray-color{color: #f5f5f5 !important;} .primary-bg{background: #1e88e5;} .secondary-bg{background: #1565c0;} .tertiary-bg{background: #0d47a1;} .red-bg{background: #f41f0f !important;} .green-bg{background: #4caf50 !important;} .blue-bg{background: #382973 !important;} .gray-bg{background: #f5f5f5 !important;} .panel .panel-body .list.list-icons li{margin-bottom: 0; line-height: 21px;} .panel .panel-body .list.list-icons li .fa, .list.list-icons li .icons{top: 4px;} .map-box{height: 350px; margin-top: 0; position: relative;} #map-canvas{position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .front-airlineshow.owl-carousel .owl-item img{width: 75%; margin: 0 auto;} .black{color: #424242 !important; font-size: 14pt !important; font-weight: 600;} .putih{color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);} .mbt-lg{margin-top: 0px;} .mbb-lg{margin-bottom: 0px;} .img-center{display: block; margin-left: auto; margin-right: auto;} hr.solid{background: #1565c0 !important; height: 2px !important; margin-top: 25px; margin-bottom: 35px;} .abu-abu{background-color: #f1f5f6; padding: 30px !important; border: 1px solid #cfd8dc;} .bg-hijau{background-color: #58c45d !important; outline: 1px solid #58c45d;} .bg-orange{background-color: #f8a70b !important; outline: 1px solid #f8a70b;} .velo-intro{padding-right: 60px; font-weight: 600; font-size: 16pt; line-height: 1.3em; color: #dadbdd;} .page-header.velo-header{padding: 25px 0; background: #f1f5f6 url(../images/web/velo-bg-xs-primary.png) 50% 100% no-repeat; text-align: center; border-top: none; border-bottom: 3px solid #f0f0f0;} .page-header.velo-header h1{margin: 0 0 -30px; padding: 0 0 22px; border-bottom-width: 3px;} .page-header.velo-header .breadcrumb > li a, .page-header.velo-header .breadcrumb > li.active, .page-header.velo-header .breadcrumb > li + li:before{font-weight: 600;} .page-header.velo-header .breadcrumb > li.active, .page-header.velo-header .breadcrumb > li + li:before{color: #fff;} .page-header.velo-header .breadcrumb > li + li:before{content: "-";} .main.velo-content{margin-bottom: 70px;} section.section.section-sm{margin: 0; padding: 25px 0;} section.section.velo-bg-default, .velo-bg-default{background: url(../images/web/velo-bg-xs.png) repeat scroll 50% 100%;} section.section.velo-bg-xs-primary, .velo-bg-xs-primary{background: url(../images/web/velo-bg-xs-primary.png) repeat scroll 50% 100%;} section.section.velo-bg-lg-primary, .velo-bg-lg-primary{background: url(../images/web/velo-bg-lg-primary.png) repeat scroll 50% 100%;} .feature-box .feature-box-icon{width: 45px; height: 45px; line-height: 45px; font-size: 20px; background: #2fc7f7; text-shadow: 1px 1px 1px rgba(0, 0, 0,.1);} .feature-box .feature-box-info{padding-left: 60px;} .pricing-table .most-popular{border: 1px solid #2fc7f7 !important; border-radius: 0px !important; box-shadow: none !important; background-color: #f5f5f5 !important; } .pricing-table .most-popular h3{background-color : #2fc7f7 !important; outline: 1px solid #2fc7f7;} .pricing-table .plan{border-radius: 0px; border: 1px solid #ddd !important; background-color: #f4f4f4 !important;} .pricing-table.princig-table-flat .plan h3{text-shadow: 1px 1px 1px rgba(0,0,0,.1) !important;} .pricing-table.princig-table-flat .plan h3 span{background-color: rgba(106, 49, 44, 0) !important;} .judul, .judul-sm, .judul-kiri, .judul-footer{line-height: 120%;} .judul, .judul-sm, .judul-kiri{color: #424242; font-weight: 700;} .judul{padding-bottom: 30px; padding-right: 50px; padding-left: 50px; font-size: 19pt;} .judul-sm{padding-bottom: 0px; padding-right: 50px; padding-left: 50px; font-size: 18pt;} .judul-kiri{padding-bottom: 30px; padding-right: 0px; padding-left: 0px; font-size: 15pt; letter-spacing: 0px;} .judul-footer{padding: 0px; font-size: 12pt !important; font-weight: 500; color: #1d2127; text-transform: uppercase; letter-spacing: 2pt;} .teks, .teks-2, .teks-3, .teks-4{color: #777; font-weight: 400; line-height: 150%;} .teks{font-size: 13pt; padding-right: 50px; padding-left: 50px;} .teks-2{font-size: 15pt; padding-right: 50px; padding-left: 50px; padding-bottom: 30px;} .teks-3{padding: 10px 0 10px; letter-spacing: 0;} .teks-3, .teks-4{font-size: 12pt;} .btn-velo{padding: 15px; background-color: #ffb300; color: #212121 !important; border: none; text-shadow: none; font-size: 15px; font-weight: 700; letter-spacing: 1px; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important;} .btn-velo:hover{background-color: #ffc640; color: #212121;} #footer .inline-footer-links a{padding-right: 15px; display: inline-block; color: #777; line-height: 14px; border-right: 1px solid #777; margin-right: 15px; margin-bottom: 7px!important; margin-top: 7px; vertical-align: top;} #footer .inline-footer-links a:last-child{padding-right: 0; border: none; margin-right: 0;} #footer .inline-footer-links a:hover{color: #03b4ea;} #footer .payment-methods{font-size: 0;} #footer .payment-methods a{display: inline-block; background: #fff; margin-right: 10px; margin-bottom: 5px; vertical-align: top; margin-top: 5px;} #footer .payment-methods a:hover{opacity: 0.9;} #footer .payment-methods a img{display: block; height: 25px;} #footer .payment-methods a:last-child{margin-right: 0;} #footer .list.list-icons li .fa, .list.list-icons li .icons{top: 7px;} @media (max-width: 767px) { .mbt-lg{padding-top: 30px !important;} .mbb-lg{padding-bottom: 30px !important;} .panel-title{letter-spacing: 0 !important;} .velo-intro{padding-right: 10px; padding-left: 10px; text-align: center;} .section{background-color: #f1f5f6; padding-top: 30px !important; padding-bottom: 30px !important; border-top: 0px !important;} .judul{font-size: 18pt; padding-right: 0px; padding-left: 0px;} .judul-sm{font-size: 18pt; font-weight: 700 !important; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; line-height: 120%;} .judul-kiri{padding-top: 0px;} .teks{font-size: 13pt; color: #777; font-weight: 400; line-height: 150%; padding-right: 10px; padding-left: 10px; padding-bottom: 30px;} .teks-2{padding-bottom: 30px;} .teks-3{letter-spacing: 0 !important;} .btn-velo{letter-spacing: 0px; padding-left: 5px; padding-right: 5px;} } .tuts-container{padding: 20px; background: #fafafa; border: 1px solid #ebebeb;} .tuts-container .tuts-img{/*text-align: center;*/} .tuts-container .tuts-img > img{margin-left: auto; margin-right: auto; max-width: 400px; width: 100%; height: auto;} .tuts-container .tuts-content{/* */} @media (min-width: 768px) { .tuts-container{display: table; width: 100%; position: relative; overflow: hidden;} .tuts-container > *{display: table-cell; float: none; vertical-align: middle;} .tuts-container:not(.alt) > *:first-child{border-right: 1px solid #ebebeb;} .tuts-container.alt > *:nth-child(2){border-left: 1px solid #ebebeb;} .tuts-container .tuts-img{/* */} .tuts-container .tuts-content{padding-left: 20px;} } /*Alternative Pricing Table*/ .pricing-table-wrapper {margin-bottom: 0; position: relative;} .pricing-table-wrapper .pricing-table-alt{height: 100%; background: #f5f5f5; color: #838383; position: relative; border: 1px solid #f5f5f5;} .pricing-table-wrapper .pricing-table-alt .header{margin: 20px; padding-bottom: 20px; background: none; color: inherit; border-bottom: 1px solid #d8d8d8;} .pricing-table-wrapper .pricing-table-alt .header > i{float: left; margin: 3px 8px 0 0; font-size: 16px; color: #05519e;} .pricing-table-wrapper .pricing-table-alt .header .box-title{margin: 0; float: left; font-weight: 700; line-height: 1.3; letter-spacing: 1.2px; color: #2d3e52;} .pricing-table-wrapper .pricing-table-alt .header .box-title small{font-size: 10px; letter-spacing: normal;} .pricing-table-wrapper .pricing-table-alt .header .box-title small, .pricing-table-wrapper .pricing-table-alt .header .price small{display: block; text-transform: uppercase; color: #838383; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .pricing-table-wrapper .pricing-table-alt .header .price{display: block; float: right; font-size: 20px; font-weight: 500; text-align: right; line-height: 1; color: #838383;} .pricing-table-wrapper .pricing-table-alt .header .price small {font-size: 11px;} .pricing-table-wrapper .pricing-table-alt .header + .description{margin-top: 0;} .pricing-table-wrapper .pricing-table-alt .description{margin: 15px 0;} .pricing-table-wrapper .pricing-table-alt .features{padding: 20px;} .pricing-table-wrapper .pricing-table-alt .features {margin-bottom: 15px; padding-top: 0} .pricing-table-wrapper .pricing-table-alt .features ul.checklist{margin-bottom: 15px; padding: 0; list-style: none;} .pricing-table-wrapper .pricing-table-alt .features ul.checklist li{margin-top: 1px; padding: 8px 7px 8px 35px; position: relative; background: #f0f0f0; font-size: inherit; line-height: 1.5;} .pricing-table-wrapper .pricing-table-alt .features ul.checklist li:before{font-family: "soap-icons"; content: "\e8ba"; margin-right: 10px; padding-top: 3px; float: left; width: 15px; height: 16px; display: block; position: absolute; line-height: 14px; font-size: 18px; text-align: center; color:#fc0; left: 10px;} .pricing-table-wrapper .pricing-table-alt + .pricing-table-button{border-top: none;} .pricing-table-wrapper .pricing-table-button{padding: 20px; background: #f5f5f5; border: 1px solid #f5f5f5;} .pricing-table-wrapper .pricing-table-button > *:last-child{margin-bottom: 0;} /*Alternative Colored Pricing Table*/ .pricing-table-wrapper.green .pricing-table-alt, .pricing-table-wrapper.orange .pricing-table-alt, .pricing-table-wrapper.red .pricing-table-alt, .pricing-table-wrapper.green .pricing-table-alt .header > i, .pricing-table-wrapper.orange .pricing-table-alt .header > i, .pricing-table-wrapper.red .pricing-table-alt .header > i, .pricing-table-wrapper.green .pricing-table-alt .header .box-title, .pricing-table-wrapper.orange .pricing-table-alt .header .box-title, .pricing-table-wrapper.red .pricing-table-alt .header .box-title, .pricing-table-wrapper.green .pricing-table-alt .header .box-title small, .pricing-table-wrapper.orange .pricing-table-alt .header .box-title small, .pricing-table-wrapper.red .pricing-table-alt .header .box-title small, .pricing-table-wrapper.green .pricing-table-alt .header .price, .pricing-table-wrapper.orange .pricing-table-alt .header .price, .pricing-table-wrapper.red .pricing-table-alt .header .price, .pricing-table-wrapper.green .pricing-table-alt .header .price small, .pricing-table-wrapper.orange .pricing-table-alt .header .price small, .pricing-table-wrapper.red .pricing-table-alt .header .price small, .pricing-table-wrapper.green .pricing-table-alt .features ul.checklist li:before, .pricing-table-wrapper.orange .pricing-table-alt .features ul.checklist li:before, .pricing-table-wrapper.red .pricing-table-alt .features ul.checklist li:before{color: #fff;} .pricing-table-wrapper.green .pricing-table-alt, .pricing-table-wrapper.green .pricing-table-button{background: #7cb342; border-color: #7cb342;} .pricing-table-wrapper.green .pricing-table-alt .header{border-bottom-color: #689f38;} .pricing-table-wrapper.green .pricing-table-alt .features ul.checklist li{background: #689f38;} .pricing-table-wrapper.orange .pricing-table-alt, .pricing-table-wrapper.orange .pricing-table-button{background: #ffb300; border-color: #ffb300;} .pricing-table-wrapper.orange .pricing-table-alt .header{border-bottom-color: #ffa000;} .pricing-table-wrapper.orange .pricing-table-alt .features ul.checklist li{background: #ffa000;} .pricing-table-wrapper.red .pricing-table-alt, .pricing-table-wrapper.red .pricing-table-button{background: #e53935; border-color: #e53935;} .pricing-table-wrapper.red .pricing-table-alt .header{border-bottom-color: #d32f2f;} .pricing-table-wrapper.red .pricing-table-alt .features ul.checklist li{background: #d32f2f;} .pricing-table-wrapper.green .pricing-table-button > *:hover, .pricing-table-wrapper.orange .pricing-table-button > *:hover, .pricing-table-wrapper.red .pricing-table-button > *:hover{/*color: #fff;*/} .pricing-table-wrapper .pricing-table.main{/* */} @media (max-width: 767px) { .pricing-table-wrapper{height: auto !important; margin-bottom: 15px !important;} } /*Feature Compare Table*/ .table.table-feature-compare > thead > tr > th{border-right: 1px solid #fff; vertical-align: middle} .table.table-feature-compare > thead > tr > th:first-child, .table.table-feature-compare > thead > tr > th:last-child{border-right: none} .table.table-feature-compare > thead > tr > th.primary-bg, .table.table-feature-compare > thead > tr > th.secondary-bg, .table.table-feature-compare > thead > tr > th.tertiary-bg{color: #fff;} .table.table-feature-compare > tbody > tr > td{border-right: 1px solid #ddd} .table.table-feature-compare > tbody > tr > td:first-child{border-left: 1px solid #ddd;} .table.table-feature-compare > tbody > tr:last-child>td{border-bottom: 1px solid #ddd;}