API tools faq
paste
Advertisement
quewebdev

style.css

quewebdev
Jan 17th, 2019
79
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 168.43 KB | None | 0 0
raw download clone embed print report
  1. /*------------------------
  2.   * CSS TABLE CONTENT *  
  3. --------------------------
  4.     1. GENERAL
  5.     2. HEADINGS
  6.     3. TEXT & PARAGRAPH
  7.         - Text_Align
  8.         - Text_Vertical_Align
  9.         - Text_No_Line_Brack
  10.         - Text_Transform
  11.         - Text_Size
  12.         - Font_Weight
  13.     4. LISTS
  14.     5. BOX SPACING (inner & outer)
  15.         5.1 > Padding
  16.             - Padding_Around
  17.             - Padding_Top
  18.             - Padding_Bottom
  19.             - Padding_Left
  20.             - Padding_Right
  21.             - Padding_LeftRight
  22.             - Padding_TopBottom
  23.         5.2 > Margin
  24.             - Margin_Around
  25.             - Margin_Top
  26.             - Margin_Bottom
  27.             - Margin_Left
  28.             - Margin_Right
  29.             - Margin_LeftRight
  30.             - Margin_TopBottom
  31.         5.3 > Column Space
  32.     6. BOX MAX-WIDTH CSS
  33.     7. POSITIONS ( absolute & relative & statice & z-index )
  34.     8. COLOR (text & background)
  35.         - Text_Color
  36.         - Background_Color
  37.         - Bg_Transparent
  38.         - Tb_Black
  39.         - Border_Color
  40.     9. OPACITY
  41.     10. BACKGROUND IMAGE
  42.     11. IMAGES OVERLAY EFFECTS (overly animation on images)
  43.         - Effect_1
  44.         - Effect_2
  45.         - Effect_3
  46.     12. IMAGES EFFECTS (image animation in images)
  47.         - Image_Opacity
  48.         - Image_Zoom
  49.         - Image_Zoom_Slow
  50.         - Image_Shrink
  51.         - Image_Side_Pan
  52.         - Image_Vertical_Pan
  53.         - Image_Fade_In
  54.         - Image_Fade_Out
  55.         - Image_Rotate
  56.         - Image_Sepia
  57.         - Image_Blurr
  58.         - Image_Blurr_Invert
  59.         - Image_Off_Color
  60.         - Image_On_Color
  61.     13. CONTENT SHOW ON IMAGE BOX
  62.     14. FORM ELEMENTS
  63.         - Input_Group
  64.         - Select_Box
  65.         - Radio_And_Checkbox
  66.         - Touchspin_Input_Type_Number
  67.     15. HEADER (top part of page)
  68.     16. PAGE TOP BAR (left & right content)
  69.     17. LOGO ( company identify  symbol )
  70.         - Logo_For_Header
  71.         - When_Header_Is_Sticky
  72.     18. NAVIGATIONS
  73.         - Header_Nav
  74.         - Mega_Menu
  75.         - Header_Sticky
  76.         - BG_Header
  77.         - Header_Transparent
  78.         - Nav_Close_Icon
  79.         - Search_Style
  80.         - Mobile_Side_Nav
  81.     19. BANNER
  82.         - Inner_Page_Banner
  83.         - Banner_Contant
  84.         - Banner_Breadcrumb
  85.         19.1 > Padding
  86.     20. SLIDER 
  87.         20.1 > RS_Slider
  88.         20.2 > Owl_Slider
  89.             - Next_Prev_Btn
  90.             - Owl_Dots_Button
  91.             - Owl_Dots_Style_1
  92.             - Owl_Dots_Style_2
  93.             - Owl_Button_Top_To_Center
  94.             - Owl_Button_Top_To_Left
  95.             - Owl_Button_Top_To_Right
  96.             - Owl_Button_Top_To_Left_And_Right
  97.             - Owl_Button_Center_Left_Right
  98.             - Owl_Button_Style
  99.     21. BLOG
  100.         - Blog_Post_Half_Image
  101.         - Blog_Rounded
  102.         - Gallery_Css_For_Blog_Post
  103.         - Side_Bar
  104.         - Blog_Single
  105.         - Comment_List
  106.         - Comment_Form  
  107.     22. WIDGETS
  108.         - Widget_Link
  109.         - Widget_Listing
  110.         - Widget_Search_Custom
  111.         - Widget_Search
  112.         - Search_BX_Style_1
  113.         - Widget_Recent_Posts
  114.         - Widget_Recent_Comment
  115.         - Widget_Meta
  116.         - Widget_Calender
  117.         - Widget_Tags_List
  118.         - Widget_Archive
  119.         - Widget_Text
  120.         - Widget_Categories
  121.         - Widget_RSS
  122.         - Widget_Get_In_Touch
  123.         - Widget_Gallery
  124.         - Newsletter
  125.         - About_Us_Widgets
  126.         - Widget_Testimonial
  127.     23. CUSTOMIZE CSS
  128.         - Set_Radius
  129.         - Transition
  130.         - Float_Clearfix
  131.     24. SORTCODES
  132.         24.1 > Buttons
  133.             - Owl_Slider_Button
  134.             - Theme_Default_Button
  135.             - Button_Size
  136.             - Button_Rounded
  137.             - Button_Colors
  138.             - Button_Text_Link
  139.             - Button_Circle
  140.             - Social_Icon_Link
  141.             - Social_Button
  142.             - Social_Button_Outline
  143.             - Filter_Buttons
  144.         24.2 > Title_Separators
  145.         24.3 > Dividers
  146.         24.4 > Lists_Bullets
  147.         24.5 > Accordions
  148.         24.6 > Testimonials
  149.             - Testimonials_1
  150.             - Testimonials_2
  151.             - Testimonials_3
  152.             - Testimonial_Center
  153.         24.7 > Pricing_Table
  154.         24.8 > Counter_Up
  155.         24.9 > Alert_Box
  156.         24.10 > Breadcrumb
  157.         24.11 > Tables
  158.         24.12 > Image_Effects
  159.         24.13 > Icon   
  160.     25. PAGINATION
  161.     26. FOOTER
  162.     27. PAGE-CONTENT
  163.     28. INNER-CONTENT
  164.         - Layout_Boxed
  165.         - Layout_Frame
  166.         - Product_Review
  167.         - Team_Section
  168.         - Loading
  169.         - Spacing_End_Alignment
  170.         - Google_Recaptcha
  171. /*----------------------------
  172.   * CSS TABLE CONTENT END *  
  173. ------------------------------
  174. /* ======================
  175.     1. GENERAL
  176. ======================= */
  177. body, html {
  178.      -moz-osx-font-smoothing: grayscale;
  179. }
  180. body {
  181.     background-color: #fff;
  182.     font-family: 'Roboto', sans-serif;
  183.     font-size: 16px;
  184.     font-weight: 400;
  185.     color:#505050;
  186.     padding: 0;
  187.     margin: 0;
  188.     overflow-x: hidden;
  189.     -webkit-font-smoothing: antialiased;
  190.     font-smoothing: antialiased;
  191. }
  192. a {
  193.     color: #EFBB20;
  194.     outline: 0 none;
  195.     text-decoration: none;
  196. }
  197. a:hover,
  198. a:focus {
  199.     text-decoration: none;
  200.     outline: 0 none;
  201. }
  202. a:active,
  203. a:hover {
  204.     color: #333333;
  205. }
  206. p a {
  207.     color: #333333;
  208. }
  209. img {
  210.     border-style: none;
  211.     height: auto;
  212.     max-width: 100%;
  213.     vertical-align: middle;
  214. }
  215. hr {
  216.     clear: both;
  217. }
  218. section,
  219. article,
  220. aside,
  221. details,
  222. figcaption,
  223. figure,
  224. footer,
  225. header,
  226. hgroup,
  227. main,
  228. menu,
  229. nav,
  230. summary {
  231.     display: block;
  232. }
  233. address {
  234.     font-style: italic;
  235. }
  236. table {
  237.     background-color: transparent;
  238.     width: 100%;
  239. }
  240. table thead th {
  241.     color: #333;
  242. }
  243. table td {
  244.     padding: 15px 10px;
  245. }
  246. p,
  247. address,
  248. pre,
  249. hr,
  250. ul,
  251. ol,
  252. dl,
  253. dd,
  254. table {
  255.     margin-bottom: 24px;
  256. }
  257.  ::selection {
  258.      color: #000;
  259.      background:#dbdbdb;
  260. }
  261.  ::-moz-selection {
  262.      color:#000;
  263.      background:#dbdbdb;
  264. }
  265. .overflow-hide {
  266.     overflow: hidden;
  267. }
  268. .overflow-auto {
  269.     overflow: auto;
  270. }
  271. .clear {
  272.     clear: both;
  273. }
  274. .pull-none {
  275.     float: none;
  276. }
  277. ::-moz-selection {
  278.     background: #3396d1;
  279.     color: #fff;
  280. }
  281. ::selection {
  282.     background: #3396d1;
  283.     color: #fff;
  284. }
  285. .op{
  286.     font-family: 'Roboto', sans-serif;
  287. }
  288. .dis-block{
  289.     display:block;
  290.     width: 100%;
  291. }
  292. /* ======================
  293.     2. HEADINGS
  294. ======================= */
  295. h1,
  296. h2,
  297. h3,
  298. h4,
  299. h5,
  300. h6 {
  301.     color: #273272;
  302.     font-family: "Roboto",sans-serif;
  303. }
  304. h1 a,
  305. h2 a,
  306. h3 a,
  307. h4 a,
  308. h5 a,
  309. h6 a {
  310.     color: #273272;
  311. }
  312. h1 {
  313.     font-size: 36px;
  314.     line-height: 45px;
  315.     margin-bottom: 25px;
  316.     font-weight:700;
  317. }
  318. h2 {
  319.     font-size: 32px;
  320.     line-height: 45px;
  321.     margin-bottom: 25px;
  322.     font-weight:700;
  323. }
  324. h3 {
  325.     font-size: 28px;
  326.     line-height: 35px;
  327.     margin-bottom: 20px;
  328.     font-weight:700;
  329. }
  330. h4 {
  331.     font-size: 22px;
  332.     line-height: 28px;
  333.     margin-bottom: 15px;
  334.     font-weight:600;
  335. }
  336. h5 {
  337.     font-size: 18px;
  338.     line-height: 24px;
  339.     margin-bottom: 10px;
  340.     font-weight:600;
  341. }
  342. h6 {
  343.     font-size: 16px;
  344.     line-height: 22px;
  345.     margin-bottom: 10px;
  346.     font-weight:600;
  347. }
  348. /* ======================
  349.     3. TEXT & PARAGRAPH
  350.         - Text_Align
  351.         - Text_Vertical_Align
  352.         - Text_No_Line_Brack
  353.         - Text_Transform
  354.         - Text_Size
  355.         - Font_Weight
  356. ======================= */
  357. p {
  358.     line-height: 24px;
  359.     margin-bottom: 24px;
  360. }
  361. strong {
  362.     font-weight: 400;
  363. }
  364. .bg-primary,
  365. .bg-primary a:hover{
  366.     color:#fff;
  367. }
  368. /*====| - Text_Align |====*/
  369.  
  370. .text-left {
  371.     text-align: left;
  372. }
  373. .text-center {
  374.     text-align: center;
  375. }
  376. .text-right {
  377.     text-align: right;
  378. }
  379. .text-justify {
  380.     text-align: justify
  381. }
  382. /*====| - Text_Vertical_Align |====*/
  383.  
  384. .v-align-t {
  385.     vertical-align: top;
  386. }
  387. .v-align-m {
  388.     vertical-align: middle;
  389. }
  390. .v-align-b {
  391.     vertical-align: bottom;
  392. }
  393. /*====| - Text_No_Line_Brack |====*/
  394. .text-nowrap {
  395.     white-space: nowrap
  396. }
  397. /*====| - Text_Transform |====*/
  398. .text-lowercase {
  399.     text-transform: lowercase
  400. }
  401. .text-uppercase {
  402.     text-transform: uppercase
  403. }
  404. .text-capitalize {
  405.     text-transform: capitalize
  406. }
  407. /*====| - Text_Size |====*/
  408. .font-10 {
  409.     font-size: 10px;
  410. }
  411. .font-12 {
  412.     font-size: 12px;
  413. }
  414. .font-13 {
  415.     font-size: 13px;
  416. }
  417. .font-14 {
  418.     font-size: 14px;
  419. }
  420. .font-16 {
  421.     font-size: 16px;
  422. }
  423. .font-18 {
  424.     font-size: 18px;
  425. }
  426. .font-20 {
  427.     font-size: 20px;
  428. }
  429. .font-22 {
  430.     font-size: 22px;
  431. }
  432. .font-24 {
  433.     font-size: 24px;
  434. }
  435. .font-26 {
  436.     font-size: 26px;
  437. }
  438. .font-30 {
  439.     font-size: 30px;
  440.     line-height: 40px;
  441. }
  442. .font-35 {
  443.     font-size: 35px;
  444.     line-height:45px;
  445. }
  446. .font-40 {
  447.     font-size: 40px;
  448.     line-height:50px;
  449. }
  450. .font-45 {
  451.     font-size: 45px;
  452.     line-height:55px;
  453. }
  454. .font-50 {
  455.     font-size: 50px;
  456.     line-height:65px;
  457. }
  458. .font-55 {
  459.     font-size: 55px;
  460.     line-height:65px;
  461. }
  462. .font-60 {
  463.     font-size: 60px;
  464.     line-height:70px;
  465. }
  466. .font-70 {
  467.     font-size: 70px;
  468.     line-height:80px;
  469. }
  470. .font-75 {
  471.     font-size: 75px;
  472.     line-height:85px;
  473. }
  474. .font-80 {
  475.     font-size: 80px;
  476.     line-height:90px;
  477. }
  478. .font-90 {
  479.     font-size: 90px;
  480.     line-height:100px;
  481. }
  482. .font-100 {
  483.     font-size: 100px;
  484.     line-height:110px;
  485. }
  486. @media screen and (max-width: 767px){
  487.     h1 {
  488.         font-size: 26px;
  489.         line-height: 32px;
  490.         margin-bottom: 15px;
  491.         font-weight:600;
  492.     }
  493.     h2 {
  494.         font-size: 24px;
  495.         line-height: 30px;
  496.         margin-bottom: 15px;
  497.         font-weight:600;
  498.     }
  499.     h3 {
  500.         font-size: 22px;
  501.         line-height: 28px;
  502.         margin-bottom: 10px;
  503.         font-weight:600;
  504.     }
  505.     h4 {
  506.         font-size: 20px;
  507.         line-height: 26px;
  508.         margin-bottom: 10px;
  509.         font-weight:500;
  510.     }
  511.     body{
  512.         font-size:14px;
  513.     }
  514. }
  515. /*====| - Font_Weight |====*/
  516. .fw3 {
  517.     font-weight: 300;
  518. }
  519. .fw4 {
  520.     font-weight: 400;
  521. }
  522. .fw5 {
  523.     font-weight: 500;
  524. }
  525. .fw6 {
  526.     font-weight: 600;
  527. }
  528. .fw7 {
  529.     font-weight: 700;
  530. }
  531. .fw8 {
  532.     font-weight: 800;
  533. }
  534. .fw9 {
  535.     font-weight: 900;
  536. }
  537. /* ======================
  538.     4. LISTS
  539. ======================= */
  540. dl,
  541. ul,
  542. ol {
  543.     list-style-position: outside;
  544.     padding: 0;
  545. }
  546. ul,
  547. ol {
  548.     margin-bottom: 24px;
  549. }
  550. ul li,
  551. ol li {
  552.     padding: 0;
  553. }
  554. dl {
  555.     margin-left: 0;
  556.     margin-bottom: 30px;
  557. }
  558. dl dd {
  559.     margin-bottom: 10px;
  560. }
  561. .list-inline > li{
  562.     padding-left:1px;
  563.     padding-right:1px;
  564.     display:inline-block;
  565. }
  566. /* ======================
  567.     5. BOX SPACING (inner & outer)
  568.         5.1 > Padding
  569.             - Padding_Around
  570.             - Padding_Top
  571.             - Padding_Bottom
  572.             - Padding_Left
  573.             - Padding_Right
  574.             - Padding_LeftRight
  575.             - Padding_TopBottom
  576.         5.2 > Margin
  577.             - Margin_Around
  578.             - Margin_Top
  579.             - Margin_Bottom
  580.             - Margin_Left
  581.             - Margin_Right
  582.             - Margin_LeftRight
  583.             - Margin_TopBottom
  584.         5.3 > Column Space
  585. ======================= */
  586. /*====| - Padding_Around |====*/
  587. .p-a0 {
  588.     padding: 0;
  589. }
  590. .p-a5 {
  591.     padding: 5px;
  592. }
  593. .p-a10 {
  594.     padding: 10px;
  595. }
  596. .p-a15 {
  597.     padding: 15px;
  598. }
  599. .p-a20 {
  600.     padding: 20px;
  601. }
  602. .p-a25 {
  603.     padding: 25px;
  604. }
  605. .p-a30 {
  606.     padding: 30px;
  607. }
  608. .p-a40 {
  609.     padding: 40px;
  610. }
  611. .p-a50 {
  612.     padding: 50px;
  613. }
  614. .p-a60 {
  615.     padding: 60px;
  616. }
  617. .p-a70 {
  618.     padding: 70px;
  619. }
  620. .p-a80 {
  621.     padding: 80px;
  622. }
  623. .p-a90 {
  624.     padding: 90px;
  625. }
  626. .p-a100 {
  627.     padding: 100px;
  628. }
  629. /*====| - Padding_Top |====*/
  630. .p-t0 {
  631.     padding-top: 0;
  632. }
  633. .p-t5 {
  634.     padding-top: 5px;
  635. }
  636. .p-t10 {
  637.     padding-top: 10px;
  638. }
  639. .p-t15 {
  640.     padding-top: 15px;
  641. }
  642. .p-t20 {
  643.     padding-top: 20px;
  644. }
  645. .p-t30 {
  646.     padding-top: 30px;
  647. }
  648. .p-t40 {
  649.     padding-top: 40px;
  650. }
  651. .p-t50 {
  652.     padding-top: 50px;
  653. }
  654. .p-t60 {
  655.     padding-top: 60px;
  656. }
  657. .p-t70 {
  658.     padding-top: 70px;
  659. }
  660. .p-t80 {
  661.     padding-top: 80px;
  662. }
  663. .p-t90 {
  664.     padding-top: 90px;
  665. }
  666. .p-t100 {
  667.     padding-top: 100px;
  668. }
  669. /*====| - Padding_Bottom |====*/
  670. .p-b0 {
  671.     padding-bottom: 0;
  672. }
  673. .p-b5 {
  674.     padding-bottom: 5px;
  675. }
  676. .p-b10 {
  677.     padding-bottom: 10px;
  678. }
  679. .p-b15 {
  680.     padding-bottom: 15px;
  681. }
  682. .p-b20 {
  683.     padding-bottom: 20px;
  684. }
  685. .p-b30 {
  686.     padding-bottom: 30px;
  687. }
  688. .p-b40 {
  689.     padding-bottom: 40px;
  690. }
  691. .p-b50 {
  692.     padding-bottom: 50px;
  693. }
  694. .p-b60 {
  695.     padding-bottom: 60px;
  696. }
  697. .p-b70 {
  698.     padding-bottom: 70px;
  699. }
  700. .p-b80 {
  701.     padding-bottom: 80px;
  702. }
  703. .p-b90 {
  704.     padding-bottom: 90px;
  705. }
  706. .p-b100 {
  707.     padding-bottom: 100px;
  708. }
  709. /*====| - Padding_Left |====*/
  710. .p-l0 {
  711.     padding-left: 0;
  712. }
  713. .p-l5 {
  714.     padding-left: 5px;
  715. }
  716. .p-l10 {
  717.     padding-left: 10px;
  718. }
  719. .p-l15 {
  720.     padding-left: 15px;
  721. }
  722. .p-l20 {
  723.     padding-left: 20px;
  724. }
  725. .p-l30 {
  726.     padding-left: 30px;
  727. }
  728. .p-l40 {
  729.     padding-left: 40px;
  730. }
  731. .p-l50 {
  732.     padding-left: 50px;
  733. }
  734. .p-l60 {
  735.     padding-left: 60px;
  736. }
  737. .p-l70 {
  738.     padding-left: 70px;
  739. }
  740. .p-l80 {
  741.     padding-left: 80px;
  742. }
  743. .p-l90 {
  744.     padding-left: 90px;
  745. }
  746. .p-l100 {
  747.     padding-left: 100px;
  748. }
  749. /*====| - Padding_Right |====*/
  750. .p-r0 {
  751.     padding-right: 0;
  752. }
  753. .p-r5 {
  754.     padding-right: 5px;
  755. }
  756. .p-r10 {
  757.     padding-right: 10px;
  758. }
  759. .p-r15 {
  760.     padding-right: 15px;
  761. }
  762. .p-r20 {
  763.     padding-right: 20px;
  764. }
  765. .p-r30 {
  766.     padding-right: 30px;
  767. }
  768. .p-r40 {
  769.     padding-right: 40px;
  770. }
  771. .p-r50 {
  772.     padding-right: 50px;
  773. }
  774. .p-r60 {
  775.     padding-right: 60px;
  776. }
  777. .p-r70 {
  778.     padding-right: 70px;
  779. }
  780. .p-r80 {
  781.     padding-right: 80px;
  782. }
  783. .p-r90 {
  784.     padding-right: 90px;
  785. }
  786. .p-r100 {
  787.     padding-right: 100px;
  788. }
  789. /*====| - Padding_LeftRight |====*/
  790. .p-lr0 {
  791.     padding-left: 0;
  792.     padding-right: 0;
  793. }
  794. .p-lr5 {
  795.     padding-left: 5px;
  796.     padding-right: 5px;
  797. }
  798. .p-lr10 {
  799.     padding-left: 10px;
  800.     padding-right: 10px;
  801. }
  802. .p-lr15 {
  803.     padding-left: 15px;
  804.     padding-right: 15px;
  805. }
  806. .p-lr20 {
  807.     padding-left: 20px;
  808.     padding-right: 20px;
  809. }
  810. .p-lr30 {
  811.     padding-left: 30px;
  812.     padding-right: 30px;
  813. }
  814. .p-lr40 {
  815.     padding-left: 40px;
  816.     padding-right: 40px;
  817. }
  818. .p-lr50 {
  819.     padding-left: 50px;
  820.     padding-right: 50px;
  821. }
  822. .p-lr60 {
  823.     padding-left: 60px;
  824.     padding-right: 60px;
  825. }
  826. .p-lr70 {
  827.     padding-left: 70px;
  828.     padding-right: 70px;
  829. }
  830. .p-lr80 {
  831.     padding-left: 80px;
  832.     padding-right: 80px;
  833. }
  834. .p-lr90 {
  835.     padding-left: 90px;
  836.     padding-right: 90px;
  837. }
  838. .p-lr100 {
  839.     padding-left: 100px;
  840.     padding-right: 100px;
  841. }
  842. /*====| - Padding_TopBottom |====*/
  843. .p-tb0 {
  844.     padding-bottom: 0;
  845.     padding-top: 0;
  846. }
  847. .p-tb5 {
  848.     padding-bottom: 5px;
  849.     padding-top: 5px;
  850. }
  851. .p-tb10 {
  852.     padding-bottom: 10px;
  853.     padding-top: 10px;
  854. }
  855. .p-tb15 {
  856.     padding-bottom: 15px;
  857.     padding-top: 15px;
  858. }
  859. .p-tb20 {
  860.     padding-bottom: 20px;
  861.     padding-top: 20px;
  862. }
  863. .p-tb30 {
  864.     padding-bottom: 30px;
  865.     padding-top: 30px;
  866. }
  867. .p-tb40 {
  868.     padding-bottom: 40px;
  869.     padding-top: 40px;
  870. }
  871. .p-tb50 {
  872.     padding-bottom: 50px;
  873.     padding-top: 50px;
  874. }
  875. .p-tb60 {
  876.     padding-bottom: 60px;
  877.     padding-top: 60px;
  878. }
  879. .p-tb70 {
  880.     padding-bottom: 70px;
  881.     padding-top: 70px;
  882. }
  883. .p-tb80 {
  884.     padding-bottom: 80px;
  885.     padding-top: 80px;
  886. }
  887. .p-tb90 {
  888.     padding-bottom: 90px;
  889.     padding-top: 90px;
  890. }
  891. .p-tb100 {
  892.     padding-bottom: 100px;
  893.     padding-top: 100px;
  894. }
  895. /*====| - Margin_Around |====*/
  896. .m-auto {
  897.     margin: auto;
  898. }
  899. .m-a0 {
  900.     margin: 0;
  901. }
  902. .m-a5 {
  903.     margin: 5px;
  904. }
  905. .m-a10 {
  906.     margin: 10px;
  907. }
  908. .m-a15 {
  909.     margin: 15px;
  910. }
  911. .m-a20 {
  912.     margin: 20px;
  913. }
  914. .m-a30 {
  915.     margin: 30px;
  916. }
  917. .m-a40 {
  918.     margin: 40px;
  919. }
  920. .m-a50 {
  921.     margin: 50px;
  922. }
  923. .m-a60 {
  924.     margin: 60px;
  925. }
  926. .m-a70 {
  927.     margin: 70px;
  928. }
  929. .m-a80 {
  930.     margin: 80px;
  931. }
  932. .m-a90 {
  933.     margin: 90px;
  934. }
  935. .m-a100 {
  936.     margin: 100px;
  937. }
  938. /*====| - Margin_Top |====*/
  939. .m-t0 {
  940.     margin-top: 0;
  941. }
  942. .m-t5 {
  943.     margin-top: 5px;
  944. }
  945. .m-t10 {
  946.     margin-top: 10px;
  947. }
  948. .m-t15 {
  949.     margin-top: 15px;
  950. }
  951. .m-t20 {
  952.     margin-top: 20px;
  953. }
  954. .m-t30 {
  955.     margin-top: 30px;
  956. }
  957. .m-t40 {
  958.     margin-top: 40px;
  959. }
  960. .m-t50 {
  961.     margin-top: 50px;
  962. }
  963. .m-t60 {
  964.     margin-top: 60px;
  965. }
  966. .m-t70 {
  967.     margin-top: 70px;
  968. }
  969. .m-t80 {
  970.     margin-top: 80px;
  971. }
  972. .m-t90 {
  973.     margin-top: 90px;
  974. }
  975. .m-t100 {
  976.     margin-top: 100px;
  977. }
  978. /*====| - Margin_Bottom |====*/
  979. .m-b0 {
  980.     margin-bottom: 0;
  981. }
  982. .m-b5 {
  983.     margin-bottom: 5px;
  984. }
  985. .m-b10 {
  986.     margin-bottom: 10px;
  987. }
  988. .m-b15 {
  989.     margin-bottom: 15px;
  990. }
  991. .m-b20 {
  992.     margin-bottom: 20px;
  993. }
  994. .m-b30 {
  995.     margin-bottom: 30px;
  996. }
  997. .m-b40 {
  998.     margin-bottom: 40px;
  999. }
  1000. .m-b50 {
  1001.     margin-bottom: 50px;
  1002. }
  1003. .m-b60 {
  1004.     margin-bottom: 60px;
  1005. }
  1006. .m-b70 {
  1007.     margin-bottom: 70px;
  1008. }
  1009. .m-b80 {
  1010.     margin-bottom: 80px;
  1011. }
  1012. .m-b90 {
  1013.     margin-bottom: 90px;
  1014. }
  1015. .m-b100 {
  1016.     margin-bottom: 100px;
  1017. }
  1018. /*====| - Margin_Left |====*/
  1019. .m-l0 {
  1020.     margin-left: 0;
  1021. }
  1022. .m-l5 {
  1023.     margin-left: 5px;
  1024. }
  1025. .m-l10 {
  1026.     margin-left: 10px;
  1027. }
  1028. .m-l15 {
  1029.     margin-left: 15px;
  1030. }
  1031. .m-l20 {
  1032.     margin-left: 20px;
  1033. }
  1034. .m-l30 {
  1035.     margin-left: 30px;
  1036. }
  1037. .m-l40 {
  1038.     margin-left: 40px;
  1039. }
  1040. .m-l50 {
  1041.     margin-left: 50px;
  1042. }
  1043. .m-l60 {
  1044.     margin-left: 60px;
  1045. }
  1046. .m-l70 {
  1047.     margin-left: 70px;
  1048. }
  1049. .m-l80 {
  1050.     margin-left: 80px;
  1051. }
  1052. .m-l90 {
  1053.     margin-left: 90px;
  1054. }
  1055. .m-l100 {
  1056.     margin-left: 100px;
  1057. }
  1058. /*====| - Margin_Right |====*/
  1059. .m-r0 {
  1060.     margin-right: 0;
  1061. }
  1062. .m-r5 {
  1063.     margin-right: 5px;
  1064. }
  1065. .m-r10 {
  1066.     margin-right: 10px;
  1067. }
  1068. .m-r15 {
  1069.     margin-right: 15px;
  1070. }
  1071. .m-r20 {
  1072.     margin-right: 20px;
  1073. }
  1074. .m-r30 {
  1075.     margin-right: 30px;
  1076. }
  1077. .m-r40 {
  1078.     margin-right: 40px;
  1079. }
  1080. .m-r50 {
  1081.     margin-right: 50px;
  1082. }
  1083. .m-r60 {
  1084.     margin-right: 60px;
  1085. }
  1086. .m-r70 {
  1087.     margin-right: 70px;
  1088. }
  1089. .m-r80 {
  1090.     margin-right: 80px;
  1091. }
  1092. .m-r90 {
  1093.     margin-right: 90px;
  1094. }
  1095. .m-r100 {
  1096.     margin-right: 100px;
  1097. }
  1098. /*====| - Margin_LeftRight |====*/
  1099. .m-lr0 {
  1100.     margin-left: 0;
  1101.     margin-right: 0;
  1102. }
  1103. .m-lr5 {
  1104.     margin-left: 5px;
  1105.     margin-right: 5px;
  1106. }
  1107. .m-lr10 {
  1108.     margin-left: 10px;
  1109.     margin-right: 10px;
  1110. }
  1111. .m-lr15 {
  1112.     margin-left: 15px;
  1113.     margin-right: 15px;
  1114. }
  1115. .m-lr20 {
  1116.     margin-left: 20px;
  1117.     margin-right: 20px;
  1118. }
  1119. .m-lr30 {
  1120.     margin-left: 30px;
  1121.     margin-right: 30px;
  1122. }
  1123. .m-lr40 {
  1124.     margin-left: 40px;
  1125.     margin-right: 40px;
  1126. }
  1127. .m-lr50 {
  1128.     margin-left: 50px;
  1129.     margin-right: 50px;
  1130. }
  1131. .m-lr60 {
  1132.     margin-left: 60px;
  1133.     margin-right: 60px;
  1134. }
  1135. .m-lr70 {
  1136.     margin-left: 70px;
  1137.     margin-right: 70px;
  1138. }
  1139. .m-lr80 {
  1140.     margin-left: 80px;
  1141.     margin-right: 80px;
  1142. }
  1143. .m-lr90 {
  1144.     margin-left: 90px;
  1145.     margin-right: 90px;
  1146. }
  1147. .m-lr100 {
  1148.     margin-left: 100px;
  1149.     margin-right: 100px;
  1150. }
  1151. /*====| - Margin_TopBottom |====*/
  1152. .m-tb0 {
  1153.     margin-bottom: 0;
  1154.     margin-top: 0;
  1155. }
  1156. .m-tb5 {
  1157.     margin-bottom: 5px;
  1158.     margin-top: 5px;
  1159. }
  1160. .m-tb10 {
  1161.     margin-bottom: 10px;
  1162.     margin-top: 10px;
  1163. }
  1164. .m-tb15 {
  1165.     margin-bottom: 15px;
  1166.     margin-top: 15px;
  1167. }
  1168. .m-tb20 {
  1169.     margin-bottom: 20px;
  1170.     margin-top: 20px;
  1171. }
  1172. .m-tb30 {
  1173.     margin-bottom: 30px;
  1174.     margin-top: 30px;
  1175. }
  1176. .m-tb40 {
  1177.     margin-bottom: 40px;
  1178.     margin-top: 40px;
  1179. }
  1180. .m-tb50 {
  1181.     margin-bottom: 50px;
  1182.     margin-top: 50px;
  1183. }
  1184. .m-tb60 {
  1185.     margin-bottom: 60px;
  1186.     margin-top: 60px;
  1187. }
  1188. .m-tb70 {
  1189.     margin-bottom: 70px;
  1190.     margin-top: 70px;
  1191. }
  1192. .m-tb80 {
  1193.     margin-bottom: 80px;
  1194.     margin-top: 80px;
  1195. }
  1196. .m-tb90 {
  1197.     margin-bottom: 90px;
  1198.     margin-top: 90px;
  1199. }
  1200. .m-tb100 {
  1201.     margin-bottom: 100px;
  1202.     margin-top: 100px;
  1203. }
  1204. /*====| 5.3 > Column Space |====*/
  1205. .no-col-gap [class*="col-xs-"],
  1206. .no-col-gap [class*="col-sm-"],
  1207. .no-col-gap [class*="col-md-"],
  1208. .no-col-gap [class*="col-lg-"] {
  1209.     padding-left: 0;
  1210.     padding-right: 0;
  1211. }
  1212. .row.sp20,
  1213. .sp20{
  1214.     margin-left:-9px;
  1215.     margin-right:-9px;
  1216. }
  1217. .row.sp20 [class*="col-"],
  1218. .sp20 [class*="col-"]{
  1219.     padding-left:9px;
  1220.     padding-right:9px;
  1221. }
  1222. .row.sp15,
  1223. .sp15{
  1224.     margin-left:-7.5px;
  1225.     margin-right:-7.5px;
  1226. }
  1227. .row.sp15 [class*="col-"],
  1228. .sp15 [class*="col-"]{
  1229.     padding-left:7.5px;
  1230.     padding-right:7.5px;
  1231. }
  1232. .row.sp10,
  1233. .sp10{
  1234.     margin-left:-5px;
  1235.     margin-right:-5px;
  1236. }
  1237. .row.sp10 [class*="col-"],
  1238. .sp10 [class*="col-"]{
  1239.     padding-left:5px;
  1240.     padding-right:5px;
  1241. }
  1242. /* ======================
  1243.     6. BOX MAX-WIDTH CSS
  1244. ======================= */
  1245. .max-w50 {
  1246.     max-width: 50px;
  1247. }
  1248. .max-w60 {
  1249.     max-width: 60px;
  1250. }
  1251. .max-w80 {
  1252.     max-width: 80px;
  1253. }
  1254. .max-w100 {
  1255.     max-width: 100px;
  1256. }
  1257. .max-w200 {
  1258.     max-width: 200px;
  1259. }
  1260. .max-w300 {
  1261.     max-width: 300px;
  1262. }
  1263. .max-w400 {
  1264.     max-width: 400px;
  1265. }
  1266. .max-w500 {
  1267.     max-width: 500px;
  1268. }
  1269. .max-w600 {
  1270.     max-width: 600px;
  1271. }
  1272. .max-w700 {
  1273.     max-width: 700px;
  1274. }
  1275. .max-w800 {
  1276.     max-width: 800px;
  1277. }
  1278. .max-w900 {
  1279.     max-width: 900px;
  1280. }
  1281. .max-w1000 {
  1282.     max-width: 1000px;
  1283. }
  1284. /* ======================
  1285.     7. POSITIONS ( absolute & relative & statice & z-index )
  1286. ======================= */
  1287. .absolute {
  1288.     position: absolute;
  1289. }
  1290. .relative {
  1291.     position: relative;
  1292. }
  1293. .static {
  1294.     position: static;
  1295. }
  1296. .z-index1 {
  1297.     z-index: 1;
  1298. }
  1299. .z-index2 {
  1300.     z-index: 2;
  1301. }
  1302. .z-index3 {
  1303.     z-index: 3;
  1304. }
  1305. .z-index4 {
  1306.     z-index: 4;
  1307. }
  1308. .z-index5 {
  1309.     z-index: 5;
  1310. }
  1311. .z-index6 {
  1312.     z-index: 6;
  1313. }
  1314. .z-index7 {
  1315.     z-index: 7;
  1316. }
  1317. .z-index8 {
  1318.     z-index: 8;
  1319. }
  1320. .z-index9 {
  1321.     z-index: 9;
  1322. }
  1323. .z-index10 {
  1324.     z-index: 10;
  1325. }
  1326. .z-index100 {
  1327.     z-index: 100;
  1328. }
  1329. .z-index999 {
  1330.     z-index: 999;
  1331. }
  1332. /* ======================
  1333.     8. COLOR (text & background)
  1334.         - Text_Color
  1335.         - Background_Color
  1336. ======================= */
  1337. /*====| - Text_Color |====*/
  1338. .text-white {
  1339.     color: #fff;
  1340. }
  1341. .text-black {
  1342.     color: #000;
  1343. }
  1344. .text-gray {
  1345.     color: #f5f6f6;
  1346. }
  1347. .text-gray-dark {
  1348.     color: #d3d3d3;
  1349. }
  1350. .text-red {
  1351.     color: #FF4045;
  1352. }
  1353. .text-yellow {
  1354.     color: #ffb822;
  1355. }
  1356. .text-yellow-light {
  1357.     color: #FEC215;
  1358. }
  1359. .text-pink{
  1360.     color: #ff3c85;
  1361. }
  1362. .text-blue{
  1363.     color: #00c5dc;
  1364. }
  1365. .text-green{
  1366.     color: #34bfa3;
  1367. }
  1368. .text-orange{
  1369.     color: #ef9800;
  1370. }
  1371. /*====| - Background_Color |====*/
  1372. .bg-transparent {
  1373.     background-color: transparent;
  1374. }
  1375. .bg-primary {
  1376.     background-color: ;
  1377. }
  1378. .bg-white {
  1379.     background-color: #FFF;
  1380. }
  1381. .bg-black {
  1382.     background-color: #000;
  1383. }
  1384. .bg-black-light {
  1385.     background-color: #1C1C1C;
  1386. }
  1387. .bg-gray {
  1388.     background-color: #F7F9FB;
  1389. }
  1390. .bg-gray-dark {
  1391.     background-color: #EFEFEF;
  1392. }
  1393. .bg-blue-light{
  1394.     background-color: #e3eff5;
  1395. }
  1396. .bg-red {
  1397.     background-color: #FF4045;
  1398. }
  1399. .bg-green {
  1400.     background-color: #34bfa3;
  1401. }
  1402. .bg-yellow {
  1403.     background-color: #ffb822;
  1404. }
  1405. .bg-pink {
  1406.     background-color: #ff3c85;
  1407. }
  1408. .bg-blue {
  1409.     background-color: #00c5dc;
  1410. }
  1411. .bg-orange {
  1412.     background-color: #ef9800;
  1413. }
  1414. /*====| - Bg_Transparent |====*/
  1415. .bg-tpw1{
  1416.     background-color:rgba(255,255,255,0.1)
  1417. }
  1418. .bg-tpw2{
  1419.     background-color:rgba(255,255,255,0.2)
  1420. }
  1421. .bg-tpw3{
  1422.     background-color:rgba(255,255,255,0.3)
  1423. }
  1424. .bg-tpw4{
  1425.     background-color:rgba(255,255,255,0.4)
  1426. }
  1427. .bg-tpw5{
  1428.     background-color:rgba(255,255,255,0.5)
  1429. }
  1430. .bg-tpw6{
  1431.     background-color:rgba(255,255,255,0.6)
  1432. }
  1433. .bg-tpw7{
  1434.     background-color:rgba(255,255,255,0.7)
  1435. }
  1436. .bg-tpw8{
  1437.     background-color:rgba(255,255,255,0.8)
  1438. }
  1439. .bg-tpw9{
  1440.     background-color:rgba(255,255,255,0.9)
  1441. }
  1442. /*====| - Tb_Black |====*/
  1443. .bg-tpb1{
  1444.     background-color:rgba(0,0,0,0.05)
  1445. }
  1446. .bg-tpb2{
  1447.     background-color:rgba(0,0,0,0.2)
  1448. }
  1449. .bg-tpb3{
  1450.     background-color:rgba(0,0,0,0.3)
  1451. }
  1452. .bg-tpb4{
  1453.     background-color:rgba(0,0,0,0.4)
  1454. }
  1455. .bg-tpb5{
  1456.     background-color:rgba(0,0,0,0.5)
  1457. }
  1458. .bg-tpb6{
  1459.     background-color:rgba(0,0,0,0.6)
  1460. }
  1461. .bg-tpb7{
  1462.     background-color:rgba(0,0,0,0.7)
  1463. }
  1464. .bg-tpb8{
  1465.     background-color:rgba(0,0,0,0.8)
  1466. }
  1467. .bg-tpb9{
  1468.     background-color:rgba(0,0,0,0.9)
  1469. }
  1470. /*====| - Border_Color |====*/
  1471. .br-col-w1,
  1472. .info.br-col-w1[class*="border-"],
  1473. .icon-bx-wraper.bx-style-1.br-col-w1,
  1474. .icon-bx-wraper.bx-style-2.br-col-w1{
  1475.     border-color:rgba(255,255,255,0.15)
  1476. }
  1477. .br-col-w2,
  1478. .info.br-col-w2[class*="border-"],
  1479. .icon-bx-wraper.bx-style-1.br-col-w2,
  1480. .icon-bx-wraper.bx-style-2.br-col-w2{
  1481.     border-color:rgba(255,255,255,0.3)
  1482. }
  1483. .br-col-w3,
  1484. .info.br-col-w3[class*="border-"],
  1485. .icon-bx-wraper.bx-style-1.br-col-w3,
  1486. .icon-bx-wraper.bx-style-2.br-col-w3{
  1487.     border-color:rgba(255,255,255,0.5)
  1488. }
  1489. .br-col-w4,
  1490. .info.br-col-w4[class*="border-"],
  1491. .icon-bx-wraper.bx-style-1.br-col-w4,
  1492. .icon-bx-wraper.bx-style-2.br-col-w4{
  1493.     border-color:rgba(255,255,255,0.7)
  1494. }
  1495. .br-col-w5,
  1496. .info.br-col-w5[class*="border-"],
  1497. .icon-bx-wraper.bx-style-1.br-col-w5,
  1498. .icon-bx-wraper.bx-style-2.br-col-w5{
  1499.     border-color:rgba(255,255,255,0.9)
  1500. }
  1501.  
  1502. .br-col-b1,
  1503. .info.br-col-b1[class*="border-"],
  1504. .icon-bx-wraper.bx-style-1.br-col-b1,
  1505. .icon-bx-wraper.bx-style-2.br-col-b1{
  1506.     border-color:rgba(39,50,114,0.15)
  1507. }                                
  1508. .br-col-b2,    
  1509. .info.br-col-b2[class*="border-"],                  
  1510. .icon-bx-wraper.bx-style-1.br-col-b2,
  1511. .icon-bx-wraper.bx-style-2.br-col-b2{
  1512.     border-color:rgba(39,50,114,0.3)  
  1513. }                                
  1514. .br-col-b3,                  
  1515. .info.br-col-b3[class*="border-"],    
  1516. .icon-bx-wraper.bx-style-1.br-col-b3,
  1517. .icon-bx-wraper.bx-style-2.br-col-b3{
  1518.     border-color:rgba(39,50,114,0.5)  
  1519. }                                
  1520. .br-col-b4,                  
  1521. .info.br-col-b4[class*="border-"],    
  1522. .icon-bx-wraper.bx-style-1.br-col-b4,
  1523. .icon-bx-wraper.bx-style-2.br-col-b4{
  1524.     border-color:rgba(39,50,114,0.7)  
  1525. }                                
  1526. .br-col-b5,                  
  1527. .info.br-col-b5[class*="border-"],    
  1528. .icon-bx-wraper.bx-style-1.br-col-b5,
  1529. .icon-bx-wraper.bx-style-2.br-col-b5{
  1530.     border-color:rgba(39,50,114,0.9)  
  1531. }
  1532. /* ======================
  1533.     9. OPACITY
  1534. ======================= */
  1535. .op0{
  1536.     opacity:0;
  1537. }
  1538. .op1{
  1539.     opacity:0.1;
  1540. }
  1541. .op2{
  1542.     opacity:0.2;
  1543. }
  1544. .op3{
  1545.     opacity:0.3;
  1546. }
  1547. .op4{
  1548.     opacity:0.4;
  1549. }
  1550. .op5{
  1551.     opacity:0.5;
  1552. }
  1553. .op6{
  1554.     opacity:0.6;
  1555. }
  1556. .op7{
  1557.     opacity:0.7;
  1558. }
  1559. .op8{
  1560.     opacity:0.8;
  1561. }
  1562. .op9{
  1563.     opacity:0.9;
  1564. }
  1565. /* ======================
  1566.     10. BACKGROUND IMAGE
  1567. ======================= */
  1568. .bg-img-fix {
  1569.     background-attachment: fixed;
  1570.     background-size: cover;
  1571. }
  1572. .bnr-inr.bg-pt,
  1573. .bg-pt{
  1574.     background-position:top;
  1575.     background-size: cover;
  1576. }
  1577. .bnr-inr.bg-pb,
  1578. .bg-pb{
  1579.     background-position:bottom;
  1580.     background-size: cover;
  1581. }
  1582. /* ======================
  1583.     11. IMAGES OVERLAY EFFECTS (overly animation on images)
  1584.         - Effect_1
  1585.         - Effect_2
  1586.         - Effect_3
  1587. ======================= */
  1588. .img-overlay1,
  1589. .img-overlay2,
  1590. .img-overlay3{
  1591.     position: relative;
  1592. }
  1593. .img-overlay1:before,
  1594. .img-overlay1:after,
  1595. .img-overlay2:before,
  1596. .img-overlay2:after,
  1597. .img-overlay3:before,
  1598. .img-overlay3:after{
  1599.     content: "";
  1600.     background: #273272;
  1601.     position: absolute;
  1602.     left: 0;
  1603.     top: 0;
  1604.     width: 0;
  1605.     height: 0;
  1606.     opacity: 0.4;
  1607.     z-index: 1;
  1608.     -webkit-transition: all 0.3s linear;
  1609.     -moz-transition: all 0.3s linear;
  1610.     -ms-transition: all 0.3s linear;
  1611.     -o-transition: all 0.3s linear;
  1612.     transition: all 0.3s linear;
  1613. }
  1614. /*====| - Effect_1 |====*/
  1615. .img-overlay1:before {
  1616.     width: 100%;
  1617.     height: 100%;
  1618.     opacity: 0;
  1619. }
  1620. .img-overlay1:hover:before,
  1621. .box:hover .img-overlay1:before {
  1622.     opacity: 0.5;
  1623. }
  1624. /*====| - Effect_2 |====*/
  1625. .img-overlay2:before {
  1626.     left: 0;
  1627.     top: 50%;
  1628.     width: 100%;
  1629. }
  1630. .img-overlay2:hover:before,
  1631. .box:hover .img-overlay2:before {
  1632.     height: 100%;
  1633.     top: 0;
  1634. }
  1635. /*====| - Effect_3 |====*/
  1636. .img-overlay3:before,
  1637. .img-overlay3:after {
  1638.     height: 100%;
  1639. }
  1640. .img-overlay3:after {
  1641.     left: auto;
  1642.     right: 0;
  1643. }
  1644. .img-overlay3:hover:before,
  1645. .img-overlay3:hover:after,
  1646. .box:hover .img-overlay3:before,
  1647. .box:hover .img-overlay3:after {
  1648.     width: 100%;
  1649.     opacity: 0.3;
  1650. }
  1651. /* ======================
  1652.     12. IMAGES EFFECTS (image animation in images)
  1653.         - Image_Opacity
  1654.         - Image_Zoom
  1655.         - Image_Zoom_Slow
  1656.         - Image_Shrink
  1657.         - Image_Side_Pan
  1658.         - Image_Vertical_Pan
  1659.         - Image_Fade_In
  1660.         - Image_Fade_Out
  1661.         - Image_Rotate
  1662.         - Image_Sepia
  1663.         - Image_Blurr
  1664.         - Image_Blurr_Invert
  1665.         - Image_Off_Color
  1666.         - Image_On_Color
  1667. ======================= */
  1668. .img-effect {
  1669.     position: relative;
  1670.     overflow: hidden;
  1671.     display: block;
  1672. }
  1673. .img-effect img {
  1674.     display: block;
  1675.     margin: 0;
  1676.     width: 100%;
  1677.     height: auto;
  1678.     box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  1679.     -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  1680.     -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  1681.     transition: all 0.25s;
  1682.     -moz-transition: all 0.25s;
  1683.     -webkit-transition: all 0.25s;
  1684.     -o-transition: all 0.25s;
  1685. }
  1686. /*====| - Image_Opacity |====*/
  1687. .img-effect.opacity img:hover {
  1688.     opacity: 0.8;
  1689.     -moz-opacity: 0.8;
  1690.     -webkit-opacity: 0.8;
  1691. }
  1692. /*====| - Image_Zoom |====*/
  1693. .img-effect.zoom-slow img {
  1694.     transition: all 10s;
  1695.     -moz-transition: all 10s;
  1696.     -webkit-transition: all 10s;
  1697.     -o-transition: all 10s;
  1698. }
  1699. .img-effect.zoom-slow:hover img {
  1700.     -moz-transform: scale(1.2);
  1701.     -webkit-transform: scale(1.2);
  1702.     -o-transform: scale(1.2);
  1703.     -ms-transform: scale(1.2);
  1704.     transform: scale(1.2);
  1705. }
  1706. /*====| - Image_Zoom_Slow |====*/
  1707. .img-effect.zoom:hover img {
  1708.     -moz-transform: scale(1.5);
  1709.     -webkit-transform: scale(1.5);
  1710.     -o-transform: scale(1.5);
  1711.     -ms-transform: scale(1.5);
  1712.     transform: scale(1.5);
  1713. }
  1714. /*====| - Image_Shrink |====*/
  1715. .img-effect.shrink:hover img {
  1716.     transform: scale(0.8);
  1717.     -ms-transform: scale(0.8);
  1718.     -webkit-transform: scale(0.8);
  1719.     -o-transform: scale(0.8);
  1720.     -moz-transform: scale(0.8);
  1721. }
  1722. /*====| - Image_Side_Pan |====*/
  1723. .img-effect.side-pan:hover img {
  1724.     margin-left: -11%;
  1725.     transform: scale(1.2);
  1726.     -ms-transform: scale(1.2);
  1727.     -webkit-transform: scale(1.2);
  1728.     -o-transform: scale(1.2);
  1729.     -moz-transform: scale(1.2);
  1730. }
  1731. /*====| - Image_Vertical_Pan |====*/
  1732. .img-effect.vertical-pan:hover img {
  1733.     margin-top: -10%;
  1734.     transform: scale(1.2);
  1735.     -ms-transform: scale(1.2);
  1736.     -webkit-transform: scale(1.2);
  1737.     -o-transform: scale(1.2);
  1738.     -moz-transform: scale(1.2);
  1739. }
  1740. /*====| - Image_Fade_In |====*/
  1741. .img-effect.fade-in {
  1742.     background: #000
  1743. }
  1744. .img-effect.fade-in img {
  1745.     opacity: 0.65;
  1746.     -moz-opacity: 0.65;
  1747.     -webkit-opacity: 0.65;
  1748. }
  1749. .img-effect.fade-in:hover img {
  1750.     opacity: 1;
  1751.     -moz-opacity: 1;
  1752.     -webkit-opacity: 1;
  1753. }
  1754. /*====| - Image_Fade_Out |====*/
  1755. .img-effect.fade-out {
  1756.     background: #000
  1757. }
  1758. .img-effect.fade-out:hover img {
  1759.     opacity: 0.7;
  1760.     -moz-opacity: 0.7;
  1761.     -webkit-opacity: 0.7;
  1762. }
  1763. /*====| - Image_Rotate |====*/
  1764. .box:hover .img-effect.rotate img,
  1765. .img-effect.rotate:hover img {
  1766.     -moz-transform: scale(1.5) rotate(-20deg);
  1767.     -webkit-transform: scale(1.5) rotate(-20deg);
  1768.     -o-transform: scale(1.5) rotate(-20deg);
  1769.     -ms-transform: scale(1.5) rotate(-20deg);
  1770.     transform: scale(1.5) rotate(-20deg);
  1771. }
  1772. /*====| - Image_Sepia |====*/
  1773. .img-effect.sepia img {
  1774.     -webkit-filter: sepia(100%);
  1775.     filter: sepia(100%);
  1776. }
  1777. .algo-image-hover.sepia:hover img {
  1778.     -webkit-filter: sepia(0);
  1779.     filter: sepia(0);
  1780. }
  1781. /*====| - Image_Blurr |====*/
  1782. .img-effect.blurr img {
  1783.     transition: all 0.2s;
  1784.     -moz-transition: all 0.2s;
  1785.     -webkit-transition: all 0.2s;
  1786.     -o-transition: all 0.2s;
  1787. }
  1788. .img-effect.blurr:hover img {
  1789.     filter: blur(3px);
  1790.     -webkit-filter: blur(3px);
  1791.     -moz-filter: blur(3px);
  1792.     -o-filter: blur(3px);
  1793.     -ms-filter: blur(3px);
  1794. }
  1795. /*====| - Image_Blurr_Invert |====*/
  1796. .img-effect.blurr-invert img {
  1797.     transition: all 0.2s;
  1798.     -moz-transition: all 0.2s;
  1799.     -webkit-transition: all 0.2s;
  1800.     -o-transition: all 0.2s;
  1801. }
  1802. .img-effect.blurr-invert img {
  1803.     filter: blur(3px);
  1804.     -webkit-filter: blur(3px);
  1805.     -moz-filter: blur(3px);
  1806.     -o-filter: blur(3px);
  1807.     -ms-filter: blur(3px);
  1808. }
  1809. .img-effect.blurr-invert:hover img {
  1810.     filter: blur(0px);
  1811.     -webkit-filter: blur(0px);
  1812.     -moz-filter: blur(0px);
  1813.     -o-filter: blur(0px);
  1814.     -ms-filter: blur(0px);
  1815. }
  1816. /*====| - Image_Off_Color |====*/
  1817. .img-effect.off-color img {
  1818.     filter: grayscale(0);
  1819.     -webkit-filter: grayscale(0);
  1820.     -moz-filter: grayscale(0);
  1821.     -o-filter: grayscale(0);
  1822.     -ms-filter: grayscale(0);
  1823. }
  1824. .img-effect.off-color:hover img {
  1825.     filter: grayscale(1);
  1826.     -webkit-filter: grayscale(1);
  1827.     -moz-filter: grayscale(1);
  1828.     -o-filter: grayscale(1);
  1829.     -ms-filter: grayscale(1);
  1830. }
  1831. /*====| - Image_On_Color |====*/
  1832. .img-effect.on-color img {
  1833.     filter: grayscale(1);
  1834.     -webkit-filter: grayscale(1);
  1835.     -moz-filter: grayscale(1);
  1836.     -o-filter: grayscale(1);
  1837.     -ms-filter: grayscale(1);
  1838. }
  1839. .img-effect.on-color:hover img {
  1840.     filter: grayscale(0);
  1841.     -webkit-filter: grayscale(0);
  1842.     -moz-filter: grayscale(0);
  1843.     -o-filter: grayscale(0);
  1844.     -ms-filter: grayscale(0);
  1845. }
  1846. /* ======================
  1847.     13. CONTENT SHOW ON IMAGE BOX
  1848. ======================= */
  1849. .info-has {
  1850.     position: absolute;
  1851.     bottom: 0;
  1852.     left: 0;
  1853.     width: 100%;
  1854.     height: auto;
  1855.     padding: 30px 15px 40px;
  1856.     opacity: 0;
  1857.     margin-bottom: -100px;
  1858.     z-index: 2;
  1859. }
  1860. .info-has.p-a15 {
  1861.     padding: 15px;
  1862. }
  1863. .info-has.p-a20 {
  1864.     padding: 20px;
  1865. }
  1866. .info-has.bg-primary {
  1867.     background-color: rgba(27, 188, 232, 0.9);
  1868. }
  1869. .info-has.bg-green {
  1870.     background-color: rgba(106, 179, 62, 0.9);
  1871. }
  1872. .info-has.bg-black {
  1873.     background-color: rgba(0, 0, 0, 0.6);
  1874. }
  1875. .info-has.bg-white {
  1876.     background-color: rgba(253, 252, 252, 0.637);
  1877. }
  1878. .info-has.bg-white h1,
  1879. .info-has.bg-white h2,
  1880. .info-has.bg-white h3,
  1881. .info-has.bg-white h4,
  1882. .info-has.bg-white h5,
  1883. .info-has.bg-white h6 {
  1884.     color: #3d474a;
  1885. }
  1886. .info-has.bg-white h1 a,
  1887. .info-has.bg-white h2 a,
  1888. .info-has.bg-white h3 a,
  1889. .info-has.bg-white h4 a,
  1890. .info-has.bg-white h5 a,
  1891. .info-has.bg-white h6 a {
  1892.     color: #3d474a;
  1893. }
  1894. .info-has.bg-white .info-has-text,
  1895. .info-has.bg-white p {
  1896.     color: #767676;
  1897. }
  1898. .info-has h1,
  1899. .info-has h2,
  1900. .info-has h3,
  1901. .info-has h4,
  1902. .info-has h5,
  1903. .info-has h6,
  1904. .info-has p,
  1905. .info-has-text,
  1906. .info-has a {
  1907.     color: #fff;
  1908. }
  1909. .info-has .info-has-text {
  1910.     margin-bottom: 20px;
  1911.     line-height: 24px;
  1912. }
  1913. .media {
  1914.     overflow: hidden;
  1915.     position: relative;
  1916. }
  1917. .box:hover .info-has,
  1918. .media:hover .info-has {
  1919.     opacity: 1;
  1920.     width: 100%;
  1921.     margin-bottom: 0;
  1922. }
  1923. .overlay-bx.no-hover,
  1924. .info-has.no-hover {
  1925.     opacity: 1;
  1926.     width: 100%;
  1927.     margin-bottom: 0;
  1928.     visibility: visible;
  1929. }
  1930. /* ======================
  1931.     14. FORM ELEMENTS
  1932.         - Input_Group
  1933.         - Select_Box
  1934.         - Radio_And_Checkbox
  1935.         - Touchspin_Input_Type_Number
  1936. ======================= */
  1937. label {
  1938.     font-weight: 600;
  1939.     margin-bottom: 10px;
  1940. }
  1941. .panel-default,
  1942. .panel-default > .panel-heading {
  1943.     border-color: #e7ecf1;
  1944.     color: inherit;
  1945. }
  1946. .panel-default > .panel-heading + .panel-collapse > .panel-body {
  1947.     border-top-color: #e7ecf1;
  1948. }
  1949. .form-group {
  1950.     margin-bottom: 25px;
  1951. }
  1952. .form-control {
  1953.     border-color: #e1e6eb;
  1954.     box-shadow: none;
  1955.     height: 40px;
  1956.     font-size: 13px;
  1957.     line-height: 20px;
  1958.     padding: 9px 12px;
  1959. }
  1960. textarea.form-control{
  1961.     height:auto;
  1962. }
  1963. .form-control:focus {
  1964.     border-color: #e1e1e1;
  1965.     outline: 0;
  1966. }
  1967. .form-control:focus,
  1968. .has-error .form-control:focus {
  1969.     -webkit-box-shadow: none;
  1970.     box-shadow: none;
  1971. }
  1972. .form-control.kv-fileinput-caption {
  1973.     height: 39px;
  1974. }
  1975. .form-group.form-inline .radio,
  1976. .form-group.form-inline .checkbox {
  1977.     margin-right: 15px;
  1978. }
  1979. /*====| - Input_Group |====*/
  1980. .input-group {
  1981.     width: 100%;
  1982. }
  1983. .input-group .form-control,
  1984. .input-group-addon,
  1985. .input-group-btn {
  1986.     display: table-cell;
  1987. }
  1988. .input-group-addon {
  1989.     background: #fff;
  1990.     border-color: #e1e1e1;
  1991.     padding: 6px 14px;
  1992.     font-size: 16px;
  1993. }
  1994. .input-group-addon.font-size-20 {
  1995.     font-size: 20px;
  1996. }
  1997. .input-group-addon.fixed-w {
  1998.     text-align: center;
  1999.     padding: 6px 0;
  2000.     width: 40px;
  2001. }
  2002. .input-group-addon.v-align-t {
  2003.     line-height: 30px;
  2004. }
  2005. /*====| - Select_Box |====*/
  2006. .dropdown-menu {
  2007.     font-size: 13px;
  2008. }
  2009. .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  2010.     width: 100%;
  2011. }
  2012. .bootstrap-select .dropdown-toggle {
  2013.     border: 1px solid #e7ecf1 !important;
  2014.     background-color: #fff !important;
  2015.     height: 40px;
  2016.     font-size: 13px;
  2017.     color: #999;
  2018. }
  2019. .bootstrap-select .dropdown-toggle:after {
  2020.     display: none;
  2021. }
  2022. .bootstrap-select .dropdown-toggle:active,
  2023. .bootstrap-select .dropdown-toggle:focus,
  2024. .bootstrap-select .dropdown-toggle:hover {
  2025.     background-color: #fff !important;
  2026.     border: 1px solid #e9e9e9 !important;
  2027.     box-shadow: none !important;
  2028.     outline: 0px !important;
  2029. }
  2030. .bootstrap-select:active,
  2031. .bootstrap-select:focus {
  2032.     border: 0px !important;
  2033.     box-shadow: none !important;
  2034.     outline: 0px !important;
  2035. }
  2036. .bootstrap-select.show {
  2037.     box-shadow: none !important;
  2038.     outline: 0px !important;
  2039. }
  2040. .bootstrap-select.show .dropdown-toggle {
  2041.     box-shadow: none !important;
  2042.     outline: 0px !important;
  2043. }
  2044. .bootstrap-select.show.btn-group .dropdown-menu.inner{
  2045.     display:block;
  2046. }  
  2047. .bootstrap-select div.dropdown-menu {
  2048.     border: 1px solid #e9e9e9;
  2049.     border-radius: 0;
  2050.     box-shadow: none;
  2051.     margin-top: -1px;
  2052.     padding: 0;
  2053.     font-size: 13px;
  2054. }
  2055. .bootstrap-select div.dropdown-menu ul li {
  2056.     padding: 0;
  2057. }
  2058. .bootstrap-select div.dropdown-menu ul li a {
  2059.     padding: 5px 15px;
  2060. }
  2061. .bootstrap-select div.dropdown-menu ul li a img {
  2062.     border-radius: 100%;
  2063.     -webkit-border-radius: 100%;
  2064.     margin-right: 5px;
  2065. }
  2066. .bootstrap-select .bs-searchbox .form-control {
  2067.     padding: 5px 10px;
  2068.     height: 30px;
  2069. }
  2070. .bootstrap-select .dropdown-menu > li > a {
  2071.     display: block;
  2072.     padding: 3px 20px;
  2073.     clear: both;
  2074.     font-weight: 400;
  2075.     line-height: 1.42857143;
  2076.     color: #333;
  2077.     white-space: nowrap;
  2078. }
  2079. .bootstrap-select .dropdown-menu > li > a:hover {
  2080.     background-color:#f2f2f4;
  2081. }
  2082. /*====| - Radio_And_Checkbox |====*/
  2083. input[type=checkbox],
  2084. input[type=radio] {
  2085.     display: ;
  2086.     opacity: 0;
  2087.     margin-left: 1px !important;
  2088.     position: absolute;
  2089. }
  2090. input[type=checkbox] + label,
  2091. input[type=radio] + label {
  2092.     display: block;
  2093.     padding-left: 25px !important;
  2094.     position: relative;
  2095. }
  2096. input[type=checkbox] + label:hover:before,
  2097. input[type=radio] + label:hover:before {
  2098.     border-color: #3396d1;
  2099. }
  2100. input[type=checkbox] + label:before,
  2101. input[type=radio] + label:before {
  2102.     background-color: #ffffff;
  2103.     border: 2px solid #b6b7b8;
  2104.     border-radius: 0;
  2105.     content: "";
  2106.     display: inline-block;
  2107.     height: 16px;
  2108.     left: 1px;
  2109.     line-height: 1;
  2110.     position: absolute;
  2111.     top: 50%;
  2112.     transition: all 0.1s linear 0s;
  2113.     -moz-transition: all 0.1s linear 0s;
  2114.     -webkit-transition: all 0.1s linear 0s;
  2115.     -o-transition: all 0.1s linear 0s;
  2116.     transform: translateY(-50%);
  2117.     -webkit-transform: translateY(-50%);
  2118.     -moz-transform: translateY(-50%);
  2119.     -o-transform: translateY(-50%);
  2120.     width: 16px;
  2121. }
  2122. input[type=checkbox] + label:after {
  2123.     color: #fff;
  2124.     content: "\f00c";
  2125.     font-family: FontAwesome;
  2126.     font-size: 0px;
  2127.     -webkit-font-smoothing: antialiased;
  2128.     left: 6px;
  2129.     position: absolute;
  2130.     top: 7px;
  2131.     transition: all linear 0.1s;
  2132.     -moz-transition: all linear 0.1s;
  2133.     -webkit-transition: all linear 0.1s;
  2134.     -o-transition: all linear 0.1s;
  2135.     width: 14px;
  2136.     text-align: center;
  2137. }
  2138. input[type=checkbox]:checked + label:before {
  2139.     border-width: 7px;
  2140. }
  2141. input[type=checkbox]:checked + label:after {
  2142.     font-size: 10px;
  2143.     left: 2px;
  2144.     top:50%;
  2145.     transform: translateY(-50%);
  2146.     -webkit-transform: translateY(-50%);
  2147.     -moz-transform: translateY(-50%);
  2148.     -o-transform: translateY(-50%);
  2149. }
  2150. input[type=radio] + label:before {
  2151.     border-radius: 50%;
  2152.     content: "";
  2153. }
  2154. input[type=radio]:checked + label:before {
  2155.     border-color: #3396d1;
  2156.     border-width: 5px;
  2157. }
  2158. .form-inline .checkbox input[type="checkbox"],
  2159. .form-inline .radio input[type="radio"] {
  2160.     position: absolute;
  2161.     left: 0;
  2162.     bottom: 0;
  2163. }
  2164. /*====| - Touchspin_Input_Type_Number |====*/
  2165. .bootstrap-touchspin .input-group-btn-vertical {
  2166.     position: relative;
  2167.     white-space: nowrap;
  2168.     width: 1%;
  2169.     vertical-align: middle;
  2170.     display: table-cell;
  2171. }
  2172. .bootstrap-touchspin .input-group-btn-vertical > .btn {
  2173.     display: block;
  2174.     float: none;
  2175.     width: 100%;
  2176.     max-width: 100%;
  2177.     padding: 10px 10px 9px;
  2178.     margin-left: -1px;
  2179.     position: relative;
  2180.     border-width: 1px;
  2181.     border-style: solid;
  2182.     border-color: #e1e1e1;
  2183.     background: #FFF;
  2184. }
  2185. .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  2186.     border-radius: 0;
  2187.     border-top-right-radius: 0;
  2188. }
  2189. .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  2190.     margin-top: -2px;
  2191.     border-radius: 0;
  2192.     border-bottom-right-radius: 0;
  2193. }
  2194. .bootstrap-touchspin .input-group-btn-vertical i {
  2195.     position: absolute;
  2196.     top: 4px;
  2197.     left: 5px;
  2198.     font-size: 9px;
  2199.     font-weight: normal;
  2200.     color: #9fa0a1;
  2201. }
  2202. .has-feedback label ~ .form-control-feedback {
  2203.     top: 31px;
  2204. }
  2205. .alignnone {
  2206.     margin: 0;
  2207. }
  2208. .aligncenter,
  2209. div.aligncenter {
  2210.     display: block;
  2211.     margin: 5px auto 15px;
  2212. }
  2213. .alignright {
  2214.     float: right;
  2215.     margin: 5px 0 25px 25px;
  2216. }
  2217. .alignleft {
  2218.     float: left;
  2219.     margin: 5px 25px 25px 0;
  2220. }
  2221. a img.alignright {
  2222.     float: right;
  2223.     margin: 5px 0 25px 25px;
  2224. }
  2225. a img.alignnone {
  2226.     margin: 5px 0 25px 0;
  2227. }
  2228. a img.alignleft {
  2229.     float: left;
  2230.     margin: 5px 25px 25px 0;
  2231. }
  2232. a img.aligncenter {
  2233.     display: block;
  2234.     margin: 5px auto 15px;
  2235. }
  2236. blockquote {
  2237.     padding: 16px 20px 16px 80px;
  2238.     font-size: 18px;
  2239.     font-style: italic;
  2240.     color: #555555;
  2241.     margin: 40px 0;
  2242.     border-left: none;
  2243.     line-height: 30px;
  2244.     position: relative;
  2245.     background: #f6f6f6;
  2246.     clear: both;
  2247.     border-left: 4px solid #EFBB20;
  2248. }
  2249. blockquote p {
  2250.     font-size: 18px;
  2251.     color: #555555;
  2252.     line-height: 30px;
  2253.     margin-bottom: 0px;
  2254. }
  2255. blockquote:before {
  2256.     content: '\f10d';
  2257.     font-family: "FontAwesome";
  2258.     color: #EFBB20;
  2259.     font-size: 35px;
  2260.     position: absolute;
  2261.     left: 20px;
  2262.     top: 20px;
  2263.     font-style: normal;
  2264. }
  2265. .size-auto,
  2266. .size-full,
  2267. .size-large,
  2268. .size-medium,
  2269. .size-thumbnail {
  2270.     max-width: 100%;
  2271.     height: auto;
  2272. }
  2273. /* ======================
  2274.     15. HEADER (top part of page)
  2275. ======================= */
  2276. .daz-header {
  2277.     position: relative;
  2278.     z-index: 99999;
  2279.     background-color: #fff url(/images/background/ironpatern.png);
  2280. }
  2281. .daz-header ul,
  2282. .daz-header ol {
  2283.     margin-bottom: 0;
  2284. }
  2285. .secondary-nav {
  2286.     float: right;
  2287.     padding: 20px 0px 19px 0;
  2288.     position: relative;
  2289.     z-index: 9;
  2290. }
  2291. .secondary-nav .site-button-link{
  2292.     font-size:15px;
  2293. }
  2294. .secondary-nav .secondary-cell {
  2295.     display: inline-block;
  2296.     margin-left: 10px;
  2297. }
  2298. @media only screen and (max-width: 1920px) {
  2299.     .secondary-nav {
  2300.         margin-right: 10px;
  2301.     }
  2302. }
  2303. @media only screen and (max-width: 1080px) {
  2304.     .secondary-nav {
  2305.         margin-right: 10px;
  2306.     }
  2307.    
  2308.    
  2309. }
  2310. @media only screen and (max-width: 767px) {
  2311.     .secondary-nav {
  2312.         margin-right: 15px;
  2313.     }
  2314.    
  2315.    
  2316.    
  2317.    
  2318.  
  2319.    
  2320. }
  2321. @media only screen and (max-width: 480px) {
  2322.     .secondary-nav {
  2323.         margin: 0 1px 0 0;
  2324.         text-align: right;
  2325.     }
  2326.    
  2327.    
  2328. }
  2329. /* ======================
  2330.     16. PAGE TOP BAR (left & right content)
  2331. ======================= */
  2332. .topbar {
  2333.     background-color: #f6f7ff;
  2334.     border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  2335.     color: #161d43;
  2336.     padding: 11px 0;
  2337. }
  2338. .topbar-left {
  2339.     float: left;
  2340. }
  2341. .topbar-right {
  2342.     float: right;
  2343. }
  2344. .topbar-center,
  2345. .topbar-left,
  2346. .topbar-right {
  2347.     padding-left: 15px;
  2348.     padding-right: 15px;
  2349. }
  2350. .topbar-left ul,
  2351. .topbar-right ul{
  2352.     list-style:none;
  2353.     margin:0;
  2354.     padding:0;
  2355. }
  2356. .topbar-left ul li,
  2357. .topbar-right ul li{
  2358.     display:inline-block;
  2359. }
  2360. .topbar-left ul li{
  2361.     padding-right:15px;
  2362. }
  2363. .topbar-left ul li a,
  2364. .topbar-right ul li a{
  2365.     color:#444444;
  2366. }
  2367. .topbar-left ul li a.site-button,
  2368. .topbar-right ul li a.site-button{
  2369.     color:#fff;
  2370. }
  2371. .topbar-social li a{
  2372.     padding: 0 6px;
  2373. }
  2374. @media only screen and (max-width: 991px) {
  2375.     .topbar-right {
  2376.         padding-left: 0;
  2377.         padding-right: 15px;
  2378.     }
  2379.     .topbar-left{
  2380.         padding-left: 15px;
  2381.         padding-right: 0;
  2382.     }
  2383. }
  2384. @media only screen and (max-width: 767px) {
  2385.     .topbar {
  2386.         padding:5px 0;
  2387.     }
  2388.     .topbar-center,
  2389.     .topbar-left,
  2390.     .topbar-right {
  2391.         display:block;
  2392.         width:100%;
  2393.         text-align:center;
  2394.         padding:3px 15px;
  2395.         padding-left: 15px;
  2396.         padding-right: 15px;
  2397.     }
  2398.     .topbar-left ul li{
  2399.         padding:0 5px;
  2400.     }
  2401. }
  2402. /* ======================
  2403.     17. LOGO ( company identify  symbol )
  2404.         - Logo_For_Header
  2405.         - When_Header_Is_Sticky
  2406. ======================= */
  2407. /*====| - Logo_For_Header |====*/
  2408. .daz-logo {
  2409.     display: table;
  2410.     float: left;
  2411.     vertical-align: middle;
  2412.     padding: 0;
  2413.     color: #EFBB20;
  2414.     margin-top: 0;
  2415.     margin-bottom: 0;
  2416.     margin-left: 0;
  2417.     margin-right: 0;
  2418.     width: 160px;
  2419.     height: 70px;
  2420.     position: relative;  /*try chnage to sticky logo*/
  2421.     z-index: 9;
  2422.     transition:all 0.5s;
  2423.     -moz-transition:all 0.5s;
  2424.     -webkit-transition:all 0.5s;
  2425.     -o-transition:all 0.5s;
  2426. }
  2427. .logo-footer {
  2428.     display: table;
  2429.     vertical-align: middle;
  2430.     padding: 0;
  2431.     color: #EFBB20;
  2432.     margin-top: 15px;
  2433.     margin-bottom: 15px;
  2434.     margin-left: 0;
  2435.     margin-right: 0;
  2436.     max-width: 100%;
  2437.     height: 60px;
  2438. }
  2439. .daz-logo > a,
  2440. .logo-footer > a{
  2441.     display: table-cell;
  2442.     vertical-align: middle;
  2443. }
  2444. .daz-logo img,
  2445. .logo-footer img {
  2446.     height: auto;
  2447.     width: auto;
  2448.     max-width: 130px;
  2449. }
  2450. .daz-logo span,
  2451. .logo-footer span {
  2452.     font-size: 20px;
  2453.     color: #EFBB20;
  2454.     letter-spacing: 20px;
  2455. }
  2456. /*====| - When_Header_Is_Sticky |====*/
  2457. .is-fixed .daz-logo{
  2458.     height: 70px;
  2459.     width: 130px;
  2460.     transition:all 0.5s;
  2461.     -webkit-transition:all 0.5s;
  2462.     -moz-transition:all 0.5s;
  2463.     -o-transition:all 0.5s;
  2464. }
  2465. @media only screen and (max-width: 1280px) {
  2466.     .daz-logo{
  2467.         width: 130px;
  2468.     }
  2469.     .daz-logo img{
  2470.         max-width: 130px;
  2471.     }
  2472. }
  2473. @media only screen and (max-width: 767px) {
  2474.     .daz-logo,
  2475.     .is-fixed .daz-logo{
  2476.         width: 120px    ;
  2477.         max-width: 120px;
  2478.         height:50px;
  2479.     }
  2480.     .daz-logo img,
  2481.     .logo-footer img {
  2482.         max-width: 120px;
  2483.     }
  2484.     .is-fixed .daz-logo a img{
  2485.         vertical-align: sub;
  2486.     }
  2487.     .daz-header .navbar-toggler,
  2488.     .daz-header .is-fixed .navbar-toggler{
  2489.          margin: 18px 0 14px 10px;
  2490.     }
  2491.     .daz-header .secondary-nav,
  2492.     .daz-header .is-fixed .secondary-nav{
  2493.         padding: 11px 0;
  2494.     }
  2495.     .topbar{
  2496.         display:none;
  2497.     }
  2498. }
  2499. /* ======================
  2500.     18. NAVIGATIONS
  2501.         - Header_Nav
  2502.         - Mega_Menu
  2503.         - Header_Sticky
  2504.         - BG_Header
  2505.         - Header_Transparent
  2506.         - Nav_Close_Icon
  2507.         - Search_Style
  2508.         - Mobile_Side_Nav
  2509. ======================= */
  2510. /*====| - Header_Nav |====*/
  2511. .main-bar {
  2512.     background: #FFFFFF;
  2513.     width: 100%;
  2514.     position: relative;
  2515. }
  2516. .navbar-toggler {
  2517.     border: 0;
  2518.     font-size: 16px;
  2519.     line-height: 24px;
  2520.     margin:27px 0 20px 10px;
  2521.     padding: 0;
  2522.     float: right;
  2523. }
  2524. .navbar-toggler span {
  2525.     background: #666;
  2526. }
  2527. .is-fixed .navbar-toggler {
  2528.     margin:28px 0 20px 10px;
  2529. }
  2530. .daz-header .main-bar .container{
  2531.     position: relative;
  2532. }
  2533. .header-nav {
  2534.     padding: 0;
  2535. }
  2536. .header-nav .nav {
  2537.     float: right;
  2538. }
  2539. .header-nav .nav i {
  2540.     font-size: 9px;
  2541.     margin-left: 3px;
  2542.     margin-top: -3px;
  2543.     vertical-align: middle;
  2544. }
  2545. .header-nav .nav > li {
  2546.     margin: 0px;
  2547.     font-weight: 400;
  2548.     position: relative;
  2549. }
  2550. .header-nav .nav > li > a {
  2551.     border-radius: 0px;
  2552.     color: #2d3035;
  2553.     font-size: 15px;
  2554.     padding:24px 10px 23px 10px;
  2555.     cursor: pointer;
  2556.     font-weight: 600;
  2557.     display: block;
  2558.     position: relative;
  2559. }
  2560. .header-nav .nav > li ul li > a {
  2561.     border-left:3px solid rgba(0,0,0,0);
  2562. }
  2563. .header-nav .nav > li ul li:hover > a {
  2564.     border-left:3px solid #273272;
  2565. }
  2566. .header-nav .nav > li > a.nav-link{
  2567.     padding-left:12px;
  2568.     padding-right:12px;
  2569. }
  2570. .header-nav .nav > li > a:hover {
  2571.     background-color: transparent;
  2572.     color: #efbb20;
  2573. }
  2574. .header-nav .nav > li > a:active,
  2575. .header-nav .nav > li > a:focus {
  2576.     background-color: transparent;
  2577. }
  2578. .header-nav .nav > li.active > a{
  2579.     background-color: transparent;
  2580.     color: #EFBB20;
  2581. }
  2582. .header-nav .nav > li:hover > a {
  2583.     color: #EFBB20;
  2584. }
  2585. .header-nav .nav > li:hover > .sub-menu,
  2586. .header-nav .nav > li:hover > .mega-menu {
  2587.     opacity: 1;
  2588.     visibility: visible;
  2589.     margin-top: 0;
  2590.     -webkit-transition: all 0.5s ease;
  2591.     -moz-transition: all 0.5s ease;
  2592.     -ms-transition: all 0.5s ease;
  2593.     -o-transition: all 0.5s ease;
  2594.     transition: all 0.5s ease;
  2595. }
  2596. .header-nav .nav > li > .sub-menu,
  2597. .header-nav .nav > li > .mega-menu {
  2598.     box-shadow:0 20px 40px rgba(0, 0, 0, 0.05);
  2599. }
  2600. .header-nav .nav > li .sub-menu {
  2601.     background-color: #ffffff;
  2602.     border: 0px solid #f4f4f4;
  2603.     display: block;
  2604.     left: 0;
  2605.     list-style: none;
  2606.     opacity: 0;
  2607.     padding: 10px 0;
  2608.     position: absolute;
  2609.     visibility: hidden;
  2610.     width: 220px;
  2611.     z-index: 10;
  2612. }
  2613. .header-nav .nav > li .sub-menu li {
  2614.     border-bottom: 0px solid #f4f4f4;
  2615.     position: relative;
  2616. }
  2617. .header-nav .nav > li .sub-menu li a {
  2618.     color: #505050;
  2619.     display: block;
  2620.     font-size: 15px;
  2621.     padding: 8px 20px;
  2622.     text-transform: capitalize;
  2623.     transition: all 0.15s linear;
  2624.     -webkit-transition: all 0.15s linear;
  2625.     -moz-transition: all 0.15s linear;
  2626.     -o-transition: all 0.15s linear;
  2627.     font-weight: 500;
  2628.     font-family: "Roboto",sans-serif;
  2629. }
  2630. .header-nav .nav > li .sub-menu li a:hover {
  2631.     background-color:rgba(39,50,114,0.05);
  2632.     color: #EFBB20;
  2633.     text-decoration: none;
  2634. }
  2635. .header-nav .nav > li .sub-menu li:hover > a {
  2636.     color: #EFBB20;
  2637. }
  2638. .header-nav .nav > li .sub-menu li:last-child {
  2639.     border-bottom: 0px;
  2640. }
  2641. .header-nav .nav > li .sub-menu li > .sub-menu.left,
  2642. .header-nav .nav > li .sub-menu li:hover .sub-menu.left {
  2643.     left: auto;
  2644.     right: 220px;
  2645. }
  2646. .header-nav .nav > li .sub-menu li .fa {
  2647.     color: inherit;
  2648.     display: block;
  2649.     float: right;
  2650.     font-size: 15px;
  2651.     position: absolute;
  2652.     right: 15px;
  2653.     top: 12px;
  2654.     opacity: 1;
  2655. }
  2656. .header-nav .nav > li .sub-menu li .fa.fa-nav {
  2657.     color: inherit;
  2658.     display: inline-block;
  2659.     float: none;
  2660.     font-size: 13px;
  2661.     margin-right: 5px;
  2662.     opacity: 1;
  2663.     position: unset;
  2664.     right: 10px;
  2665.     top: 12px;
  2666. }
  2667. .header-nav .nav > li .sub-menu li > .sub-menu {
  2668.     left: 220px;
  2669.     -webkit-transition: all 0.5s ease;
  2670.     -moz-transition: all 0.5s ease;
  2671.     -ms-transition: all 0.5s ease;
  2672.     -o-transition: all 0.5s ease;
  2673.     transition: all 0.5s ease;
  2674. }
  2675. .header-nav .nav > li .sub-menu li:hover > .sub-menu {
  2676.     left: 220px;
  2677.     margin: 0px;
  2678.     opacity: 1;
  2679.     top: -1px;
  2680.     visibility: visible;
  2681. }
  2682. .header-nav .nav > li .sub-menu li:hover > .sub-menu:before {
  2683.     background-color: transparent;
  2684.     bottom: 0px;
  2685.     content: '';
  2686.     display: block;
  2687.     height: 100%;
  2688.     left: -6px;
  2689.     position: absolute;
  2690.     top: 0px;
  2691.     width: 6px;
  2692. }
  2693. /*====| - Mega_Menu |====*/
  2694. .header-nav .nav > li.has-mega-menu {
  2695.     position: inherit;
  2696. }
  2697. .header-nav .nav > li .mega-menu {
  2698.     background-color: #ffffff;
  2699.     border: 1px solid #f8f8f8;
  2700.     display: table;
  2701.     left: 0px;
  2702.     list-style: none;
  2703.     opacity: 0;
  2704.     position: absolute;
  2705.     right: 0px;
  2706.     visibility: hidden;
  2707.     width: 100%;
  2708.     font-family: Montserrat;
  2709.     margin-top: 20px;
  2710.     z-index: 9;
  2711. }
  2712. .header-nav .nav > li .mega-menu > li {
  2713.     display: table-cell;
  2714.     padding: 30px 0 25px;
  2715.     position: relative;
  2716.     vertical-align: top;
  2717.     width: 25%;
  2718. }
  2719. .header-nav .nav > li .mega-menu > li:after {
  2720.     content: "";
  2721.     background-color: rgba(0, 0, 0, 0.02);
  2722.     position: absolute;
  2723.     right: 0px;
  2724.     top: 0px;
  2725.     display: block;
  2726.     width: 1px;
  2727.     height: 100%;
  2728. }
  2729. .header-nav .nav > li .mega-menu > li:last-child:after {
  2730.     display: none;
  2731. }
  2732. .header-nav .nav > li .mega-menu > li > a {
  2733.     color: #000;
  2734.     display: block;
  2735.     font-size: 14px;
  2736.     padding: 0 20px;
  2737.     font-size: 13px;
  2738.     font-weight: 600;
  2739. }
  2740. .header-nav .nav > li .mega-menu > li ul {
  2741.     list-style: none;
  2742.     margin: 10px 0px 0px 0px;
  2743.     padding: 0px;
  2744.     width: 100%;
  2745. }
  2746. .header-nav .nav > li .mega-menu > li ul a {
  2747.     color: #505050;
  2748.     display: block;
  2749.     font-size: 13px;
  2750.     line-height: 34px;
  2751.     text-transform: capitalize;
  2752.     padding: 0 20px;
  2753.     font-weight: 500;
  2754. }
  2755. .header-nav .nav > li .mega-menu > li ul a:hover {
  2756.     color: #EFBB20;
  2757. }
  2758. .header-nav .nav .mega-menu a i {
  2759.     font-size: 14px;
  2760.     margin-right: 5px;
  2761.     text-align: center;
  2762.     width: 15px;
  2763. }
  2764. @media only screen and (max-width: 991px) {
  2765.     .header-nav .nav > li .mega-menu{
  2766.         border:0;
  2767.     }
  2768.     .header-nav .nav > li .mega-menu > li{
  2769.         padding:10px 0;
  2770.     }
  2771.     .header-nav .nav > li .sub-menu,
  2772.     .header-nav .nav > li .mega-menu {
  2773.         border-radius:0;
  2774.     }
  2775.     header .logo {
  2776.         display: block;
  2777.         padding: 4px 0;
  2778.     }
  2779.     .header-nav .nav > li > a {
  2780.         position: relative;
  2781.     }
  2782.     .header-nav .nav i {
  2783.         margin-top: 6px;
  2784.         float: right;
  2785.     }
  2786.     .header-nav {
  2787.         clear: both;
  2788.         margin: 0 -15px;
  2789.         border-bottom: 1px solid #E9E9E9;
  2790.     }
  2791.     .header-nav .nav {
  2792.         float: none;
  2793.         margin: 0;
  2794.         background: #fff;
  2795.         width:100%;
  2796.         display: block;
  2797.     }
  2798.     .header-nav .nav li {
  2799.         float: none;
  2800.         display:block;
  2801.         width:100%;
  2802.     }
  2803.     .header-nav .nav > li .sub-menu > li,
  2804.     .header-nav .nav > li .mega-menu > li {
  2805.         float: none;
  2806.         display: block;
  2807.         width: auto;
  2808.     }
  2809.     .header-nav .nav > li > a {
  2810.         padding: 10px 15px;
  2811.         border-top: 1px solid #E9E9E9;
  2812.         display:block;
  2813.     }
  2814.     .header-nav .nav > li > a:hover,
  2815.     .header-nav .nav > li > a:active,
  2816.     .header-nav .nav > li > a:focus {
  2817.         background-color: #f0f0f0;
  2818.         text-decoration: none;
  2819.     }
  2820.     .header-nav .nav > li .mega-menu > li:after {
  2821.         display: none;
  2822.     }
  2823.     .header-nav .nav > li ul,
  2824.     .header-nav .nav > li .sub-menu,
  2825.     .header-nav .nav > li .mega-menu {
  2826.         display: none;
  2827.         position: static;
  2828.         visibility: visible;
  2829.         width: auto;
  2830.         background: #f6f6f6;
  2831.     }
  2832.     .header-nav .nav > li ul.mega-menu ul {
  2833.         display: none;
  2834.     }
  2835.     .header-nav .nav > li:hover > ul,
  2836.     .header-nav .nav > li:hover .sub-menu,
  2837.     .header-nav .nav > li:hover .mega-menu,
  2838.     .header-nav .nav > li .sub-menu li > .sub-menu {
  2839.         opacity: 1;
  2840.         visibility: visible;
  2841.         display: block;
  2842.         margin: 0;
  2843.     }
  2844.     .header-nav .nav > li ul.mega-menu li:hover ul {
  2845.         display: block;
  2846.     }
  2847.     .side-nav .nav.navbar-nav li a i.fa-chevron-down:before,
  2848.     .nav.navbar-nav li a i.fa-chevron-down:before {
  2849.         content:"\f078";
  2850.     }
  2851.     .side-nav .nav.navbar-nav li.open a i.fa-chevron-down:before,
  2852.     .nav.navbar-nav li.open a i.fa-chevron-down:before {
  2853.         content:"\f054";
  2854.     }
  2855.     .side-nav .nav.navbar-nav li a i.fa-chevron-down,
  2856.     .nav.navbar-nav li a i.fa-chevron-down,
  2857.     .nav.navbar-nav li a i.fa-angle-right {
  2858.         background-color: rgba(0, 0, 0, 0.2);
  2859.         color: #ffffff;
  2860.         height: 100%;
  2861.         line-height: 40px;
  2862.         position: absolute;
  2863.         right: 0;
  2864.         text-align: center;
  2865.         top: -6px;
  2866.         width: 40px;
  2867.         z-index: 3;
  2868.     }
  2869.     .header-nav .nav > li .sub-menu li i.fa-angle-right:before{
  2870.         content: "\f078";
  2871.         font-size: 10px;
  2872.     }
  2873.     .header-nav .nav > li .sub-menu li.open i.fa-angle-right:before{
  2874.         content: "\f054";
  2875.     }
  2876.     .header-nav .nav > li .sub-menu .sub-menu,
  2877.     .header-nav .nav > li:hover .sub-menu .sub-menu,
  2878.     .header-nav .nav > li:hover .sub-menu,
  2879.     .header-nav .nav > li:hover .mega-menu {
  2880.         display: none;
  2881.         opacity: 1;
  2882.         margin-top: 0;
  2883.     }
  2884.     .header-nav .nav li .sub-menu .sub-menu{
  2885.         display: none;
  2886.         opacity: 1;
  2887.         margin-top: 0;
  2888.     }
  2889.     .header-nav .nav > li.open > .sub-menu .sub-menu{
  2890.         display: none;
  2891.     }
  2892.     .header-nav .nav > li.open > .sub-menu li.open .sub-menu,
  2893.     .header-nav .nav > li.open > .mega-menu,
  2894.     .header-nav .nav > li.open > .sub-menu,
  2895.     .header-nav .nav > li ul.mega-menu ul{
  2896.         display: block;
  2897.         opacity: 1;
  2898.         margin-top: 0;
  2899.     }
  2900.     .header-nav .nav > li .sub-menu li .fa{
  2901.         top: 50%;
  2902.         transform: translateY(-50%);
  2903.         -webkit-transform: translateY(-50%);
  2904.         -o-transform: translateY(-50%);
  2905.         -moz-transform: translateY(-50%);
  2906.         -ms-transform: translateY(-50%);
  2907.         margin: 0;
  2908.         right: -1px;
  2909.         color:#fff;
  2910.     }
  2911.     .header-nav .nav > li .mega-menu > li{
  2912.         padding:0;
  2913.     }
  2914.     .header-nav .nav > li .mega-menu > li > a{
  2915.         display:none;
  2916.     }
  2917.     .header-nav .nav .mega-menu a i{
  2918.         display:inline-block;
  2919.         float:none;
  2920.         margin-top: 0;
  2921.     }
  2922.     .header-nav .nav .open > a,
  2923.     .header-nav .nav .open > a:focus,
  2924.     .header-nav .nav .open > a:hover {
  2925.         background-color: inherit;
  2926.         border-color: #e9e9e9;
  2927.     }
  2928. }
  2929. /*====| - Header_Sticky |====*/
  2930. .sticky-no .main-bar {
  2931.     position: static !important;
  2932. }
  2933. .is-fixed .main-bar {
  2934.     position: fixed;
  2935.     top: 0;
  2936.     left: 0;
  2937.     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  2938. }
  2939. .is-fixed .header-nav .nav > li > a {
  2940.     padding: 24px 10px 23px 10px;
  2941. }
  2942. .is-fixed .secondary-nav {
  2943.     padding: 20px 0 19px 0;
  2944. }
  2945. @media only screen and (max-width: 1280px) {
  2946.     .is-fixed .header-nav .nav > li > a {
  2947.         padding: 24px 8px;
  2948.     }
  2949. }
  2950. @media only screen and (max-width: 991px) {
  2951.     .is-fixed .header-nav .nav > li > a {
  2952.         padding: 12px 15px;
  2953.     }
  2954. }
  2955. @media only screen and (max-width: 767px) {
  2956.     .is-fixed .header-nav .nav {
  2957.         overflow: auto;
  2958.         height: 225px;
  2959.     }
  2960.     .is-fixed .header-nav .nav > li > a {
  2961.         padding: 12px 15px;
  2962.     }
  2963. }
  2964. /*====| - BG_Header |====*/
  2965. [class*="bg-"] .header-nav .nav > li > a {
  2966.     color: #fff;
  2967. }
  2968. [class*="bg-"] .header-nav .nav > li.active > a,
  2969. [class*="bg-"] .header-nav .nav > li.current-menu-item > a {
  2970.     color: #fff;
  2971. }
  2972. [class*="bg-"] .header-nav .nav > li > a:hover,
  2973. [class*="bg-"] .header-nav .nav > li:hover > a {
  2974.     color: #fff;
  2975. }
  2976. [class*="bg-"] .navbar-toggler {
  2977.     border-color: #fff;
  2978. }
  2979. [class*="bg-"] .navbar-toggler span {
  2980.     background-color: #fff;
  2981. }
  2982. @media only screen and (max-width: 991px) {
  2983.     [class*="bg-"] .header-nav .nav > li > a {
  2984.         color: #555;
  2985.     }
  2986. }
  2987. /*====| - Header_Transparent |====*/
  2988. .header-transparent{
  2989.     position:absolute;
  2990.     width:100%;
  2991. }
  2992. .header-transparent .main-bar{
  2993.     background-color:rgba(0,0,0,0);
  2994.     border-bottom: 1px solid rgba(255,255,255,0.05);
  2995. }
  2996. .header-transparent .header-nav .nav > li > a,
  2997. .header-transparent .header-nav .nav > li:hover > a,
  2998. .header-transparent .header-nav .nav > li.active > a{
  2999.     color:#fff;
  3000. }
  3001. .header-transparent .header-nav .nav > li > a,
  3002. .header-transparent .secondary-nav .site-button-link,
  3003. .header-transparent .navbar-toggler {
  3004.     color: #fff;
  3005. }
  3006. .header-transparent .navbar-toggler span{
  3007.     background-color: #fff;
  3008. }
  3009. .header-transparent .is-fixed .main-bar{
  3010.     position:fixed;
  3011.     background-color:rgba(0,0,0,0.9);
  3012. }
  3013. .header-transparent .topbar{
  3014.     background-color: rgba(0,0,0,0);
  3015.     border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  3016.     color: #dfdfdf;
  3017. }
  3018. @media only screen and (max-width: 991px) {
  3019.     .header-transparent .header-nav .nav > li > a{
  3020.         color:#000;
  3021.     }
  3022. }
  3023. /*====| - Nav_Close_Icon |====*/
  3024. .menuicon{
  3025.   width: 20px;
  3026.   height: 18px;
  3027.   position: relative;
  3028.   -webkit-transform: rotate(0deg);
  3029.   -moz-transform: rotate(0deg);
  3030.   -o-transform: rotate(0deg);
  3031.   transform: rotate(0deg);
  3032.   -webkit-transition: .5s ease-in-out;
  3033.   -moz-transition: .5s ease-in-out;
  3034.   -o-transition: .5s ease-in-out;
  3035.   transition: .5s ease-in-out;
  3036.   cursor: pointer;
  3037. }
  3038. .menuicon span{
  3039.   display: block;
  3040.   position: absolute;
  3041.   height: 2px;
  3042.   width: 100%;
  3043.   border-radius: 1px;
  3044.   opacity: 1;
  3045.   left: 0;
  3046.   -webkit-transform: rotate(0deg);
  3047.   -moz-transform: rotate(0deg);
  3048.   -o-transform: rotate(0deg);
  3049.   transform: rotate(0deg);
  3050.   -webkit-transition: .25s ease-in-out;
  3051.   -moz-transition: .25s ease-in-out;
  3052.   -o-transition: .25s ease-in-out;
  3053.   transition: .25s ease-in-out;
  3054. }
  3055. .menuicon span:nth-child(1) {
  3056.   top: 0px;
  3057. }
  3058.  
  3059. .menuicon span:nth-child(2) {
  3060.   top: 7px;
  3061. }
  3062. .menuicon span:nth-child(3) {
  3063.   top: 14px;
  3064. }
  3065. .menuicon.open span:nth-child(1) {
  3066.   top: 7px;
  3067.   -webkit-transform: rotate(135deg);
  3068.   -moz-transform: rotate(135deg);
  3069.   -o-transform: rotate(135deg);
  3070.   transform: rotate(135deg);
  3071. }
  3072. .menuicon.open span:nth-child(2) {
  3073.   opacity: 0;
  3074.   left: -60px;
  3075. }
  3076. .menuicon.open span:nth-child(3) {
  3077.   top: 7px;
  3078.   -webkit-transform: rotate(-135deg);
  3079.   -moz-transform: rotate(-135deg);
  3080.   -o-transform: rotate(-135deg);
  3081.   transform: rotate(-135deg);
  3082. }
  3083. /*====| - Search_Style |====*/
  3084. .daz-search {
  3085.     background-color: rgba(0,0,0,0.9) !important;
  3086.     position: fixed;
  3087.     left: 0;
  3088.     top: 0;
  3089.     width: 100%;
  3090.     height:100%;
  3091.     z-index: 999;
  3092.     display: none;
  3093.     overflow: hidden;
  3094. }
  3095. .daz-search.On form {
  3096.     transition:all 0.5s ease 0.5s;
  3097.     -moz-transition:all 0.5s ease 0.5s;
  3098.     -webkit-transition:all 0.5s ease 0.5s;
  3099.     max-width: 1200px;
  3100.     opacity:1;
  3101. }
  3102. .daz-search form {
  3103.     width: 100%;
  3104.     max-width: 100px;
  3105.     margin: auto;
  3106.     position: relative;
  3107.     top: 50%;
  3108.     transition:all 0.5s;
  3109.     transition:all 0.5s;
  3110.     -webkit-transition:all 0.5s;
  3111.     -moz-transform: translate(0px, -50%);
  3112.     -moz-transform: translate(0px, -50%);
  3113.     -o-transform: translate(0px, -50%);
  3114.     -webkit-transform: translate(0px, -50%);
  3115.     opacity:0;
  3116. }
  3117. .daz-search .form-control {
  3118.     padding: 15px 60px 15px 15px;
  3119.     width: 100%;
  3120.     height: 90px;
  3121.     border: none;
  3122.     background: none;
  3123.     color: #fff;
  3124.     font-size: 20px;
  3125.     border-bottom:2px solid rgba(255,255,255,0.2);
  3126. }
  3127. .daz-search .form-control::-moz-placeholder {
  3128.     color: #fff;
  3129. }
  3130. .daz-search .form-control:-moz-placeholder {
  3131.     color: #fff;
  3132. }
  3133. .daz-search .form-control:-ms-input-placeholder {
  3134.     color: #fff;
  3135. }
  3136. .daz-search .form-control::-webkit-input-placeholder {
  3137.     color: #fff;
  3138. }
  3139. .daz-search span {
  3140.     position: absolute;
  3141.     right: 15px;
  3142.     top: 50%;
  3143.     margin: -15px 0;
  3144.     height: 25px;
  3145.     font-size: 20px;
  3146.     cursor: pointer;
  3147. }
  3148. .daz-search.search-style-1{
  3149.     position:absolute;
  3150.     width: 100%;
  3151.     background-color: #fff !important;
  3152.     color: #000;
  3153. }
  3154. .daz-search.search-style-1 .form-control,
  3155. .daz-search.search-style-1 .form-control::placeholder,
  3156. .daz-search.search-style-1 .form-control::-moz-placeholder{
  3157.     color:#000;
  3158. }
  3159. .daz-search.search-style-2{
  3160.     position:absolute;
  3161.     width: 50px;
  3162.     background-color: #fff !important;
  3163.     color: #000;
  3164.     height: 50px;
  3165.     right:0;
  3166.     top:100%;
  3167.     left:auto;
  3168.     transition:all 0.5s;
  3169.     opacity:0;
  3170. }
  3171. .daz-search.search-style-2.On{
  3172.     width: 300px;
  3173.     transition:all 0.5s;
  3174.     opacity:1;
  3175.     top:100%;
  3176.     box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
  3177.     transition:all 0.5s;
  3178. }
  3179. .daz-search.search-style-2 .form-control,
  3180. .daz-search.search-style-2 .form-control::placeholder,
  3181. .daz-search.search-style-2 .form-control::-moz-placeholder{
  3182.     color:#000;
  3183.     font-size:14px;
  3184.     height: 50px;
  3185. }
  3186. .daz-search.search-style-2  span{
  3187.     font-size: 14px;
  3188.     margin: -12px 0;
  3189. }
  3190. /*====| - Mobile_Side_Nav |====*/
  3191. @media screen and (max-width: 991px){
  3192.     .mobile-nav .header-nav.nav-dark{
  3193.         background-color:#202020;
  3194.     }
  3195.     .mobile-nav .header-nav{
  3196.         overflow:hidden;
  3197.         position: fixed;
  3198.         width: 60px;
  3199.         left:-280px;
  3200.         height:100% !important;
  3201.         transition:all 0.5s;
  3202.     -webkit-transition:all 0.5s;
  3203.     -moz-transition:all 0.5s;
  3204.     -o-transition:all 0.5s;
  3205.         top:0;
  3206.         background-color: #fff url(/images/background/ironpatern.png);
  3207.         margin:0;
  3208.         z-index:99;
  3209.     }
  3210.     .mobile-nav .header-nav li.open a{
  3211.         position:relative;
  3212.     }
  3213.     .navbar-nav{
  3214.         overflow-x:scroll;
  3215.         height:100%;
  3216.     }
  3217.     .mobile-nav .header-nav.show {
  3218.         left: -1px;
  3219.         transition:all 0.8s;
  3220.         -webkit-transition:all 0.8s;
  3221.         -moz-transition:all 0.8s;
  3222.         -o-transition:all 0.8s;
  3223.         margin:0;
  3224.         width: 280px;
  3225.     }
  3226.     .mobile-nav .is-fixed .header-nav .nav{
  3227.         height:100%;
  3228.     }
  3229.     .mobile-nav .navbar-toggler.open:after{
  3230.         background-color: rgba(0, 0, 0, 0.6);
  3231.         content: "";
  3232.         height: 100%;
  3233.         left: 0;
  3234.         position: fixed;
  3235.         right: 0;
  3236.         top: 0;
  3237.         transform: scale(100);
  3238.         -o-transform: scale(100);
  3239.         -moz-transform: scale(100);
  3240.         -webkit-transform: scale(100);
  3241.         width: 100%;
  3242.         z-index: -1;
  3243.         transition:all 0.5s;
  3244.     }
  3245.     .mobile-nav .header-nav .daz-logo {
  3246.         display: block;
  3247.         float: none;
  3248.         height: auto;
  3249.         max-width: 100%;
  3250.         padding: 15px;
  3251.         width: 100%;
  3252.     }
  3253.     .mobile-nav .header-nav .daz-logo a{
  3254.         text-align:center;
  3255.         display:block;
  3256.     }
  3257.     .mobile-nav .header-nav .daz-logo img{
  3258.         display:hidden;
  3259.         width: 0em;
  3260.     }
  3261.     .mobile-nav .navbar-toggler.open span{
  3262.         background:#fff;
  3263.     }
  3264.  
  3265.  
  3266. }
  3267. /* Nav Style 1 */
  3268. .navs1 .header-nav .nav > li.active > a,
  3269. .navs1 .header-nav .nav > li:hover > a{
  3270.     background-color:#273272;
  3271.     color:#fff;
  3272. }
  3273. .navs1 .header-nav .nav > li .sub-menu,
  3274. .navs1 .header-nav .nav > li .mega-menu{
  3275.     background-color:#273272;
  3276.     border:1px solid rgba(0,0,0,0.02);
  3277. }
  3278. .navs1 .header-nav .nav > li .mega-menu > li > a{
  3279.     color:#fff;
  3280. }
  3281. .navs1 .header-nav .nav > li .mega-menu > li ul a,
  3282. .navs1 .header-nav .nav > li .sub-menu li a{
  3283.     color:rgba(255,255,255,0.9);
  3284. }
  3285. .navs1 .header-nav .nav > li .mega-menu > li ul a:hover,
  3286. .navs1 .header-nav .nav > li .sub-menu li:hover > a{
  3287.     background-color:rgba(0,0,0,0.1);
  3288.     color:#fff;
  3289. }
  3290. @media only screen and (max-width: 991px) {
  3291.     .navs1 .header-nav .nav > li ul,
  3292.     .navs1 .header-nav .nav > li .sub-menu,
  3293.     .navs1 .header-nav .nav > li .mega-menu{
  3294.         background-color:#273272;
  3295.     }
  3296. }
  3297. /* Navs 2 */
  3298. .navs2 .header-nav .nav > li > a:after {
  3299.     position: absolute;
  3300.     top: 100%;
  3301.     left: 0;
  3302.     width: 100%;
  3303.     height: 4px;
  3304.     background: #273272;
  3305.     content: '';
  3306.     opacity: 0;
  3307.     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  3308.     -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  3309.     transition: opacity 0.3s, transform 0.3s;
  3310.     -webkit-transform: translateY(10px);
  3311.     -moz-transform: translateY(10px);
  3312.     transform: translateY(10px);
  3313. }
  3314.  
  3315. .navs2 .header-nav .nav > li:hover > a:after,
  3316. .navs2 .header-nav .nav > li.active > a:after{
  3317.     opacity: 1;
  3318.     -webkit-transform: translateY(-4px);
  3319.     -moz-transform: translateY(-4px);
  3320.     transform: translateY(-4px);
  3321. }
  3322. /* ======================
  3323.     19. BANNER
  3324.         - Inner_Page_Banner
  3325.         - Banner_Contant
  3326.         - Banner_Breadcrumb
  3327. ======================= */
  3328. /*====| - Inner_Page_Banner |====*/
  3329. .bnr-inr.bnr-inr-lg {
  3330.     height: 800px;
  3331. }
  3332. .bnr-inr.bnr-inr-md {
  3333.     height: 600px;
  3334. }
  3335. .bnr-inr.bnr-inr-sm {
  3336.     height: 450px;
  3337. }
  3338. .bnr-inr {
  3339.     height: 220px;
  3340.     background-size: cover;
  3341.     background-position: center center;
  3342.     display: table;
  3343.     width: 100%;
  3344.     text-align:left;
  3345.     padding-bottom: 20px;
  3346. }
  3347. .bnr-inr .container {
  3348.     display: table;
  3349.     height: 100%;
  3350. }
  3351. .bnr-inr-entry {
  3352.     display: table-cell;
  3353.     vertical-align: middle;
  3354. }
  3355. .bnr-inr-entry.align-m {
  3356.     vertical-align: middle;
  3357. }
  3358. .banner-inner-row h1,
  3359. .banner-inner-row h2,
  3360. .banner-inner-row h3,
  3361. .banner-inner-row h4,
  3362. .banner-inner-row h5,
  3363. .banner-inner-row h6 {
  3364.     color: #FFF;
  3365. }
  3366. /*====| - Banner_Contant |====*/
  3367. .bnr-inr.banner-content h1{
  3368.     font-weight: 500;
  3369. }
  3370. .bnr-inr.banner-content p {
  3371.     font-size: 20px;
  3372.     font-weight: 100;
  3373.     letter-spacing: 1px;
  3374.     line-height: 36px;
  3375.     max-width: 750px;
  3376.     display: inline-block;
  3377. }
  3378. .bnr-inr.banner-content .site-button{
  3379.     padding: 13px 35px;
  3380.     font-size: 16px;
  3381. }
  3382. /*====| - Banner_Breadcrumb |====*/
  3383. .bnr-inr .breadcrumb-row{
  3384.     padding:0;
  3385.     background-color:rgba(0,0,0,0);
  3386. }
  3387. .bnr-inr h1 {
  3388.     font-weight:600;
  3389.     font-size:40px;
  3390.     margin-bottom: 10px;
  3391. }
  3392. .bnr-inr .breadcrumb-row.text-white ul li a,
  3393. .bnr-inr .breadcrumb-row.text-white ul li:after,
  3394. .bnr-inr .breadcrumb-row.text-white ul li:last-child{
  3395.     color:#fff;
  3396. }
  3397. .bnr-inr .breadcrumb-row ul li:after,
  3398. .bnr-inr .breadcrumb-row ul li:last-child{
  3399.     color:#000242;
  3400. }
  3401. .bnr-inr .breadcrumb-row ul li a{
  3402.     color:#000242;
  3403. }
  3404. @media only screen and (max-width: 767px) {
  3405.     .bnr-inr-entry{
  3406.         vertical-align: bottom;
  3407.         padding-bottom:15px;
  3408.     }
  3409.     .bnr-inr-entry h1{
  3410.         margin-bottom:10px;
  3411.     }
  3412.     .bnr-inr{
  3413.         padding-bottom: 0;
  3414.     }
  3415.     .bnr-inr .breadcrumb-row ul{
  3416.         display: block;
  3417.         float: none;
  3418.         width: 100%;
  3419.         text-align: center;
  3420.     }
  3421.     .bnr-inr {
  3422.         height: 200px;
  3423.     }
  3424.     .bnr-inr h1{
  3425.         line-height: 24px;
  3426.         font-size: 20px;
  3427.         text-align:center;
  3428.     }
  3429.     .bnr-inr.bnr-inr-sm,
  3430.     .bnr-inr {
  3431.         height: 250px;
  3432.     }
  3433.     .bnr-inr{
  3434.         position:relative;
  3435.     }
  3436.     .bnr-inr .container{
  3437.         z-index:2;
  3438.         position:relative;
  3439.     }
  3440.     .bnr-inr:after{
  3441.         position:absolute;
  3442.         width:100%;
  3443.         height:100%;
  3444.         content:"";
  3445.         background: rgb(255,255,255); /* Old browsers */
  3446.         background: -moz-linear-gradient(top, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
  3447.         background: -webkit-linear-gradient(top, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
  3448.         background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  3449.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
  3450.         top: 0;
  3451.         z-index: 1;
  3452.     }
  3453. }
  3454. /* ======================
  3455.     20. SLIDER 
  3456.         20.1 > RS_Slider
  3457.         20.2 > Owl_Slider
  3458.             - Next_Prev_Btn
  3459.             - Owl_Dots_Button
  3460.             - Owl_Dots_Style_1
  3461.             - Owl_Dots_Style_2
  3462.             - Owl_Button_Top_To_Center
  3463.             - Owl_Button_Top_To_Left
  3464.             - Owl_Button_Top_To_Right
  3465.             - Owl_Button_Top_To_Left_And_Right
  3466.             - Owl_Button_Center_Left_Right
  3467.             - Owl_Button_Style
  3468. ======================= */
  3469. /*====| 20.1 > RS_Slider |====*/
  3470. .tp-caption .fw3 {
  3471.     font-weight: 300;
  3472. }
  3473. .tp-caption .fw4 {
  3474.     font-weight: 400;
  3475. }
  3476. .tp-caption .fw5 {
  3477.     font-weight: 500;
  3478. }
  3479. .tp-caption .fw6 {
  3480.     font-weight: 600;
  3481. }
  3482. .tp-caption .fw7 {
  3483.     font-weight: 700;
  3484. }
  3485. .tp-caption .fw8 {
  3486.     font-weight: 800;
  3487. }
  3488. .tp-caption .fw9 {
  3489.     font-weight: 900;
  3490. }
  3491. .tp-caption h1,
  3492. .tp-caption h2,
  3493. .tp-caption h3,
  3494. .tp-caption h4,
  3495. .tp-caption h5,
  3496. .tp-caption h6 {
  3497.     font-weight: 800;
  3498.     margin-bottom: 24px;
  3499.     color: #FFFFFF;
  3500. }
  3501. .tp-caption h1 {
  3502.     font-size: 70px;
  3503.     line-height: 60px;
  3504. }
  3505. .tp-caption h2 {
  3506.     font-size: 60px;
  3507.     line-height: 50px;
  3508. }
  3509. .tp-caption h3 {
  3510.     font-size: 50px;
  3511.     line-height: 40px;
  3512.     margin-bottom: 20px;
  3513. }
  3514. .tp-caption h4 {
  3515.     font-size: 40px;
  3516.     line-height: 30px;
  3517.     margin-bottom: 15px;
  3518. }
  3519. .tp-caption h5 {
  3520.     font-size: 30px;
  3521.     line-height: 4px;
  3522.     margin-bottom: 10px;
  3523. }
  3524. .tp-caption h6 {
  3525.     font-size: 20px;
  3526.     line-height: 22px;
  3527.     margin-bottom: 10px;
  3528. }
  3529. .tp-caption h4,
  3530. .tp-caption h5,
  3531. .tp-caption h6 {
  3532.     font-weight: 600;
  3533. }
  3534. .tp-caption .text {
  3535.     color: #ffffff;
  3536.     font-size: 20px;
  3537.     line-height: 24px;
  3538.     width: 500px;
  3539. }
  3540. .overlay-row {
  3541.     background: #000 none repeat scroll 0 0;
  3542.     height: 100%;
  3543.     left: 0;
  3544.     opacity: 0.3;
  3545.     position: absolute;
  3546.     top: 0;
  3547.     width: 100%;
  3548.     z-index: 1;
  3549. }
  3550. /*====|
  3551.     20.2 > Owl_Slider
  3552.         - Next_Prev_Btn
  3553.         - Owl_Dots_Button
  3554.         - Owl_Dots_Style_1
  3555.         - Owl_Dots_Style_2
  3556.         - Owl_Button_Top_To_Center
  3557.         - Owl_Button_Top_To_Left
  3558.         - Owl_Button_Top_To_Right
  3559.         - Owl_Button_Top_To_Left_And_Right
  3560.         - Owl_Button_Center_Left_Right
  3561.         - Owl_Button_Style
  3562. |====*/
  3563. /*====| - Next_Prev_Btn |====*/
  3564. .owl-none .owl-nav{
  3565.     display:none;
  3566. }
  3567. .owl-theme .owl-nav,
  3568. .owl-theme .owl-dots {
  3569.     margin-top: 20px;
  3570.     text-align: center;
  3571. }
  3572. .owl-theme .owl-nav .disabled {
  3573.     opacity: .5;
  3574.     cursor: default
  3575. }
  3576. /*====| - Owl_Dots_Button |====*/
  3577. .owl-theme .owl-dots{
  3578.     text-align:center;
  3579. }
  3580. .owl-theme .owl-dots .owl-dot {
  3581.     display: inline-block;
  3582. }
  3583. .owl-theme .owl-dots .owl-dot span {
  3584.     width: 10px;
  3585.     height: 10px;
  3586.     margin: 5px 7px;
  3587.     background: #d6d6d6;
  3588.     display: block;
  3589.     -webkit-backface-visibility: visible;
  3590.     -webkit-transition: opacity 200ms ease;
  3591.     -moz-transition: opacity 200ms ease;
  3592.     -ms-transition: opacity 200ms ease;
  3593.     -o-transition: opacity 200ms ease;
  3594.     transition: opacity 200ms ease;
  3595.     -webkit-border-radius: 30px;
  3596.     -moz-border-radius: 30px;
  3597.     border-radius: 30px
  3598. }
  3599. .owl-theme .owl-dots .owl-dot.active span,
  3600. .owl-theme .owl-dots .owl-dot:hover span {
  3601.     background: #869791
  3602. }
  3603. /*====| - Owl_Dots_Style_1 |====*/
  3604. .owl-theme.dots-style-1 .owl-dots .owl-dot span,
  3605. .owl-theme.dots-style-2 .owl-dots .owl-dot span {
  3606.     background: rgba(0,0,0,0.2);
  3607.     width: 8px;
  3608.     height: 8px;
  3609.     margin: 5px;
  3610. }
  3611. .owl-theme.dots-style-1 .owl-dots .owl-dot.active span,
  3612. .owl-theme.dots-style-1 .owl-dots .owl-dot:hover span {
  3613.     background: #000;
  3614. }
  3615. /*====| - Owl_Dots_Style_1 |====*/
  3616. .owl-theme.dots-style-2 .owl-dots {
  3617.     margin-top: 30px;
  3618.     position: unset;
  3619.     right: auto;
  3620.     text-align: center;
  3621.     top: auto;
  3622.     transform: translateY(-50%);
  3623.     -o-transform: translateY(-50%);
  3624.     -moz-transform: translateY(-50%);
  3625.     -webkit-transform: translateY(-50%);
  3626.     width: auto;
  3627. }
  3628. .owl-theme.dots-style-2 .owl-dots .owl-dot span{
  3629.     height: 8px;
  3630.     width: 8px;
  3631.     margin: 0;
  3632. }
  3633. .owl-theme.dots-style-2 .owl-dots .owl-dot {
  3634.     border: 1px solid;
  3635.     border-radius: 20px;
  3636.     display: inline-block;
  3637.     margin: 4px;
  3638.     padding: 3px;
  3639. }
  3640. .owl-theme.dots-style-2 .owl-dots .owl-dot.active,
  3641. .owl-theme.dots-style-2 .owl-dots .owl-dot:hover{
  3642.     border: 1px solid #FF3B68;
  3643. }
  3644. .owl-theme.dots-style-2 .owl-dots .owl-dot.active span,
  3645. .owl-theme.dots-style-2 .owl-dots .owl-dot:hover span{
  3646.     background-color:#FF3B68;
  3647. }
  3648. .owl-item.dots-style-2 .slide-content-box{
  3649.     opacity:0;
  3650. }
  3651. .owl-item.active.dots-style-2 .slide-content-box{
  3652.     opacity:1;
  3653.     transition:all 2s ease 2s;
  3654.     -moz-transition:all 2s ease 2s;
  3655.     -webkit-transition:all 2s ease 2s;
  3656.     -o-transition:all 2s ease 2s;
  3657. }
  3658. /*====| - Owl_Button_Top_To_Center |====*/
  3659. .owl-btn-top-c .owl-nav {
  3660.     text-align: center;
  3661. }
  3662. /*====| - Owl_Button_Top_To_Left |====*/
  3663. .owl-btn-top-l .owl-nav {
  3664.     text-align: left;
  3665. }
  3666. .owl-btn-top-l .owl-nav .owl-prev {
  3667.     margin-left: 0;
  3668. }
  3669. /*====| - Owl_Button_Top_To_Right |====*/
  3670. .owl-btn-top-r .owl-nav {
  3671.     text-align: right;
  3672. }
  3673. .owl-btn-top-r .owl-nav .owl-next {
  3674.     margin-right: 0;
  3675. }
  3676. /*====| - Owl_Button_Top_To_Left_And_Right |====*/
  3677. .owl-btn-top-lr .owl-nav{
  3678.     text-align: left;
  3679. }
  3680. .owl-btn-top-lr .owl-nav .owl-next {
  3681.     margin-right: 0;
  3682.     float: right;
  3683. }
  3684. .owl-btn-full .owl-prev,
  3685. .owl-btn-full .owl-next{
  3686.     padding: 40px 8px;
  3687. }
  3688. /*====| - Owl_Button_Center_Left_Right |====*/
  3689. .owl-btn-center-lr .owl-nav {
  3690.     margin: 0;
  3691. }
  3692. .owl-btn-center-lr +
  3693. .owl-theme .owl-nav {
  3694.     margin: 0;
  3695. }
  3696. .owl-btn-center-lr .owl-nav .owl-prev,
  3697. .owl-btn-center-lr .owl-nav .owl-next {
  3698.     position: absolute;
  3699.     left: 0;
  3700.     top: 50%;
  3701.     margin: 0;
  3702.     transform: translateY(-50%);
  3703.     -o-transform: translateY(-50%);
  3704.     -moz-transform: translateY(-50%);
  3705.     -webkit-transform: translateY(-50%);
  3706. }
  3707. .owl-btn-center-lr .owl-nav .owl-next {
  3708.     left: auto;
  3709.     right: 0;
  3710. }
  3711. .owl-carousel .owl-item img {
  3712.     transform-style: inherit;
  3713. }
  3714. /*====| - Owl_Button_Style |====*/
  3715. .owl-btn-1 .owl-prev,
  3716. .owl-btn-1 .owl-next,
  3717. .owl-btn-2 .owl-prev,
  3718. .owl-btn-2 .owl-next,
  3719. .owl-btn-3 .owl-prev,
  3720. .owl-btn-3 .owl-next{
  3721.     border-radius: 3px;
  3722.     height: 40px;
  3723.     line-height: 40px;
  3724.     margin: 0 10px !important;
  3725.     padding: 0;
  3726.     text-align: center;
  3727.     width: 40px;
  3728. }
  3729. .owl-btn-2 .owl-prev,
  3730. .owl-btn-2 .owl-next,
  3731. .owl-btn-3 .owl-prev,
  3732. .owl-btn-3 .owl-next{
  3733.     margin: 0 -70px !important;
  3734. }
  3735. .owl-btn-3 .owl-prev,
  3736. .owl-btn-3 .owl-next {
  3737.     background-color: rgba(0, 0, 0, 0);
  3738.     color: #000000;
  3739.     font-size: 35px;
  3740.     height: auto;
  3741.     width: auto;
  3742.     opacity:0.2;
  3743. }
  3744. .owl-btn-3 .owl-prev:hover,
  3745. .owl-btn-3 .owl-next:hover {
  3746.     background-color: rgba(0, 0, 0, 0);
  3747.     color:#000;
  3748.     opacity:1;
  3749. }
  3750. .owl-btn-3.btn-white .owl-prev,
  3751. .owl-btn-3.btn-white .owl-next {
  3752.     color:#fff;
  3753. }
  3754. .owl-btn-3.btn-white .owl-prev:hover,
  3755. .owl-btn-3.btn-white .owl-next:hover {
  3756.     color:#fff;
  3757. }
  3758. .owl-btn-4 {
  3759.     overflow:hidden;
  3760. }
  3761. .owl-btn-4 .owl-prev,
  3762. .owl-btn-4 .owl-next{
  3763.     background: #ffffff none repeat scroll 0 0;
  3764.     border-radius: 30px;
  3765.     box-shadow:0 0 20px 7px rgba(0, 0, 0, 0.5);
  3766.     color: #000000;
  3767.     font-size: 24px;
  3768.     height: 50px;
  3769.     line-height: 50px;
  3770.     margin: 0 -10px !important;
  3771.     overflow: hidden;
  3772.     padding: 0;
  3773.     width: 50px;
  3774.     opacity:0.7;
  3775. }
  3776. .owl-btn-4 .owl-prev:hover,
  3777. .owl-btn-4 .owl-next:hover {
  3778.     background: #ffffff none repeat scroll 0 0;
  3779.     color: #000;
  3780.     opacity:1;
  3781. }
  3782. #sync2 .owl-item.active.current .item img {
  3783.     outline: 5px solid rgba(0, 0, 0, 0.2);
  3784.     outline-offset: -9px;
  3785. }
  3786. .owl-dots-none .owl-dots{
  3787.     display:none;
  3788. }
  3789. .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span,
  3790. .owl-dots-black-full.owl-theme .owl-dots .owl-dot span,
  3791. .owl-dots-white-full.owl-theme .owl-dots .owl-dot span,
  3792. .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span,
  3793. .owl-dots-black-big.owl-theme .owl-dots .owl-dot span,
  3794. .owl-dots-white-big.owl-theme .owl-dots .owl-dot span{
  3795.     opacity:0.5;
  3796.     transition:all 0.5s;
  3797.     -moz-transition:all 0.5s;
  3798.     -webkit-transition:all 0.5s;
  3799.     margin:4px;
  3800. }
  3801. .owl-dots-primary-full.owl-theme .owl-dots .owl-dot span,
  3802. .owl-dots-primary-big.owl-theme .owl-dots .owl-dot span{
  3803.     background-color:#1abc9c;
  3804. }
  3805. .owl-dots-black-full.owl-theme .owl-dots .owl-dot span,
  3806. .owl-dots-black-big.owl-theme .owl-dots .owl-dot span{
  3807.     background-color:#333;
  3808. }
  3809. .owl-dots-white-full.owl-theme .owl-dots .owl-dot span,
  3810. .owl-dots-white-big.owl-theme .owl-dots .owl-dot span{
  3811.     background-color:#f5f5f5;
  3812. }
  3813. .owl-dots-primary-full.owl-theme .owl-dots .owl-dot.active span,
  3814. .owl-dots-black-full.owl-theme .owl-dots .owl-dot.active span,
  3815. .owl-dots-white-full.owl-theme .owl-dots .owl-dot.active span{
  3816.     opacity:1;
  3817.     width:25px;
  3818. }
  3819. .owl-dots-primary-big.owl-theme .owl-dots .owl-dot.active span,
  3820. .owl-dots-black-big.owl-theme .owl-dots .owl-dot.active span,
  3821. .owl-dots-white-big.owl-theme .owl-dots .owl-dot.active span{
  3822.     width:14px;
  3823.     height:14px;
  3824.     opacity:1;
  3825.     margin:0px 4px 2px 4px;
  3826. }
  3827. @media only screen and (max-width: 1200px) {
  3828.     .owl-btn-2 .owl-prev,
  3829.     .owl-btn-2 .owl-next,
  3830.     .owl-btn-3 .owl-prev,
  3831.     .owl-btn-3 .owl-next{
  3832.         margin:0 10px !important;
  3833.     }
  3834. }
  3835. /* ======================
  3836.     21. BLOG
  3837.         - Blog_Post_Half_Image
  3838.         - Blog_Rounded
  3839.         - Gallery_Css_For_Blog_Post
  3840.         - Side_Bar
  3841.         - Blog_Single
  3842.         - Comment_List
  3843.         - Comment_Form 
  3844. ======================= */
  3845. .blog-post {
  3846.     position: relative;
  3847.     margin-bottom: 30px;
  3848. }
  3849. .post-title {
  3850.     margin-bottom: 2px;
  3851. }
  3852. .post-title .post-title {
  3853.     margin-top: 0;
  3854.     margin-bottom: 0px;
  3855. }
  3856. .post-meta {
  3857.     margin-bottom: 4px;
  3858. }
  3859. .post-meta ul {
  3860.     margin: 0 -4px;
  3861.     list-style: none;
  3862.     /* text-transform:capitalize; */
  3863.     font-family:"Roboto",sans-serif;
  3864. }
  3865. .post-meta ul li {
  3866.     padding: 0;
  3867.     display: inline-block;
  3868.     color: #707070;
  3869.     font-weight: 500;
  3870.     font-size: 13px;
  3871.    
  3872. }
  3873. .post-meta ul li strong{
  3874.     font-weight: 300;
  3875. }
  3876. .post-meta li:after {
  3877.     content: "|";
  3878.     display: inline-block;
  3879.     font-weight: normal;
  3880.     margin-left: 10px;
  3881.     opacity: 0.5;
  3882.    
  3883. }
  3884. .post-meta li:last-child:after {
  3885.     display: none;
  3886. }
  3887. .post-meta a {
  3888.     color: #707070;
  3889. }
  3890. .post-meta i {
  3891.     color: #707070;
  3892.     margin: 0 5px;
  3893.     vertical-align: middle;
  3894.     font-size: 15px;
  3895.     font-weight: 500;
  3896. }
  3897. .text-white .post-meta ul li,
  3898. .text-white .post-meta a,
  3899. .text-white .post-meta i {
  3900.     color:#fff;
  3901. }
  3902. .post-meta.text-white i,
  3903. .post-meta.text-white ul li,
  3904. .post-meta.text-white ul li a{
  3905.     color:#fff;
  3906. }
  3907. .post-meta.text-black i,
  3908. .post-meta.text-black ul li,
  3909. .post-meta.text-black ul li a{
  3910.     color:#000;
  3911. }
  3912. .post-meta.text-gray i,
  3913. .post-meta.text-gray ul li,
  3914. .post-meta.text-gray ul li a{
  3915.     color:#808080;
  3916. }
  3917. .post-text {
  3918.     margin-bottom: 15px;
  3919. }
  3920. .post-text p:last-child {
  3921.     margin: 0;
  3922. }
  3923. .post-readmore {
  3924.     margin-bottom: 15px;
  3925. }
  3926. .post-tags {
  3927.     border-top: 1px solid #E9E9E9;
  3928.     padding-top: 10px;
  3929. }
  3930. .post-tags .post-tags {
  3931.     margin: 0 -3px;
  3932.     list-style: none;
  3933. }
  3934. .post-tags .post-tags a {
  3935.     border: 1px solid #ebedf2;
  3936.     padding: 2px 8px;
  3937.     color: #a9a9a9;
  3938.     margin: 0 3px;
  3939.     display: inline-block;
  3940.     text-transform: uppercase;
  3941.     font-size: 10px;
  3942.     font-weight: 600;
  3943. }
  3944. .info[class*="border-"] .post-title{
  3945.     margin-top:0;
  3946. }
  3947. .text-white .post-title a{
  3948.     color:#fff;
  3949.     font-size: 2px;
  3950. }
  3951. .info > div:last-child,
  3952. .info > p:last-child{
  3953.     margin-bottom:0;
  3954. }
  3955. @media only screen and (max-width: 1200px) {
  3956.     .post-meta .d-flex{
  3957.         display:block !important;
  3958.     }
  3959. }
  3960. .blog-post.no-img-post .post-date {
  3961.     position: static;
  3962.     float: left;
  3963. }
  3964. /*====| - Blog_Post_Half_Image |====*/
  3965. .blog-md .post-media {
  3966.     width: 350px;
  3967.     border-radius: 4px;
  3968. }
  3969. .blog-md .post-info {
  3970.     border: none;
  3971.     padding-left:30px;
  3972. }
  3973. .blog-md .post-tags {
  3974.     border: none;
  3975.     display: inline-block;
  3976.     padding: 0;
  3977. }
  3978. .blog-md .post-info .post-title{
  3979.     margin-top:0;
  3980. }
  3981. .blog-md,
  3982. .blog-md .post-info {
  3983.     overflow: hidden;
  3984. }
  3985. .blog-md .post-info,
  3986. .blog-md .post-media {
  3987.     display: table-cell;
  3988.     vertical-align: middle;
  3989. }
  3990. .blog-md .post-media {
  3991.     vertical-align: top;
  3992. }
  3993. .blog-md .post-info > div:last-child{
  3994.     margin-bottom:0;
  3995. }
  3996. .blog-lg .post-media {
  3997.     border-radius: 4px;
  3998. }
  3999. .blog-categories {
  4000.     position: absolute;
  4001.     bottom: 0;
  4002.     margin: 0px;
  4003.     left: 0;
  4004.     padding: 15px;
  4005. }
  4006. .blog-categories li{
  4007.     display:inline-block;
  4008. }
  4009. .blog-categories li a{
  4010.     background:#fff;
  4011.     color:#273272;
  4012.     font-size:12px;
  4013.     padding:5px 10px;
  4014.     border-radius:20px;
  4015.     font-weight:700;
  4016.     box-shadow:0 0 10px 0px rgba(0,0,0,0.3);
  4017.     transition:all 0.5s;
  4018. }
  4019. .blog-categories li a:hover{
  4020.     color:#fff;
  4021. }
  4022. /*====| - Blog_Rounded |====*/
  4023. .blog-rounded [class*="border-"]{
  4024.     border-radius:0 0 4px 4px;
  4025. }
  4026. .blog-rounded .post-media {
  4027.     border-radius: 4px 4px 0 0;
  4028. }
  4029. @media only screen and (max-width: 767px) {
  4030.     .blog-md.blog-post .pfost-media,
  4031.     .blog-md.blog-post .post-info {
  4032.         float: none;
  4033.         margin: 0 0 20px;
  4034.         width: 100%;
  4035.         display:block;
  4036.         padding-left:0;
  4037.     }
  4038.     .blog-md.blog-post .post-info {
  4039.         margin-top:15px;
  4040.     }
  4041.     .blog-md .post-media {
  4042.         width:100%;
  4043.     }
  4044. }
  4045. .share-details-btn ul{
  4046.     margin:0;
  4047.     padding:0;
  4048.     list-style:none;
  4049. }
  4050. .share-details-btn ul li{
  4051.     display:inline-block;
  4052.     margin-right: 5px;
  4053.     margin-bottom: 6px;
  4054. }
  4055. /*====| - Gallery_Css_For_Blog_Post |====*/
  4056. .blog [class*="galleryid-"] {
  4057.     clear: both;
  4058.     margin: 0 auto;
  4059.     overflow: hidden
  4060. }
  4061. .gallery .gallery-item {
  4062.     float: left;
  4063.     list-style: none;
  4064.     margin: 0px 0 0;
  4065.     overflow: hidden;
  4066.     padding: 0px 0px 5px 15px;
  4067.     text-align: center
  4068. }
  4069. .gallery .gallery-caption {
  4070.     padding-top: 10px;
  4071.     font-size: 13px;
  4072. }
  4073. .gallery .gallery-item img {
  4074.     float: left;
  4075.     padding: 0 0px;
  4076.     width: 100%;
  4077.     border: none !important;
  4078. }
  4079. .gallery-columns-2 .gallery-item {
  4080.     max-width: 50%;
  4081. }
  4082. .gallery-columns-3 .gallery-item {
  4083.     max-width: 33.33%;
  4084. }
  4085. .gallery-columns-4 .gallery-item {
  4086.     max-width: 25%;
  4087. }
  4088. .gallery-columns-5 .gallery-item {
  4089.     max-width: 20%;
  4090. }
  4091. .gallery-icon img {
  4092.     margin: 0 auto;
  4093. }
  4094. .gallery-caption {
  4095.     color: #707070;
  4096.     color: rgba(51, 51, 51, 0.7);
  4097.     display: block;
  4098.     font-family: "Noto Sans", sans-serif;
  4099.     font-size: 12px;
  4100.     font-size: 1.2rem;
  4101.     line-height: 1.5;
  4102.     padding: 0.5em 0;
  4103. }
  4104. /*====| - Side_Bar |====*/
  4105. .side-bar .widget {
  4106.     margin-bottom: 30px;
  4107. }
  4108. @media only screen and (max-width: 991px) {
  4109.     .side-bar {
  4110.         margin-bottom: 40px;
  4111.     }
  4112. }
  4113. /*====| - Blog_Single |====*/
  4114. .blog-single .post-meta {
  4115.     margin-bottom: 20px;
  4116. }
  4117. .blog-single .post-text {
  4118.     margin-top: 20px;
  4119. }
  4120. .blog-single .post-tags {
  4121.     margin-top: 20px;
  4122. }
  4123. .blog-single .post-media{
  4124.     border-radius:4px;
  4125. }
  4126. /*====| - Comment_List |====*/
  4127. .comments-area {
  4128.     padding: 0;
  4129. }
  4130. .comments-area .comments-title {
  4131.     text-transform: uppercase;
  4132.     font-size: 20px;
  4133. }
  4134. ol.comment-list {
  4135.     list-style: none;
  4136.     margin-bottom: 0;
  4137.     padding-left: 0;
  4138. }
  4139. ol.comment-list li.comment {
  4140.     position: relative;
  4141.     padding: 0;
  4142. }
  4143. ol.comment-list li.comment .comment-body {
  4144.     position: relative;
  4145.     padding: 20px;
  4146.     margin-bottom: 40px;
  4147.     margin-left: 80px;
  4148.     position: relative;
  4149.     border: 1px solid #e9e9e9;
  4150. }
  4151. ol.comment-list li.comment .comment-body:before,
  4152. ol.comment-list li.comment .comment-body:after {
  4153.     content: '';
  4154.     position: absolute;
  4155.     top: 20px;
  4156.     width: 0;
  4157.     height: 0;
  4158.     border-width: 10px 12px 10px 0;
  4159.     border-style: solid;
  4160. }
  4161. ol.comment-list li.comment .comment-body:before {
  4162.     border-color: transparent #fff transparent #fff;
  4163.     z-index: 1;
  4164.     left: -12px;
  4165.     top: 22px;
  4166. }
  4167. ol.comment-list li.comment .comment-body:after {
  4168.     border-color: transparent #e9e9e9 transparent #e9e9e9;
  4169.     border-width: 12px 14px 12px 0;
  4170.     left: -14px;
  4171. }
  4172. ol.comment-list li.comment .comment-author {
  4173.     display: block;
  4174.     margin-bottom: 10px;
  4175. }
  4176. ol.comment-list li.comment .comment-author .avatar {
  4177.     position: absolute;
  4178.     top: 0;
  4179.     left: -80px;
  4180.     width: 56px;
  4181.     height: 56px;
  4182.     border-radius: 100%;
  4183.     -webkit-border-radius: 100%;
  4184.     border: 2px solid #FFF;
  4185. }
  4186. ol.comment-list li.comment .comment-author .fn {
  4187.     display: inline-block;
  4188.     color: #555555;
  4189.     font-size: 14px;
  4190.     text-transform: uppercase;
  4191.     font-weight: 700;
  4192.     font-style: normal;
  4193. }
  4194. ol.comment-list li.comment .comment-author .says {
  4195.     display: none;
  4196.     color: #999999;
  4197.     font-weight: 600;
  4198. }
  4199. ol.comment-list li.comment .comment-meta {
  4200.     color: #8d8d8d;
  4201.     text-transform: uppercase;
  4202.     margin-bottom: 15px;
  4203. }
  4204. ol.comment-list li.comment .comment-meta a {
  4205.     color: #8d8d8d;
  4206. }
  4207. ol.comment-list li.comment .comment-meta a {
  4208.     color: #8d8d8d;
  4209. }
  4210. ol.comment-list li.comment .comment-meta:before,
  4211. ol.comment-list li.comment .reply a:before {
  4212.     font-family: "FontAwesome";
  4213.     font-size: 11px;
  4214.     vertical-align: top;
  4215. }
  4216. ol.comment-list li.comment .comment-meta:before {
  4217.     content: "\f133";
  4218. }
  4219. ol.comment-list li.comment .reply a:before {
  4220.     content: "\f064";
  4221.     font-weight: normal;
  4222.     color: #555555;
  4223.     margin-right: 5px;
  4224.     vertical-align: middle;
  4225. }
  4226. ol.comment-list li.comment p {
  4227.     line-height: 18px;
  4228.     margin: 0 0 5px;
  4229. }
  4230. ol.comment-list li.comment .reply a {
  4231.     position: absolute;
  4232.     top: 50px;
  4233.     right: 30px;
  4234.     margin-top: -5px;
  4235.     color: #EFBB20;
  4236.     font-weight: 700;
  4237. }
  4238. ol.comment-list li .children {
  4239.     list-style: none;
  4240.     margin-left: 80px;
  4241. }
  4242. ol.comment-list li .children li {
  4243.     padding: 0;
  4244. }
  4245. @media only screen and (max-width: 767px) {
  4246.     .comments-area .padding-30 {
  4247.         padding: 15px;
  4248.     }
  4249.     ol.comment-list li.comment .comment-body {
  4250.         margin-bottom: 30px;
  4251.         margin-left: 70px;
  4252.     }
  4253.     ol.comment-list li.comment .comment-author .avatar {
  4254.         left: -75px;
  4255.         height: 60px;
  4256.         width: 60px;
  4257.     }
  4258.     ol.comment-list li .children {
  4259.         margin-left: 20px;
  4260.     }
  4261.     ol.comment-list li.comment .reply a {
  4262.         position: static;
  4263.     }
  4264. }
  4265. @media only screen and (max-width: 480px) {
  4266.     ol.comment-list li.comment .comment-body {
  4267.         margin-left: 52px;
  4268.     }
  4269.     ol.comment-list li.comment .comment-author .avatar {
  4270.         left: -55px;
  4271.         top: 12px;
  4272.         width: 40px;
  4273.         height: 40px;
  4274.     }
  4275. }
  4276. /*====| - Comment_Form |====*/
  4277. .comment-respond {
  4278.     padding: 30px 30px;
  4279.     border: 1px solid #e9e9e9;
  4280. }
  4281. .comment-respond .comment-reply-title {
  4282.     text-transform: uppercase;
  4283.     font-size: 20px;
  4284. }
  4285. .comment-respond .comment-reply-title {
  4286.     font-size: 16px;
  4287.     font-weight: 600;
  4288. }
  4289. .comments-area .comment-form {
  4290.     margin: 0 -15px;
  4291. }
  4292. .comments-area .comment-form .comment-notes {
  4293.     display: none;
  4294. }
  4295. .comments-area .comment-form p {
  4296.     width: 33.333%;
  4297.     float: left;
  4298.     padding: 0 15px;
  4299.     margin-bottom: 30px;
  4300.     position: relative;
  4301. }
  4302. .comments-area .comment-form p.form-allowed-tags {
  4303.     width: 100%;
  4304. }
  4305. ol.comment-list li.comment .comment-respond .comment-form p {
  4306.     padding: 0 15px !important;
  4307. }
  4308. .comments-area .comment-form p label {
  4309.     display: none;
  4310.     line-height: 18px;
  4311.     margin-bottom: 10px;
  4312. }
  4313. .comments-area p:before {
  4314.     font-family: "themify";
  4315.     display: inline-block;
  4316.     position: absolute;
  4317.     left: 15px;
  4318.     top: 0;
  4319.     font-size: 16px;
  4320.     color: #ccc;
  4321.     width: 40px;
  4322.     height: 40px;
  4323.     line-height: 40px;
  4324.     border: 1px solid #e1e6eb;
  4325.     text-align: center;
  4326.     border-radius: 4px 0 0 4px;
  4327.     -webkit- border-radius: 4px 0 0 4px;
  4328. }
  4329. .comments-area p.comment-form-author:before {
  4330.     content: "\e602";
  4331. }
  4332. .comments-area p.comment-form-email:before {
  4333.     content: "\e75a";
  4334. }
  4335. .comments-area p.comment-form-url:before {
  4336.     content: "\e665";
  4337. }
  4338. .comments-area p.comment-form-comment:before {
  4339.     content: "\e645";
  4340. }
  4341.  
  4342. .comments-area .comment-form p input[type="text"],
  4343. .comments-area .comment-form p textarea {
  4344.     width: 100%;
  4345.     height: 40px;
  4346.     line-height: 6px 12px;
  4347.     padding: 10px 10px 10px 50px;
  4348.     border: 1px solid #e1e6eb;
  4349.     border-radius: 4px;
  4350.     -webkit-border-radius: 4px;
  4351.     text-transform: capitalize;
  4352. }
  4353. .comments-area .comment-form p.comment-form-comment {
  4354.     width: 100%;
  4355.     display: block;
  4356.     clear: both;
  4357. }
  4358. .comments-area .comment-form p textarea {
  4359.     height: 120px;
  4360. }
  4361. .comments-area .comment-form p.form-submit {
  4362.     clear: both;
  4363.     float: none;
  4364.     width: 100%;
  4365.     margin: 0;
  4366. }
  4367. .comments-area .comment-form p input[type="submit"] {
  4368.     background-color: #EFBB20;
  4369.     border: none;
  4370.     border-radius: 3px;
  4371.     border-style: solid;
  4372.     border-width: 1px;
  4373.     color: #fff;
  4374.     display: inline-block;
  4375.     font-weight: 600;
  4376.     padding: 10px 20px;
  4377.     text-transform: uppercase;
  4378. }
  4379. .comments-area .comment-form p input[type="submit"]:hover,
  4380. .comments-area .comment-form p input[type="submit"]:focus,
  4381. .comments-area .comment-form p input[type="submit"]:active {
  4382.     background-color: #6ab33e;
  4383.     border-color: #6ab33e;
  4384.     color: #fff;
  4385. }
  4386. @media only screen and (max-width: 767px) {
  4387.     .comments-area .comment-form p {
  4388.         width: 100%;
  4389.         float: none;
  4390.         margin-bottom: 20px;
  4391.     }
  4392.     .comment-respond {
  4393.         padding: 20px;
  4394.     }
  4395. }
  4396. /* ======================
  4397.     22. WIDGETS
  4398.         - Widget_Link
  4399.         - Widget_Listing
  4400.         - Widget_Search_Custom
  4401.         - Widget_Search
  4402.         - Search_BX_Style_1
  4403.         - Widget_Recent_Posts
  4404.         - Widget_Recent_Comment
  4405.         - Widget_Meta
  4406.         - Widget_Calender
  4407.         - Widget_Tags_List
  4408.         - Widget_Archive
  4409.         - Widget_Text
  4410.         - Widget_Categories
  4411.         - Widget_RSS
  4412.         - Widget_Get_In_Touch
  4413.         - Widget_Gallery
  4414.         - Newsletter
  4415.         - About_Us_Widgets
  4416.         - Widget_Testimonial
  4417. ======================= */
  4418. .list-2{
  4419.     display: table;
  4420. }
  4421. .list-2 li{
  4422.     float: left;
  4423.     padding: 7px 5px 7px 0;
  4424.     width: 50%;
  4425.     position: relative;
  4426. }
  4427. .list-2 li a:hover{
  4428.     color:#fff;
  4429.     opacity:0.8;
  4430.     padding-left: 5px;
  4431. }
  4432. .widget {
  4433.     margin-bottom: 40px;
  4434. }
  4435. .widget.bg-white{
  4436.     border: 1px solid #ebedf2;
  4437. }
  4438. .widget.border-0 ul li {
  4439.     border: 0 none;
  4440. }
  4441. .widget-title {
  4442.     margin: 0 0 25px;
  4443. }
  4444. .widget-title {
  4445.     padding-bottom: 15px;
  4446.     position: relative;
  4447.     margin-bottom: 30px;
  4448.     vertical-align: middle;
  4449. }
  4450. .widget-title:after {
  4451.     content: "";
  4452.     position: absolute;
  4453.     bottom: -12px;
  4454.     left: 0;
  4455.     height: 3px;
  4456.     margin: 0 0 0;
  4457.     width: 50px;
  4458.     margin: 10px 0;
  4459. }
  4460. .widget .widget-title,
  4461. .widget .post-title {
  4462.     text-transform: uppercase;
  4463. }
  4464. .widget-title.style-1 {
  4465.     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  4466.     margin-bottom: 20px;
  4467.     padding-bottom: 15px;
  4468.     font-weight: 600;
  4469.     line-height: 12px;
  4470. }
  4471. .widget-title.style-1:after,
  4472. .widget-title.style-1:before {
  4473.     border-radius: 0;
  4474.     bottom: -2px;
  4475.     content: "";
  4476.     display: inline-block;
  4477.     height: 3px;
  4478.     left: 0;
  4479.     margin: 0;
  4480.     position: absolute;
  4481.     vertical-align: bottom;
  4482.     width: 30px;
  4483. }
  4484. .widget-title.style-1:before {
  4485.     width: 15px;
  4486.     left: 33px;
  4487.     box-shadow: 3px 0 0px 0 #fff, 6px 0px 0px 0 #273272;
  4488. }
  4489. .recent-posts-entry ul,
  4490. .category-entry ul {
  4491.     margin: 0;
  4492.     list-style: none;
  4493.     padding: 0;
  4494. }
  4495. /*====| - Widget_Link |====*/
  4496. .widget-link ul{
  4497.     margin: 0px;
  4498.     padding: 0px;
  4499. }
  4500. .widget-link ul li{
  4501.     list-style:none;
  4502.     display: inline-block;
  4503.     padding-left: 3px;
  4504.     padding-right: 10px;
  4505.     position: relative;
  4506. }
  4507. .widget-link ul li:last-child{
  4508.     padding-right:3px;
  4509. }
  4510. .widget-link ul li:last-child:after {
  4511.     content:none;
  4512. }
  4513. .widget-link li:after {
  4514.     content: "\f111";
  4515.     position: absolute;
  4516.     right: 0;
  4517.     font-family: FontAwesome;
  4518.     font-size: 5px;
  4519.     opacity: 0.5;
  4520. }
  4521. .widget-link li a:hover{
  4522.     color:#fff;
  4523.     opacity:0.6;
  4524. }
  4525. /*====| - Widget_Listing |====*/
  4526. .widget_categories ul,
  4527. .widget_archive ul,
  4528. .widget_meta ul,
  4529. .widget_pages ul,
  4530. .widget_recent_comments ul,
  4531. .widget_nav_menu ul,
  4532. .widget_rss ul,
  4533. .widget_recent_entries ul,
  4534. .widget_services ul,
  4535. .widget_getintuch ul {
  4536.     list-style: none;
  4537.     padding-left: 0;
  4538.     margin-bottom: 0;
  4539. }
  4540. .widget_categories ul li,
  4541. .widget_archive ul li,
  4542. .widget_meta ul li,
  4543. .widget_pages ul li,
  4544. .widget_recent_comments ul li,
  4545. .widget_nav_menu li,
  4546. .widget_recent_entries ul li,
  4547. .widget_services ul li {
  4548.     padding-bottom: 18px;
  4549.     margin-bottom: 13px;
  4550.     border-bottom: 1px solid rgba(102, 102, 102, 0.11);
  4551.     position: relative;
  4552.     padding: 10px 10px 10px 15px;
  4553.     margin-bottom: 0;
  4554.     line-height: 20px;
  4555. }
  4556. .widget_categories ul li a,
  4557. .widget_archive ul li a,
  4558. .widget_meta ul li a,
  4559. .widget_pages ul li a,
  4560. .widget_recent_comments ul li a,
  4561. .widget_nav_menu li a,
  4562. .widget_recent_entries ul li a,
  4563. .widget_services ul li a {
  4564.     color: #767676;
  4565.     text-transform: capitalize;
  4566. }
  4567. .widget_categories ul li:before,
  4568. .widget_archive ul li:before,
  4569. .widget_meta ul li:before,
  4570. .widget_pages ul li:before,
  4571. .widget_recent_comments ul li:before,
  4572. .widget_nav_menu ul li:before,
  4573. .widget_recent_entries ul li:before,
  4574. .widget_services ul li:before {
  4575.     content: "\f105";
  4576.     position: absolute;
  4577.     left: 0;
  4578.     top: 10px;
  4579.     display: block;
  4580.     font-family: "FontAwesome";
  4581. }
  4582. .widget_categories ul li li,
  4583. .widget_archive ul li li,
  4584. .widget_meta ul li li,
  4585. .widget_pages ul li li,
  4586. .widget_recent_comments ul li li,
  4587. .widget_nav_menu li li,
  4588. .widget_services li li {
  4589.     border-bottom: none;
  4590.     padding-left: 10px;
  4591.     padding-right: 5px;
  4592.     padding-top: 0;
  4593.     padding-bottom: 0;
  4594.     line-height: 28px;
  4595. }
  4596. .widget_categories ul li li:before,
  4597. .widget_archive ul li li:before,
  4598. .widget_meta ul li li:before,
  4599. .widget_pages ul li li:before,
  4600. .widget_recent_comments ul li li:before,
  4601. .widget_nav_menu li li:before,
  4602. .widget_services li li:before {
  4603.     top: 0;
  4604.     left: -8px;
  4605. }
  4606. /*====| - Widget_Search_Custom |====*/
  4607. .search-bx .site-button {
  4608.     padding: 9px 12px;
  4609.     border: 1px solid transparent;
  4610.     border-bottom-left-radius: 0;
  4611.     border-top-left-radius: 0;
  4612. }
  4613. /*====| - Widget_Search |====*/
  4614. .widget_search .screen-reader-text {
  4615.     display: block;
  4616. }
  4617. .searchform {
  4618.     position: relative;
  4619. }
  4620. .searchform input[type="text"] {
  4621.     width: 100%;
  4622.     height: 40px;
  4623.     padding: 10px 90px 10px 15px;
  4624.     border: 1px solid #CCCCCC;
  4625. }
  4626. .searchform input[type="submit"] {
  4627.     height: 40px;
  4628.     padding: 10px 15px;
  4629.     background-color: #77c04b;
  4630.     position: absolute;
  4631.     right: 0;
  4632.     bottom: 0;
  4633.     color: #ffffff;
  4634.     border-left: none;
  4635.     border-right: none;
  4636.     border-top: none;
  4637.     border-bottom: none;
  4638. }
  4639. .searchform input[type="submit"]:hover,
  4640. .searchform input[type="submit"]:focus,
  4641. .searchform input[type="submit"]:active {
  4642.     background-color: #6ab33e;
  4643.     color: #ffffff!important;
  4644.     border-bottom-color: #5a9e2f;
  4645. }
  4646. /*====| - Search_BX_Style_1 |====*/
  4647. .search-bx.style-1 .input-group{
  4648.     border: 1px solid #efefef;
  4649. }
  4650. .search-bx.style-1 .input-group-btn button {
  4651.     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  4652.     border: 0;
  4653.     color: #000000;
  4654.     font-size: 15px;
  4655.     height: 45px;
  4656.     width: 40px;
  4657.     border-width:0;
  4658. }
  4659. .search-bx.style-1 .form-control {
  4660.     border: 1px solid #efefef;
  4661.     border-width:0;
  4662.     font-size:15px;
  4663.     height: 45px;
  4664.     padding: 5px 20px;
  4665. }
  4666. .search-bx.style-1 .input-group:hover,
  4667. .search-bx.style-1 .input-group:focus{
  4668.     border: 1px solid #000;
  4669. }
  4670. /*====| - Widget_Recent_Posts |====*/
  4671. .recent-posts-entry .post-date,
  4672. .tweets-feed-entry .tweet-date {
  4673.     color: #3396d1;
  4674.     font-style: normal;
  4675. }
  4676. .widget .post-title {
  4677.     line-height: 16px;
  4678.     margin-bottom: 8px;
  4679.     margin-top:0;
  4680.     text-transform: capitalize;
  4681.     font-size: 15px;
  4682.     color: #404040;
  4683.     font-weight: 500;
  4684. }
  4685. .recent-posts-entry .widget-post {
  4686.     margin-bottom: 10px;
  4687. }
  4688. .recent-posts-entry .widget-post-bx:last-child {
  4689.     border-bottom: none;
  4690. }
  4691. .recent-posts-entry .post-media {
  4692.     padding-right:15px;
  4693.     width: 110px;
  4694. }
  4695. .recent-posts-entry .post-media img{
  4696.     border-radius:3px;
  4697. }
  4698. .recent-posts-entry .post-info {
  4699.     background: transparent;
  4700.     padding: 0;
  4701.     margin-left: 110px;
  4702.     border: none;
  4703. }
  4704. .recent-posts-entry .post-meta span {
  4705.     margin-right: 10px;
  4706. }
  4707. .recent-posts-entry .post-meta {
  4708.     margin-bottom: 0;
  4709. }
  4710. .recent-posts-entry .post-info,
  4711. .recent-posts-entry .post-media{
  4712.     display: table-cell;
  4713.     vertical-align: middle;
  4714. }
  4715. .recent-posts-entry .widget-post,
  4716. .recent-posts-entry .post-info{
  4717.     overflow: hidden;
  4718. }
  4719. /*====| - Widget_Recent_Comment |====*/
  4720. .widget_recent_comments ul li:before {
  4721.     content: "\f0e6";
  4722. }
  4723. .widget_recent_comments ul li {
  4724.     padding-left: 20px;
  4725.     color: #999;
  4726. }
  4727. /*====| - Widget_Meta |====*/
  4728. .widget_meta ul li a abbr[title] {
  4729.     color: #333;
  4730.     border-bottom: none;
  4731. }
  4732. /*====| - Widget_Calender |====*/
  4733. .widget_calendar caption::after {
  4734.     color: #707070;
  4735.     content: ">";
  4736.     font-family: "FontAwesome";
  4737.     margin: 0 0 0 5px;
  4738. }
  4739. .widget_calendar table {
  4740.     border-collapse: separate;
  4741.     border-spacing: 2px;
  4742.     width: 100%;
  4743. }
  4744. .widget_calendar thead {
  4745.     background-color: #999999
  4746. }
  4747. .widget_calendar tfoot tr td {
  4748.     border: none;
  4749.     padding: 0px
  4750. }
  4751. .widget_calendar tfoot tr td a {
  4752.     background-color: #fff;
  4753.     padding: 4px 10px
  4754. }
  4755. .widget_calendar table thead tr th {
  4756.     font-size: 11px;
  4757.     padding: 5px;
  4758.     text-align: center;
  4759.     border: none;
  4760.     color: #fff;
  4761. }
  4762. .widget_calendar table tbody td {
  4763.     font-size: 13px;
  4764.     padding: 6px 5px;
  4765.     text-align: center;
  4766.     background-color: #fff;
  4767.     border: none;
  4768.     color: #444;
  4769. }
  4770. .widget_calendar table tbody td#today {
  4771.     background-color: #77c04b;
  4772.     color: #FFF;
  4773. }
  4774. .widget_calendar table tbody td#today a {
  4775.     color: #FFF;
  4776. }
  4777. /*====| - Widget_Tags_List |====*/
  4778. .widget_tag_cloud a {
  4779.     padding: 8px 10px;
  4780.     background-color: #E7F2FF;
  4781.     border: 1px solid #E7F2FF;
  4782.     font-size: 12px;
  4783.     display: inline-block;
  4784.     margin: 0 0 5px;
  4785.     color: #000;
  4786.     font-weight: 600;
  4787. }
  4788. .side-bar .widget_tag_cloud a:hover {
  4789.     background-color: #CCCCCC;
  4790.     color:#fff;
  4791.     box-shadow:5px 5px 10px 0 rgba(37, 201, 65, 0.15);
  4792.     -webkit-box-shadow:5px 5px 10px 0 rgba(37, 201, 65, 0.15);
  4793.     -moz-box-shadow:5px 5px 10px 0 rgba(37, 201, 65, 0.15);
  4794.     -o-box-shadow:5px 5px 10px 0 rgba(37, 201, 65, 0.15);
  4795.     -ms-box-shadow:5px 5px 10px 0 rgba(37, 201, 65, 0.15);
  4796. }
  4797. .widget_tag_cloud.radius a{
  4798.     border-radius:40px;
  4799.     padding: 7px 10px;
  4800. }
  4801. /*====| - Widget_Archive |====*/
  4802. .widget_archive select {
  4803.     width: 100%;
  4804.     padding: 5px;
  4805.     border: 1px solid #CCC;
  4806. }
  4807. /*====| - Widget_Text |====*/
  4808. .widget_text select {
  4809.     width: 100%;
  4810.     padding: 5px;
  4811.     border: 1px solid #CCC;
  4812. }
  4813. .widget_text select option {
  4814.     width: 100%;
  4815. }
  4816. /*====| - Widget_Categories |====*/
  4817. .widget_categories li {
  4818.     text-align: right;
  4819. }
  4820. .widget_categories li a {
  4821.     float: left;
  4822.     text-transform: capitalize;
  4823. }
  4824. /*====| - Widget_RSS |====*/
  4825. .widget_rss ul {
  4826.     margin: 0;
  4827.     line-height: 20px;
  4828. }
  4829. .widget_rss ul li {
  4830.     line-height: 20px;
  4831.     margin-bottom: 15px;
  4832. }
  4833. .widget_rss ul .rsswidget {
  4834.     color: #333;
  4835. }
  4836. .widget_rss ul .rss-date {
  4837.     color: #3396D1;
  4838. }
  4839. .widget_rss ul .rssSummary {
  4840.     padding: 5px 0;
  4841. }
  4842. .widget_rss ul cite {
  4843.     color: #333;
  4844.     font-weight: 600;
  4845. }
  4846. /*====| - Widget_Get_In_Touch |====*/
  4847. .widget_getintuch {
  4848.     padding-top: 0;
  4849. }
  4850. .widget_getintuch li {
  4851.     margin-bottom: 20px;
  4852.     position: relative;
  4853.     padding-left: 40px;
  4854. }
  4855. .widget_getintuch b,
  4856. .widget_getintuch strong {
  4857.     display: block;
  4858.     text-transform: uppercase;
  4859. }
  4860. .widget_getintuch i {
  4861.     position: absolute;
  4862.     left: 0;
  4863.     top: 5px;
  4864.     text-align: center;
  4865.     font-size: 22px;
  4866.     width: 30px;
  4867.     height: 30px;
  4868.     line-height: 30px;
  4869. }
  4870. /*====| - Widget_Gallery |====*/
  4871. .widget_gallery ul {
  4872.     padding-left: 0;
  4873.     display: table;
  4874. }
  4875. .widget_gallery.gallery-grid-4 li {
  4876.     width:25%;
  4877. }
  4878. .gallery-grid-8 li {
  4879.     width:12.5%;
  4880. }
  4881. @media only screen and (max-width: 767px) {
  4882.     .gallery-grid-8 li {
  4883.         width:25%;
  4884.     }
  4885. }
  4886. .widget_gallery li {
  4887.     display: inline-block;
  4888.     width: 33.33%;
  4889.     float:left;
  4890.     transition:all 0.5s;
  4891.     -webkit-transition:all 0.5s;
  4892.     -moz-transition:all 0.5s;
  4893.     -o-transition:all 0.5s;
  4894.     padding: 2px;
  4895. }
  4896. .widget_gallery li img {
  4897.     display: inline-block;
  4898.     width:100%;
  4899. }
  4900. .widget_gallery li:nth-child(3n-3) {
  4901.     margin-right: 0;
  4902. }
  4903. .widget_gallery li:hover {
  4904.     opacity:0.7;
  4905.     transition:all 0.5s;
  4906.     -webkit-transition:all 0.5s;
  4907.     -moz-transition:all 0.5s;
  4908.     -o-transition:all 0.5s;
  4909. }
  4910. .widget_gallery a {
  4911.     display: inline-block;
  4912. }
  4913. /*====| - Newsletter |====*/
  4914. .widget-newslatter .news-box{
  4915.     background-color:#F5F6F7;
  4916.     padding:20px;
  4917.     position: relative;
  4918.     z-index: 1;
  4919.     overflow: hidden;
  4920. }
  4921. .widget-newslatter p{
  4922.     font-style: italic;
  4923.     font-size:15px;
  4924. }
  4925. .widget-newslatter .form-control {
  4926.     background: #ffffff none repeat scroll 0 0;
  4927.     border: 2px solid #d0d0d0;
  4928.     height: 45px;
  4929.     margin-bottom: 15px;
  4930.     padding: 5px 20px;
  4931. }
  4932. .widget-newslatter .site-button{
  4933.     padding:12px 15px;
  4934.     font-weight: 700;
  4935. }
  4936. .news-box form:after {
  4937.     color: #000000;
  4938.     content: "Newslatter";
  4939.     font-family: montserrat;
  4940.     font-size: 50px;
  4941.     font-weight: 700;
  4942.     opacity: 0.05;
  4943.     position: absolute;
  4944.     top: -40px;
  4945.     z-index:-1;
  4946. }
  4947. .news-box:before {
  4948.     font-family:themify;
  4949.     content:"\e75a";
  4950.     font-size: 50px;
  4951.     font-weight: 700;
  4952.     opacity: 0.05;
  4953.     position: absolute;
  4954.     right:0;
  4955.     top:0;
  4956.     z-index:-1;
  4957.     opacity: 0.05;
  4958. }
  4959. .news-box form{
  4960.     position:relative;
  4961. }
  4962. /*====| - About_Us_Widgets |====*/
  4963. .widget-about .title{
  4964.     margin:15px 0 5px 0;
  4965.     color:#000;
  4966. }
  4967. .widget-about p{
  4968.     color: #333333;
  4969.     font-family: themify;
  4970.     font-size: 13px;
  4971.     line-height: 20px;
  4972. }
  4973. .widget-about .button-sm {
  4974.     font-weight: 700;
  4975.     padding: 5px 20px;
  4976. }
  4977. /*====| - Widget_Testimonial |====*/
  4978. .widget-testimonial .testimonial-pic{
  4979.     height:250px;
  4980.     width:170px;
  4981.     border: 3px solid #ffffff;
  4982.     margin-bottom:10px;
  4983. }
  4984. .widget-testimonial .testimonial-name{
  4985.     font-weight:600;
  4986.     font-size:15px;
  4987.     text-transform:uppercase;
  4988.     font-family: "Roboto",sans-serif;
  4989.     color:#000;
  4990.     text-align: center;
  4991. }
  4992. .widget-testimonial .testimonial-position{
  4993.     text-transform:uppercase;
  4994.     font-family: "Roboto",sans-serif;
  4995.     color:#888q;
  4996.     font-size:12px;
  4997.     font-style: inherit;
  4998. }
  4999. .widget-testimonial .testimonial-position p{
  5000.     line-height: 20px;
  5001.     text-align: left;
  5002. }
  5003. .widget-testimonial .testimonial-text{
  5004.     color: #505050;
  5005.     font-family: Roboto;
  5006.     font-size: 8px;
  5007.     font-weight: 200;
  5008.     margin-bottom: 10px;
  5009.     padding:0;
  5010.     text-align: center;
  5011. }
  5012. /* ======================
  5013.     23. CUSTOMIZE CSS
  5014.         - Set_Radius
  5015.         - Transition
  5016.         - Float_Clearfix
  5017. ======================= */
  5018. /*====| - Set_Radius |====*/
  5019. .btn,
  5020. .panel,
  5021. .form-control,
  5022. .img-thumbnail,
  5023. .panel-head ing,
  5024. .dropdown-menu,
  5025. .panel-group .panel,
  5026. .nav-tabs > li > a,
  5027. .modal-content,
  5028. .navbar-toggler,
  5029. .nav-pills > li > a,
  5030. .pager li > a,
  5031. .pager li > span,
  5032. .well,
  5033. .alert,
  5034. .list-group-item:first-child,
  5035. .list-group-item:last-child,
  5036. .input-group-addon,
  5037. .btn-group-divides > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle),
  5038. .btn-group-divides > .btn:last-child:not(:first-child),
  5039. .btn-group > .dropdown-toggle:not(:first-child),
  5040. .booking-form .extra-services li .icon-bx-lg,
  5041. .booking-form .extra-services li.active .icon-bx-lg:after,
  5042. .widget_tag_cloud a,
  5043. .searchform input[type="text"],
  5044. .searchform input[type="submit"],
  5045. ol.comment-list li.comment .comment-body {
  5046.     -webkit-border-radius: 0;
  5047.     -moz-border-radius: 0;
  5048.     border-radius: 0;
  5049. }
  5050. /*====| - Transition |====*/
  5051. a,
  5052. .box,
  5053. .btn,
  5054. .form-control,
  5055. .overlay-bx,
  5056. .overlay-icon li a i,
  5057. .icon-bx-xl,
  5058. .icon-bx-lg,
  5059. .icon-bx-md,
  5060. .icon-bx-sm,
  5061. .icon-bx-xs,
  5062. .share-social-bx li,
  5063. .indicator,
  5064. .profile-menu ul li,
  5065. .staff-member .member-done,
  5066. .how-work .box .shadow-bx img,
  5067. .how-work .box .step-no-bx,
  5068. .info-has,
  5069. .we-find .box,
  5070. .navbar-toggler,
  5071. .daz-logo,
  5072. .header-nav .nav > li > a,
  5073. .secondary-nav,
  5074. .skew-secondry:hover,
  5075. .skew-primary:hover,
  5076. .skew-secondry:hover::after,
  5077. .skew-primary:hover::after {
  5078.     -webkit-transition: all 0.2s linear;
  5079.     -moz-transition: all 0.2s linear;
  5080.     -ms-transition: all 0.2s linear;
  5081.     -o-transition: all 0.2s linear;
  5082.     transition: all 0.2s linear;
  5083. }
  5084. .animate-slow {
  5085.     -webkit-transition: all 0.3s ease-out;
  5086.     -moz-transition: all 0.3s ease-out;
  5087.     -o-transition: all 0.3s ease-out;
  5088.     -ms-transition: all 0.3s ease-out;
  5089.     transition: all 0.3s ease-out;
  5090. }
  5091. .animate-mid {
  5092.     -webkit-transition: all 0.5s ease-out;
  5093.     -moz-transition: all 0.5s ease-out;
  5094.     -o-transition: all 0.5s ease-out;
  5095.     -ms-transition: all 0.5s ease-out;
  5096.     transition: all 0.5s ease-out;
  5097. }
  5098. .animate-fast {
  5099.     -webkit-transition: all 0.8s ease-out;
  5100.     -moz-transition: all 0.8s ease-out;
  5101.     -o-transition: all 0.8s ease-out;
  5102.     -ms-transition: all 0.8s ease-out;
  5103.     transition: all 0.8s ease-out;
  5104. }
  5105. /*====| - Float_Clearfix |====*/
  5106. .clearfix:after,
  5107. .clearfix:before {
  5108.     content: "";
  5109.     display: table;
  5110. }
  5111. .clearfix:after {
  5112.     clear: both;
  5113. }
  5114. /* ======================
  5115.     24. SORTCODES
  5116.         24.1 > Buttons
  5117.             - Owl_Slider_Button
  5118.             - Theme_Default_Button
  5119.             - Button_Size
  5120.             - Button_Rounded
  5121.             - Button_Colors
  5122.             - Button_Text_Link
  5123.             - Button_Circle
  5124.             - Social_Icon_Link
  5125.             - Social_Button
  5126.             - Social_Button_Outline
  5127.             - Filter_Buttons
  5128.         24.2 > Title_Separators
  5129.         24.3 > Dividers
  5130.         24.4 > Lists_Bullets
  5131.         24.5 > Accordions
  5132.         24.6 > Testimonials
  5133.             - Testimonials_1
  5134.             - Testimonials_2
  5135.             - Testimonials_3
  5136.             - Testimonial_Center
  5137.         24.7 > Pricing_Table
  5138.         24.8 > Counter_Up
  5139.         24.9 > Alert_Box
  5140.         24.10 > Breadcrumb
  5141.         24.11 > Tables
  5142.         24.12 > Image_Effects
  5143.         24.13 > Icon
  5144. ======================= */
  5145. /*====| 24.1 > Buttons |====*/
  5146. /*====| - Owl_Slider_Button |====*/
  5147. .owl-prev,
  5148. .owl-next {
  5149.     background-color:rgba(0,0,0,0.5);
  5150.     border-color: rgba(0,0,0,0.5);
  5151.     color: #ffffff;
  5152.     padding: 5px 8px;
  5153.     margin-left: 5px;
  5154.     margin-right: 5px;
  5155.     font-size: 13px;
  5156.     display: inline-block;
  5157.     cursor: pointer;
  5158.     border-width: 0px;
  5159.     border-style: solid;
  5160. }
  5161. .owl-prev:hover,
  5162. .owl-prev:active,
  5163. .owl-prev:focus,
  5164. .owl-next:hover,
  5165. .owl-next:active,
  5166. .owl-next:focus {
  5167.     background-color: rgba(0,0,0,0.7);
  5168.     border-color: #3E2E23;
  5169.     color: #ffffff;
  5170. }
  5171. /*====| - Theme_Default_Button |====*/
  5172. .button-example .btn,
  5173. .button-example .site-button,
  5174. .button-example .site-button-link{
  5175.     margin:0 5px 10px 0;
  5176. }
  5177. .site-button,
  5178. .site-button-secondry {
  5179.     color: #fff;
  5180.     padding: 10px 20px;
  5181.     display: inline-block;
  5182.     font-size: 14px;
  5183.     outline: none;
  5184.     cursor: pointer;
  5185.     outline: none;
  5186.     border-width: 0;
  5187.     border-style: solid;
  5188.     border-color: transparent;
  5189.     line-height: 1.42857;
  5190.     border-radius: 3px;
  5191.     font-weight: 600;
  5192.     text-align:center;
  5193.     white-space: nowrap;
  5194.     position:relative;
  5195.     -moz-user-select: none;
  5196.     vertical-align: middle;
  5197.     overflow:hidden;
  5198. }
  5199. .site-button:after,
  5200. .site-button-secondry:after {
  5201.     width: 100%;
  5202.     height: 0;
  5203.     top: 50%;
  5204.     left: 50%;
  5205.     background: #fff;
  5206.     opacity: 0;
  5207.     content:"";
  5208.     position: absolute;
  5209.     z-index: 1;
  5210.     -webkit-transition: all 0.3s;
  5211.     -moz-transition: all 0.3s;
  5212.     transition: all 0.3s;
  5213.     -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  5214.     -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  5215.     -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  5216.     transform: translateX(-50%) translateY(-50%) rotate(45deg);
  5217. }
  5218. .site-button.white:after {
  5219.     background-color:#000;
  5220. }
  5221. .site-button:hover:after,
  5222. .site-button-secondry:hover:after {
  5223.     height: 260%;
  5224.     opacity: 0.2;
  5225. }
  5226. .site-button.white:after {
  5227.     opacity: 0.1;
  5228. }
  5229. .site-button {
  5230.     background-color: #EFBB20;
  5231. }
  5232. .site-button:active,
  5233. .site-button:hover,
  5234. .site-button:focus,
  5235. .active > .site-button {
  5236.     background-color: #d8a409;
  5237.     color: #fff;
  5238. }
  5239. .site-button-secondry {
  5240.     background-color: #282A3C;
  5241. }
  5242. .site-button-secondry:active,
  5243. .site-button-secondry:hover,
  5244. .site-button-secondry:focus,
  5245. .active > .site-button-secondry {
  5246.     background-color: #3c3e4e;
  5247.     color: #fff;
  5248. }
  5249. .site-button.text-uppercase {
  5250.     text-transform: uppercase;
  5251. }
  5252. /*====| - Button_Size |====*/
  5253. .button-sm {
  5254.     padding: 5px 10px;
  5255.     font-size: 12px;
  5256. }
  5257. .button-md {
  5258.     padding: 15px 30px;
  5259.     font-size: 16px;
  5260.     font-weight:500;
  5261. }
  5262. .button-lg {
  5263.     font-size: 18px;
  5264.     font-weight: 600;
  5265.     padding: 18px 35px;
  5266. }
  5267. .button-xl {
  5268.     font-size: 22px;
  5269.     padding: 25px 35px;
  5270. }
  5271. /*====| - Button_Rounded |====*/
  5272. .radius-no {
  5273.     border-radius: 0;
  5274.     -webkit-border-radius: 0;
  5275. }
  5276. .radius-sm {
  5277.     border-radius: 4px;
  5278.     -webkit-border-radius: 4px;
  5279. }
  5280. .radius-xl {
  5281.     border-radius: 100px;
  5282.     -webkit-border-radius: 100px;
  5283. }
  5284. .radius-md {
  5285.     border-radius: 8px;
  5286.     -webkit-border-radius: 8px;
  5287. }
  5288. /*====| - Button_Colors |====*/
  5289. .site-button.white {
  5290.     background-color: #fff;
  5291.     color: #777;
  5292. }
  5293. .site-button.white:hover,
  5294. .site-button.white:active,
  5295. .site-button.white:focus {
  5296.     background-color: #F4F4F4;
  5297.     color: #555;
  5298. }
  5299. /* -- black -- */
  5300.  
  5301. .site-button.black {
  5302.     background-color: #171717;
  5303.     color: #fff;
  5304. }
  5305. .site-button.black:hover,
  5306. .site-button.black:active,
  5307. .site-button.black:focus {
  5308.     background-color: #000;
  5309.     color: #fff;
  5310. }
  5311. /* -- Gray -- */
  5312.  
  5313. .site-button.gray {
  5314.     background-color: #666666;
  5315.     color: #fff;
  5316. }
  5317. .site-button.gray:hover,
  5318. .site-button.gray:active,
  5319. .site-button.gray.active,
  5320. .site-button.gray:focus {
  5321.     background-color: #555555;
  5322.     color: #fff;
  5323. }
  5324. /* -- pink -- */
  5325.  
  5326. .site-button.pink {
  5327.     background-color: #ff3c85;
  5328.     color: #fff;
  5329. }
  5330. .site-button.pink:hover,
  5331. .site-button.pink:active,
  5332. .site-button.pink.active,
  5333. .site-button.pink:focus {
  5334.     background-color: #ef2c75;
  5335.     color: #fff;
  5336. }
  5337. /* -- Blue -- */
  5338.  
  5339. .site-button.blue {
  5340.     background-color: #00c5dc;
  5341.     color: #fff;
  5342. }
  5343. .site-button.blue:hover,
  5344. .site-button.blue:active,
  5345. .site-button.blue.active,
  5346. .site-button.blue:focus {
  5347.     background-color: #00b5cc;
  5348.     color: #fff;
  5349. }
  5350. /* -- Green -- */
  5351.  
  5352. .site-button.green {
  5353.     background-color: #34bfa3;
  5354.     color: #fff;
  5355. }
  5356. .site-button.green:hover,
  5357. .site-button.green:active,
  5358. .site-button.green.active,
  5359. .site-button.green:focus {
  5360.     background-color: #24af93;
  5361.     color: #fff;
  5362. }
  5363. /* -- Orange -- */
  5364.  
  5365. .site-button.orange {
  5366.     background-color: #EF9800;
  5367.     color: #fff;
  5368. }
  5369. .site-button.orange:hover,
  5370. .site-button.orange:active,
  5371. .site-button.orange.active,
  5372. .site-button.orange:focus {
  5373.     background-color: #df8800;
  5374.     color: #fff;
  5375. }
  5376. /* -- Red -- */
  5377.  
  5378. .site-button.red {
  5379.     background-color: #f0526d;
  5380.     color: #fff;
  5381. }
  5382. .site-button.red:hover,
  5383. .site-button.red:active,
  5384. .site-button.red.active,
  5385. .site-button.red:focus {
  5386.     background-color: #F22D4E;
  5387.     color: #fff;
  5388. }
  5389. /* -- Brown -- */
  5390.  
  5391. .site-button.brown {
  5392.     background-color: #484a5c;
  5393.     color: #fff;
  5394. }
  5395. .site-button.brown:hover,
  5396. .site-button.brown:active,
  5397. .site-button.brown.active,
  5398. .site-button.brown:focus {
  5399.     background-color: #383a4c;
  5400.     color: #fff;
  5401. }
  5402. /* -- Yellow -- */
  5403.  
  5404. .site-button.yellow {
  5405.     background-color: #ffb822;
  5406.     color: #fff;
  5407. }
  5408. .site-button.yellow:hover,
  5409. .site-button.yellow:active,
  5410. .site-button.yellow.active,
  5411. .site-button.yellow:focus {
  5412.     background-color: #efa812;
  5413.     color: #fff;
  5414. }
  5415. /* -- purple -- */
  5416.  
  5417. .site-button.purple {
  5418.     background-color: #8862B9;
  5419.     color: #fff;
  5420. }
  5421. .site-button.purple:hover,
  5422. .site-button.purple:active,
  5423. .site-button.purple.active,
  5424. .site-button.purple:focus {
  5425.     background-color: #7852a9;
  5426.     color: #fff;
  5427. }
  5428. /* -- white -- */
  5429. .site-button.white {
  5430.     background-color: #fff;
  5431.     color: #777;
  5432. }
  5433. .site-button.white:hover,
  5434. .site-button.white:active,
  5435. .site-button.white:focus {
  5436.     background-color: #F4F4F4;
  5437.     color: #555;
  5438. }
  5439. /* -- Graphical -- */
  5440. .site-button.graphical {
  5441.     color: #fff;
  5442.     border-radius: 3px;
  5443.     text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  5444.     box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 3px -1px rgba(45, 60, 72, 0.5);
  5445.     border: 1px solid rgba(0, 0, 0, 0.15);
  5446. }
  5447. .site-button.graphical:active {
  5448.     box-shadow: 0 2px 2px rgba(0, 0, 0, .25) inset
  5449. }
  5450. /* -- 3D -- */
  5451. .site-button.button-3d {
  5452.     color: #fff;
  5453.     border-radius: 3px;
  5454.     -webkit-border-radius: 3px;
  5455.     border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  5456.     border-left: none;
  5457.     border-right: none;
  5458.     border-top: none;
  5459. }
  5460. /* -- Outline -- */
  5461. .text-white .site-button.outline {
  5462.     color:#fff;
  5463. }
  5464. .site-button.outline{
  5465.     color:#888;
  5466.     background: none;
  5467.     border-width: 1px;
  5468.     border-style: solid;
  5469.     border-color: inherit;
  5470. }
  5471. .site-button.outline-2 {
  5472.     border-width: 2px;
  5473. }
  5474. .site-button.outline.radius-xl,
  5475. .site-button.outline-2.radius-xl {
  5476.     border-radius:100px;
  5477. }
  5478. /* -- white -- */
  5479.  
  5480. .site-button.outline.white {
  5481.     color: #e7e7e7;
  5482.     border-color: #e7e7e7;
  5483. }
  5484. .site-button.outline.white:hover {
  5485.     color: #666666;
  5486. }
  5487. /* -- black -- */
  5488.  
  5489. .site-button.outline.black {
  5490.     color: #171717;
  5491.     border-color: #171717;
  5492. }
  5493. /* -- gray -- */
  5494.  
  5495. .site-button.outline.gray {
  5496.     color: #666666;
  5497.     border-color: #666666;
  5498. }
  5499. /* -- pink -- */
  5500.  
  5501. .site-button.outline.pink {
  5502.     color: #e63f75;
  5503.     border-color: #e63f75;
  5504. }
  5505. /* -- blue -- */
  5506.  
  5507. .site-button.outline.blue {
  5508.     color: #42b8d4;
  5509.     border-color: #42b8d4;
  5510. }
  5511. /* -- green -- */
  5512.  
  5513. .site-button.outline.green {
  5514.     color: #35b494;
  5515.     border-color: #35b494;
  5516. }
  5517. /* -- orange -- */
  5518.  
  5519. .site-button.outline.orange {
  5520.     color: #e56713;
  5521.     border-color: #e56713;
  5522. }
  5523. /* -- red -- */
  5524.  
  5525. .site-button.outline.red {
  5526.     color: #d93223;
  5527.     border-color: #d93223;
  5528. }
  5529. /* -- brown -- */
  5530.  
  5531. .site-button.outline.brown {
  5532.     color: #69441f;
  5533.     border-color: #69441f;
  5534. }
  5535. /* -- yellow -- */
  5536.  
  5537. .site-button.outline.yellow {
  5538.     color: #EFBB20;
  5539.     border-color: #EFBB20;
  5540. }
  5541. /* -- purple -- */
  5542.  
  5543. .site-button.outline.purple {
  5544.     color: #ae1af7;
  5545.     border-color: #ae1af7;
  5546. }
  5547. /* -- hover -- */
  5548.  
  5549. .site-button.outline:hover {
  5550.     border-color: rgba(0, 0, 0, 0);
  5551.     color: #fff;
  5552. }
  5553. /*====| - Button_Text_Link |====*/
  5554. .site-button-link {
  5555.     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  5556.     border: 0 none;
  5557.     display: inline-block;
  5558.     font-weight: 400;
  5559.     padding: 3px 5px;
  5560. }
  5561. .site-button-link i {
  5562.     margin-left: 2px;
  5563. }
  5564. .site-button-link i.fa-angle-double-right {
  5565.     font-size: 18px;
  5566. }
  5567. .site-button-link.border-link {
  5568.     border-bottom:2px solid rgba(0,0,0,0);
  5569.     border-radius:0;
  5570.     padding:0;
  5571. }
  5572. .site-button-link.border-link:hover {
  5573.     border-bottom:2px solid;
  5574. }  
  5575. /* -- white -- */
  5576.  
  5577. .site-button-link.white {
  5578.     color: #e7e7e7;
  5579. }
  5580. .site-button-link.white:hover,
  5581. .site-button-link.white:active,
  5582. .site-button-link.white:focus {
  5583.     color: #CCC;
  5584. }
  5585. /* -- black -- */
  5586.  
  5587. .site-button-link.black {
  5588.     color: #171717;
  5589. }
  5590. .site-button-link.black:hover,
  5591. .site-button-link.black:active,
  5592. .site-button-link.black:focus {
  5593.     color: #000;
  5594. }
  5595. /* -- Gray -- */
  5596.  
  5597. .site-button-link.gray {
  5598.     color: #666666;
  5599. }
  5600. .site-button-link.gray:hover,
  5601. .site-button-link.gray:active,
  5602. .site-button-link.gray:focus {
  5603.     color: #555555;
  5604. }
  5605. /* -- pink -- */
  5606.  
  5607. .site-button-link.pink {
  5608.     color: #e63f75;
  5609. }
  5610. .site-button-link.pink:hover,
  5611. .site-button-link.pink:active,
  5612. .site-button-link.pink:focus {
  5613.     color: #EF2C75;
  5614. }
  5615. /* -- Blue -- */
  5616.  
  5617. .site-button-link.blue {
  5618.     color: #42b8d4;
  5619. }
  5620. .site-button-link.blue:hover,
  5621. .site-button-link.blue:active,
  5622. .site-button-link.blue:focus {
  5623.     color: #00B5CC;
  5624. }
  5625. /* -- Green -- */
  5626.  
  5627. .site-button-link.green {
  5628.     color: #35b494;
  5629. }
  5630. .site-button-link.green:hover,
  5631. .site-button-link.green:active,
  5632. .site-button-link.green:focus {
  5633.     color: #26a585;
  5634. }
  5635. /* -- Orange -- */
  5636.  
  5637. .site-button-link.orange {
  5638.     color: #E56713;
  5639. }
  5640. .site-button-link.orange:hover,
  5641. .site-button-link.orange:active,
  5642. .site-button-link.orange:focus {
  5643.     color: #d55703;
  5644. }
  5645. /* -- Red -- */
  5646.  
  5647. .site-button-link.red {
  5648.     color: #D93223;
  5649. }
  5650. .site-button-link.red:hover,
  5651. .site-button-link.red:active,
  5652. .site-button-link.red:focus {
  5653.     color: #c51e0f;
  5654. }
  5655. /* -- Brown -- */
  5656.  
  5657. .site-button-link.brown {
  5658.     color: #69441F;
  5659. }
  5660. .site-button-link.brown:hover,
  5661. .site-button-link.brown:active,
  5662. .site-button-link.brown:focus {
  5663.     color: #5f3a15;
  5664. }
  5665. /* -- Yellow -- */
  5666.  
  5667. .site-button-link.yellow {
  5668.     color: #ecc731;
  5669. }
  5670. .site-button-link.yellow:hover,
  5671. .site-button-link.yellow:active,
  5672. .site-button-link.yellow:focus {
  5673.     color: ##d4af19;
  5674. }
  5675. /* -- purple -- */
  5676.  
  5677. .site-button-link.purple {
  5678.     color: #ae1af7;
  5679. }
  5680. .site-button-link.purple:hover,
  5681. .site-button-link.purple:active,
  5682. .site-button-link.purple:focus {
  5683.     color: #9804e1;
  5684. }
  5685. /* Dropdown */
  5686. .dropdown-menu > li > a{
  5687.     padding:10px 20px;
  5688. }
  5689. /*====| - Button_Circle |====*/
  5690. .site-button.circle-sm {
  5691.     width:28px;
  5692.     height:28px;
  5693.     padding: 0;
  5694.     border-radius:40px;
  5695.     font-size:12px;
  5696.     line-height: 27px;
  5697. }
  5698. .site-button.circle {
  5699.     width:40px;
  5700.     height:40px;
  5701.     padding: 0;
  5702.     border-radius:40px;
  5703.     line-height: 39px;
  5704. }
  5705. .site-button.circle-lg {
  5706.     border-radius: 40px;
  5707.     font-size: 20px;
  5708.     height: 55px;
  5709.     padding: 0;
  5710.     width: 55px;
  5711.     line-height: 54px;
  5712. }
  5713. .site-button.sharp-sm {
  5714.     width:28px;
  5715.     height:28px;
  5716.     padding: 0;
  5717.     font-size:12px;
  5718.     line-height: 27px;
  5719. }
  5720. .site-button.sharp {
  5721.     width:40px;
  5722.     height:40px;
  5723.     padding: 0;
  5724.     line-height: 39px;
  5725. }
  5726. .site-button.sharp-lg {
  5727.     font-size: 20px;
  5728.     height: 55px;
  5729.     padding: 0;
  5730.     width: 55px;
  5731.     line-height: 54px;
  5732. }
  5733. /*====| - Social_Icon_Link |====*/
  5734. .site-button-link.facebook{
  5735.     color:#3B5998;
  5736. }
  5737. .site-button-link.google-plus{
  5738.     color:#DE4E43;
  5739. }
  5740. .site-button-link.linkedin{
  5741.     color:#007BB6;
  5742. }
  5743. .site-button-link.instagram{
  5744.     color:#8A5A4E;
  5745. }
  5746. .site-button-link.twitter{
  5747.     color:#1EA1F3;
  5748. }
  5749. .site-button-link.youtube{
  5750.     color:#CE201F;
  5751. }
  5752. .site-button-link.whatsapp{
  5753.     color:#01C854;
  5754. }
  5755. .site-button-link.facebook.hover,
  5756. .site-button-link.google-plus.hover,
  5757. .site-button-link.linkedin.hover,
  5758. .site-button-link.instagram.hover,
  5759. .site-button-link.twitter.hover,
  5760. .site-button-link.youtube.hover,
  5761. .site-button-link.whatsapp.hover{
  5762.     color:inherit;
  5763. }
  5764. .site-button-link.facebook.hover:hover,
  5765. .site-button-link.facebook.hover:focus,
  5766. .site-button-link.facebook.hover:active{
  5767.     color:#3b5998;
  5768. }
  5769. .site-button-link.google-plus.hover:hover,
  5770. .site-button-link.google-plus.hover:focus,
  5771. .site-button-link.google-plus.hover:active{
  5772.     color:#de4e43;
  5773. }
  5774. .site-button-link.linkedin.hover:hover,
  5775. .site-button-link.linkedin.hover:focus,
  5776. .site-button-link.linkedin.hover:active{
  5777.     color:#007bb6;
  5778. }
  5779. .site-button-link.instagram.hover:hover,
  5780. .site-button-link.instagram.hover:focus,
  5781. .site-button-link.instagram.hover:active{
  5782.     color:#8a5a4e;
  5783. }
  5784. .site-button-link.twitter.hover:hover,
  5785. .site-button-link.twitter.hover:focus,
  5786. .site-button-link.twitter.hover:active{
  5787.     color:#1ea1f3;
  5788. }
  5789. .site-button-link.youtube.hover:hover,
  5790. .site-button-link.youtube.hover:focus,
  5791. .site-button-link.youtube.hover:active{
  5792.     color:#ce201f;
  5793. }
  5794. .site-button-link.whatsapp.hover:hover,
  5795. .site-button-link.whatsapp.hover:focus,
  5796. .site-button-link.whatsapp.hover:active{
  5797.     color:#01c854;
  5798. }
  5799. /*====| - Social_Button |====*/
  5800. .site-button.facebook{
  5801.     background-color:#3B5998;
  5802. }
  5803. .site-button.facebook:hover,
  5804. .site-button.facebook:focus,
  5805. .site-button.facebook:active{
  5806.     background-color:#4b69a8;
  5807. }
  5808. .site-button.google-plus{
  5809.     background-color:#DE4E43;
  5810. }
  5811. .site-button.google-plus:hover,
  5812. .site-button.google-plus:focus,
  5813. .site-button.google-plus:active{
  5814.     background-color:#fe6e63;
  5815. }
  5816. .site-button.linkedin{
  5817.     background-color:#007BB6;
  5818. }
  5819. .site-button.linkedin:hover,
  5820. .site-button.linkedin:focus,
  5821. .site-button.linkedin:active{
  5822.     background-color:#209bd6;
  5823. }
  5824. .site-button.instagram{
  5825.     background-color:#8A5A4E;
  5826. }
  5827. .site-button.instagram:hover,
  5828. .site-button.instagram:focus,
  5829. .site-button.instagram:active{
  5830.     background-color:#aa7a6e;
  5831. }
  5832. .site-button.twitter{
  5833.     background-color:#1EA1F3;
  5834. }
  5835. .site-button.twitter:hover,
  5836. .site-button.twitter:focus,
  5837. .site-button.twitter:active{
  5838.     background-color:#0e91e3;
  5839. }
  5840. .site-button.youtube{
  5841.     background-color:#CE201F;
  5842. }
  5843. .site-button.youtube:hover,
  5844. .site-button.youtube:focus,
  5845. .site-button.youtube:active{
  5846.     background-color:#ee403f;
  5847. }
  5848. .site-button.whatsapp{
  5849.     background-color:#01C854;
  5850. }
  5851. .site-button.whatsapp:hover,
  5852. .site-button.whatsapp:focus,
  5853. .site-button.whatsapp:active{
  5854.     background-color:#00a834;
  5855. }
  5856. /*====| - Social_Button_Outline |====*/
  5857. .site-button.facebook.outline,
  5858. .site-button.google-plus.outline,
  5859. .site-button.instagram.outline,
  5860. .site-button.linkedin.outline,
  5861. .site-button.twitter.outline,
  5862. .site-button.youtube.outline,
  5863. .site-button.whatsapp.outline{
  5864.     background-color:rgba(0,0,0,0);
  5865.     border: 1px solid;
  5866. }
  5867. .site-button.facebook.outline{
  5868.     color:#3B5998;
  5869. }
  5870. .site-button.google-plus.outline{
  5871.     color:#DE4E43;
  5872. }
  5873. .site-button.linkedin.outline{
  5874.     color:#007BB6;
  5875. }
  5876. .site-button.instagram.outline{
  5877.     color:#8A5A4E;
  5878. }
  5879. .site-button.twitter.outline{
  5880.     color:#1EA1F3;
  5881. }
  5882. .site-button.youtube.outline{
  5883.     color:#CE201F;
  5884. }
  5885. .site-button.whatsapp.outline{
  5886.     color:#01C854;
  5887. }
  5888. /* Outline Hover */
  5889. .site-button.facebook.outline:hover,
  5890. .site-button.facebook.outline:focus,
  5891. .site-button.facebook.outline:active{
  5892.     background-color:#4b69a8;
  5893.     color:#fff;
  5894. }
  5895. .site-button.google-plus.outline:hover,
  5896. .site-button.google-plus.outline:focus,
  5897. .site-button.google-plus.outline:active{
  5898.     background-color:#fe6e63;
  5899.     color:#fff;
  5900. }
  5901. .site-button.linkedin.outline:hover,
  5902. .site-button.linkedin.outline:focus,
  5903. .site-button.linkedin.outline:active{
  5904.     background-color:#209bd6;
  5905.     color:#fff;
  5906. }
  5907. .site-button.instagram.outline:hover,
  5908. .site-button.instagram.outline:focus,
  5909. .site-button.instagram.outline:active{
  5910.     background-color:#aa7a6e;
  5911.     color:#fff;
  5912. }
  5913. .site-button.twitter.outline:hover,
  5914. .site-button.twitter.outline:focus,
  5915. .site-button.twitter.outline:active{
  5916.     background-color:#0e91e3;
  5917.     color:#fff;
  5918. }
  5919. .site-button.youtube.outline:hover,
  5920. .site-button.youtube.outline:focus,
  5921. .site-button.youtube.outline:active{
  5922.     background-color:#ee403f;
  5923.     color:#fff;
  5924. }
  5925. .site-button.whatsapp.outline:hover,
  5926. .site-button.whatsapp.outline:focus,
  5927. .site-button.whatsapp.outline:active{
  5928.     background-color:#00a834;
  5929.     color:#fff;
  5930. }
  5931. @media only screen and (max-width: 991px) {
  5932.     .button-layout .site-button-link,
  5933.     .button-layout .site-secondry,
  5934.     .button-layout .site-button,
  5935.     .button-layout .btn {
  5936.          margin-bottom:10px;
  5937.     }
  5938. }
  5939. /* Social White */
  5940. .site-button.white.facebook,
  5941. .site-button.white.google-plus,
  5942. .site-button.white.instagram,
  5943. .site-button.white.linkedin,
  5944. .site-button.white.twitter,
  5945. .site-button.white.youtube,
  5946. .site-button.white.whatsapp{
  5947.     background:#fff;
  5948. }
  5949. .site-button.white.facebook{
  5950.     color:#3B5998;
  5951. }
  5952. .site-button.white.google-plus{
  5953.     color:#DE4E43;
  5954. }
  5955. .site-button.white.linkedin{
  5956.     color:#007BB6;
  5957. }
  5958. .site-button.white.instagram{
  5959.     color:#8A5A4E;
  5960. }
  5961. .site-button.white.twitter{
  5962.     color:#1EA1F3;
  5963. }
  5964. .site-button.white.youtube{
  5965.     color:#CE201F;
  5966. }
  5967. .site-button.white.whatsapp{
  5968.     color:#01C854;
  5969. }
  5970. .site-button.white.facebook:hover,
  5971. .site-button.white.google-plus:hover,
  5972. .site-button.white.instagram:hover,
  5973. .site-button.white.linkedin:hover,
  5974. .site-button.white.twitter:hover,
  5975. .site-button.white.youtube:hover,
  5976. .site-button.white.whatsapp:hover{
  5977.     color:#fff;
  5978. }
  5979. .site-button.white.facebook:hover{
  5980.     background-color:#3B5998;
  5981. }
  5982. .site-button.white.google-plus:hover{
  5983.     background-color:#DE4E43;
  5984. }
  5985. .site-button.white.linkedin:hover{
  5986.     background-color:#007BB6;
  5987. }
  5988. .site-button.white.instagram:hover{
  5989.     background-color:#8A5A4E;
  5990. }
  5991. .site-button.white.twitter:hover{
  5992.     background-color:#1EA1F3;
  5993. }
  5994. .site-button.white.youtube:hover{
  5995.     background-color:#CE201F;
  5996. }
  5997. .site-button.white.whatsapp:hover{
  5998.     background-color:#01C854;
  5999. }
  6000. /*====| - Filter_Buttons |====*/
  6001. .site-filters {
  6002.     margin-bottom: 30px;
  6003. }
  6004. .site-filters ul {
  6005.     margin: 0;
  6006.     list-style: none;
  6007. }
  6008. .site-filters li {
  6009.     display: inline-block;
  6010.     padding: 0;
  6011.     margin-bottom:3px;
  6012. }
  6013. .site-filters li.btn {
  6014.     box-shadow: none;
  6015.     -webkit-box-shadow: none;
  6016.     outline: none !important;
  6017. }
  6018. .site-filters li input {
  6019.     display: none;
  6020. }
  6021. .site-filters a {
  6022.     margin: 0 5px 5px 0;
  6023. }
  6024. .site-filters .active > [class*="site-button"] {
  6025.     color: #fff;
  6026.     background-color: #EFBB20;
  6027. }
  6028. .site-filters.center {
  6029.     text-align: center;
  6030. }
  6031. .site-filters.center ul {
  6032.     display: inline-block;
  6033.     margin: auto;
  6034. }
  6035. .site-filters.center [class*="site-button"] {
  6036.     display: inline-block;
  6037.     margin: 0 5px 10px;
  6038.     text-transform: uppercase;
  6039. }
  6040. @media only screen and (max-width: 480px) {
  6041.     .site-filters.center [class*="site-button"] {
  6042.         margin: 0 1px 5px;
  6043.         padding: 5px 10px;
  6044.         font-size: 12px;
  6045.     }
  6046. }
  6047. /*====| 24.2 > Title_Separators |====*/
  6048. .separator-outer {
  6049.     overflow: hidden;
  6050. }
  6051. .separator {
  6052.     display: inline-block;
  6053.     height: 3px;
  6054.     width: 80px;
  6055.     margin-bottom: 10px;
  6056.     position: relative;
  6057. }
  6058. .separator.w3 {
  6059.     width: 30px;
  6060. }
  6061. .separator.w4 {
  6062.     width: 40px;
  6063. }
  6064. .separator.w5 {
  6065.     width: 50px;
  6066. }
  6067. .separator.w6 {
  6068.     width: 60px;
  6069. }
  6070. .separator.w7 {
  6071.     width: 70px;
  6072. }
  6073. .separator.style-liner {
  6074.     width: 20px;
  6075. }
  6076. .separator.style-icon {
  6077.     width: 30px;
  6078.     height: auto;
  6079.     text-align: center;
  6080.     font-size: 20px;
  6081. }
  6082. .separator[class*="style-"]:after,
  6083. .separator[class*="style-"]:before {
  6084.     content: "";
  6085.     position: absolute;
  6086.     top: 50%;
  6087.     left: 40px;
  6088.     width: 70px;
  6089.     height: 2px;
  6090.     background: #eee;
  6091.     -webkit-transform: translateY(-50%);
  6092.     -ms-transform: translateY(-50%);
  6093.     transform: translateY(-50%);
  6094. }
  6095. .separator[class*="style-"]:before {
  6096.     left: auto;
  6097.     right: 40px;
  6098. }
  6099. .separator.bnr-title{
  6100.     height:1px;
  6101.     width: 155px;
  6102.     opacity: 0.5;
  6103. }
  6104. .separator.bnr-title:before {
  6105.     height: inherit;
  6106.     right: -80px;
  6107.     width: 25px;
  6108. }
  6109. .separator.bnr-title:after {
  6110.     height: inherit;
  6111.     right: -90px;
  6112.     top: 0;
  6113.     width: 6px;
  6114. }
  6115. .separator.bnr-title:before,
  6116. .separator.bnr-title:after{
  6117.     position:absolute;
  6118.     content:"";
  6119.     background-color:inherit;
  6120. }
  6121. .separator.bnr-title i {
  6122.     background-color: inherit;
  6123.     display: block;
  6124.     height: inherit;
  6125.     position: absolute;
  6126.     right: -50px;
  6127.     width: 45px;
  6128. }
  6129. /* Separat Line */
  6130. .separat-line:after,
  6131. .separat-line:before{
  6132.     height: 100%;
  6133.     width: 50%;
  6134.     content: "";
  6135.     left: 110%;
  6136.     position: absolute;
  6137.     background: inherit;
  6138. }
  6139. .separat-line:before{
  6140.     width: 3px;
  6141.     left: 170%;
  6142. }
  6143. /*====| 24.3 > Dividers |====*/
  6144. .divider {
  6145.     height: 1px;
  6146.     position: relative;
  6147.     margin: 30px 0;
  6148. }
  6149. .divider.tb20{
  6150.     margin:20px 0;
  6151. }
  6152. .divider.tb15{
  6153.     margin:15px 0;
  6154. }
  6155. .divider.tb10{
  6156.     margin:10px 0;
  6157. }
  6158. .divider.tb0{
  6159.     margin:0;
  6160. }
  6161. .divider.divider-2px {
  6162.     height: 2px;
  6163. }
  6164. .divider.divider-3px {
  6165.     height: 3px;
  6166. }
  6167. .divider.divider-4px {
  6168.     height: 4px;
  6169. }
  6170. .divider i {
  6171.     position: absolute;
  6172.     width: 30px;
  6173.     height: 30px;
  6174.     text-align: center;
  6175.     line-height: 30px;
  6176.     display: block;
  6177.     border-radius: 100%;
  6178.     -webkit-transform: translateY(-50%);
  6179.     -ms-transform: translateY(-50%);
  6180.     transform: translateY(-50%);
  6181. }
  6182. .divider.icon-left {
  6183.     margin-left: 40px;
  6184. }
  6185. .divider.icon-left i {
  6186.     left: -40px;
  6187. }
  6188. .divider.icon-right {
  6189.     margin-right: 40px;
  6190. }
  6191. .divider.icon-right i {
  6192.     left: auto;
  6193.     right: -40px;
  6194. }
  6195. .divider.icon-center i {
  6196.     left: 50%;
  6197.     margin-left: -5px;
  6198. }
  6199. /*====| 24.4 > Lists_Bullets |====*/
  6200. .list-circle,
  6201. .list-angle-right,
  6202. .list-arrow,
  6203. .list-check,
  6204. .list-checked,
  6205. .list-icon-box,
  6206. .list-chevron-circle,
  6207. .list-hand-point,
  6208. .list-cup,
  6209. .list-pen,
  6210. .list-heart,
  6211. .list-star {
  6212.     margin: 0 0 20px 0;
  6213.     padding: 0;
  6214.     list-style: none;
  6215. }
  6216. .list-circle li,
  6217. .list-angle-right li,
  6218. .list-arrow li,
  6219. .list-check li,
  6220. .list-checked li,
  6221. .list-icon-box li,
  6222. .list-chevron-circle li,
  6223. .list-hand-point li,
  6224. .list-cup li,
  6225. .list-pen li,
  6226. .list-heart li,
  6227. .list-star li {
  6228.     padding: 5px 5px 5px 30px;
  6229.     position: relative;
  6230. }
  6231. .list-circle li:before,
  6232. .list-angle-right li:before,
  6233. .list-arrow li:before,
  6234. .list-check li:before,
  6235. .list-checked li:before,
  6236. .list-icon-box li:before,
  6237. .list-chevron-circle li:before,
  6238. .list-hand-point li:before,
  6239. .list-cup li:before,
  6240. .list-pen li:before,
  6241. .list-heart li:before,
  6242. .list-star li:before {
  6243.     font-family: "themify";
  6244.     position: absolute;
  6245.     left: 0;
  6246.     top: 5px;
  6247.     display: block;
  6248.     font-size: 15px;
  6249.     color: #777;
  6250. }
  6251. .list-circle li:before {
  6252.     font-size: 16px;
  6253. }
  6254. .list-circle li:before {
  6255.     content: "\e724";
  6256. }
  6257. .list-angle-right li:before {
  6258.     content: "\e628";
  6259. }
  6260. .list-arrow li:before {
  6261.     content: "\e661";
  6262. }
  6263. .list-check li:before {
  6264.     content: "\e64c";
  6265. }
  6266. .list-checked li:before {
  6267.     content: "\e64d";
  6268.     font-family: 'themify';
  6269.     font-size: 15px;
  6270. }
  6271. .list-icon-box li:before {
  6272.     content: "\e6e8";
  6273. }
  6274. .list-chevron-circle li:before {
  6275.     content: "\e65d";
  6276. }
  6277. .list-hand-point li:before {
  6278.     content: "\e71b";
  6279. }
  6280. .list-star li:before {
  6281.     content: "\e60a";
  6282. }
  6283. .list-cup li:before {
  6284.     content: "\e641";
  6285. }
  6286. .list-pen li:before {
  6287.     content: "\e61c";
  6288. }
  6289. .list-heart li:before {
  6290.     content: "\e634";
  6291. }
  6292. /*listing before icon color css*/
  6293. .primary li:before {
  6294.     color: #EFBB20;
  6295. }
  6296. .secondry li:before {
  6297.     color: #77C04B;
  6298. }
  6299. .black li:before {
  6300.     color: #000;
  6301. }
  6302. .white li:before {
  6303.     color: #fff;
  6304. }
  6305. .orange li:before {
  6306.     color: #FF6600;
  6307. }
  6308. .green li:before {
  6309.     color: #00CC00;
  6310. }
  6311. .red li:before {
  6312.     color: #FF3737;
  6313. }
  6314. .no-margin {
  6315.     margin: 0 0 0 !important;
  6316.     list-style: none;
  6317. }
  6318. /*====| 24.5 > Accordions |====*/
  6319. .panel {
  6320.     box-shadow: none;
  6321.     -webkit-box-shadow: none;
  6322. }
  6323. .accordion .panel {
  6324.     border: none;
  6325.     border-radius: 0;
  6326.     margin-bottom: -1px;
  6327. }
  6328. .acod-head {
  6329.     position: relative;
  6330. }
  6331. .acod-title {
  6332.     margin-top: 0;
  6333.     margin-bottom: 0;
  6334. }
  6335. .acod-head .fa {
  6336.     margin-right: 5px;
  6337. }
  6338. .acod-head a {
  6339.     display: block;
  6340.     padding: 17px 40px 17px 25px;
  6341.     border: 1px solid #dddddd;
  6342.     border-radius: 4px;
  6343.    
  6344. }
  6345. .acod-head a,
  6346. .acod-head a:hover,
  6347. .acod-head a.collapsed:hover {
  6348.     color: #EFBB20;
  6349. }
  6350. .acod-head a.collapsed,
  6351. .acod-head a.collapsed:after {
  6352.     color: #3d474a;
  6353. }
  6354. .acod-head a:after {
  6355.     font-family:"themify";
  6356.     content: "\e622";
  6357.     float: right;
  6358.     color: #EFBB20;
  6359.     font-size: 16px;
  6360.     letter-spacing: -2px;
  6361.     position: absolute;
  6362.     right: 20px;
  6363.     top: 50%;
  6364.     transform: translateY(-50%);
  6365.     -moz-transform: translateY(-50%);
  6366.     -webkit-transform: translateY(-50%);
  6367.     -o-transform: translateY(-50%);
  6368. }
  6369. .acod-head a.collapsed:after {
  6370.     content: "\e61a";
  6371.     font-size:16px;
  6372.     font-family: "themify";
  6373. }
  6374. .acod-body {
  6375.     border-left: 1px solid #ebedf2;
  6376.     border-right: 1px solid #ebedf2;
  6377.     border-bottom: 1px solid #ebedf2;
  6378.     border-top: 1px solid transparent;
  6379.     margin-top: -1px;
  6380.     border-radius: 0 0 4px 4px;
  6381. }
  6382. .acod-content {
  6383.     margin: 20px;
  6384. }
  6385. /*== accordian space between panel ==*/
  6386.  
  6387. .accordion.space .panel {
  6388.     margin-bottom: 5px;
  6389. }
  6390. /*== accordian background for title ==*/
  6391.  
  6392. .accordion.bg-title .acod-head a {
  6393.     background-color: #F7F8FA;
  6394. }
  6395. /*== accordian title bottom bordered ==*/
  6396. .accordion.border-bottom .acod-head a {
  6397.     border-left: none;
  6398.     border-right: none;
  6399.     border-top: none;
  6400.     padding-left: 0;
  6401. }
  6402. /* Accordion Box */
  6403. .accordion-box .panel{
  6404.     margin-bottom:10px;
  6405. }
  6406. .accordion-box .panel:last-child{
  6407.     margin-bottom:0;
  6408. }
  6409. .accordion-box .acod-head a{
  6410.     padding: 13px 40px 13px 20px;
  6411.     border-radius: 0;
  6412.     border: 1px solid #ededed;
  6413. }
  6414. /* No Gap */
  6415. .no-gap .acod-body{
  6416.     border:0;
  6417. }
  6418. .no-gap .acod-title a {
  6419.     border: 0 none;
  6420.     padding: 10px 0;
  6421. }
  6422. .no-gap .collapse {
  6423.     border: 0 none;
  6424. }
  6425. .no-gap .acod-content {
  6426.     margin:10px 0 10px;
  6427. }
  6428. /*====| 24.6 > Testimonials |====*/
  6429. .testimonial-pic {
  6430.     background: #FFF;
  6431.     width: 100px;
  6432.     height: 100px;
  6433.     position: relative;
  6434.     display: inline-block;
  6435.     border: 5px solid #FFF;
  6436. }
  6437. .testimonial-pic.radius {
  6438.     border-radius: 100%;
  6439.     -webkit-border-radius: 100%;
  6440. }
  6441. .testimonial-pic.radius img {
  6442.     width: 100%;
  6443.     height: 100;
  6444.     border-radius: 100%;
  6445.     -webkit-border-radius: 100%;
  6446. }
  6447. .testimonial-pic.shadow {
  6448.     -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  6449.     -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  6450.     box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  6451. }
  6452. .testimonial-pic.style1{
  6453.     border: 0 none;
  6454.     height: 100px;
  6455.     width: 100px;
  6456. }
  6457. .quote-left,
  6458. .quote-right {
  6459.     position: relative;
  6460. }
  6461. .quote-left:before,
  6462. .quote-right:after {
  6463.     font-family: "FontAwesome";
  6464.     position: absolute;
  6465.     z-index: 10;
  6466.     top: 15px;
  6467. }
  6468. .quote-left:before {
  6469.     content: "\f10d";
  6470.     left: 0;
  6471. }
  6472. .quote-right:after {
  6473.     content: "\f10e";
  6474.     left: auto;
  6475.     right: 0;
  6476. }
  6477. .testimonial-text {
  6478.     padding: 10px;
  6479.     position: relative;
  6480.     font-size:12px;
  6481.     font-family: "Roboto",sans-serif;
  6482.     font-weight: 400;
  6483.     text-align: justify;
  6484. }
  6485. .testimonial-detail {
  6486.     padding: 5px;
  6487. }
  6488. .testimonial-name{
  6489.     font-family: Roboto;
  6490.     font-size: 13px;
  6491.     font-weight: 600;
  6492.     text-transform: uppercase;
  6493. }
  6494. .testimonial-position {
  6495.     font-family: Roboto;
  6496.     font-size: 12px;
  6497.     font-style: inherit;
  6498.     text-transform: uppercase;
  6499. }
  6500. .testimonial-name,
  6501. .testimonial-position {
  6502.     display: block;
  6503. }
  6504. .testimonial-text p:last-child {
  6505.     margin: 0;
  6506. }
  6507. /*testimonial with background image*/
  6508. .testimonial-bg {
  6509.     color: #fff;
  6510. }
  6511. /*====| - Testimonials_1 |====*/
  6512. .testimonial-1 .testimonial-text{
  6513.     background-color: #F4F5F7;
  6514.     padding: 30px;
  6515. }
  6516. .testimonial-1 .testimonial-text:after {
  6517.     content: "";
  6518.     position: absolute;
  6519.     bottom: -15px;
  6520.     left: 50px;
  6521.     width: 0;
  6522.     height: 0;
  6523.     border-left: 15px solid transparent;
  6524.     border-right: 15px solid transparent;
  6525.     border-top: 15px solid #F4F5F7;
  6526. }
  6527. .testimonial-1 .testimonial-detail {
  6528.     padding: 25px 0 20px 20px;
  6529. }
  6530. .testimonial-1 .testimonial-pic {
  6531.     float: left;
  6532.     margin-right: 15px;
  6533.     width: 80px;
  6534.     height: 80px;
  6535. }
  6536. .testimonial-1 .quote-left:before{
  6537.     width: 36px;
  6538.     height: 36px;
  6539.     line-height: 36px;
  6540.     font-size: 16px;
  6541.     background: #EFBB20;
  6542.     color: #FFF;
  6543.     text-align: center;
  6544.     left: 0;
  6545.     top: 65px;
  6546.     border-radius: 100%;
  6547.     -webkit-border-radius: 100%;
  6548. }
  6549. .testimonial-1 .testimonial-name,
  6550. .testimonial-1 .testimonial-position{
  6551.     padding: 2px 0;
  6552. }
  6553. .testimonial-1 .testimonial-name {
  6554.     padding-top: 20px;
  6555. }
  6556. .testimonial-1 .testimonial-position{
  6557.     color: #EFBB20;
  6558. }
  6559. .testimonial-1 .quote-left:before {
  6560.     top: 50px;
  6561. }
  6562. /*testimonial 1 with background image*/
  6563. .testimonial-1.testimonial-bg .testimonial-text {
  6564.     color: #777;
  6565.     background-color: rgba(255, 255, 255, 0.9);
  6566. }
  6567. .testimonial-1.testimonial-bg .testimonial-text:after {
  6568.     border-top-color: rgba(255, 255, 255, 0.9);
  6569. }
  6570. /*====| - Testimonials_2 |====*/
  6571. .testimonial-2{
  6572.     background-color:#fff;
  6573.     padding: 15px 5px;
  6574.     box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
  6575.     text-align:center
  6576. }
  6577. .testimonial-2 .testimonial-text{
  6578.     padding:0;
  6579. }
  6580. .testimonial-2 .testimonial-name,
  6581. .testimonial-3 .testimonial-name{
  6582.     font-weight:600;
  6583.     font-size:13px;
  6584.     text-transform:uppercase;
  6585.     font-family: "Roboto",sans-serif;
  6586.     color:#000;
  6587. }
  6588. .testimonial-2 .testimonial-position,
  6589. .testimonial-3 .testimonial-position{
  6590.     text-transform:uppercase;
  6591.     font-family: "Roboto",sans-serif;
  6592.     color:#888q;
  6593.     font-size:12px;
  6594.     font-style: inherit;
  6595. }
  6596. .testimonial-2 .testimonial-position p,
  6597. .testimonial-3 .testimonial-position p{
  6598.     line-height: 26px;
  6599. }
  6600. .testimonial-2 .testimonial-text,
  6601. .testimonial-3 .testimonial-text{
  6602.     color: #505050;
  6603.     font-family: Roboto;
  6604.     font-size: 16px;
  6605.     font-weight: 500;
  6606.     margin-bottom: 10px;
  6607. }
  6608. .testimonial-2 .testimonial-pic{
  6609.     margin-bottom:15px;
  6610. }
  6611. /*====| - Testimonials_3 |====*/
  6612. .testimonial-3 {
  6613.     margin: auto;
  6614.     max-width: 600px;
  6615.     padding-left: 120px;
  6616.     position: relative;
  6617. }
  6618. .testimonial-3 .testimonial-text{
  6619.     padding:0;
  6620. }
  6621. .testimonial-3 .testimonial-pic {
  6622.     border: 0 none;
  6623.     height: 100px;
  6624.     left: 0;
  6625.     position: absolute;
  6626.     width: 100px;
  6627.     padding:5px;
  6628.     -webkit-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  6629.     -moz-box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  6630.     box-shadow: 2px 3px 6px -3px rgba(0, 0, 0, 0.35);
  6631.    
  6632. }
  6633. .testimonial-3 .testimonial-pic,
  6634. .testimonial-3 .testimonial-pic img{
  6635.     border-radius:0;
  6636. }
  6637. .testimonial-one.owl-btn-3 .owl-prev,
  6638. .testimonial-one.owl-btn-3 .owl-next{
  6639.     margin:0 !important;
  6640. }
  6641. /*====| - Testimonial_Center |====*/
  6642. .testimonial-center .owl-item.active{
  6643.     opacity:0.5;
  6644.     transition:all 0.8s;
  6645.     -moz-transition:all 0.8s;
  6646.     -webkit-transition:all 0.8s;
  6647.     -o-transition:all 0.8s;
  6648.     -ms-transition:all 0.8s;
  6649. }
  6650. .testimonial-center .owl-item.active.center{
  6651.     opacity:1;
  6652.     transition:all 0.8s;
  6653.     -moz-transition:all 0.8s;
  6654.     -webkit-transition:all 0.8s;
  6655.     -o-transition:all 0.8s;
  6656.     -ms-transition:all 0.8s;
  6657. }
  6658. .testimonial-center .item{
  6659.     padding: 15px;
  6660.     overflow:hidden;
  6661.     transition:all 0.8s;
  6662.     -moz-transition:all 0.8s;
  6663.     -webkit-transition:all 0.8s;
  6664.     -o-transition:all 0.8s;
  6665.     -ms-transition:all 0.8s;
  6666. }
  6667. .testimonial-center .owl-item{
  6668.     overflow:hidden;
  6669.     transition:all 0.8s;
  6670.     -moz-transition:all 0.8s;
  6671.     -webkit-transition:all 0.8s;
  6672.     -o-transition:all 0.8s;
  6673.     -ms-transition:all 0.8s;
  6674. }
  6675. .testimonial-center .owl-item.active .item > [class*="testimonial"]{
  6676.     position:relative;
  6677. }
  6678. .testimonial-center .owl-item.active .item > [class*="testimonial"]:after,
  6679. .testimonial-center .owl-item.active .item > [class*="testimonial"]:before {
  6680.     position: absolute;
  6681.     top: -40px;
  6682.     width: 300px;
  6683.     height: 10px;
  6684.     background-color: #000;
  6685.     content: "";
  6686.     display: block;
  6687.     transform: rotate(-45deg);
  6688.     -moz-transform: rotate(-45deg);
  6689.     -webkit-transform: rotate(-45deg);
  6690.     -ms-transform: rotate(-45deg);
  6691.     -o-transform: rotate(-45deg);
  6692.     left: -100px;
  6693.     transition:all 0.8s;
  6694.     -moz-transition:all 0.8s;
  6695.     -webkit-transition:all 0.8s;
  6696.     -o-transition:all 0.8s;
  6697.     -ms-transition:all 0.8s;
  6698.     opacity:0;
  6699. }
  6700. .testimonial-center .owl-item.active .item > [class*="testimonial"]:before {
  6701.     right: -100px;
  6702.     top: auto;
  6703.     left: auto;
  6704.     bottom: -40px;
  6705. }
  6706. .testimonial-center .owl-item.active.center .item > [class*="testimonial"]:after{
  6707.     opacity:1;
  6708.     top: 0;
  6709. }
  6710. .testimonial-center .owl-item.active.center .item > [class*="testimonial"]:before {
  6711.     opacity:1;
  6712.     bottom: 0;
  6713. }
  6714. @media only screen and (max-width: 991px) {
  6715.     .testimonial-center .item{
  6716.         padding: 0px;
  6717.     }
  6718. }
  6719. /*====| 24.7 > Pricing_Table |====*/
  6720. .pricingtable-wrapper.style2 {
  6721.     box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  6722.     padding: 30px;
  6723.     text-align:center;
  6724. }
  6725. .pricingtable-wrapper.style2 .pricingtable-price{
  6726.     padding:0;
  6727.     background-color:rgba(0,0,0,0);
  6728.     border:0;
  6729. }
  6730. .pricingtable-wrapper.style2 .pricingtable-bx{
  6731.     background: rgba(0, 0, 0, 0.02) none repeat scroll 0 0;
  6732.     border-radius: 10px;
  6733.     color: #a0a0a0;
  6734.     display: inline-block;
  6735.     font-size: 13px;
  6736.     margin-top: 20px;
  6737.     padding: 15px 25px;
  6738.     margin-bottom:10px;
  6739. }
  6740. .pricingtable-wrapper.style2 .pricingtable-bx span{
  6741.     font-size: 22px;
  6742. }
  6743. .pricingtable-wrapper.style2.active{
  6744.     margin: -30px -10px 0;
  6745.     padding: 60px 30px;
  6746.     position: relative;
  6747.     z-index: 1;
  6748. }
  6749. .pricingtable-wrapper.style2.active .pricingtable-bx{
  6750.     color:#fff;
  6751. }
  6752. /*====| 24.8 > Counter_Up |====*/
  6753. .counter {
  6754.     position: relative;
  6755. }
  6756. .counter-style-1 .counter{
  6757.     font-size:50px;
  6758.     font-weight:700;
  6759. }
  6760. .counter-style-1 .counter-text{
  6761.     font-size:16px;
  6762.     font-weight: 500;
  6763. }
  6764. .counter-style-1 .icon{
  6765.     font-size:45px;
  6766.     margin-right:10px;
  6767. }
  6768. /*====| 24.9 > Alert_Box |====*/
  6769. .alert{
  6770.     font-family: montserrat;
  6771.     border-radius: 4px;
  6772.     padding: 15px 20px;
  6773. }
  6774. .alert.alert-sm {
  6775.     padding: 5px 15px;
  6776.     font-size: 12px;
  6777. }
  6778. .alert.alert-lg {
  6779.     padding: 25px 15px;
  6780.     font-size: 16px;
  6781. }
  6782. .alert.alert-xl {
  6783.     padding: 35px 15px;
  6784.     font-size: 18px;
  6785. }
  6786. .alert[class*="alert-"] i {
  6787.     margin-right: 8px;
  6788. }
  6789. .alert.no-radius {
  6790.     border-radius: 0;
  6791.     -webkit-border-radius: 0;
  6792.     -moz-border-radius: 0;
  6793. }
  6794. .alert.no-bg {
  6795.     background-color: transparent;
  6796.     border-width: 2px;
  6797. }
  6798. .alert[class*="alert-"] ul {
  6799.     padding-left: 25px;
  6800.     margin-top: 10px;
  6801. }
  6802. .alert[class*="alert-"] ul li:before {
  6803.     color: #a94442;
  6804. }
  6805. /* Alert Color */
  6806. .alert-warning{
  6807.     background-color: #fff3cd;
  6808.     border-color: #ffeeba;
  6809.     color: #856404;
  6810. }
  6811. .alert-success {
  6812.     background-color: #d4edda;
  6813.     border-color: #c3e6cb;
  6814.     color: #155724;
  6815. }
  6816. .alert-info {
  6817.     background-color: #cce5ff;
  6818.     border-color: #b8daff;
  6819.     color: #004085;
  6820. }
  6821. .alert-danger {
  6822.     background-color: #f8d7da;
  6823.     border-color: #f5c6cb;
  6824.     color: #721c24;
  6825. }
  6826. .close {
  6827.     color: #000000;
  6828.     float: right;
  6829.     font-size: 16px;
  6830.     font-weight: 300;
  6831.     line-height: 20px;
  6832.     opacity: 0.3;
  6833.     text-shadow: none;
  6834.     vertical-align: middle;
  6835. }
  6836. /*====| 24.10 > Breadcrumb |====*/
  6837. .breadcrumb-row {
  6838.     background: #f9f9f9;
  6839.     padding: 20px 0;
  6840. }
  6841. .breadcrumb-row ul {
  6842.     margin: 0;
  6843. }
  6844. .breadcrumb-row ul li {
  6845.     padding: 0;
  6846.     margin-right: 3px;
  6847.     color: #fff;
  6848.     display: inline-block;
  6849. }
  6850. .breadcrumb-row ul li:after {
  6851.     content: "\f105";
  6852.     margin-left: 7px;
  6853.     font-family: fontawesome;
  6854. }
  6855. .breadcrumb-row ul li:last-child {
  6856.     color: #676767;
  6857. }
  6858. .breadcrumb-row ul li:last-child:after {
  6859.     display: none;
  6860. }
  6861. /*====| 24.11 > Tables |====*/
  6862. .table > tbody > tr > td,
  6863. .table > tbody > tr > th,
  6864. .table > tfoot > tr > td,
  6865. .table > tfoot > tr > th,
  6866. .table > thead > tr > td,
  6867. .table > thead > tr > th {
  6868.     padding: 10px;
  6869. }
  6870. .table.borderless > tbody > tr > td,
  6871. .table.borderless > tbody > tr > th {
  6872.     border: none;
  6873. }
  6874. /*====| 24.12 > Image_Effects |====*/
  6875. /*use for section*/
  6876. .overlay-black-light,
  6877. .overlay-black-middle,
  6878. .overlay-black-dark,
  6879. .overlay-white-light,
  6880. .overlay-white-middle,
  6881. .overlay-white-dark,
  6882. .overlay-primary-light,
  6883. .overlay-primary-middle,
  6884. .overlay-primary-dark,
  6885. .overlay-primary {
  6886.     position: relative;
  6887. }
  6888. .overlay-black-light:after,
  6889. .overlay-black-middle:after,
  6890. .overlay-black-dark:after,
  6891. .overlay-white-light:after,
  6892. .overlay-white-middle:after,
  6893. .overlay-white-dark:after,
  6894. .overlay-primary-light:after,
  6895. .overlay-primary-middle:after,
  6896. .overlay-primary-dark:after,
  6897. .overlay-primary:after {
  6898.     content: "";
  6899.     position: absolute;
  6900.     left: 0;
  6901.     top: 0;
  6902.     width: 100%;
  6903.     height: 100%;
  6904. }
  6905. .overlay-black-light:after,
  6906. .overlay-black-middle:after,
  6907. .overlay-black-dark:after {
  6908.     background: #000;
  6909. }
  6910. .overlay-white-light:after,
  6911. .overlay-white-middle:after,
  6912. .overlay-white-dark:after {
  6913.     background: #FFF;
  6914. }
  6915. .overlay-primary-light:after,
  6916. .overlay-primary-middle:after,
  6917. .overlay-primary-dark:after,
  6918. .overlay-primary:after {
  6919.     background: ;
  6920. }
  6921. .overlay-black-light:after {
  6922.     opacity: 0.3;
  6923. }
  6924. .overlay-black-middle:after {
  6925.     opacity: 0.5;
  6926. }
  6927. .overlay-black-dark:after {
  6928.     opacity: 0.8;
  6929. }
  6930. .overlay-white-light:after {
  6931.     opacity: 0.5;
  6932. }
  6933. .overlay-white-middle:after {
  6934.     opacity: 0.7;
  6935. }
  6936. .overlay-white-dark:after {
  6937.     opacity: 0.8;
  6938. }
  6939. .overlay-primary-light:after {
  6940.     opacity: 0.3;
  6941. }
  6942. .overlay-primary-middle:after {
  6943.     opacity:0.65;
  6944. }
  6945. .overlay-primary-dark:after,
  6946. .overlay-primary:after {
  6947.     opacity: 0.9;
  6948. }
  6949. .overlay-black-light .container,
  6950. .overlay-black-middle .container,
  6951. .overlay-black-dark .container,
  6952. .overlay-white-light .container,
  6953. .overlay-white-middle .container,
  6954. .overlay-white-dark .container,
  6955. .overlay-primary-light .container,
  6956. .overlay-primary-middle .container,
  6957. .overlay-primary-dark .container,
  6958. .overlay-primary .container,
  6959. .overlay-black-light .container-fluid,
  6960. .overlay-black-middle .container-fluid,
  6961. .overlay-black-dark .container-fluid,
  6962. .overlay-white-light .container-fluid,
  6963. .overlay-white-middle .container-fluid,
  6964. .overlay-white-dark .container-fluid,
  6965. .overlay-primary-light .container-fluid,
  6966. .overlay-primary-middle .container-fluid,
  6967. .overlay-primary-dark .container-fluid,
  6968. .overlay-primary .container-fluid {
  6969.     position: relative;
  6970.     z-index: 1;
  6971. }
  6972. /*use for box*/
  6973. .overlay-bx {
  6974.     position: absolute;
  6975.     left: 0;
  6976.     bottom: 0;
  6977.     width: 100%;
  6978.     height: 100%;
  6979.     text-align: center;
  6980.     z-index: 10;
  6981.     opacity: 0;
  6982.     visibility: hidden;
  6983. }
  6984. .overlay-icon{
  6985.     height: auto;
  6986.     left:0;
  6987.     list-style: outside none none;
  6988.     margin: 0;
  6989.     position: absolute;
  6990.     bottom: -50px;
  6991.     width: 100%;
  6992.     display:table;
  6993.     width: 100%;
  6994.     padding:5px;
  6995.     -webkit-transition: all .2s ease-in-out;
  6996.     -moz-transition: all .2s ease-in-out;
  6997.     -ms-transition: all .2s ease-in-out;
  6998.     -o-transition: all .2s ease-in-out;
  6999.     transition: all .2s ease-in-out;
  7000. }
  7001. .overlay-icon a {
  7002.     display: table-cell;
  7003.     width: 50%;
  7004.     background: rgba(255,255,255,0.9);
  7005.     padding: 10px 10px;
  7006.     font-size: 16px;
  7007. }
  7008. .overlay-icon a:first-child {
  7009.     border-right: 1px solid rgba(0,0,0,0.2);
  7010. }
  7011. .overlay-icon a i {
  7012.     background-color: #FFF;
  7013. }
  7014. .box:hover .overlay-icon{
  7015.     bottom: 0;
  7016. }
  7017. .overlay-icon a:hover  {
  7018.     background: rgba(255,255,255,1);
  7019. }
  7020. .overlay-bx:hover a > i,
  7021. .media:hover .overlay-bx a > i,
  7022. .box-bx:hover .overlay-bx a > i {
  7023.     opacity: 1;
  7024.     visibility: visible;
  7025.     -webkit-transition: all .5s ease-in-out;
  7026.     -moz-transition: all .5s ease-in-out;
  7027.     -ms-transition: all .5s ease-in-out;
  7028.     -o-transition: all .5s ease-in-out;
  7029.     transition: all .5s ease-in-out;
  7030. }
  7031. .overlay-bx:hover,
  7032. .media:hover .overlay-bx,
  7033. .box:hover .overlay-bx,
  7034. .ow-img:hover .overlay-bx,
  7035. .ow-portfolio-img:hover .overlay-bx {
  7036.     opacity: 1;
  7037.     visibility: visible;
  7038. }
  7039. /* show for text */
  7040. .overlay-text {
  7041.     width: 100%;
  7042.     position: absolute;
  7043.     padding: 20px;
  7044.     color: #FFF;
  7045.     left: 0;
  7046.     bottom: 20px;
  7047. }
  7048.  
  7049. /* == >Icon boxes ==*/
  7050. .icon-bx-xl,
  7051. .icon-bx-lg,
  7052. .icon-bx-md,
  7053. .icon-bx-sm,
  7054. .icon-bx-xs {
  7055.     display: inline-block;
  7056.     text-align: center;
  7057.     border-radius: 3px;
  7058. }
  7059. .icon-bx-xl {
  7060.     width: 150px;
  7061.     height: 150px;
  7062.     line-height: 150px;
  7063. }
  7064. .icon-bx-lg {
  7065.     width: 120px;
  7066.     height: 120px;
  7067.     line-height: 120px;
  7068. }
  7069. .icon-bx-md {
  7070.     width: 100px;
  7071.     height: 100px;
  7072.     line-height: 100px;
  7073. }
  7074. .icon-bx-sm {
  7075.     width: 80px;
  7076.     height: 80px;
  7077.     line-height: 80px;
  7078. }
  7079. .icon-bx-xs {
  7080.     width: 40px;
  7081.     height: 40px;
  7082.     line-height: 40px;
  7083. }
  7084. .icon-bx-xl.radius,
  7085. .icon-bx-lg.radius,
  7086. .icon-bx-md.radius,
  7087. .icon-bx-sm.radius,
  7088. .icon-bx-xs.radius {
  7089.     -webkit-border-radius: 100%;
  7090.     -moz-border-radius: 100%;
  7091.     border-radius: 100%;
  7092. }
  7093. .border-1,
  7094. .border-2,
  7095. .border-3,
  7096. .border-4,
  7097. .border-5 {
  7098.     border-style: solid;
  7099. }
  7100. .border-1 {
  7101.     border-width: 1px;
  7102. }
  7103. .border-2 {
  7104.     border-width: 2px;
  7105. }
  7106. .border-3 {
  7107.     border-width: 3px;
  7108. }
  7109. .border-4 {
  7110.     border-width: 4px;
  7111. }
  7112. .border-5 {
  7113.     border-width: 5px;
  7114. }
  7115. .icon-bx-xl i,
  7116. .icon-bx-lg i,
  7117. .icon-bx-md i,
  7118. .icon-bx-sm i,
  7119. .icon-bx-xs i {
  7120.     vertical-align: middle;
  7121. }
  7122. .icon-bx-xl i {
  7123.     font-size: 80px;
  7124. }
  7125. .icon-bx-lg i {
  7126.     font-size: 60px;
  7127. }
  7128. .icon-bx-md i {
  7129.     font-size: 45px;
  7130. }
  7131. .icon-bx-sm i {
  7132.     font-size: 30px;
  7133. }
  7134. .icon-bx-xs i {
  7135.     font-size: 20px;
  7136. }
  7137. .icon-bx-xl img,
  7138. .icon-bx-lg img,
  7139. .icon-bx-md img,
  7140. .icon-bx-sm img,
  7141. .icon-bx-xs img {
  7142.     vertical-align: middle;
  7143.     max-width: 100%;
  7144.     width: auto;
  7145. }
  7146. .icon-bx-xl img {
  7147.     height: 80px;
  7148. }
  7149. .icon-bx-lg img {
  7150.     height: 55px;
  7151. }
  7152. .icon-bx-md img {
  7153.     height: 40px;
  7154. }
  7155. .icon-bx-sm img {
  7156.     height: 30px;
  7157. }
  7158. .icon-bx-xs img {
  7159.     height: 20px;
  7160. }
  7161. /*====| 24.13 > Icon |====*/
  7162. .icon-xl,
  7163. .icon-lg,
  7164. .icon-md,
  7165. .icon-sm,
  7166. .icon-xs {
  7167.     display: inline-block;
  7168.     text-align: center;
  7169. }
  7170. .icon-xl {
  7171.     width: 100px;
  7172. }
  7173. .icon-lg {
  7174.     width: 80px;
  7175. }
  7176. .icon-md {
  7177.     width: 60px;
  7178. }
  7179. .icon-sm {
  7180.     width: 40px;
  7181. }
  7182. .icon-xs {
  7183.     width: 30px;
  7184. }
  7185. .icon-xl i,
  7186. .icon-lg i,
  7187. .icon-md i,
  7188. .icon-sm i,
  7189. .icon-xs i {
  7190.     vertical-align: middle;
  7191. }
  7192. .icon-xl i {
  7193.     font-size: 80px;
  7194.     line-height: 80px;
  7195. }
  7196. .icon-lg i {
  7197.     font-size: 60px;
  7198.     line-height: 60px;
  7199. }
  7200. .icon-md i {
  7201.     font-size: 45px;
  7202.     line-height: 45px;
  7203. }
  7204. .icon-sm i {
  7205.     font-size: 30px;
  7206.     line-height: 30px;
  7207. }
  7208. .icon-xs i {
  7209.     font-size: 20px;
  7210.     line-height: 20px;
  7211. }
  7212. .icon-xl img,
  7213. .icon-lg img,
  7214. .icon-md img,
  7215. .icon-sm img,
  7216. .icon-xs img {
  7217.     vertical-align: middle;
  7218.     max-width: 100%;
  7219.     width: auto;
  7220. }
  7221. .icon-xl img {
  7222.     height: 80px;
  7223. }
  7224. .icon-lg img {
  7225.     height: 70px;
  7226. }
  7227. .icon-md img {
  7228.     height: 50px;
  7229. }
  7230. .icon-sm img {
  7231.     height: 30px;
  7232. }
  7233. .icon-xs img {
  7234.     height: 20px;
  7235. }
  7236. /*== place icon with box ==*/
  7237.  
  7238. .icon-bx-wraper {
  7239.     position: relative;
  7240. }
  7241. .icon-bx-wraper .tilte {
  7242.     margin-top: 0;
  7243. }
  7244. .icon-bx-wraper .after-titile-line {
  7245.     margin-bottom: 10px;
  7246. }
  7247. .icon-bx-wraper p:last-child {
  7248.     margin: 0;
  7249. }
  7250. .icon-content {
  7251.     overflow: hidden;
  7252. }
  7253. /* icon box left aligh */
  7254.  
  7255. .icon-bx-wraper.left .icon-bx-xl,
  7256. .icon-bx-wraper.left .icon-bx-lg,
  7257. .icon-bx-wraper.left .icon-bx-md,
  7258. .icon-bx-wraper.left .icon-bx-sm,
  7259. .icon-bx-wraper.left .icon-bx-xs {
  7260.     float: left;
  7261.     margin-right: 20px;
  7262. }
  7263. .icon-bx-wraper.left .icon-xl,
  7264. .icon-bx-wraper.left .icon-lg,
  7265. .icon-bx-wraper.left .icon-md,
  7266. .icon-bx-wraper.left .icon-sm,
  7267. .icon-bx-wraper.left .icon-xs {
  7268.     float: left;
  7269.     margin-right: 10px;
  7270. }
  7271. /* icon box right aligh */
  7272.  
  7273. .icon-bx-wraper.right {
  7274.     text-align: right;
  7275. }
  7276. .icon-bx-wraper.right .icon-bx-xl,
  7277. .icon-bx-wraper.right .icon-bx-lg,
  7278. .icon-bx-wraper.right .icon-bx-md,
  7279. .icon-bx-wraper.right .icon-bx-sm,
  7280. .icon-bx-wraper.right .icon-bx-xs {
  7281.     float: right;
  7282.     margin-left: 20px;
  7283. }
  7284. .icon-bx-wraper.right .icon-xl,
  7285. .icon-bx-wraper.right .icon-lg,
  7286. .icon-bx-wraper.right .icon-md,
  7287. .icon-bx-wraper.right .icon-sm,
  7288. .icon-bx-wraper.right .icon-xs {
  7289.     float: right;
  7290.     margin-left: 10px;
  7291. }
  7292. /* icon box center aligh */
  7293.  
  7294. .icon-bx-wraper.center {
  7295.     text-align: center;
  7296. }
  7297. [class*="icon-bx-"][class*="bg-"] a {
  7298.     color: #fff;
  7299. }
  7300. [class*="icon-bx-"].bg-white a {
  7301.     color: inherit;
  7302. }
  7303. [class*="icon-bx-"][class*="border-"] {
  7304.     display: table;
  7305.     line-height: normal;
  7306.     margin-left: auto;
  7307.     margin-right: auto;
  7308. }
  7309. [class*="icon-bx-"][class*="border-"] .icon-cell {
  7310.     display: table-cell;
  7311.     vertical-align: middle;
  7312. }
  7313. .icon-bx-wraper.bx-style-1,
  7314. .icon-bx-wraper.bx-style-2 {
  7315.     border-width: 1px;
  7316.     border-style: solid;
  7317.     border-color: #ebedf2;
  7318. }
  7319. .icon-bx-wraper.bx-style-2.center [class*="icon-bx-"],
  7320. .icon-bx-wraper.bx-style-2.left [class*="icon-bx-"],
  7321. .icon-bx-wraper.bx-style-2.right [class*="icon-bx-"] {
  7322.     position: absolute;
  7323. }
  7324. .icon-bx-wraper.bx-style-2.center [class*="icon-bx-"] {
  7325.     position: absolute;
  7326.     top: 0;
  7327.     left: 50%;
  7328.     -webkit-transform: translateY(-50%);
  7329.     -ms-transform: translateY(-50%);
  7330.     transform: translateY(-50%);
  7331. }
  7332. .icon-bx-wraper.bx-style-2.center .icon-bx-xl {
  7333.     margin-left: -75px;
  7334. }
  7335. .icon-bx-wraper.bx-style-2.center .icon-bx-lg {
  7336.     margin-left: -60px;
  7337. }
  7338. .icon-bx-wraper.bx-style-2.center .icon-bx-md {
  7339.     margin-left: -50px;
  7340. }
  7341. .icon-bx-wraper.bx-style-2.center .icon-bx-sm {
  7342.     margin-left: -40px;
  7343. }
  7344. .icon-bx-wraper.bx-style-2.center .icon-bx-xs {
  7345.     margin-left: -20px;
  7346. }
  7347. .icon-bx-wraper.bx-style-2.left [class*="icon-bx-"] {
  7348.     position: absolute;
  7349.     top: auto;
  7350.     left: 0;
  7351.     -webkit-transform: translateX(-50%);
  7352.     -ms-transform: translateX(-50%);
  7353.     transform: translateX(-50%);
  7354. }
  7355. .icon-bx-wraper.bx-style-2.right [class*="icon-bx-"] {
  7356.     position: absolute;
  7357.     top: auto;
  7358.     right: 0;
  7359.     -webkit-transform: translateX(50%);
  7360.     -ms-transform: translateX(50%);
  7361.     transform: translateX(50%);
  7362. }
  7363. /*== media with content box css ==*/
  7364.  
  7365. .box,
  7366. .info,
  7367. .tilte,
  7368. .tilte-inner {
  7369.     position: relative;
  7370. }
  7371. .tilte-inner {
  7372.     display: inline-block;
  7373. }
  7374. .tilte-inner.skew-title:after {
  7375.     content: "";
  7376.     position: absolute;
  7377.     right: -15px;
  7378.     top: 0;
  7379.     width: 50px;
  7380.     height: 100%;
  7381.     z-index: -1;
  7382.     -moz-transform: skewX(20deg);
  7383.     -webkit-transform: skewX(20deg);
  7384.     -o-transform: skewX(20deg);
  7385.     -ms-transform: skewX(20deg);
  7386.     transform: skewX(20deg);
  7387. }
  7388. .box[class*="border-"],
  7389. .info[class*="border-"] {
  7390.     border-color: #eee;
  7391. }
  7392. .info.border-1,
  7393. .info.border-2,
  7394. .info.border-3,
  7395. .info.border-4,
  7396. .info.border-5 {
  7397.     border-top: none;
  7398. }
  7399. /*== before & after for line css ==*/
  7400.  
  7401. .left-border,
  7402. .right-border {
  7403.     position: relative;
  7404. }
  7405. .left-border:before,
  7406. .right-border:before {
  7407.     content: "";
  7408.     position: absolute;
  7409.     top: 5px;
  7410.     width: 1px;
  7411.     height: 90%;
  7412.     background: #CCC;
  7413. }
  7414. .right-border:before {
  7415.     right: 0;
  7416. }
  7417. /*==for images==*/
  7418.  
  7419. .media,
  7420. .post-media {
  7421.     background-color:transparent;
  7422.     position: relative;
  7423. }
  7424. .media img,
  7425. .post-media img {
  7426.     width: 100%;
  7427.     height: auto;
  7428.    
  7429. }
  7430. /* Box Background */
  7431. .box-bg{
  7432.     overflow:hidden;
  7433. }
  7434. .box-bg .site-button{
  7435.     overflow:unset;
  7436. }
  7437. .box-bg .glyph-icon{
  7438.     font-size:50px;
  7439. }
  7440. .box-bg .icon-bx-wraper{
  7441.     background-color: #fff;
  7442.     border: 1px solid rgba(0,0,0,0.05);
  7443. }
  7444. .box-bg .icon-bx-wraper .icon-content p{
  7445.     font-size:14px;
  7446. }
  7447. .box-bg .icon-bx-wraper .icon-content{
  7448.     margin-bottom:20px;
  7449. }
  7450. .box-bg{
  7451.     background-size: cover;
  7452. }
  7453. .box-bg.active .icon-bx-wraper{
  7454.     background-color:rgba(0,0,0,0.70);
  7455. }
  7456. .box-bg .text-primary,
  7457. .box-bg .icon-content .tilte,
  7458. .box-bg .icon-content p,
  7459. .box-bg.active .icon-bx-wraper,
  7460. .box-bg .icon-box-btn .site-button{
  7461.     transition:all 0.8s;
  7462.     -webkit-transition:all 0.8s;
  7463.     -moz-transition:all 0.8s;
  7464.     -o-transition:all 0.8s;
  7465. }
  7466. .box-bg.active .text-primary,
  7467. .box-bg.active .icon-content .tilte,
  7468. .box-bg.active .icon-bx-wraper,
  7469. .box-bg.active .icon-content p,
  7470. .box-bg.active .site-button-link{
  7471.     color:#fff;
  7472.     transition:all 0.8s;
  7473.     -webkit-transition:all 0.8s;
  7474.     -moz-transition:all 0.8s;
  7475.     -o-transition:all 0.8s;
  7476. }
  7477. .box-bg.active .site-button-link{
  7478.     border-bottom: 2px solid #fff;
  7479. }
  7480. .box-bg .icon-box-btn .site-button{
  7481.     border-radius: 0;
  7482.     color: #1abc9c;
  7483.     font-weight: 600;
  7484.     margin-bottom: 0;
  7485. }
  7486. .box-bg .icon-xl i {
  7487.     font-size: 60px;
  7488.     line-height: 60px;
  7489. }
  7490. /* Hover Effects Shadow */
  7491. .fly-box-ho,
  7492. .fly-box,
  7493. .fly-box-ho:hover,
  7494. .fly-box:hover{
  7495.     transition:all 0.5s;
  7496.      -moz-transition:all 0.5s;
  7497.      -webkit-transition:all 0.5s;
  7498. }
  7499. .fly-box{
  7500.      box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  7501. }
  7502. .icon-bx-wraper:hover .fly-box-ho,
  7503. .fly-box-ho:hover,
  7504. .icon-bx-wraper:hover .fly-box,
  7505. .fly-box:hover{
  7506.     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  7507.     -o-transform:translateY(-10px);
  7508.     -moz-transform:translateY(-10px);
  7509.     -webkit-transform:translateY(-10px);
  7510.     transform:translateY(-10px);
  7511. }
  7512. /* ======================
  7513.     25. PAGINATION
  7514. ======================= */
  7515. .pagination-bx .pagination{
  7516.     margin: 0;
  7517.     padding: 10px 0;
  7518.     width:100%;
  7519. }
  7520. .pagination > li:first-child > a,
  7521. .pagination > li:first-child > span {
  7522.     border-bottom-left-radius: 0;
  7523.     border-top-left-radius: 0;
  7524.     margin-left: 0;
  7525. }
  7526. .pagination > li:last-child > a,
  7527. .pagination > li:last-child > span {
  7528.     border-bottom-right-radius: 0;
  7529.     border-top-right-radius: 0;
  7530. }
  7531. .pagination > li > a,
  7532. .pagination > li > span {
  7533.     background-color: #fff;
  7534.     border: 1px solid #efefef;
  7535.     color: #767676;
  7536.     padding: 8px 14px;
  7537.     font-weight: 400;
  7538.     font-family: Roboto;
  7539.     font-size: 14px;
  7540. }
  7541. .pagination > li > a:hover,
  7542. .pagination > li > span:hover,
  7543. .pagination > li > a:focus,
  7544. .pagination > li > span:focus {
  7545.     border-color: transparent;
  7546.     color: #fff;
  7547. }
  7548. .pagination > .active > a,
  7549. .pagination > .active > span,
  7550. .pagination > .active > a:hover,
  7551. .pagination > .active > span:hover,
  7552. .pagination > .active > a:focus,
  7553. .pagination > .active > span:focus {
  7554.     border-color: transparent;
  7555. }
  7556. .pagination > .previous > a,
  7557. .pagination > .next > a {
  7558.     padding: 8px 14px;
  7559.     font-size: 14px;
  7560.     font-weight: 500;
  7561. }
  7562. @media only screen and (max-width: 991px) {
  7563.     .pagination-bx{
  7564.         margin-bottom:30px;
  7565.     }
  7566. }
  7567. /* ======================
  7568.     26. FOOTER
  7569. ======================= */
  7570. footer h1,
  7571. footer h2,
  7572. footer h3,
  7573. footer h4,
  7574. footer h5,
  7575. footer h6,
  7576. footer h1 a,
  7577. footer h2 a,
  7578. footer h3 a,
  7579. footer h4 a,
  7580. footer h5 a,
  7581. footer h6 a,
  7582. footer p,
  7583. footer strong,
  7584. footer b,
  7585. footer,
  7586. footer a,
  7587. footer a:visited,
  7588. footer p a,
  7589. footer a:active,
  7590. footer a:focus,
  7591. footer a:hover {
  7592.     color: #fff;
  7593. }
  7594. /* Widget Color */
  7595. footer .recent-posts-entry .post-title a,
  7596. footer .recent-posts-entry .post-meta ul li,
  7597. footer .recent-posts-entry .post-meta i,
  7598. footer .widget_services ul li a {
  7599.     color: #fff;
  7600. }
  7601. /* Footer Widget */
  7602. footer .widget ul {
  7603.     list-style: none;
  7604. }
  7605. footer .widget_services ul li,
  7606. footer .widget_services ul li:before{
  7607.     transition:all 0.3s;
  7608.     -moz-transition:all 0.3s;
  7609.     -webkit-transition:all 0.3s;
  7610.     -o-transition:all 0.3s;
  7611.     -ms-transition:all 0.3s;
  7612. }
  7613. footer .widget_services ul li:hover{
  7614.     padding: 10px 10px 10px 17px;
  7615.     opacity:0.8;
  7616. }
  7617. footer .widget_services ul li:hover:before{
  7618.     left:5px;
  7619. }
  7620.  
  7621. /* Footer Static */
  7622. .footer-top {
  7623.     background: #193300;
  7624.     background-size: cover;
  7625.     background-position: center;
  7626.     padding: 80px 0 20px;
  7627. }
  7628. .footer-bottom {
  7629.     background-color:#193300;
  7630.     padding: 25px 0;
  7631.     color: #fff;
  7632.     font-size: 14px;
  7633.     border-top:1px solid rgba(255,255,255,0.5);
  7634. }
  7635. .footer-bottom ul {
  7636.     margin: 0;
  7637. }
  7638. footer p {
  7639.     margin-bottom: 10px;
  7640.     line-height: 24px;
  7641. }
  7642. footer p,
  7643. footer li {
  7644.     font-size: 14px;
  7645.     line-height: 22px;
  7646. }
  7647. /* Footer BG Image */
  7648. .daz-footer-img .footer-top,
  7649. .daz-footer-img .footer-bottom{
  7650.     background-color:#193300;
  7651. }
  7652. .daz-footer-img{
  7653.     position:relative;
  7654.     background-size:cover;
  7655.     background-image:url(../images/background/ironpatern.png);
  7656. }
  7657. .daz-footer-img:after{
  7658.     content: "";
  7659.     position: absolute;
  7660.     left: 0;
  7661.     top: 0;
  7662.     width: 100%;
  7663.     height: 100%;
  7664.     opacity: 0.85;
  7665.     background:#273272;
  7666. }
  7667. .daz-footer-img .container,
  7668. .daz-footer-img .container-fluid{
  7669.     z-index:1;
  7670.     position:relative;
  7671. }
  7672. /* Subscribe Form */
  7673. .subscribe-form input{
  7674.     background-color:rgba(0,0,0,0);
  7675.     border:2px solid rgba(255,255,255,0.5);
  7676.     border-radius:30px !important;
  7677.     height:50px;
  7678.     padding:10px 20px;
  7679.     margin-right:5px;
  7680.     color:#fff;
  7681.     font-size:15px;
  7682. }
  7683. .subscribe-form input.radius-no{
  7684.     border-radius:0 !important;
  7685. }
  7686. .subscribe-form .site-button{
  7687.     height:50px;
  7688. }
  7689. .subscribe-form .input-group-btn{
  7690.     padding-left: 10px;
  7691. }
  7692. .subscribe-form .form-control::-moz-placeholder,
  7693. .subscribe-form .form-control::placeholder{
  7694.     color:#fff;
  7695. }
  7696. /* Scroll Top Btn */
  7697. button.scroltop {
  7698.     background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  7699.     border-color: #efbb20;
  7700.     border-radius: 20px;
  7701.     border-style: solid;
  7702.     border-width: 0;
  7703.     bottom: 15px;
  7704.     box-shadow: 2px 2px 12px -5px #000000;
  7705.     color: #efbb20;
  7706.     cursor: pointer;
  7707.     display: none;
  7708.     height: 40px;
  7709.     line-height: 26px;
  7710.     margin: 0;
  7711.     position: fixed;
  7712.     right: 15px;
  7713.     text-align: center;
  7714.     width: 40px;
  7715.     z-index: 999;
  7716. }
  7717. @media only screen and (max-width: 767px) {
  7718.     footer h5.m-b30{
  7719.         margin-bottom:10px;
  7720.     }
  7721. }
  7722. @media only screen and (max-width: 575px) {
  7723.     .footer-bottom .text-center,
  7724.     .footer-bottom .text-left,
  7725.     .footer-bottom .text-right{
  7726.         text-align:center !important;
  7727.     }
  7728.     .footer-top{
  7729.         padding-top: 40px;
  7730.     }
  7731.     .daz-footer .widget{
  7732.         margin-bottom:25px;
  7733.     }
  7734.     .daz-newsbox.widget{
  7735.         margin-bottom:10px;
  7736.     }
  7737. }
  7738.  
  7739. /* ======================
  7740.     27. PAGE-CONTENT
  7741. ======================= */
  7742. .page-wraper {
  7743.     background: #F8F8F8;
  7744. }
  7745. .page-content {
  7746.     margin-top: 0;
  7747.     padding-bottom: 50px;
  7748. }
  7749. .content-area {
  7750.     padding-top: 60px;
  7751. }
  7752. .section-full {
  7753.     position: relative;
  7754. }
  7755. .section-full:last-child {
  7756.     margin-bottom: -50px;
  7757. }
  7758. /*= Section Head Part =*/
  7759.  
  7760. .section-head {
  7761.     margin-bottom: 50px;
  7762. }
  7763. .section-head.no-margin {
  7764.     margin-bottom: 0;
  7765. }
  7766. .section-head h1,
  7767. .section-head h2,
  7768. .section-head h3 {
  7769.     margin-top: 0;
  7770. }
  7771. .title-small {
  7772.     display: block;
  7773.     color: #494949;
  7774.     margin-bottom: 15px;
  7775. }
  7776. .section-head p {
  7777.     padding-top: 10px;
  7778.     font-size: 16px;
  7779.     color: #494949;
  7780. }
  7781. .text-center.section-head p {
  7782.     margin-left: auto;
  7783.     margin-right: auto;
  7784.     max-width: 700px;
  7785. }
  7786. .text-white {
  7787.     color: #FFF;
  7788. }
  7789. .text-white h1,
  7790. .text-white h2,
  7791. .text-white h3,
  7792. .text-white h4,
  7793. .text-white h5,
  7794. .text-white h6,
  7795. .text-white p,
  7796. .text-white .title-small {
  7797.     color: #FFF;
  7798. }
  7799. /*= Section Content Part =*/
  7800. @media only screen and (max-width: 1024px) {
  7801.     .section-full {
  7802.         background-attachment: scroll !important;
  7803.     }
  7804. }
  7805. @media only screen and (max-width: 991px) {
  7806.     .page-content {
  7807.         margin-top: 0;
  7808.     }
  7809. }
  7810. @media only screen and (max-width: 767px) {
  7811.     .section-head p {
  7812.         font-size:14px;
  7813.     }
  7814. }
  7815. /* ======================
  7816.     28. INNER-CONTENT
  7817. ======================= */
  7818. .gallery-listing {
  7819.     list-style: none;
  7820.     margin-bottom:0;
  7821. }
  7822. .gallery-box {
  7823.     margin-bottom: 30px;
  7824. }
  7825. /*====| - Layout_Boxed |====*/
  7826. #bg {
  7827.     background-attachment: fixed;
  7828.     background-size: cover;
  7829. }
  7830. .boxed .page-wraper {
  7831.     max-width: 1200px;
  7832.     margin: 0 auto;
  7833.     position: relative;
  7834.     overflow: hidden;
  7835.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
  7836. }
  7837. .boxed .tp-banner-container,
  7838. .boxed .rev_slider_wrapper {
  7839.     left: 0 !important;
  7840.     width: 100% !important;
  7841. }
  7842. .boxed .tp-rightarrow {
  7843.     right: 0 !important;
  7844. }
  7845. .boxed .tp-leftarrow {
  7846.     left: 0 !important;
  7847. }
  7848. .boxed.footer-fixed .daz-footer {
  7849.     left: 50%;
  7850.     width: 1200px;
  7851.     margin: 0 -600px;
  7852. }
  7853. .boxed .is-fixed .main-bar {
  7854.     left: 50%;
  7855.     width: 1200px;
  7856.     margin: 0 -600px;
  7857. }
  7858. .boxed .is-fixed.header-curve .daz-logo:after {
  7859.     right: auto;
  7860.     left: -15px;
  7861.     width: 90%;
  7862. }
  7863. /*====| - Layout_Frame |====*/
  7864. .frame {
  7865.     padding:30px;
  7866. }
  7867. .frame .page-wraper {
  7868.     margin: 0 auto;
  7869.     position: relative;
  7870.     overflow: hidden;
  7871.     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
  7872. }
  7873. .frame .tp-banner-container,
  7874. .frame .rev_slider_wrapper {
  7875.     left: 0 !important;
  7876.     width: 100% !important;
  7877. }
  7878. .frame .tp-rightarrow {
  7879.     right: 0 !important;
  7880. }
  7881. .frame .tp-leftarrow {
  7882.     left: 0 !important;
  7883. }
  7884. .frame .is-fixed .main-bar {
  7885.     left:0;
  7886.     width: 100%;
  7887.     margin: 0;
  7888. }
  7889. .frame .is-fixed.header-curve .daz-logo:after {
  7890.     right: auto;
  7891.     left: -15px;
  7892.     width: 90%;
  7893. }
  7894. .frame button.scroltop{
  7895.     right:50px;
  7896.     bottom:50px;
  7897. }
  7898. @media only screen and (max-width: 1024px) {
  7899.     .frame {
  7900.         padding:0;
  7901.     }
  7902.     .frame button.scroltop{
  7903.         right:15px;
  7904.         bottom:15px;
  7905.     }
  7906. }
  7907. /*====| - Product_Review |====*/
  7908. ol.commentlist {
  7909.     list-style: none;
  7910.     margin: 0;
  7911. }
  7912. ol.commentlist li {
  7913.     position: relative;
  7914.     padding: 0;
  7915.     margin-bottom: 20px;
  7916.     background: #F7F8FA;
  7917.     padding: 20px;
  7918.     border: 1px dashed #EEEEEE;
  7919. }
  7920. ol.commentlist li img {
  7921.     float: left;
  7922.     border: 5px solid #FFF;
  7923.     width: 80px;
  7924.     height: auto;
  7925. }
  7926. ol.commentlist li .comment-text {
  7927.     padding-left: 100px;
  7928. }
  7929. ol.commentlist li .meta {
  7930.     margin-bottom: 5px;
  7931. }
  7932. ol.commentlist li .meta strong {
  7933.     font-size: 16px;
  7934. }
  7935. ol.commentlist li .meta .time {
  7936.     color: #999;
  7937.     display: block;
  7938.     font-size: 14px;
  7939. }
  7940. ol.commentlist li .description p {
  7941.     margin: 0;
  7942. }
  7943. ol.commentlist li .star-rating {
  7944.     position: absolute;
  7945.     top: 20px;
  7946.     right: 20px;
  7947. }
  7948. .comment-reply-title {
  7949.     margin-top: 0;
  7950. }
  7951. .comment-form [class*="comment-form"] {
  7952.     width: 49%;
  7953. }
  7954. .comment-form label {
  7955.     display: block;
  7956. }
  7957. .comment-form [class*="comment-form"] input,
  7958. .comment-form [class*="comment-form"] textarea {
  7959.     border: 1px solid #CCC;
  7960.     padding: 8px 10px;
  7961.     width: 100%;
  7962. }
  7963. .comment-form {
  7964.     margin: 0 -15px;
  7965. }
  7966. .comment-form [class*="comment-form"],
  7967. .comment-form .form-submit {
  7968.     margin-bottom: 20px;
  7969.     padding: 0 15px;
  7970. }
  7971. .comment-form .form-submit input:active,
  7972. .comment-form .form-submit input:focus,
  7973. .comment-form .form-submit input:hover {
  7974.     background: #037a85;
  7975. }
  7976. .form-box1 .form-control{
  7977.     height:50px;
  7978.     padding:15px 20px;
  7979.     font-size:16px;
  7980.     text-transform:capitalize;
  7981.     border: 2px solid rgba(0, 0, 0, 0.05);
  7982. }
  7983. .form-box1 textarea.form-control{
  7984.     height:150px;
  7985. }
  7986. .form-box1 .form-control:focus,
  7987. .form-box1 .form-control:hover{
  7988.     border: 2px solid rgba(0, 0, 0, 0.2);
  7989. }
  7990. /*====| - Team_Section |====*/
  7991. .team-box-type{
  7992.     border:1px solid rgba(0,0,0,0.1);
  7993. }
  7994. .team-mamber-img,
  7995. .team-info-box{
  7996.     width:70%;
  7997. }
  7998. .team-info-box{
  7999.     padding:20px;
  8000. }
  8001.  
  8002. .team-mamber-img img{
  8003.     width: 100%;
  8004.     height: 100%;
  8005.     position: absolute;
  8006.     top: 0;
  8007.     object-fit: cover;
  8008. }
  8009. .team-mamber-img,
  8010. .team-info-box{
  8011.     display: table-cell;
  8012.     vertical-align: middle;
  8013. }
  8014. .team-box-type,
  8015. .team-info-box {
  8016.     overflow: hidden;
  8017. }
  8018. .team-p-info{
  8019.     list-style:none;
  8020.     padding:0;
  8021.     margin:0;
  8022. }
  8023. .team-p-info li{
  8024.     display:block;
  8025.     width:100%;
  8026.     font-size: 15px;
  8027.     padding: 5px 0;
  8028.     color: #404040;
  8029. }
  8030. @media only screen and (max-width: 767px) {
  8031.     .team-mamber-img, .team-info-box{
  8032.         width:100%;
  8033.         display:block;
  8034.     }
  8035.     .team-mamber-img img{
  8036.         position: unset;
  8037.     }
  8038. }
  8039. /*====| - Loading |====*/
  8040. #loading-area {
  8041.     width: 100%;
  8042.     height: 100%;
  8043.     background-color: #fff;
  8044.     position: fixed;
  8045.     left: 0;
  8046.     top: 0;
  8047.     opacity: 1;
  8048.     z-index: 999999999;
  8049.     background-image: url(../images/loading.svg);
  8050.     background-repeat: no-repeat;
  8051.     background-size: 60px;
  8052.     background-position: center;
  8053. }
  8054. .sticky-top,
  8055. .sticky-top > .side-bar{
  8056.     position:sticky;
  8057.     position: -webkit-sticky;
  8058.     top:100px;
  8059. }
  8060. @media only screen and (max-width: 991px) {
  8061.     .sticky-top{
  8062.         position:unset;
  8063.     }
  8064. }
  8065. /*====| - Spacing_End_Alignment |====*/
  8066. .content-inner{
  8067.     padding-top:80px;
  8068.     padding-bottom:50px;
  8069. }
  8070. .content-inner-1{
  8071.     padding-top:80px;
  8072.     padding-bottom:0px;
  8073. }
  8074. .content-inner-2{
  8075.     padding-top:80px;
  8076.     padding-bottom:80px;
  8077. }
  8078. .content-inner-3{
  8079.     padding-top:50px;
  8080.     padding-bottom:50px;
  8081. }
  8082. /* Mobile Spacing */
  8083. @media only screen and (max-width: 767px) {
  8084.     .content-area {
  8085.         padding-top: 30px;
  8086.     }
  8087.     .page-content{
  8088.         padding-bottom: 30px;
  8089.     }
  8090.     .section-full:last-child {
  8091.         margin-bottom: -30px;
  8092.     }
  8093.     .content-inner {
  8094.         padding-bottom: 20px;
  8095.         padding-top: 30px;
  8096.     }
  8097.     .content-inner-1{
  8098.         padding-top:30px;
  8099.         padding-bottom:0px;
  8100.     }
  8101.     .content-inner-2{
  8102.         padding-top:30px;
  8103.         padding-bottom:30px;
  8104.     }
  8105.     .content-inner-3{
  8106.         padding-top:10px;
  8107.         padding-bottom:30px;
  8108.     }
  8109.     .section-head {
  8110.         margin-bottom: 25px;
  8111.     }
  8112.     .section-head p{
  8113.         padding-top:0;
  8114.     }
  8115.     .side-bar{
  8116.         margin-bottom:30px;
  8117.     }
  8118.     .post-title .post-title{
  8119.         margin-top:10px;
  8120.     }
  8121.     ol.commentlist li .star-rating{
  8122.         position:unset;
  8123.     }
  8124.     .comment-form [class*="comment-form"]{
  8125.         width:100%;
  8126.     }
  8127. }
  8128. /*====| - Google_Recaptcha |====*/
  8129. .g-recaptcha,
  8130. #rc-imageselect {
  8131.     transform:scale(0.9);
  8132.     -webkit-transform:scale(0.9);
  8133.     -moz-transform:scale(0.9);
  8134.     -o-transform:scale(0.9);
  8135.    
  8136.     transform-origin:0 0;
  8137.     -o-transform-origin:0 0;
  8138.     -moz-transform-origin:0 0;
  8139.     -webkit-transform-origin:0 0;
  8140. }
  8141. .recaptcha-box{
  8142.     height:60px;
  8143. }
  8144. @media screen and (max-width: 1280px){
  8145.     #rc-imageselect,
  8146.     .g-recaptcha {
  8147.         transform:scale(0.7);
  8148.         -moz-transform:scale(0.7);
  8149.         -o-transform:scale(0.7);
  8150.         -webkit-transform:scale(0.7);
  8151.        
  8152.         transform-origin:0 0;
  8153.         -moz-transform-origin:0 0;
  8154.         -o-transform-origin:0 0;
  8155.         -webkit-transform-origin:0 0;
  8156.    
  8157.     }
  8158. }
  8159. @media screen and (max-width: 575px){
  8160.     #rc-imageselect,
  8161.     .g-recaptcha {
  8162.         transform:scale(0.7);
  8163.         -moz-transform:scale(0.7);
  8164.         -o-transform:scale(0.7);
  8165.         -webkit-transform:scale(0.7);
  8166.        
  8167.         transform-origin:0 0;
  8168.         -moz-transform-origin:0 0;
  8169.         -o-transform-origin:0 0;
  8170.         -webkit-transform-origin:0 0;
  8171.    
  8172.     }
  8173. }
  8174.  
  8175.  
  8176. /*background fullwidth image our story*/
  8177.  
  8178. @media screen and (max-width: 575px) {
  8179.  
  8180.     .bg-faid{
  8181.        text-align: center;
  8182.        background-position: center;
  8183.     }
  8184.    
  8185. }
  8186.  
  8187.  
  8188. .bg-ourstory{
  8189.     height: 250px;
  8190.     background-size: cover;
  8191.     background-position: center center;
  8192.     display: grid;
  8193.     width: 100%;
  8194.     text-align:left;
  8195.     padding-bottom: 2px;
  8196.     background-image:url(../images/background/Our-Story/Banner-Our-Story.jpg);
  8197.  
  8198. }
  8199.  
  8200. .bg-oh{
  8201.     height: 250px;
  8202.     background-size: cover;
  8203.     background-position: center center;
  8204.     display: grid;
  8205.     width: 100%;
  8206.     text-align:left;
  8207.     padding-bottom: 2px;
  8208.     background-image:url(../images/background/Our-Story/Banner-Our-Story_04.jpg);
  8209.  
  8210. }
  8211.  
  8212.  
  8213. .bg-aafiyat2{
  8214.     height: 250px;
  8215.     background-size: cover;
  8216.     background-position: center center;
  8217.     display: grid;
  8218.     width: 100%;
  8219.     text-align:right ;
  8220.     padding-bottom: 2px;
  8221.     background-image:url(../images/background/Our-Story/Banner-Our-Story_02.jpg);
  8222.  
  8223.  
  8224. }
  8225.  
  8226. .bg-faid{
  8227.     height: 250px;
  8228.     background-size: cover;
  8229.     background-position: center center;
  8230.     display: grid;
  8231.     width: 100%;
  8232.     text-align:left;
  8233.     padding-bottom: 2px;
  8234.     background-image:url(../images/background/Our-Story/Banner-Our-Story_03.jpg);
  8235.     padding-left: 20px;
  8236.  
  8237.  
  8238. }
  8239.  
  8240. .store-fullwidth{
  8241.     padding-top: 20px;
  8242.     padding-bottom: 40px;
  8243. }
  8244.  
  8245. .banner-vission{
  8246.     height: 350px;
  8247.     background-size: cover;
  8248.     background-position: center center;
  8249.     display: grid;
  8250.     width: 100%;
  8251.     text-align:center;
  8252.     text-orientation: center;
  8253.     padding-bottom: 2px;
  8254.     background-image:url(../images/background/Our-mission/Banner-vision.jpg);
  8255.    
  8256. }
  8257.  
  8258. .banner-mission{
  8259.     height: 550px;
  8260.     background-size: cover;
  8261.     background-repeat: no-repeat;
  8262.     background-position: center center;
  8263.     display: grid;
  8264.     width: 100%;
  8265.     text-align:center;
  8266.     padding-bottom: 2px;
  8267.     background-image:url(../images/mock/mission.JPG);
  8268.    
  8269. }
  8270.  
  8271.  
  8272. .story{
  8273.     height: 250px;
  8274.     background-size: cover;
  8275.     background-position: center center;
  8276.     display: grid;
  8277.     width: 100%;
  8278.     text-align:left;
  8279.     padding-bottom: 2px;
  8280.     background-image:url(../images/mock/our-story3.jpg);
  8281.     padding-left: 20px;
  8282.    
  8283.  
  8284. }
  8285.  
  8286. .four-column{
  8287.     padding-top: 2px;
  8288.     padding-bottom: 2px;
  8289.     padding-left: 2px;
  8290.     padding-right: 2px;
  8291. }
  8292.  
  8293.  .two-column{
  8294.     padding-top: 2px;
  8295.     padding-bottom: 2px;
  8296.     padding-left: 2px;
  8297.     padding-right: 2px;
  8298.  }
  8299.  
  8300.  .news{
  8301.     height: 250px;
  8302.     background-size: cover;
  8303.     background-position: center center;
  8304.     display: grid;
  8305.     width: 100%;
  8306.     text-align:left;
  8307.     padding-bottom: 2px;
  8308.     background-image:url(../images/mock/news2.jpg);
  8309.     padding-left: 20px;
  8310.    
  8311.  
  8312. }
  8313.  
  8314. .business{
  8315.     height: 350px;
  8316.     background-size: cover;
  8317.     background-position: center center;
  8318.     display: grid;
  8319.     width: 100%;
  8320.     text-align:center;
  8321.     padding-top: 2px;
  8322.     padding-bottom: 2px;
  8323.     background-image:url(../images/background/business/Banner-Business.jpg);
  8324.     padding-left: 20px;
  8325.  
  8326.  
  8327. }
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!