/* Font Styles */
@font-face { font-family: 'Gotham-Book'; src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.otf')  format('opentype'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf')  format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GothamBold'; src: url('../fonts/GothamBold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf')  format('truetype'), url('../fonts/GothamBold.svg#GothamBold') format('svg'); font-weight: normal; font-style: normal; }
@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Ourworks css */
#rig { max-width: 1303px; margin: 0 auto; padding: 0; font-size: 0; list-style: none; margin-top: -120px; margin-bottom: 120px; display: inline-block; }
#rig li { display: inline-block; *display: inline; width: 25%; vertical-align: middle; box-sizing: border-box; margin: 0; padding: 0; }
.rig-cell { display: block; position: relative; overflow: hidden; }
.rig-img { display: block; width: 100%; height: auto; border: none; transform: scale(1); transition: all 1s; }
/*#rig li:hover .rig-img { transform: scale(1.05); }*/
.rig-overlay { position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.4); background-size: 50px 50px; opacity: 0; filter: alpha(opacity=0);/*For IE6 - IE8*/ transition: all 0.6s; }
#rig li:hover .rig-overlay { opacity: 0.8; }
.rig-text { padding: 0 30px; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; text-align: center; filter: alpha(opacity=0); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-direction: column; -webkit-box-orient: vertical; flex-direction: column; margin: auto; bottom: 0; right: 0; transition: all .3s; }
.rig-text h4 { font-family: 'Gotham-Book'; color: #fff; text-transform: capitalize; font-size: 14px; margin-top: 0; margin-bottom: 10px; }
.rig-text h2 { font-family: 'GothamBold'; color: #fff; text-transform: capitalize; font-size: 34px; margin-top: 0; margin-bottom: 15px; }
.rig-text p { font-family: 'Roboto', sans-serif; color: #fff; text-transform: capitalize; font-size: 14px; padding: 0 15px; }
.rig-text .divider { width: 10%; height: 2px; background: #fff; margin: 0 auto; display: block; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#rig li:hover .divider { width: 50%; }
#rig li:hover .rig-text { transform: translateY(0px); opacity: 0.9; }

/* Media Queries */
@media (max-width:9000px) {
	#rig li { width: 50%; float: left; }
}
@media (max-width:700px) {
	#rig li { width: 50%; }
}
@media (max-width:640px) {
	#rig li { width: 100%; }
	.rig-text h2 { font-size: 25px; }
	#rig { margin-bottom: 20px; }
}
@media (max-width:550px) {
	.rig-text h2 { font-size: 18px; }
}

@media (max-width:480px) {
	.rig-text { padding: 0 10px; }
}