API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 5th, 2016
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 57.54 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
  2. @font-face {
  3. font-family: 'robotobold';
  4. src: url("../fonts/roboto-bold-webfont.eot");
  5. src: url("../fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold-webfont.woff2") format("woff2"), url("../fonts/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto-bold-webfont.ttf") format("truetype"), url("../fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  6. font-weight: normal;
  7. font-style: normal
  8. }
  9. @font-face {
  10. font-family: 'robotolight';
  11. src: url("../fonts/roboto-light-webfont.eot");
  12. src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff2") format("woff2"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto-light-webfont.svg#robotolight") format("svg");
  13. font-weight: normal;
  14. font-style: normal
  15. }
  16. @font-face {
  17. font-family: 'robotomedium';
  18. src: url("../fonts/roboto-medium-webfont.eot");
  19. src: url("../fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium-webfont.woff2") format("woff2"), url("../fonts/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto-medium-webfont.ttf") format("truetype"), url("../fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
  20. font-weight: normal;
  21. font-style: normal
  22. }
  23. body {
  24. padding: 0;
  25. margin: 0;
  26. font-size: 12px;
  27. color: #000;
  28. font-family: 'Roboto', sans-serif
  29. }
  30. a {
  31. outline: none !important;
  32. text-decoration: none;
  33. -webkit-transition: all .6s ease-in-out;
  34. -moz-transition: all .6s ease-in-out;
  35. -o-transition: all .6s ease-in-out;
  36. -ms-transition: all .6s ease-in-out;
  37. transition: all .6s ease-in-out
  38. }
  39. a:hover,
  40. a:focus,
  41. select:focus,
  42. button:focus {
  43. outline: none;
  44. text-decoration: none
  45. }
  46. * {
  47. margin: 0;
  48. padding: 0
  49. }
  50. img {
  51. border: none;
  52. vertical-align: middle;
  53. max-width: 100%
  54. }
  55. li {
  56. list-style: circle;
  57. color: #fcbf00;
  58. }
  59. h1,
  60. h2,
  61. h3,
  62. h4,
  63. h5,
  64. h6,
  65. input,
  66. select,
  67. textarea,
  68. button {
  69. outline: none !important;
  70. font-family: 'Roboto', sans-serif
  71. }
  72. .rounded-list a{
  73. position: relative;
  74. display: block;
  75. padding: .4em .4em .4em 2em;
  76. margin: .5em 0;
  77. background: none;
  78. color: #fcbf00;
  79. text-decoration: none;
  80. border-radius: .3em;
  81. transition: all .3s ease-out;
  82. }
  83. input,
  84. textarea,
  85. select {
  86. -moz-appearance: none;
  87. -webkit-appearance: none
  88. }
  89. .container {
  90. width: 96%;
  91. max-width: 1410px;
  92. margin: 0 auto;
  93. padding: 0
  94. }
  95. header {
  96. width: 100%;
  97. float: left;
  98. margin: 0px;
  99. padding: 0px
  100. }
  101. header .top_part {
  102. width: 100%;
  103. min-height: 120px;
  104. float: left;
  105. padding: 0;
  106. margin: 0;
  107. background: url(../img/top_bg.jpg) repeat-x left top;
  108. -webkit-box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.2);
  109. -moz-box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.2);
  110. box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.2);
  111. z-index: 999
  112. }
  113. header .top_part .phone_detail {
  114. float: right;
  115. padding: 0;
  116. margin: 15px 0 0 0;
  117. font-size: 23px;
  118. color: #000000;
  119. font-weight: 400
  120. }
  121. header .top_part .navbar-default {
  122. background: none;
  123. margin: 0;
  124. min-height: inherit;
  125. border: none
  126. }
  127. header .top_part .navbar-default .navbar-brand {
  128. width: 210px;
  129. padding: 27px 0 0 0;
  130. margin: 0 80px 0 0
  131. }
  132. header .top_part .navbar-default .navbar-nav>li>a {
  133. padding: 11px 15px;
  134. margin: 0 0 0 1px;
  135. font-size: 15px;
  136. color: #292929;
  137. font-weight: 700
  138. }
  139. header .top_part .navbar-default .navbar-nav>li>a:hover,
  140. header .top_part .navbar-default .navbar-nav>li>a:focus {
  141. color: #fcbf00;
  142. background: #292929
  143. }
  144. header .top_part .navbar-default .navbar-nav>.open>a,
  145. header .top_part .navbar-default .navbar-nav>.open>a:hover,
  146. header .top_part .navbar-default .navbar-nav>.open>a:focus {
  147. color: #fcbf00;
  148. background: #292929
  149. }
  150. header .top_part .navbar-default .navbar-nav>.active>a,
  151. header .top_part .navbar-default .navbar-nav>.active>a:hover,
  152. header .top_part .navbar-default .navbar-nav>.active>a:focus {
  153. color: #fcbf00;
  154. background: #292929
  155. }
  156. header .top_part .navbar-nav {
  157. margin: 30px 0 0 0
  158. }
  159. header .top_part .navbar-nav>li {
  160. white-space: nowrap
  161. }
  162. header .top_part .navbar-nav>li>.dropdown-menu {
  163. padding: 16px 9px;
  164. background: rgba(30, 30, 30, 0.8);
  165. border: none;
  166. border-radius: 0
  167. }
  168. header .top_part .dropdown-menu>li>a {
  169. padding: 4px 12px;
  170. font-size: 15px;
  171. color: #ffffff;
  172. font-weight: 300
  173. }
  174. header .top_part .dropdown-menu>li>a:hover,
  175. header .top_part .dropdown-menu>li>a:focus {
  176. color: #fcbf00;
  177. background: rgba(255, 255, 255, 0.1)
  178. }
  179. section {
  180. width: 100%;
  181. float: left;
  182. margin: 0px;
  183. padding: 0px
  184. }
  185. section .slider_sec {
  186. width: 100%;
  187. float: left;
  188. padding: 0;
  189. margin: 0;
  190. position: relative
  191. }
  192. section .slider_sec .carousel-inner>.item>img,
  193. section .slider_sec .carousel-inner>.item>a>img {
  194. width: 100%
  195. }
  196. section .slider_sec .carousel-control {
  197. width: 10%
  198. }
  199. section .slider_sec .slider_caption {
  200. position: absolute;
  201. left: 11%;
  202. right: 11%;
  203. top: 15%;
  204. text-align: center
  205. }
  206. section .slider_sec .slider_caption h2 {
  207. width: 100%;
  208. float: left;
  209. padding: 0;
  210. margin: 0 0 35px 0;
  211. line-height: normal;
  212. font-size: 50px;
  213. color: #ffffff;
  214. font-weight: 300
  215. }
  216. section .slider_sec .slider_caption .more_btn {
  217. height: 55px;
  218. min-width: 280px;
  219. padding: 0 16px;
  220. margin: 0 auto;
  221. display: inline-block;
  222. font-size: 16px;
  223. color: #292929;
  224. line-height: 55px;
  225. font-weight: 700;
  226. background: #ffffff;
  227. border: 1px solid #fff
  228. }
  229. section .slider_sec .slider_caption .more_btn i {
  230. margin: 0 0 0 10px
  231. }
  232. section .slider_sec .slider_caption .more_btn:hover {
  233. background: none;
  234. color: #fff
  235. }
  236. section .slider_sec .search_sec {
  237. width: 100%;
  238. float: left;
  239. padding: 35px 0 15px 0;
  240. margin: 0;
  241. position: absolute;
  242. bottom: 0;
  243. background: rgba(41, 41, 41, 0.8)
  244. }
  245. section .slider_sec .search_sec .search_field {
  246. width: 14%;
  247. float: left;
  248. padding: 0 40px 0 0;
  249. margin: 0 0 40px 0
  250. }
  251. section .slider_sec .search_sec .input_field {
  252. padding-left: 12px;
  253. height: 45px;
  254. width: 30px;
  255. font-size: 16px;
  256. color: #ffffff;
  257. font-weight: 300;
  258. border: none;
  259. border-bottom: 1px solid #fcbf00;
  260. background: none;
  261. }
  262. section .slider_sec .search_sec .select_field {
  263. width: 100%;
  264. float: left
  265. }
  266. section .slider_sec .search_sec .select_field .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  267. width: 100%
  268. }
  269. section .slider_sec .search_sec .select_field .btn-default {
  270. padding-left: 12px;
  271. height: 45px;
  272. font-size: 16px;
  273. color: #ffffff;
  274. font-weight: 300;
  275. border: none;
  276. border-bottom: 1px solid #fcbf00;
  277. background: none;
  278. -webkit-box-shadow: 0 0 0 transparent;
  279. box-shadow: 0 0 0 transparent;
  280. outline: none !important;
  281. border-radius: 0
  282. }
  283. section .slider_sec .search_sec .select_field .btn-default:hover,
  284. section .slider_sec .search_sec .select_field .btn-default:focus,
  285. section .slider_sec .search_sec .select_field .btn-default.focus,
  286. section .slider_sec .search_sec .select_field .btn-default:active,
  287. section .slider_sec .search_sec .select_field .btn-default.active {
  288. background: none;
  289. -webkit-box-shadow: 0 0 0 transparent;
  290. box-shadow: 0 0 0 transparent;
  291. outline: none !important
  292. }
  293. section .slider_sec .search_sec .select_field .bootstrap-select.btn-group .btn .caret {
  294. width: 14px;
  295. height: 8px;
  296. border: none;
  297. background: url(../img/select_arrow.png) no-repeat right center
  298. }
  299. section .slider_sec .search_sec .select_field .bootstrap-select.btn-group .dropdown-menu li {
  300. width: 100%;
  301. margin: 0
  302. }
  303. section .slider_sec .search_sec .select_field .bootstrap-select.btn-group .dropdown-menu li a {
  304. padding: 3px 10px;
  305. font-size: 15px;
  306. color: #ffffff;
  307. font-weight: 300
  308. }
  309. section .slider_sec .search_sec .select_field .dropdown-menu>li>a:hover,
  310. section .slider_sec .search_sec .select_field .dropdown-menu>li>a:focus {
  311. background: #3f3f3f;
  312. color: #fff
  313. }
  314. section .slider_sec .search_sec .search_button {
  315. width: 100%;
  316. height: 45px;
  317. float: left;
  318. padding: 0 10px;
  319. font-size: 14px;
  320. color: #fcbf00;
  321. font-weight: 700;
  322. background: none;
  323. border: 1px solid #fcbf00;
  324. position: relative
  325. }
  326. section .slider_sec .search_sec .search_button i {
  327. margin: 0 0 0 3px
  328. }
  329. section .slider_sec .search_sec .search_button:hover {
  330. color: #000;
  331. background: #fcbf00
  332. }
  333. section .offer_sec {
  334. width: 100%;
  335. float: left;
  336. padding: 50px 0 20px 0;
  337. margin: 0;
  338. background: #e4ebed
  339. }
  340. section .offer_sec h2 {
  341. width: 100%;
  342. float: left;
  343. padding: 0;
  344. margin: 0 0 30px 0;
  345. text-align: center;
  346. font-size: 48px;
  347. color: #292929;
  348. font-weight: 300
  349. }
  350. section .offer_sec .offer_block {
  351. width: 100%;
  352. float: left;
  353. padding: 0;
  354. margin: 0 0 40px 0
  355. }
  356. section .offer_sec .offer_block h3 {
  357. width: 100%;
  358. float: left;
  359. padding: 0;
  360. margin: 0 0 12px 0;
  361. font-size: 30px;
  362. color: #292929;
  363. font-weight: 500;
  364. text-align: center
  365. }
  366. section .offer_sec .offer_block .view_all {
  367. min-width: 266px;
  368. height: 45px;
  369. float: right;
  370. padding: 0 20px;
  371. margin: 0;
  372. font-size: 16px;
  373. color: #fcbf00;
  374. font-weight: 700;
  375. text-align: left;
  376. background: #292929;
  377. border: none
  378. }
  379. section .offer_sec .offer_block .view_all:hover {
  380. color: #292929;
  381. background: #fcbf00
  382. }
  383. section .offer_sec .offer_block .view_all i {
  384. float: right;
  385. margin: 4px 0 0 0
  386. }
  387. section .offer_sec .offer_block .offer_slider {
  388. width: 100%;
  389. float: left;
  390. padding: 20px 33px 15px 0;
  391. margin: 0 0 50px 0;
  392. background: url(../img/offer_bg.png) no-repeat center top;
  393. background-size: 100% 100%
  394. }
  395. section .offer_sec .offer_block .offer_slider .offer_caption {
  396. width: 90%;
  397. min-height: 115px;
  398. max-width: 440px;
  399. float: left;
  400. padding: 17px 68px 11px 11px;
  401. margin: 0;
  402. position: absolute;
  403. left: 40px;
  404. bottom: -33px;
  405. background: rgba(41, 41, 41, 0.9)
  406. }
  407. section .offer_sec .offer_block .offer_slider .offer_caption .home_icon {
  408. width: 49px;
  409. height: 49px;
  410. padding: 5px;
  411. margin: 0;
  412. text-align: center;
  413. background: #b4c5cc;
  414. position: absolute;
  415. right: 11px;
  416. top: 11px
  417. }
  418. section .offer_sec .offer_block .offer_slider .offer_caption .home_icon img {
  419. display: inline-block;
  420. padding-top: 6px
  421. }
  422. section .offer_sec .offer_block .offer_slider .offer_caption small {
  423. width: 100%;
  424. float: left;
  425. padding: 0;
  426. margin: 0;
  427. font-size: 17px;
  428. color: #ffffff;
  429. font-weight: 300
  430. }
  431. section .offer_sec .offer_block .offer_slider .offer_caption span {
  432. width: 100%;
  433. float: left;
  434. padding: 0;
  435. margin: 0;
  436. font-size: 17px;
  437. color: #ffffff;
  438. font-weight: 700
  439. }
  440. section .offer_sec .offer_block .offer_slider .offer_caption strong {
  441. width: 100%;
  442. float: left;
  443. padding: 0;
  444. margin: 0;
  445. font-size: 24px;
  446. color: #fcbf00;
  447. font-weight: 700
  448. }
  449. section .intro_sec {
  450. width: 100%;
  451. float: left;
  452. padding: 50px 0 80px 0;
  453. margin: 0;
  454. text-align: center
  455. }
  456. section .intro_sec h2 {
  457. width: 100%;
  458. float: left;
  459. padding: 0;
  460. margin: 0 0 34px 0;
  461. font-size: 48px;
  462. color: #292929;
  463. font-weight: 300
  464. }
  465. section .intro_sec figure {
  466. width: 100%;
  467. float: left;
  468. padding: 0;
  469. margin: 0
  470. }
  471. section .intro_sec ul {
  472. width: 100%;
  473. float: left;
  474. padding: 0;
  475. margin: 0;
  476. text-align: center
  477. }
  478. section .intro_sec ul li {
  479. padding: 0;
  480. margin: 0 -2.7%;
  481. text-align: center;
  482. display: inline-block;
  483. position: relative
  484. }
  485. section .intro_sec ul li a img {
  486. filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  487. filter: gray;
  488. -webkit-filter: grayscale(100%);
  489. -webkit-backface-visibility: hidden;
  490. -webkit-transition: all 400ms ease-in-out;
  491. -moz-transition: all 400ms ease-in-out;
  492. -o-transition: all 400ms ease-in-out;
  493. -ms-transition: all 400ms ease-in-out;
  494. transition: all 400ms ease-in-out
  495. }
  496. section .intro_sec ul li a img:hover {
  497. filter: none;
  498. -webkit-filter: grayscale(0%)
  499. }
  500. section .intro_sec ul li a .name {
  501. font-family: 'Roboto', sans-serif;
  502. font-size: 13px;
  503. color: #000;
  504. background-color: #fcbf00;
  505. padding: 10px 15px;
  506. position: absolute;
  507. top: 50%;
  508. left: 20%;
  509. opacity: 0;
  510. z-index: 999
  511. }
  512. section .intro_sec ul li a:hover .name {
  513. opacity: 1
  514. }
  515. section .intro_sec .intro_slider {
  516. width: 100%;
  517. float: left;
  518. padding: 40px 0 0 0;
  519. margin: 0;
  520. display: none
  521. }
  522. section .intro_sec .intro_slider .owl-controls .owl-nav div {
  523. width: 26px;
  524. margin: 0 5px;
  525. height: 26px;
  526. font-size: 0;
  527. display: block;
  528. position: relative;
  529. top: 0;
  530. display: inline-block;
  531. opacity: 1;
  532. margin-top: 0;
  533. z-index: 99999;
  534. border: 1px solid #1d2172
  535. }
  536. section .intro_sec .intro_slider .owl-controls .owl-nav div.owl-prev {
  537. background: url(../img/slider_arrow_1.png) no-repeat center center;
  538. right: 0
  539. }
  540. section .intro_sec .intro_slider .owl-controls .owl-nav div.owl-next {
  541. background: url(../img/slider_arrow_2.png) no-repeat center center;
  542. right: 0
  543. }
  544. section .intro_sec .intro_slider .owl-controls .owl-nav div:hover {
  545. opacity: 0.6
  546. }
  547. section .intro_sec .intro_slider .owl-controls .owl-item img {
  548. display: inline-block;
  549. width: auto;
  550. max-width: 100%
  551. }
  552. section .intro_sec .intro_slider .owl-nav {
  553. width: 100%;
  554. float: left;
  555. padding: 0;
  556. margin: 0;
  557. position: absolute;
  558. top: -60px
  559. }
  560. section .home_detail_2 {
  561. width: 100%;
  562. float: left;
  563. padding: 0 0 50px 0;
  564. margin: 0
  565. }
  566. section .home_detail_2 .block_detail {
  567. width: 100%;
  568. float: left;
  569. padding: 0;
  570. margin: 0 0 30px 0;
  571. position: relative
  572. }
  573. section .home_detail_2 .block_detail figure {
  574. width: 100%;
  575. float: left;
  576. padding: 0;
  577. margin: 0
  578. }
  579. section .home_detail_2 .block_detail figure img {
  580. width: 100%
  581. }
  582. section .home_detail_2 .block_detail .block_caption {
  583. height: 100%;
  584. position: absolute;
  585. left: 0;
  586. right: 0;
  587. top: 0;
  588. bottom: 0;
  589. text-align: center;
  590. color: #fff;
  591. background: rgba(41, 41, 41, 0.4)
  592. }
  593. section .home_detail_2 .block_detail .block_caption_inner {
  594. width: 100%;
  595. height: 100%;
  596. display: table;
  597. padding: 10px
  598. }
  599. section .home_detail_2 .block_detail .block_info {
  600. height: 100%;
  601. vertical-align: middle;
  602. display: table-cell
  603. }
  604. section .home_detail_2 .block_detail h3 {
  605. width: 100%;
  606. float: left;
  607. padding: 0;
  608. margin: 0 0 40px 0;
  609. font-size: 30px;
  610. color: #ffffff;
  611. font-weight: 300;
  612. line-height: normal
  613. }
  614. section .home_detail_2 .block_detail .more_btn {
  615. min-width: 160px;
  616. height: 45px;
  617. padding: 0 20px;
  618. margin: 0;
  619. font-size: 16px;
  620. line-height: 43px;
  621. color: #ffffff;
  622. font-weight: 700;
  623. border: 1px solid #ffffff;
  624. background: none;
  625. text-align: left
  626. }
  627. section .home_detail_2 .block_detail .more_btn i {
  628. float: right;
  629. line-height: 45px
  630. }
  631. section .home_detail_2 .block_detail .more_btn:hover {
  632. background: #fff;
  633. color: #333
  634. }
  635. section .home_detail_3 {
  636. width: 100%;
  637. float: left;
  638. padding: 0 0 40px 0;
  639. margin: 0
  640. }
  641. section .home_detail_3 .fb_block {
  642. width: 100%;
  643. float: left;
  644. padding: 0;
  645. margin: 0 0 30px 0
  646. }
  647. section .home_detail_3 .newsletter_block {
  648. width: 100%;
  649. float: left;
  650. padding: 22px 34px 30px 34px;
  651. margin: 0;
  652. background: #e4ebed
  653. }
  654. section .home_detail_3 .newsletter_block h2 {
  655. width: 100%;
  656. float: left;
  657. padding: 0;
  658. margin: 0 0 18px 0;
  659. font-size: 30px;
  660. color: #292929;
  661. font-weight: 500;
  662. text-align: center
  663. }
  664. section .home_detail_3 .newsletter_block ul {
  665. width: 100%;
  666. float: left;
  667. padding: 0;
  668. margin: 0
  669. }
  670. section .home_detail_3 .newsletter_block ul li {
  671. width: 100%;
  672. float: left;
  673. padding: 0;
  674. margin: 0 0 10px 0
  675. }
  676. section .home_detail_3 .newsletter_block ul li .input_field {
  677. width: 100%;
  678. height: 45px;
  679. float: left;
  680. padding: 0 11px;
  681. margin: 0;
  682. font-size: 16px;
  683. font-weight: 300;
  684. color: #292929;
  685. background: none;
  686. border: none;
  687. border-bottom: 1px solid #bfc4c6
  688. }
  689. section .home_detail_3 .newsletter_block .select_field .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  690. width: 100%
  691. }
  692. section .home_detail_3 .newsletter_block .select_field .btn-default {
  693. height: 45px;
  694. font-size: 16px;
  695. color: #8f9496;
  696. font-weight: 300;
  697. border: none;
  698. border-bottom: 1px solid #bfc4c6;
  699. background: none;
  700. -webkit-box-shadow: 0 0 0 transparent;
  701. box-shadow: 0 0 0 transparent;
  702. outline: none !important;
  703. border-radius: 0
  704. }
  705. section .home_detail_3 .newsletter_block .select_field .btn-default:hover,
  706. section .home_detail_3 .newsletter_block .select_field .btn-default:focus,
  707. section .home_detail_3 .newsletter_block .select_field .btn-default.focus,
  708. section .home_detail_3 .newsletter_block .select_field .btn-default:active,
  709. section .home_detail_3 .newsletter_block .select_field .btn-default.active {
  710. background: none;
  711. -webkit-box-shadow: 0 0 0 transparent;
  712. box-shadow: 0 0 0 transparent;
  713. outline: none !important
  714. }
  715. section .home_detail_3 .newsletter_block .select_field .bootstrap-select.btn-group .btn .caret {
  716. width: 14px;
  717. height: 8px;
  718. border: none;
  719. background: url(../img/select_arrow2.png) no-repeat right center
  720. }
  721. section .home_detail_3 .newsletter_block .select_field .bootstrap-select.btn-group .dropdown-menu {
  722. background: #cbd6dc;
  723. border: none;
  724. border-radius: 0;
  725. padding: 0;
  726. -webkit-box-shadow: 0 0 0 transparent;
  727. box-shadow: 0 0 0 transparent
  728. }
  729. section .home_detail_3 .newsletter_block .select_field .bootstrap-select.btn-group .dropdown-menu li {
  730. width: 100%;
  731. margin: 0
  732. }
  733. section .home_detail_3 .newsletter_block .select_field .bootstrap-select.btn-group .dropdown-menu li a {
  734. padding: 3px 10px;
  735. font-size: 16px;
  736. color: #292929;
  737. font-weight: 300
  738. }
  739. section .home_detail_3 .newsletter_block .select_field .dropdown-menu>li>a:hover,
  740. section .home_detail_3 .newsletter_block .select_field .dropdown-menu>li>a:focus {
  741. background: #d5dee3;
  742. color: #fff
  743. }
  744. section .home_detail_3 .newsletter_block .submit_button {
  745. min-width: 151px;
  746. height: 45px;
  747. float: right;
  748. padding: 0 18px;
  749. margin: 35px 0 0 0;
  750. font-size: 16px;
  751. color: #ffffff;
  752. line-height: 42px;
  753. font-weight: 700;
  754. background: #292929;
  755. border: none
  756. }
  757. section .home_detail_3 .newsletter_block .submit_button i {
  758. float: right;
  759. line-height: 45px
  760. }
  761. section .home_detail_3 .newsletter_block .submit_button:hover {
  762. color: #292929;
  763. background: #fcbf00
  764. }
  765. section .home_detail_3 .newsletter_block .dropdown-menu>li>a:focus {
  766. background: #d5dee3;
  767. color: #fff
  768. }
  769. section .inner_photo {
  770. width: 100%;
  771. float: left;
  772. padding: 0px;
  773. margin: 0
  774. }
  775. section .inner_photo .map {
  776. height: 300px
  777. }
  778. section .tekst_sec {
  779. width: 100%;
  780. float: left;
  781. padding: 60px 0 60px 0;
  782. margin: 0
  783. }
  784. section .tekst_sec .leftside {
  785. margin: 0px;
  786. padding: 0px
  787. }
  788. section .tekst_sec .leftside h1 {
  789. width: 100%;
  790. float: left;
  791. font-size: 48px;
  792. font-family: robotolight;
  793. padding: 0;
  794. margin: 0 0 38px 0;
  795. color: #292929
  796. }
  797. section .tekst_sec .leftside h3 {
  798. font-family: robotomedium;
  799. padding: 0;
  800. margin: 0 0 30px 0;
  801. color: #292929;
  802. line-height: 35px
  803. }
  804. section .tekst_sec .leftside p {
  805. font-family: robotolight;
  806. font-size: 16px;
  807. color: #292929;
  808. line-height: 32px;
  809. margin: 0px;
  810. margin-bottom: 30px
  811. }
  812. section .tekst_sec .leftside ul {
  813. margin: 0px;
  814. padding: 0px;
  815. color: #fcbf00;
  816. }
  817. section .tekst_sec .leftside li {
  818. font-family: robotolight;
  819. font-size: 16px;
  820. color: #292929;
  821. line-height: 32px
  822. }
  823. section .tekst_sec .leftside .four_box {
  824. margin: 30px 0 0 0;
  825. padding: 0px;
  826. text-align: center
  827. }
  828. section .tekst_sec .leftside .four_box .icon {
  829. font-size: 100px;
  830. color: #fcbf00;
  831. line-height: 150px
  832. }
  833. section .tekst_sec .leftside .four_box .icon_box {
  834. padding: 15px;
  835. border: #e9eaed 1px solid;
  836. min-height: 240px;
  837. font-family: robotobold;
  838. font-size: 18px;
  839. line-height: 22px
  840. }
  841. section .tekst_sec .leftside .four_box p {
  842. padding: 15px;
  843. border: #e9eaed 1px solid;
  844. font-family: robotolight;
  845. font-size: 16px;
  846. color: #292929;
  847. line-height: 28px;
  848. margin: 0px;
  849. margin-top: -1px;
  850. min-height: 200px;
  851. margin-bottom: 30px
  852. }
  853. section .tekst_sec .leftside .yellow_bg {
  854. margin: 30px 0 30px 0;
  855. padding: 30px 25px;
  856. background-color: #fcbf00
  857. }
  858. section .tekst_sec .leftside .yellow_bg h3 {
  859. font-family: robotobold;
  860. color: #292929;
  861. line-height: 30px;
  862. margin: 0px;
  863. margin-bottom: 5px
  864. }
  865. section .tekst_sec .leftside .yellow_bg p {
  866. font-family: robotolight;
  867. font-size: 16px;
  868. color: #292929;
  869. line-height: 28px;
  870. margin: 0px
  871. }
  872. section .tekst_sec .rightside {
  873. margin: 0px;
  874. padding: 0px
  875. }
  876. section .tekst_sec .rightside .newsletter_block {
  877. width: 100%;
  878. float: left;
  879. padding: 22px 34px 0px 34px;
  880. margin: 0;
  881. background: #e4ebed
  882. }
  883. section .tekst_sec .rightside .newsletter_block h2 {
  884. width: 100%;
  885. float: left;
  886. padding: 0;
  887. margin: 0 0 18px 0;
  888. font-size: 30px;
  889. color: #292929;
  890. font-weight: 300
  891. }
  892. section .tekst_sec .rightside .newsletter_block ul {
  893. width: 100%;
  894. float: left;
  895. padding: 0;
  896. margin: 0
  897. }
  898. section .tekst_sec .rightside .newsletter_block ul li {
  899. width: 100%;
  900. float: left;
  901. padding: 0;
  902. margin: 0 0 10px 0
  903. }
  904. section .tekst_sec .rightside .newsletter_block ul li .input_field {
  905. width: 100%;
  906. height: 45px;
  907. float: left;
  908. padding: 0 11px;
  909. margin: 0;
  910. font-size: 16px;
  911. font-weight: 300;
  912. color: #292929;
  913. background: none;
  914. border: none;
  915. border-bottom: 1px solid #bfc4c6
  916. }
  917. section .tekst_sec .rightside .newsletter_block .select_field .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  918. width: 100%
  919. }
  920. section .tekst_sec .rightside .newsletter_block .select_field .btn-default {
  921. height: 45px;
  922. font-size: 16px;
  923. color: #8f9496;
  924. font-weight: 300;
  925. border: none;
  926. border-bottom: 1px solid #bfc4c6;
  927. background: none;
  928. -webkit-box-shadow: 0 0 0 transparent;
  929. box-shadow: 0 0 0 transparent;
  930. outline: none !important;
  931. border-radius: 0
  932. }
  933. section .tekst_sec .rightside .newsletter_block .select_field .btn-default:hover,
  934. section .tekst_sec .rightside .newsletter_block .select_field .btn-default:focus,
  935. section .tekst_sec .rightside .newsletter_block .select_field .btn-default.focus,
  936. section .tekst_sec .rightside .newsletter_block .select_field .btn-default:active,
  937. section .tekst_sec .rightside .newsletter_block .select_field .btn-default.active {
  938. background: none;
  939. -webkit-box-shadow: 0 0 0 transparent;
  940. box-shadow: 0 0 0 transparent;
  941. outline: none !important
  942. }
  943. section .tekst_sec .rightside .newsletter_block .select_field .btn-default .bootstrap-select.btn-group .btn .caret {
  944. width: 14px;
  945. height: 8px;
  946. border: none;
  947. background: url(../img/select_arrow2.png) no-repeat right center
  948. }
  949. section .tekst_sec .rightside .newsletter_block .select_field .btn-default .bootstrap-select.btn-group .dropdown-menu {
  950. background: #cbd6dc;
  951. border: none;
  952. border-radius: 0;
  953. padding: 0;
  954. -webkit-box-shadow: 0 0 0 transparent;
  955. box-shadow: 0 0 0 transparent
  956. }
  957. section .tekst_sec .rightside .newsletter_block .select_field .btn-default .bootstrap-select.btn-group .dropdown-menu li {
  958. width: 100%;
  959. margin: 0
  960. }
  961. section .tekst_sec .rightside .newsletter_block .select_field .btn-default .bootstrap-select.btn-group .dropdown-menu li a {
  962. padding: 3px 10px;
  963. font-size: 16px;
  964. color: #292929;
  965. font-weight: 300
  966. }
  967. section .tekst_sec .rightside .newsletter_block .select_field .btn-default .dropdown-menu>li>a:hover {
  968. background: #d5dee3;
  969. color: #fff
  970. }
  971. section .tekst_sec .rightside .newsletter_button {
  972. min-width: 151px;
  973. height: 45px;
  974. float: left;
  975. padding: 0 18px;
  976. margin: 5px 0 0 0;
  977. font-size: 16px;
  978. color: #ffffff;
  979. line-height: 42px;
  980. font-weight: 700;
  981. background: #292929;
  982. border: none
  983. }
  984. section .tekst_sec .rightside .newsletter_button i {
  985. float: right;
  986. line-height: 45px
  987. }
  988. section .tekst_sec .rightside .newsletter_button:hover {
  989. color: #292929;
  990. background: #fcbf00
  991. }
  992. section .tekst_sec .rightside .woman_photo {
  993. font-family: robotobold;
  994. font-size: 18px;
  995. color: #000;
  996. margin-top: 20px;
  997. background: url(../img/woman_photo.png) top right no-repeat;
  998. min-height: 305px;
  999. margin-right: -20px
  1000. }
  1001. section .tekst_sec .rightside .woman_photo span {
  1002. font-family: robotolight;
  1003. font-size: 14px;
  1004. color: #000
  1005. }
  1006. section .tekst_sec .rightside .joyce_photo {
  1007. font-family: robotobold;
  1008. font-size: 18px;
  1009. color: #000;
  1010. margin-top: 20px;
  1011. background: url(../img/joyce-de-mooij.png) top right no-repeat;
  1012. min-height: 305px;
  1013. margin-right: -20px
  1014. }
  1015. section .tekst_sec .rightside .joyce_photo span {
  1016. font-family: robotolight;
  1017. font-size: 14px;
  1018. color: #000
  1019. }
  1020. section .tekst_sec .rightside .marjanne_photo {
  1021. font-family: robotobold;
  1022. font-size: 18px;
  1023. color: #000;
  1024. margin-top: 20px;
  1025. background: url(../img/marjanne-de-wolff-buis.png) top right no-repeat;
  1026. min-height: 305px;
  1027. margin-right: -20px
  1028. }
  1029. section .tekst_sec .rightside .marjanne_photo span {
  1030. font-family: robotolight;
  1031. font-size: 14px;
  1032. color: #000
  1033. }
  1034. section .tekst_sec .rightside .martijn_photo {
  1035. font-family: robotobold;
  1036. font-size: 18px;
  1037. color: #000;
  1038. margin-top: 20px;
  1039. background: url(../img/martijn-schuitemaker.png) top right no-repeat;
  1040. min-height: 305px;
  1041. margin-right: -20px
  1042. }
  1043. section .tekst_sec .rightside .martijn_photo span {
  1044. font-family: robotolight;
  1045. font-size: 14px;
  1046. color: #000
  1047. }
  1048. section .tekst_sec .rightside .pieter_photo {
  1049. font-family: robotobold;
  1050. font-size: 18px;
  1051. color: #000;
  1052. margin-top: 20px;
  1053. background: url(../img/pieter-kuijt.png) top right no-repeat;
  1054. min-height: 305px;
  1055. margin-right: -20px
  1056. }
  1057. section .tekst_sec .rightside .pieter_photo span {
  1058. font-family: robotolight;
  1059. font-size: 14px;
  1060. color: #000
  1061. }
  1062. section .tekst_sec .rightside .stephan_photo {
  1063. font-family: robotobold;
  1064. font-size: 18px;
  1065. color: #000;
  1066. margin-top: 20px;
  1067. background: url(../img/stephan-spillenaar.png) top right no-repeat;
  1068. min-height: 305px;
  1069. margin-right: -20px
  1070. }
  1071. section .tekst_sec .rightside .stephan_photo span {
  1072. font-family: robotolight;
  1073. font-size: 14px;
  1074. color: #000
  1075. }
  1076. section .news_sec {
  1077. width: 100%;
  1078. float: left;
  1079. padding: 60px 0 60px 0;
  1080. margin: 0
  1081. }
  1082. section .news_sec i {
  1083. width: 40px;
  1084. height: 40px;
  1085. float: left;
  1086. padding: 0;
  1087. margin: 0;
  1088. font-size: 25px;
  1089. color: #fcbf00;
  1090. text-align: center;
  1091. line-height: 36px;
  1092. border: 2px solid #fcbf00;
  1093. border-radius: 50%
  1094. }
  1095. section .news_sec h3 {
  1096. font-family: robotomedium;
  1097. padding: 0;
  1098. margin: 0 0 10px 0;
  1099. color: #292929;
  1100. line-height: 35px
  1101. }
  1102. section .news_sec .item .img-responsive {
  1103. border: 4px solid #dde5e8;
  1104. margin-top: 20px
  1105. }
  1106. section .news_sec p {
  1107. font-family: robotolight;
  1108. font-size: 16px;
  1109. color: #292929;
  1110. line-height: 32px;
  1111. margin: 0px;
  1112. margin-bottom: 20px
  1113. }
  1114. section .news_sec .leftside {
  1115. margin: 0px;
  1116. padding: 0px
  1117. }
  1118. section .news_sec .leftside h1 {
  1119. width: 100%;
  1120. float: left;
  1121. font-size: 48px;
  1122. font-family: robotolight;
  1123. padding: 0;
  1124. margin: 0 0 38px 0;
  1125. color: #292929
  1126. }
  1127. section .news_sec .leftside h3 {
  1128. font-family: robotomedium;
  1129. padding: 0;
  1130. margin: 0 0 30px 0;
  1131. color: #292929;
  1132. line-height: 35px
  1133. }
  1134. section .news_sec .leftside p {
  1135. font-family: robotolight;
  1136. font-size: 16px;
  1137. color: #292929;
  1138. line-height: 32px;
  1139. margin: 0px;
  1140. margin-bottom: 30px
  1141. }
  1142. section .news_sec .leftside ul {
  1143. margin: 0px;
  1144. padding: 0px;
  1145. }
  1146. section .news_sec .leftside li {
  1147. font-family: robotolight;
  1148. font-size: 16px;
  1149. color: #292929;
  1150. line-height: 32px
  1151. }
  1152. section .news_sec .leftside .four_box {
  1153. margin: 30px 0 0 0;
  1154. padding: 0px;
  1155. text-align: center
  1156. }
  1157. section .news_sec .leftside .four_box .icon {
  1158. font-size: 100px;
  1159. color: #fcbf00;
  1160. line-height: 150px
  1161. }
  1162. section .news_sec .leftside .four_box .icon_box {
  1163. padding: 15px;
  1164. border: #e9eaed 1px solid;
  1165. min-height: 240px;
  1166. font-family: robotobold;
  1167. font-size: 18px;
  1168. line-height: 22px
  1169. }
  1170. section .news_sec .leftside .four_box p {
  1171. padding: 15px;
  1172. border: #e9eaed 1px solid;
  1173. font-family: robotolight;
  1174. font-size: 16px;
  1175. color: #292929;
  1176. line-height: 28px;
  1177. margin: 0px;
  1178. margin-top: -1px;
  1179. min-height: 200px;
  1180. margin-bottom: 30px
  1181. }
  1182. section .news_sec .leftside .yellow_bg {
  1183. margin: 30px 0 30px 0;
  1184. padding: 30px 25px;
  1185. background-color: #fcbf00
  1186. }
  1187. section .news_sec .leftside .yellow_bg h3 {
  1188. font-family: robotobold;
  1189. color: #292929;
  1190. line-height: 30px;
  1191. margin: 0px;
  1192. margin-bottom: 5px
  1193. }
  1194. section .news_sec .leftside .yellow_bg p {
  1195. font-family: robotolight;
  1196. font-size: 16px;
  1197. color: #292929;
  1198. line-height: 28px;
  1199. margin: 0px
  1200. }
  1201. section .detail_sec {
  1202. width: 100%;
  1203. float: left;
  1204. padding: 60px 0 60px 0;
  1205. margin: 0
  1206. }
  1207. section .detail_sec .leftside {
  1208. margin: 0px;
  1209. padding: 0px
  1210. }
  1211. section .detail_sec .leftside h1 {
  1212. float: left;
  1213. font-family: robotolight;
  1214. padding: 0;
  1215. margin: 0 0 10px 0;
  1216. color: #292929
  1217. }
  1218. section .detail_sec .leftside h1 strong {
  1219. font-family: robotobold;
  1220. font-weight: normal
  1221. }
  1222. section .detail_sec .leftside .price {
  1223. float: right;
  1224. font-size: 36px;
  1225. font-family: robotomedium;
  1226. padding: 0;
  1227. margin: 0 0 10px 0;
  1228. color: #fcbf00
  1229. }
  1230. section .detail_sec .leftside .tab_details {
  1231. width: 100%;
  1232. float: left;
  1233. margin: 0;
  1234. padding: 0px
  1235. }
  1236. section .detail_sec .leftside .tab_details .nav-tabs {
  1237. font-family: robotolight;
  1238. font-size: 16px;
  1239. line-height: 54px;
  1240. border: none
  1241. }
  1242. section .detail_sec .leftside .tab_details .nav-tabs>li {
  1243. float: left
  1244. }
  1245. section .detail_sec .leftside .tab_details .nav-tabs>li>a {
  1246. color: #fff;
  1247. background-color: #000;
  1248. border-radius: 0px;
  1249. margin-right: 6px
  1250. }
  1251. section .detail_sec .leftside .tab_details .nav-tabs>li>a:hover {
  1252. border-color: #000;
  1253. background-color: #000;
  1254. color: #fcbf00
  1255. }
  1256. section .detail_sec .leftside .tab_details .nav-tabs>li.active>a,
  1257. section .detail_sec .leftside .tab_details .nav-tabs>li.active>a:hover,
  1258. section .detail_sec .leftside .tab_details .nav-tabs>li.active>a:focus {
  1259. color: #fcbf00;
  1260. cursor: default;
  1261. background-color: #000;
  1262. border-color: transparent
  1263. }
  1264. section .detail_sec .leftside .tab_details .tab-content>.contact_area>.tab-pane {
  1265. display: none
  1266. }
  1267. section .detail_sec .leftside .tab_details .tab-content>.contact_area>.active {
  1268. display: block
  1269. }
  1270. section .detail_sec .leftside .tab_details .contact_area {
  1271. padding: 10px 0
  1272. }
  1273. section .detail_sec .leftside .tab_details .contact_area .algemeen_side .carousel-indicators li {
  1274. background-color: #fff;
  1275. border: 1px solid #fff;
  1276. cursor: pointer;
  1277. margin-top: 5px !important;
  1278. text-indent: -999px;
  1279. width: 12px;
  1280. height: 12px
  1281. }
  1282. section .detail_sec .leftside .tab_details .contact_area .algemeen_side .carousel-indicators .active {
  1283. background-color: #fcbf00 !important;
  1284. border-color: #fcbf00;
  1285. height: 14px;
  1286. margin: 0;
  1287. width: 14px
  1288. }
  1289. section .detail_sec .leftside .tab_details .contact_area p {
  1290. font-family: robotolight;
  1291. font-size: 16px;
  1292. color: #292929;
  1293. line-height: 32px;
  1294. margin: 0px;
  1295. margin-bottom: 30px
  1296. }
  1297. section .detail_sec .leftside .tab_details .contact_area h3 {
  1298. font-family: robotobold;
  1299. color: #292929;
  1300. line-height: 30px;
  1301. margin: 0px;
  1302. margin-bottom: 30px
  1303. }
  1304. section .detail_sec .leftside .tab_details .contact_area h4 {
  1305. font-family: robotobold;
  1306. font-size: 16px;
  1307. color: #31383d;
  1308. line-height: 30px;
  1309. margin: 0px
  1310. }
  1311. section .detail_sec .leftside .tab_details .contact_area .icon {
  1312. font-size: 30px;
  1313. color: #fcbf00;
  1314. line-height: 50px;
  1315. text-align: center
  1316. }
  1317. section .detail_sec .leftside .tab_details .contact_area .row_border {
  1318. border: #e5ebed 1px solid;
  1319. margin-bottom: -1px;
  1320. padding: 15px 0
  1321. }
  1322. section .detail_sec .leftside .tab_details .contact_area .list_name {
  1323. font-size: 16px;
  1324. font-family: robotolight;
  1325. color: #31383d;
  1326. line-height: 30px
  1327. }
  1328. section .detail_sec .leftside .tab_details .contact_area .foto_pd {
  1329. margin-bottom: 30px
  1330. }
  1331. section .detail_sec .leftside .tab_details .contact_area .map {
  1332. height: 640px
  1333. }
  1334. section .detail_sec .leftside .tab_details .contact_area .icon_box {
  1335. font-family: robotobold;
  1336. font-size: 48px;
  1337. line-height: 60px;
  1338. width: 60%;
  1339. margin: 0 auto;
  1340. text-align: center;
  1341. margin-top: 150px
  1342. }
  1343. section .detail_sec .leftside .tab_details .contact_area .icon_box .icon {
  1344. font-size: 170px;
  1345. color: #fcbf00;
  1346. line-height: 220px;
  1347. text-align: center
  1348. }
  1349. section .detail_sec .leftside .tab_details .contact_area .icon_box span {
  1350. color: #fcbf00
  1351. }
  1352. section .detail_sec .rightside {
  1353. margin: 0px;
  1354. padding: 0px
  1355. }
  1356. section .detail_sec .rightside .newsletter_block {
  1357. width: 100%;
  1358. float: left;
  1359. padding: 22px 34px 0px 34px;
  1360. margin: 0;
  1361. background: #e4ebed
  1362. }
  1363. section .detail_sec .rightside .newsletter_block h2 {
  1364. width: 100%;
  1365. float: left;
  1366. padding: 0;
  1367. margin: 0 0 18px 0;
  1368. font-size: 30px;
  1369. color: #292929;
  1370. font-weight: 300
  1371. }
  1372. section .detail_sec .rightside .newsletter_block ul {
  1373. width: 100%;
  1374. float: left;
  1375. padding: 0;
  1376. margin: 0
  1377. }
  1378. section .detail_sec .rightside .newsletter_block ul li {
  1379. width: 100%;
  1380. float: left;
  1381. padding: 0;
  1382. margin: 0 0 10px 0
  1383. }
  1384. section .detail_sec .rightside .newsletter_block ul li .input_field {
  1385. width: 100%;
  1386. height: 45px;
  1387. float: left;
  1388. padding: 0 11px;
  1389. margin: 0;
  1390. font-size: 16px;
  1391. font-weight: 300;
  1392. color: #292929;
  1393. background: none;
  1394. border: none;
  1395. border-bottom: 1px solid #bfc4c6
  1396. }
  1397. section .detail_sec .rightside .newsletter_block .select_field .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  1398. width: 100%
  1399. }
  1400. section .detail_sec .rightside .newsletter_block .select_field .btn-default {
  1401. height: 45px;
  1402. font-size: 16px;
  1403. color: #8f9496;
  1404. font-weight: 300;
  1405. border: none;
  1406. border-bottom: 1px solid #bfc4c6;
  1407. background: none;
  1408. -webkit-box-shadow: 0 0 0 transparent;
  1409. box-shadow: 0 0 0 transparent;
  1410. outline: none !important;
  1411. border-radius: 0
  1412. }
  1413. section .detail_sec .rightside .newsletter_block .select_field .btn-default:hover,
  1414. section .detail_sec .rightside .newsletter_block .select_field .btn-default:focus,
  1415. section .detail_sec .rightside .newsletter_block .select_field .btn-default.focus,
  1416. section .detail_sec .rightside .newsletter_block .select_field .btn-default:active,
  1417. section .detail_sec .rightside .newsletter_block .select_field .btn-default.active {
  1418. background: none;
  1419. -webkit-box-shadow: 0 0 0 transparent;
  1420. box-shadow: 0 0 0 transparent;
  1421. outline: none !important
  1422. }
  1423. section .detail_sec .rightside .newsletter_block .select_field .bootstrap-select.btn-group .btn .caret {
  1424. width: 14px;
  1425. height: 8px;
  1426. border: none;
  1427. background: url(../img/select_arrow2.png) no-repeat right center
  1428. }
  1429. section .detail_sec .rightside .newsletter_block .select_field .bootstrap-select.btn-group .dropdown-menu {
  1430. background: #cbd6dc;
  1431. border: none;
  1432. border-radius: 0;
  1433. padding: 0;
  1434. -webkit-box-shadow: 0 0 0 transparent;
  1435. box-shadow: 0 0 0 transparent
  1436. }
  1437. section .detail_sec .rightside .newsletter_block .select_field .bootstrap-select.btn-group .dropdown-menu li {
  1438. width: 100%;
  1439. margin: 0
  1440. }
  1441. section .detail_sec .rightside .newsletter_block .select_field .bootstrap-select.btn-group .dropdown-menu li a {
  1442. padding: 3px 10px;
  1443. font-size: 16px;
  1444. color: #292929;
  1445. font-weight: 300
  1446. }
  1447. section .detail_sec .rightside .newsletter_block .select_field .dropdown-menu>li>a:hover,
  1448. section .detail_sec .rightside .newsletter_block .select_field .dropdown-menu>li>a:focus {
  1449. background: #d5dee3;
  1450. color: #fff
  1451. }
  1452. section .detail_sec .rightside .newsletter_block .newsletter_button,
  1453. section .detail_sec .rightside .newsletter_block .submit_button {
  1454. min-width: 151px;
  1455. height: 45px;
  1456. float: left;
  1457. padding: 0 18px;
  1458. margin: 35px 0 0 0;
  1459. font-size: 16px;
  1460. color: #ffffff;
  1461. line-height: 42px;
  1462. font-weight: 700;
  1463. background: #292929;
  1464. border: none
  1465. }
  1466. section .detail_sec .rightside .newsletter_block .newsletter_button:hover,
  1467. section .detail_sec .rightside .newsletter_block .submit_button:hover {
  1468. color: #292929;
  1469. background: #fcbf00
  1470. }
  1471. section .detail_sec .rightside .newsletter_block .newsletter_button i,
  1472. section .detail_sec .rightside .newsletter_block .submit_button i {
  1473. float: right;
  1474. line-height: 45px
  1475. }
  1476. section .detail_sec .rightside .newsletter_block .woman_photo {
  1477. font-family: robotobold;
  1478. font-size: 18px;
  1479. color: #000;
  1480. margin-top: 20px;
  1481. background: url(../img/woman_photo.png) top right no-repeat;
  1482. min-height: 305px;
  1483. margin-right: -20px
  1484. }
  1485. section .detail_sec .rightside .newsletter_block .woman_photo span {
  1486. font-family: robotolight;
  1487. font-size: 14px;
  1488. color: #000
  1489. }
  1490. section .detail_sec .rightside .newsletter_block .joyce_photo {
  1491. font-family: robotobold;
  1492. font-size: 18px;
  1493. color: #000;
  1494. margin-top: 20px;
  1495. background: url(../img/joyce-de-mooij.png) top right no-repeat;
  1496. min-height: 305px;
  1497. margin-right: -20px
  1498. }
  1499. section .detail_sec .rightside .newsletter_block .joyce_photo span {
  1500. font-family: robotolight;
  1501. font-size: 14px;
  1502. color: #000
  1503. }
  1504. section .detail_sec .rightside .newsletter_block .marjanne_photo {
  1505. font-family: robotobold;
  1506. font-size: 18px;
  1507. color: #000;
  1508. margin-top: 20px;
  1509. background: url(../img/marjanne-de-wolff-buis.png) top right no-repeat;
  1510. min-height: 305px;
  1511. margin-right: -20px
  1512. }
  1513. section .detail_sec .rightside .newsletter_block .marjanne_photo span {
  1514. font-family: robotolight;
  1515. font-size: 14px;
  1516. color: #000
  1517. }
  1518. section .detail_sec .rightside .newsletter_block .martijn_photo {
  1519. font-family: robotobold;
  1520. font-size: 18px;
  1521. color: #000;
  1522. margin-top: 20px;
  1523. background: url(../img/martijn-schuitemaker.png) top right no-repeat;
  1524. min-height: 305px;
  1525. margin-right: -20px
  1526. }
  1527. section .detail_sec .rightside .newsletter_block .martijn_photo span {
  1528. font-family: robotolight;
  1529. font-size: 14px;
  1530. color: #000
  1531. }
  1532. section .detail_sec .rightside .newsletter_block .pieter_photo {
  1533. font-family: robotobold;
  1534. font-size: 18px;
  1535. color: #000;
  1536. margin-top: 20px;
  1537. background: url(../img/pieter-kuijt.png) top right no-repeat;
  1538. min-height: 305px;
  1539. margin-right: -20px
  1540. }
  1541. section .detail_sec .rightside .newsletter_block .pieter_photo span {
  1542. font-family: robotolight;
  1543. font-size: 14px;
  1544. color: #000
  1545. }
  1546. section .detail_sec .rightside .newsletter_block .stephan_photo {
  1547. font-family: robotobold;
  1548. font-size: 18px;
  1549. color: #000;
  1550. margin-top: 20px;
  1551. background: url(../img/stephan-spillenaar.png) top right no-repeat;
  1552. min-height: 305px;
  1553. margin-right: -20px
  1554. }
  1555. section .detail_sec .rightside .newsletter_block .stephan_photo span {
  1556. font-family: robotolight;
  1557. font-size: 14px;
  1558. color: #000
  1559. }
  1560. section .detail_sec .rightside .newsletter_block .standaard {
  1561. font-family: robotobold;
  1562. font-size: 18px;
  1563. color: #000;
  1564. margin-top: 20px;
  1565. min-height: 305px;
  1566. margin-right: -20px
  1567. }
  1568. section .detail_sec .rightside .newsletter_block .standaard span {
  1569. font-family: robotolight;
  1570. font-size: 14px;
  1571. color: #000
  1572. }
  1573. section .detail_sec .rightside ul.social_block {
  1574. width: 100%;
  1575. float: left;
  1576. padding: 0;
  1577. margin: 0;
  1578. margin-top: 15px
  1579. }
  1580. section .detail_sec .rightside ul.social_block li {
  1581. float: left;
  1582. padding: 0;
  1583. margin: 0 10px
  1584. }
  1585. section .detail_sec .rightside ul.social_block li a i {
  1586. width: 40px;
  1587. height: 40px;
  1588. float: left;
  1589. padding: 0;
  1590. margin: 0;
  1591. font-size: 25px;
  1592. color: #fff;
  1593. text-align: center;
  1594. line-height: 36px;
  1595. border: 2px solid #e4ebed;
  1596. background-color: #e4ebed;
  1597. border-radius: 50%
  1598. }
  1599. section .detail_sec .rightside ul.social_block li a:hover i {
  1600. background: #fcbf00;
  1601. border-color: #fcbf00;
  1602. color: #292929;
  1603. line-height: 36px
  1604. }
  1605. section .contact_sec {
  1606. width: 100%;
  1607. float: left;
  1608. padding: 60px 0 60px 0;
  1609. margin: 0
  1610. }
  1611. section .contact_sec h1 {
  1612. font-family: robotolight;
  1613. padding: 0;
  1614. font-size: 48px;
  1615. margin: 0 0 50px 0;
  1616. color: #292929
  1617. }
  1618. section .contact_sec .leftside {
  1619. margin: 0px;
  1620. padding: 0px
  1621. }
  1622. section .contact_sec .leftside .address_block {
  1623. width: 100%;
  1624. float: left;
  1625. padding: 0;
  1626. margin: 0
  1627. }
  1628. section .contact_sec .leftside .address_block h3 {
  1629. width: 100%;
  1630. float: left;
  1631. padding: 0;
  1632. margin: 15px 0;
  1633. color: #292929;
  1634. font-family: robotobold
  1635. }
  1636. section .contact_sec .leftside .address_block p {
  1637. font-family: robotolight;
  1638. font-size: 14px;
  1639. padding: 0;
  1640. color: #292929;
  1641. line-height: 25px
  1642. }
  1643. section .contact_sec .leftside .address_block p a {
  1644. color: #fcbf00;
  1645. font-size: 16px;
  1646. font-weight: bold
  1647. }
  1648. section .contact_sec .leftside .phone_no {
  1649. font-family: robotomedium;
  1650. width: 100%;
  1651. float: left;
  1652. padding: 0;
  1653. margin: 0;
  1654. font-size: 28px;
  1655. color: #292929;
  1656. margin-bottom: 30px
  1657. }
  1658. section .contact_sec .rightside {
  1659. margin: 0px;
  1660. padding: 0px
  1661. }
  1662. section .contact_sec .rightside .contact_block {
  1663. width: 100%;
  1664. float: left;
  1665. padding: 22px 34px 22px 34px;
  1666. margin: 0;
  1667. background: #e4ebed
  1668. }
  1669. section .contact_sec .rightside .contact_block h2 {
  1670. width: 100%;
  1671. float: left;
  1672. padding: 0;
  1673. margin: 0 0 18px 0;
  1674. font-size: 30px;
  1675. color: #292929;
  1676. font-weight: 300
  1677. }
  1678. section .contact_sec .rightside .contact_block ul {
  1679. width: 100%;
  1680. float: left;
  1681. padding: 0;
  1682. margin: 0 0 10px 0
  1683. }
  1684. section .contact_sec .rightside .contact_block ul li {
  1685. width: 100%;
  1686. float: left;
  1687. padding: 0;
  1688. margin: 0 0 10px 0
  1689. }
  1690. section .contact_sec .rightside .contact_block ul li .input_field {
  1691. width: 100%;
  1692. height: 45px;
  1693. float: left;
  1694. padding: 0 11px;
  1695. margin: 0;
  1696. font-size: 16px;
  1697. font-weight: 300;
  1698. color: #292929;
  1699. background: none;
  1700. border: none;
  1701. border-bottom: 1px solid #bfc4c6
  1702. }
  1703. section .contact_sec .rightside .contact_block .select_field .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  1704. width: 100%
  1705. }
  1706. section .contact_sec .rightside .contact_block .select_field .btn-default {
  1707. height: 45px;
  1708. font-size: 16px;
  1709. color: #8f9496;
  1710. font-weight: 300;
  1711. border: none;
  1712. border-bottom: 1px solid #bfc4c6;
  1713. background: none;
  1714. -webkit-box-shadow: 0 0 0 transparent;
  1715. box-shadow: 0 0 0 transparent;
  1716. outline: none !important;
  1717. border-radius: 0
  1718. }
  1719. section .contact_sec .rightside .contact_block .select_field .btn-default:hover,
  1720. section .contact_sec .rightside .contact_block .select_field .btn-default:focus,
  1721. section .contact_sec .rightside .contact_block .select_field .btn-default:active,
  1722. section .contact_sec .rightside .contact_block .select_field .btn-default.active {
  1723. background: none;
  1724. -webkit-box-shadow: 0 0 0 transparent;
  1725. box-shadow: 0 0 0 transparent;
  1726. outline: none !important
  1727. }
  1728. section .contact_sec .rightside .contact_block .select_field .bootstrap-select.btn-group .btn .caret {
  1729. width: 14px;
  1730. height: 8px;
  1731. border: none;
  1732. background: url(../img/select_arrow2.png) no-repeat right center
  1733. }
  1734. section .contact_sec .rightside .contact_block .select_field .bootstrap-select.btn-group .dropdown-menu {
  1735. background: #cbd6dc;
  1736. border: none;
  1737. border-radius: 0;
  1738. padding: 0;
  1739. -webkit-box-shadow: 0 0 0 transparent;
  1740. box-shadow: 0 0 0 transparent
  1741. }
  1742. section .contact_sec .rightside .contact_block .select_field .bootstrap-select.btn-group .dropdown-menu li {
  1743. width: 100%;
  1744. margin: 0
  1745. }
  1746. section .contact_sec .rightside .contact_block .select_field .bootstrap-select.btn-group .dropdown-menu li a {
  1747. padding: 3px 10px;
  1748. font-size: 16px;
  1749. color: #292929;
  1750. font-weight: 300
  1751. }
  1752. section .contact_sec .rightside .contact_block .select_field .dropdown-menu>li>a:hover,
  1753. section .contact_sec .rightside .contact_block .select_field .dropdown-menu>li>a:focus {
  1754. background: #d5dee3;
  1755. color: #fff
  1756. }
  1757. section .contact_sec .rightside .contact_block .submit_button {
  1758. min-width: 151px;
  1759. height: 45px;
  1760. float: left;
  1761. padding: 0 18px;
  1762. margin: 35px 0 0 0;
  1763. font-size: 16px;
  1764. color: #ffffff;
  1765. line-height: 42px;
  1766. font-weight: 700;
  1767. background: #292929;
  1768. border: none
  1769. }
  1770. section .contact_sec .rightside .contact_block .submit_button:hover {
  1771. color: #292929;
  1772. background: #fcbf00
  1773. }
  1774. section .contact_sec .rightside .contact_block .submit_button i {
  1775. float: right;
  1776. line-height: 45px
  1777. }
  1778. section .title_sec {
  1779. width: 100%;
  1780. float: left;
  1781. padding: 0;
  1782. margin: 0;
  1783. background-color: #292929
  1784. }
  1785. section .title_sec h1 {
  1786. font-family: robotolight;
  1787. padding: 0;
  1788. font-size: 48px;
  1789. margin: 20px 0 20px 0;
  1790. color: #fcbf00
  1791. }
  1792. section .title_sec ul.icon_link {
  1793. float: right;
  1794. padding: 0;
  1795. margin: 50px 0px 0px 0px
  1796. }
  1797. section .title_sec ul.icon_link li {
  1798. padding: 0;
  1799. margin: 0;
  1800. display: inline-block
  1801. }
  1802. section .title_sec ul.icon_link li a i {
  1803. width: 45px;
  1804. margin: 0;
  1805. font-size: 34px;
  1806. color: #ffffff;
  1807. text-align: center;
  1808. display: block
  1809. }
  1810. section .title_sec ul.icon_link li a:hover i,
  1811. section .title_sec ul.icon_link li a.active i {
  1812. color: #fcbf00
  1813. }
  1814. section .title_sec .link_top {
  1815. font-family: robotomedium;
  1816. font-size: 16px;
  1817. color: #fff;
  1818. float: right;
  1819. margin-right: 15px;
  1820. margin-top: 50px
  1821. }
  1822. section .title_sec .link_top a {
  1823. font-family: robotolight;
  1824. font-size: 16px;
  1825. color: #fff;
  1826. line-height: 30px;
  1827. padding: 0 10px
  1828. }
  1829. section .title_sec .link_top a:hover,
  1830. section .title_sec .link_top a.active {
  1831. color: #fcbf00
  1832. }
  1833. section .aanbod_left {
  1834. margin: 0px;
  1835. padding: 0px 0 15px 0;
  1836. background-color: #e4ebed
  1837. }
  1838. section .aanbod_left .input_field1 {
  1839. width: 100%;
  1840. height: 70px;
  1841. float: left;
  1842. padding: 0 11px;
  1843. margin: 0;
  1844. font-size: 16px;
  1845. font-weight: 300;
  1846. color: #292929;
  1847. background: none;
  1848. border: none;
  1849. font-family: robotobold;
  1850. border-bottom: 1px solid #ced4d6
  1851. }
  1852. section .aanbod_left input#range_01 {
  1853. display: none
  1854. }
  1855. section .aanbod_rightside {
  1856. margin: 0px;
  1857. padding: 15px;
  1858. margin-bottom: 20px
  1859. }
  1860. section .aanbod_rightside .row_border {
  1861. border-bottom: #e4ebed 1px solid;
  1862. margin-bottom: 25px;
  1863. padding-bottom: 15px
  1864. }
  1865. section .aanbod_rightside .fade_bg {
  1866. width: 100%;
  1867. float: left;
  1868. padding: 13px 20px 10px 0;
  1869. margin: 0 0 20px 0;
  1870. background: url(../img/fade_bg.png) no-repeat center top;
  1871. background-size: 100% 100%
  1872. }
  1873. section .aanbod_rightside .fade_bg .border_img {
  1874. border: #fcbf00 7px solid;
  1875. -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35);
  1876. -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35);
  1877. box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35)
  1878. }
  1879. section .aanbod_rightside .fade_bg .caption {
  1880. position: absolute;
  1881. top: 20px;
  1882. left: 45px;
  1883. background-color: rgba(255, 255, 255, 0.7);
  1884. font-family: robotobold;
  1885. font-size: 16px;
  1886. color: #292929;
  1887. line-height: 40px;
  1888. padding: 0 15px
  1889. }
  1890. section .aanbod_rightside .fade_bg .caption:hover,
  1891. section .aanbod_rightside .fade_bg .caption.active {
  1892. background-color: rgba(252, 191, 0, 0.7);
  1893. cursor: pointer
  1894. }
  1895. section .aanbod_rightside h3 {
  1896. font-family: robotolight;
  1897. color: #292929;
  1898. line-height: 30px;
  1899. margin: 0px;
  1900. margin-top: 15px
  1901. }
  1902. section .aanbod_rightside h2 {
  1903. font-family: robotobold;
  1904. color: #292929;
  1905. line-height: 40px;
  1906. margin: 0px
  1907. }
  1908. section .aanbod_rightside h1 {
  1909. font-family: robotobold;
  1910. color: #fcbf00;
  1911. margin: 25px 0px;
  1912. font-size: 35px
  1913. }
  1914. section .aanbod_rightside .icon_box {
  1915. width: auto;
  1916. float: left;
  1917. padding: 15px 25px;
  1918. border: #e9eaed 1px solid;
  1919. font-family: robotolight;
  1920. font-size: 16px;
  1921. line-height: 28px;
  1922. margin-left: -1px
  1923. }
  1924. section .aanbod_rightside .icon_box .icon {
  1925. font-size: 30px;
  1926. color: #fcbf00;
  1927. line-height: 30px;
  1928. float: left;
  1929. margin-right: 25px
  1930. }
  1931. section .aanbod_rightside .pagination {
  1932. width: 100%;
  1933. float: left;
  1934. padding: 0
  1935. }
  1936. section .aanbod_rightside .pagination ul {
  1937. width: 100%;
  1938. float: left;
  1939. padding: 0;
  1940. margin: 0
  1941. }
  1942. section .aanbod_rightside .pagination ul li {
  1943. padding: 0;
  1944. margin: 1px;
  1945. display: inline-block
  1946. }
  1947. section .aanbod_rightside .pagination ul li a {
  1948. font-family: robotomedium;
  1949. padding: 6px 14px;
  1950. margin: 0;
  1951. font-size: 18px;
  1952. color: #000000
  1953. }
  1954. section .aanbod_rightside .pagination ul li a i {
  1955. font-size: 28px;
  1956. position: relative;
  1957. top: 2px;
  1958. color: #fcbf00
  1959. }
  1960. section .aanbod_rightside .pagination ul li a:hover,
  1961. section .aanbod_rightside .pagination ul li a.active {
  1962. color: #fff;
  1963. background-color: #000
  1964. }
  1965. section .members {
  1966. margin: 0px;
  1967. padding: 0px;
  1968. margin-bottom: 20px
  1969. }
  1970. section .members .row_border {
  1971. border-bottom: #e4ebed 1px solid;
  1972. margin-bottom: 25px;
  1973. padding-bottom: 15px
  1974. }
  1975. section .members .img-responsive {
  1976. border: 4px solid #dde5e8;
  1977. margin-bottom: 10px
  1978. }
  1979. section .members p {
  1980. font-family: roboto;
  1981. color: #000;
  1982. line-height: 26px;
  1983. margin: 0px;
  1984. font-size: 14px;
  1985. font-weight: normal
  1986. }
  1987. section .members h3 {
  1988. font-family: robotobold;
  1989. color: #292929;
  1990. line-height: 40px;
  1991. margin: 10px 0;
  1992. font-size: 24px
  1993. }
  1994. section .members h2 {
  1995. font-family: robotobold;
  1996. color: #fcbf00;
  1997. margin: 0px 0px;
  1998. font-size: 30px
  1999. }
  2000. section .members h4 {
  2001. font-family: robotolight;
  2002. color: #292929;
  2003. line-height: 30px;
  2004. margin: 0px;
  2005. margin-top: 15px
  2006. }
  2007. section .members i {
  2008. width: 40px;
  2009. height: 40px;
  2010. float: left;
  2011. padding: 0;
  2012. margin: 0;
  2013. font-size: 25px;
  2014. color: #fcbf00;
  2015. text-align: center;
  2016. line-height: 36px;
  2017. border: 2px solid #fcbf00;
  2018. border-radius: 50%
  2019. }
  2020. section .members .icon_box {
  2021. width: auto;
  2022. float: left;
  2023. padding: 15px 25px;
  2024. border: #e9eaed 1px solid;
  2025. font-family: robotolight;
  2026. font-size: 16px;
  2027. line-height: 28px;
  2028. margin-left: -1px
  2029. }
  2030. section .members .icon_box .icon {
  2031. font-size: 30px;
  2032. color: #fcbf00;
  2033. line-height: 30px;
  2034. float: left;
  2035. margin-right: 25px
  2036. }
  2037. section .members .pagination {
  2038. width: 100%;
  2039. float: left;
  2040. padding: 0
  2041. }
  2042. section .members .pagination ul {
  2043. width: 100%;
  2044. float: left;
  2045. padding: 0;
  2046. margin: 0
  2047. }
  2048. section .members .pagination ul li {
  2049. padding: 0;
  2050. margin: 1px;
  2051. display: inline-block
  2052. }
  2053. section .members .pagination ul li a {
  2054. font-family: robotomedium;
  2055. padding: 6px 14px;
  2056. margin: 0;
  2057. font-size: 18px;
  2058. color: #000000
  2059. }
  2060. section .members .pagination ul li a i {
  2061. font-size: 28px;
  2062. position: relative;
  2063. top: 2px;
  2064. color: #fcbf00
  2065. }
  2066. section .members .pagination ul li a:hover,
  2067. section .members .pagination ul li a.active {
  2068. color: #fff;
  2069. background-color: #000
  2070. }
  2071. footer {
  2072. width: 100%;
  2073. float: left;
  2074. margin: 0px;
  2075. padding: 0px
  2076. }
  2077. footer .footer_detail {
  2078. width: 100%;
  2079. float: left;
  2080. padding: 30px 0 30px 0;
  2081. margin: 0;
  2082. background: #292929
  2083. }
  2084. footer .footer_detail h3 {
  2085. width: 100%;
  2086. float: left;
  2087. padding: 0;
  2088. margin: 25px 0 27px 0;
  2089. font-size: 30px;
  2090. color: #dae2e6;
  2091. font-weight: 500
  2092. }
  2093. footer .footer_detail .address_block {
  2094. width: 100%;
  2095. float: left;
  2096. padding: 0;
  2097. margin: 0
  2098. }
  2099. footer .footer_detail .address_block h4 {
  2100. width: 100%;
  2101. float: left;
  2102. padding: 0;
  2103. margin: 0;
  2104. font-size: 20px;
  2105. color: #dae2e6;
  2106. font-weight: 700
  2107. }
  2108. footer .footer_detail .address_block p {
  2109. width: 100%;
  2110. float: left;
  2111. padding: 0;
  2112. margin: 3px 0 28px 0;
  2113. font-size: 16px;
  2114. color: #dae2e6;
  2115. font-weight: 300;
  2116. line-height: 25px
  2117. }
  2118. footer .footer_detail .address_block p a {
  2119. color: #fcbf00;
  2120. font-weight: 700
  2121. }
  2122. footer .footer_detail .address_block p a:hover {
  2123. color: #fff
  2124. }
  2125. footer .footer_detail .phone_no {
  2126. width: 100%;
  2127. float: left;
  2128. padding: 0;
  2129. margin: 0;
  2130. font-size: 30px;
  2131. color: #dae2e6;
  2132. font-weight: 300
  2133. }
  2134. footer .footer_detail .phone_no a {
  2135. color: #dae2e6
  2136. }
  2137. footer .footer_detail ul.footer_link {
  2138. width: 100%;
  2139. float: left;
  2140. padding: 0;
  2141. margin: 0
  2142. }
  2143. footer .footer_detail ul.footer_link li {
  2144. width: 100%;
  2145. float: left;
  2146. padding: 0 0 0 17px;
  2147. margin: 0 0 6px 0;
  2148. position: relative;
  2149. font-size: 16px;
  2150. color: #dae2e6;
  2151. font-weight: 700
  2152. }
  2153. footer .footer_detail ul.footer_link li a {
  2154. color: #dae2e6
  2155. }
  2156. footer .footer_detail ul.footer_link li a:hover {
  2157. color: #fcbf00
  2158. }
  2159. footer .footer_detail ul.footer_link li a:before {
  2160. content: "\f105";
  2161. font-size: 15px;
  2162. position: absolute;
  2163. left: 0;
  2164. top: 1px;
  2165. font-family: 'FontAwesome'
  2166. }
  2167. footer .footer_detail ul.social_block {
  2168. width: 100%;
  2169. float: left;
  2170. padding: 0;
  2171. margin: 0
  2172. }
  2173. footer .footer_detail ul.social_block li {
  2174. float: left;
  2175. padding: 0;
  2176. margin: 0 12px 0 0
  2177. }
  2178. footer .footer_detail ul.social_block li a i {
  2179. width: 40px;
  2180. height: 40px;
  2181. float: left;
  2182. padding: 0;
  2183. margin: 0;
  2184. font-size: 25px;
  2185. color: #fcbf00;
  2186. text-align: center;
  2187. line-height: 36px;
  2188. border: 2px solid #fcbf00;
  2189. border-radius: 50%
  2190. }
  2191. footer .footer_detail ul.social_block li a:hover i {
  2192. background: #fcbf00;
  2193. color: #292929
  2194. }
  2195. footer .footer_detail .copyright {
  2196. width: 100%;
  2197. float: left;
  2198. padding: 20px 0 0 0;
  2199. margin: 60px 0 0 0;
  2200. border-top: 1px solid #545454
  2201. }
  2202. footer .footer_detail .copyright .left {
  2203. float: left;
  2204. padding: 0;
  2205. margin: 5px 0 30px 0;
  2206. font-size: 13px;
  2207. color: #545454
  2208. }
  2209. footer .footer_detail .copyright .left a {
  2210. color: #545454
  2211. }
  2212. footer .footer_detail .copyright .left a:hover {
  2213. color: #fcbf00
  2214. }
  2215. footer .footer_detail .copyright .footer_logo {
  2216. float: right;
  2217. padding: 0;
  2218. margin: 0 10px 30px 0;
  2219. padding-right: 20px;
  2220. }
  2221. footer .footer_detail .login_detail {
  2222. width: 100%;
  2223. min-height: 40px;
  2224. float: left;
  2225. padding: 0 0 0 57px;
  2226. margin: 0;
  2227. font-size: 16px;
  2228. color: #ffffff;
  2229. font-weight: 300;
  2230. position: relative
  2231. }
  2232. footer .footer_detail .login_detail strong {
  2233. color: #fcbf00;
  2234. font-weight: 700
  2235. }
  2236. footer .footer_detail .login_detail img {
  2237. position: absolute;
  2238. left: 0;
  2239. top: 3px
  2240. }
  2241. .fb_iframe_widget,
  2242. .fb_iframe_widget span,
  2243. .fb_iframe_widget span iframe[style] {
  2244. width: 100% !important
  2245. }
  2246. .open>.dropdown-toggle.btn-default {
  2247. background: none;
  2248. -webkit-box-shadow: 0 0 0 transparent;
  2249. box-shadow: 0 0 0 transparent;
  2250. outline: none !important
  2251. }
  2252. .search_sec .select_field .bootstrap-select.btn-group .dropdown-menu {
  2253. background: #292929;
  2254. border: none;
  2255. border-radius: 0;
  2256. padding: 0
  2257. }
  2258. .cd-faq-trigger::before,
  2259. .cd-faq-trigger::after {
  2260. background-color: #000 !important
  2261. }
  2262. .irs-from::after,
  2263. .irs-to::after,
  2264. .irs-single::after {
  2265. border-color: #FCBF00 transparent transparent !important
  2266. }
  2267. .irs-from,
  2268. .irs-to,
  2269. .irs-single {
  2270. background: #FCBF00 !important
  2271. }
  2272. footer .footer_detail .footer_logo1 {
  2273. padding-top: 15px;
  2274. padding-bottom: 15px
  2275. }
  2276. /*# sourceMappingURL=style.css.map */
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!