@charset "utf-8";
/* Framework Version 1.2.1 */
/* Reset CSS */a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none!important}
/* End Reset CSS */
/** Font **/
@font-face{font-family:Open Sans;src:url(fonts/openSR.eot);src:url(fonts/openSR.eot?#iefix) format('embedded-opentype'),url(fonts/openSR.woff) format('woff'),url(fonts/openSR.ttf) format('truetype'),url(fonts/openSR.svg#rivFont) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Open Sans;src:url(fonts/openSL.eot);src:url(fonts/openSL.eot?#iefix) format('embedded-opentype'),url(fonts/openS.woff) format('woff'),url(fonts/openSL.ttf) format('truetype'),url(fonts/openSL.svg#rivFont) format('svg');font-weight:300;font-style:normal}
@font-face{font-family:RalwayM;src:url(fonts/RalwayB.eot);src:url(fonts/RalwayB.eot?#iefix) format('embedded-opentype'),url(fonts/RalwayB.woff) format('woff'),url(fonts/RalwayB.ttf) format('truetype'),url(fonts/RalwayB.svg#rivFont) format('svg');font-weight:800;font-style:normal}
@font-face{font-family:proxR;src:url(fonts/proxR.eot);src:url(fonts/proxR.eot?#iefix) format('embedded-opentype'),url(fonts/proxR.woff) format('woff'),url(fonts/proxR.ttf) format('truetype'),url(fonts/proxR.svg#rivFont) format('svg');font-weight:800;font-style:normal}

/** End Font **/

body { font-size:100%; font-family:Open Sans, sans-serif; background-color:#f6f6f6;
 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
-o-user-select: none; user-select: none; }

h1,h2,h3,h4 {  }
.overflow-hidden { position:relative; overflow:hidden; }

.wrap1000 { max-width:1000px; margin:0 auto; display:block; position:relative; }
.wrap1100 { max-width:1100px; margin:0 auto; display:block; position:relative; overflow:hidden; background-color:#fff; }
.wrap1200 { max-width:1200px; margin:0 auto; display:block; position:relative; }
.wrap-fluid { width:100%; overflow:hidden; height:100%; position:relative; }
.content-holder { position:relative; }

.row:after,.row:before{content:"";display:table}.row:after{clear:both}.row{zoom:1}[class*=" col-"],[class^=col-]{margin:0;float:left;position:relative;}.col-1{width:8.33333333333333%}.col-2{width:16.66666666666666%}.col-3{width:25%}.col-4{width:33.33333333%}.col-5{width:41.66666666666665%}.col-6{width:50%}.col-7{width:58.33333333333331%}.col-8{width:66.66666666666664%}.col-9{width:75%}.col-10{width:83.3333333333333%}.col-11{width:91.66666666666663%}.col-12{width:100%}

/* Header */
.logoWrapper { position:relative; }
.logo-div { position:absolute; background:url(../images/texture-grey.png); height:100%; top:0; width:100%; max-width:300px; z-index:997; }
.logo { text-align:center; z-index:999; position:absolute; top:20px; left:35px; }

.banner { position:relative; height:auto; }
.bannerSlider{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0 auto;}.bannerSlider li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}.bannerSlider li:first-child{position:relative;display:block;float:left}.bannerSlider img{display:block;height:auto;float:left;width:100%;border:0; transition:all 0.2s linear;}

.banner-text { font-family:RalwayM; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); font-size:34px; text-transform:uppercase; line-height:32px; padding:15px; position:absolute; bottom:40px; }
.banner-text span { display:block; font-size:45px; margin-bottom:2px; }

.banner .services-text { position:absolute; right:50px; font-family:proxR; text-transform:uppercase; font-size:44px; color:#fff; text-align:left; top:25%; }
.banner .services-text span { display:inline-block; float:right; background:rgba(20,230,255,0.7); padding:5px 10px; }
.banner .services-text font { display:inline-block; float:right; background:url(../images/texture.png) rgba(0,0,0,0.75); padding:7px 10px 5px; font-size:24px; }
hr { margin:0; border-color:transparent; }

.header { background-color:#fff; display:table; min-height:80px; font-family:RalwayM; font-weight:800; position:relative; z-index:998; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.5); transition:0.3s all ease-in-out; }

.header-fixed { top:0px; position:fixed; background-color:#fff; display:table; font-family:RalwayM; font-weight:800; z-index:1000; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.5); height:auto; min-height:inherit; transition:0.3s all ease-in-out; max-width:1100px; }
.header-fixed .nav li a { padding:23px 10px 23px; }
.logo-small { display:none; margin-left:15px; padding:4px 0;}
.header-fixed .logo-small { display:block; }
.logo-big { display:none; }

.nav-wrap { display:table-cell; height:100%; vertical-align:middle; padding-right:15px; }
.nav { text-align:right; font-size:15px; }
.nav > li { margin:0px; width:130px; text-align:center; transition:all ease-in-out 0.2s; text-transform:uppercase; display:inline-block; }
.nav li a { color:#001e96; padding:34px 10px 34px; display:block; transition:all ease-in-out 0.5s; }
.nav li:hover a,.nav li a.active { color:#fff; background-color:#0056b7; box-shadow:inset 0 0 5px rgba(0,0,0,0.5); }

/* Navigation */
.button-nav { display:none; text-align:left; border:none; padding:15px 30px 10px; background: url(../images/nav.png) right center no-repeat; font-size:24px; color:#000; outline:none; margin-right:5px;  text-transform:uppercase; font-weight:600; cursor:pointer; float:right; transition:0.2s all ease-in-out; }

/* */
.icon-box-wrap { margin-bottom:30px; }
.icon-box { padding:50px 30px 20px; text-align:center; }
.icon-box .icon { padding:10px 0 25px; }
.icon-box h1 { font-size:30px; color:#232323; margin-bottom:15px; }
.icon-box .text-wrap { position:relative; height:145px; overflow:hidden; }
.text-overflow { position:absolute; background:url(../images/text-overflow.png) bottom repeat-x; z-index:9; bottom:0; height:50px; width:100%; }
.icon-box p { font-size:; color:#808080; font-size:14px; line-height:21px; }
.icon-box .link-wrap { margin:25px 0 10px; font-size:16px; }
.icon-box .link-wrap a { display: inline-block; color:#808080; transition:0.3s all ease-in-out; cursor:pointer; border:1px #eee solid; padding:7px 15px; }
.icon-box .link-wrap a:hover { color:#00dfd8; }

/* News */
.news-bg { background:  url(../images/news-bg.jpg), url(../images/texture.jpg); background-size:cover auto; padding:25px 0 50px;  box-shadow:inset 0 0 15px rgba(0,0,0,0.2); }
.news-bg h2 { color:#fff; text-align:center; font-size:48px; font-weight:300; padding:20px 0 30px; }

.news-list {}
.news-list li { background-color:#fff; display:inline-block; width: 38%; color:#00beb8; font-size:15px; font-style:italic; line-height:20px; box-shadow:0 0 7px rgba(0,0,0,0.3); vertical-align:top; }
.news-list li .content { padding:20px; }
.news-list li .img { display:table-cell; float:left; height:100%; padding-bottom:70px; padding-right:8px; }
.news-list li h4 { color:#38afa1; font-size:16px; margin-bottom:7px; font-weight:800; font-style:normal; }

.text-center { text-align:center; margin-top:20px;}
.center-btn { display:inline-block; border:#fff 1px solid; font-size:14px;  padding:7px 12px; background-color:#fff; color:#02B9A7; border-radius:2px; margin:0 auto; transition:0.3s all ease-in-out; }
.center-btn:hover { background-color:transparent; color:#fff; }

.center-btn.dark { background-color:#38afa1; color:#fff; font-size:14px; }

/* Client Say */
.client-say-bg { background:#fff; padding:50px 0; }
.client-say-bg h2 { color:#34cdd7; font-size:42px; font-weight:300; text-align:center; margin-bottom:40px; }
.client-say-bg .text-wrap { width:70%; margin:0 auto; color:#34cdd7; line-height:20px; font-size:16px; font-style:italic; }
.client-say-bg .text-wrap i { margin-right:15px; font-size:24px; }
.client-say-bg .text-wrap span { font-size:14px; display:block; text-align:right; margin-top:15px; line-height:14px; }
.client-say-bg .text-wrap small { display:block; font-size:12px; }
/* Footer */

/* Footer */
.footerWrap { border-top:1px #e5e5e5 solid; font-family:proxR; background:#282828; padding:30px 30px 15px; }
.footer h3 { font-size:14px; color:#ffc82f; text-transform:uppercase; margin-bottom:7px; }
.footer p { font-size:13px; line-height:17px; color:#9e9e9e; }
.footerNav { margin-bottom:20px; }
.footerNav a { font-size:13px; color:#9e9e9e; padding:5px 2px; line-height:18px; }
.footerSocial { line-height:20px; color:#757575; text-align:right; padding:7px 0 0; vertical-align:middle; }
.footerSocial a { display:inline-block; margin:0 2px; vertical-align:middle; transition:all 0.4s linear; }
.footerSocial a:first-child { margin-left:8px; }
.footerBtm { background:#000000; color:#d2a36c; font-family:proxR; font-size:13px; text-transform:uppercase; margin:0; }
.footerBtm span { display:block; padding:10px 10px 5px; }
.footerBtm span.right { text-align:right; }
.footerBtm span a { color:#d2a36c; }
.footerBtm span a:hover { color:#390; }

/* End Contact */
@media all and (max-width: 1366px) {
	
}
@media all and (max-width: 1024px) {
}
@media all and (max-width: 840px) {
	.banner { margin-top:60px; }
	.header { top:0px; position:fixed; background-color:#fff; display:table; font-family:RalwayM; font-weight:800; z-index:1000; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.5); height:auto; min-height:inherit; transition:0.3s all ease-in-out; max-width:1100px; }
	.logo-small { display:block; }
	.button-nav { display:block; }
	.nav { display:none; text-align:right; position:absolute; width:100%; right:0; background:#fff; font-size:15px; z-index:9998; top:60px; padding-bottom:15px; }
	.nav li { float:none; text-align:right; width:100%; display:block; border-bottom:1px #eee solid; }
	.nav li a { padding:15px; }
	[class*=" col-"],[class^=col-]{ width:100%; }
	.logo, .logo-div { display:none; }	
	.banner .services-text { font-size:30px; right:20px; top:20%; }
	.icon-box { padding-top:20px; }
}
@media all and (max-width: 540px) {
	.banner .services-text { font-size:26px; right:20px; top:20%; }
	
}
@media all and (max-width: 320px) {