@charset "utf-8";
/* CSS Document */
html, body                              { height: 100% }



/*------------------------------------------------------------------------- Pages Header/Banner/Contents Starts --*/
.page-header                            { position: relative; padding-top: 10px; padding-bottom: 0px; }
.page-banner                            { background-image: url(../images/textures/white-dots-pattern.png); padding-top: 0px; padding-bottom: 0px; }
.page-banner h1, .page-banner h2, .page-banner h3, .page-banner h4, .page-banner h5
                                        { color: #000; margin: 0px; padding: 0px; }
.page-contents                          { position: relative; padding-top: 50px; padding-bottom: 50px; }
/*------------------------------------------------------------------------- Pages Header/Banner/Contents Ends --*/

/*------------------------------------------------------------------------- Portfolio Starts --*/
#portfolio                              { padding-bottom: 0px }
#options                                { margin-bottom: 10px; font-family: 'Rambla', sans-serif; font-size: 18px; line-height: normal; }
#options ul                             { margin: 0px; padding: 0px; }
#options li                             { display: inline-block; color: #FFF; text-decoration: none; }
#options li a                           { display: inline-block; padding-right: 20px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; margin-right: 1px; background: #7d8085; color: #FFF; text-decoration: none; }
#options li a:hover, #options li a.selected
                                        { background: #289fcf; color: #FFF; text-decoration: none; transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s; }

#portfolio .title                       { color: #666666; margin-top: -Px; font-family: 'Rambla', sans-serif; font-size: 16px; line-height: normal; float: center; }
#portfolio .description                 { color: #666666; margin-top: -Px; font-family: 'Rambla', sans-serif; font-size: 16px; line-height: normal; float: center; clear: both; }
#portfolio .element div img             { background-image: none!important; opacity: 1.0!important; -moz-opacity: 1.0!important; -webkit-opacity: 1.0!important; -khtml-opacity: 1.0!important; }
#portfolio .element                     { margin-bottom: 0px }
/*------------------------------------------------------------------------- Portfolio Ends --*/



/*------------------------------------------------------------------------- Float/Align Starts */
.center                                 { text-align: center }
.f-left                                 { float: left }
.f-right                                { float: right }
/*------------------------------------------------------------------------- Float/Align Ends */

/*------------------------------------------------------------------------- Image Shadow Starts */
.image-shadow                           { background-image: url(); background-position: left bottom; padding-bottom: 24px; background-repeat: no-repeat; }
/*------------------------------------------------------------------------- Image Shadow Ends */

/*------------------------------------------------------------------------- Padding Starts */
.large-padding                          { padding: 50px }
.medium-padding                         { padding: 30px }
.small-padding                          { padding: 20px }
.large-t-b-padding                      { padding-top: 30px; padding-bottom: 30px; }
.medium-t-b-padding                     { padding-top: 10px; padding-bottom: 10px; }
.small-t-b-padding                      { padding-top: 0px; padding-bottom: 10px; }
.large-top-padding                      { padding-top: 0px }
.medium-top-padding                     { padding-top: 20px }
.small-top-padding                      { padding-top: 10px }
.large-bottom-padding                   { padding-bottom: 30px }
.medium-bottom-padding                  { padding-bottom: 20px }
.small-bottom-padding                   { padding-bottom: 10px }
.large-left-padding                     { padding-left: 50px }
.medium-left-padding                    { padding-left: 20px }
.small-left-padding                     { padding-left: 10px }
.large-right-padding                    { padding-right: 50px }
.medium-right-padding                   { padding-right: 20px }
.small-right-padding                    { padding-right: 10px }
/*------------------------------------------------------------------------- Padding Ends */


/*------------------------------------------------------------------------- Media Queries Starts-------------*/
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width:959px)                             { 
	
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:768px) and (max-width:959px)                             { 
	#slidecaption                           { font-size: 50px; line-height: 50px;}
	.slidedescription                       { font-size: 30px; line-height: 28px; padding-top: 10px; padding-bottom: 10px; }
	.view a.info                            { padding-top: 25px!important }	
	input[type="text"], input[type="password"], input[type="email"], textarea, select
	                                        { width: 340px }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px)                             {
	#slidecaption                           { font-size: 50px; line-height: 50px;}
	.slidedescription                       { font-size: 30px; line-height: 28px; padding-top: 8px; padding-bottom: 8px; }
	
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px)                             { 
	#slidecaption                           { display: none; }
	.slidedescription                       { display: none; }	
	#navigation ul                          { display: none; }
	#navigation select                      { display: inline-block; font-family: 'Oswald', sans-serif; font-weight: 300; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; min-width: 420px; font-size: 16px; }
	.page-header                            { position: relative; padding-top: 20px; padding-bottom: 20px; }
	.page-banner                            { background-image: url(../images/textures/white-dots-pattern.png); padding-top: 20px; padding-bottom: 20px; }
	.page-contents                          { position: relative; padding-top: 40px; padding-bottom: 40px; }
	h1                                      { font-size: 28px; line-height: normal; margin-bottom: 15px; position: relative; text-align: center; }
	h2                                      { font-size: 24px; line-height: normal; margin-bottom: 10px; }
	h3                                      { font-size: 20px; line-height: normal; margin-bottom: 8px; }
	h4                                      { font-size: 18px; line-height: normal; margin-bottom: 4px; }
	h5                                      { font-size: 16px; line-height: normal; }
	h6                                      { font-size: 14px; line-height: normal; }
	.large-padding                          { padding: 20px }
	.medium-padding                         { padding: 15px }
	.small-padding                          { padding: 10px }
	.large-t-b-padding                      { padding-top: 0px; padding-bottom: 10px; }
	.medium-t-b-padding                     { padding-top: 15px; padding-bottom: 15px; }
	.small-t-b-padding                      { padding-top: 10px; padding-bottom: 10px; }
	.large-top-padding                      { padding-top: 20px }
	.medium-top-padding                     { padding-top: 15px }
	.small-top-padding                      { padding-top: 10px }
	.large-bottom-padding                   { padding-bottom: 20px }
	.medium-bottom-padding                  { padding-bottom: 15px }
	.small-bottom-padding                   { padding-bottom: 10px }
	.large-left-padding                     { padding-left: 50px }
	.medium-left-padding                    { padding-left: 15px }
	.small-left-padding                     { padding-left: 10px }
	.large-right-padding                    { padding-right: 50px }
	.medium-right-padding                   { padding-right: 15px }
	.small-right-padding                    { padding-right: 10px }
	#options                                { margin-bottom: 20px }
	#options li a                           { display: inline-block; padding-right: 12px; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; margin-right: 1px; background: #7d8085; color: #FFF; text-decoration: none; }
	input[type="text"], input[type="password"], input[type="email"], textarea, select
	                                        { width: 394px }
	.view a.info                            { padding-top: 80px!important }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px)                             { 
	.logo img                               { max-width: 75%; }		
	#slidecaption                           { display: none; }
	.slidedescription                       { display: none; }	
	.social-icons                           { position: relative; overflow: hidden; top: 75%; }
	#navigation ul                          { position: relative; }
	#navigation select                      { display: inline-block; font-family: 'Rambla', sans-serif; font-weight: 300; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 0px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; width: 300px; font-size: 16px; }
	.page-header                            { position: relative; padding-top: 20px; padding-bottom: 20px; }
	.page-banner                            { background-image: url(../images/textures/white-dots-pattern.png); padding-top: 20px; padding-bottom: 20px; }
	.page-contents                          { position: relative; padding-top: 40px; padding-bottom: 40px; }
	h1                                      { font-size: 28px; line-height: normal; margin-bottom: 15px; position: relative; text-align: center; }
	h2                                      { font-size: 24px; line-height: normal; margin-bottom: 10px; }
	h3                                      { font-size: 20px; line-height: normal; margin-bottom: 8px; }
	h4                                      { font-size: 18px; line-height: normal; margin-bottom: 4px; }
	h5                                      { font-size: 16px; line-height: normal; }
	h6                                      { font-size: 14px; line-height: normal; }
	.large-padding                          { padding: 20px }
	.medium-padding                         { padding: 15px }
	.small-padding                          { padding: 10px }
	.large-t-b-padding                      { padding-top: 20px; padding-bottom: 20px; }
	.medium-t-b-padding                     { padding-top: 15px; padding-bottom: 15px; }
	.small-t-b-padding                      { padding-top: 0px; padding-bottom: 10px; }
	.large-top-padding                      { padding-top: 20px }
	.medium-top-padding                     { padding-top: 15px }
	.small-top-padding                      { padding-top: 10px }
	.large-bottom-padding                   { padding-bottom: 20px }
	.medium-bottom-padding                  { padding-bottom: 15px }
	.small-bottom-padding                   { padding-bottom: 10px }
	.large-left-padding                     { padding-left: 50px }
	.medium-left-padding                    { padding-left: 15px }
	.small-left-padding                     { padding-left: 10px }
	.large-right-padding                    { padding-right: 50px }
	.medium-right-padding                   { padding-right: 15px }
	.small-right-padding                    { padding-right: 10px }
	#options                                { margin-bottom: 20px }
	#options li a                           { display: inline-block; padding-right: 12px; padding-top: 10px; padding-bottom: 10px; padding-left: 12px; margin-right: 1px; background: #7d8085; color: #FFF; text-decoration: none; }
	input[type="text"], input[type="password"], input[type="email"], textarea, select
	                                        { width: 275px }
	.view a.info                            { padding-top: 45px!important }
}
/*------------------------------------------------------------------------- Media Queries Ends-------------*/