/*normalize*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;} input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox label, .radio label { min-height: 20px; padding-left: 10px; margin-bottom: 0; font-weight: 400; cursor: pointer } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed } /* boot strap grid */ .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}@media (min-width:768px){.container{width:750px;}}@media (min-width:992px){.container{width:970px;}}@media (min-width:1200px){.container{width:1170px;}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}.row{margin-left:-15px;margin-right:-15px;}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px;}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left;}.col-xs-12{width:100%;}.col-xs-11{width:91.66666667%;}.col-xs-10{width:83.33333333%;}.col-xs-9{width:75%;}.col-xs-8{width:66.66666667%;}.col-xs-7{width:58.33333333%;}.col-xs-6{width:50%;}.col-xs-5{width:41.66666667%;}.col-xs-4{width:33.33333333%;}.col-xs-3{width:25%;}.col-xs-2{width:16.66666667%;}.col-xs-1{width:8.33333333%;}.col-xs-pull-12{right:100%;}.col-xs-pull-11{right:91.66666667%;}.col-xs-pull-10{right:83.33333333%;}.col-xs-pull-9{right:75%;}.col-xs-pull-8{right:66.66666667%;}.col-xs-pull-7{right:58.33333333%;}.col-xs-pull-6{right:50%;}.col-xs-pull-5{right:41.66666667%;}.col-xs-pull-4{right:33.33333333%;}.col-xs-pull-3{right:25%;}.col-xs-pull-2{right:16.66666667%;}.col-xs-pull-1{right:8.33333333%;}.col-xs-pull-0{right:auto;}.col-xs-push-12{left:100%;}.col-xs-push-11{left:91.66666667%;}.col-xs-push-10{left:83.33333333%;}.col-xs-push-9{left:75%;}.col-xs-push-8{left:66.66666667%;}.col-xs-push-7{left:58.33333333%;}.col-xs-push-6{left:50%;}.col-xs-push-5{left:41.66666667%;}.col-xs-push-4{left:33.33333333%;}.col-xs-push-3{left:25%;}.col-xs-push-2{left:16.66666667%;}.col-xs-push-1{left:8.33333333%;}.col-xs-push-0{left:auto;}.col-xs-offset-12{margin-left:100%;}.col-xs-offset-11{margin-left:91.66666667%;}.col-xs-offset-10{margin-left:83.33333333%;}.col-xs-offset-9{margin-left:75%;}.col-xs-offset-8{margin-left:66.66666667%;}.col-xs-offset-7{margin-left:58.33333333%;}.col-xs-offset-6{margin-left:50%;}.col-xs-offset-5{margin-left:41.66666667%;}.col-xs-offset-4{margin-left:33.33333333%;}.col-xs-offset-3{margin-left:25%;}.col-xs-offset-2{margin-left:16.66666667%;}.col-xs-offset-1{margin-left:8.33333333%;}.col-xs-offset-0{margin-left:0%;}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left;}.col-sm-12{width:100%;}.col-sm-11{width:91.66666667%;}.col-sm-10{width:83.33333333%;}.col-sm-9{width:75%;}.col-sm-8{width:66.66666667%;}.col-sm-7{width:58.33333333%;}.col-sm-6{width:50%;}.col-sm-5{width:41.66666667%;}.col-sm-4{width:33.33333333%;}.col-sm-3{width:25%;}.col-sm-2{width:16.66666667%;}.col-sm-1{width:8.33333333%;}.col-sm-pull-12{right:100%;}.col-sm-pull-11{right:91.66666667%;}.col-sm-pull-10{right:83.33333333%;}.col-sm-pull-9{right:75%;}.col-sm-pull-8{right:66.66666667%;}.col-sm-pull-7{right:58.33333333%;}.col-sm-pull-6{right:50%;}.col-sm-pull-5{right:41.66666667%;}.col-sm-pull-4{right:33.33333333%;}.col-sm-pull-3{right:25%;}.col-sm-pull-2{right:16.66666667%;}.col-sm-pull-1{right:8.33333333%;}.col-sm-pull-0{right:auto;}.col-sm-push-12{left:100%;}.col-sm-push-11{left:91.66666667%;}.col-sm-push-10{left:83.33333333%;}.col-sm-push-9{left:75%;}.col-sm-push-8{left:66.66666667%;}.col-sm-push-7{left:58.33333333%;}.col-sm-push-6{left:50%;}.col-sm-push-5{left:41.66666667%;}.col-sm-push-4{left:33.33333333%;}.col-sm-push-3{left:25%;}.col-sm-push-2{left:16.66666667%;}.col-sm-push-1{left:8.33333333%;}.col-sm-push-0{left:auto;}.col-sm-offset-12{margin-left:100%;}.col-sm-offset-11{margin-left:91.66666667%;}.col-sm-offset-10{margin-left:83.33333333%;}.col-sm-offset-9{margin-left:75%;}.col-sm-offset-8{margin-left:66.66666667%;}.col-sm-offset-7{margin-left:58.33333333%;}.col-sm-offset-6{margin-left:50%;}.col-sm-offset-5{margin-left:41.66666667%;}.col-sm-offset-4{margin-left:33.33333333%;}.col-sm-offset-3{margin-left:25%;}.col-sm-offset-2{margin-left:16.66666667%;}.col-sm-offset-1{margin-left:8.33333333%;}.col-sm-offset-0{margin-left:0%;}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left;}.col-md-12{width:100%;}.col-md-11{width:91.66666667%;}.col-md-10{width:83.33333333%;}.col-md-9{width:75%;}.col-md-8{width:66.66666667%;}.col-md-7{width:58.33333333%;}.col-md-6{width:50%;}.col-md-5{width:41.66666667%;}.col-md-4{width:33.33333333%;}.col-md-3{width:25%;}.col-md-2{width:16.66666667%;}.col-md-1{width:8.33333333%;}.col-md-pull-12{right:100%;}.col-md-pull-11{right:91.66666667%;}.col-md-pull-10{right:83.33333333%;}.col-md-pull-9{right:75%;}.col-md-pull-8{right:66.66666667%;}.col-md-pull-7{right:58.33333333%;}.col-md-pull-6{right:50%;}.col-md-pull-5{right:41.66666667%;}.col-md-pull-4{right:33.33333333%;}.col-md-pull-3{right:25%;}.col-md-pull-2{right:16.66666667%;}.col-md-pull-1{right:8.33333333%;}.col-md-pull-0{right:auto;}.col-md-push-12{left:100%;}.col-md-push-11{left:91.66666667%;}.col-md-push-10{left:83.33333333%;}.col-md-push-9{left:75%;}.col-md-push-8{left:66.66666667%;}.col-md-push-7{left:58.33333333%;}.col-md-push-6{left:50%;}.col-md-push-5{left:41.66666667%;}.col-md-push-4{left:33.33333333%;}.col-md-push-3{left:25%;}.col-md-push-2{left:16.66666667%;}.col-md-push-1{left:8.33333333%;}.col-md-push-0{left:auto;}.col-md-offset-12{margin-left:100%;}.col-md-offset-11{margin-left:91.66666667%;}.col-md-offset-10{margin-left:83.33333333%;}.col-md-offset-9{margin-left:75%;}.col-md-offset-8{margin-left:66.66666667%;}.col-md-offset-7{margin-left:58.33333333%;}.col-md-offset-6{margin-left:50%;}.col-md-offset-5{margin-left:41.66666667%;}.col-md-offset-4{margin-left:33.33333333%;}.col-md-offset-3{margin-left:25%;}.col-md-offset-2{margin-left:16.66666667%;}.col-md-offset-1{margin-left:8.33333333%;}.col-md-offset-0{margin-left:0%;}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left;}.col-lg-12{width:100%;}.col-lg-11{width:91.66666667%;}.col-lg-10{width:83.33333333%;}.col-lg-9{width:75%;}.col-lg-8{width:66.66666667%;}.col-lg-7{width:58.33333333%;}.col-lg-6{width:50%;}.col-lg-5{width:41.66666667%;}.col-lg-4{width:33.33333333%;}.col-lg-3{width:25%;}.col-lg-2{width:16.66666667%;}.col-lg-1{width:8.33333333%;}.col-lg-pull-12{right:100%;}.col-lg-pull-11{right:91.66666667%;}.col-lg-pull-10{right:83.33333333%;}.col-lg-pull-9{right:75%;}.col-lg-pull-8{right:66.66666667%;}.col-lg-pull-7{right:58.33333333%;}.col-lg-pull-6{right:50%;}.col-lg-pull-5{right:41.66666667%;}.col-lg-pull-4{right:33.33333333%;}.col-lg-pull-3{right:25%;}.col-lg-pull-2{right:16.66666667%;}.col-lg-pull-1{right:8.33333333%;}.col-lg-pull-0{right:auto;}.col-lg-push-12{left:100%;}.col-lg-push-11{left:91.66666667%;}.col-lg-push-10{left:83.33333333%;}.col-lg-push-9{left:75%;}.col-lg-push-8{left:66.66666667%;}.col-lg-push-7{left:58.33333333%;}.col-lg-push-6{left:50%;}.col-lg-push-5{left:41.66666667%;}.col-lg-push-4{left:33.33333333%;}.col-lg-push-3{left:25%;}.col-lg-push-2{left:16.66666667%;}.col-lg-push-1{left:8.33333333%;}.col-lg-push-0{left:auto;}.col-lg-offset-12{margin-left:100%;}.col-lg-offset-11{margin-left:91.66666667%;}.col-lg-offset-10{margin-left:83.33333333%;}.col-lg-offset-9{margin-left:75%;}.col-lg-offset-8{margin-left:66.66666667%;}.col-lg-offset-7{margin-left:58.33333333%;}.col-lg-offset-6{margin-left:50%;}.col-lg-offset-5{margin-left:41.66666667%;}.col-lg-offset-4{margin-left:33.33333333%;}.col-lg-offset-3{margin-left:25%;}.col-lg-offset-2{margin-left:16.66666667%;}.col-lg-offset-1{margin-left:8.33333333%;}.col-lg-offset-0{margin-left:0%;}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table;}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both;}.center-block{display:block;margin-left:auto;margin-right:auto;}.pull-right{float:right !important;}.pull-left{float:left !important;}.hide{display:none !important;}.show{display:block !important;}.invisible{visibility:hidden;}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}.hidden{display:none !important;}.affix{position:fixed;} .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } /* base */ input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a, a:visited { color: #009ee0; text-decoration: none; } a:active { background: transparent; } a:hover, a:focus { color: #009ee0; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Open Sans", sans-serif; font-size: 22px; font-weight: 300; margin-top:0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #28353e; font-weight: inherit; } h1 { font-size: 30px; line-height: 1.1; } h2 { font-size: 26px; line-height: 32px; margin-bottom: 12px; } h3 { margin-bottom: 10px; font-size: 25px; line-height: 30px; } h4 { margin-bottom: 8px; font-size: 24px; line-height: 26px; } h5 { margin-bottom: 6px; font-size: 18px; line-height: 24px; } h6 { margin-bottom: 4px; font-size: 14px; line-height: 18px; } p { margin-bottom: 20px; } em { font-style: italic; } strong { font-weight: 700; } small { font-size: 90%; } sub { vertical-align: sub; font-size: 75%; } sup { vertical-align: super; font-size: 75%; } abbr[title] { border-bottom: 1px dotted #d7d7d7; cursor: help; } address { display: block; margin-bottom: 20px; } blockquote p { font-style: italic; } blockquote span { display: block; margin-top: 5px; color: #d7d7d7; } blockquote span:before { content: "\2013 \00A0"; } hr { height: 0; border: solid #d7d7d7; border-width: 1px 0 0 0; margin: 30px 0; } code, pre { border-radius: 3px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 1px 4px; border: 1px solid #d7d7d7; background-color: #f3f3f3; color: #d50f25; } pre { overflow-x: auto; display: block; padding: 20px; border: 1px solid #d7d7d7; margin-bottom: 20px; white-space: pre-wrap; background-color: #f3f3f3; } .hr { border-top: 1px solid #d7d7d7; margin: 30px 0; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-highlight { color: #98d4ec; } .text-uppercase { text-transform: uppercase; } .mute { color: #a9b5bb; font-weight: 400; } p.last, h1.last, h2.last, h3.last, h4.last, h5.last, address.last { margin-bottom: 0; } @media (max-width: 767px) { p.last, h1.last, h2.last, h3.last, h4.last, h5.last, address.last { margin-bottom: 20px; } .text-right { text-align: left; } } ul, ol { margin-bottom: 20px; list-style-position: inside; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; margin-left: 30px; } .customForm ol ol{ margin:0; padding:0; } ul { list-style-type: disc; } ul.last, ol.last { margin-bottom: 0; } @media (max-width: 767px) { ul.last, ol.last { margin-bottom: 20px; } } img { max-width: 100%; height: auto; border: none; } img.img-responsive { max-width: 100%; height: auto; border: none; } .img-align-left { float: left; margin: 5px 10px 0 0; } .img-align-right { float: right; margin: 5px 0 0 10px; } .img-block { display: block; } table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; background-color: transparent; } caption { margin: 20px 0; font-weight: 700; text-align: center; } table th, table td { padding: 8px; border-top: 1px solid #d7d7d7; vertical-align: top; } table th { border-top: 0; font-weight: 700; text-transform: uppercase; } table thead th { vertical-align: bottom; } label { display: inline; } label span { color: #d50f25; } fieldset { border: none; padding: 0; margin: 0; } select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } .form-control { display: block; max-width: 100%; padding: 10px 15px; border: 1px solid #d7d7d7; border-radius: 5px; margin-bottom: 10px; background: transparent; line-height: 21px; font-weight: 400; width: 100%; } .form-control:focus, .form-control:focus, .form-control:focus, .form-control:focus { border-color: #bbb; outline: 0; } select { height: 40px; border-radius: 0; } select:focus { outline: thin dotted #bbb; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } textarea { min-height: 100px; overflow: auto; } input:-moz-placeholder, textarea:-moz-placeholder { color: #d7d7d7; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #d7d7d7; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #d7d7d7; } .javascript-required, .modern-browser-required { padding: 15px 0; background-color: #d50f25; color: #fff; text-align: center; font-weight: 700; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /* elements */ .accordion { margin-bottom: 30px; } .accordion-item { position: relative; display: block; padding: 8px 30px; border: 1px solid #d7d7d7; border-radius: 20px; margin-bottom: 15px; background-clip: padding-box; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } a.accordion-item { color: #7b868c; } .accordion-item:after { position: absolute; top: 8px; right: 20px; font-size: 36px; font-weight: 400; content: "+"; } .accordion-item.active:after { content: "-"; } .accordion-item:hover, .accordion-item.active { border-color: #009EE0; background-color: #009EE0; color: #fff; text-decoration: none; } .accordion-item-content { display: none; padding: 15px 0 15px 30px; } .accordion-item-content:after { visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } .toggle { margin-bottom: 30px; } .toggle-item { position: relative; display: block; padding: 8px 30px; border: 1px solid #d7d7d7; border-radius: 20px; margin-bottom: 15px; background-clip: padding-box; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } a.toggle-item { color: #7b868c; } .toggle-item:after { position: absolute; top: 8px; right: 20px; font-size: 36px; font-weight: 400; content: "+"; } .toggle-item.active:after { content: "-"; } .toggle-item:hover, .toggle-item.active { border-color: #009EE0; background-color: #009EE0; color: #fff; text-decoration: none; } .toggle-item-content { display: none; padding: 15px 0 15px 30px; } .toggle-item-content:after { visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } .alert { position: relative; padding: 15px; margin-bottom: 20px; border: 1px solid #faebcc; border-radius: 4px; color: #8a6d3b; background-color: #fcf8e3; } .alert i { position: relative; top: 1px; margin-right: 15px; font-size: 16px; } .alert.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert.error { background-color: #474d50; color: #fff; } .alert.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .required.alert{ padding: 0; } .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; visibility: hidden; } .animate.visible { visibility: visible; } .animate.hidden { visibility: hidden; } .btn { display: inline-block; padding: 10px 30px; border: 2px solid #009EE0; border-radius: 20px; background-color: #009EE0; background-clip: padding-box; color: #fff; line-height: 18px; font-weight: 400; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-transition: border-radius 0.3s; transition: border-radius 0.3s; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 17px; } a.btn { color: #fff; } .btn:focus { outline: 0; } .btn-large { padding: 12px 35px; font-size: 18px; } .btn i, .btn-large i { margin-left: 5px; font-size: 14px; line-height: 18px; } .btn:hover { border-radius: 0; text-decoration: none; } .btn.alt { background-color: transparent; color: #009EE0; } a.btn.alt { color: #009EE0; } .client-logos { margin-bottom: 0; list-style: none; text-align: center; } .client-logos li { float: left; width: 20%; } @media (max-width: 767px) { .client-logos li { float: none; width: 100%; margin-bottom: 10px; } .client-logos li:last-child { margin-bottom: 0; } } ul.unstyled { list-style-type: none; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.fill-circle { list-style: none; } ul.fill-circle li { margin-bottom: 10px; } ul.fill-circle li:last-child { margin-bottom: 0; } ul.fill-circle li:before { position: relative; top: -2px; display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 20px; background-color: #009EE0; content: ""; } ul.fill-circle.border li { border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; font-weight: 300; } .divider { margin: 50px 0; } .divider.single-line { border-top: 1px solid #d7d7d7; } .divider.double-line { border-top: 4px double #d7d7d7; } .divider.single-dotted { height: 1px; background: url(images/bg-single-dotted.png) repeat-x top left; } .divider.double-dotted { height: 4px; background: url(images/bg-double-dotted.png) repeat-x top left; } .google-map { width: 100%; height: 400px; } .google-map img { max-width: none; } .map { margin-bottom: 40px; } @media (max-width: 767px) { .map { padding: 0 20px; } .row .map { padding: 0; } } .headline { margin-bottom: 100px; text-align: center; } .headline h5 { margin-bottom: 25px; font-weight: 700; text-transform: uppercase; } .headline h4 { color: #7b868c; line-height: 36px; } .icon-box-1 { position: relative; margin-bottom: 30px; } .icon-box-1.icon-right { text-align: right; } .icon-box-1 > i, .icon-box-1 > em { float: left; display: block; color: #009EE0; font-size: 32px; line-height: 32px; } .icon-box-1.icon-right > i, .icon-box-1.icon-right > em { float: right; } .icon-box-1 > img { float: left; display: block; } .icon-box-1 .icon-box-content { padding-top: 3px; margin-left: 55px; } .icon-box-1.icon-right .icon-box-content { margin-left: 0; margin-right: 55px; } .icon-box-2 { position: relative; margin-bottom: 50px; text-align: center; } .icon-box-2 > i, .icon-box-2 > em { display: block; width: 48px; height: 48px; border: 1px solid #009EE0; border-radius: 50%; margin: 0 auto 15px auto; background-clip: padding-box; color: #009EE0; font-size: 18px; line-height: 48px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .icon-box-2:hover > i, .icon-box-2:hover > em { background-color: #009EE0; color: #fff; } .icon-box-2 > img { margin-bottom: 10px; } .icon-box-2 h5 { margin-bottom: 35px; line-height: 32px; } .icon-box-2 h5 a:hover { text-decoration: none; } .icon-box-2 h5 small { color: #a9b5bb; display: block; font-size: 14px; line-height: 24px; font-weight: 400; } .icon-box-2 .icon-box-content span, .icon-box-2 .icon-box-content a { font-weight: 400; } .icon-box-3 { position: relative; margin-bottom: 40px; } .icon-box-3 > h4 { float: left; width: 28px; height: 28px; border: 2px solid #28353e; border-radius: 50%; margin-right: 25px; font-size: 22px; line-height: 28px; font-weight: 400; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .icon-box-3 h3 { margin-bottom: 20px; line-height: 30px; } .icon-box-3 h3 a { color: #28353e; -webkit-transition: color 0.3s; transition: color 0.3s; } .icon-box-3:hover h3 a { color: #009EE0; text-decoration: none; } .icon-box-3:hover > h4 { border-color: #009EE0; color: #009EE0; } .icon-box-3-sm { min-height: 50px; margin-bottom: 20px; } .icon-box-3-sm > h4{ float: left; width: 50px; height: 50px; border: 1px solid #009EE0; border-radius: 50%; margin: 0 20px 0 0; font-size: 16px; line-height: 50px; font-weight: 600; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; color: #009ee0; } .icon-box-4 { position: relative; margin-bottom: 50px; } .icon-box-4 > i { display: block; margin: 0 auto 35px auto; color: #009EE0; font-size: 32px; } .icon-box-4 > img { margin-bottom: 40px; } .icon-box-4 h4 { margin-bottom: 30px; } .icon-box-4 h4 a:hover { text-decoration: none; } .icon-box-4 .icon-box-content a { font-weight: 400; } .icon-box-5 { position: relative; margin-bottom: 50px; text-align: center; } .icon-box-5 > i { display: block; margin-bottom: 20px; color: #009EE0; font-size: 50px; } .icon-box-5 > img { margin-bottom: 10px; } .icon-box-5 h4 { margin-bottom: 20px; } .icon-box-5 h4 a { color: #009EE0; } .info-box { position: relative; overflow: hidden; padding: 210px 0 190px 0; margin: 40px 0 100px 0; background-color: #f2f7fa; } .info-box-img { position: absolute; z-index: 0; top: 0; width: 50%; height: 100%; background: no-repeat center left; -webkit-background-size: contain; background-size: contain; } .info-box-bg-left .info-box-img { left: 0; } .info-box-bg-right .info-box-img { right: -7%; } .info-box-img img { display: none; } .info-box-2 { padding: 80px 0 60px 0; margin: 40px 0; background-color: #009EE0; color: #fff; text-align: center; } .info-box-2 h1, .info-box-2 h2, .info-box-2 h3, .info-box-2 h4, .info-box-2 h5, .info-box-2 h6 { color: #fff; } .info-box-2 .btn { background-color: #fff; color: #009EE0; } .info-box-2 .btn.alt { border-color: #fff; background-color: transparent; color: #fff; } #box-1 { padding: 80px 0 20px 0; margin-top: 0; margin-bottom: 100px; background-color: #28353e; } @media (min-width: 768px) and (max-width: 991px) { .info-box { padding: 100px 0 80px 0; } } @media (max-width: 767px) { .info-box { padding: 100px 0 80px 0; } .info-box-img { position: relative; width: 100%; background: none !important; } .info-box-bg-right .info-box-img { right: 0; } .info-box-img img { display: block; width: 100%; margin-bottom: 20px; } } .milestone { position: relative; width: 75%; margin: 0 auto 100px auto; text-align: center; } .milestone:after { visibility: hidden; display: block; height: 0; font-size: 0; content: " "; clear: both; } .milestone i { display: block; margin-bottom: 20px; font-size: 32px; } .milestone .milestone-content { color: #009EE0; font-size: 92px; font-weight: 800; } .milestone .milestone-description { display: inline-block; padding: 0 50px 25px 50px; border-bottom: 1px solid #d7d7d7; margin-bottom: 40px; color: #28353e; font-size: 14px; line-height: 24px; font-weight: 700; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 991px) { .milestone { width: 100%; } } @media (max-width: 767px) { .milestone { width: 100%; } } .horizontal-process-builder { position: relative; margin-bottom: 40px; list-style: none; text-align: center; } .horizontal-process-builder:before { position: absolute; z-index: 1; top: 65px; left: 0; display: block; width: 100%; border-top: 1px solid #d7d7d7; content: ""; } .horizontal-process-builder li { position: relative; float: left; width: 25%; font-weight: 300; } .horizontal-process-builder li:before { position: absolute; z-index: 2; top: 58px; left: 50%; display: block; width: 12px; height: 12px; border: 1px solid #d7d7d7; border-radius: 50%; background-color: #fff; background-clip: padding-box; content: ""; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } .horizontal-process-builder.three-items li { width: 33.3333333333%; } .horizontal-process-builder.four-items li { width: 25%; } .horizontal-process-builder.five-items li { width: 20%; } .process-description h6 { padding-bottom: 40px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; } .process-description { padding: 0 15px; } .process-description p { padding-top: 40px; -webkit-transition: padding-top 0.3s; transition: padding-top 0.3s; } .horizontal-process-builder li:hover:before { border-color: #d7d7d7; -webkit-transform: scale(3.5); -ms-transform: scale(3.5); transform: scale(3.5); } @media (max-width: 767px) { .horizontal-process-builder li { float: none; width: 100%; margin-bottom: 40px; } .horizontal-process-builder:before { content: none; } .horizontal-process-builder.three-items li { width: 100%; } .horizontal-process-builder.four-items li { width: 100%; } .horizontal-process-builder.five-items li { width: 100%; } } .vertical-process-builder { position: relative; margin-bottom: 40px; list-style: none; } .vertical-process-builder:before { position: absolute; z-index: 1; top: 0; left: 26px; display: block; height: 85%; border-left: 1px solid #d7d7d7; content: ""; } .vertical-process-builder li { margin-bottom: 70px; } .vertical-process-builder li i, .vertical-process-builder li h1 { position: relative; z-index: 2; float: left; display: block; width: 72px; height: 72px; overflow: hidden; border: 1px solid #d7d7d7; border-radius: 50%; outline: 10px solid #fff; margin-left: -10px; background-color: #fff; background-clip: padding-box; font-size: 36px; line-height: 72px; text-align: center; -webkit-transition: backgroud-color 0.3s; transition: backgroud-color 0.3s; } .vertical-process-builder .process-description { margin-left: 100px; } .vertical-process-builder li:hover i, .vertical-process-builder li:hover h1 { background-color: #f3f3f3; } @media (max-width: 767px) { .vertical-process-builder li i, .vertical-process-builder li h1 { margin-left: 0; } .vertical-process-builder:before { left: 36px; } } .pie-chart { position: relative; margin: 0 auto 10px auto; text-align: center; } .pie-chart canvas { position: absolute; z-index: 1; top: 0; left: 0; } .pie-chart i, .pie-chart .pie-chart-custom-text, .pie-chart .pie-chart-percent { position: absolute; z-index: 10; top: 0; left: 0; display: block; width: 100%; text-align: center; } .pie-chart img { max-width: 100%; vertical-align: middle; } .pie-chart .pie-chart-custom-text { font-size: 18px; } .pie-chart .pie-chart-percent { font-size: 18px; font-weight: 700; } .pie-chart-description { display: block; letter-spacing: 1px; text-align: center; } .pie-chart-description h4 { margin-bottom: 15px; font-weight: 700; text-transform: none; } .pricing-table { padding: 40px 0; border: 2px solid #d7d7d7; border-radius: 25px; margin-bottom: 50px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .pricing-table.alt { border-color: #f8f8f8; background-color: #f8f8f8; } .pricing-table-header { margin-bottom: 30px; } .pricing-table-header h3 { margin-bottom: 0; } .pricing-table-header h1 { margin-bottom: 0; font-size: 72px; line-height: 72px; font-weight: 700; -webkit-transition: color 0.3s; transition: color 0.3s; } .pricing-table-header h1 sup { margin-right: -15px; color: #7b868c; font-size: 24px; font-weight: 700; } .pricing-table-header h1 sub { margin-left: -20px; color: #7b868c; font-size: 24px; font-weight: 700; } .pricing-table-offer { margin-bottom: 60px; } .pricing-table-offer ul { list-style: none; } .pricing-table-offer ul li { padding: 5px 0; } .pricing-table:hover { border-color: #009EE0; } .pricing-table:hover .pricing-table-header h1 { color: #009EE0; } .pricing-table.alt:hover { border-color: #009EE0; background-color: #009EE0; color: #fff; } .pricing-table.alt:hover .pricing-table-header h1 sup, .pricing-table.alt:hover .pricing-table-header h1 sub, .pricing-table.alt:hover .pricing-table-header h1, .pricing-table.alt:hover .pricing-table-header h3 { color: #fff; } .pricing-table .btn { margin-right: 0; } .pricing-table.alt:hover .btn { border-color: #fff; } @media (min-width: 768px) and (max-width: 991px) { .pricing-table .btn { padding: 10px; } .pricing-table-header h1 { font-size: 42px; line-height: 42px; } .pricing-table-header h1 sup, .pricing-table-header h1 sub { font-size: 18px; } .pricing-table-header h1 sup { margin-right: -10px; } .pricing-table-header h1 sub { margin-left: -10px; } } .progress-bar-description { position: relative; display: block; margin-bottom: 10px; color: #28353e; font-weight: 700; line-height: 14px; text-transform: uppercase; } .progress-bar-description span { position: absolute; top: 0; left: 0; margin-left: -30px; } .progress-bar { position: relative; overflow: hidden; display: block; height: 12px; border-radius: 15px; margin-bottom: 25px; background-color: #f3f3f3; box-shadow: inset 0 1px 5px 0 #d7d7d7; } .progress-bar .progress-bar-outer { position: absolute; top: 0; left: 0; height: 100%; background-color: #009EE0; } .progress-bar .progress-bar-outer .progress-bar-inner { position: absolute; z-index: 1; overflow: hidden; top: 0; left: 0; display: block; height: 100%; width: 100%; } .table-bordered { border: 1px solid #d7d7d7; border-left: none; border-collapse: separate; } .table-bordered th, .table-bordered td { border-left: 1px solid #d7d7d7; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: none; } .table-condensed th, .table-condensed td { padding: 4px 8px; } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { background-color: #f3f3f3; } @media (max-width: 480px) { table, thead, tbody, th, td, tr { display: block; } .table-bordered { border-top: none; } thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border-top: 1px solid #bbb; } td:first-child { border-top: none !important; } } .tabs-container .tabs-menu { border-bottom: 1px solid #d7d7d7; margin-top: 10px; margin-bottom: 0; list-style: none; } .tabs-container .tabs-menu li { display: inline; } .tabs-container .tabs-menu li a { float: left; display: block; padding: 10px 25px; border: 1px solid #d7d7d7; border-left: none; margin-bottom: -1px; background-color: #fff; color: #7b868c; text-decoration: none; } .tabs-container .tabs-menu li a:hover { text-decoration: none; } .tabs-container .tabs-menu li:first-child a { border-left: 1px solid #d7d7d7; } .tabs-container .tabs-menu li.active a { border-bottom-color: #fff; background-color: #fff; color: #009EE0; } .tabs-container .tabs { border: 1px solid #d7d7d7; border-top: none; margin-bottom: 30px; } .tabs-container .tab-content { padding: 25px; background-color: #fff; } .vertical-tabs-container { position: relative; border: 1px solid #d7d7d7; margin-bottom: 30px; background-color: #fff; } .vertical-tabs-container .tabs-menu { float: left; width: 260px; border-right: 1px solid #d7d7d7; margin-bottom: 0; list-style: none; } .vertical-tabs-container .tabs-menu li a { display: block; padding: 15px 25px; border-bottom: 1px solid #d7d7d7; color: #7b868c; text-decoration: none; } .vertical-tabs-container .tabs-menu li:last-child a { margin-bottom: -1px; } .vertical-tabs-container .tabs-menu li.active a { border-right: 1px solid #fff; margin-right: -1px; background-color: #fff; color: #009EE0; } .vertical-tabs-container .tabs { margin-left: 260px; } .vertical-tabs-container .tab-content { padding: 25px; border-left: 1px solid #d7d7d7; background-color: #fff; } .vertical-tabs-container .tab-content p:last-child { margin-bottom: 0; } @media (min-width: 768px) and (max-width: 991px) { .vertical-tabs-container .tabs-menu { float: none; width: 100%; } .vertical-tabs-container .tabs { margin-left: 0; } .vertical-tabs-container .tabs-menu li a { padding: 20px 25px; border-right: none; margin-right: 0; } .vertical-tabs-container .tabs-menu li:last-child a { margin-bottom: 0; } .vertical-tabs-container .tabs-menu li.active a { border-right-color: #d7d7d7; border-bottom-color: #d7d7d7; } .vertical-tabs-container .tab-content { border-left: none; } } @media (max-width: 767px) { .tabs-container .tabs-menu { border-bottom: none; } .tabs-container .tabs-menu li { display: block; } .tabs-container .tabs-menu li a { float: none; display: block; padding: 20px 25px; border: 1px solid #d7d7d7; border-top: none; margin: 0; } .vertical-tabs-container .tabs-menu li:last-child a { margin-bottom: 0; } .tabs-container .tabs-menu li a:hover { text-decoration: none; } .tabs-container .tabs-menu li:first-child a { border-top: 1px solid #d7d7d7; } .tabs-container .tabs-menu li.active a { padding: 20px 25px; border-bottom-color: #d7d7d7; margin: 0; background-color: #fff; } .vertical-tabs-container .tabs-menu { float: none; width: 100%; } .vertical-tabs-container .tabs { margin-left: 0; } .vertical-tabs-container .tabs-menu li a { padding: 20px 25px; border-right: none; margin-right: 0; } .vertical-tabs-container .tabs-menu li.active a { border-right-color: #d7d7d7; border-bottom-color: #d7d7d7; } .vertical-tabs-container .tab-content { border-left: none; } } .testimonial { margin-bottom: 50px; text-align: center; } .testimonial > i { display: block; font-size: 32px; margin-bottom: 25px; color: #009EE0; } .testimonial > h5 { margin-bottom: 25px; color: #009EE0; font-weight: 700; text-transform: uppercase; } .testimonial blockquote { position: relative; margin-bottom: 20px; } .testimonial blockquote p { font-style: normal; } .testimonial blockquote p:last-child { margin-bottom: 0; } .testimonial blockquote p span:before { content: none; } .testimonial img { float: left; border-radius: 50%; margin-right: 20px; } .testimonial h5 span { color: #d7d7d7; } .team-member { margin-bottom: 30px; } .team-member img { display: block; width: 100%; margin-bottom: 20px; } .team-member h5 { margin-bottom: 15px; font-weight: 700; text-transform: uppercase; } .team-member h5 small { display: block; color: #009EE0; font-size: 14px; text-transform: none; } .team-member .social-media a.social-icon { display: inline-block; } .portfolio-item { position: relative; margin-bottom: 80px; } .portfolio-item-preview { position: relative; margin-bottom: 20px; } .portfolio-item-preview > img { display: block; width: 100%; } .portfolio-item-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 25px; background-color: #fff; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; transition: all 0.3s; } .portfolio-item-overlay .portfolio-item-description { position: absolute; top: 50%; left: 0; right: 0; padding: 20px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-item-description h5 a { font-weight: 700; text-transform: uppercase; } .portfolio-item-description h5 a:hover { text-decoration: none; } .portfolio-item .portfolio-item-description .btn { margin-bottom: 0; } .portfolio-item:hover .portfolio-item-overlay { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .portfolio-item-overlay-actions { position: absolute; top: 50%; width: 100%; margin-top: -30px; text-align: center; } .portfolio-item-overlay-actions .portfolio-item-zoom, .portfolio-item-overlay-actions .portfolio-item-link { display: inline-block; padding: 10px; margin: 0 5px; } .portfolio-item-overlay-actions .portfolio-item-zoom i, .portfolio-item-overlay-actions .portfolio-item-link i { color: #fff; font-size: 20px; line-height: 40px; } .portfolio-filter ul { margin: 30px auto; list-style: none; } .portfolio-filter ul li { display: inline-block; margin-right: 10px; } .portfolio-filter ul li:last-child { margin-right: 0; } .portfolio-filter ul li a { display: block; padding: 5px 0; color: #7b868c; text-decoration: none; } .portfolio-filter ul li a:hover, .portfolio-filter ul li a.active { color: #009EE0; } @media (min-width: 768px) and (max-width: 991px) { .portfolio-filter ul li { margin-right: 20px; } } @media (max-width: 767px) { .portfolio-filter ul li { display: block; } } .pagination { list-style: none; } .pagination li { float: left; } .pagination a { display: block; padding: 2px 10px; border: 2px solid #009EE0; border-radius: 10px; margin-right: 10px; margin-bottom: 2px; font-size: 18px; font-weight: 300; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .pagination li:last-child a { margin-right: 0; } .pagination li.current a, .pagination li a:hover { background-color: #009EE0; color: #fff; } .portfolio-columns { margin-bottom: 100px; list-style: none; } .portfolio-columns.gutter { margin: -15px -15px 100px -15px; } .portfolio-columns .item { float: left; width: 33.33333%; } .portfolio-columns.gutter .item { padding: 15px; } .portfolio-columns.three-cols .item, .portfolio-columns.four-cols .item { width: 33.33333%; } .portfolio-columns .item .portfolio-item, .portfolio-columns.portfolio-isotope .item .portfolio-item-preview { margin-bottom: 0; } @media (min-width: 1200px) { .portfolio-columns.four-cols .item { width: 25%; } } @media (min-width: 768px) and (max-width: 991px) { .portfolio-columns .item, .portfolio-columns.three-cols .item, .portfolio-columns.four-cols .item { width: 50%; } } @media (max-width: 767px) { .portfolio-columns .item, .portfolio-columns.three-cols .item, .portfolio-columns.four-cols .item { float: none; width: 100%; } } .portfolio-grid { margin-bottom: 30px; list-style: none; } .portfolio-grid .item { float: left; width: 25%; } .portfolio-grid .portfolio-item { margin-bottom: 0; } @media (min-width: 1200px) { .portfolio-grid .item { width: 20%; } } @media (min-width: 768px) and (max-width: 991px) { .portfolio-grid .item { width: 33.3333333333%; } } @media (max-width: 767px) { .portfolio-grid .item { float: none; width: 100%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .portfolio-grid .item { float: left; width: 50%; } } .portfolio-strip { margin-bottom: 30px; list-style: none; } .portfolio-strip .item { float: left; width: 25%; } .portfolio-strip .item:last-child { display: none; } .portfolio-strip .portfolio-item, .portfolio-strip .portfolio-item-preview { margin-bottom: 0; } @media (min-width: 1200px) { .portfolio-strip .item { width: 20%; } .portfolio-strip .item:last-child { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .portfolio-strip .item { width: 33.3333333333%; } .portfolio-strip .item:last-child { display: block; } } @media (max-width: 767px) { .portfolio-strip .item { float: none; width: 100%; } .portfolio-strip .item:last-child { display: block; } } .portfolio-switcher { text-align: right; } .portfolio-switcher p { display: inline-block; margin-right: 20px; } .portfolio-switcher ul { display: inline-block; list-style: none; } .portfolio-switcher ul li { display: inline-block; } .portfolio-switcher ul li a { padding: 5px 10px; border: 2px solid transparent; border-radius: 10px; font-size: 20px; text-decoration: none; } .portfolio-switcher ul li.active a, .portfolio-switcher ul li a:hover { border-color: #009EE0; } @media (max-width: 767px) { .portfolio-switcher { text-align: left; } } .project-navigation { text-align: right; } .project-navigation a { margin-right: 20px; color: #28353e; text-decoration: none; } .project-navigation a:last-child { margin-right: 0; } .project-navigation a:hover { color: #009EE0; } @media (max-width: 767px) { .project-navigation { text-align: left; } } #contact-form { overflow: hidden; margin-bottom: 30px; } label.validation-error { color: #d50f25; } input.validation-error, textarea.validation-error, select.validation-error { border: 1px solid #d7d7d7; } #contact-form #submit { float: right; font-weight: 700; text-transform: uppercase; } .fullwidth-section { position: relative; overflow: hidden; z-index: 0; padding: 100px 0 80px 0; margin: 50px 0 100px 0; background-color: #f3f3f3; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 0; } .fullwidth-section-content { position: relative; z-index: 3; } .fullwidth-section-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; background-position: 0 0; } .fullwidth-section-video { position: absolute; overflow: hidden; z-index: 1; top: 0; width: 100%; height: 100%; } .parallax.parallax-enabled { background-attachment: fixed !important; -webkit-background-size: cover; background-size: cover; } .horizontal-parallax { background-repeat: repeat-x; } .animated-parallax { background-repeat: repeat-x; } .fullwidth-section .table-striped tbody tr:nth-child(odd) td, .fullwidth-section .table-striped tbody tr:nth-child(odd) th { background-color: #fff; } #bg-1 { padding-bottom: 0; } #bg-2 { margin-top: 80px; } #bg-2 .images-slider { margin: -100px 0 -140px 0; } #bg-3 { padding-bottom: 90px; margin: 100px 0 50px 0; background-color: #009EE0; } #bg-3 #s { border-color: #fff; color: #fff; } #bg-3 #s:focus { border-color: #bbb; } #bg-6 { padding-bottom: 50px; margin-bottom: 30px; } @media (max-width: 767px) { .fullwidth-section { -webkit-background-size: cover; background-size: cover; } #bg-2 .images-slider { margin-top: 20px; margin-bottom: 0; } } .panel{ border:1px solid #ddd; border-radius:5px; margin-bottom:30px; } .panel .panel-body{ padding:30px; } .panel .panel-heading{ padding: 15px; border-bottom:1px solid #ddd; background-color: #fdfdfd; } .panel .panel-heading h2, .panel .panel-heading h3, .panel .panel-heading h4{ margin:0; font-size: 24px; } /** ** Aleyant.com 2015 **/ /* major */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { padding-top: 105px; color: #000; background-color: #fff; font-family: 'Roboto', sans-serif; font-size: 17px; line-height: 24px; font-weight: 300; } body.page-content-editor-body{ padding-top:0; } /* minor */ .z-depth-1 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) } .z-depth-2 { box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) } .z-depth-3 { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) } .z-depth-4{ box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) } .z-depth-5 { box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) } /* header */ #header { top: 0; right: 0; left: 0; margin: 0 auto; position: fixed; z-index: 1020; width: 100%; padding: 0px; box-shadow: 0 3px 10px #d7d7d7; background-color: rgba(255, 255, 255, 0.95); -webkit-transition: padding 0.3s; transition: padding 0.3s; } .mainmenu_wrapper { padding-right: 50px; position: relative; } /* top nav */ .page.requestdemo a{ font-weight: 600; } .sf-menu, .sf-menu ul { padding: 0; margin: 0; list-style: none; } .sf-menu > li { float: left; } .sf-menu > li > a { position: relative; display: block; } .sf-menu li.depth1 ul { position: absolute; z-index: 1025; top: 100%; left: 0; display: none; } .sf-menu li { position: relative; } .sf-menu li:hover .dropdown-menu { display: block; } .sf-menu li.depth1 ul ul { top: -16px; left: 100%; } .sf-menu li.depth1:hover > ul, .sf-menu li.depth1.sfHover > ul { display: block; } .sf-menu { position: relative; float: right; } .sf-menu a { display: block; padding: 10px 0; color: #7b868c; font: 15px 'Open Sans', Arial, sans-serif; font-weight: 400; text-decoration: none; } .sf-menu > li a i { margin-right: 5px; } .sf-menu > li.current > a { position: relative; } .sf-menu > li > a:before { position: absolute; top: 62%; right: 0px; left: 0; display: block; width: 25px; border-top: 1px solid transparent; margin: 3px auto 0 auto; content: ""; -webkit-transition: border-top-color 0.3s; transition: border-top-color 0.3s; } .sf-menu > li > a:hover:before, .sf-menu > li.current > a:before, .sf-menu li.sfHover > a:before { border-top-color: #009EE0; } .sf-menu li.depth1 ul { min-width: 200px; padding: 15px 0; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; } .sf-menu li.depth1 ul:before { position: absolute; top: 0; left: 0; display: block; width: 75px; border-top: 2px solid #009EE0; content: ""; } .sf-menu li.depth1 ul a:hover, .sf-menu li.depth1 ul li.depth1.sfHover > a { color: #009EE0; } .sf-menu > li > a { padding: 27.5px 15px; } .sf-menu > li > ul.dropdown-menu a { padding: 8px 20px; } .sf-arrows .sf-with-ul:after { position: absolute; top: 16px; right: 0; display: none; width: 0; height: 0; border: 5px solid transparent; border-top-color: #d7d7d7; content: ""; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: rgba(0, 0, 0, 0.7); } .sf-arrows ul .sf-with-ul:after { top: 50%; display: block; border-color: transparent; border-left-color: #d7d7d7; margin-top: -5px; margin-right: 10px; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: rgba(0, 0, 0, 0.7); } a#mobile-menu-trigger { float: right; display: none; font-size: 32px; } /* mobile menu */ #mobile-menu { border-bottom: 1px solid #d7d7d7; margin: 0; padding: 0; } #mobile-menu li { display: block; margin: 0; } #mobile-menu > li > ul, #mobile-menu > li > ul > li > ul { display: none; margin-left: 0; padding:0; border-left: 15px solid #e1e1e1; } #mobile-menu .sf-mega { display: none; padding: 0; border: none; margin: 0; background: #fff; } #mobile-menu .sf-mega-section { float: none; width: 100%; padding: 0; border: none; } #mobile-menu .sf-mega-section ul { margin-left: 0; } #mobile-menu li a { position: relative; display: block; padding: 15px 25px; border-top: 1px solid #d7d7d7; color: #28353e; text-align: left; text-decoration: none; } #mobile-menu ul a { padding-left: 45px; } #mobile-menu ul li ul a { padding-left: 65px; } #mobile-menu .mobile-menu-submenu-arrow { position: absolute; top: 0; right: 0; width: 70px; height: 100%; border-left: 1px solid #d7d7d7; color: #28353e; font-size: 20px; line-height: 50px; text-align: center; cursor: pointer; } #mobile-menu .mobile-menu-submenu-arrow:hover { background-color: #f3f3f3; } #mobile-menu { display: none; } /* search Button */ .search { position: absolute; z-index: 1; right: 0; border: 1px solid #ddd; border-radius: 4px; margin: 22.5px 0; } .search a { padding: 3px 7px; display: block; color: #7b868c; } /* logo */ .logo a { display: block; line-height: 75px; } .logo img { vertical-align: middle; max-height:50px; } a.visitbtn { background-clip: padding-box; background-color: #009ee0; border-radius: 53px; box-shadow: 0 2px 2px 3px; color: #fff; cursor: pointer; display: inline-block; font-weight: 400; line-height: 18px; margin: 0 5px 20px 0; padding: 20px; text-decoration: none; transition: border-radius 0.3s ease 0s; vertical-align: middle; } /* home page */ .isHome .main-content > .container { padding:0; width: 100%; } .isHome .pageTitle, .isHome .page-header{ display:none; } /* home page banner */ .cycle-slideshow{ max-height:610px; overflow: hidden; } .banner-slide { height: 610px; width: 100%; background-position: center center; background-size: cover; } .home-banner-wrap { position: relative; } .home-banner-pager { position: absolute; bottom: 10px; left: 50%; z-index: 115; padding: 5px 15px; margin-left: -70px; height: 12px; box-sizing: content-box; background-color: rgba(255,255,255,0.5); border-radius: 15px; } .home-banner-nav { display: none; } .isMobile .home-banner-nav{ display: block; } .home-banner-nav #prev, .home-banner-nav #next{ position: absolute; top: 50%; margin-top: -32px; z-index: 1000; background-color: rgba(0,0,0,0.2); color: #fff; padding: 15px; } .home-banner-nav #prev{ left: 0; padding-left: 8px; } .home-banner-nav #next{ right: 0; padding-right:8px; } .home-banner-pager span { background-color: #fff; border-radius: 10px; cursor: pointer; display: inline-block; height: 12px; margin: 0px 5px; text-indent: -999em; width: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .home-banner-pager span { border-color: #7b868c; } .home-banner-pager span img { display: none; } .home-banner-pager span.cycle-pager-active { background-color: #009EE0; } .banner-caption h2, .banner-caption h1 { font-size: 36px; color: #000; line-height: 39px; margin-top:0; margin-bottom: 21px; } /* banner slides */ .slide-0 .banner-caption h2 { font-size:34px; } .slide-0 .banner-caption { padding-top: 11.5%; padding-left: 50%; } .slide-0 .banner-link { margin-top: 40px; } .slide-1 .banner-caption { padding-left: 59%; padding-top: 13%; padding-right: 1%; } .slide-1 .banner-link { margin-top: 33px; } .slide-2 .banner-link { margin-top: 40px; } .slide-2 .banner-caption { padding-left: 53%; padding-top: 13%; padding-right: 1%; } .slide-3 .banner-caption p{ font-size:24px; } .slide-3 .banner-link { margin-top: 51px; text-align: center; } .slide-3 .banner-link a { background-color: #fff; color: #009ee0; } .slide-3 .banner-caption { } .slide-3 .banner-caption h2 { font-size: 32px; text-align: center; } .slide-4 .banner-link { margin-top: 51px; } .slide-4 .banner-caption { padding-left: 0; padding-top: 17%; padding-right: 50%; } .slide-4 .banner-caption p{ font-size:24px; } /* home page products */ .product-details{ position: relative; height:540px; } .product-right { position: absolute; right: 0; bottom: 0; padding: 0; } .product-left { padding: 0; position: absolute; left: 0; bottom: 100px; } .product-left img{ margin-bottom: 35px; } .product img { vertical-align: bottom; } .product a.btn { background-color: #0071a1; border: 1px solid #0071a1; font-size: 14px; } .product h2 { color: #009ee0; font-size: 30px; margin-top: 0; } .product-1 { border-bottom: 10px solid #00adef; } .product-2 { border-bottom: 10px solid #b24079; background-color: #f2f7fa; } .product-3 { border-bottom: 10px solid #8cc63e; } /* testimonials home page */ .testimonialwrap { padding-top: 60px; border-bottom: 1px solid #d7d7d7; } .testimonialwrap h3 { padding-bottom: 50px; margin-bottom: 0; padding-left: 15px; } .testimonial blockquote { margin: 0; } .testimonial { margin-bottom: 100px; text-align: center; } /* case studies home page - foter module */ .footermodule { border-bottom: 1px solid #d7d7d7; } .footermodule .casestudies { margin-top: 30px; } .footermodule .casestudies h3 { margin-top: 40px; margin-bottom: 30px; font-weight: 400; font-size: 30px; } .footermodule .casestudies h4 { margin-top: 40px; font-size: 22px; line-height: 24px; } .footermodule .casestudies-details { padding-bottom: 100px; } .footermodule .casestudies-details a { font-size: 15px; line-height: 24px; font-style: italic; } /* clients area home page */ .clientswrap { border-bottom: 1px solid #c8c8c8; background-color: #f0f0f0; padding-top: 96px; padding-bottom: 96px; overflow: hidden; } .clientswrap a { font-size: 18px; line-height: 54px; } .clientswrap span { color: #009EE0; } .clientswrap img{ padding-right: 20px; } .clientswrap h3 { font-size: 30px; font-weight: 400; color:#545454; margin-top: 0; margin-bottom: 30px; } .client-image{ margin-bottom:20px; height: 62px; } /* content pages */ .isNotHome .page-header { background: rgba(0, 0, 0, 0) url("images/breadcrumb_bg.png") no-repeat scroll center center; height: 102px; padding: 39px 0; font-size: 14px; margin-bottom: 40px; } .page-header{ font-family: "Open Sans", sans-serif; } .page-header p{ margin:0; } .page-header i, .page-header a { color: #009EE0; padding-right: 10px; } .page-header.page-header-no-title .container{ display: none; } .page-header.page-header-no-title{ background: none; height: 30px; padding: 0; font-size: inherit; background-color: #f9f9f9; } .isNotHome .contentPage { margin-left: auto; margin-right: auto; position: relative; } .pageTitle { font-size: 40px; } #contentEntry { margin-left: auto; margin-right: auto; position: relative; } /* news page */ .news-item h3{ margin:0; line-height:normal; } /* Webinar page */ .pageName_web-to-print-solution-webinar-library { } .pageName_web-to-print-solution-webinar-library #contentEntry { width: 60%; float: left; padding-right: 15px; } .pageName_web-to-print-solution-webinar-library .g-recaptcha { margin: 10px 0; } .pageName_web-to-print-solution-webinar-library ul { list-style-position: inherit; margin: 0 0 10px; } .pageName_web-to-print-solution-webinar-library .form-container { width:40%; float: right; padding-left:15px; } /* card */ .card { position: relative; margin: 0.5rem 0 1rem 0; background-color: #fff; transition: box-shadow .25s; border-radius: 2px; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); padding:15px; } .card h3{ margin-top:0; } /* footer */ .footer { background-color: #ffffff; padding: 100px 0 0; } .footer-column{ margin-bottom:20px; } .footer-video video { width: 100%; } .social-logos a{ color:#7b868c; } .social-logos a:hover{ color:#000; } /* bottom footer */ .bottom-footer{ margin: 50px 0 20px; } #bottommenu ul{ list-style:none; padding:0; margin:0; } #bottommenu li{ float:left; padding:5px 0; } #bottommenu a{ display:block; padding:0 10px; color:#000; border-left: 1px solid #000; } #bottommenu li:first-child a { border: none; } #bottommenu a:hover{ color:#009ee0; } /* Back to top */ #back-to-top { position: fixed; z-index: 1010; right: -48px; bottom: 45px; width: 48px; height: 48px; border-radius: 50%; background-color: #28353e; color: #fafafa; font-size: 30px; text-align: center; text-decoration: none; opacity: 0.5; cursor: pointer; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #back-to-top i { font-size: 28px; line-height: 48px; font-weight: normal; vertical-align: top; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #back-to-top:hover { background-color: rgba(0, 0, 0, 0.7); } #back-to-top:hover i { color: #fff; } #back-to-top.visible { right: 30px; } #back-to-top.gone { right: -48px; } .all-products-fixed { padding: 3px 0; background: #00adef; color: #fff; font-size: 90%; text-align: center; } .all-products-fixed a{ color: #fff; } /* channel partners page and isotope grid */ .grid { padding: 15px 0px; position: relative; height: 1157px; background-color: rgb(249, 249, 249); } .grid-item img { box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding: 10px; } .grid-card { border: 1px solid #eee; padding: 15px; margin-bottom: 30px; background: #fff; } .grid-item-branding img{ float:left; margin: 0 15px 15px 0; max-width:200px; } .grid-item h4 { margin: 0; font-size: 20px; font-weight: 400; } .filter-link-group .is-checked { background-color: #009EE0; color: #fff; } .filter-link-group a { padding: 6px 12px; float: left; border: 1px solid #ddd; margin-left: -1px; text-decoration: none; margin-top: -1px; color: #333; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); } .filter-link-group li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .filter-link-group li:last-child a{ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .filter-link-group a:hover { background-color: #009EE0; color: #fff; } ul.filter-link-group { margin: 0 0 10px; padding: 0; list-style: none; display: table; width: 100%; } /* custom forms */ .customForm.singleColumn ol{ margin:0; padding:0; } /* search page */ .searchResults ul{ padding:0; list-style:none; } .searchResults .search-result { margin-bottom: 20px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); padding:15px; } .searchResults li { display: inline-block; vertical-align: top; } /* contact page */ .equal-height-60{ height:60px; line-height: 60px; } .equal-height-60 img{ display: inline; max-height: 45px; } /* case study page */ .case-study{ margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px #ddd solid; } /* captcha */ .pageCaptcha { display: table; width: 100%; background-color: #f9f9f9; padding: 20px; border-radius: 5px; border: 1px solid #ddd; position: relative; margin-bottom:30px; } .pageCaptcha > div { } .pageCaptcha img { margin-right: 5px; } .pageCaptcha-form { max-width: 60%; } .pageCaptcha p { float: left; margin: 0; } .pageCaptcha input { background-color:#fff; } .pageCaptcha label{ float: left; line-height: 50px; width:40%; padding: 0 5px; } .pageCaptcha .btn { padding: 8px 10px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; line-height: normal; } .pageCaptcha .btn i { margin-left: 0; font-size: inherit; line-height: normal; } .checkboxArea, .radioSection{ margin-bottom:30px; } /*custom style */ /*menu*/ .sf-menu .dropdown-menu { font-size: 15px; } .sf-arrows ul .prevent-click::after { border-color: transparent transparent transparent #d7d7d7; display: block; margin-right: 10px; margin-top: -5px; top: 50%; } .sf-arrows ul li > .prevent-click:focus::after, .sf-arrows ul li:hover > .prevent-click::after, .sf-arrows ul .sfHover > .prevent-click::after { border-left-color: rgba(0, 0, 0, 0.7); } /* fix for isNotHome content title h1,h2,h3,h4,h5,h6 margin-top*/ /*.isNotHome #contentEntry h2,.isNotHome #contentEntry h3,.isNotHome #contentEntry h4,.isNotHome #contentEntry h5,.isNotHome #contentEntry h6{*/ /*margin-top:1em;*/ /*}*/ /*icon style ul*/ .ul-icon{ list-style: none; text-align: left; } .ul-icon >li,.ol-num>li{ position: relative; margin-bottom:10px; } .ul-icon>li:before{ font-family: 'FontAwesome'; color:#009ee0; font-size:14px; position: absolute; top:0; left:-18px; } .icon-setting>li:before{ content:'\f013'; } .icon-check>li:before{ content:'\f00c'; } .icon-star>li:before{ content:'\f005'; } .icon-caret>li:before{ content:'\f0da'; } .icon-arrow>li:before{ content:'\f061'; } .ol-num{ list-style: decimal outside; } /* custom buttons*/ .btn.btn-red { color: #ec4500; border-color: #ec4500; background: transparent; } .btn.btn-orange { color: #ee9d03; border-color: #ee9d03; background: transparent; } /*isotope custom item style*/ .grid-item-preview { padding:15px; box-shadow:0 2px 6px rgba(0, 0, 0, 0.1); } .grid-item-preview .img-preview { margin-bottom: 10px; display: block; position:relative; } .grid-item-preview .img-preview-overlay{ background-color: rgba(0,0,0,.4); position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .grid-item-preview .img-preview:hover .img-preview-overlay{ opacity:1; } .grid-item-preview .img-preview-overlay .fa{ height:24px; width:24px; position: absolute; line-height: 24px; top:50%; left:50%; font-size:24px; margin-top:-12px; margin-left:-12px; color:#fff; text-shadow: 1px 1px 3px rgba(0,0,0,.4); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateY(100%); transform: translateY(100%); } .grid-item-preview .img-preview:hover .fa{ -webkit-transform: translateY(0); transform: translateY(0); } .grid-item-preview p { font-size: 0.94em; } .grid-item-preview img { width: 100%; box-shadow:none; padding:0; } .grid-item-detail h4 em { font-size: 0.75em; } .grid-item-detail strong{ font-weight: 500; } .isMobile .hidden-mobile{ display:none; } .isNotMobile .hidden-desktop{ display:none; } /*other*/ iframe{ border:none; } .center-section-title { text-align: center; margin: 80px 0; } /*table*/ .table-container{ /*font-size:14px;*/ } .table-caption{ text-align: center; } .table-column{ text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, .1); background-color:#fff; margin-bottom:20px; } .table-column > ul { margin: 0; padding: 0 20px; list-style: none; } .table-column > ul >li{ border-bottom: 1px solid #e8e8e8; display: block; line-height: 1.7em; min-height: 50px; padding: 12px 4px; } .table-column > ul >li img{ vertical-align: bottom ; } .table-column > ul >li:last-child{ border-bottom:none; } .table-column >ul >li.tcolhead{ margin: 0 -20px; text-align: center; font-size:18px; font-weight: 400; background-color: #f2f7fa; color: #009ee0; padding: 20px 5px; } .tcolhead > span { display: block; font-size: 14px; font-weight: 300; line-height: 1em; } .tcolfooter{ background-color: #f2f7fa; padding: 25px 0; border-top: 1px solid #ddd; } .table-container [class^="col-"], .table-container [class*=" col-"] { padding: 0; } .tooltip .tooltip-info { display: none; } .left-side-col{ display:none; } .duplicated-feature-title{ } .left-side-col{ text-align: left; } /*tooltip*/ .tooltip { display: inline-block; position: relative; text-decoration: none; } .tooltip:hover { text-decoration: none; } .tooltip span { display: none; margin-left: -999em; position: absolute; text-decoration: none; text-align: left; } .tooltip:hover span { border-radius: 5px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); display: block; left: 0; margin-left: 0; position: absolute; top: 2em; width: 500px; z-index: 99; background-color:#fff; padding:15px 15px 15px 15px ; color:#333; } .tooltip >span >em{ display:block; font-weight: 400; margin-bottom:5px; color: #009ee0; } /*home page custom styles*/ .icon-box-2 > em,.icon-box-2 > i{ width:78px; height:78px; font-size:32px; line-height:78px; } .featureswrap{ padding-top:90px; padding-bottom:20px; border-bottom:10px solid #00adef; } .featureswrap h3 { font-size: 30px; font-weight: 400; margin-bottom: 50px; margin-top: 40px; } .customForm .RadEditor{ width:100% !important; margin-bottom:10px; } .product.alt{ background:#f2f7fa; } .home-plans-table{ margin-bottom:80px; } /* grid-logo fix isotope plguin page */ .grid-logo .grid-item-branding img{ float:none; max-width: 100%; max-height:100%; margin:0; box-shadow:none; } .grid-logo .grid-logo-center{ display:table-cell; vertical-align: middle; width:200px; height:90px; padding:10px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); text-align: center; } .grid-logo-container{ float:left; margin: 0 15px 15px 0; } .grid-logo .grid-item-desc{ display:none; } .grid-logo .grid-item{ width:100%; } .grid-logo .grid-item-branding{ position: relative; } .desc-toggle { position: absolute; bottom:0; right:0; cursor:pointer; font-size:20px; background:#eee; text-align: center; line-height: 1.28em; border-radius:2px; transition:all 0.3s; } .desc-toggle:hover{ background-color:#009EE0; color:#fff; } .desc-toggle.active .fa:before{ content:'\f106'; } /*support panel on contact page*/ .support-logo{ display:block; margin-bottom:10px; } /* use sup TM instead of ™ */ sup.small{ font-size: 40%; } /* Balck company names of testimonials section */ .testimonial blockquote span{ color:#000; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** * ALL MEDIA QUERIES BELOW HERE ****************************** */ @media (max-width: 768px) { #header { position: absolute; } a#mobile-menu-trigger { float: right; display: block; font-size: 32px; margin: 22.5px 0; } .sf-menu { display: none; } .banner-slide { height: 300px; } .banner-caption .btn { padding: 10px 25px; } .slide-0 .banner-caption { padding-top: 10%; padding-left: 50%; } .slide-0 .banner-link, .slide-1 .banner-link, .slide-2 .banner-link, .slide-3 .banner-link, .slide-4 .banner-link { margin-top: 0; } .slide-0 .banner-caption h2 { font-size: 27px; line-height: 32px; } .slide-0 .banner-caption p, .slide-1 .banner-caption p, .slide-2 .banner-caption p { display: none; } .slide-1 .banner-caption h1 { font-size: 22px; line-height: normal; } .slide-1 .banner-caption { margin-left: 0; margin-top: 0; padding: 25px 10px; background-color: rgba(255, 255, 255, 0.75); box-shadow: -20px -20px 20px rgba(0,0,0,0.1); text-align: right; } .slide-2 .banner-caption h2, .slide-4 .banner-caption h2 { font-size: 25px; line-height: 32px; } .slide-3 .banner-caption h2 { background-color: rgba(255, 255, 255, 0.95); padding: 25px; font-size: 25px; line-height: normal; } .slide-2 .banner-caption { padding: 20px; background: rgba(255, 255, 255, 0.95); } .slide-3 .banner-caption, .slide-4 .banner-caption { padding-top: 10%; } .slide-3 .banner-caption p, .slide-4 .banner-caption p { font-size: 18px; } .product-details { height: auto; } .product-right, .product-left { position: static; } .product-left{ padding-top:30px; padding-bottom:30px; } .clientswrap h3 { font-size: 25px; } } @media (min-width: 768px) { #header { position: absolute; } .sf-menu { display: none; } a#mobile-menu-trigger { float: right; display: block; font-size: 32px; margin: 22.5px 0; } .banner-caption .btn { padding: 10px 30px; } .banner-slide { height: 510px; } .slide-0 .banner-caption { padding-top: 10%; padding-left: 47%; } .slide-0 .banner-link, .slide-1 .banner-link, .slide-2 .banner-link, .slide-4 .banner-link { margin-top: 40px; } .slide-3 .banner-link { margin-top: 0; } .slide-0 .banner-caption h2 { font-size: 36px; line-height: 39px; } .slide-0 .banner-caption p, .slide-1 .banner-caption p, .slide-2 .banner-caption p { display: block; } .slide-1 .banner-caption h1 { font-size:28px; line-height: 39px; } .slide-1 .banner-caption { margin-left: 50%; margin-top: 0%; padding: 25px 15px 25px 25px; } .slide-2 .banner-caption h2 { font-size: 18px; line-height: normal; } .slide-4 .banner-caption h2 { font-size: 36px; line-height: 39px; } .slide-2 .banner-caption { padding-top: 13%; } .slide-3 .banner-caption { padding-top: 44%; } .slide-4 .banner-caption { padding-top: 18%; } .slide-3 .banner-caption p, .slide-4 .banner-caption p { font-size: 24px; } .product-details { height: auto; } .product-right, .product-left { position: static; } .product-left{ padding-top:30px; padding-bottom:30px; } .grid-logo .grid-item{ width:50%; } .support-logo{ float: left; margin:0 40px 0 0; } .support-logo img{ max-height:20px; } .support-btn{ float: right } } @media (min-width: 992px) { #header { position: fixed; } .mainmenu_wrapper { padding-right:0; position: relative; } .sf-menu { display: block; float:none; } .sf-menu > li > a { padding: 27.5px 13px; } a#mobile-menu-trigger { display: none; } .banner-slide { height: 610px; } .slide-0 .banner-caption h2 { font-size: 36px; } .slide-0 .banner-caption { padding-top: 11.5%; padding-left: 50%; padding-right: 2%; } .slide-1 .banner-caption h1 { font-size:36px; } .slide-1 .banner-caption { margin-left: 55%; margin-top: 10%; padding: 0; background-color: transparent; box-shadow: none; } .slide-2 .banner-caption h2 { font-size: 26px; line-height: normal; } .slide-3 .banner-caption { padding-top: 44%; } .product-details { height: 440px; } .product-left { bottom: 50px; padding-top:0; padding-bottom:0; } .product-right, .product-left { position: absolute;; } .support-logo img{ max-height:30px; } } @media (min-width: 1200px) { #header { position: fixed; } .sf-menu > li > a { padding: 27.5px 15px; } .slide-0 .banner-caption { padding-right: 0; } .slide-0 .banner-caption h2 { font-size: 34px; } .slide-3 .banner-caption { padding-top: 36%; } .product-details { height: 540px; } .product-left { bottom: 100px; } .clientswrap h3 { font-size: 30px; } .left-side-col{ display:block; } .duplicated-feature-title{ display:none; } .table-column.col-lg-3 { width: 22.22222222%; } .support-logo img{ max-height:45px; } } @media (min-width: 1280px) and (max-width: 1920px) { }