2 /*=============================================================
3 Authour URL: www.designbootstrap.com
5 http://www.designbootstrap.com/
9 http://opensource.org/licenses/MIT
11 100% Free To use For Personal And Commercial Use.
13 IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
15 ======================================================== */
19 /*================================
21 ==================================*/
23 @import url(http://fonts.googleapis.com/css?family=Roboto); /* GOOGLE FREE FONTS */
26 font-family: 'Roboto', sans-serif;
31 padding-bottom: 120px;
42 /*================================
44 ==================================*/
46 background-color: rgb(35, 133, 161);
47 border-color: transparent;
51 .navbar-default .navbar-nav > li > a,
52 .navbar-default .navbar-nav > li > a:hover {
59 .navbar-default .navbar-toggle .icon-bar {
60 background-color:#fff;
62 /*================================
64 ==================================*/
66 /*STYLE OF BACKGROUND IMAGE*/
68 background: url(http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/home.jpg) no-repeat center center; /*Full Witdth background image*/
70 -webkit-background-size: cover;
71 background-size: cover;
72 -moz-background-size: cover;
75 /*STYLE FOR OVERLAY CLASS - WHICH IS ABOVE IMAGE WITH OPACITY/TRANSPARENCY 0.75*/
78 background-color: rgba(35, 133, 161,0.75); /*.75 opacity of the color so that background image is visible*/
87 font-family: 'Browallia New';
89 /*SMPLE CLASS TO ADJUST SECTION PADDING & HEIGHT*/
91 /*CLASS TO FORMAT TEXT*/
97 /*======================================
98 PARALLAX LIKE / STATS SECTION STYLES
99 =========================================*/
102 background: url(http://www.designbootstrap.com/livedemos/2015/01/18/design-agency/assets/img/stats.jpg) no-repeat center center; /* DEFINE IMAGE PATH CAREFULLY*/
104 -webkit-background-size: cover;
105 background-size: cover;
107 background-attachment: fixed;
110 .parallax-like .overlay {
112 background: rgba(35, 133, 161,0.9);
114 padding-bottom: 60px;
118 /*================================
119 PORTFOLIO / WORK SECTION STYLES
120 ==================================*/
121 .portfolio-item img:hover { /* POSTFOLIO IMAGE BIG ON HOVER */
123 -webkit-transform: scale(1.1, 1.1);
124 -ms-transform: scale(1.1, 1.1);
125 transform: scale(1.1, 1.1);
126 transition-duration: 0.3s;
127 -webkit-transition-duration: 0.3s; /* Safari */
131 /*================================
133 ==================================*/
139 #video-sec .overlay {
140 background-color: rgba(0, 0, 0, 0.85);
149 padding-bottom: 30px;
151 /*================================
152 CLIENTS SECTION STYLES
153 ==================================*/
155 background-color:#f4f4f4;
166 /*================================
167 FOOTER SECTION STYLES
168 ==================================*/
175 background-color: rgb(35, 133, 161);
179 footer a, footer a:hover {
181 text-decoration: none;