@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: 'RobotoRegular';

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

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

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

         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoItalic';

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

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

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

         url('fonts/Roboto-Italic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoBold';

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

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

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

         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoBoldItalic';

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

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

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

         url('fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoCondensed';

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

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

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

         url('fonts/Roboto-Condensed-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoCondensedItalic';

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

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

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

         url('fonts/Roboto-CondensedItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoBoldCondensed';

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

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

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

         url('fonts/Roboto-BoldCondensed-webfont.ttf') format('truetype'),

         url('fonts/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoBoldCondensedItalic';

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

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

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

         url('fonts/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoThin';

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

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

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

         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoThinItalic';

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

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

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

         url('fonts/Roboto-ThinItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoLight';

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

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

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

         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoLightItalic';

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

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

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

         url('fonts/Roboto-LightItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoMedium';

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

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

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

         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),

         url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoMediumItalic';

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

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

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

         url('fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoBlack';

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

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

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

         url('fonts/Roboto-Black-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'RobotoBlackItalic';

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

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

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

         url('fonts/Roboto-BlackItalic-webfont.ttf') format('truetype'),

         url('fonts/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



*

{

padding:0px;

margin:0px;

}

body

{

padding:0px;

margin:0px;

font-family: 'RobotoRegular';

font-size:15px;

line-height:22px;

color:#707071;

text-align:justify;



}

.wrapper

{

width:1000px;

margin:auto;

position:relative;

}

h1, h2, h3

{
	text-transform:uppercase;
	color:#0898c2;
	margin-top:20px;
	font-family:RobotoBold;
	letter-spacing: normal;

}

p

{

margin-bottom:10px;

}

a

{

outline:none;

}

#header

{

width:100%;

height:100px;

/*background:url(../images/pattern.gif) repeat left;*/

}

#social

{

float:right;

margin-top:20px;

}

#social img

{

vertical-align:middle;

}



#menu-bg

{

widht:100%;

height:40px;

background: #3f82ba; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODJiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTZhYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #3f82ba 0%, #356aa0 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f82ba), color-stop(100%,#356aa0)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #3f82ba 0%,#356aa0 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #3f82ba 0%,#356aa0 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #3f82ba 0%,#356aa0 100%); /* IE10+ */

background: linear-gradient(to bottom,  #3f82ba 0%,#356aa0 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f82ba', endColorstr='#356aa0',GradientType=0 ); /* IE6-8 */

}



#logo-bg

{

width:170px;

height:165px;

background:#106dad;

padding:5px;

border-radius:95px;

position:absolute;

left:20px;

top:-70px;

z-index:1000;

box-shadow:0px 0px 3px #000;

}

#logo

{

width:150px;

height:145px;

background:#ffffff;

border-radius:95px;

padding:10px;

}

#logo img

{

vertical-align:middle;

margin-left:10px;

margin-top:10px;

border-radius:40px 50px 26px 12px;

}

#menu

{

float:right;

margin-right:0px;

width:700px;

}

#menu ul

{

float:right;

}

#menu ul li

{

padding:5px 10px;

float:left;

font-size:14px;

list-style:none;

line-height:30px;

height:30px;

width:90px;

text-transform:uppercase;

text-align:center;

white-space:nowrap;

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

font-weight:bold;

}

#menu .active1

{

background:#FF9900;

}

#menu ul li a

{

text-decoration:none;

color:#fff;

}

#container

{

width:100%;

height:auto;

}

#slide

{

width:978px;

height: 410px;

padding:10px;

border:1px solid #ccc;

margin-top:20px;

}

#four-column

{

width:100%;

height:300px;

position:relative;

}

.text-column1

{

float:left;

width:238px;

margin:20px 10px;

height:270px;

color:#707071;

position:relative;

}

.text-column1 h2

{

color:#707071;

font-family:'RobotoBold';

}

.column1

{
	float:left;
	width:215px;
	padding:10px;
	border:1px solid #ccc;
	margin:20px 5px;
	vertical-align:top;
	height:270px;
	color: #0898c2;

}

.column1:last-of-type

{

margin-right:0px;

}

.column1 img

{

width:215px;

}



.column1 h2

{

text-align:center;

margin-top:5px;

text-transform:uppercase;

color:#707071;

font-family:'RobotoBold';

}

.column1 h2 span

{

color:#0099FF;

}



#three-column

{

width:100%;

height:auto;

}

.column2

{

width:300px;

float:left;

padding:10px;

text-align:justify;

letter-spacing:0px;

}

.column2:last-of-type

{

float:right;

padding-right:0px;

}

.width

{

width:333px;

}

.column2 h1

{

margin-bottom:20px;

font-family:'RobotoBold';

}

.column2 ul

{

margin-left:20px;

}

.column2 ul li

{

height:35px;

border-bottom:1px solid #eee;

line-height:35px;

text-align:left;

}

.column2 ul li a

{

text-decoration:none;

text-transform:uppercase;

color:#707071;

font-size:13px;

}

#gallery img

{

width:85px;

height:85px;

margin:4px;

border:1px solid #ccc;

float:left;

}

.read

{

border-radius:5px;

padding:5px 20px;

background: #3f82ba; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmODJiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTZhYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #3f82ba 0%, #356aa0 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f82ba), color-stop(100%,#356aa0)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #3f82ba 0%,#356aa0 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #3f82ba 0%,#356aa0 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #3f82ba 0%,#356aa0 100%); /* IE10+ */

background: linear-gradient(to bottom,  #3f82ba 0%,#356aa0 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f82ba', endColorstr='#356aa0',GradientType=0 ); /* IE6-8 */

}

.read a

{

text-decoration:none;

color:#fff !important;

}



#footer

{

width:100%;

height:120px;

background:#333232;

float:left;

margin-top:30px;

}

#bottom-menu

{

width:100%;

height:60px;

}

#bottom-menu ul

{

margin:20px 200px;

}

#bottom-menu ul li

{

float:left;

list-style:none;

line-height:50px;

padding:5px 20px;

}

#bottom-menu ul li a

{

text-decoration:none;

color:#707071;

}

#copy

{

width:100%;

height:39px;

text-align:center;

line-height:39px;

border-top:1px solid #474646;

}

.left-nav{

	width:270px;

	margin:12px 10px 30px 0;

	padding:0px;

	float:left;

	}

.left-nav p{

	margin:0px;

	padding:0 0 0 12px;

	float:left;

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

	font-size:12px;

	color:#7392a7;

	width:100%;

	}

.left-nav h2{

	margin:35px 0 0 0;

	padding:0 0 0 12px;

	float:left;

	font-size:18px;

	color:#7c8489;

	width:100%;

	}

.left-nav h3{

font-family: "RobotoRegular";

}

.left-nav ul{

	margin:14px 0 0 0;

	padding:0px 0 0 0;

	list-style:none;

	float:left;

	}

.left-nav ul li{

font-family: "RobotoRegular";

	margin:0px;

	font-size:14px;

	color:#588caa;

	width:270px;

	height:27px;

	text-transform:uppercase;

	display:block;

	line-height:30px;

	}

.left-nav ul li a{

	font-size:14px;

	color:#588caa;

    font-family: "RobotoRegular";

    text-transform:uppercase;

	text-decoration:none;

	width:270px;

	padding:0 0 0 12px;

	white-space:nowrap;

	}

.left-nav ul li a.active{

	background:url(../images/left-nav-activeBg.jpg) left top no-repeat;

	color:#fff;

	display:block;

	height:25px;

	padding:0px 0 10px 12px;

	}

	.left-nav ul li a.active1{

	background:url(../images/left-nav-activeBg.jpg) left top no-repeat;

	color:#fff;

	display:block;

	height:33px;

	padding:9px 0 0 12px;

	}

	.left-nav ul li a.active2{

	background:url(../images/left-grey-nav.png) left top no-repeat;

	color:#8d8c8c;

	display:block;

	height:25px;

	padding:9px 0 0 12px;

	}

	.right-container

	{

	float:right;

	width:700px;

margin-left:20px;

padding-top:20px;

	}

	.right-container h2

	{

	padding-bottom:10px;

	margin-bottom:10px;

	border-bottom:1px solid #ccc;

	}

.right-container h4

{

background:#3f82ba;

color:#fff;

padding:5px;

}

.right-container table

{

margin:10px 0px;

}

.right-container table td, .right-container table th

{

text-align:center;

padding:5px;

}

	.right-container img:first-of-type

	{

	width:700px;

	height:200px;

	}

.upload{

width:400px;

border:1px solid #ccc;

padding:20px;

margin:12% auto;

box-shadow:0px 0px 10px #ccc;

}

.upload input[type=button], .upload input[type=submit], .upload input[type=reset]{

min-width:100px;

padding:5px 10px;

text-align:center;

color:#fff;

cursor:pointer;

border-radius:5px;

border:1px solid #356aa0;

background: #3d7eb6; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNkN2ViNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTZhYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #3d7eb6 0%, #356aa0 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d7eb6), color-stop(100%,#356aa0)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #3d7eb6 0%,#356aa0 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #3d7eb6 0%,#356aa0 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #3d7eb6 0%,#356aa0 100%); /* IE10+ */

background: linear-gradient(to bottom,  #3d7eb6 0%,#356aa0 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d7eb6', endColorstr='#356aa0',GradientType=0 ); /* IE6-8 */

}

.upload input[type=file]{

width:100%;

border:1px solid #ccc;

padding:5px;

}



.gallery .images{width:200px !important; height:130px !important; padding:10px; border:1px solid #eee; margin-right:10px; margin-bottom:10px; float:left;}



.container{float:left;}



.logo-slider{width:980px; float:left; border:1px solid #eee; padding:5px 10px; margin-top:20px;}



.portfolio-content, .portfolio-area{width:700px;}

.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}

.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}



/**** PORTFOLIO STYLES*****/

.portfolio-categ{margin-bottom:30px;}

.portfolio-categ li{display:inline;margin-right:5px;}

.image-block{ display:block;position: relative;}

.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF; padding:5px;}

.image-block img:hover{border: 1px solid #A9CF54;box-shadow:0 0 5px #A9CF54;}

.portfolio-area li{float:left;margin: 0 5px -25px 0;overflow: hidden;width: 218px;padding:5px;  }

.home-portfolio-text{margin-top:10px;}

li.active a{ text-decoration:underline; font-family: 'Roboto', sans-serif; line-height:20px;  color:#bdfc12;}

.portfolio-area .resize{width:596px; float:none; padding:15px; background:#860f04; border-radius:15px; border:1px solid #7a0e03;}

.portfolio-area .resize h2{color:#00FF00; line-height:50px;}





.img-zoom {
    width: 215px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}
 
.transition {
    -webkit-transform: scale(2); 
    -moz-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
}