/*

body{font-family:Arial, Helvetica, sans-serif;

     font-size:13px;

	 color:#666666;

	 padding:0px;

	 margin:0px; 

	  -webkit-touch-callout: none;

-webkit-user-select: none;

-khtml-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none; 

	 }*/

@import url("fonts.googleapis.com/css%40family%3dRaleway_3A400%2c100%2c200%2c300%2c500%2c600%2c700%2c800.html");	 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,

a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,

strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template {display: none;}

a { background: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; max-width:100%; height:auto; }

svg:not(:root) { overflow: hidden; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

 height: auto;

}

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; -webkit-text-size-adjust: 100%;}

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }



.alignleft {float:left;}

.alignright {float:right;}

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.imgright{ margin-left:15px;}

.imgleft{ margin-right:15px;}



/* =Mixins

========================================================================================*/

.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT20 {margin-top:20px;}.mrgL15 {margin-left:15px;}.mrgR15 {margin-right:15px;}.mrgB15 {margin-bottom:15px;}.mrgT15 {margin-top:15px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.mrgT10 {margin-top:10px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;}



.ltn {padding:0; margin:0; list-style:none;}

.row {display:block;}

.cf:before, .cf:after, ul:before, ul:after, .wrap:after, .wrap:after { content: " "; display: table; }

.cf:after, .cf:after, ul:after, .wrap:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.hidden { display: none; visibility: hidden ; }

.affix { position: fixed; }

@-ms-viewport { width: device-width;}

.rounded3{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.rounded4{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.rounded5{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}



/* =Sprites

========================================================================================*/

.sprite {background-image:url(../images/bgi/sprite.png); display:inline-block; vertical-align:middle;}



/* =CSS Reset

========================================================================================*/

body { line-height: 1; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

ul, ol, li{list-style:none; margin: 0; padding: 0;}

ul ul, ol ul, ul ol, ol ol{margin-bottom:0;}

.list-unstyled { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }

.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }

dl { margin-top: 0; margin-bottom: 22px; }

dt, dd { line-height: 1.528571429; }

dt { font-weight: bold; }

dd { margin-left: 0; }



/* =Default Tag & General Classes

========================================================================================*/

html, body { height: 100%; min-width: 320px; }

body{margin:0; padding:0; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#464646; font-weight:400;}

img{max-width:100%; -ms-interpolation-mode:bicubic; vertical-align:middle;}

a, input[type="button"], input[type="submit"], button { outline: 0 none; -moz-transition: background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, color 0.2s ease-in; }

a { color: #464646; text-decoration: none; outline: 0 none; -moz-transition:background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in, color 0.2s ease-in; -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 0.2s ease-in, color 0.2s ease-in; transition:background-color 0.2s ease-in, color 0.2s ease-in;}

a:hover { color: #000; text-decoration: none; outline: 0 none; }

a:active { outline: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

a:active { background-color: transparent; }

}

strong {}

p { margin: 0 0 15px 0; }

h1, h2, h3, h4, h5 {  font-weight: normal;  }

h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-bottom: 25px; color: #000; }

h1 { font-size: 40px; }

h2 { font-size: 32px; color:#1bc2b0; text-transform:uppercase;}

h3 { font-size: 30px; }

h4 { font-size: 24px; }

h5 { font-size: 15px; }

.nodisplay { display: none; }

.nodisplay_strict { display: none !important; }

:focus { outline: none; }



/* STARET FONTS */

@font-face {

	font-family: 'GeoSlab703 Md BT';

	src: url('fonts/GeometricSlab703BT-Bold.eot');

	src: url('fonts/GeometricSlab703BT-Bold.eot?#iefix') format('embedded-opentype'),

		url('fonts/GeometricSlab703BT-Bold.woff') format('woff'),

		url('fonts/GeometricSlab703BT-Bold.ttf') format('truetype');

	font-weight: bold;

	font-style: normal;

}



@font-face {

	font-family: 'Eras Bold ITC';

	src: url('fonts/ErasITC-Bold.eot');

	src: url('fonts/ErasITC-Bold.eot?#iefix') format('embedded-opentype'),

		url('fonts/ErasITC-Bold.woff') format('woff'),

		url('fonts/ErasITC-Bold.ttf') format('truetype');

	font-weight: bold;

	font-style: normal;

}



@font-face {

	font-family: 'Fontawesome Webfont';

	src: url('fonts/fontawesome-webfont.eot');

	src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),

		url('fonts/fontawesome-webfont.woff') format('woff'),

		url('fonts/fontawesome-webfont.ttf') format('truetype');

	font-weight: bold;

	font-style: normal;

}

/* END FONTS */

#wrapper{width:100%; min-width:100%;}

.container{width:100%; max-width:999px;}



/* START HEADER */



#header { background:#fff; padding-top:10px; }

#header .logo{ }

#header .topsocial{ border-bottom:1px solid #f2f4f5; padding:8px 0 8px 0; font-size:14px; line-height:20px; display:block; font-family: Arial, Helvetica, sans-serif; color:#070707; font-weight:bold;}

#header .topsocial span{ font-family:FontAwesome; font-size:15px;}

#header .topLink {color:#070707; font-size:12px;}

#header .topLink a{  color:#145494; }

#header .topLink a:hover{ color:#45af3b;}

#header .social{}

#slider{ background:url(images/bg.gif) repeat-x top left;   display:block; margin-top:15px;}

.blackbg{background:#000;}

.welcome{ font-size:14px; padding:10px 0 10px 10px;  text-align:left;   line-height:20px;   }

 .logo{ margin-top:10px;}

.welcome h1{ font-size:26px; font-family:"Raleway"; font-weight:bold;  color:#145494;  }

 .welcome { text-align:justify;}

.welcome h2{font-size:18px; text-align:center; font-family:"Eras Bold ITC"; color:#145494; }

.welcome h3{ font-size:18px; color:#1e5996;  margin:20px 0 5px 0;}

.welcome ul li{ line-height: 25px;

 

background: url(images/blt.jpg) no-repeat left 6px;

padding-left: 20px;}

.welcome ul li:before { /*display:block; float:left; height:auto;   

font-family: 'FontAwesome';

content: '\f138';

margin:2px 0px 0 0px; */font-size:14px; 

color: #1e5996;

}

.welcome i { font-family:'FontAwesome'; font-size:16px; color:#0f5594;}

 

 

 

 .welcomehome{ font-size:14px; padding:10px 0 10px 0;  text-align:center;   line-height:20px; }

 

.welcomehome h1{ font-size:26px; font-family:"Raleway"; color:#fff;  }

 

.welcomehome h2{font-size:18px; text-align:center; font-family:"Eras Bold ITC"; color:#145494; }

.welcomehome ul li{ line-height:25px;}

.welcomehome ul li:before {    

font-family: 'FontAwesome';

content: '\f138';

margin:2px 5px 0 -8px; font-size:14px;

color: #1e5996;

}

.welcomehome i { font-family:'FontAwesome'; font-size:16px; color:#0f5594;}

 

.table-bordered th{ text-align:center; font-weight:bold;}

 

.newBox{ background:#f2f4f5; padding:14px; min-height:256px; display:block;}

.newBox h2{ font-family:'GeoSlab703 Md BT';  text-transform:capitalize; font-size:26px; color:#145494; border-bottom:2px solid #55aa45; width:248px; margin:0 auto; padding:0 0 5px 0; display:block;}

.newBox ul { list-style-type:none; display:block; margin:8px;}

.newBox ul li{ line-height:25px; border-bottom:1px solid #dadcdd; margin:8px 0 0 0; padding-bottom:8px;}

.newBox ul li:before {    

font-family: 'FontAwesome';

content: '\f138';

margin:2px 5px 0 -8px; font-size:14px;

color: #1e5996;

}

.darkblue{ background:#027ba2; color:#fff; padding:10px 0 10px 0;}

#bluebg{ background:#0a9ecd; padding:10px 0 15px 0;}

#bluebg h1{ font-family:'GeoSlab703 Md BT'; font-size:28px; color:#fff; font-weight:bold;}

#client{ max-height:170px;}

#client .arrowbg{ background:url(images/client-box.jpg) no-repeat top left; font-family:'GeoSlab703 Md BT'; font-size:29px; color:#145494; padding-top:10px; padding-left:10px; margin:10px; min-height:93px;}

.graybg{ background:#ececec; border:1px solid #d7d6d6; }

.graybg h2{ font-family:'GeoSlab703 Md BT'; color:#145494; font-size:26px; text-transform:capitalize; padding-top:10px;   }

.graybg ul{ margin:0px 10px 15px 10px; padding:0; list-style-type:none; }

.graybg ul li{ line-height:36px; font-size:16px; }

.graybg ul li:before {    

font-family: 'FontAwesome';

content: '\f105';

margin:3px 10px 0 -2px; font-size:27px; font-weight:bold;

color: #1070b6; 

}

.graybg ul li a{ text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

.graybg ul li a:hover{ text-decoration:underline;}

.download{ border-left:1px solid #d7d6d6; min-height:235px;}

.download span{ padding-top:15px; padding-left:10px; display:block;}

.address{ font-family:"Raleway"; font-size:13px; color:#fff; line-height:21px;  }

.address span{ padding-bottom:10px; color:#fff; font-family:'Raleway'; font-size:25px; display:block;}

.address  img{ padding-right:10px;}

.social{ font-size:25px; font-weight:bold; font-family:'Raleway'; color:#fff;}

.footerLinks{ color:#fff; font-size:17px; margin-top:15px;}

.footerLinks a{ color:#fff; }

.footerLinks a:hover{ color:#fff;}

#footer{ background:#000; min-height:43px; color:#fff; font-size:12px; line-height:43px; margin-top:0px; }

#footer a{ color:#fff; }

#footer a:hover{ color:#fff; text-decoration:underline;}

.leftNav{ background:#0f5594; padding:10px; color:#fff;}

.leftNav ul li{ line-height:35px; font-size:15px; border-bottom:1px solid #084275;} 

.leftNav ul li:hover{ background:#3c8ecf;}

.leftNav ul li a{ color:#fff;}

.leftNav ul li:before {    

font-family: 'FontAwesome';

content: '\f105';

margin:3px 10px 0 -2px; font-size:16px; font-weight:bold;

color: #fff; 

}

.table-bordered tr td{ padding:5px;}

.phone {    

font-family: 'FontAwesome';

content: '\f095';

margin:2px 5px 0 -8px; font-size:14px;

color: #1e5996;

}

.probox .col-sm-3{ float:left; }

.boxes .col-sm-4{ float:left; }

.boxes .col-sm-4 h3{ margin:10px 0 10px 0; padding:0; font-size:22px;}

.boxes input{ border:2px solid #f0f0f0; line-height:25px; padding:0 0 0 5px; color:#bbbaba; font-size:14px; margin-bottom:15px; width:90%;}

.boxes textarea{ border:2px solid #f0f0f0; line-height:25px; padding:0 0 0 5px; color:#bbbaba; font-size:14px; width:90%;}



#portfolio-list li .header {

    margin: 2% 2% 0%;

    padding: 25% 0;

    font-size: 1.8em;

    line-height: 1.5;

    font-weight: 300;

    text-transform: none; display:block;

    color:#000000;

}

#portfolio-list {

    list-style: none;

    margin: 0;

    padding: 0;

    display: block;

}

#portfolio-list ul li { background:none !important;}

#portfolio-list li {  

    position: relative; float:left;

    overflow: hidden;

    display: inline-block;

    width: 50%;

    margin-left: -1px;

    margin-bottom: -4px;

    padding: 0; margin-top:10px;

    text-align: center;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}

#portfolio-list li h3{

    background:#fff;

    bottom: 0;

    font-size: 1.4em;

    font-weight: 300;

    left: 0;

    letter-spacing: 1px;

    margin: 0;

    padding: 20px;

    position: absolute;

    text-align: right;

    text-transform: none;

    width: 100%;

    transition: transform 0.2s ease 0s, color 0.2s ease 0s;

	-webkit-transition: transform 0.2s ease 0s, color 0.2s ease 0s;

	-moz-transition: transform 0.2s ease 0s, color 0.2s ease 0s;

	-o-transition: transform 0.2s ease 0s, color 0.2s ease 0s;

	-ms-transition: transform 0.2s ease 0s, color 0.2s ease 0s;    

}



/* portfolio */

 

/*	        06 - Portfolio Styles

/*------------------------------------------*/



#portfolio-list li .portfolio-item-content {

    background: rgba(0, 175, 209, 0.9);

}



.portfolio-filter {

	margin-bottom: 30px;

}



.portfolio-filter li {

	display: inline-block;

	margin-right: 2px;

}



.portfolio-filter li a {

	color: #666;

	display: inline-block;

	padding: 5px 14px;

	border: 1px solid #eee;

	border-radius: 2px;

	-webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -o-border-radius: 2px;

	transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.portfolio-filter li a:hover {

	border-color: #ddd;

}



.portfolio-filter li a.selected, .portfolio-filter li a.selected:hover {

	color: #fff;

}



.portfolio-item {

	margin-bottom: 30px;

}



.portfolio-4 {

	margin-left: 5px;

}



.portfolio-4 .portfolio-item {

	width: 24.99%!important;

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 22px;

}



.portfolio-item .portfolio-border {

	padding: 3px;

	border: 1px solid #eee;

	border-radius: 3px;

	-webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

	overflow: hidden;

	transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.portfolio-item:hover .portfolio-border {

	box-shadow: 0 1px 3px #f8f8f8;

	-o-box-shadow: 0 1px 3px #f8f8f8;

	-moz-box-shadow: 0 1px 3px #f8f8f8;

  	-webkit-box-shadow: 0 1px 3px #f8f8f8;

}



.portfolio-item .portfolio-thumb {

	position: relative;

	overflow: hidden;

}



.portfolio-item .portfolio-thumb .thumb-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255,255,255,0);

	transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.portfolio-item:hover .portfolio-thumb .thumb-overlay {

	background: rgba(255,255,255,0.5);

}



.portfolio-item .portfolio-thumb .thumb-overlay i {

	color: rgba(255,255,255,0);

	position: absolute;

	top: 42%;

	left: 50%;

	display: block;

	margin-left: -27px;

	margin-top: -19px;

	font-size: 3em;

	transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.portfolio-item:hover .portfolio-thumb .thumb-overlay i {

	top: 50%;

	color: #444;

}



.portfolio-item .portfolio-details {

	position: relative;

	padding: 9px 12px 6px 12px;

}



.portfolio-item .portfolio-details .like-link {

	position: absolute;

	right: 8px;

	top: 50%;

	margin-top: -9px;

}



.portfolio-item .portfolio-details .like-link i, .portfolio-item .portfolio-details .like-link span {

	color: #666;

	transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.portfolio-item .portfolio-details .like-link:hover i, .portfolio-item .portfolio-details .like-link:hover span {

	color: #F54B5C;

}

.portfolio-item .portfolio-details .like-link i {

	padding-right: 5px;

}



.portfolio-item .portfolio-details h4 {

	transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -o-transition: all 0.3s ease-in-out;

}



.portfolio-item .portfolio-details a span {

	color: #666;

}



.portfolio-item .portfolio-details span:after {

	content: ", ";

	margin-right: 2px;

}



.portfolio-item .portfolio-details span:last-child:after {

	content: "";

}







#portfolio-list li img {

	width:294px;

	height:340px;

  -webkit-transition: all 0.75s;

  -moz-transition: all 0.75s;

  -ms-transition: all 0.75s;

  -o-transition: all 0.75s;

  transition: all 0.75s;

}

#portfolio-list li .portfolio-item-content {

    opacity:0;

    -webkit-opacity:0;

    -moz-opacity:0;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    color: #050F1E; 

   -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -ms-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

#portfolio-list li .more {

    opacity:0;

    -webkit-opacity:0;

    -moz-opacity:0;

    -o-opacity:0;

  display: inline-block;

  content: "i";

  font-size: 50px;

    font-style: normal;

  font-weight: 100;

    line-height: 76px;

  position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -40px;

  height: 80px;

    width: 80px;

  color: #fff;

  background:#000;

  border: 2px solid #fff;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}

#portfolio-list li:hover h3 {

    color: #FFFFFF;

    transform: translate3d(0px, 70px, 0px);

	-webkit-transform: translate3d(0px, 70px, 0px);

	-moz-transform: translate3d(0px, 70px, 0px);

	-o-transform: translate3d(0px, 70px, 0px);

	-ms-transform: translate3d(0px, 70px, 0px);

	opacity:0;-webkit-opacity:0;

	transition: all 0.25s ease-in-out 0s;

    -webkit-transition: all 0.25s ease-in-out 0s;

    -moz-transition: all 0.25s ease-in-out 0s;

    -o-transition: all 0.25s ease-in-out 0s;

}

#portfolio-list li:hover > li:before {

    border-color: #2E3444;

    border-width: 14px;

}

#portfolio-list li:hover .portfolio-item-content {

  opacity:1;

    -webkit-opacity:1;

    -moz-opacity:1;

    -o-opacity:1;

}

#portfolio-list li:hover .more {

  opacity:0.75;

    -webkit-opacity:0.75;

    -moz-opacity:0.75;

    -o-opacity:.75;

  top: 50%;

  margin-top: -40px;

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

     -webkit-border-radius:50%;

	-moz-border-radius:50%;

	-ms-border-radius:50%;

	-o-border-radius:50%;

	border-radius:50%;

}

@media (min-width: 992px) {

  #portfolio-list li:hover .more {

    top: 60%;

    margin-top: 0;

  }

}

#portfolio-list li:hover .more:hover {

  opacity:1;

    -webkit-opacity:1;

    -moz-opacity:1;

    -o-opacity:1;

  color: #556270;

  border-color: #fff;

  background:#fff;

}









 @media only screen and (max-width:480px)

{ 

.welcome ul li { text-align:left;}

.welcome h3{ text-align:center; font-size:15px;}

.welcome h1{ text-align:center;}

#wrapper{ width:90% !important; max-width:90% !important; }

.alignright{ float:none;}

.alignleft{ float:none;}

.imgright { margin:0 0 14px 0; padding:0; float:none; clear:both;}

.imgleft { margin:0 0 14px 0; padding:0; float:none; clear:both;}

.container{ width:90% !important; }

.rmm.style ul li a{ color:#fff !important;}

#portfolio-list li { width:100%; float:none;} 

.probox .col-sm-3{ float: none; text-align:center;   margin-top:10px; }

.boxes .col-sm-4{ float:none; }

.boxes .col-sm-4{ float:none; margin-top:10px; }

	

	#client .arrowbg{ margin:0 !important;}

	.newBox h2{ width:90%;}

	

	}

	

 @media only screen and (max-width:640px){

	 .welcome h1{ text-align:center;}

	 #portfolio-list li { width:100%; float:none;} 

	 .graybg h2{ font-size:20px;}

	 #client .arrowbg{ margin:0 !important;}

	 .newBox h2{ width:90%;}

	 }



hr{ border-bottom:1px solid #CCC; clear:both; margin-top:20px; display:block;}