html,body {padding:0; margin:0; font-family:'Segoe UI',Arial,sans-serif; font-size:18px; color:#464646; line-height:28px; height:100%; background:#ededed;}

img,table {border:0;}
form,label {padding:0; margin:0;}
table {border-collapse:collapse;}
.left {float:left;}
.clear {clear:both !important;}
p {margin:0; padding:0 0 10px 0;}

.feedback {
    margin: 1em 0;
    padding: 0.75em 1em;
    border-radius: 0.25em;
    background-color: #f9f9f9;
}
.feedback .red {
    color: #ff0000;
}
.feedback .ok {
    color: #067600;
}

h1 {color:#0c246d; margin:60px 0 35px 0; padding:0; font-size:37px; line-height:40px; letter-spacing:-1px;}
.content {margin:60px 55px 45px 55px;}
ul {margin:0 0 20px -20px;}
h2 {font-family:Georgia; color:#7987b3; font-weight:normal; font-size:42px; line-height:44px; letter-spacing:-1px; text-align:center;}
.but {background:#0e2876; border-radius:6px; padding:13px 50px; color:#ffffff; border:0; font-weight:bold; display:inline-block; text-align:center; margin:15px auto; cursor:pointer;}

i span {font-style:normal;}

input[type="text"],textarea {padding:5px 2%; font-size:16px; border-radius:3px; box-shadow:inset 1px 1px 6px #e4e4e4; border:1px solid #a6a6a6; font-family:'Segoe UI',Arial,sans-serif; width:96%;}
input[type="submit"] {font-size:19px;}

#all {margin:0 auto; width:100%; max-width:1580px; background:#ffffff; min-width:1060px;}


#top {background:url(img/av.jpg) no-repeat; background-size:cover; color:#ffffff; height:960px; position:relative;}
#lang {position:absolute; top:40px; left:55px;}
#lang a {color:#ffffff;}
#lang a:hover {color:#bccae0;}
#top .title {margin:300px 0 0 60px;}
#top .title h1 {font-family:Georgia; color:#ffffff; font-weight:normal; font-size:70px; letter-spacing:-1px; text-shadow:2px 2px 7px #000000;}
#top .title h3 {color:#fe0644; font-family:Georgia; font-weight:normal; font-size:37px; line-height:36px; font-style:italic; width:40%; text-shadow:2px 2px 7px #000000;}
#menu {padding:240px 0 0 90px; list-style:none;}
#menu li {margin:15px 0; padding:0;}
#menu a {color:#ffffff; font-size:20px;}
#menu a:hover {color:#bccae0;}


#for_you .col1 {float:left; width:40%; padding-right:5%;}
#for_you .col2 {float:left; width:55%;}
#for_you {padding-bottom:30px;}

#process {border-top:1px solid #d2d2d2; padding-bottom:30px; position:relative;}
#process .pic {background:url(img/av1.jpg) no-repeat center; background-size:cover; width:37%; position:absolute; height:100%;}
#process .text {width:50%; padding:0 5% 50px 45%;}

#best_version {border-top:1px solid #d2d2d2; padding-bottom:35px;}
#best_version .text {padding:0 55px;}
#best_version .col1 {float:left; width:40%; padding-right:5%;}
#best_version .col2 {float:left; width:55%; padding-top:5%;}

#boxes {border-top:1px solid #d2d2d2; padding:50px 55px; text-align:center;}
.bluebox {display:inline-block; vertical-align:top; width:25%; padding:30px 3% 35px 3%; background:#121e42; color:#ffffff;}
.bluebox .but {background:#ffffff; color:#121e42; margin:30px 0 0 0;}
.bluebox.mid {margin:0 3%;}
.bluebox .title {font-family:Georgia; color:#ffffff; font-weight:normal; font-size:28px;}
.bluebox .title h1 {font-size:40px; color:#ffffff; font-weight:normal; margin-top:8px;}
.bluebox .txt {text-align:justify; font-size:17px; min-height:145px;}
.bluebox .title3 h1 {margin:30px 0 42px 0; font-size:36px;}

#peep {border-top:1px solid #d2d2d2; padding:55px 55px 35px 55px;}
#peep h1 {margin:0 70px 45px 0;}
#peep .col1 {float:left; width:60%; position:relative;}
#peep .col2 {float:right; width:33%;}
#peep .col2 img {width:100%; max-width:359px;}
#peep table {margin-top:60px;}
#peep h2 {text-align:left; color:#485486; font-size:30px; line-height:30px; padding:0; margin:0 0 0 50px;}
#peep h2.mid {margin:35px 0 35px 50px;}
.lightblue {font-weight:bold; font-size:22px; padding-right:50px; color:#8f9abe;}
#peep .text2 {margin-top:40px;}
#peep .col1a,#peep .col2a {float:left; width:40%; padding-right:10%;}
.number {font-size:26px;}
#peep ul ul {margin-bottom:0;}


#feedback {border-top:1px solid #d2d2d2; background:url(img/feedback_bg.jpg) no-repeat; background-size:cover; text-align:center; padding-bottom:40px; border-collapse:collapse;}
#feedback i {color:#666666;}
#fb {width:100%; overflow:hidden; position:relative; height:320px;}
#f1 img {margin:-30px 30px 0 -50px; float:left; box-shadow:1px 2px 5px #8e9aa3;}
#f1,#f2,#f3 {position:absolute; top:0; width:75%; padding:0 15%;}
#f1 {width:80%;}
#f2,#f3 {width:80%; padding:0 10%;}
#f2,#f3 {display:none;}
.round {margin-top:30px; display:inline-block; margin:0 25px; background:#ffffff; border:1px solid #bbbbbb; width:12px; height:12px; border-radius:6px; cursor:pointer;}


#contact {border-top:1px solid #d2d2d2; padding:20px 65px 70px 7%;}
#contact .col1a {float:left; width:40%; padding-right:7%;}
#contact .col2a {float:right; width:50%;}
#contact .col2a img {width:100%; max-width:564px;}

#contact .col1b {float:left; width:55%; }
#contact .col2b {position:relative; float:right; width:37%;}
#contact .tr {display:table; width:100%; margin-bottom:15px; }
#contact .td1 {display:table-cell; width:160px; background:url(img/tarn.png) no-repeat right top; vertical-align:top;}
#contact .td2 {vertical-align:top;}
#contact textarea {width:90%; max-width:90%; height:210px;}
#linkedin {position:absolute; right:0; top:5px; cursor:pointer;}

iframe {height:558px;}

@media screen and (max-width:1105px) {
    #top {height:777px}
    .bluebox {width:25%; padding:30px 2% 35px 2%; background:#121e42; color:#ffffff;}
    .bluebox.mid {margin:0 2%;}
    iframe {width:90%; height:480px;}
}