/**
--------------------------------------------------------------------------------------
-------------- *********************** ResetCss *********************** --------------
--------------------------------------------------------------------------------------
**/
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font-weight:400;
    vertical-align:baseline;
    background:transparent
}
article,aside,figure,footer,header,nav,section,details,summary{
    display:block
}
html{
    box-sizing:border-box
}
*,:before,:after{
    box-sizing:inherit
}
img,object,embed{
    max-width:100%
}
html{
    overflow-y:scroll
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #000;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
th{
    font-weight:700;
    vertical-align:bottom
}
td{
    font-weight:400;
    vertical-align:top
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word
}
input[type="radio"]{
    vertical-align:text-bottom
}
input[type="checkbox"]{
    vertical-align:bottom
}
.ie7 input[type="checkbox"]{
    vertical-align:baseline
}
.ie6 input{
    vertical-align:text-bottom
}
select,input,textarea{
    font:99% sans-serif
}
table{
    font-size:inherit;
    font:100%
}
small{
    font-size:85%
}
strong{
    font-weight:700
}
td,td img{
    vertical-align:top
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
pre,code,kbd,samp{
    font-family:monospace,sans-serif
}
.clickable,label,input[type=button],input[type=submit],input[type=file],button{
    cursor:pointer
}
button,input,select,textarea{
    margin:0
}
button,input[type=button]{
    width:auto;
    overflow:visible
}
.ie7 img{
    -ms-interpolation-mode:bicubic
}
.clearfix:before,.clearfix:after{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after{
    clear:both
}
.clearfix{
    zoom:1
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/eot/dana-thin.eot');
	src: url('../fonts/eot/dana-thin.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-thin.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-thin.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/eot/dana-extralight.eot');
	src: url('../fonts/eot/dana-extralight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-extralight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-extralight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/dana-light.eot');
	src: url('../fonts/eot/dana-light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/dana-medium.eot');
	src: url('../fonts/eot/dana-medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/eot/dana-demibold.eot');
	src: url('../fonts/eot/dana-demibold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-demibold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-demibold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 750;
	src: url('../fonts/eot/dana-ultrabold.eot');
	src: url('../fonts/eot/dana-ultrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-ultrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-ultrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/eot/dana-extrabold.eot');
	src: url('../fonts/eot/dana-extrabold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-extrabold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-extrabold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/dana-black.eot');
	src: url('../fonts/eot/dana-black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/dana-bold.eot');
	src: url('../fonts/eot/dana-bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: dana;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/dana-regular.eot');
	src: url('../fonts/eot/dana-regular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/dana-regular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/dana-regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
/**
--------------------------------------------------------------------------------------
------------------------ ************ Icons Css ************ ------------------------
--------------------------------------------------------------------------------------
**/
@font-face {
font-family: "hoobanstudio";
src:url("../icons/hoobanstudio.eot");
src:url("../icons/hoobanstudio.eot?#iefix") format("embedded-opentype"),
    url("../icons/hoobanstudio.woff") format("woff"),
    url("../icons/hoobanstudio.ttf") format("truetype"),
    url("../icons/hoobanstudio.svg#hoobanstudio") format("svg");
font-weight: normal;
font-style: normal;

}

[data-icon]:before {
font-family: "hoobanstudio" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "hoobanstudio" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
content: "\61";
}
.icon-linkedin:before {
content: "\62";
}
.icon-twitter:before {
content: "\63";
}  
.social div{
    display: inline-block;
    font-size: 25px;
    margin: 0 1px;
}
.social div a{color: #000000;}
/**
--------------------------------------------------------------------------------------
------------------------ ************ Public Css ************ ------------------------
--------------------------------------------------------------------------------------
**/
.pull-right{float: right;}
.pull-left{float: left;}
img{
    width: 100%;
    height: auto;
    display: block;
}
body{
    font-family: dana;
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url(../images/background-min.jpg);
    background-size: cover;
    background-position: 240px 0;
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}
.white-background{
    background-image: url(../images/curve.png);
    width: 685px;
    min-height: 100vh;
    float: left;
    padding: 50px 0;
}
.logo{
    width: 200px;
    margin: 0 auto;
}
h1{
    color: #dc143c;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
}
.contact{
    width: 370px;
    margin: 30px auto 0 auto;
}
.row-contact{
    font-size: 20px;
    padding: 6px 0;
}
.row-contact .pull-right{
    font-weight: bold;
}
.tags{
    width: 510px;
    margin: 30px auto 0 auto;
}
.tags div{
    display: inline-block;
    background: #eaeaea;
    border-radius: 40px;
    font-size: 15px;
    padding: 2px 15px;
    color: #8a8a8a;
    margin: 3px 0;
}
.choose-language{
    display: table;
    margin: 30px auto 0 auto;
}
.title-language{
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.languages{
    display: table;
    margin: 10px auto 0 auto;
}
.ln{
    padding: 0 5px;
}
.img-ln{
    width: 50px;
}
.name-ln{
    font-size: 12px;
    padding-top: 5px;
    text-align: center;
    color: #383838;
}
.path1{
    position: absolute;
    top: -150px;
    right: -150px;
    background-image: url(../images/path1.png);
    width: 281px;
    height: 282px;
}
.path2{
    position: absolute;
    bottom: -150px;
    right: -150px;
    background-image: url(../images/path1.png);
    width: 281px;
    height: 282px;
}
.path3{
    position: absolute;
    top: -135px;
    left: -60px;
    background-image: url(../images/path3.png);
    width: 269px;
    height: 257px;
}
.path4{
    position: absolute;
    bottom: -120px;
    left: -35px;
    background-image: url(../images/path4.png);
    width: 210px;
    height: 217px;
}
a{
    text-decoration: none;
}
@media only screen and (max-width: 599px) {
.white-background{
    width: 100%;
}
h1{font-size: 30px;}
.path3 {top: -185px;}
.path1{top: -190px;}
.path2{bottom: -245px;}
.path4{bottom: -172px;}
.contact {
    width: 100%;
    padding: 0 15px;
}
.tags {
    width: 100%;
    padding: 0 25px;
    margin: 30px auto 0 auto;
}
.logo{width: 160px;}
.tags div{
    width: 49%;
    text-align: center;
}
.choose-language{
    margin: 30px auto;
}
}