API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 18th, 2019
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 131.13 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700italic,700);
  2. @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
  3. @import url(https://fonts.googleapis.com/icon?family=Material+Icons);
  4. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  5. margin:0;
  6. padding:0;
  7. border:0;
  8. font-size:100%;
  9. font:inherit;
  10. vertical-align:baseline
  11. }
  12. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  13. display:block
  14. }
  15. audio,canvas,video{
  16. display:inline-block
  17. }
  18. audio:not([controls]){
  19. display:none;
  20. height:0
  21. }
  22. [hidden]{
  23. display:none
  24. }
  25. html{
  26. font-family:sans-serif;
  27. -ms-text-size-adjust:100%;
  28. -webkit-text-size-adjust:100%
  29. }
  30. body{
  31. margin:0
  32. }
  33. a:focus{
  34. outline:thin dotted
  35. }
  36. a:active,a:hover{
  37. outline:0
  38. }
  39. h1{
  40. font-size:2em;
  41. margin:0
  42. }
  43. abbr[title]{
  44. border-bottom:1px dotted
  45. }
  46. b,strong{
  47. font-weight:bold
  48. }
  49. dfn{
  50. font-style:italic
  51. }
  52. hr{
  53. -webkit-box-sizing:content-box;
  54. box-sizing:content-box;
  55. height:0
  56. }
  57. mark{
  58. background:#ff0;
  59. color:#000
  60. }
  61. code,kbd,pre,samp{
  62. font-family:monospace,serif;
  63. font-size:1em
  64. }
  65. pre{
  66. white-space:pre-wrap
  67. }
  68. q{
  69. quotes:"\201C" "\201D" "\2018" "\2019"
  70. }
  71. small{
  72. font-size:80%
  73. }
  74. sub,sup{
  75. font-size:75%;
  76. line-height:0;
  77. position:relative;
  78. vertical-align:baseline
  79. }
  80. sup{
  81. top:-0.5em
  82. }
  83. sub{
  84. bottom:-0.25em
  85. }
  86. img{
  87. border:0
  88. }
  89. svg:not(:root){
  90. overflow:hidden
  91. }
  92. figure{
  93. margin:0
  94. }
  95. fieldset{
  96. border:1px solid silver;
  97. margin:0 2px;
  98. padding:.35em .625em .75em
  99. }
  100. legend{
  101. border:0;
  102. padding:0
  103. }
  104. button,input,select,textarea{
  105. font-family:inherit;
  106. font-size:100%;
  107. margin:0
  108. }
  109. button,input{
  110. line-height:normal
  111. }
  112. button,select{
  113. text-transform:none
  114. }
  115. button,html input[type="button"],input[type="reset"],input[type="submit"]{
  116. -webkit-appearance:button;
  117. cursor:pointer
  118. }
  119. button[disabled],html input[disabled]{
  120. cursor:default
  121. }
  122. input[type="checkbox"],input[type="radio"]{
  123. -webkit-box-sizing:border-box;
  124. box-sizing:border-box;
  125. padding:0
  126. }
  127. input[type="search"]{
  128. -webkit-appearance:textfield;
  129. -webkit-box-sizing:content-box;
  130. box-sizing:content-box
  131. }
  132. input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
  133. -webkit-appearance:none
  134. }
  135. button::-moz-focus-inner,input::-moz-focus-inner{
  136. border:0;
  137. padding:0
  138. }
  139. textarea{
  140. overflow:auto;
  141. vertical-align:top
  142. }
  143. table{
  144. border-collapse:collapse;
  145. border-spacing:0
  146. }
  147. textarea{
  148. resize:vertical
  149. }
  150. .clearfix::after{
  151. content:"";
  152. display:table;
  153. clear:both
  154. }
  155. body{
  156. padding-top:120px;
  157. color:#4a5669;
  158. line-height:1;
  159. font-size:16px;
  160. font-weight:normal;
  161. font-family:"Open Sans",sans-serif;
  162. background-color:#fff;
  163. -webkit-font-smoothing:antialiased
  164. }
  165. body::after{
  166. overflow:hidden;
  167. position:absolute;
  168. width:0;
  169. height:0;
  170. font-family:"Material Icons";
  171. content:"\e86f"
  172. }
  173. body.preload::before{
  174. content:'';
  175. position:fixed;
  176. z-index:1100;
  177. top:0;
  178. left:0;
  179. right:0;
  180. bottom:0;
  181. background-color:#0098ef;
  182. -webkit-transition:opacity .4s;
  183. transition:opacity .4s
  184. }
  185. body.preload::after{
  186. content:'';
  187. position:fixed;
  188. z-index:1101;
  189. top:50%;
  190. left:50%;
  191. width:32px;
  192. height:32px;
  193. margin:-16px 0 0 -16px;
  194. background:transparent url(/assets/images/layout/loading.svg) center center no-repeat;
  195. -webkit-animation:body-preload .6s linear infinite;
  196. animation:body-preload .6s linear infinite
  197. }
  198. body.preload.preload-done::before,body.preload.preload-done::after{
  199. opacity:0
  200. }
  201. @-webkit-keyframes body-preload{
  202. 0%{
  203. -webkit-transform:rotate(0);
  204. transform:rotate(0)
  205. }
  206. 100%{
  207. -webkit-transform:rotate(360deg);
  208. transform:rotate(360deg)
  209. }
  210. }
  211. @keyframes body-preload{
  212. 0%{
  213. -webkit-transform:rotate(0);
  214. transform:rotate(0)
  215. }
  216. 100%{
  217. -webkit-transform:rotate(360deg);
  218. transform:rotate(360deg)
  219. }
  220. }
  221. input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),select:not(.no-custom-style),textarea:not(.no-custom-style),button{
  222. display:inline-block;
  223. line-height:24px;
  224. padding:0;
  225. margin:0;
  226. outline:0;
  227. border:0;
  228. -webkit-box-shadow:none;
  229. box-shadow:none;
  230. -webkit-box-sizing:border-box;
  231. box-sizing:border-box;
  232. -webkit-appearance:none;
  233. -moz-appearance:none;
  234. appearance:none
  235. }
  236. input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),select:not(.no-custom-style),textarea:not(.no-custom-style){
  237. color:#4a5669;
  238. padding:12px 15px;
  239. background-color:#fff;
  240. border:2px solid #e6e9ee;
  241. border-radius:6px;
  242. -webkit-transition:color .2s,border-color .2s;
  243. transition:color .2s,border-color .2s
  244. }
  245. input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]):focus,select:not(.no-custom-style):focus,textarea:not(.no-custom-style):focus{
  246. border-color:#0098ef
  247. }
  248. input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]):disabled,select:not(.no-custom-style):disabled,textarea:not(.no-custom-style):disabled,button:disabled{
  249. cursor:not-allowed;
  250. color:#a0abbc!important;
  251. background:#f0f2f5!important
  252. }
  253. a{
  254. color:#0098ef;
  255. text-decoration:none;
  256. -webkit-transition:color .2s,background-color .2s;
  257. transition:color .2s,background-color .2s
  258. }
  259. a:focus,a:active{
  260. outline:0
  261. }
  262. a:hover{
  263. text-decoration:underline
  264. }
  265. h1,h2,h3,h4,h5{
  266. font-family:Montserrat,sans-serif;
  267. font-weight:normal
  268. }
  269. h1{
  270. font-size:42px;
  271. line-height:52px
  272. }
  273. h2{
  274. font-size:32px;
  275. line-height:42px
  276. }
  277. h3{
  278. font-size:24px;
  279. line-height:34px
  280. }
  281. h4{
  282. font-size:20px;
  283. line-height:30px
  284. }
  285. h5{
  286. font-size:16px;
  287. line-height:26px
  288. }
  289. p{
  290. line-height:28px
  291. }
  292. small{
  293. font-size:87.5%;
  294. line-height:87.5%
  295. }
  296. em{
  297. font-style:italic
  298. }
  299. strong{
  300. font-weight:bold
  301. }
  302. mark{
  303. color:#4a5669;
  304. padding:0 .2em;
  305. background-color:#fc3;
  306. border-radius:.2em
  307. }
  308. abbr{
  309. cursor:help
  310. }
  311. address{
  312. line-height:28px
  313. }
  314. blockquote{
  315. position:relative;
  316. padding:20px 0 20px 30px
  317. }
  318. blockquote::before{
  319. position:absolute;
  320. content:"";
  321. top:0;
  322. left:0;
  323. width:30px;
  324. height:100%;
  325. border:2px solid #e6e9ee;
  326. border-right:0;
  327. border-top-left-radius:12px;
  328. border-bottom-left-radius:12px
  329. }
  330. blockquote footer{
  331. margin-top:15px;
  332. color:#a0abbc;
  333. font-size:14px;
  334. line-height:26px
  335. }
  336. blockquote cite{
  337. font-style:italic
  338. }
  339. hr{
  340. margin:0;
  341. border:0;
  342. border-top:2px solid #e6e9ee
  343. }
  344. dl{
  345. display:-webkit-box;
  346. display:-ms-flexbox;
  347. display:flex;
  348. -webkit-box-orient:horizontal;
  349. -webkit-box-direction:normal;
  350. -ms-flex-flow:row;
  351. flex-flow:row;
  352. -ms-flex-wrap:wrap;
  353. flex-wrap:wrap;
  354. line-height:28px
  355. }
  356. dl dt{
  357. -webkit-box-flex:0;
  358. -ms-flex:0 0 30%;
  359. flex:0 0 30%;
  360. overflow:hidden;
  361. text-overflow:ellipsis;
  362. white-space:nowrap;
  363. color:#a0abbc
  364. }
  365. dl dd{
  366. -webkit-box-flex:0;
  367. -ms-flex:0 0 70%;
  368. flex:0 0 70%;
  369. padding-left:10px;
  370. -webkit-box-sizing:border-box;
  371. box-sizing:border-box
  372. }
  373. dl dt:not(:first-of-type),dl dd:not(:first-of-type){
  374. margin-top:20px
  375. }
  376. img,video,iframe{
  377. display:inline-block;
  378. max-width:100%
  379. }
  380. .text-margin-left{
  381. margin-left:1em
  382. }
  383. .text-margin-right{
  384. margin-right:1em
  385. }
  386. .text-align-left{
  387. text-align:left
  388. }
  389. .text-align-right{
  390. text-align:right
  391. }
  392. .text-align-center{
  393. text-align:center
  394. }
  395. .text-break-all{
  396. word-break:break-all
  397. }
  398. .text-color-dark{
  399. color:#4a5669!important
  400. }
  401. .text-color-light{
  402. color:#fff!important
  403. }
  404. .text-color-gray{
  405. color:#a0abbc!important
  406. }
  407. .text-color-primary{
  408. color:#0098ef!important
  409. }
  410. .text-color-secondary{
  411. color:#fc3!important
  412. }
  413. .text-color-success{
  414. color:#00b75a!important
  415. }
  416. .text-color-warning{
  417. color:#ffcc34!important
  418. }
  419. .text-color-error{
  420. color:#cd3100!important
  421. }
  422. .type-text.type-text-cursor-none::after{
  423. display:none
  424. }
  425. .type-text.type-text-cursor-underscore::after{
  426. content:"_"
  427. }
  428. .type-text:not(.type-text-cursor-underscore)::after{
  429. content:"|";
  430. -webkit-animation:type-text-cursor .8s infinite;
  431. animation:type-text-cursor .8s infinite
  432. }
  433. @-webkit-keyframes type-text-cursor{
  434. 0%{
  435. opacity:1
  436. }
  437. 50%{
  438. opacity:0
  439. }
  440. 100%{
  441. opacity:1
  442. }
  443. }
  444. @keyframes type-text-cursor{
  445. 0%{
  446. opacity:1
  447. }
  448. 50%{
  449. opacity:0
  450. }
  451. 100%{
  452. opacity:1
  453. }
  454. }
  455. ul.list-style-nav,ul.list-style-none,ul.list-style-icon{
  456. list-style-type:none
  457. }
  458. ul.list-style-nav{
  459. overflow:hidden;
  460. background-color:#fff;
  461. border:2px solid #e6e9ee;
  462. border-radius:12px
  463. }
  464. ul.list-style-nav>li{
  465. -webkit-transition:background-color .2s;
  466. transition:background-color .2s
  467. }
  468. ul.list-style-nav>li:not(:last-of-type){
  469. border-bottom:1px solid #e6e9ee
  470. }
  471. ul.list-style-nav>li:hover{
  472. background-color:#f0f2f5
  473. }
  474. ul.list-style-nav>li a:hover{
  475. color:#a0abbc!important;
  476. text-decoration:none
  477. }
  478. ul.list-style-nav>li>a{
  479. display:block;
  480. padding:10px 15px
  481. }
  482. ul.list-style-nav>li ul{
  483. margin:8px 0 24px 34px!important;
  484. list-style-type:none;
  485. font-size:14px
  486. }
  487. ul.list-style-icon li{
  488. position:relative;
  489. padding-left:26px
  490. }
  491. ul.list-style-icon li .fa,ul.list-style-icon li .fas,ul.list-style-icon li .far,ul.list-style-icon li .fal,ul.list-style-icon li .fab,ul.list-style-icon li .material-icons{
  492. position:absolute;
  493. left:0;
  494. width:20px;
  495. height:28px;
  496. line-height:28px;
  497. text-align:center
  498. }
  499. ul.list-style-icon li .svg-inline--fa{
  500. position:absolute;
  501. top:6px;
  502. left:0;
  503. width:20px
  504. }
  505. table{
  506. position:relative;
  507. overflow:hidden;
  508. width:100%;
  509. max-width:100%;
  510. color:#4a5669;
  511. text-align:center;
  512. background-color:#fff;
  513. border:2px solid #e6e9ee;
  514. border-collapse:separate;
  515. border-radius:12px
  516. }
  517. table.table-layout-fixed{
  518. table-layout:fixed
  519. }
  520. table.table-has-caption{
  521. border-top:0;
  522. border-top-left-radius:0;
  523. border-top-right-radius:0
  524. }
  525. table caption{
  526. padding:15px;
  527. color:#fff;
  528. font-size:14px;
  529. line-height:24px;
  530. text-transform:uppercase;
  531. font-family:Montserrat,sans-serif;
  532. background-color:#0098ef;
  533. border-top-left-radius:12px;
  534. border-top-right-radius:12px
  535. }
  536. table tr td,table tr th{
  537. padding:15px;
  538. line-height:24px;
  539. vertical-align:middle;
  540. border-bottom:1px solid #e6e9ee
  541. }
  542. table thead tr th{
  543. color:#a0abbc;
  544. background-color:#f0f2f5;
  545. border-bottom:2px solid #e6e9ee
  546. }
  547. table tr:last-of-type:not(:first-of-type) td,table tr:last-of-type:not(:first-of-type) th{
  548. border-bottom:0
  549. }
  550. table tfoot tr td,table tfoot tr th{
  551. border:0
  552. }
  553. table tfoot tr:first-of-type td,table tfoot tr:first-of-type th{
  554. border-top:2px solid #e6e9ee
  555. }
  556. table tr td button,table tr th button,table tr td .button,table tr th .button{
  557. width:100%
  558. }
  559. table tr .highlight{
  560. color:#0098ef;
  561. font-size:20px;
  562. font-family:Montserrat,sans-serif
  563. }
  564. table tr .responsive-th{
  565. display:none;
  566. overflow:hidden;
  567. position:absolute;
  568. left:4%;
  569. width:44%;
  570. color:#a0abbc;
  571. font-size:16px;
  572. font-family:"Open Sans",sans-serif;
  573. text-overflow:ellipsis;
  574. text-align:right;
  575. white-space:nowrap
  576. }
  577. table.table-layout-domain tr td:nth-of-type(1){
  578. width:10%
  579. }
  580. table.table-layout-domain tr td:nth-of-type(2){
  581. width:50%;
  582. text-align:left;
  583. word-break:break-all
  584. }
  585. table.table-layout-domain tr td:nth-of-type(3),table.table-layout-domain tr td:nth-of-type(4){
  586. width:20%
  587. }
  588. table.table-layout-product-comparison{
  589. table-layout:fixed
  590. }
  591. table.table-layout-product-comparison thead{
  592. display:none
  593. }
  594. table.table-layout-product-comparison tr:not(.product-feature-group) td:first-of-type{
  595. color:#a0abbc
  596. }
  597. table.table-layout-product-comparison tr.product-header td{
  598. padding-top:30px;
  599. padding-bottom:30px
  600. }
  601. table.table-layout-product-comparison tr.product-header td h4{
  602. margin-top:0!important
  603. }
  604. table.table-layout-product-comparison tr.product-header td p:not(.product-price){
  605. margin-top:0!important;
  606. color:#a0abbc;
  607. font-size:14px;
  608. line-height:24px
  609. }
  610. table.table-layout-product-comparison tr.product-header td p.product-price{
  611. position:relative;
  612. color:#0098ef;
  613. font-size:32px;
  614. font-weight:bold
  615. }
  616. table.table-layout-product-comparison tr.product-header td p.product-price .term{
  617. position:absolute;
  618. bottom:-8px;
  619. margin-left:4px;
  620. font-size:12px
  621. }
  622. table.table-layout-product-comparison tr.product-order td{
  623. padding-top:30px;
  624. padding-bottom:30px
  625. }
  626. table.table-layout-product-comparison tr.product-order td button,table.table-layout-product-comparison tr.product-order td .button{
  627. width:auto
  628. }
  629. table.table-layout-product-comparison tr.product-feature-group td{
  630. background-color:#f0f2f5
  631. }
  632. form{
  633. position:relative;
  634. width:100%
  635. }
  636. form label{
  637. cursor:pointer;
  638. line-height:28px;
  639. padding:0 15px 0 15px;
  640. -webkit-touch-callout:none;
  641. -webkit-user-select:none;
  642. -moz-user-select:none;
  643. -ms-user-select:none;
  644. user-select:none
  645. }
  646. form label:first-child{
  647. display:inline-block
  648. }
  649. form fieldset{
  650. padding:30px;
  651. border:2px solid #e6e9ee;
  652. border-radius:12px
  653. }
  654. form fieldset legend{
  655. padding:0 15px;
  656. font-size:14px;
  657. font-weight:bold;
  658. font-family:Montserrat,sans-serif;
  659. text-transform:uppercase
  660. }
  661. form input[type="file"]{
  662. line-height:1
  663. }
  664. form input[type="checkbox"],form input[type="radio"]{
  665. margin-left:15px;
  666. margin-right:-5px;
  667. cursor:pointer
  668. }
  669. form textarea{
  670. resize:vertical
  671. }
  672. form.form-full-width input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),form.form-full-width select:not(.no-custom-style),form.form-full-width textarea:not(.no-custom-style){
  673. width:100%
  674. }
  675. form .form-row{
  676. position:relative
  677. }
  678. form .form-row:not(:first-child){
  679. margin-top:30px
  680. }
  681. form .form-row.form-success,form .form-row.form-error{
  682. padding:12px 15px;
  683. color:#fff;
  684. text-align:center;
  685. background-color:#00b75a;
  686. border-radius:6px
  687. }
  688. form .form-row.form-error{
  689. background-color:#cd3100
  690. }
  691. form .form-row.form-success ul,form .form-row.form-error ul{
  692. margin:0!important;
  693. list-style-type:none
  694. }
  695. form .checkbox-style,form .radio-style{
  696. display:inline-block;
  697. position:relative;
  698. overflow:hidden;
  699. width:16px;
  700. height:16px;
  701. text-align:left;
  702. margin:-2px -2px 0 15px;
  703. vertical-align:middle;
  704. background-color:#fff;
  705. border:2px solid #e6e9ee;
  706. border-radius:4px;
  707. -webkit-transition:border-color .2s;
  708. transition:border-color .2s
  709. }
  710. form .radio-style{
  711. border-radius:10px
  712. }
  713. form .checkbox-style.focus,form .radio-style.focus{
  714. border-color:#0098ef
  715. }
  716. form .checkbox-style.disabled,form .radio-style.disabled{
  717. background-color:#f0f2f5
  718. }
  719. form .checkbox-style i,form .checkbox-style .checkbox-style-icon,form .radio-style .radio-style-icon{
  720. position:absolute;
  721. z-index:1;
  722. top:0;
  723. left:0;
  724. width:16px;
  725. height:16px;
  726. line-height:16px;
  727. text-align:center;
  728. font-size:14px;
  729. color:#4a5669;
  730. cursor:pointer
  731. }
  732. form .checkbox-style .svg-inline--fa{
  733. width:12px
  734. }
  735. form .radio-style .radio-style-icon::after{
  736. content:"";
  737. position:absolute;
  738. top:4px;
  739. left:4px;
  740. width:8px;
  741. height:8px;
  742. background-color:#4a5669;
  743. border-radius:4px
  744. }
  745. form .checkbox-style.disabled i,form .checkbox-style.disabled .svg-inline--fa,form .radio-style.disabled .radio-style-icon{
  746. color:#a0abbc;
  747. cursor:not-allowed
  748. }
  749. form .checkbox-style:not(.active) i,form .checkbox-style:not(.active) .svg-inline--fa,form .radio-style:not(.active) .radio-style-icon{
  750. opacity:0
  751. }
  752. form .checkbox-style input[type="checkbox"],form .radio-style input[type="radio"]{
  753. position:absolute;
  754. top:0;
  755. left:0;
  756. margin:0;
  757. padding:0;
  758. opacity:0;
  759. border:0;
  760. width:16px;
  761. height:16px
  762. }
  763. form .checkbox-style-block .checkbox-style,form .radio-style-block .radio-style{
  764. position:absolute;
  765. top:5px;
  766. left:15px;
  767. margin:0
  768. }
  769. form .checkbox-style-block label,form .radio-style-block label{
  770. display:inline-block;
  771. padding-left:52px
  772. }
  773. form .select-style,form .search-style{
  774. display:inline-block;
  775. position:relative
  776. }
  777. form.form-full-width .select-style,form.form-full-width .search-style{
  778. width:100%
  779. }
  780. form .select-style i,form .search-style i{
  781. position:absolute;
  782. top:10px;
  783. right:10px;
  784. width:32px;
  785. height:32px;
  786. line-height:32px;
  787. text-align:center;
  788. cursor:pointer;
  789. color:#a0abbc
  790. }
  791. form .select-style .svg-inline--fa,form .search-style .svg-inline--fa{
  792. position:absolute;
  793. top:18px;
  794. right:10px;
  795. width:32px;
  796. cursor:pointer;
  797. color:#a0abbc
  798. }
  799. form .select-style .svg-inline--fa{
  800. top:19px
  801. }
  802. form .select-style input,form .search-style input{
  803. padding-right:48px!important
  804. }
  805. form .select-style input.focus{
  806. border-color:#0098ef
  807. }
  808. form .select-style select{
  809. position:absolute;
  810. z-index:1;
  811. top:0;
  812. left:0;
  813. opacity:0;
  814. width:100%;
  815. cursor:pointer
  816. }
  817. form .select-style select:disabled{
  818. cursor:not-allowed
  819. }
  820. button,.button{
  821. display:inline-block;
  822. padding:16px 20px;
  823. cursor:pointer;
  824. color:#0098ef;
  825. line-height:1;
  826. font-size:14px;
  827. font-weight:bold;
  828. font-family:Montserrat,sans-serif;
  829. text-transform:uppercase;
  830. text-align:center;
  831. background-color:#fff;
  832. border:2px solid #e6e9ee;
  833. border-radius:6px;
  834. -webkit-box-sizing:border-box;
  835. box-sizing:border-box;
  836. -webkit-transition:color .2s;
  837. transition:color .2s
  838. }
  839. button.button-primary,.button.button-primary,button.button-secondary,.button.button-secondary{
  840. padding:18px 22px;
  841. border:0
  842. }
  843. button.button-primary,.button.button-primary{
  844. color:#fff;
  845. background-color:#0098ef
  846. }
  847. button.button-secondary,.button.button-secondary{
  848. color:#4a5669;
  849. background-color:#fc3
  850. }
  851. button.button-small,.button.button-small{
  852. padding:8px 14px;
  853. border-radius:4px
  854. }
  855. button.button-primary.button-small,.button.button-primary.button-small,button.button-secondary.button-small,.button.button-secondary.button-small{
  856. padding:10px 16px
  857. }
  858. button.button-large,.button.button-large{
  859. font-size:16px;
  860. padding:20px 24px;
  861. border-radius:8px
  862. }
  863. button.button-primary.button-large,.button.button-primary.button-large,button.button-secondary.button-large,.button.button-secondary.button-large{
  864. padding:22px 26px
  865. }
  866. button.button-full-width,.button.button-full-width{
  867. width:100%
  868. }
  869. button:hover,.button:hover{
  870. color:#a0abbc;
  871. text-decoration:none
  872. }
  873. button.button-primary:hover,.button.button-primary:hover{
  874. color:rgba(255,255,255,0.6)
  875. }
  876. button.button-secondary:hover,.button.button-secondary:hover{
  877. color:rgba(74,86,105,0.6)
  878. }
  879. button:focus,.button:focus,button:active,.button:active{
  880. background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(74,86,105,0.1)),to(rgba(74,86,105,0.1)));
  881. background-image:linear-gradient(rgba(74,86,105,0.1) 0,rgba(74,86,105,0.1) 100%)
  882. }
  883. code{
  884. padding:2px 6px;
  885. font-family:Courier,monospace;
  886. background-color:rgba(74,86,105,0.1);
  887. border-radius:3px
  888. }
  889. pre{
  890. overflow:auto;
  891. padding:14px 20px;
  892. color:#4a5669;
  893. -moz-tab-size:4;
  894. -o-tab-size:4;
  895. tab-size:4;
  896. white-space:pre;
  897. font:normal 14px/20px Courier,monospace;
  898. background-color:#fff;
  899. border:2px solid #e6e9ee;
  900. border-radius:12px
  901. }
  902. .pre-code{
  903. position:relative;
  904. overflow:hidden;
  905. background-color:#fff;
  906. border:2px solid #e6e9ee;
  907. border-radius:12px
  908. }
  909. .pre-code ul{
  910. position:absolute;
  911. top:0;
  912. bottom:0;
  913. left:0;
  914. width:16px;
  915. padding:14px 10px;
  916. margin:0!important;
  917. list-style-type:none;
  918. background-color:#f0f2f5;
  919. border-right:2px solid #e6e9ee;
  920. -webkit-touch-callout:none;
  921. -webkit-user-select:none;
  922. -moz-user-select:none;
  923. -ms-user-select:none;
  924. user-select:none
  925. }
  926. .pre-code ul li{
  927. color:#a0abbc;
  928. font-size:12px;
  929. line-height:20px;
  930. text-align:right
  931. }
  932. .pre-code pre{
  933. margin-left:38px;
  934. background:0;
  935. border:0;
  936. border-radius:0
  937. }
  938. ul.tags{
  939. display:-webkit-box;
  940. display:-ms-flexbox;
  941. display:flex;
  942. -ms-flex-wrap:wrap;
  943. flex-wrap:wrap;
  944. margin-left:0!important;
  945. margin-bottom:-8px!important;
  946. list-style-type:none
  947. }
  948. ul.tags.align-center{
  949. -webkit-box-pack:center;
  950. -ms-flex-pack:center;
  951. justify-content:center
  952. }
  953. ul.tags.align-left{
  954. -webkit-box-pack:start;
  955. -ms-flex-pack:start;
  956. justify-content:flex-start
  957. }
  958. ul.tags.align-right{
  959. -webkit-box-pack:end;
  960. -ms-flex-pack:end;
  961. justify-content:flex-end
  962. }
  963. ul.tags li{
  964. margin:0 8px 8px 0
  965. }
  966. ul.tags li a{
  967. display:block;
  968. color:#fff;
  969. padding:4px 8px;
  970. line-height:20px;
  971. font-size:14px;
  972. white-space:nowrap;
  973. font-family:Montserrat,sans-serif;
  974. background-color:#0098ef;
  975. border-radius:4px
  976. }
  977. ul.tags li a:hover{
  978. color:rgba(255,255,255,0.6);
  979. text-decoration:none
  980. }
  981. .material-icons{
  982. font-size:inherit;
  983. line-height:inherit;
  984. vertical-align:top
  985. }
  986. .icon-left,.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left{
  987. margin-right:.5em
  988. }
  989. .icon-right,.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right{
  990. margin-left:.5em
  991. }
  992. .icon-feature{
  993. height:64px;
  994. line-height:64px;
  995. font-size:64px;
  996. color:#0098ef
  997. }
  998. .icon-feature-large{
  999. height:256px;
  1000. line-height:256px;
  1001. font-size:256px;
  1002. color:#0098ef;
  1003. text-shadow:8px 8px 0 rgba(74,86,105,0.1)
  1004. }
  1005. svg.icon-feature-large{
  1006. -webkit-filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.1));
  1007. filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.1))
  1008. }
  1009. .icon-feature-inline{
  1010. margin-top:-4px;
  1011. margin-right:12px;
  1012. vertical-align:middle;
  1013. font-size:150%;
  1014. color:#0098ef
  1015. }
  1016. .feature-box{
  1017. position:relative;
  1018. display:block
  1019. }
  1020. .feature-box:hover{
  1021. text-decoration:none
  1022. }
  1023. .feature-box .feature-header{
  1024. position:relative;
  1025. overflow:hidden;
  1026. background-color:#e6e9ee;
  1027. border-top-left-radius:12px;
  1028. border-top-right-radius:12px
  1029. }
  1030. .feature-box .feature-header:only-child{
  1031. border-radius:12px
  1032. }
  1033. .feature-box .feature-header svg,.feature-box .feature-header img,.feature-box .feature-header video,.feature-box .feature-header iframe{
  1034. display:block;
  1035. width:100%
  1036. }
  1037. .feature-box .feature-header .icon-feature,.feature-box .feature-header .icon-feature-large{
  1038. display:block;
  1039. padding:30px 0;
  1040. text-align:center
  1041. }
  1042. .feature-box .feature-header .gallery:not(.gallery-slider) ul{
  1043. margin:0!important
  1044. }
  1045. .feature-box .feature-header .gallery:not(.gallery-slider) ul li{
  1046. padding:0
  1047. }
  1048. .feature-box .feature-header .gallery:not(.gallery-slider) ul li img,.feature-box .feature-header .gallery.gallery-slider{
  1049. border-radius:0
  1050. }
  1051. .feature-box .feature-header .feature-header-title,.feature-box .feature-header .feature-header-title-hover{
  1052. position:absolute;
  1053. top:0;
  1054. left:0;
  1055. right:0;
  1056. bottom:0;
  1057. padding:30px;
  1058. text-decoration:none;
  1059. color:#fff!important;
  1060. background-repeat:repeat-x;
  1061. background-position:center top;
  1062. background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(44,54,69,0.8)),to(rgba(44,54,69,0.4)));
  1063. background-image:linear-gradient(rgba(44,54,69,0.8) 50%,rgba(44,54,69,0.4) 100%)
  1064. }
  1065. .feature-box .feature-header .feature-header-title-hover{
  1066. opacity:0;
  1067. -webkit-transition:opacity .3s;
  1068. transition:opacity .3s
  1069. }
  1070. .feature-box .feature-header .feature-header-title-hover:hover{
  1071. opacity:1
  1072. }
  1073. .feature-box .feature-header .feature-header-title p,.feature-box .feature-header .feature-header-title-hover p{
  1074. font-size:14px;
  1075. line-height:24px
  1076. }
  1077. .feature-box .feature-header .feature-header-title p:not(:first-child),.feature-box .feature-header .feature-header-title-hover p:not(:first-child){
  1078. margin-top:12px!important
  1079. }
  1080. .feature-box .feature-content{
  1081. padding:28px;
  1082. color:#4a5669;
  1083. background-color:#fff;
  1084. border:2px solid #e6e9ee;
  1085. border-top-width:0;
  1086. border-bottom-left-radius:12px;
  1087. border-bottom-right-radius:12px
  1088. }
  1089. .feature-box .feature-content:only-child{
  1090. border-top-width:2px;
  1091. border-radius:12px
  1092. }
  1093. .feature-box.feature-box-no-border-radius .feature-header,.feature-box.feature-box-no-border-radius .feature-content{
  1094. border-radius:0
  1095. }
  1096. .product-box{
  1097. position:relative;
  1098. padding:30px 0;
  1099. color:#4a5669;
  1100. text-align:center;
  1101. background-color:#fff;
  1102. border:2px solid #e6e9ee;
  1103. border-radius:12px
  1104. }
  1105. .product-box.product-box-popular{
  1106. margin-top:54px;
  1107. border-color:#0098ef;
  1108. border-top:0;
  1109. border-top-left-radius:0;
  1110. border-top-right-radius:0
  1111. }
  1112. .product-box .product-popular{
  1113. position:absolute;
  1114. top:-54px;
  1115. left:-2px;
  1116. right:-2px;
  1117. height:54px;
  1118. color:#fff;
  1119. font-size:14px;
  1120. line-height:54px;
  1121. text-transform:uppercase;
  1122. font-family:Montserrat,sans-serif;
  1123. background-color:#0098ef;
  1124. border-top-left-radius:12px;
  1125. border-top-right-radius:12px
  1126. }
  1127. .product-box .product-header{
  1128. padding:0 30px
  1129. }
  1130. .product-box .product-header p{
  1131. margin-top:0!important;
  1132. color:#a0abbc;
  1133. font-size:14px;
  1134. line-height:24px
  1135. }
  1136. .product-box .product-price{
  1137. position:relative;
  1138. padding:0 30px 30px 30px;
  1139. margin-top:-6px;
  1140. color:#0098ef;
  1141. font-size:42px;
  1142. font-weight:bold;
  1143. border-bottom:1px solid #e6e9ee
  1144. }
  1145. .product-box .product-price .term{
  1146. position:absolute;
  1147. bottom:34px;
  1148. margin-left:4px;
  1149. font-size:13px
  1150. }
  1151. .product-box .product-features{
  1152. padding:0 30px
  1153. }
  1154. .product-box .product-features ul{
  1155. margin:0!important;
  1156. list-style-type:none
  1157. }
  1158. .product-box .product-features ul:last-of-type:not(:first-of-type){
  1159. margin-top:20px!important;
  1160. color:#a0abbc;
  1161. font-size:14px;
  1162. line-height:24px
  1163. }
  1164. .product-box .product-order{
  1165. padding:0 30px
  1166. }
  1167. .product-box .product-order .button{
  1168. width:100%;
  1169. -webkit-box-sizing:border-box;
  1170. box-sizing:border-box
  1171. }
  1172. .product-box .product-order button:not(:first-child),.product-box .product-order .button:not(:first-child){
  1173. margin-top:15px
  1174. }
  1175. .product-box .product-header:not(:last-of-type),.product-box .product-price:not(:last-of-type),.product-box .product-features:not(:last-of-type),.product-box .product-order:not(:last-of-type){
  1176. margin-bottom:30px
  1177. }
  1178. .product-box .product-price:last-of-type{
  1179. padding:30px 30px 0 30px;
  1180. border-top:1px solid #e6e9ee;
  1181. border-bottom:0
  1182. }
  1183. .product-box .product-price:last-of-type .term{
  1184. bottom:4px
  1185. }
  1186. .product-slider,.product-configurator{
  1187. padding:58px;
  1188. color:#4a5669;
  1189. background-color:#fff;
  1190. border:2px solid #e6e9ee;
  1191. border-radius:12px
  1192. }
  1193. .product-slider .slider,.product-configurator .slider{
  1194. position:relative;
  1195. height:20px;
  1196. cursor:pointer;
  1197. background-color:#fff;
  1198. border-radius:10px;
  1199. -webkit-box-shadow:inset 0 0 0 2px #e6e9ee,inset 0 4px 8px rgba(74,86,105,0.1);
  1200. box-shadow:inset 0 0 0 2px #e6e9ee,inset 0 4px 8px rgba(74,86,105,0.1)
  1201. }
  1202. .product-slider .slider .range,.product-configurator .slider .range{
  1203. position:absolute;
  1204. top:0;
  1205. left:0;
  1206. height:20px;
  1207. min-width:16px;
  1208. background-color:#0098ef;
  1209. border-radius:10px
  1210. }
  1211. .product-slider .slider .range .handle,.product-configurator .slider .range .handle{
  1212. position:absolute;
  1213. top:-6px;
  1214. right:-8px;
  1215. width:24px;
  1216. height:24px;
  1217. cursor:move;
  1218. background-color:#fff;
  1219. border-width:4px;
  1220. border-style:solid;
  1221. border-color:#0098ef;
  1222. border-radius:16px
  1223. }
  1224. .product-slider .slider .segment,.product-configurator .slider .segment{
  1225. float:left;
  1226. height:20px;
  1227. margin-left:-2px;
  1228. border-right:2px solid #e6e9ee
  1229. }
  1230. .product-slider .slider .segment:last-of-type,.product-configurator .slider .segment:last-of-type{
  1231. border-right:0
  1232. }
  1233. .product-slider.hide-segments .slider .segment,.product-configurator.hide-segments .slider .segment{
  1234. display:none
  1235. }
  1236. .product-slider>ul{
  1237. display:none;
  1238. margin:15px 0 0 0!important;
  1239. list-style-type:none
  1240. }
  1241. .product-slider>ul.active{
  1242. display:-webkit-box;
  1243. display:-ms-flexbox;
  1244. display:flex;
  1245. -ms-flex-wrap:wrap;
  1246. flex-wrap:wrap;
  1247. -webkit-box-pack:justify;
  1248. -ms-flex-pack:justify;
  1249. justify-content:space-between
  1250. }
  1251. .product-slider>ul li{
  1252. padding:15px 0;
  1253. margin-top:15px;
  1254. -webkit-box-sizing:border-box;
  1255. box-sizing:border-box
  1256. }
  1257. .product-slider>ul li .value{
  1258. display:block;
  1259. font-size:24px;
  1260. line-height:32px;
  1261. font-family:Montserrat,sans-serif
  1262. }
  1263. .product-slider>ul li .label{
  1264. display:block;
  1265. margin-top:4px;
  1266. font-size:14px;
  1267. line-height:14px;
  1268. color:#a0abbc
  1269. }
  1270. .product-slider>ul li:last-of-type{
  1271. display:-webkit-box;
  1272. display:-ms-flexbox;
  1273. display:flex;
  1274. padding:15px;
  1275. -webkit-box-pack:end;
  1276. -ms-flex-pack:end;
  1277. justify-content:flex-end;
  1278. border:2px solid #e6e9ee;
  1279. border-radius:10px
  1280. }
  1281. .product-slider>ul li:last-of-type .price{
  1282. margin-right:30px;
  1283. text-align:right
  1284. }
  1285. .product-slider>ul li:last-of-type .price .value{
  1286. color:#0098ef;
  1287. line-height:30px
  1288. }
  1289. .product-slider>ul li:first-child:nth-last-child(2),.product-slider>ul li:first-child:nth-last-child(2) ~ li{
  1290. width:50%
  1291. }
  1292. .product-slider>ul li:first-child:nth-last-child(3),.product-slider>ul li:first-child:nth-last-child(3) ~ li{
  1293. width:33.33%
  1294. }
  1295. .product-slider>ul li:first-child:nth-last-child(4),.product-slider>ul li:first-child:nth-last-child(4) ~ li{
  1296. width:22.22%
  1297. }
  1298. .product-slider>ul li:first-child:nth-last-child(5),.product-slider>ul li:first-child:nth-last-child(5) ~ li{
  1299. width:18%
  1300. }
  1301. .product-slider>ul li:first-child:nth-last-child(6),.product-slider>ul li:first-child:nth-last-child(6) ~ li{
  1302. width:20%;
  1303. text-align:center
  1304. }
  1305. .product-slider>ul li:first-child:nth-last-child(4):last-of-type,.product-slider>ul li:first-child:nth-last-child(4) ~ li:last-of-type{
  1306. width:33.33%
  1307. }
  1308. .product-slider>ul li:first-child:nth-last-child(5):last-of-type,.product-slider>ul li:first-child:nth-last-child(5) ~ li:last-of-type{
  1309. width:28%
  1310. }
  1311. .product-slider:not(.product-slider-medium)>ul li:first-child:nth-last-child(6):last-of-type,.product-slider:not(.product-slider-medium)>ul li:first-child:nth-last-child(6) ~ li:last-of-type{
  1312. width:100%;
  1313. margin-top:30px;
  1314. -webkit-box-pack:justify;
  1315. -ms-flex-pack:justify;
  1316. justify-content:space-between
  1317. }
  1318. .product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(6):last-of-type .price,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(6) ~ li:last-of-type .price{
  1319. text-align:left
  1320. }
  1321. .product-slider.product-slider-medium>ul li{
  1322. width:50%!important;
  1323. text-align:center
  1324. }
  1325. .product-slider.product-slider-medium>ul li:last-of-type{
  1326. -webkit-box-pack:justify;
  1327. -ms-flex-pack:justify;
  1328. justify-content:space-between
  1329. }
  1330. .product-slider.product-slider-medium>ul li:last-of-type .price{
  1331. text-align:left
  1332. }
  1333. .product-slider.product-slider-medium>ul li:first-child:nth-last-child(3):last-of-type,.product-slider.product-slider-medium>ul li:first-child:nth-last-child(3) ~ li:last-of-type,.product-slider.product-slider-medium>ul li:first-child:nth-last-child(5):last-of-type,.product-slider.product-slider-medium>ul li:first-child:nth-last-child(5) ~ li:last-of-type{
  1334. width:100%!important;
  1335. margin-top:30px
  1336. }
  1337. .product-slider.product-slider-small{
  1338. padding:28px
  1339. }
  1340. .product-slider.product-slider-small>ul li{
  1341. width:100%!important;
  1342. text-align:center;
  1343. margin:0
  1344. }
  1345. .product-slider.product-slider-small>ul li:last-of-type{
  1346. margin-top:15px!important;
  1347. -ms-flex-wrap:wrap;
  1348. flex-wrap:wrap;
  1349. -webkit-box-pack:center;
  1350. -ms-flex-pack:center;
  1351. justify-content:center
  1352. }
  1353. .product-slider.product-slider-small>ul li:last-of-type .price,.product-slider.product-slider-small>ul li:last-of-type .button{
  1354. -ms-flex-preferred-size:100%;
  1355. flex-basis:100%
  1356. }
  1357. .product-slider.product-slider-small>ul li:last-of-type .price{
  1358. text-align:center;
  1359. margin:0
  1360. }
  1361. .product-slider.product-slider-small>ul li:last-of-type .price:not(:only-child){
  1362. margin:0 0 15px 0
  1363. }
  1364. .product-configurator .configurator-row:not(:first-child),.product-configurator .configurator-order:not(:first-child){
  1365. margin-top:60px
  1366. }
  1367. .product-configurator .configurator-row .value,.product-configurator .configurator-order .value{
  1368. display:block;
  1369. font-size:24px;
  1370. line-height:32px;
  1371. font-family:Montserrat,sans-serif
  1372. }
  1373. .product-configurator .configurator-row .label,.product-configurator .configurator-order .label{
  1374. display:block;
  1375. line-height:24px;
  1376. font-size:14px;
  1377. color:#a0abbc
  1378. }
  1379. .product-configurator .configurator-group{
  1380. display:-webkit-box;
  1381. display:-ms-flexbox;
  1382. display:flex;
  1383. -ms-flex-wrap:wrap;
  1384. flex-wrap:wrap;
  1385. -webkit-box-align:end;
  1386. -ms-flex-align:end;
  1387. align-items:flex-end;
  1388. -webkit-box-pack:justify;
  1389. -ms-flex-pack:justify;
  1390. justify-content:space-between;
  1391. padding-bottom:10px
  1392. }
  1393. .product-configurator .configurator-group .value:not(:only-child){
  1394. margin-right:10px
  1395. }
  1396. .product-configurator .configurator-order{
  1397. display:-webkit-box;
  1398. display:-ms-flexbox;
  1399. display:flex;
  1400. padding:15px;
  1401. -webkit-box-pack:justify;
  1402. -ms-flex-pack:justify;
  1403. justify-content:space-between;
  1404. border:2px solid #e6e9ee;
  1405. border-radius:10px
  1406. }
  1407. .product-configurator .configurator-order .configurator-total .value{
  1408. line-height:30px;
  1409. color:#0098ef
  1410. }
  1411. .product-configurator .configurator-order .configurator-total .label{
  1412. margin-top:4px;
  1413. line-height:14px
  1414. }
  1415. .product-configurator .configurator-order .configurator-total:only-child{
  1416. width:100%;
  1417. text-align:center
  1418. }
  1419. .product-configurator.product-configurator-small{
  1420. padding:28px
  1421. }
  1422. .product-configurator.product-configurator-small .configurator-row:not(:first-child),.product-configurator.product-configurator-small .configurator-order:not(:first-child){
  1423. margin-top:30px
  1424. }
  1425. .product-configurator.product-configurator-small .configurator-group,.product-configurator.product-configurator-small .configurator-order{
  1426. display:block;
  1427. text-align:center
  1428. }
  1429. .product-configurator.product-configurator-small .configurator-group .value:not(:only-child){
  1430. margin-right:0
  1431. }
  1432. .product-configurator.product-configurator-small .configurator-order button{
  1433. width:100%
  1434. }
  1435. .product-configurator.product-configurator-small .configurator-order .configurator-total:not(:only-child){
  1436. margin-right:0;
  1437. margin-bottom:15px;
  1438. text-align:center
  1439. }
  1440. .network-map{
  1441. position:relative
  1442. }
  1443. .network-map ul{
  1444. margin:0!important;
  1445. list-style-type:none
  1446. }
  1447. .network-map ul li{
  1448. position:absolute;
  1449. z-index:1;
  1450. width:12px;
  1451. height:12px;
  1452. margin:-6px;
  1453. background-color:#0098ef;
  1454. border-radius:6px
  1455. }
  1456. .network-map ul li a{
  1457. display:block;
  1458. width:12px;
  1459. height:12px
  1460. }
  1461. .network-map ul li span.label-top-left,.network-map ul li span.label-top-right,.network-map ul li span.label-bottom-left,.network-map ul li span.label-bottom-right{
  1462. position:absolute;
  1463. color:#fff;
  1464. padding:4px 8px;
  1465. margin-top:-8px;
  1466. line-height:20px;
  1467. font-size:14px;
  1468. white-space:nowrap;
  1469. font-family:Montserrat,sans-serif;
  1470. background-color:#0098ef;
  1471. border-radius:4px;
  1472. -webkit-transition:color .2s;
  1473. transition:color .2s
  1474. }
  1475. .network-map ul li a:hover span.label-top-left,.network-map ul li a:hover span.label-top-right,.network-map ul li a:hover span.label-bottom-left,.network-map ul li a:hover span.label-bottom-right{
  1476. color:rgba(255,255,255,0.6);
  1477. text-decoration:none
  1478. }
  1479. .network-map ul li span.label-top-left{
  1480. top:-32px;
  1481. right:24px
  1482. }
  1483. .network-map ul li span.label-top-right{
  1484. top:-32px;
  1485. left:24px
  1486. }
  1487. .network-map ul li span.label-bottom-left{
  1488. bottom:-40px;
  1489. right:24px
  1490. }
  1491. .network-map ul li span.label-bottom-right{
  1492. bottom:-40px;
  1493. left:24px
  1494. }
  1495. .network-map ul li span.label-top-left::before,.network-map ul li span.label-top-right::before,.network-map ul li span.label-bottom-left::before,.network-map ul li span.label-bottom-right::before{
  1496. content:"";
  1497. position:absolute;
  1498. width:24px;
  1499. height:1px;
  1500. background-color:#0098ef
  1501. }
  1502. .network-map ul li span.label-top-left::before,.network-map ul li span.label-bottom-right::before{
  1503. -webkit-transform:rotate(45deg);
  1504. transform:rotate(45deg)
  1505. }
  1506. .network-map ul li span.label-top-right::before,.network-map ul li span.label-bottom-left::before{
  1507. -webkit-transform:rotate(-45deg);
  1508. transform:rotate(-45deg)
  1509. }
  1510. .network-map ul li span.label-top-left::before{
  1511. top:34px;
  1512. right:-18px
  1513. }
  1514. .network-map ul li span.label-top-right::before{
  1515. top:34px;
  1516. left:-18px
  1517. }
  1518. .network-map ul li span.label-bottom-left::before{
  1519. top:-6px;
  1520. right:-18px
  1521. }
  1522. .network-map ul li span.label-bottom-right::before{
  1523. top:-6px;
  1524. left:-18px
  1525. }
  1526. .network-map img{
  1527. display:block;
  1528. width:100%;
  1529. opacity:.1
  1530. }
  1531. .testimonial .testimonial-content{
  1532. color:#4a5669;
  1533. padding:30px;
  1534. background-color:#f0f2f5;
  1535. border-radius:12px
  1536. }
  1537. .testimonial .testimonial-author{
  1538. position:relative;
  1539. overflow:hidden;
  1540. padding:30px 30px 0 30px;
  1541. margin-top:0!important
  1542. }
  1543. .testimonial .testimonial-author small{
  1544. color:#a0abbc
  1545. }
  1546. .testimonial .testimonial-author::before{
  1547. content:"";
  1548. position:absolute;
  1549. left:30px;
  1550. top:-10px;
  1551. width:20px;
  1552. height:20px;
  1553. background-color:#f0f2f5;
  1554. -webkit-transform:rotate(45deg);
  1555. transform:rotate(45deg)
  1556. }
  1557. .blog-article:not(:first-child){
  1558. padding-top:50px;
  1559. margin-top:60px;
  1560. border-top:2px solid #e6e9ee
  1561. }
  1562. .blog-article.blog-article-center,.blog-comment-group.blog-comment-group-center,.blog-comment-form.blog-comment-form-center{
  1563. max-width:708px;
  1564. margin-left:auto;
  1565. margin-right:auto
  1566. }
  1567. .blog-article.blog-article-center .blog-article-header{
  1568. text-align:center
  1569. }
  1570. .blog-article .blog-article-header ul{
  1571. margin:4px -10px 0 -10px!important;
  1572. list-style-type:none
  1573. }
  1574. .blog-article .blog-article-header ul li{
  1575. display:inline-block;
  1576. margin:0 10px;
  1577. color:#a0abbc
  1578. }
  1579. .blog-article .blog-article-header ul li img{
  1580. width:24px;
  1581. height:24px;
  1582. margin-right:.5em;
  1583. vertical-align:middle;
  1584. border-radius:12px
  1585. }
  1586. .blog-article .blog-article-content{
  1587. margin-top:50px
  1588. }
  1589. .blog-comment-group>h3+p,.blog-comment-form>h3+p{
  1590. margin-top:5px!important;
  1591. padding-bottom:10px
  1592. }
  1593. .blog-comment-group>h3 a,.blog-comment-form>h3 a{
  1594. display:block;
  1595. font-size:16px;
  1596. font-weight:normal;
  1597. font-family:"Open Sans",sans-serif
  1598. }
  1599. .blog-comment-group.blog-comment-group-center>h3 a,.blog-comment-form.blog-comment-form-center>h3 a{
  1600. float:right;
  1601. margin-top:2px
  1602. }
  1603. .blog-comment-group .blog-comment-content{
  1604. color:#4a5669;
  1605. padding:30px;
  1606. background-color:#f0f2f5;
  1607. border-radius:12px
  1608. }
  1609. .blog-comment-group .blog-comment-author{
  1610. position:relative;
  1611. padding:10px 20px 0 65px;
  1612. margin:0!important;
  1613. list-style-type:none
  1614. }
  1615. .blog-comment-group .blog-comment-author::before{
  1616. content:"";
  1617. position:absolute;
  1618. left:30px;
  1619. top:0;
  1620. width:0;
  1621. height:0;
  1622. border-top:20px solid #f0f2f5;
  1623. border-left:20px solid transparent
  1624. }
  1625. .blog-comment-group .blog-comment-author li{
  1626. display:inline-block;
  1627. color:#a0abbc
  1628. }
  1629. .blog-comment-group .blog-comment-author li:not(:last-child){
  1630. margin-right:15px
  1631. }
  1632. .blog-comment-group .blog-comment-author li img{
  1633. width:24px;
  1634. height:24px;
  1635. margin-right:.5em;
  1636. vertical-align:middle;
  1637. border-radius:12px
  1638. }
  1639. .blog-comment-group .blog-comment-item:not(:first-child){
  1640. margin-top:30px
  1641. }
  1642. .blog-comment-group .blog-comment-item .blog-comment-item{
  1643. margin-left:30px
  1644. }
  1645. .pagination{
  1646. display:-webkit-box;
  1647. display:-ms-flexbox;
  1648. display:flex;
  1649. margin:0!important;
  1650. -webkit-box-pack:center;
  1651. -ms-flex-pack:center;
  1652. justify-content:center;
  1653. list-style-type:none
  1654. }
  1655. .pagination:not(:first-child){
  1656. margin-top:60px!important
  1657. }
  1658. .pagination>li{
  1659. margin:0 6px
  1660. }
  1661. .pagination>li.hidden{
  1662. visibility:hidden
  1663. }
  1664. .pagination>li:first-of-type{
  1665. margin-left:0
  1666. }
  1667. .pagination>li:last-of-type{
  1668. margin-right:0
  1669. }
  1670. .pagination>li.directional-left:first-of-type{
  1671. margin-right:auto
  1672. }
  1673. .pagination>li.directional-right:last-of-type{
  1674. margin-left:auto
  1675. }
  1676. .pagination>li a{
  1677. display:block;
  1678. min-width:16px;
  1679. height:36px;
  1680. line-height:36px;
  1681. padding:0 10px;
  1682. text-align:center;
  1683. text-decoration:none;
  1684. background-color:#fff;
  1685. background-clip:padding-box;
  1686. border:2px solid #e6e9ee;
  1687. border-radius:6px
  1688. }
  1689. .pagination>li.active a{
  1690. border-color:#0098ef
  1691. }
  1692. .pagination>li.directional a{
  1693. height:40px;
  1694. line-height:40px;
  1695. padding:0 12px;
  1696. background-color:transparent!important;
  1697. border:0
  1698. }
  1699. .pagination>li:not(.active) a:hover{
  1700. background-color:#f0f2f5
  1701. }
  1702. .tab-group{
  1703. position:relative
  1704. }
  1705. .tab-group.tab-group-switch-style{
  1706. text-align:center
  1707. }
  1708. .tab-group>a{
  1709. position:absolute;
  1710. top:-60px;
  1711. left:0;
  1712. width:0;
  1713. height:0;
  1714. visibility:hidden
  1715. }
  1716. .tab-group>ul{
  1717. margin:0!important;
  1718. list-style-type:none
  1719. }
  1720. .tab-group.tab-group-switch-style>ul{
  1721. padding:6px;
  1722. display:inline-block;
  1723. background-color:#fff;
  1724. border:2px solid #e6e9ee;
  1725. border-radius:30px
  1726. }
  1727. .tab-group>ul li,.tab-group .tab-item .tab-item-title{
  1728. padding:10px 28px;
  1729. cursor:pointer;
  1730. color:#0098ef;
  1731. font-size:14px;
  1732. line-height:24px;
  1733. text-transform:uppercase;
  1734. font-family:Montserrat,sans-serif;
  1735. background-color:#fff;
  1736. background-clip:padding-box;
  1737. border:2px solid #e6e9ee;
  1738. border-bottom-width:0;
  1739. -webkit-transition:color .2s,background-color .2s;
  1740. transition:color .2s,background-color .2s;
  1741. -webkit-user-select:none;
  1742. -moz-user-select:none;
  1743. -ms-user-select:none;
  1744. user-select:none
  1745. }
  1746. .tab-group.tab-group-title-lowercase>ul li,.tab-group.tab-group-title-lowercase .tab-item .tab-item-title{
  1747. text-transform:none
  1748. }
  1749. .tab-group>ul li{
  1750. position:relative;
  1751. display:inline-block;
  1752. border-top-left-radius:6px;
  1753. border-top-right-radius:6px
  1754. }
  1755. .tab-group.tab-group-switch-style>ul li{
  1756. padding:8px 20px;
  1757. border:0;
  1758. border-radius:22px
  1759. }
  1760. .tab-group .tab-item:first-of-type .tab-item-title{
  1761. border-top-left-radius:12px;
  1762. border-top-right-radius:12px
  1763. }
  1764. .tab-group:not(.tab-group-switch-style)>ul li.active,.tab-group .tab-item.active .tab-item-title{
  1765. color:#4a5669;
  1766. -webkit-transition:color .2s;
  1767. transition:color .2s
  1768. }
  1769. .tab-group.tab-group-switch-style>ul li.active{
  1770. color:#fff;
  1771. background-color:#0098ef
  1772. }
  1773. .tab-group:not(.tab-group-switch-style)>ul li.active::after{
  1774. content:"";
  1775. position:absolute;
  1776. left:0;
  1777. right:0;
  1778. bottom:-2px;
  1779. height:2px;
  1780. background-color:#fff
  1781. }
  1782. .tab-group:not(.tab-group-switch-style)>ul li:not(:first-of-type){
  1783. margin-left:10px
  1784. }
  1785. .tab-group.tab-group-switch-style>ul li:not(:first-of-type){
  1786. margin-left:6px
  1787. }
  1788. .tab-group>ul li:not(.active):hover,.tab-group .tab-item:not(.active) .tab-item-title:hover{
  1789. background-color:#f0f2f5
  1790. }
  1791. .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
  1792. padding:58px;
  1793. background-color:#fff;
  1794. border:2px solid #e6e9ee;
  1795. border-top-right-radius:12px;
  1796. border-bottom-left-radius:12px;
  1797. border-bottom-right-radius:12px
  1798. }
  1799. .tab-group.tab-group-collapse-style .tab-item .tab-item-inner{
  1800. padding:28px;
  1801. border-bottom-width:0;
  1802. border-radius:0
  1803. }
  1804. .tab-group.tab-group-switch-style .tab-item .tab-item-inner{
  1805. margin-top:60px;
  1806. text-align:left
  1807. }
  1808. .tab-group .tab-item:not(.active):last-of-type .tab-item-title,.tab-group.tab-group-collapse-style .tab-item.active:last-of-type .tab-item-inner{
  1809. border-bottom-width:2px;
  1810. border-bottom-left-radius:12px;
  1811. border-bottom-right-radius:12px
  1812. }
  1813. .tab-group.tab-group-collapse-style>ul,.tab-group:not(.tab-group-collapse-style) .tab-item .tab-item-title,.tab-group .tab-item:not(.active) .tab-item-inner{
  1814. display:none
  1815. }
  1816. .gallery::after{
  1817. overflow:hidden;
  1818. position:absolute;
  1819. width:0;
  1820. height:0;
  1821. content:"";
  1822. background-image:url(/assets/images/layout/loading.svg)
  1823. }
  1824. .gallery ul li,.gallery ul li a,.gallery ul li img{
  1825. display:block;
  1826. width:100%
  1827. }
  1828. .gallery:not(.gallery-slider) ul{
  1829. display:-webkit-box;
  1830. display:-ms-flexbox;
  1831. display:flex;
  1832. -ms-flex-wrap:wrap;
  1833. flex-wrap:wrap;
  1834. -webkit-box-align:center;
  1835. -ms-flex-align:center;
  1836. align-items:center;
  1837. margin:-15px!important;
  1838. list-style-type:none
  1839. }
  1840. .gallery:not(.gallery-slider) ul li{
  1841. width:50%;
  1842. padding:15px;
  1843. -webkit-box-sizing:border-box;
  1844. box-sizing:border-box
  1845. }
  1846. .gallery.gallery-3-columns:not(.gallery-slider) ul li{
  1847. width:33.33%
  1848. }
  1849. .gallery.gallery-4-columns:not(.gallery-slider) ul li{
  1850. width:25%
  1851. }
  1852. .gallery.gallery-5-columns:not(.gallery-slider) ul li{
  1853. width:20%
  1854. }
  1855. .gallery.gallery-6-columns:not(.gallery-slider) ul li{
  1856. width:16.66%
  1857. }
  1858. .gallery:not(.gallery-slider) ul li:first-of-type:last-of-type{
  1859. width:100%
  1860. }
  1861. .gallery:not(.gallery-slider) ul li img{
  1862. border-radius:6px
  1863. }
  1864. .gallery.gallery-compact:not(.gallery-slider){
  1865. overflow:hidden;
  1866. border-radius:6px
  1867. }
  1868. .gallery.gallery-compact:not(.gallery-slider) ul,.gallery.gallery-compact:not(.gallery-slider) ul li{
  1869. margin:0;
  1870. padding:0
  1871. }
  1872. .gallery.gallery-compact:not(.gallery-slider) ul li img{
  1873. border-radius:0
  1874. }
  1875. .gallery.gallery-slider{
  1876. overflow:hidden;
  1877. position:relative;
  1878. border-radius:6px;
  1879. -webkit-transform:translate3d(0,0,0);
  1880. transform:translate3d(0,0,0)
  1881. }
  1882. .gallery.gallery-slider.gallery-animate{
  1883. -webkit-transition:height .6s;
  1884. transition:height .6s
  1885. }
  1886. .gallery.gallery-slider .gallery-previous,.gallery.gallery-slider .gallery-next{
  1887. position:absolute;
  1888. z-index:1;
  1889. top:20px;
  1890. width:34px;
  1891. height:34px;
  1892. line-height:34px;
  1893. text-align:center;
  1894. font-size:24px;
  1895. cursor:pointer;
  1896. color:#fff;
  1897. background-color:rgba(18,22,28,0.4);
  1898. -webkit-transition:background-color .2s;
  1899. transition:background-color .2s
  1900. }
  1901. .gallery.gallery-slider .gallery-previous{
  1902. right:56px;
  1903. border-top-left-radius:4px;
  1904. border-bottom-left-radius:4px
  1905. }
  1906. .gallery.gallery-slider .gallery-next{
  1907. right:20px;
  1908. border-top-right-radius:4px;
  1909. border-bottom-right-radius:4px
  1910. }
  1911. .gallery.gallery-slider .gallery-previous:hover,.gallery.gallery-slider .gallery-next:hover{
  1912. background-color:#0098ef
  1913. }
  1914. .gallery.gallery-slider ul{
  1915. display:-webkit-box;
  1916. display:-ms-flexbox;
  1917. display:flex;
  1918. margin:0!important;
  1919. list-style-type:none;
  1920. -webkit-transition:-webkit-transform .6s;
  1921. transition:-webkit-transform .6s;
  1922. transition:transform .6s;
  1923. transition:transform .6s,-webkit-transform .6s
  1924. }
  1925. #gallery-overlay{
  1926. overflow:hidden;
  1927. position:fixed;
  1928. z-index:1000;
  1929. top:0;
  1930. left:0;
  1931. width:100%;
  1932. height:100%;
  1933. background-color:rgba(18,22,28,0.9)
  1934. }
  1935. #gallery-overlay ul,#gallery-overlay ul li{
  1936. position:absolute;
  1937. list-style-type:none;
  1938. height:100%;
  1939. -webkit-transition:-webkit-transform .6s;
  1940. transition:-webkit-transform .6s;
  1941. transition:transform .6s;
  1942. transition:transform .6s,-webkit-transform .6s
  1943. }
  1944. #gallery-overlay ul li{
  1945. display:-webkit-box;
  1946. display:-ms-flexbox;
  1947. display:flex;
  1948. -webkit-box-align:center;
  1949. -ms-flex-align:center;
  1950. align-items:center;
  1951. -webkit-box-pack:center;
  1952. -ms-flex-pack:center;
  1953. justify-content:center;
  1954. padding:60px;
  1955. -webkit-box-sizing:border-box;
  1956. box-sizing:border-box
  1957. }
  1958. #gallery-overlay ul li .loading{
  1959. position:absolute;
  1960. top:50%;
  1961. left:50%;
  1962. width:32px;
  1963. height:32px;
  1964. margin:-16px 0 0 -16px;
  1965. background:transparent url(/assets/images/layout/loading.svg) center center no-repeat;
  1966. -webkit-animation:gallery-overlay-loading .6s linear infinite;
  1967. animation:gallery-overlay-loading .6s linear infinite;
  1968. -webkit-transition:opacity .2s;
  1969. transition:opacity .2s
  1970. }
  1971. #gallery-overlay ul li .loading.hide{
  1972. opacity:0
  1973. }
  1974. #gallery-overlay ul li img{
  1975. display:block;
  1976. max-width:100%;
  1977. max-height:100%;
  1978. opacity:0
  1979. }
  1980. #gallery-overlay ul li img.ready{
  1981. opacity:1;
  1982. -webkit-animation:gallery-overlay-ready .2s;
  1983. animation:gallery-overlay-ready .2s
  1984. }
  1985. #gallery-overlay-close,#gallery-overlay-previous,#gallery-overlay-next{
  1986. position:absolute;
  1987. z-index:1001;
  1988. width:60px;
  1989. height:60px;
  1990. line-height:60px;
  1991. margin:0;
  1992. cursor:pointer;
  1993. text-align:center;
  1994. color:rgba(255,255,255,0.3);
  1995. -webkit-transition:color .2s;
  1996. transition:color .2s
  1997. }
  1998. #gallery-overlay-close{
  1999. top:0;
  2000. right:0;
  2001. font-size:30px
  2002. }
  2003. #gallery-overlay-previous,#gallery-overlay-next{
  2004. top:50%;
  2005. margin-top:-30px;
  2006. font-size:40px
  2007. }
  2008. #gallery-overlay-previous{
  2009. left:0
  2010. }
  2011. #gallery-overlay-next{
  2012. right:0
  2013. }
  2014. #gallery-overlay-close:hover,#gallery-overlay-previous:hover,#gallery-overlay-next:hover{
  2015. color:#fff
  2016. }
  2017. #gallery-overlay-title{
  2018. overflow:hidden;
  2019. position:absolute;
  2020. z-index:1001;
  2021. bottom:0;
  2022. left:30px;
  2023. right:30px;
  2024. height:60px;
  2025. line-height:60px;
  2026. text-align:center;
  2027. white-space:nowrap;
  2028. text-overflow:ellipsis;
  2029. color:rgba(255,255,255,0.3);
  2030. -webkit-transition:opacity .3s;
  2031. transition:opacity .3s
  2032. }
  2033. #gallery-overlay-title.hide{
  2034. opacity:0
  2035. }
  2036. @-webkit-keyframes gallery-overlay-loading{
  2037. 0%{
  2038. -webkit-transform:rotate(0);
  2039. transform:rotate(0)
  2040. }
  2041. 100%{
  2042. -webkit-transform:rotate(360deg);
  2043. transform:rotate(360deg)
  2044. }
  2045. }
  2046. @keyframes gallery-overlay-loading{
  2047. 0%{
  2048. -webkit-transform:rotate(0);
  2049. transform:rotate(0)
  2050. }
  2051. 100%{
  2052. -webkit-transform:rotate(360deg);
  2053. transform:rotate(360deg)
  2054. }
  2055. }
  2056. @-webkit-keyframes gallery-overlay-ready{
  2057. 0%{
  2058. opacity:0;
  2059. -webkit-transform:scale(0.9);
  2060. transform:scale(0.9)
  2061. }
  2062. 100%{
  2063. opacity:1;
  2064. -webkit-transform:scale(1);
  2065. transform:scale(1)
  2066. }
  2067. }
  2068. @keyframes gallery-overlay-ready{
  2069. 0%{
  2070. opacity:0;
  2071. -webkit-transform:scale(0.9);
  2072. transform:scale(0.9)
  2073. }
  2074. 100%{
  2075. opacity:1;
  2076. -webkit-transform:scale(1);
  2077. transform:scale(1)
  2078. }
  2079. }
  2080. #video-overlay,#iframe-overlay{
  2081. overflow:hidden;
  2082. position:fixed;
  2083. z-index:1000;
  2084. top:0;
  2085. left:0;
  2086. width:100%;
  2087. height:100%;
  2088. background-color:rgba(18,22,28,0.9)
  2089. }
  2090. #video-overlay video,#video-overlay iframe,#iframe-overlay iframe{
  2091. position:absolute;
  2092. top:50%;
  2093. left:50%;
  2094. width:1280px;
  2095. height:720px;
  2096. -webkit-transform:translate(-50%,-50%);
  2097. transform:translate(-50%,-50%)
  2098. }
  2099. #video-overlay-close,#iframe-overlay-close{
  2100. position:absolute;
  2101. z-index:1001;
  2102. top:0;
  2103. right:0;
  2104. width:60px;
  2105. height:60px;
  2106. line-height:60px;
  2107. font-size:30px;
  2108. margin:0;
  2109. cursor:pointer;
  2110. text-align:center;
  2111. color:rgba(255,255,255,0.3);
  2112. -webkit-transition:color .2s;
  2113. transition:color .2s
  2114. }
  2115. #video-overlay-close:hover,#iframe-overlay-close:hover{
  2116. color:#fff
  2117. }
  2118. #video-overlay-icon{
  2119. position:absolute;
  2120. top:50%;
  2121. left:50%;
  2122. width:60px;
  2123. height:60px;
  2124. line-height:60px;
  2125. margin:-30px 0 0 -30px;
  2126. font-size:32px;
  2127. color:#0098ef;
  2128. text-align:center;
  2129. background-color:#fff;
  2130. border-radius:30px;
  2131. -webkit-box-shadow:0 15px 30px rgba(74,86,105,0.1);
  2132. box-shadow:0 15px 30px rgba(74,86,105,0.1);
  2133. -webkit-transition:color .2s,background-color .2s;
  2134. transition:color .2s,background-color .2s
  2135. }
  2136. .video-overlay.video-overlay-has-icon{
  2137. position:relative;
  2138. display:inline-block;
  2139. margin-bottom:-1px
  2140. }
  2141. .video-overlay.video-overlay-has-icon>img{
  2142. display:block
  2143. }
  2144. .video-overlay.video-overlay-has-icon:hover #video-overlay-icon{
  2145. color:#fff;
  2146. background-color:#0098ef
  2147. }
  2148. .iframe-overlay{
  2149. cursor:pointer
  2150. }
  2151. #nav-overlay{
  2152. position:absolute;
  2153. z-index:1001;
  2154. top:0;
  2155. left:0;
  2156. width:100%;
  2157. padding:30px 0
  2158. }
  2159. #nav-overlay .logo{
  2160. float:none!important
  2161. }
  2162. #nav-overlay:not(.nav-overlay-light):not(.nav-overlay-gray):not(.nav-overlay-dark) .logo{
  2163. color:#fff
  2164. }
  2165. #nav-overlay nav ul{
  2166. list-style-type:none
  2167. }
  2168. #nav-overlay nav .nav-primary{
  2169. margin-top:30px;
  2170. padding:20px 30px;
  2171. border:2px solid rgba(255,255,255,0.2);
  2172. border-radius:12px
  2173. }
  2174. #nav-overlay.nav-overlay-light nav .nav-primary,#nav-overlay.nav-overlay-gray nav .nav-primary{
  2175. background-color:#fff;
  2176. border-color:#e6e9ee
  2177. }
  2178. #nav-overlay.nav-overlay-dark nav .nav-primary{
  2179. border-color:#3a4659
  2180. }
  2181. #nav-overlay nav .nav-primary>li{
  2182. padding:10px 0;
  2183. line-height:20px
  2184. }
  2185. #nav-overlay nav .nav-primary>li a:not(.button){
  2186. color:#fff
  2187. }
  2188. #nav-overlay.nav-overlay-light nav .nav-primary>li a:not(.button),#nav-overlay.nav-overlay-gray nav .nav-primary>li a:not(.button),#nav-overlay.nav-overlay-dark nav .nav-primary>li a:not(.button){
  2189. color:#0098ef
  2190. }
  2191. #nav-overlay nav .nav-primary>li>a:not(.button){
  2192. font-size:14px;
  2193. font-weight:bold;
  2194. font-family:Montserrat,sans-serif;
  2195. text-transform:uppercase
  2196. }
  2197. #nav-overlay:not(.nav-overlay-light):not(.nav-overlay-gray):not(.nav-overlay-dark) nav .nav-primary>li>a.button.button-primary{
  2198. padding:16px 20px;
  2199. border:2px solid rgba(255,255,255,0.2)
  2200. }
  2201. #nav-overlay:not(.nav-overlay-light):not(.nav-overlay-gray) nav .nav-primary>li>a.button:not(.button-primary){
  2202. padding:18px 22px;
  2203. border:0
  2204. }
  2205. #nav-overlay nav .nav-primary>li a:not(.button):hover{
  2206. color:rgba(255,255,255,0.6);
  2207. text-decoration:none
  2208. }
  2209. #nav-overlay.nav-overlay-light nav .nav-primary>li a:not(.button):hover,#nav-overlay.nav-overlay-gray nav .nav-primary>li a:not(.button):hover{
  2210. color:#a0abbc
  2211. }
  2212. #nav-overlay.nav-overlay-dark nav .nav-primary>li a:not(.button):hover{
  2213. color:#667791
  2214. }
  2215. #nav-overlay nav .nav-primary>li ul{
  2216. padding:20px 0 10px 0
  2217. }
  2218. #nav-overlay nav .nav-primary>li ul li{
  2219. padding:5px 0;
  2220. font-size:14px;
  2221. line-height:20px
  2222. }
  2223. #nav-overlay nav .nav-primary>li ul li ul{
  2224. padding:20px 0 15px 30px
  2225. }
  2226. #nav-overlay nav .nav-primary>li:last-of-type ul,#nav-overlay nav .nav-primary>li ul li:last-of-type,#nav-overlay nav .nav-primary>li ul li:last-of-type ul{
  2227. padding-bottom:0
  2228. }
  2229. #nav-overlay nav .nav-secondary{
  2230. padding:25px 30px
  2231. }
  2232. #nav-overlay nav .nav-secondary li{
  2233. padding:5px 0;
  2234. font-size:14px;
  2235. line-height:20px
  2236. }
  2237. #nav-overlay nav .nav-secondary li a{
  2238. color:rgba(255,255,255,0.6)
  2239. }
  2240. #nav-overlay.nav-overlay-light nav .nav-secondary li a,#nav-overlay.nav-overlay-gray nav .nav-secondary li a{
  2241. color:#a0abbc
  2242. }
  2243. #nav-overlay.nav-overlay-dark nav .nav-secondary li a{
  2244. color:#667791
  2245. }
  2246. #nav-overlay nav .nav-secondary li a:hover{
  2247. color:#fff;
  2248. text-decoration:none
  2249. }
  2250. #nav-overlay.nav-overlay-light nav .nav-secondary li a:hover,#nav-overlay.nav-overlay-gray nav .nav-secondary li a:hover{
  2251. color:#4a5669
  2252. }
  2253. #nav-overlay nav .nav-secondary li a i{
  2254. width:20px;
  2255. text-align:center
  2256. }
  2257. #nav-overlay-open,#nav-overlay-close{
  2258. position:absolute;
  2259. top:0;
  2260. right:0;
  2261. width:32px;
  2262. height:32px;
  2263. margin-top:12px;
  2264. font-size:24px;
  2265. line-height:32px;
  2266. text-align:center;
  2267. cursor:pointer;
  2268. color:#fff;
  2269. border:2px solid rgba(255,255,255,0.2);
  2270. border-radius:6px;
  2271. -webkit-user-select:none;
  2272. -moz-user-select:none;
  2273. -ms-user-select:none;
  2274. user-select:none
  2275. }
  2276. #nav-overlay-open.nav-overlay-light,#nav-overlay-close.nav-overlay-light,#nav-overlay-open.nav-overlay-gray,#nav-overlay-close.nav-overlay-gray{
  2277. color:#0098ef;
  2278. background-color:#fff;
  2279. border-color:#e6e9ee
  2280. }
  2281. #nav-overlay-open.nav-overlay-dark,#nav-overlay-close.nav-overlay-dark{
  2282. color:#0098ef;
  2283. border-color:#3a4659
  2284. }
  2285. #nav-overlay-background{
  2286. position:fixed;
  2287. z-index:1000;
  2288. top:0;
  2289. left:0;
  2290. width:100%;
  2291. height:100%;
  2292. padding-bottom:100%;
  2293. background-color:#0098ef
  2294. }
  2295. #nav-overlay-background.nav-overlay-light{
  2296. background-color:#fff!important
  2297. }
  2298. #nav-overlay-background.nav-overlay-gray{
  2299. background-color:#f0f2f5!important
  2300. }
  2301. #nav-overlay-background.nav-overlay-dark{
  2302. background-color:#2c3645!important
  2303. }
  2304. #nav-overlay:not(.nav-overlay-visible),#nav-overlay-open:not(.nav-overlay-visible),#nav-overlay-close:not(.nav-overlay-visible),#nav-overlay-background:not(.nav-overlay-visible){
  2305. display:none
  2306. }
  2307. #modal-overlay{
  2308. overflow:auto;
  2309. position:fixed;
  2310. z-index:1000;
  2311. top:0;
  2312. left:0;
  2313. width:100%;
  2314. height:100%;
  2315. background-color:rgba(18,22,28,0.9)
  2316. }
  2317. #modal-overlay>.modal-container{
  2318. position:relative;
  2319. margin:60px auto;
  2320. width:720px;
  2321. -webkit-animation:modal-container-slide-in .4s;
  2322. animation:modal-container-slide-in .4s
  2323. }
  2324. @-webkit-keyframes modal-container-slide-in{
  2325. 0%{
  2326. opacity:0;
  2327. -webkit-transform:translateY(-60px);
  2328. transform:translateY(-60px)
  2329. }
  2330. 100%{
  2331. opacity:1;
  2332. -webkit-transform:translateY(0);
  2333. transform:translateY(0)
  2334. }
  2335. }
  2336. @keyframes modal-container-slide-in{
  2337. 0%{
  2338. opacity:0;
  2339. -webkit-transform:translateY(-60px);
  2340. transform:translateY(-60px)
  2341. }
  2342. 100%{
  2343. opacity:1;
  2344. -webkit-transform:translateY(0);
  2345. transform:translateY(0)
  2346. }
  2347. }
  2348. #modal-overlay>.modal-container.modal-container-small{
  2349. width:480px
  2350. }
  2351. #modal-overlay>.modal-container.modal-container-large{
  2352. width:1280px
  2353. }
  2354. #modal-overlay>.modal-container>.modal-header{
  2355. min-height:34px;
  2356. padding:20px 60px 20px 30px;
  2357. background-color:#fff;
  2358. border-bottom:2px solid #e6e9ee;
  2359. border-top-left-radius:12px;
  2360. border-top-right-radius:12px
  2361. }
  2362. #modal-overlay>.modal-container>.modal-header>.modal-dismiss{
  2363. position:absolute;
  2364. top:22px;
  2365. right:22px;
  2366. width:30px;
  2367. height:30px;
  2368. line-height:30px;
  2369. font-size:24px;
  2370. color:#a0abbc;
  2371. cursor:pointer;
  2372. text-align:center;
  2373. -webkit-transition:color .2s;
  2374. transition:color .2s;
  2375. -webkit-user-select:none;
  2376. -moz-user-select:none;
  2377. -ms-user-select:none;
  2378. user-select:none
  2379. }
  2380. #modal-overlay>.modal-container>.modal-header>.modal-dismiss:hover{
  2381. color:#4a5669
  2382. }
  2383. #modal-overlay>.modal-container>.modal-content{
  2384. padding:30px;
  2385. background-color:#fff;
  2386. border-bottom-left-radius:12px;
  2387. border-bottom-right-radius:12px
  2388. }
  2389. #modal-overlay>.modal-container>.modal-content ul,#modal-overlay>.modal-container>.modal-content ol{
  2390. line-height:28px
  2391. }
  2392. #modal-overlay>.modal-container>.modal-content ul:not(.list-style-nav):not(.list-style-none):not(.list-style-icon),#modal-overlay>.modal-container>.modal-content ol{
  2393. margin-left:20px
  2394. }
  2395. #modal-overlay>.modal-container>.modal-content ul li ul,#modal-overlay>.modal-container>.modal-content ul li ol,#modal-overlay>.modal-container>.modal-content ol li ul,#modal-overlay>.modal-container>.modal-content ol li ol{
  2396. margin:15px 20px
  2397. }
  2398. #modal-overlay>.modal-container>.modal-content ul li:last-child ul,#modal-overlay>.modal-container>.modal-content ul li:last-child ol,#modal-overlay>.modal-container>.modal-content ol li:last-child ul,#modal-overlay>.modal-container>.modal-content ol li:last-child ol{
  2399. margin-bottom:0
  2400. }
  2401. #modal-overlay>.modal-container>.modal-content h1:not(:first-child),#modal-overlay>.modal-container>.modal-content h2:not(:first-child),#modal-overlay>.modal-container>.modal-content h3:not(:first-child),#modal-overlay>.modal-container>.modal-content h4:not(:first-child),#modal-overlay>.modal-container>.modal-content h5:not(:first-child){
  2402. margin-top:40px
  2403. }
  2404. #modal-overlay>.modal-container>.modal-content p:not(:first-child),#modal-overlay>.modal-container>.modal-content ul:not(:first-child),#modal-overlay>.modal-container>.modal-content ol:not(:first-child),#modal-overlay>.modal-container>.modal-content dl:not(:first-child),#modal-overlay>.modal-container>.modal-content hr:not(:first-child),#modal-overlay>.modal-container>.modal-content pre:not(:first-child),#modal-overlay>.modal-container>.modal-content form:not(:first-child),#modal-overlay>.modal-container>.modal-content table:not(:first-child),#modal-overlay>.modal-container>.modal-content iframe:not(:first-child),#modal-overlay>.modal-container>.modal-content address:not(:first-child),#modal-overlay>.modal-container>.modal-content blockquote:not(:first-child),#modal-overlay>.modal-container>.modal-content .pre-code:not(:first-child),#modal-overlay>.modal-container>.modal-content .feature-box:not(:first-child),#modal-overlay>.modal-container>.modal-content .product-box:not(:first-child),#modal-overlay>.modal-container>.modal-content .product-slider:not(:first-child),#modal-overlay>.modal-container>.modal-content .product-configurator:not(:first-child),#modal-overlay>.modal-container>.modal-content .network-map:not(:first-child),#modal-overlay>.modal-container>.modal-content .testimonial:not(:first-child),#modal-overlay>.modal-container>.modal-content .tab-group:not(:first-child),#modal-overlay>.modal-container>.modal-content .gallery:not(:first-child){
  2405. margin-top:20px
  2406. }
  2407. #modal-overlay>.modal-container>.modal-content h1+.column-row,#modal-overlay>.modal-container>.modal-content h2+.column-row,#modal-overlay>.modal-container>.modal-content h3+.column-row,#modal-overlay>.modal-container>.modal-content h4+.column-row,#modal-overlay>.modal-container>.modal-content h5+.column-row,#modal-overlay>.modal-container>.modal-content p+.column-row,#modal-overlay>.modal-container>.modal-content ul+.column-row,#modal-overlay>.modal-container>.modal-content ol+.column-row,#modal-overlay>.modal-container>.modal-content dl+.column-row,#modal-overlay>.modal-container>.modal-content hr+.column-row{
  2408. margin-top:-10px
  2409. }
  2410. @media(max-width:1340px){
  2411. #modal-overlay>.modal-container.modal-container-large{
  2412. margin:0;
  2413. width:100%
  2414. }
  2415. #modal-overlay>.modal-container.modal-container-large>.modal-header,#modal-overlay>.modal-container.modal-container-large>.modal-content{
  2416. border-radius:0
  2417. }
  2418. }
  2419. @media(max-width:780px){
  2420. #modal-overlay>.modal-container:not(.modal-container-small){
  2421. margin:0;
  2422. width:100%
  2423. }
  2424. #modal-overlay>.modal-container:not(.modal-container-small)>.modal-header,#modal-overlay>.modal-container:not(.modal-container-small)>.modal-content{
  2425. border-radius:0
  2426. }
  2427. }
  2428. @media(max-width:540px){
  2429. #modal-overlay>.modal-container.modal-container-small{
  2430. margin:0;
  2431. width:100%
  2432. }
  2433. #modal-overlay>.modal-container.modal-container-small>.modal-header,#modal-overlay>.modal-container.modal-container-small>.modal-content{
  2434. border-radius:0
  2435. }
  2436. }
  2437. .modal{
  2438. display:none!important
  2439. }
  2440. .group{
  2441. display:-webkit-box;
  2442. display:-ms-flexbox;
  2443. display:flex;
  2444. margin-left:-10px;
  2445. margin-right:-10px;
  2446. margin-bottom:-20px;
  2447. -ms-flex-wrap:wrap;
  2448. flex-wrap:wrap;
  2449. -webkit-box-align:center;
  2450. -ms-flex-align:center;
  2451. align-items:center
  2452. }
  2453. .group.align-center{
  2454. -webkit-box-pack:center;
  2455. -ms-flex-pack:center;
  2456. justify-content:center
  2457. }
  2458. .group.align-left{
  2459. -webkit-box-pack:start;
  2460. -ms-flex-pack:start;
  2461. justify-content:flex-start
  2462. }
  2463. .group.align-right{
  2464. -webkit-box-pack:end;
  2465. -ms-flex-pack:end;
  2466. justify-content:flex-end
  2467. }
  2468. .group.space-between{
  2469. -webkit-box-pack:justify;
  2470. -ms-flex-pack:justify;
  2471. justify-content:space-between
  2472. }
  2473. .group>*{
  2474. margin:0 10px 20px 10px!important
  2475. }
  2476. .group>.group-stretch{
  2477. -webkit-box-flex:1;
  2478. -ms-flex:1;
  2479. flex:1
  2480. }
  2481. .column-row,#content>.content-row .content-header+.column-row{
  2482. display:-webkit-box;
  2483. display:-ms-flexbox;
  2484. display:flex;
  2485. margin:-30px
  2486. }
  2487. .column-row.column-row-flex-width{
  2488. -webkit-box-pack:justify!important;
  2489. -ms-flex-pack:justify!important;
  2490. justify-content:space-between!important
  2491. }
  2492. .column-row:not(:first-child){
  2493. margin-top:30px
  2494. }
  2495. .column-row.align-center,.column-row.align-center-top,.column-row.align-center-center,.column-row.align-center-bottom{
  2496. -webkit-box-align:center;
  2497. -ms-flex-align:center;
  2498. align-items:center;
  2499. -webkit-box-pack:center;
  2500. -ms-flex-pack:center;
  2501. justify-content:center
  2502. }
  2503. .column-row.align-left-top,.column-row.align-left-center,.column-row.align-left-bottom{
  2504. -webkit-box-align:start;
  2505. -ms-flex-align:start;
  2506. align-items:flex-start;
  2507. -webkit-box-pack:start;
  2508. -ms-flex-pack:start;
  2509. justify-content:flex-start
  2510. }
  2511. .column-row.align-right-top,.column-row.align-right-center,.column-row.align-right-bottom{
  2512. -webkit-box-align:start;
  2513. -ms-flex-align:start;
  2514. align-items:flex-start;
  2515. -webkit-box-pack:end;
  2516. -ms-flex-pack:end;
  2517. justify-content:flex-end
  2518. }
  2519. .column-row.align-center-top{
  2520. -webkit-box-align:start;
  2521. -ms-flex-align:start;
  2522. align-items:flex-start
  2523. }
  2524. .column-row.align-left-center,.column-row.align-right-center{
  2525. -webkit-box-align:center;
  2526. -ms-flex-align:center;
  2527. align-items:center
  2528. }
  2529. .column-row.align-left-bottom,.column-row.align-center-bottom,.column-row.align-right-bottom{
  2530. -webkit-box-align:end;
  2531. -ms-flex-align:end;
  2532. align-items:flex-end
  2533. }
  2534. .column-row>.column-20,.column-row>.column-25,.column-row>.column-30,.column-row>.column-33,.column-row>.column-40,.column-row>.column-50,.column-row>.column-60,.column-row>.column-66,.column-row>.column-70,.column-row>.column-75,.column-row>.column-80,.column-row>.column-flex{
  2535. padding:30px;
  2536. -webkit-box-sizing:border-box;
  2537. box-sizing:border-box
  2538. }
  2539. .column-row>.column-20{
  2540. width:20%
  2541. }
  2542. .column-row>.column-25{
  2543. width:25%
  2544. }
  2545. .column-row>.column-30{
  2546. width:30%
  2547. }
  2548. .column-row>.column-33{
  2549. width:33.33%
  2550. }
  2551. .column-row>.column-40{
  2552. width:40%
  2553. }
  2554. .column-row>.column-50{
  2555. width:50%
  2556. }
  2557. .column-row>.column-60{
  2558. width:60%
  2559. }
  2560. .column-row>.column-66{
  2561. width:66.66%
  2562. }
  2563. .column-row>.column-70{
  2564. width:70%
  2565. }
  2566. .column-row>.column-75{
  2567. width:75%
  2568. }
  2569. .column-row>.column-80{
  2570. width:80%
  2571. }
  2572. .container{
  2573. position:relative;
  2574. width:1280px;
  2575. margin:0 auto
  2576. }
  2577. .container.container-full-width{
  2578. width:auto;
  2579. margin:0 60px;
  2580. -ms-flex-preferred-size:100%;
  2581. flex-basis:100%
  2582. }
  2583. .container::after{
  2584. content:"";
  2585. display:table;
  2586. clear:both
  2587. }
  2588. #header{
  2589. position:fixed;
  2590. z-index:100;
  2591. top:0;
  2592. left:0;
  2593. width:100%;
  2594. height:60px;
  2595. padding:30px 0;
  2596. background-color:#0098ef;
  2597. -webkit-transition:-webkit-transform .4s,-webkit-box-shadow .4s;
  2598. transition:-webkit-transform .4s,-webkit-box-shadow .4s;
  2599. transition:transform .4s,box-shadow .4s;
  2600. transition:transform .4s,box-shadow .4s,-webkit-transform .4s,-webkit-box-shadow .4s
  2601. }
  2602. #header.header-static{
  2603. position:absolute
  2604. }
  2605. #header.header-light{
  2606. background-color:#fff!important
  2607. }
  2608. #header.header-gray{
  2609. background-color:#f0f2f5!important
  2610. }
  2611. #header.header-dark{
  2612. background-color:#2c3645!important
  2613. }
  2614. #header.header-dynamic.headroom--pinned.headroom--top{
  2615. -webkit-transition:-webkit-box-shadow .4s;
  2616. transition:-webkit-box-shadow .4s;
  2617. transition:box-shadow .4s;
  2618. transition:box-shadow .4s,-webkit-box-shadow .4s
  2619. }
  2620. #header.header-dynamic.headroom--pinned{
  2621. -webkit-transform:translate3d(0,0,0);
  2622. transform:translate3d(0,0,0)
  2623. }
  2624. #header.header-dynamic.headroom--unpinned{
  2625. -webkit-transform:translate3d(0,-100%,0);
  2626. transform:translate3d(0,-100%,0)
  2627. }
  2628. #header.header-dynamic.headroom--disabled{
  2629. -webkit-transform:translate3d(0,0,0)!important;
  2630. transform:translate3d(0,0,0)!important
  2631. }
  2632. #header.header-shadow,#header.header-shadow-scroll.active{
  2633. -webkit-box-shadow:0 16px 32px rgba(44,54,69,0.05);
  2634. box-shadow:0 16px 32px rgba(44,54,69,0.05)
  2635. }
  2636. #header.header-shadow.headroom--unpinned,#header.header-shadow-scroll.active.headroom--unpinned{
  2637. -webkit-box-shadow:none;
  2638. box-shadow:none
  2639. }
  2640. #header .logo,#nav-overlay .logo{
  2641. float:left;
  2642. display:-webkit-box;
  2643. display:-ms-flexbox;
  2644. display:flex;
  2645. -webkit-box-align:center;
  2646. -ms-flex-align:center;
  2647. align-items:center;
  2648. max-width:30%;
  2649. height:60px;
  2650. line-height:60px;
  2651. text-decoration:none!important
  2652. }
  2653. #header .logo img,#nav-overlay .logo img{
  2654. display:block;
  2655. max-width:100%;
  2656. max-height:100%
  2657. }
  2658. #header .logo .logo-text,#nav-overlay .logo .logo-text{
  2659. font-size:32px;
  2660. white-space:nowrap;
  2661. font-family:Montserrat,sans-serif
  2662. }
  2663. #header .logo .logo-text small,#nav-overlay .logo .logo-text small{
  2664. font-size:50%;
  2665. line-height:50%;
  2666. color:rgba(255,255,255,0.6)
  2667. }
  2668. #header.header-gray .logo .logo-text small,#header.header-light .logo .logo-text small,#nav-overlay.nav-overlay-gray .logo .logo-text small,#nav-overlay.nav-overlay-light .logo .logo-text small{
  2669. color:#a0abbc
  2670. }
  2671. #header.header-dark .logo .logo-text small,#nav-overlay.nav-overlay-dark .logo .logo-text small{
  2672. color:#667791
  2673. }
  2674. #header:not(.header-nav-overlay) .logo .logo-text.logo-text-baseline{
  2675. padding-top:16px
  2676. }
  2677. #header .logo.logo-center{
  2678. float:none;
  2679. margin:0 auto;
  2680. -webkit-box-pack:center;
  2681. -ms-flex-pack:center;
  2682. justify-content:center
  2683. }
  2684. #header nav{
  2685. float:right;
  2686. width:70%
  2687. }
  2688. #header.header-nav-overlay nav{
  2689. display:none
  2690. }
  2691. #header nav ul{
  2692. list-style-type:none
  2693. }
  2694. #header nav .nav-primary{
  2695. float:right;
  2696. margin-top:28px
  2697. }
  2698. #header nav .nav-primary>li{
  2699. position:relative;
  2700. float:left
  2701. }
  2702. #header nav .nav-primary>li:not(:last-of-type){
  2703. margin-right:40px
  2704. }
  2705. #header nav .nav-primary>li.button-follows{
  2706. margin-right:10px
  2707. }
  2708. #header nav .nav-primary>li>a{
  2709. display:block;
  2710. height:32px;
  2711. line-height:32px;
  2712. font-size:14px;
  2713. font-weight:bold;
  2714. font-family:Montserrat,sans-serif;
  2715. text-transform:uppercase
  2716. }
  2717. #header:not(.header-light):not(.header-gray):not(.header-dark) .logo,#header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a:not(.button){
  2718. color:#fff
  2719. }
  2720. #header nav .nav-primary>li>a:hover:not(.button){
  2721. color:#a0abbc;
  2722. text-decoration:none
  2723. }
  2724. #header.header-dark nav .nav-primary>li>a:hover:not(.button){
  2725. color:#667791
  2726. }
  2727. #header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a:hover:not(.button){
  2728. color:rgba(255,255,255,0.6)
  2729. }
  2730. #header nav .nav-primary>li>a.button{
  2731. padding:0 16px;
  2732. border-radius:4px
  2733. }
  2734. #header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a.button.button-primary,#header.header-light nav .nav-primary>li>a.button:not(.button-primary):not(.button-secondary),#header.header-gray nav .nav-primary>li>a.button:not(.button-primary):not(.button-secondary){
  2735. line-height:28px;
  2736. padding:0 14px
  2737. }
  2738. #header:not(.header-light):not(.header-gray):not(.header-dark) nav .nav-primary>li>a.button.button-primary{
  2739. border:2px solid rgba(255,255,255,0.2)
  2740. }
  2741. #header:not(.header-light):not(.header-gray) nav .nav-primary>li>a.button:not(.button-primary){
  2742. border:0
  2743. }
  2744. #header nav .nav-primary>li ul,#header.header-dynamic.headroom--unpinned nav .nav-primary>li ul{
  2745. display:none;
  2746. position:absolute;
  2747. padding:10px;
  2748. margin:10px 0 0 -20px;
  2749. background-color:#fff;
  2750. border-radius:6px;
  2751. -webkit-box-shadow:0 0 0 2px rgba(74,86,105,0.1),0 15px 30px rgba(74,86,105,0.1);
  2752. box-shadow:0 0 0 2px rgba(74,86,105,0.1),0 15px 30px rgba(74,86,105,0.1)
  2753. }
  2754. #header nav .nav-primary>li>ul.nav-button{
  2755. margin-left:0
  2756. }
  2757. #header nav .nav-primary>li:hover>ul{
  2758. display:block;
  2759. -webkit-animation:nav-primary-down .2s;
  2760. animation:nav-primary-down .2s
  2761. }
  2762. #header nav .nav-primary>li>ul::before{
  2763. position:absolute;
  2764. content:"";
  2765. top:-10px;
  2766. left:0;
  2767. right:0;
  2768. height:10px
  2769. }
  2770. #header nav .nav-primary>li ul li{
  2771. position:relative;
  2772. line-height:26px;
  2773. white-space:nowrap
  2774. }
  2775. #header nav .nav-primary>li ul li a{
  2776. display:block;
  2777. padding:4px 10px;
  2778. font-size:15px;
  2779. border-radius:4px
  2780. }
  2781. #header nav .nav-primary>li ul li a:hover{
  2782. color:#a0abbc;
  2783. text-decoration:none;
  2784. background-color:#f0f2f5
  2785. }
  2786. #header nav .nav-primary>li ul li ul{
  2787. top:-20px;
  2788. left:100%;
  2789. margin-left:20px
  2790. }
  2791. #header nav .nav-primary>li ul li:hover ul{
  2792. display:block;
  2793. -webkit-animation:nav-primary-right .2s;
  2794. animation:nav-primary-right .2s
  2795. }
  2796. #header nav .nav-primary>li ul li ul::before{
  2797. position:absolute;
  2798. content:"";
  2799. top:0;
  2800. bottom:0;
  2801. left:-20px;
  2802. width:20px
  2803. }
  2804. #header nav .nav-primary>li>ul.nav-left{
  2805. right:0;
  2806. margin:10px -20px 0 0
  2807. }
  2808. #header nav .nav-primary>li>ul.nav-left.nav-button{
  2809. margin-right:0
  2810. }
  2811. #header nav .nav-primary>li ul.nav-left li a{
  2812. text-align:right
  2813. }
  2814. #header nav .nav-primary>li ul li ul.nav-left{
  2815. left:auto;
  2816. right:100%;
  2817. margin-right:20px
  2818. }
  2819. #header nav .nav-primary>li ul li ul.nav-left::before{
  2820. left:auto;
  2821. right:-20px
  2822. }
  2823. #header nav .nav-primary>li ul li:hover ul.nav-left{
  2824. display:block;
  2825. -webkit-animation:nav-primary-left .2s;
  2826. animation:nav-primary-left .2s
  2827. }
  2828. @-webkit-keyframes nav-primary-down{
  2829. 0%{
  2830. opacity:0;
  2831. -webkit-transform:translateY(-10px);
  2832. transform:translateY(-10px)
  2833. }
  2834. 100%{
  2835. opacity:1;
  2836. -webkit-transform:translateY(0);
  2837. transform:translateY(0)
  2838. }
  2839. }
  2840. @keyframes nav-primary-down{
  2841. 0%{
  2842. opacity:0;
  2843. -webkit-transform:translateY(-10px);
  2844. transform:translateY(-10px)
  2845. }
  2846. 100%{
  2847. opacity:1;
  2848. -webkit-transform:translateY(0);
  2849. transform:translateY(0)
  2850. }
  2851. }
  2852. @-webkit-keyframes nav-primary-right{
  2853. 0%{
  2854. opacity:0;
  2855. -webkit-transform:translateX(-10px);
  2856. transform:translateX(-10px)
  2857. }
  2858. 100%{
  2859. opacity:1;
  2860. -webkit-transform:translateX(0);
  2861. transform:translateX(0)
  2862. }
  2863. }
  2864. @keyframes nav-primary-right{
  2865. 0%{
  2866. opacity:0;
  2867. -webkit-transform:translateX(-10px);
  2868. transform:translateX(-10px)
  2869. }
  2870. 100%{
  2871. opacity:1;
  2872. -webkit-transform:translateX(0);
  2873. transform:translateX(0)
  2874. }
  2875. }
  2876. @-webkit-keyframes nav-primary-left{
  2877. 0%{
  2878. opacity:0;
  2879. -webkit-transform:translateX(10px);
  2880. transform:translateX(10px)
  2881. }
  2882. 100%{
  2883. opacity:1;
  2884. -webkit-transform:translateX(0);
  2885. transform:translateX(0)
  2886. }
  2887. }
  2888. @keyframes nav-primary-left{
  2889. 0%{
  2890. opacity:0;
  2891. -webkit-transform:translateX(10px);
  2892. transform:translateX(10px)
  2893. }
  2894. 100%{
  2895. opacity:1;
  2896. -webkit-transform:translateX(0);
  2897. transform:translateX(0)
  2898. }
  2899. }
  2900. #header nav .nav-secondary{
  2901. position:absolute;
  2902. top:0;
  2903. right:0;
  2904. -webkit-font-smoothing:subpixel-antialiased
  2905. }
  2906. #header nav .nav-secondary li{
  2907. float:left
  2908. }
  2909. #header nav .nav-secondary li:not(:last-of-type){
  2910. margin-right:30px
  2911. }
  2912. #header nav .nav-secondary li a{
  2913. display:block;
  2914. font-size:13px;
  2915. color:rgba(255,255,255,0.6)
  2916. }
  2917. #header.header-light nav .nav-secondary li a,#header.header-gray nav .nav-secondary li a{
  2918. color:#a0abbc
  2919. }
  2920. #header.header-dark nav .nav-secondary li a{
  2921. color:#667791
  2922. }
  2923. #header nav .nav-secondary li a:hover{
  2924. color:#fff;
  2925. text-decoration:none
  2926. }
  2927. #header.header-light nav .nav-secondary li a:hover,#header.header-gray nav .nav-secondary li a:hover{
  2928. color:#4a5669
  2929. }
  2930. #notification{
  2931. display:none;
  2932. overflow:hidden;
  2933. max-height:240px;
  2934. background-color:#00629a;
  2935. -webkit-transition:max-height .6s;
  2936. transition:max-height .6s
  2937. }
  2938. #notification.notification-hide{
  2939. max-height:0
  2940. }
  2941. #notification.notification-error{
  2942. background-color:#cd3100
  2943. }
  2944. #notification.notification-warning{
  2945. background-color:#ffcc34
  2946. }
  2947. #notification.notification-success{
  2948. background-color:#00b75a
  2949. }
  2950. #notification .container::after{
  2951. display:block
  2952. }
  2953. #notification p{
  2954. margin:20px 40px;
  2955. color:#fff;
  2956. text-align:center;
  2957. -webkit-transition:opacity .6s;
  2958. transition:opacity .6s
  2959. }
  2960. #notification.notification-hide p{
  2961. opacity:0
  2962. }
  2963. #notification p a{
  2964. color:#fc3;
  2965. white-space:nowrap
  2966. }
  2967. #notification.notification-warning p,#notification.notification-warning p a{
  2968. color:#4a5669
  2969. }
  2970. #notification.notification-warning p a,#notification.notification-warning p a .fa,#notification.notification-warning p a .fas,#notification.notification-warning p a .far,#notification.notification-warning p a .fal,#notification.notification-warning p a .fab{
  2971. font-weight:bold
  2972. }
  2973. #notification.notification-warning #notification-dismiss{
  2974. color:#4a5669
  2975. }
  2976. #notification.notification-warning #notification-dismiss:hover{
  2977. color:rgba(74,86,105,0.5)
  2978. }
  2979. #notification.notification-warning.hide #notification-dismiss{
  2980. color:rgba(74,86,105,0)
  2981. }
  2982. #notification-dismiss{
  2983. position:absolute;
  2984. top:50%;
  2985. right:0;
  2986. width:24px;
  2987. height:24px;
  2988. margin-top:-12px;
  2989. font-size:24px;
  2990. line-height:24px;
  2991. text-align:center;
  2992. cursor:pointer;
  2993. -webkit-transition:color .2s;
  2994. transition:color .2s;
  2995. color:rgba(255,255,255,0.5)
  2996. }
  2997. #notification-dismiss:hover{
  2998. color:#fff
  2999. }
  3000. #notification.notification-hide #notification-dismiss{
  3001. color:rgba(255,255,255,0)
  3002. }
  3003. #notification.notification-dismiss-align #notification-dismiss{
  3004. right:6px
  3005. }
  3006. #content>.content-row{
  3007. position:relative;
  3008. overflow:hidden;
  3009. padding:60px 0;
  3010. background-color:#fff
  3011. }
  3012. #content>.content-row.content-row-half-height,#content>.content-row.content-row-full-height{
  3013. display:-webkit-box;
  3014. display:-ms-flexbox;
  3015. display:flex;
  3016. -webkit-box-align:center;
  3017. -ms-flex-align:center;
  3018. align-items:center;
  3019. -webkit-box-sizing:border-box;
  3020. box-sizing:border-box
  3021. }
  3022. #content>.content-row.content-row-border-top{
  3023. border-top:2px solid #e6e9ee
  3024. }
  3025. #content>.content-row.content-row-border-bottom{
  3026. border-bottom:2px solid #e6e9ee
  3027. }
  3028. #content>.content-row.content-row-clouds::before,#content>.content-row.content-row-clouds::after{
  3029. content:"";
  3030. position:absolute;
  3031. z-index:2;
  3032. bottom:0;
  3033. width:1046px;
  3034. height:178px;
  3035. background-size:1046px 178px;
  3036. background-repeat:no-repeat
  3037. }
  3038. #content>.content-row.content-row-clouds::before{
  3039. right:50%;
  3040. padding-right:320px;
  3041. background-position:left bottom;
  3042. background-image:url(../img/layout/clouds-gray-left.png)
  3043. }
  3044. #content>.content-row.content-row-clouds::after{
  3045. left:50%;
  3046. padding-left:320px;
  3047. background-position:right bottom;
  3048. background-image:url(../img/layout/clouds-gray-right.png)
  3049. }
  3050. #content>.content-row.content-row-split-left::after,#content>.content-row.content-row-split-right::after{
  3051. content:"";
  3052. top:0;
  3053. bottom:0;
  3054. height:auto;
  3055. position:absolute;
  3056. background-color:#fff
  3057. }
  3058. #content>.content-row.content-row-split-left::after{
  3059. left:0;
  3060. right:50%
  3061. }
  3062. #content>.content-row.content-row-split-right::after{
  3063. left:50%;
  3064. right:0
  3065. }
  3066. #content>.content-row.content-row-split-left .container,#content>.content-row.content-row-split-right .container{
  3067. -webkit-box-sizing:border-box;
  3068. box-sizing:border-box
  3069. }
  3070. #content>.content-row.content-row-split-left .container:not(.container-full-width){
  3071. padding-right:700px
  3072. }
  3073. #content>.content-row.content-row-split-right .container:not(.container-full-width){
  3074. padding-left:700px
  3075. }
  3076. #content>.content-row.content-row-split-left .container.container-full-width,#content>.content-row.content-row-split-right .container.container-full-width{
  3077. -ms-flex-preferred-size:50%;
  3078. flex-basis:50%;
  3079. width:50%;
  3080. margin:0;
  3081. padding:0 60px
  3082. }
  3083. #content>.content-row.content-row-split-right .container.container-full-width{
  3084. margin-left:auto
  3085. }
  3086. #content>.content-row .container{
  3087. z-index:3
  3088. }
  3089. #content>.content-row ul,#content>.content-row ol{
  3090. line-height:28px
  3091. }
  3092. #content>.content-row ul:not(.list-style-nav):not(.list-style-none):not(.list-style-icon),#content>.content-row ol{
  3093. margin-left:20px
  3094. }
  3095. #content>.content-row ul li ul,#content>.content-row ul li ol,#content>.content-row ol li ul,#content>.content-row ol li ol{
  3096. margin:15px 20px
  3097. }
  3098. #content>.content-row ul li:last-child ul,#content>.content-row ul li:last-child ol,#content>.content-row ol li:last-child ul,#content>.content-row ol li:last-child ol{
  3099. margin-bottom:0
  3100. }
  3101. #content>.content-row h1:not(:first-child),#content>.content-row h2:not(:first-child),#content>.content-row h3:not(:first-child),#content>.content-row h4:not(:first-child),#content>.content-row h5:not(:first-child){
  3102. margin-top:40px
  3103. }
  3104. #content>.content-row p:not(:first-child),#content>.content-row ul:not(:first-child),#content>.content-row ol:not(:first-child),#content>.content-row dl:not(:first-child),#content>.content-row hr:not(:first-child),#content>.content-row pre:not(:first-child),#content>.content-row form:not(:first-child),#content>.content-row table:not(:first-child),#content>.content-row iframe:not(:first-child),#content>.content-row address:not(:first-child),#content>.content-row blockquote:not(:first-child),#content>.content-row .pre-code:not(:first-child),#content>.content-row .feature-box:not(:first-child),#content>.content-row .product-box:not(:first-child),#content>.content-row .product-slider:not(:first-child),#content>.content-row .product-configurator:not(:first-child),#content>.content-row .network-map:not(:first-child),#content>.content-row .testimonial:not(:first-child),#content>.content-row .tab-group:not(:first-child),#content>.content-row .gallery:not(:first-child){
  3105. margin-top:20px
  3106. }
  3107. #content>.content-row h1+.column-row,#content>.content-row h2+.column-row,#content>.content-row h3+.column-row,#content>.content-row h4+.column-row,#content>.content-row h5+.column-row,#content>.content-row p+.column-row,#content>.content-row ul+.column-row,#content>.content-row ol+.column-row,#content>.content-row dl+.column-row,#content>.content-row hr+.column-row{
  3108. margin-top:-10px
  3109. }
  3110. #content>.content-row .content-header{
  3111. max-width:708px;
  3112. margin:0 auto 60px auto;
  3113. text-align:center
  3114. }
  3115. #content>.content-row .content-header:only-child{
  3116. margin-bottom:0!important
  3117. }
  3118. #content>.content-row .content-header mark{
  3119. background-color:rgba(74,86,105,0.1)
  3120. }
  3121. #content>.content-row .content-header.content-header-align-left,#content>.content-row .content-header.content-header-large.content-header-align-left p{
  3122. text-align:left;
  3123. margin-left:0
  3124. }
  3125. #content>.content-row .content-header.content-header-align-right,#content>.content-row .content-header.content-header-large.content-header-align-right p{
  3126. text-align:right;
  3127. margin-right:0
  3128. }
  3129. #content>.content-row .content-header.content-header-large{
  3130. max-width:100%
  3131. }
  3132. #content>.content-row .content-header.content-header-large h1,#content>.content-row .content-header.content-header-large h2,#content>.content-row .content-header.content-header-large h3{
  3133. font-weight:bold
  3134. }
  3135. #content>.content-row .content-header.content-header-large h1{
  3136. font-size:62px;
  3137. line-height:72px;
  3138. letter-spacing:-1px
  3139. }
  3140. #content>.content-row .content-header.content-header-large h2{
  3141. font-size:52px;
  3142. line-height:62px
  3143. }
  3144. #content>.content-row .content-header.content-header-large h3{
  3145. font-size:42px;
  3146. line-height:52px
  3147. }
  3148. #content>.content-row .content-header.content-header-large p{
  3149. max-width:708px;
  3150. margin-left:auto;
  3151. margin-right:auto;
  3152. font-size:24px;
  3153. line-height:36px;
  3154. font-family:Montserrat,sans-serif
  3155. }
  3156. #content>.content-row .content-header.content-header-small p{
  3157. margin-top:0
  3158. }
  3159. #content>.content-row .content-header.content-header-uppercase h1,#content>.content-row .content-header.content-header-uppercase h2,#content>.content-row .content-header.content-header-uppercase h3,#content>.content-row .content-header.content-header-uppercase h4,#content>.content-row .content-header.content-header-uppercase h5{
  3160. font-weight:bold;
  3161. text-transform:uppercase
  3162. }
  3163. #content>.content-row .content-box{
  3164. padding:58px;
  3165. background-color:#fff;
  3166. border:2px solid #e6e9ee;
  3167. border-radius:12px
  3168. }
  3169. #content>.content-row .content-box:not(:first-child){
  3170. margin-top:60px
  3171. }
  3172. #content>.content-row .column-row>.content-sidebar-left,#content>.content-row .column-row>.content-sidebar-right{
  3173. position:relative
  3174. }
  3175. #content>.content-row .column-row>.content-sidebar-left{
  3176. -webkit-box-ordinal-group:0;
  3177. -ms-flex-order:-1;
  3178. order:-1;
  3179. padding-right:90px
  3180. }
  3181. #content>.content-row .column-row>.content-sidebar-right{
  3182. -webkit-box-ordinal-group:2;
  3183. -ms-flex-order:1;
  3184. order:1;
  3185. padding-left:90px
  3186. }
  3187. #content>.content-row .column-row>.content-sidebar-left.column-20,#content>.content-row .column-row>.content-sidebar-right.column-20{
  3188. min-width:268px
  3189. }
  3190. #content>.content-row .column-row>.content-sidebar-left.column-25,#content>.content-row .column-row>.content-sidebar-right.column-25{
  3191. min-width:335px
  3192. }
  3193. #content>.content-row .column-row>.content-sidebar-left.column-30,#content>.content-row .column-row>.content-sidebar-right.column-30{
  3194. min-width:402px
  3195. }
  3196. #content>.content-row .column-row>.content-sidebar-left.column-33,#content>.content-row .column-row>.content-sidebar-right.column-33,#content>.content-row .column-row>.content-sidebar-left.column-40,#content>.content-row .column-row>.content-sidebar-right.column-40{
  3197. min-width:445px
  3198. }
  3199. #content>.content-row .column-row>.content-sidebar-left.column-50{
  3200. padding-right:30px;
  3201. margin-right:60px
  3202. }
  3203. #content>.content-row .column-row>.content-sidebar-right.column-50{
  3204. padding-left:30px;
  3205. margin-left:60px
  3206. }
  3207. #content>.content-row .column-row>.content-sidebar-left::before,#content>.content-row .column-row>.content-sidebar-right::before{
  3208. content:"";
  3209. position:absolute;
  3210. top:-30px;
  3211. bottom:-30px;
  3212. border-left:2px solid #e6e9ee
  3213. }
  3214. #content>.content-row .column-row>.content-sidebar-left::before{
  3215. right:29px
  3216. }
  3217. #content>.content-row .column-row>.content-sidebar-right::before{
  3218. left:29px
  3219. }
  3220. #content>.content-row .column-row>.content-sidebar-left.column-50::before{
  3221. right:-31px
  3222. }
  3223. #content>.content-row .column-row>.content-sidebar-right.column-50::before{
  3224. left:-31px
  3225. }
  3226. #content>.content-row .content-background{
  3227. position:absolute;
  3228. overflow:hidden;
  3229. top:0;
  3230. left:0;
  3231. right:0;
  3232. bottom:0;
  3233. display:-webkit-box;
  3234. display:-ms-flexbox;
  3235. display:flex;
  3236. -webkit-box-align:center;
  3237. -ms-flex-align:center;
  3238. align-items:center;
  3239. -webkit-box-pack:center;
  3240. -ms-flex-pack:center;
  3241. justify-content:center
  3242. }
  3243. #content>.content-row.content-row-split-left .content-background,#content>.content-row.content-row-split-right .content-background{
  3244. z-index:4
  3245. }
  3246. #content>.content-row.content-row-split-left .content-background{
  3247. left:50%
  3248. }
  3249. #content>.content-row.content-row-split-right .content-background{
  3250. right:50%
  3251. }
  3252. #content>.content-row .content-background.content-background-scroll{
  3253. top:-20%;
  3254. bottom:-20%
  3255. }
  3256. #content>.content-row .content-background i{
  3257. font-size:50vmin;
  3258. text-align:center
  3259. }
  3260. #content>.content-row .content-background svg,#content>.content-row .content-background img,#content>.content-row .content-background video,#content>.content-row .content-background iframe{
  3261. position:absolute;
  3262. top:50%;
  3263. left:50%;
  3264. width:100%;
  3265. height:auto;
  3266. max-width:none;
  3267. -webkit-transform:translate(-50%,-50%);
  3268. transform:translate(-50%,-50%)
  3269. }
  3270. #content>.content-row .content-background iframe{
  3271. height:100%
  3272. }
  3273. #content>.content-row .content-background.object-fit-width svg,#content>.content-row .content-background.object-fit-width img,#content>.content-row .content-background.object-fit-width video{
  3274. width:100%!important;
  3275. height:auto!important
  3276. }
  3277. #content>.content-row .content-background.object-fit-height svg,#content>.content-row .content-background.object-fit-height img,#content>.content-row .content-background.object-fit-height video{
  3278. width:auto!important;
  3279. height:100%!important
  3280. }
  3281. #content>.content-row .content-background.content-background-scale svg,#content>.content-row .content-background.content-background-scale img,#content>.content-row .content-background.content-background-scale video{
  3282. width:auto;
  3283. height:auto
  3284. }
  3285. #content>.content-row .content-background.content-background-light i,#content>.content-row .content-background.content-background-light svg{
  3286. opacity:.1
  3287. }
  3288. #content>.content-row .content-background.content-background-light img,#content>.content-row .content-background.content-background-light video,#content>.content-row .content-background.content-background-light iframe{
  3289. opacity:.2
  3290. }
  3291. #content>.content-row .content-background.content-background-blur i,#content>.content-row .content-background.content-background-blur svg,#content>.content-row .content-background.content-background-blur img,#content>.content-row .content-background.content-background-blur video,#content>.content-row .content-background.content-background-blur iframe{
  3292. margin:-40px;
  3293. -webkit-filter:blur(20px);
  3294. filter:blur(20px)
  3295. }
  3296. #content>.content-row .content-slider{
  3297. display:-webkit-box;
  3298. display:-ms-flexbox;
  3299. display:flex;
  3300. -webkit-box-orient:horizontal;
  3301. -webkit-box-direction:normal;
  3302. -ms-flex-flow:row;
  3303. flex-flow:row;
  3304. margin:-60px 0
  3305. }
  3306. #content>.content-row .content-slider>ul{
  3307. display:-webkit-box;
  3308. display:-ms-flexbox;
  3309. display:flex;
  3310. -webkit-box-pack:center;
  3311. -ms-flex-pack:center;
  3312. justify-content:center;
  3313. position:absolute;
  3314. z-index:4;
  3315. bottom:60px;
  3316. width:100%;
  3317. height:12px;
  3318. line-height:12px;
  3319. list-style-type:none;
  3320. margin:0!important
  3321. }
  3322. #content>.content-row .content-slider>ul li{
  3323. display:block;
  3324. margin:0 20px;
  3325. cursor:pointer;
  3326. color:#a0abbc;
  3327. font-size:14px;
  3328. font-weight:bold;
  3329. text-align:center;
  3330. text-transform:uppercase;
  3331. font-family:Montserrat,sans-serif;
  3332. -webkit-transition:color .2s;
  3333. transition:color .2s;
  3334. -webkit-user-select:none;
  3335. -moz-user-select:none;
  3336. -ms-user-select:none;
  3337. user-select:none
  3338. }
  3339. #content>.content-row .content-slider>ul li:hover{
  3340. color:#4a5669
  3341. }
  3342. #content>.content-row .content-slider>ul li.active{
  3343. color:#0098ef
  3344. }
  3345. #content>.content-row .content-slider>ul li:empty{
  3346. width:12px;
  3347. height:12px;
  3348. margin:0 8px;
  3349. border-radius:6px;
  3350. background-color:rgba(74,86,105,0.1);
  3351. -webkit-transition:background-color .2s;
  3352. transition:background-color .2s
  3353. }
  3354. #content>.content-row .content-slider>ul li.active:empty{
  3355. background-color:#0098ef
  3356. }
  3357. #content>.content-row .content-slider>i{
  3358. position:absolute;
  3359. z-index:2;
  3360. top:50%;
  3361. width:60px;
  3362. height:60px;
  3363. margin-top:-30px;
  3364. line-height:60px;
  3365. font-size:40px;
  3366. color:#a0abbc;
  3367. text-align:center;
  3368. cursor:pointer;
  3369. -webkit-transition:color .2s;
  3370. transition:color .2s;
  3371. -webkit-user-select:none;
  3372. -moz-user-select:none;
  3373. -ms-user-select:none;
  3374. user-select:none
  3375. }
  3376. #content>.content-row .content-slider>i:hover{
  3377. color:#4a5669
  3378. }
  3379. #content>.content-row .content-slider>i.slide-previous{
  3380. left:0
  3381. }
  3382. #content>.content-row .content-slider>i.slide-next{
  3383. right:0
  3384. }
  3385. #content>.content-row .content-slider .content-slider-inner,#content>.content-row .content-slider .content-slider-inner .slide{
  3386. position:absolute;
  3387. top:0;
  3388. left:0;
  3389. width:100%;
  3390. height:100%
  3391. }
  3392. #content>.content-row .content-slider .content-slider-inner .slide{
  3393. overflow:hidden;
  3394. display:-webkit-box;
  3395. display:-ms-flexbox;
  3396. display:flex;
  3397. -webkit-box-flex:0;
  3398. -ms-flex:0 0 100%;
  3399. flex:0 0 100%;
  3400. padding:120px 0;
  3401. color:#4a5669;
  3402. -webkit-box-align:center;
  3403. -ms-flex-align:center;
  3404. align-items:center;
  3405. -webkit-box-pack:center;
  3406. -ms-flex-pack:center;
  3407. justify-content:center;
  3408. text-decoration:none;
  3409. -webkit-box-sizing:border-box;
  3410. box-sizing:border-box
  3411. }
  3412. #content>.content-row .content-slider .content-slider-inner .slide.align-top{
  3413. -webkit-box-align:start;
  3414. -ms-flex-align:start;
  3415. align-items:flex-start
  3416. }
  3417. #content>.content-row .content-slider .content-slider-inner .slide.align-bottom{
  3418. -webkit-box-align:end;
  3419. -ms-flex-align:end;
  3420. align-items:flex-end
  3421. }
  3422. #content>.content-row .content-slider.content-slider-has-nav .content-slider-inner .slide{
  3423. padding-bottom:190px
  3424. }
  3425. #content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large{
  3426. margin-bottom:50px
  3427. }
  3428. #content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large p{
  3429. margin-top:30px
  3430. }
  3431. #content>.content-row .content-slider .content-slider-inner .slide>.container{
  3432. margin:0
  3433. }
  3434. #content>.content-row .content-slider .content-slider-inner .slide.active,#content>.content-row .content-slider .content-slider-inner .slide.active-first{
  3435. visibility:visible
  3436. }
  3437. #content>.content-row .content-slider .content-slider-inner .slide.inactive,#content>.content-row .content-slider .content-slider-inner .slide:not(.active):not(.active-first){
  3438. visibility:hidden
  3439. }
  3440. #content>.content-row .content-slider.animate-container-fade .content-slider-inner .slide.inactive,#content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.inactive,#content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.inactive,#content>.content-row .content-slider.animate-background-fade .content-slider-inner .slide.inactive,#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.inactive,#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.inactive{
  3441. -webkit-transition:visibility 0s linear .6s;
  3442. transition:visibility 0s linear .6s
  3443. }
  3444. #content>.content-row .content-slider .content-slider-inner .slide.inactive>.container,#content>.content-row .content-slider .content-slider-inner .slide.inactive>.content-background,#content>.content-row .content-slider .content-slider-inner .slide:not(.active):not(.active-first)>.container,#content>.content-row .content-slider .content-slider-inner .slide:not(.active):not(.active-first)>.content-background{
  3445. opacity:0
  3446. }
  3447. #content>.content-row .content-slider.animate-container-fade .content-slider-inner .slide.active>.container,#content>.content-row .content-slider.animate-background-fade .content-slider-inner .slide.active>.content-background{
  3448. -webkit-animation:content-slider-animate-fade-in .6s;
  3449. animation:content-slider-animate-fade-in .6s
  3450. }
  3451. #content>.content-row .content-slider.animate-container-fade .content-slider-inner .slide.inactive>.container,#content>.content-row .content-slider.animate-background-fade .content-slider-inner .slide.inactive>.content-background{
  3452. -webkit-animation:content-slider-animate-fade-out .6s;
  3453. animation:content-slider-animate-fade-out .6s
  3454. }
  3455. @-webkit-keyframes content-slider-animate-fade-in{
  3456. 0%{
  3457. opacity:0
  3458. }
  3459. 100%{
  3460. opacity:1
  3461. }
  3462. }
  3463. @keyframes content-slider-animate-fade-in{
  3464. 0%{
  3465. opacity:0
  3466. }
  3467. 100%{
  3468. opacity:1
  3469. }
  3470. }
  3471. @-webkit-keyframes content-slider-animate-fade-out{
  3472. 0%{
  3473. opacity:1
  3474. }
  3475. 100%{
  3476. opacity:0
  3477. }
  3478. }
  3479. @keyframes content-slider-animate-fade-out{
  3480. 0%{
  3481. opacity:1
  3482. }
  3483. 100%{
  3484. opacity:0
  3485. }
  3486. }
  3487. #content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.active>.container,#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.active>.content-background{
  3488. -webkit-animation:content-slider-animate-slide-in .6s;
  3489. animation:content-slider-animate-slide-in .6s
  3490. }
  3491. #content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.inactive>.container,#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.inactive>.content-background{
  3492. -webkit-animation:content-slider-animate-slide-out .6s;
  3493. animation:content-slider-animate-slide-out .6s
  3494. }
  3495. @-webkit-keyframes content-slider-animate-slide-in{
  3496. 0%{
  3497. opacity:0;
  3498. -webkit-transform:translateX(25%);
  3499. transform:translateX(25%)
  3500. }
  3501. 100%{
  3502. opacity:1;
  3503. -webkit-transform:translateX(0);
  3504. transform:translateX(0)
  3505. }
  3506. }
  3507. @keyframes content-slider-animate-slide-in{
  3508. 0%{
  3509. opacity:0;
  3510. -webkit-transform:translateX(25%);
  3511. transform:translateX(25%)
  3512. }
  3513. 100%{
  3514. opacity:1;
  3515. -webkit-transform:translateX(0);
  3516. transform:translateX(0)
  3517. }
  3518. }
  3519. @-webkit-keyframes content-slider-animate-slide-out{
  3520. 0%{
  3521. opacity:1;
  3522. -webkit-transform:translateX(0);
  3523. transform:translateX(0)
  3524. }
  3525. 100%{
  3526. opacity:0;
  3527. -webkit-transform:translateX(-25%);
  3528. transform:translateX(-25%)
  3529. }
  3530. }
  3531. @keyframes content-slider-animate-slide-out{
  3532. 0%{
  3533. opacity:1;
  3534. -webkit-transform:translateX(0);
  3535. transform:translateX(0)
  3536. }
  3537. 100%{
  3538. opacity:0;
  3539. -webkit-transform:translateX(-25%);
  3540. transform:translateX(-25%)
  3541. }
  3542. }
  3543. #content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.active.animate-previous>.container,#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.active.animate-previous>.content-background{
  3544. -webkit-animation:content-slider-animate-slide-in-previous .6s;
  3545. animation:content-slider-animate-slide-in-previous .6s
  3546. }
  3547. #content>.content-row .content-slider.animate-container-slide .content-slider-inner .slide.inactive.animate-previous>.container,#content>.content-row .content-slider.animate-background-slide .content-slider-inner .slide.inactive.animate-previous>.content-background{
  3548. -webkit-animation:content-slider-animate-slide-out-previous .6s;
  3549. animation:content-slider-animate-slide-out-previous .6s
  3550. }
  3551. @-webkit-keyframes content-slider-animate-slide-in-previous{
  3552. 0%{
  3553. opacity:0;
  3554. -webkit-transform:translateX(-25%);
  3555. transform:translateX(-25%)
  3556. }
  3557. 100%{
  3558. opacity:1;
  3559. -webkit-transform:translateX(0);
  3560. transform:translateX(0)
  3561. }
  3562. }
  3563. @keyframes content-slider-animate-slide-in-previous{
  3564. 0%{
  3565. opacity:0;
  3566. -webkit-transform:translateX(-25%);
  3567. transform:translateX(-25%)
  3568. }
  3569. 100%{
  3570. opacity:1;
  3571. -webkit-transform:translateX(0);
  3572. transform:translateX(0)
  3573. }
  3574. }
  3575. @-webkit-keyframes content-slider-animate-slide-out-previous{
  3576. 0%{
  3577. opacity:1;
  3578. -webkit-transform:translateX(0);
  3579. transform:translateX(0)
  3580. }
  3581. 100%{
  3582. opacity:0;
  3583. -webkit-transform:translateX(25%);
  3584. transform:translateX(25%)
  3585. }
  3586. }
  3587. @keyframes content-slider-animate-slide-out-previous{
  3588. 0%{
  3589. opacity:1;
  3590. -webkit-transform:translateX(0);
  3591. transform:translateX(0)
  3592. }
  3593. 100%{
  3594. opacity:0;
  3595. -webkit-transform:translateX(25%);
  3596. transform:translateX(25%)
  3597. }
  3598. }
  3599. #content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.active>.container,#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.active>.content-background{
  3600. -webkit-animation:content-slider-animate-scale-in .6s;
  3601. animation:content-slider-animate-scale-in .6s
  3602. }
  3603. #content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.inactive>.container,#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.inactive>.content-background{
  3604. -webkit-animation:content-slider-animate-scale-out .6s;
  3605. animation:content-slider-animate-scale-out .6s
  3606. }
  3607. @-webkit-keyframes content-slider-animate-scale-in{
  3608. 0%{
  3609. opacity:0;
  3610. -webkit-transform:scale(0.8);
  3611. transform:scale(0.8)
  3612. }
  3613. 100%{
  3614. opacity:1;
  3615. -webkit-transform:scale(1);
  3616. transform:scale(1)
  3617. }
  3618. }
  3619. @keyframes content-slider-animate-scale-in{
  3620. 0%{
  3621. opacity:0;
  3622. -webkit-transform:scale(0.8);
  3623. transform:scale(0.8)
  3624. }
  3625. 100%{
  3626. opacity:1;
  3627. -webkit-transform:scale(1);
  3628. transform:scale(1)
  3629. }
  3630. }
  3631. @-webkit-keyframes content-slider-animate-scale-out{
  3632. 0%{
  3633. opacity:1;
  3634. -webkit-transform:scale(1);
  3635. transform:scale(1)
  3636. }
  3637. 100%{
  3638. opacity:0;
  3639. -webkit-transform:scale(1.2);
  3640. transform:scale(1.2)
  3641. }
  3642. }
  3643. @keyframes content-slider-animate-scale-out{
  3644. 0%{
  3645. opacity:1;
  3646. -webkit-transform:scale(1);
  3647. transform:scale(1)
  3648. }
  3649. 100%{
  3650. opacity:0;
  3651. -webkit-transform:scale(1.2);
  3652. transform:scale(1.2)
  3653. }
  3654. }
  3655. #content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.active.animate-previous>.container,#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.active.animate-previous>.content-background{
  3656. -webkit-animation:content-slider-animate-scale-in-previous .6s;
  3657. animation:content-slider-animate-scale-in-previous .6s
  3658. }
  3659. #content>.content-row .content-slider.animate-container-scale .content-slider-inner .slide.inactive.animate-previous>.container,#content>.content-row .content-slider.animate-background-scale .content-slider-inner .slide.inactive.animate-previous>.content-background{
  3660. -webkit-animation:content-slider-animate-scale-out-previous .6s;
  3661. animation:content-slider-animate-scale-out-previous .6s
  3662. }
  3663. @-webkit-keyframes content-slider-animate-scale-in-previous{
  3664. 0%{
  3665. opacity:0;
  3666. -webkit-transform:scale(1.2);
  3667. transform:scale(1.2)
  3668. }
  3669. 100%{
  3670. opacity:1;
  3671. -webkit-transform:scale(1);
  3672. transform:scale(1)
  3673. }
  3674. }
  3675. @keyframes content-slider-animate-scale-in-previous{
  3676. 0%{
  3677. opacity:0;
  3678. -webkit-transform:scale(1.2);
  3679. transform:scale(1.2)
  3680. }
  3681. 100%{
  3682. opacity:1;
  3683. -webkit-transform:scale(1);
  3684. transform:scale(1)
  3685. }
  3686. }
  3687. @-webkit-keyframes content-slider-animate-scale-out-previous{
  3688. 0%{
  3689. opacity:1;
  3690. -webkit-transform:scale(1);
  3691. transform:scale(1)
  3692. }
  3693. 100%{
  3694. opacity:0;
  3695. -webkit-transform:scale(0.8);
  3696. transform:scale(0.8)
  3697. }
  3698. }
  3699. @keyframes content-slider-animate-scale-out-previous{
  3700. 0%{
  3701. opacity:1;
  3702. -webkit-transform:scale(1);
  3703. transform:scale(1)
  3704. }
  3705. 100%{
  3706. opacity:0;
  3707. -webkit-transform:scale(0.8);
  3708. transform:scale(0.8)
  3709. }
  3710. }
  3711. #content>.content-row.content-row-gray,#content>.content-row.content-row-gray.content-row-split-left::after,#content>.content-row.content-row-gray.content-row-split-right::after{
  3712. background-color:#f0f2f5
  3713. }
  3714. #content>.content-row.content-row-dark,#content>.content-row.content-row-dark.content-row-split-left::after,#content>.content-row.content-row-dark.content-row-split-right::after{
  3715. background-color:#2c3645
  3716. }
  3717. #content>.content-row.content-row-color,#content>.content-row.content-row-color.content-row-split-left::after,#content>.content-row.content-row-color.content-row-split-right::after{
  3718. background-color:#0098ef
  3719. }
  3720. #content>.content-row.content-row-gradient,#content>.content-row.content-row-gradient.content-row-split-left::after,#content>.content-row.content-row-gradient.content-row-split-right::after{
  3721. background-repeat:repeat-x;
  3722. background-position:center bottom;
  3723. background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f2f5));
  3724. background-image:linear-gradient(#fff 0,#f0f2f5 100%)
  3725. }
  3726. #content>.content-row.content-row-gray.content-row-gradient,#content>.content-row.content-row-gray.content-row-gradient.content-row-split-left::after,#content>.content-row.content-row-gray.content-row-gradient.content-row-split-right::after{
  3727. background-image:-webkit-gradient(linear,left top,left bottom,from(#f0f2f5),to(#e6e9ee));
  3728. background-image:linear-gradient(#f0f2f5 0,#e6e9ee 100%)
  3729. }
  3730. #content>.content-row.content-row-dark.content-row-gradient,#content>.content-row.content-row-dark.content-row-gradient.content-row-split-left::after,#content>.content-row.content-row-dark.content-row-gradient.content-row-split-right::after{
  3731. background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.2)));
  3732. background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.2) 100%)
  3733. }
  3734. #content>.content-row.content-row-color.content-row-gradient,#content>.content-row.content-row-color.content-row-gradient.content-row-split-left::after,#content>.content-row.content-row-color.content-row-gradient.content-row-split-right::after{
  3735. background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.1)));
  3736. background-image:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.1) 100%)
  3737. }
  3738. #content>.content-row.content-row.content-row-dark.content-row-border-top,#content>.content-row.content-row.content-row-dark.content-row-border-bottom{
  3739. border-color:#3a4659
  3740. }
  3741. #content>.content-row.content-row.content-row-color.content-row-border-top,#content>.content-row.content-row.content-row-color.content-row-border-bottom{
  3742. border-color:rgba(255,255,255,0.2)
  3743. }
  3744. #content>.content-row.content-row-gray.content-row-clouds::before,#content>.content-row.content-row-dark.content-row-clouds::before,#content>.content-row.content-row-color.content-row-clouds::before,#content>.content-row.content-row-gradient.content-row-clouds::before{
  3745. background-image:url(../img/layout/clouds-light-left.png)
  3746. }
  3747. #content>.content-row.content-row-gray.content-row-clouds::after,#content>.content-row.content-row-dark.content-row-clouds::after,#content>.content-row.content-row-color.content-row-clouds::after,#content>.content-row.content-row-gradient.content-row-clouds::after{
  3748. background-image:url(../img/layout/clouds-light-right.png)
  3749. }
  3750. #content>.content-row.content-row-dark.content-row-clouds.content-row-clouds-light::before,#content>.content-row.content-row-dark.content-row-clouds.content-row-clouds-light::after{
  3751. opacity:.1
  3752. }
  3753. #content>.content-row.content-row-color.content-row-clouds.content-row-clouds-light::before,#content>.content-row.content-row-color.content-row-clouds.content-row-clouds-light::after{
  3754. opacity:.2
  3755. }
  3756. #content>.content-row.content-row-dark,#content>.content-row.content-row-dark .tab-group .tab-item.active .tab-item-title,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li.active,#content>.content-row.content-row-dark .content-header mark,#content>.content-row.content-row-dark .content-slider .content-slider-inner .slide,#content>.content-row.content-row-dark .content-slider>ul li:hover:not(.active),#content>.content-row.content-row-dark .content-slider>i:hover,#content>.content-row.content-row-color,#content>.content-row.content-row-color .tab-group .tab-item.active .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li.active,#content>.content-row.content-row-color .content-header mark,#content>.content-row.content-row-color .content-slider .content-slider-inner .slide,#content>.content-row.content-row-color .content-slider>ul li:hover:not(.active),#content>.content-row.content-row-color .content-slider>i:hover{
  3757. color:#fff
  3758. }
  3759. #content>.content-row.content-row-dark blockquote footer,#content>.content-row.content-row-dark dl dt,#content>.content-row.content-row-dark .text-color-gray,#content>.content-row.content-row-dark .blog-article .blog-article-header ul li,#content>.content-row.content-row-dark .testimonial .testimonial-author small,#content>.content-row.content-row-dark .blog-comment-group .blog-comment-author li,#content>.content-row.content-row-dark .content-slider>ul li:not(.active),#content>.content-row.content-row-dark .content-slider>i{
  3760. color:#667791
  3761. }
  3762. #content>.content-row.content-row-color blockquote footer,#content>.content-row.content-row-color dl dt,#content>.content-row.content-row-color .text-color-gray,#content>.content-row.content-row-color .blog-article .blog-article-header ul li,#content>.content-row.content-row-color .testimonial .testimonial-author small,#content>.content-row.content-row-color .blog-comment-group .blog-comment-author li,#content>.content-row.content-row-color .content-slider>ul li:not(.active),#content>.content-row.content-row-color .content-slider>i{
  3763. color:rgba(255,255,255,0.6)
  3764. }
  3765. #content>.content-row.content-row-color a:not(.button),#content>.content-row.content-row-color .icon-feature,#content>.content-row.content-row-color .icon-feature-large,#content>.content-row.content-row-color .icon-feature-inline,#content>.content-row.content-row-color .content-slider>ul li.active,#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li{
  3766. color:#fc3
  3767. }
  3768. #content>.content-row.content-row-color ul.list-style-nav li a:not(.button),#content>.content-row.content-row-color table a:not(.button),#content>.content-row.content-row-color pre a:not(.button),#content>.content-row.content-row-color .pre-code a:not(.button),#content>.content-row.content-row-color .tags li a:not(.button),#content>.content-row.content-row-color .feature-box a:not(.button),#content>.content-row.content-row-color .product-box a:not(.button),#content>.content-row.content-row-color .product-slider a:not(.button),#content>.content-row.content-row-color .product-configurator a:not(.button),#content>.content-row.content-row-color .network-map ul li span.label-top-left,#content>.content-row.content-row-color .network-map ul li span.label-top-right,#content>.content-row.content-row-color .network-map ul li span.label-bottom-left,#content>.content-row.content-row-color .network-map ul li span.label-bottom-right,#content>.content-row.content-row-color .testimonial .testimonial-content a:not(.button),#content>.content-row.content-row-color .blog-comment-group .blog-comment-content a:not(.button){
  3769. color:#0098ef
  3770. }
  3771. #content>.content-row.content-row-color .tags li a:hover,#content>.content-row.content-row-color .network-map ul li a:hover span.label-top-left,#content>.content-row.content-row-color .network-map ul li a:hover span.label-top-right,#content>.content-row.content-row-color .network-map ul li a:hover span.label-bottom-left,#content>.content-row.content-row-color .network-map ul li a:hover span.label-bottom-right{
  3772. color:#a0abbc
  3773. }
  3774. #content>.content-row.content-row-gray .testimonial .testimonial-content,#content>.content-row.content-row-gray .testimonial .testimonial-author::before,#content>.content-row.content-row-gray .blog-comment-group .blog-comment-content,#content>.content-row.content-row-dark .testimonial .testimonial-content,#content>.content-row.content-row-dark .testimonial .testimonial-author::before,#content>.content-row.content-row-dark .blog-comment-group .blog-comment-content,#content>.content-row.content-row-color .tags li a,#content>.content-row.content-row-color .network-map ul li,#content>.content-row.content-row-color .network-map ul li span.label-top-left,#content>.content-row.content-row-color .network-map ul li span.label-top-right,#content>.content-row.content-row-color .network-map ul li span.label-bottom-left,#content>.content-row.content-row-color .network-map ul li span.label-bottom-right,#content>.content-row.content-row-color .network-map ul li span.label-top-left::before,#content>.content-row.content-row-color .network-map ul li span.label-top-right::before,#content>.content-row.content-row-color .network-map ul li span.label-bottom-left::before,#content>.content-row.content-row-color .network-map ul li span.label-bottom-right::before,#content>.content-row.content-row-color .testimonial .testimonial-content,#content>.content-row.content-row-color .testimonial .testimonial-author::before,#content>.content-row.content-row-color .blog-comment-group .blog-comment-content,#content>.content-row.content-row-color .content-slider>ul li.active:empty{
  3775. background-color:#fff
  3776. }
  3777. #content>.content-row.content-row-dark .content-header mark,#content>.content-row.content-row-dark .content-slider>ul li:empty:not(.active),#content>.content-row.content-row-color code,#content>.content-row.content-row-color table caption,#content>.content-row.content-row-color .pagination>li:not(.active) a:hover,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li:not(.active):hover,#content>.content-row.content-row-color .tab-group .tab-item:not(.active) .tab-item-title:hover,#content>.content-row.content-row-color .feature-box .feature-header,#content>.content-row.content-row-color .product-box .product-popular,#content>.content-row.content-row-color .content-header mark,#content>.content-row.content-row-color .content-slider>ul li:empty:not(.active){
  3778. background-color:rgba(255,255,255,0.2)
  3779. }
  3780. #content>.content-row.content-row-dark .content-box,#content>.content-row.content-row-dark .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li::after,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
  3781. background-color:#2c3645
  3782. }
  3783. #content>.content-row.content-row-color .content-box,#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li::after,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
  3784. background-color:#0098ef
  3785. }
  3786. #content>.content-row.content-row-dark .feature-box .feature-header,#content>.content-row.content-row-dark .pagination>li:not(.active) a:hover,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li:not(.active):hover,#content>.content-row.content-row-dark .tab-group .tab-item:not(.active) .tab-item-title:hover{
  3787. background-color:#3a4659
  3788. }
  3789. #content>.content-row.content-row-dark .pagination>li a,#content>.content-row.content-row-color .pagination>li a{
  3790. background-color:transparent
  3791. }
  3792. #content>.content-row.content-row-dark ul.list-style-nav,#content>.content-row.content-row-dark table,#content>.content-row.content-row-dark pre,#content>.content-row.content-row-dark .pre-code,#content>.content-row.content-row-dark .feature-box .feature-content,#content>.content-row.content-row-dark .product-box,#content>.content-row.content-row-dark .product-slider,#content>.content-row.content-row-dark .product-configurator,#content>.content-row.content-row-dark .tab-group.tab-group-switch-style>ul,#content>.content-row.content-row-color ul.list-style-nav,#content>.content-row.content-row-color table,#content>.content-row.content-row-color pre,#content>.content-row.content-row-color .pre-code,#content>.content-row.content-row-color .product-box,#content>.content-row.content-row-color .feature-box .feature-content,#content>.content-row.content-row-color .product-slider,#content>.content-row.content-row-color .product-configurator,#content>.content-row.content-row-color .tab-group.tab-group-switch-style>ul{
  3793. border:0
  3794. }
  3795. #content>.content-row.content-row-dark blockquote::before,#content>.content-row.content-row-dark hr,#content>.content-row.content-row-dark form fieldset,#content>.content-row.content-row-dark .pagination>li:not(.active) a,#content>.content-row.content-row-dark .content-box,#content>.content-row.content-row-dark .blog-article:not(:first-child),#content>.content-row.content-row-dark .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style)>ul li,#content>.content-row.content-row-dark .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,#content>.content-row.content-row-dark .column-row>.content-sidebar-left::before,#content>.content-row.content-row-dark .column-row>.content-sidebar-right::before{
  3796. border-color:#3a4659
  3797. }
  3798. #content>.content-row.content-row-color blockquote::before,#content>.content-row.content-row-color hr,#content>.content-row.content-row-color form fieldset,#content>.content-row.content-row-color .pagination>li:not(.active) a,#content>.content-row.content-row-color .content-box,#content>.content-row.content-row-color .blog-article:not(:first-child),#content>.content-row.content-row-color .tab-group .tab-item .tab-item-title,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style)>ul li,#content>.content-row.content-row-color .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner,#content>.content-row.content-row-color .column-row>.content-sidebar-left::before,#content>.content-row.content-row-color .column-row>.content-sidebar-right::before{
  3799. border-color:rgba(255,255,255,0.2)
  3800. }
  3801. #content>.content-row.content-row-color .pagination>li.active a{
  3802. border-color:#fc3
  3803. }
  3804. #content>.content-row.content-row-dark .icon-feature-large{
  3805. text-shadow:8px 8px 0 rgba(0,0,0,0.1)
  3806. }
  3807. #content>.content-row.content-row-color .icon-feature-large{
  3808. text-shadow:8px 8px 0 rgba(74,86,105,0.2)
  3809. }
  3810. #content>.content-row.content-row-dark svg.icon-feature-large{
  3811. -webkit-filter:drop-shadow(8px 8px 0 rgba(0,0,0,0.1));
  3812. filter:drop-shadow(8px 8px 0 rgba(0,0,0,0.1))
  3813. }
  3814. #content>.content-row.content-row-color svg.icon-feature-large{
  3815. -webkit-filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.2));
  3816. filter:drop-shadow(8px 8px 0 rgba(74,86,105,0.2))
  3817. }
  3818. #content>.content-row.content-row-dark .text-color-gray{
  3819. color:#667791!important
  3820. }
  3821. #content>.content-row.content-row-color .text-color-gray{
  3822. color:rgba(255,255,255,0.6)!important
  3823. }
  3824. #content>.content-row.content-row-dark input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),#content>.content-row.content-row-dark select:not(.no-custom-style),#content>.content-row.content-row-dark textarea:not(.no-custom-style),#content>.content-row.content-row-color input:not(.no-custom-style):not([type="checkbox"]):not([type="radio"]),#content>.content-row.content-row-color select:not(.no-custom-style),#content>.content-row.content-row-color textarea:not(.no-custom-style){
  3825. padding:14px 17px;
  3826. border:0
  3827. }
  3828. #content>.content-row.content-row-dark form .checkbox-style,#content>.content-row.content-row-dark form .radio-style,#content>.content-row.content-row-color form .checkbox-style,#content>.content-row.content-row-color form .radio-style{
  3829. margin-top:0;
  3830. border:0
  3831. }
  3832. #content>.content-row.content-row-dark form .checkbox-style-block .checkbox-style,#content>.content-row.content-row-dark form .radio-style-block .radio-style,#content>.content-row.content-row-color form .checkbox-style-block .checkbox-style,#content>.content-row.content-row-color form .radio-style-block .radio-style{
  3833. top:8px
  3834. }
  3835. #content>.content-row.content-row-dark form .checkbox-style-block label,#content>.content-row.content-row-dark form .radio-style-block label,#content>.content-row.content-row-color form .checkbox-style-block label,#content>.content-row.content-row-color form .radio-style-block label{
  3836. padding-left:48px
  3837. }
  3838. #content>.content-row.content-row-dark .product-box .product-popular,#content>.content-row.content-row-color .product-box .product-popular{
  3839. left:0;
  3840. right:0
  3841. }
  3842. #content>.content-row.content-row-color .content-background.content-background-light i,#content>.content-row.content-row-color .content-background.content-background-light svg,#content>.content-row.content-row-color .network-map img{
  3843. opacity:.2
  3844. }
  3845. #content>.content-row.content-row-gray .blog-comment-group .blog-comment-author::before,#content>.content-row.content-row-dark .blog-comment-group .blog-comment-author::before,#content>.content-row.content-row-color .blog-comment-group .blog-comment-author::before{
  3846. border-top-color:#fff
  3847. }
  3848. #footer{
  3849. padding:30px 0;
  3850. color:#a0abbc
  3851. }
  3852. .footer-gray{
  3853. background-color:#f0f2f5
  3854. }
  3855. .footer-dark{
  3856. background-color:#2c3645
  3857. }
  3858. .footer-color{
  3859. background-color:#0098ef
  3860. }
  3861. .footer-dark #footer{
  3862. color:#667791
  3863. }
  3864. .footer-color #footer{
  3865. color:rgba(255,255,255,0.6)
  3866. }
  3867. #footer .footer-primary{
  3868. padding:30px 0
  3869. }
  3870. #footer .footer-primary h5{
  3871. padding-bottom:6px;
  3872. font-size:14px;
  3873. font-weight:bold;
  3874. text-transform:uppercase
  3875. }
  3876. .footer-dark #footer a:not(.button),.footer-dark #footer .footer-primary ul li a:hover,.footer-color #footer a:not(.button),.footer-color #footer .footer-primary ul li a:hover{
  3877. color:#fff
  3878. }
  3879. #footer .footer-primary p:not(:first-child){
  3880. margin-top:14px
  3881. }
  3882. #footer .footer-primary ul{
  3883. margin-top:10px;
  3884. list-style-type:none
  3885. }
  3886. #footer .footer-primary ul li a{
  3887. display:inline-block;
  3888. padding:4px 10px;
  3889. margin-left:-10px;
  3890. line-height:28px;
  3891. font-size:15px;
  3892. border-radius:4px
  3893. }
  3894. #footer .footer-primary ul li a:hover{
  3895. color:#a0abbc;
  3896. text-decoration:none;
  3897. background-color:#f0f2f5
  3898. }
  3899. .footer-gray #footer .footer-primary ul li a:hover{
  3900. background-color:#e6e9ee
  3901. }
  3902. .footer-dark #footer .footer-primary ul li a:hover{
  3903. background-color:#3c4655
  3904. }
  3905. .footer-color #footer .footer-primary ul li a:hover{
  3906. background-color:rgba(255,255,255,0.2)
  3907. }
  3908. #footer .footer-primary ul li ul{
  3909. margin-top:0;
  3910. padding:5px 0 5px 20px
  3911. }
  3912. #footer .footer-primary ul.list-style-icon li{
  3913. padding-left:0
  3914. }
  3915. #footer .footer-primary ul.list-style-icon li a{
  3916. position:relative;
  3917. padding-left:34px
  3918. }
  3919. #footer .footer-primary ul.list-style-icon li .fa,#footer .footer-primary ul.list-style-icon li .fas,#footer .footer-primary ul.list-style-icon li .far,#footer .footer-primary ul.list-style-icon li .fal,#footer .footer-primary ul.list-style-icon li .fab,#footer .footer-primary ul.list-style-icon li .svg-inline--fa,#footer .footer-primary ul.list-style-icon li .material-icons{
  3920. left:8px
  3921. }
  3922. #footer .footer-primary ul.list-style-icon li .svg-inline--fa{
  3923. top:10px
  3924. }
  3925. #footer .footer-secondary:not(:first-child){
  3926. padding-top:30px;
  3927. margin-top:30px;
  3928. border-top:2px solid #e6e9ee
  3929. }
  3930. .footer-dark #footer .footer-secondary:not(:first-child){
  3931. border-color:#3a4659
  3932. }
  3933. .footer-color #footer .footer-secondary:not(:first-child){
  3934. border-color:rgba(255,255,255,0.2)
  3935. }
  3936. #footer .footer-secondary p{
  3937. font-size:14px;
  3938. text-align:center
  3939. }
  3940. @media(max-width:1340px){
  3941. .container,.container.container-full-width,#content>.content-row .content-slider .content-slider-inner .slide>.container{
  3942. width:auto;
  3943. margin:0 30px;
  3944. -ms-flex-preferred-size:100%;
  3945. flex-basis:100%
  3946. }
  3947. #content>.content-row.content-row-split-left .container:not(.container-full-width),#content>.content-row.content-row-split-right .container:not(.container-full-width){
  3948. width:50%;
  3949. -ms-flex-preferred-size:50%;
  3950. flex-basis:50%
  3951. }
  3952. #content>.content-row.content-row-split-left .container:not(.container-full-width){
  3953. padding:0 60px 0 30px;
  3954. margin:0 auto 0 0
  3955. }
  3956. #content>.content-row.content-row-split-right .container:not(.container-full-width){
  3957. padding:0 30px 0 60px;
  3958. margin:0 0 0 auto
  3959. }
  3960. #content>.content-row.content-row-split-left .container.container-full-width{
  3961. padding-left:30px
  3962. }
  3963. #content>.content-row.content-row-split-right .container.container-full-width{
  3964. padding-right:30px
  3965. }
  3966. }
  3967. @media(max-width:1024px){
  3968. #content>.content-row.content-row-split-left .container:not(.container-full-width),#content>.content-row.content-row-split-left .container.container-full-width{
  3969. padding-right:30px
  3970. }
  3971. #content>.content-row.content-row-split-right .container:not(.container-full-width),#content>.content-row.content-row-split-right .container.container-full-width{
  3972. padding-left:30px
  3973. }
  3974. #header .logo,#nav-overlay .logo{
  3975. max-width:100%;
  3976. margin-right:60px
  3977. }
  3978. #header:not(.header-nav-overlay) .logo .logo-text.logo-text-baseline{
  3979. padding-top:0
  3980. }
  3981. #header nav{
  3982. display:none
  3983. }
  3984. #nav-overlay:not(.nav-overlay-visible),#nav-overlay-open:not(.nav-overlay-visible),#nav-overlay-close:not(.nav-overlay-visible),#nav-overlay-background:not(.nav-overlay-visible){
  3985. display:block
  3986. }
  3987. #notification[data-dismissible="true"] p{
  3988. margin-left:0;
  3989. margin-right:64px;
  3990. text-align:left
  3991. }
  3992. #notification p a.text-margin-left{
  3993. margin-left:0
  3994. }
  3995. #notification-dismiss{
  3996. right:6px
  3997. }
  3998. .tab-group>a{
  3999. top:-30px
  4000. }
  4001. .blog-article:not(:first-child){
  4002. padding-top:20px;
  4003. margin-top:30px
  4004. }
  4005. .blog-article .blog-article-content{
  4006. margin-top:20px
  4007. }
  4008. .pagination:not(:first-child),.tab-group.tab-group-switch-style .tab-item .tab-item-inner{
  4009. margin-top:30px!important
  4010. }
  4011. .product-slider:not(.product-slider-small)>ul li{
  4012. width:50%!important;
  4013. text-align:center
  4014. }
  4015. .product-slider:not(.product-slider-small)>ul li:last-of-type{
  4016. -webkit-box-pack:justify;
  4017. -ms-flex-pack:justify;
  4018. justify-content:space-between
  4019. }
  4020. .product-slider:not(.product-slider-small)>ul li:last-of-type .price{
  4021. text-align:left
  4022. }
  4023. .product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(3):last-of-type,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(3) ~ li:last-of-type,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(5):last-of-type,.product-slider:not(.product-slider-small)>ul li:first-child:nth-last-child(5) ~ li:last-of-type{
  4024. width:100%!important;
  4025. margin-top:30px
  4026. }
  4027. .column-row,#content>.content-row .content-header+.column-row{
  4028. margin:-15px
  4029. }
  4030. .column-row:not(:first-child){
  4031. margin-top:15px
  4032. }
  4033. #content>.content-row h1+.column-row,#content>.content-row h2+.column-row,#content>.content-row h3+.column-row,#content>.content-row h4+.column-row,#content>.content-row h5+.column-row,#content>.content-row p+.column-row,#content>.content-row ul+.column-row,#content>.content-row ol+.column-row,#content>.content-row dl+.column-row,#content>.content-row hr+.column-row{
  4034. margin-top:5px
  4035. }
  4036. .column-row>.column-20,.column-row>.column-25,.column-row>.column-30,.column-row>.column-33,.column-row>.column-40,.column-row>.column-50,.column-row>.column-60,.column-row>.column-66,.column-row>.column-70,.column-row>.column-75,.column-row>.column-80,.column-row>.column-flex{
  4037. padding:15px
  4038. }
  4039. #content>.content-row{
  4040. padding:30px 0
  4041. }
  4042. .product-slider,.product-configurator,#content>.content-row .content-box,.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
  4043. padding:28px
  4044. }
  4045. #content>.content-row .content-box:not(:first-child),.product-configurator .configurator-row:not(:first-child),.product-configurator .configurator-order:not(:first-child){
  4046. margin-top:30px
  4047. }
  4048. #content>.content-row .content-slider{
  4049. margin:-30px 0
  4050. }
  4051. #content>.content-row .content-header{
  4052. margin-bottom:30px
  4053. }
  4054. #content>.content-row .column-row>.content-sidebar-left{
  4055. padding-right:45px
  4056. }
  4057. #content>.content-row .column-row>.content-sidebar-right{
  4058. padding-left:45px
  4059. }
  4060. #content>.content-row .column-row>.content-sidebar-left.column-50{
  4061. padding-right:15px;
  4062. margin-right:30px
  4063. }
  4064. #content>.content-row .column-row>.content-sidebar-right.column-50{
  4065. padding-left:15px;
  4066. margin-left:30px
  4067. }
  4068. #content>.content-row .column-row>.content-sidebar-left::before{
  4069. right:14px
  4070. }
  4071. #content>.content-row .column-row>.content-sidebar-right::before{
  4072. left:14px
  4073. }
  4074. #content>.content-row .column-row>.content-sidebar-left.column-50::before{
  4075. right:-16px
  4076. }
  4077. #content>.content-row .column-row>.content-sidebar-right.column-50::before{
  4078. left:-16px
  4079. }
  4080. #footer,#footer .footer-primary{
  4081. padding:15px 0
  4082. }
  4083. #footer .footer-secondary:not(:first-child){
  4084. padding-top:15px;
  4085. margin-top:15px
  4086. }
  4087. }
  4088. @media(max-width:960px){
  4089. table:not(.table-layout-static) tr td,table:not(.table-layout-static) tr th,table:not(.table-layout-static) tr .responsive-th{
  4090. display:block
  4091. }
  4092. table:not(.table-layout-static) thead,table:not(.table-layout-static) tr td:empty,table:not(.table-layout-static) tr th:empty{
  4093. display:none
  4094. }
  4095. table:not(.table-layout-static) tr td,table:not(.table-layout-static) tr th{
  4096. border:none!important
  4097. }
  4098. table:not(.table-layout-static) tr td.has-responsive-th,table:not(.table-layout-static) tr th.has-responsive-th{
  4099. text-align:left;
  4100. padding-left:52%
  4101. }
  4102. table:not(.table-layout-static) tr td:not(:last-of-type),table:not(.table-layout-static) tr th:not(:last-of-type){
  4103. padding-bottom:0
  4104. }
  4105. table:not(.table-layout-static) tr:not(:last-of-type) td:last-of-type,table:not(.table-layout-static) tr:not(:last-of-type) th:last-of-type{
  4106. border-bottom:1px solid #e6e9ee!important
  4107. }
  4108. table:not(.table-layout-static) tfoot tr td:first-of-type,table:not(.table-layout-static) tfoot tr th:first-of-type{
  4109. border-top:2px solid #e6e9ee!important
  4110. }
  4111. table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(1),table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(2),table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(3),table:not(.table-layout-static).table-layout-domain tr td:nth-of-type(4){
  4112. width:auto;
  4113. text-align:center
  4114. }
  4115. table:not(.table-layout-static).table-layout-product-comparison tr.product-header td{
  4116. padding-left:0;
  4117. text-align:center
  4118. }
  4119. table:not(.table-layout-static).table-layout-product-comparison tr.product-header td span.responsive-th{
  4120. display:none
  4121. }
  4122. table:not(.table-layout-static).table-layout-product-comparison tr.product-feature-group td:first-of-type{
  4123. padding:15px;
  4124. border-bottom:1px solid #e6e9ee
  4125. }
  4126. table:not(.table-layout-static).table-layout-product-comparison tr.product-feature-group td:not(:first-of-type){
  4127. display:none
  4128. }
  4129. .tab-group.tab-group-switch-style>ul{
  4130. border-radius:12px
  4131. }
  4132. .tab-group.tab-group-switch-style>ul li{
  4133. border-radius:6px
  4134. }
  4135. .tab-group.tab-group-switch-style>ul li:not(:first-of-type){
  4136. margin-left:0;
  4137. margin-top:6px
  4138. }
  4139. .tab-group:not(.tab-group-switch-style) .tab-item .tab-item-inner{
  4140. border-bottom-width:0;
  4141. border-radius:0
  4142. }
  4143. .tab-group:not(.tab-group-switch-style) .tab-item:not(.active):last-of-type .tab-item-title,.tab-group:not(.tab-group-switch-style) .tab-item.active:last-of-type .tab-item-inner{
  4144. border-bottom-width:2px;
  4145. border-bottom-left-radius:12px;
  4146. border-bottom-right-radius:12px
  4147. }
  4148. .tab-group:not(.tab-group-switch-style)>ul{
  4149. display:none
  4150. }
  4151. .tab-group.tab-group-switch-style>ul,.tab-group.tab-group-switch-style>ul li,.tab-group:not(.tab-group-switch-style) .tab-item .tab-item-title{
  4152. display:block
  4153. }
  4154. .blog-comment-group.blog-comment-group-center>h3 a,.blog-comment-form.blog-comment-form-center>h3 a{
  4155. float:none;
  4156. margin-top:0
  4157. }
  4158. .column-row{
  4159. display:block!important
  4160. }
  4161. .column-row>.column-20,.column-row>.column-25,.column-row>.column-30,.column-row>.column-33,.column-row>.column-40,.column-row>.column-50,.column-row>.column-60,.column-row>.column-66,.column-row>.column-70,.column-row>.column-75,.column-row>.column-80,.column-row>.column-flex{
  4162. width:auto
  4163. }
  4164. .network-map ul li span.label-top-left,.network-map ul li span.label-top-right,.network-map ul li span.label-bottom-left,.network-map ul li span.label-bottom-right{
  4165. display:none
  4166. }
  4167. #content>.content-row .content-header.content-header-align-left,#content>.content-row .content-header.content-header-align-right,#content>.content-row .content-header.content-header-large.content-header-align-left p,#content>.content-row .content-header.content-header-large.content-header-align-right p{
  4168. text-align:center;
  4169. margin-left:auto;
  4170. margin-right:auto
  4171. }
  4172. #content>.content-row .column-row>.content-sidebar-left:first-child,#content>.content-row .column-row>.content-sidebar-right:first-child{
  4173. min-width:0!important;
  4174. padding:15px 15px 30px 15px!important;
  4175. margin:0 0 15px 0!important
  4176. }
  4177. #content>.content-row .column-row>.content-sidebar-left:first-child::before,#content>.content-row .column-row>.content-sidebar-right:first-child::before{
  4178. z-index:-1;
  4179. bottom:-1px;
  4180. left:-15px!important;
  4181. right:-15px!important;
  4182. border-bottom:2px solid #e6e9ee;
  4183. border-left:none
  4184. }
  4185. #content>.content-row .column-row>.content-sidebar-left:last-child,#content>.content-row .column-row>.content-sidebar-right:last-child{
  4186. min-width:0!important;
  4187. padding:30px 15px 15px 15px!important;
  4188. margin:15px 0 0 0!important
  4189. }
  4190. #content>.content-row .column-row>.content-sidebar-left:last-child::before,#content>.content-row .column-row>.content-sidebar-right:last-child::before{
  4191. z-index:-1;
  4192. top:-1px;
  4193. left:-15px!important;
  4194. right:-15px!important;
  4195. border-top:2px solid #e6e9ee;
  4196. border-left:none
  4197. }
  4198. #content>.content-row.content-row-split-left::after,#content>.content-row.content-row-split-right::after{
  4199. top:300px;
  4200. left:0;
  4201. right:0
  4202. }
  4203. #content>.content-row.content-row-split-left .container:not(.container-full-width),#content>.content-row.content-row-split-left .container.container-full-width,#content>.content-row.content-row-split-right .container:not(.container-full-width),#content>.content-row.content-row-split-right .container.container-full-width{
  4204. width:100%;
  4205. -ms-flex-preferred-size:100%;
  4206. flex-basis:100%;
  4207. margin-top:300px
  4208. }
  4209. #content>.content-row.content-row-split-left .content-background,#content>.content-row.content-row-split-right .content-background{
  4210. top:0;
  4211. left:0;
  4212. right:0;
  4213. bottom:0;
  4214. height:300px
  4215. }
  4216. #content>.content-row.content-row-split-left .content-background.content-background-scroll,#content>.content-row.content-row-split-right .content-background.content-background-scroll{
  4217. top:-60px;
  4218. height:420px
  4219. }
  4220. }
  4221. @media(max-width:768px){
  4222. .product-slider:not(.product-slider-small){
  4223. padding:28px
  4224. }
  4225. .product-slider:not(.product-slider-small)>ul li{
  4226. width:100%!important;
  4227. text-align:center;
  4228. margin:0
  4229. }
  4230. .product-slider:not(.product-slider-small)>ul li:last-of-type{
  4231. margin-top:15px!important;
  4232. -ms-flex-wrap:wrap;
  4233. flex-wrap:wrap;
  4234. -webkit-box-pack:center;
  4235. -ms-flex-pack:center;
  4236. justify-content:center
  4237. }
  4238. .product-slider:not(.product-slider-small)>ul li:last-of-type .price,.product-slider:not(.product-slider-small)>ul li:last-of-type .button{
  4239. -ms-flex-preferred-size:100%;
  4240. flex-basis:100%
  4241. }
  4242. .product-slider:not(.product-slider-small)>ul li:last-of-type .price{
  4243. text-align:center;
  4244. margin:0
  4245. }
  4246. .product-slider:not(.product-slider-small)>ul li:last-of-type .price:not(:only-child){
  4247. margin:0 0 15px 0
  4248. }
  4249. .pagination>li:not(.active):not(:first-of-type):not(:last-of-type),#content>.content-row.content-row-clouds::before,#content>.content-row.content-row-clouds::after{
  4250. display:none
  4251. }
  4252. #content>.content-row .content-header,#content>.content-row .content-header.content-header-large p{
  4253. max-width:100%
  4254. }
  4255. #content>.content-row .content-slider>i{
  4256. display:none
  4257. }
  4258. }
  4259. @media(max-width:768px),(max-height:640px){
  4260. body{
  4261. padding-top:80px
  4262. }
  4263. body.touch-device #content>.content-row .content-slider>i.slide-previous,body.touch-device #content>.content-row .content-slider>i.slide-next,body.touch-device #gallery-overlay-previous,body.touch-device #gallery-overlay-next{
  4264. display:none!important
  4265. }
  4266. body.touch-device #gallery-overlay ul li{
  4267. padding:0
  4268. }
  4269. #header,#nav-overlay{
  4270. padding:10px 0
  4271. }
  4272. #nav-overlay nav{
  4273. margin:0 -30px
  4274. }
  4275. #nav-overlay nav .nav-primary{
  4276. margin-top:10px;
  4277. border-left:0;
  4278. border-right:0;
  4279. border-radius:0
  4280. }
  4281. #header .logo .logo-text,#nav-overlay .logo .logo-text{
  4282. font-size:28px
  4283. }
  4284. #notification p{
  4285. font-size:14px;
  4286. line-height:26px
  4287. }
  4288. #content>.content-row .content-header.content-header-large h1{
  4289. font-size:42px;
  4290. line-height:52px;
  4291. letter-spacing:normal
  4292. }
  4293. #content>.content-row .content-header.content-header-large h2{
  4294. font-size:32px;
  4295. line-height:42px
  4296. }
  4297. #content>.content-row .content-header.content-header-large h3{
  4298. font-size:24px;
  4299. line-height:34px
  4300. }
  4301. #content>.content-row .content-header.content-header-large p{
  4302. font-size:18px;
  4303. line-height:30px
  4304. }
  4305. #content>.content-row .content-slider>ul{
  4306. bottom:30px
  4307. }
  4308. #content>.content-row .content-slider .content-slider-inner .slide{
  4309. padding:60px 0
  4310. }
  4311. #content>.content-row .content-slider.content-slider-has-nav .content-slider-inner .slide{
  4312. padding-bottom:100px
  4313. }
  4314. #content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large{
  4315. margin-bottom:30px
  4316. }
  4317. #content>.content-row .content-slider .content-slider-inner .slide .content-header.content-header-large p{
  4318. margin-top:20px
  4319. }
  4320. }
  4321. @media(max-width:640px){
  4322. .product-configurator .configurator-group,.product-configurator .configurator-order{
  4323. display:block;
  4324. text-align:center
  4325. }
  4326. .product-configurator .configurator-group .value:not(:only-child){
  4327. margin-right:0
  4328. }
  4329. .product-configurator .configurator-order button{
  4330. width:100%
  4331. }
  4332. .product-configurator .configurator-order .configurator-total:not(:only-child){
  4333. margin-right:0;
  4334. margin-bottom:15px;
  4335. text-align:center
  4336. }
  4337. }
  4338. @media(max-width:480px){
  4339. #header .logo .logo-text small,#nav-overlay .logo .logo-text small{
  4340. display:none
  4341. }
  4342. }
  4343. @media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi),(min-resolution:2dppx){
  4344. #content>.content-row.content-row-clouds::before{
  4345. background-image:url(../img/layout/clouds-gray-left@2x.png)
  4346. }
  4347. #content>.content-row.content-row-clouds::after{
  4348. background-image:url(../img/layout/clouds-gray-right@2x.png)
  4349. }
  4350. #content>.content-row.content-row-gray.content-row-clouds::before,#content>.content-row.content-row-dark.content-row-clouds::before,#content>.content-row.content-row-color.content-row-clouds::before,#content>.content-row.content-row-gradient.content-row-clouds::before{
  4351. background-image:url(../img/layout/clouds-light-left@2x.png)
  4352. }
  4353. #content>.content-row.content-row-gray.content-row-clouds::after,#content>.content-row.content-row-dark.content-row-clouds::after,#content>.content-row.content-row-color.content-row-clouds::after,#content>.content-row.content-row-gradient.content-row-clouds::after{
  4354. background-image:url(../img/layout/clouds-light-right@2x.png)
  4355. }
  4356. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!