CSS/custom.css

   1 /*//////////////////////////////////////////////////////////////////////////////////////////*/\r
   2 /* CUSTOM CSS (ADD YOUR CSS HERE!) */\r
   3 /*//////////////////////////////////////////////////////////////////////////////////////////*/\r
   4 \r
   5 /* PLUGIN CSS */\r
   6 @import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');\r
   7 @import url('../plugins/fancybox/fancybox-1.3.4.min.css');\r
   8 @import url('../plugins/fancybox/photoswipe-3.0.5.min.css');\r
   9 @import url('../plugins/hover-animations/hover-animations-1.0.min.css');\r
  10 @import url('../plugins/justinaguilar-animations/animations.css');\r
  11 @import url('../plugins/validation/validation-2.2.min.css');\r
  12 @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');\r
  13 \r
  14 /* PAGE MODULES */\r
  15 body{\r
  16         height: 100%;\r
  17         font-family: 'Open Sans', sans-serif;\r
  18         font-weight:300;\r
  19         color: #005b95;\r
  20         background: url('../img/psbg.png');\r
  21 }\r
  22 h1, .h1{\r
  23         margin-top: 0px;\r
  24         margin-bottom: 30px;\r
  25 }\r
  26 h2, .h2{\r
  27         margin-top: 0px;\r
  28         margin-bottom: 15px;\r
  29         font-size: 20px;\r
  30 }\r
  31 h3.sample1{\r
  32         padding: 5px 5px 5px 5px;\r
  33 }\r
  34 p {\r
  35         margin: 0 0 15px;\r
  36 }\r
  37 #main-header{\r
  38         background: #0072ba;\r
  39 }\r
  40 #main-nav{\r
  41         background: #005b95;\r
  42 }\r
  43 .content-block{\r
  44         background: transparent;\r
  45         padding: 30px 0px;\r
  46 }\r
  47 .service-block{\r
  48         background: transparent;\r
  49         padding: 30px 0px;\r
  50 }\r
  51 .content-block img{\r
  52         margin-bottom: 30px;\r
  53 }\r
  54 .gallery-block{\r
  55         background: transparent;\r
  56         padding: 30px 0px;\r
  57 }\r
  58 .gallery-block img{\r
  59         margin-bottom: 30px;\r
  60 }\r
  61 .form-block{\r
  62         background: transparent;\r
  63         padding: 30px 0px;\r
  64 }\r
  65 .map-block{\r
  66         background: transparent;\r
  67         padding: 30px 0px;\r
  68 }\r
  69 .footer-block{\r
  70         background: transparent;\r
  71         padding: 30px 0px;\r
  72 }\r
  73 .copyright-block{\r
  74         background: #005b95;\r
  75         height:60px;\r
  76         line-height:60px;\r
  77         color:#fff;\r
  78 }\r
  79 .copyright-block a{\r
  80         color:#fff;\r
  81 }\r
  82 #map{\r
  83         height:700px;\r
  84 }\r
  85 #footer-map{\r
  86         height:250px;\r
  87 }\r
  88 [class*="animate-"] .overlay {\r
  89         background: #005995;\r
  90 }\r
  91 \r
  92 /* NAVIGATION */\r
  93 .navbar-nav>li>a {\r
  94         line-height: 60px;\r
  95         height: 60px;\r
  96 }\r
  97 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{\r
  98         color: #005b95;\r
  99         background-color: #149cd7;\r
 100 }\r
 101 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{\r
 102         color: #005b95;\r
 103         background-color: #149cd7;\r
 104 }\r
 105 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{\r
 106         color: #149cd7;\r
 107 }\r
 108 .navbar-default .navbar-nav>li>a{\r
 109         color: #fff;\r
 110 }\r
 111 .navbar-default .navbar-toggle:hover .icon-bar{\r
 112         background-color: #149cd7;\r
 113 }\r
 114 \r
 115 /* RESPONSIVE */\r
 116 @media (min-width: 1230px) {...}\r
 117 \r
 118 @media (min-width: 1022px) {...}\r
 119 \r
 120 @media (max-width: 1021px) {...}\r
 121 \r
 122 @media (min-width: 798px) {...}\r
 123 \r
 124 @media (max-width: 797px) {...}\r
 125 \r
 126 @media (max-width: 598px) {...}\r
 127 \r
 128 @media (max-width: 510px) {...}\r
 129 \r
 130 @media (min-width: 798px) and (max-width: 1021px) {...}\r
 131 \r
 132 @media (min-width: 1022px) and (max-width: 1229px) {...}\r