@charset "utf-8";
/* CSS Document */
html, body                              { height: 100% }
/*------------------------------------------------------------------------- Home Page Starts --*/
#homepage                               { background: url(../images/textures/black-dots-pattern.png); position: relative; overflow: hidden; height: 100%; margin-bottom: -52px; }
#homepage .container                    { height: 100% }
.logo img                               { max-width: 100%; }
.slider-text                            { position: absolute; overflow: hidden; top: 40%; }
#slidecaption                           { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 72px; line-height: 70px; text-transform: uppercase; font-weight: 700; overflow: hidden; color: white; }
.slidedescription                       { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 26px; line-height: 32px; font-weight: 300; padding-top: 14px; padding-bottom: 14px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #FFF; border-bottom-color: #FFF; margin-top: 14px; }
.social-icons                           { position: absolute; overflow: hidden; top: 80%; }
/*------------------------------------------------------------------------- Home Page Ends --*/
/*------------------------------------------------------------------------- Navigation Starts --*/
#navigation                             { position: absolute; overflow: hidden; background: #000; width: 100%; margin: 0px; padding: 0px; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; -khtml-opacity: 0.9; z-index: 1000; }
#navigation. container                  { width: 100% }
#navigation ul                          { width: 100%; margin: 0px; padding: 0px; }
#navigation ul li                       { display: inline-block; margin: 0px; font: 300 18px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0px; }
#navigation a                           { color: #fff; display: block; text-decoration: none; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; margin: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#navigation a:hover                     { background-color: #f2ba16 }
#navigation .current a                  { background-color: #f2ba16 }
#navigation select                      { display: none }
/*------------------------------------------------------------------------- Navigation Ends --*/
/*------------------------------------------------------------------------- Pages Header/Banner/Contents Starts --*/
.page-header                            { position: relative; padding-top: 100px; padding-bottom: 30px; }
.page-banner                            { background-image: url(../images/textures/black-dots-pattern.png); padding-top: 30px; padding-bottom: 30px; }
.page-banner h1, .page-banner h2, .page-banner h3, .page-banner h4, .page-banner h5
                                        { color: #fff; margin: 0px; padding: 0px; }
.page-contents                          { position: relative; padding-top: 50px; padding-bottom: 50px; }
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*------------------------------------------------------------------------- Pages Header/Banner/Contents Ends --*/
/*------------------------------------------------------------------------- About Page Starts --*/
#about                                  { }
#about .column img                      { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#about .column:hover img                { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -khtml-opacity: 0.8; }
/*------------------------------------------------------------------------- About Page Ends --*/
/*------------------------------------------------------------------------- Team Page Start --*/
#team                                   { }
#team .s-icons                          { padding-top: 14px; padding-bottom: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#team .s-icons img:hover                { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -khtml-opacity: 0.8; }
/*------------------------------------------------------------------------- Team Page Ends --*/
/*------------------------------------------------------------------------- Services Page Starts --*/
#services                               { }
#services .description                  { padding-top: 8px }
.small-icons img                        { margin-right: 12px; margin-bottom: 12px; }
#services .more-services                { margin-top: 30px }
#services .column img, #services .columns img
                                        { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#services .column:hover img, #services .columns:hover img
                                        { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -khtml-opacity: 0.8; }
#services ul                            { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#services ul li                         { margin: 0px; padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #35373b; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#services ul li:hover                   { background-color: #35373b }
/*------------------------------------------------------------------------- Services Page Ends --*/
/*------------------------------------------------------------------------- Portfolio Starts --*/
#portfolio                              { padding-bottom: 60px }
#options                                { margin-bottom: 30px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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: 10px; padding-bottom: 10px; padding-left: 20px; margin-right: 1px; background: #303135; color: #FFF; text-decoration: none; }
#options li a:hover, #options li a.selected
                                        { background: #f2ba16; 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 .element                     { padding-bottom: 10px }
/*#portfolio .element img                 { background-image: url(../images/portfolio/shadow.png); background-position: left bottom; padding-bottom: 24px; background-repeat: no-repeat; }_NO__DOTCOMMA__AFTER__*/
#portfolio .element:hover img           { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -khtml-opacity: 0.8; }
#portfolio .title                       { color: #f2ba16; margin-top: -10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; line-height: normal; float: left; }
#portfolio .description                 { float: left; 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: 20px }
/*------------------------------------------------------------------------- Portfolio Ends --*/
/*------------------------------------------------------------------------- Contact Starts --*/
#contact                                { }
.form-element                           { }
.form-element label                     { }
.form-element input.text                { padding-left: 20px; margin-bottom: 10px!important; }
.form-element .textarea                 { padding-left: 20px; margin-bottom: 10px!important; height: 178px; }
.form-element .hightlight               { border: 2px solid #9F1319 }
.form-element #submit                   { }
.loading                                { background: url(../images/progress.gif) no-repeat 1px; height: 28px; width: 28px; display: none; }
.done                                   { display: none }
#contact input[type="submit"]           { margin-top: 20px; height: 50px; width: 120px; font-size: 16px; }
#contact .address                       { }
#contact .address div                   { }
#contact .map                           { }
#contact .map iframe                    { width:100%!important }
#contact .say-hello                     { padding-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff; }
#contact .copyright                     { padding-top: 20px; padding-bottom: 20px; }
/*------------------------------------------------------------------------- Contact Ends */
/*------------------------------------------------------------------------- Image Separators Starts */
.image-separator                        { }
.image-separator .line-top              { background-image: url(../images/line-top.png); background-repeat: repeat-x; height: 6px; }
.image-separator .line-bottom           { background-image: url(../images/line-bottom.png); background-repeat: repeat-x; height: 6px; }
.image-separator .container             { height: 400px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.image-separator .container div         { display: table; max-width: 960px; height: 100%; padding: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.image-separator .container div div     { display: table-cell; vertical-align: middle; color: #fff; text-align: center; }
.image-separator h1, .image-separator h2, .image-separator h3
                                        { color: #fff }
/*------------------------------------------------------------------------- Image Separators Ends */
/*------------------------------------------------------------------------- Pages Main Heading Starts */
h1.one                                  { margin-top: 0 }
h1.one:after                            { content: ""; display: block; border-top: solid 3px #f2ba16; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; }
h1.one span                             { background: #f2ba16; color: #FFF; position: relative; z-index: 5; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; }
h2 span                                 { background: #f2ba16; color: #FFF; position: relative; z-index: 5; padding-top: 0; padding-right: 30px; padding-bottom: 0; padding-left: 30px; }
/*------------------------------------------------------------------------- Pages Main Heading 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(../images/portfolio/shadow.png); 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: 20px; padding-bottom: 20px; }
.small-t-b-padding                      { padding-top: 10px; padding-bottom: 10px; }
.large-top-padding                      { padding-top: 30px }
.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 */
/*------------------------------------------------------------------------- Twitter Starts */
#twitter                                { color: #FFF; padding-top: 8px; padding-bottom: 8px; }
.twitted p.preLoader                    { margin: 0; nowhitespace: afterproperty; padding: 0; text-align: center; /* generate your own loader gif: http://www.ajaxload.info */; background-color: transparent; background-image: url(../images/progress.gif); background-repeat: no-repeat; background-position: center center; height: 32px; ; }
.twitter-icon                           { padding-bottom: 16px }
.twitted ul#twitter_update_list         { margin: 0; padding: 0; list-style-type: none; }
.twitted ul#twitter_update_list li      { padding-top: 6px; padding-bottom: 6px; text-align: center; }
.twitted ul#twitter_update_list li      { /* tweet content */ display: block;  }
.twitted ul#twitter_update_list li a    { /* links in tweet content */ color: #fff; text-align: center;  }
.twitted ul#twitter_update_list li a    { /* timestamp link */ color: #fff;  }
.twitted ul#twitter_update_list li.firstTweet
                                        { }
.twitted ul#twitter_update_list li.lastTweet
                                        { border-bottom: none }
.twitted p.profileLink                  { }
/*------------------------------------------------------------------------- Twitter Ends */
/*------------------------------------------------------------------------- Testimonials Starts */
.testimonials                           { font-style: italic }
.testimonial-icon                       { margin-bottom: 16px }
.testimonials p                         { margin-top: 20px }
/*------------------------------------------------------------------------- Testimonials Ends */
/*------------------------------------------------------------------------- BG & Textures Starts-------------*/
.white-bg                               { background-color: #FFF }
.black-bg                               { background-color: #131314 }
.dark-bg                                { background-color: #1c1e20 }
.yellow-bg                              { background: #303135 }
/*---------White Dotted Textures Starts-------------*/
.dotted-bg                              { background: none!important; background-image: url(../images/white-dots-pattern.png)!important; }
/*---------White Dotted Textures Starts-------------*/
/*---------Dark Dotted Textures Starts-------------*/
.dark-dotted-bg                         { background: none!important; background-image: url(../images/black-dots-pattern.png)!important; }
/*---------Dark Dotted Textures Starts-------------*/
/*---------Light Textures 1 Starts-------------*/
.light-texture-1                        { background-image: url(../images/textures/ligth_grey.png)!important; background-repeat: repeat!important; }
/*---------Light Textures 1 Ends-------------*/
/*---------Dark Textures 1 Starts-------------*/
.dark-texture-1                         { background-image: url(../images/textures/dark_geometric.png); background-repeat: repeat; color: #fff; }
.dark-texture-1 strong, .dark-texture-1 h2, .dark-texture-1 h3, .dark-texture-1 h4, .dark-texture-1 h5, .dark-texture-1 h6
                                        { color: #fff }
.dark-texture-1 a, .dark-texture-1 a:visited
                                        { color: #fff; text-decoration: underline; outline: 0; }
.dark-texture-1 a:hover, .dark-texture-1 a:focus
                                        { color: #fff; text-decoration: none; }
.dark-texture-1 p a, .dark-texture-1 p a:visited
                                        { line-height: inherit }
/*---------Dark Textures 1 Ends-------------*/
/*---------Dark Textures 2 Starts-------------*/
.dark-texture-2                         { background-image: url(../images/textures/dark_matter.png); background-repeat: repeat; color: #fff; }
.dark-texture-2 strong, .dark-texture-2 h1, .dark-texture-2 h2, .dark-texture-2 h3, .dark-texture-2 h4, .dark-texture-2 h5, .dark-texture-2 h6
                                        { color: #fff }
.dark-texture-2 a, .dark-texture-2 a:visited
                                        { color: #fff; text-decoration: underline; outline: 0; }
.dark-texture-2 a:hover, .dark-texture-2 a:focus
                                        { color: #fff; text-decoration: none; }
.dark-texture-2 p a, .dark-texture-2 p a:visited
                                        { line-height: inherit }
/*---------Dark Textures 2 Ends-------------*/
/*---------Dark Textures 3 Starts-------------*/
.dark-texture-3                         { background-image: url(../images/textures/pw_maze_black.png); background-repeat: repeat; color: #fff; }
.dark-texture-3 strong, .dark-texture-3 h1, .dark-texture-3 h2, .dark-texture-3 h3, .dark-texture-3 h4, .dark-texture-3 h5, .dark-texture-3 h6
                                        { color: #fff }
.dark-texture-3 a, .dark-texture-3 a:visited
                                        { color: #fff; text-decoration: underline; outline: 0; }
.dark-texture-3 a:hover, .dark-texture-3 a:focus
                                        { color: #fff; text-decoration: none; }
.dark-texture-3 p a, .dark-texture-3 p a:visited
                                        { line-height: inherit }
/*---------Dark Textures 3 Ends-------------*/
/*------------------------------------------------------------------------- BG & Textures 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; }	
	.social-icons                           { position: absolute; overflow: hidden; top: 75%; }	
	#navigation ul                          { display: none }
	#navigation select                      { display: inline-block; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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: 90px; 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: 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: #303135; 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: absolute; overflow: hidden; top: 75%; }
	#navigation ul                          { display: none }
	#navigation select                      { display: inline-block; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, 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; width: 300px; font-size: 16px; }
	.page-header                            { position: relative; padding-top: 90px; 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: 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: #303135; 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-------------*/