a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top; }

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
table, table td {
    padding:0;
    border:none;
    border-collapse:collapse;
}
img {
    vertical-align:top;
}
embed {
    vertical-align:top;
}



/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.slider_block {
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
    border-radius:4px;
    background:#fff;
}
.nivoSlider {
    position:relative;
    float:right;
    width:720px;
    height:auto;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white;
    filter:alpha(opacity=0);
    opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    display: none;
    position:absolute;
    z-index:8;
    left:-260px;
    top:0px;
    width:200px;
    padding: 30px;
}

.cap_color1 {color:#fd6d52 !important;}
.cap_color2 {color:#967ae0 !important;}
.cap_color3 {color:#de4584 !important;}
.cap_color4 {color:#ea5c0b !important;}
.cap_color5 {color:#21cde2 !important;}


.nivo-caption p {
    margin:0 0 26px;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
    display:none !important;
    position:absolute;
    top:45%;
    z-index:9;
    cursor:pointer;
}
.nivo-prevNav {
    left:0px;
}
.nivo-nextNav {
    right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    position:absolute;
    left:30px;
    bottom:30px;
    height:11px;
}
.nivo-controlNav a {
    cursor:pointer;
    display:inline-block;
    margin-right:4px;
    width:12px;
    height:11px;
    border-radius:50%;
    background:#e4e4e4;
    text-indent:-999px;
}
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
    background:#a8a8a8;
}










a, input, select, textarea, div:focus {
    outline:none !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}
textarea {
    resize: none;
}
a {
    text-decoration:none;
    color:#787878;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
    text-decoration:none;
    color:#70c303;
}
::selection {
    background: #505050;
    color:#fff;
}
::-moz-selection {
    background: #505050; /* Firefox */
    color:#fff;
}
body {
    overflow-x:hidden;
    margin: 0;
    padding:0;
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    font-size: 13px;
    line-height: 20px;
    color: #787878;
    background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046390/templates/template18/images/bg.jpg) !important;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.fleft {float:left;
}
.fright {float:right;
}
.clear {
    height:0;
    clear:both;
    font-size:0;
}
p {
    padding:0;
    margin-bottom:19px;
}
ul {
    padding:0;
    margin:0;
    list-style:none;
}
img {
    outline:0;
    vertical-align:top;
    opacity:1;
    filter: alpha(opacity=100);
    max-width:100%;
}

.container {
    width:980px;
    margin:0 auto;
}
.txt_block {
    padding:25px 30px;
    background:#fff;
    border-radius:4px;
}
h2.title {
    padding:0;
    margin:0 0 -2px;
    text-transform:none;
    font-weight:500;
    line-height:28px;
    font-size:34px;
    color:#1c578f;
}
h3.title {
    padding:0;
    margin:0 0 18px;
    text-transform:none;
    font-weight:700;
    line-height:33px;
    font-size:29px;
    color:#1c578f;
}
h4.title {
    padding:0;
    margin:0 0 16px;
    text-transform:uppercase;
    font-weight:500;
    line-height:33px;
    font-size:19px;
    color:#1c578f;
}
a.read_more {
    display:inline-block;
    padding-right:23px;
    font-weight:700;
    font-size:15px;
    color:#41abe5;
    background:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046382/templates/template18/images/read_more.png) no-repeat right center;
    transition: none;
    -webkit-transition: none;
}
a.read_more:hover {
    color:#70c303;
    background:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046384/templates/template18/images/read_more_h.png) no-repeat right center;
}
.logo {
    text-align:center;
    margin:20px 0;
}
.logo h1 {
    margin-bottom:0;
    font-family: 'Leckerli One', cursive;
    font-weight:400;
    line-height:60px;
    font-size:54px;
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.18);
}

.vcard_link {
    float:right;
    display:inline-block;
    width:256px;
    margin: 0;
    padding:30px 0 29px;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    font-size:17px;
    color:#fff;
    background:#1c578f;
    border-radius:0 4px 4px 0;
}
.vcard_link:focus,
.vcard_link:hover {
    background:#fff;
    color:#70c303;
}

/* ____________________ Menu ____________________ */
.menu_block {
    position:relative;
    margin-bottom:20px;
    padding-left:4px;
    background:#fff;
    border-radius:4px;
}
.menu_block:before {
    content:'';
    position:absolute;
    left:4px;
    top:-3px;
    right:4px;
    height:3px;
    background:#1c578f;
}
.menu_btn a {
    display:none;
    text-transform:uppercase;
    font-weight:700;
    font-size:26px;
    line-height:64px;
    color:#444446;
}
.menu_btn a:hover {
    color:#70c303;
}
.mainmenu li {
    position:relative;
    float:left;
}
.mainmenu li:before {
    content:'';
    position:absolute;
    left:0;
    top:-3px;
    right:0;
    height:3px;
    background:#1c578f;
    transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
}
.mainmenu li.act:before,
.mainmenu li:hover:before {
    background:#41abe5;
}
.mainmenu li a {
    display:block;
    width:123px;
    margin: 0;
    padding:49px 10px 10px;
    text-decoration:none;
    text-transform:none;
    text-align:center;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    color:#444446;
    border-right:1px solid #dcdcdc;
    background-repeat:no-repeat;
    background-position: center 0;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
}
.mainmenu li a:focus,
.mainmenu li a:hover,
.mainmenu li.act a {
    color:#70c303;
    background-position:center -79px;
}
.mainmenu li a.icon1 {background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046381/templates/template18/images/icon1.png);
}
.mainmenu li a.icon2 {background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046380/templates/template18/images/icon2.png);
}
.mainmenu li a.icon3 {background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046395/templates/template18/images/icon3.png);
}
.mainmenu li a.icon4 {background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046389/templates/template18/images/icon4.png);
}
.mainmenu li a.icon5 {background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046389/templates/template18/images/icon5.png);
}


/* ___________________ //Menu ___________________ */



/* ____________________ Follow Us ____________________ */

.follow_us {
    margin:0;
    padding:0;
}
.follow_us ul li {
    padding:0;
    margin:0 0 10px 22px;
}
.follow_us ul li:last-child {margin-bottom:5px;
}
.follow_us a {
    display:block;
    background-color:none;
    background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046396/templates/template18/images/top_socials.png);
    background-repeat:no-repeat;
    height:35px;
    width:35px;
    transition: background-position 0.3s ease-in-out;
    -webkit-transition: background-position 0.3s ease-in-out;
}
.follow_us a.soc1 {background-position:0 -35px;
}
.follow_us a.soc1:hover {background-position:0 0;
}
.follow_us a.soc2 {background-position:-45px -35px;
}
.follow_us a.soc2:hover {background-position:-45px 0;
}
.follow_us a.soc3 {background-position:-90px -35px;
}
.follow_us a.soc3:hover {background-position:-90px 0;
}
.follow_us a.soc4 {background-position:-135px -35px;
}
.follow_us a.soc4:hover {background-position:-135px 0;
}
.follow_us a.soc5 {background-position:-180px -35px;
}
.follow_us a.soc5:hover {background-position:-180px 0;
}
.follow_us a.soc6 {background-position:-225px -35px;
}
.follow_us a.soc6:hover {background-position:-225px 0;
}
.follow_us a.soc7 {background-position:-270px -35px;
}
.follow_us a.soc7:hover {background-position:-270px 0;
}

/* ___________________ //Follow Us ___________________ */



/* ____________________ About ____________________ */

img.foto {
    max-width:none !important;
    border-radius:4px 4px 0 0;
    margin:-25px -30px 15px;
}

.author_descr_inf {
    margin-bottom:-10px;
}
.author_descr_inf li {
    padding:10px 0 9px;
    border-bottom:1px solid #e4e4e4;
}
.author_descr_inf li:last-child {border-bottom:0;
}
.left_descr {
    float:left;
    width:123px;
    padding-right:10px;
    text-transform:uppercase;
    font-weight:500;
    color:#444446;
}
.right_descr {
    float:left;
    width:112px;
    font-weight:500;
}
.right_descr a {
    font-weight:500;
    color:#70c303;
}

.soc_icon {
    margin:-25px -30px 30px;
    padding:86px 5px 15px;
    text-align:center;
    font-weight:700;
    font-size:18px;
    color:#fff;
    background:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046388/templates/template18/images/icon6.png) no-repeat center top #70c303;
    border-radius:4px 4px 0 0;
}

/* __________ Video Block __________ */
.video_block img {
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    right:0;
    bottom:0;
    cursor:pointer;
    border-radius:4px;
}
.video_block iframe {border-radius:4px;
}
.video_block {
    margin-bottom:20px;
    height:227px;
}
.play {
    display:block;
    position:absolute;
    z-index:10;
    top:10%;
    left:50%;
    width:62px;
    height:62px;
    margin:-26px 0 0 -26px;
    background:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046396/templates/template18/images/play.png) no-repeat;
    opacity:0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.video_block:hover .play {
    top:50%;
    opacity:1;
    filter: alpha(opacity=100);
}

/* _________ //Video Block _________ */

/* ___________________ //About ___________________ */



/* ____________________ Resume ____________________ */


/* _______________ My Skills _______________ */
.skills_block {
    position:relative;
}
.skills_block:before {
    content:'';
    position:absolute;
    left:4px;
    top:-3px;
    right:4px;
    height:3px;
    background:#41abe5;
}
.skills_block_in .scroll-pane {width:100% !important;}
.skills_block_in .jspContainer {width:675px !important;height:541px !important;}

.module_diagramm ul.skills_list {
    margin-top:32px;
    padding:0;
    overflow:hidden;
}
.module_diagramm ul.skills_list li {
    margin-right:20px;
    width:212px;
    padding:0;
    display:inline-block;
    text-align:center;
}
.module_diagramm ul.skills_list li:last-child {margin-right:0;
}
.module_diagramm ul.skills_list li canvas {
    position:absolute;
    left:3px;
    top:3px;
}
.module_diagramm .chart {
    margin:0 auto 17px;
    padding:3px;
    position:relative;
    font-weight:700;
    text-align:center;
    font-size:54px;
    line-height:155px !important;
    color:#41abe5;
    border:2px solid #70c303;
    border-radius:50%;
}
.module_diagramm .chart span {
    display:inline-block;
    padding-top:26px;
    font-weight:500;
    font-size:32px;
    line-height:84px;
}
.module_diagramm .skill_descr {
    padding:0 10px;
}


/* ______________ //My Skills ______________ */

/* __________ Employment __________ */
.svg_tablet, .svg_mobile, .svg_mobile2 {display:none;
}
.employment_block {
    position:relative;
    width:920px;
    height:295px;
}
.employment_block h2.title {color:#70c303;
}
.employment1, .employment2, .employment3, .employment4, .employment5 {
    position:absolute;
    width:170px;
    font-size:12px;
}
.employment1 span, .employment2 span, .employment3 span, .employment4 span, .employment5 span {
    display:block;
    padding-bottom:9px;
    font-size:13px;
    color:#444446;
}
.employment1 p, .employment2 p, .employment3 p, .employment4 p, .employment5 p {
    text-transform:uppercase;
    font-size:13px;
    color:#444446;
    margin-bottom:0;
}
.employment1 {
    top:65px;
    left:-20px;
}
.employment2 {
    top:226px;
    left:59px;
}
.employment3 {
    top:184px;
    left:458px;
}
.employment4 {
    top:16px;
    left:357px;
}
.employment5 {
    top:184px;
    left:758px;
}
.text_align_right {text-align:right;
}

/* _________ //Employment _________ */

/* __________ Education __________ */
.svg_tablet, .svg_mobile, .svg_mobile2 {display:none;
}
.education_block {
    position:relative;
    width:920px;
    height:368px;
}
.education1, .education2, .education3, .education4, .education5, .education6 {
    position:absolute;
    width:170px;
    font-size:12px;
}
.education1 span, .education2 span, .education3 span, .education4 span, .education5 span, .education6 span {
    display:block;
    padding-bottom:9px;
    font-size:13px;
    color:#444446;
}
.education1 p, .education2 p, .education3 p, .education4 p, .education5 p, .education6 p {
    text-transform:uppercase;
    font-size:13px;
    color:#444446;
    margin-bottom:0;
}
.education1 {
    top:112px;
    left:-17px;
}
.education2 {
    top:171px;
    left:145px;
}
.education3 {
    top:298px;
    left:417px;
}
.education4 {
    top:33px;
    left:302px;
}
.education5 {
    top:203px;
    left:578px;
}
.education6 {
    top:113px;
    left:735px;
}
.text_align_right {text-align:right;
}

/* _________ //Education _________ */

/* ___________________ //Resume ___________________ */



/* ____________________ Portfolio ____________________ */
#filter {
    margin:6px 0 25px;
    text-align:center;
}
#filter li {
    display:inline-block;
    margin:0 14px;
}
#filter li a {
    display:inline-block;
    padding:0;
    text-transform:uppercase;
    font-weight:500;
    font-size:15px;
    color:#1c578f;
}
#filter li a:hover,
#filter li a.selected {
    color:#fff;
}
.hover_img {
    overflow:hidden;
    position:relative;
    margin:-25px -30px 0;
    background:#41abe5;
    border-radius:4px 4px 0 0;
}
.hover_img img {
    border-radius:4px 4px 0 0;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}
.hover_img:hover img {
    opacity:0.25;
    filter: alpha(opacity=25);
}
.zoom {
    position:absolute;
    left:50%;
    top:10%;
    margin:-37px 0 0 -37px;
    width:74px;
    height:74px;
    background-image:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046381/templates/template18/images/zoom.png);
    background-repeat:no-repeat;
    opacity:0;
    filter: alpha(opacity=0);
}
.hover_img:hover .zoom {
    top:50%;
    opacity:1;
    filter: alpha(opacity=100);
}

.description {
    position:relative;
    padding-top:33px;
}
.description:before {
    content:'';
    position:absolute;
    left:0;
    top:-7px;
    width:14px;
    height:7px;
    background:url(https://www.webforactors.com/cld/iadb/image/upload/v1787046390/templates/template18/images/description_arrow.png) no-repeat;
}
.description a {
    display:block;
    margin-bottom:9px;
    font-weight:400;
    line-height:30px;
    font-size:28px;
    color:#1c578f;
}
.element:hover .description a {
    color:#70c303;
}

.event_info {
    margin:-5px 0 15px;
    padding-bottom:14px;
    font-size:12px;
    color:#ababab;
    border-bottom:1px solid #ececec;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .project_item.min_height {min-height:315px;}

    .project_item.min_height2 {min-height:315px;}
}

a.btn_load_more {
    display:block;
    width:100%;
    margin-bottom:24px;
    padding:12px 0 13px;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    font-size:17px;
    color:#fff;
    border-radius:4px;
    background:#70c303;
}
a.btn_load_more:hover {
    background:#fff;
    color:#70c303;
}

/* ___________________ //Portfolio ___________________ */



/* ____________________ Contact ____________________ */
.contact_info  .txt_block {
    min-height:68px !important;
    font-weight:500;
}
.contact_info h4.title {
    margin-bottom:6px;
    text-transform:none;
    line-height:20px;
    font-size:20px;
}
.txt_block.contact_form {
    padding:20px 31px;
}

textarea,
input[type="text"] {
    margin:0 0 20px 0;
    padding: 17px 20px 18px;
    width: 406px;
    text-transform:none;
    font-family: 'Ubuntu', sans-serif;
    font-weight:400;
    font-size: 13px;
    color: #999;
    font-style:normal;
    border-radius: 0;
    background: #f3f3f3;
    border: 1px solid #f3f3f3;
    box-shadow: none;
}
input[type="text"].first {margin-right:17px;
}
textarea {
    min-height:103px;
    width:874px;
    overflow:hidden;
    resize: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #f3f3f3;
}

.contact_btn {
    display:block;
    cursor:pointer;
    width:100%;
    margin:0;
    padding:16px 0 17px;
    border: 0;
    border-radius: 0;
    box-shadow: 0;
    text-align:center;
    text-shadow:none;
    text-decoration:none;
    text-transform:uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight:700;
    line-height:20px;
    font-size:17px;
    color:#fff;
    background:#70c303;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.contact_btn:hover {
    background:#f3f3f3;
    color:#70c303;
}

.notification_error {
    color:#f00;
}

/* ___________________ //Contact ___________________ */



#copyright {
    margin:0 0 30px;
    padding:0;
    text-transform:none;
    text-align:center;
    font-weight:500;
    line-height:15px;
    color:#fff;
}
#copyright a {color:#fff;
}
#copyright a:hover {
    color:#70c303;
}


/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.element img {max-width:100%;
}



/* ____________________ Responsive Style ____________________ */

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
    margin-bottom:20px;
}
.row {margin-left:-20px;
}
.span12 {width: 980px;}
.span11 {width: 860px;}
.span10 {width: 780px;}
.span9 {width: 700px;}
.span8 {width: 640px;}
.span7 {width: 540px;}
.span6 {width: 480px;}
.span5 {width: 390px;}
.span4 {width: 320px;}
.span3 {width: 230px;}
.span2 {width: 140px;}
.span1 {width: 60px;}

@media (min-width: 768px) and (max-width: 979px) {
    .container {width:724px;}


    /* __________ Index __________ */
    .txt_block {padding:15px 20px;}

    .mainmenu li a {width:71px;}

    .vcard_link {width:260px;}

    .video_block iframe {height:195px;}
    /* __________ Index __________ */

    /* __________ About __________ */
    .nivoSlider {width:533px;}
    .nivo-caption {width:161px;left:-191px;padding:15px;}
    .nivo-caption h2.title {font-size:20px;line-height:24px;}
    .nivo-caption h4.title {font-size:15px;line-height:20px;margin-bottom:10px;}
    .nivo-caption p {margin-bottom:15px;}
    .nivo-controlNav {bottom:15px;left:15px;}

    img.foto {width:228px;margin:-15px -20px 10px;}
    .left_descr {width:70px;}
    .right_descr {width:105px;}

    .soc_icon {margin:-15px -20px 10px;}
    .follow_us ul li {margin-left:17px;}

    .mbYTP_wrapper iframe {width:352px !important;height:198px !important;}
    .player {width:352px;height:198px;}

    /* _________ //About _________ */

    /* __________ Resume __________ */
    .module_diagramm ul.skills_list li {width:320px;margin-bottom:20px;}

    .svg_full_width {display:none;}
    .svg_tablet {display:block;}

    .employment_block, .education_block {width:684px;height:295px;}

    .employment1 {top:65px; left:-20px;}
    .employment2 {top:226px; left:39px;}
    .employment3 {top:184px;	left:348px;}
    .employment4 {top:16px; left:257px;}
    .employment5 {top:184px;	left:558px;}



    .education1 {top:62px;	left:-17px;}
    .education2 {top:171px;	left:95px;}
    .education3 {top:198px;	left:317px;}
    .education4 {top:33px;	left:202px;}
    .education5 {top:203px;	left:508px;}
    .education6 {top:113px;	left:535px;}

    /* _________ //Resume _________ */

    /* __________ Portfolio __________ */
    .hover_img {margin:-15px -20px 0;}
    .description a {font-size:22px;line-height:26px;}
    /* _________ //Portfolio _________ */

    /* _________ Contact _________ */
    textarea {width:618px;}
    input[type="text"] {width:278px;}


    /* _________ //Contact _________ */

    .span12 {width: 724px;}
    .span11 {width: 662px;}
    .span10 {width: 600px;}
    .span9 {width: 538px;}
    .span8 {width: 476px;}
    .span7 {width: 414px;}
    .span6 {width: 352px;}
    .span5 {width: 290px;}
    .span4 {width: 228px;}
    .span3 {width: 166px;}
    .span2 {width: 104px;}
    .span1 {width: 42px;}

}

@media (max-width: 767px) {
    .container {width:470px;}

    /* __________ Index __________ */
    .txt_block {padding:15px 20px;}

    .mainmenu li a {width:72px;}
    .mainmenu li.last a {border-right:0;}

    .vcard_link {width:470px;border-radius:0 0 4px 4px;}

    .video_block {height:260px;}
    .video_block iframe {height:260px;}
    /* _________ //Index _________ */

    /* __________ About __________ */
    .nivoSlider {width:470px;}
    .nivo-caption {position:static;width:auto;padding:15px;}
    .nivo-caption a.read_more {margin-bottom:30px;}
    .nivo-controlNav {left:15px;bottom:15px;}

    img.foto {float:left;width:200px;margin:-15px 20px -15px -20px;border-radius:4px 0 0 4px;}
    .author_descr_inf {float:left;width:230px;}
    .left_descr {width:70px;}
    .right_descr {width:105px;}

    .soc_icon {width:120px;float:left;margin:-15px 20px -15px -20px;border-radius:4px 0 0 4px;}
    .follow_us {float:left;width:300px;}
    .follow_us ul li {display:inline-block;margin:0 5px 0 0;}

    .mbYTP_wrapper iframe {width:470px !important;height:265px !important;}
    .player {width:470px;height:265px;}
    /* _________ //About _________ */

    /* __________ Resume __________ */
    .module_diagramm ul.skills_list li {width:193px;margin-bottom:20px;}

    .svg_full_width {display:none;}
    .svg_mobile {display:block;}

    .employment_block, .education_block {width:430px;height:450px;}

    .employment1 {top:65px; left:-20px;}
    .employment2 {top:165px; left:5px;}
    .employment3 {top:265px;	left:35px;}
    .employment4 {top:50px; left:180px;}
    .employment5 {top:284px;	left:260px;}



    .education1 {top:62px;	left:-17px;}
    .education2 {top:155px;	left:15px;}
    .education3 {top:240px;	left:20px;}
    .education4 {top:33px;	left:202px;}
    .education5 {top:240px;	left:280px;}
    .education6 {top:325px;	left:220px;}

    /* _________ //Resume _________ */

    /* __________ Portfolio __________ */
    #filter li {margin:0 9px;}
    .hover_img {margin:-15px -20px 0;}
    .description a {font-size:22px;line-height:26px;}
    /* _________ //Portfolio _________ */

    /* __________ Contact __________ */
    textarea {width:366px;}
    input[type="text"] {width:152px;}

    /* _________ //Contact _________ */

    .row {margin-left:0;}
    [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding-bottom:20px;
    }

}

@media (max-width: 479px) {
    .container {width:310px;}

    /* __________ Menu __________ */
    .menu_btn a {display:block;padding:0 10px;text-align:center;}
    .mainmenu {display:none;padding:0 0 20px 10px;}

    .mainmenu li {float:none;text-align:left;width:100% !important;}
    .mainmenu li.act:before, .mainmenu li:hover:before, .mainmenu li:before {background:none;}
    .mainmenu li a:focus, .mainmenu li a:hover, .mainmenu li.act a, .mainmenu li a {padding:3px 10px 3px 0;text-align:left;border:0;background:none;}
    .mainmenu li.last a {border:0;}
    .mainmenu li.act a, .mainmenu li a:hover {color:#70c303;background:none;}

    .mainmenu li a.icon1, .mainmenu li a.icon2, .mainmenu li a.icon3, .mainmenu li a.icon4, .mainmenu li a.icon5 {background-image:none;}

    /* _________ //Menu _________ */

    /* __________ Index __________ */
    .vcard_link {width:310px;border-radius:0 0 4px 4px;}

    .video_block {height:172px;}
    .video_block iframe {height:172px;}
    /* __________ Index __________ */

    /* __________ About __________ */
    .nivoSlider {width:310px;}

    img.foto {width:310px;border-radius:4px 4px 0 0;float:none;margin:-15px -20px 20px;}
    .author_descr_inf {float:none;width:auto;}

    .mbYTP_wrapper iframe {width:310px !important;height:174px !important;}
    .player {width:310px;height:174px;}

    .follow_us {width:170px;}
    .soc_icon {width:90px;}
    .follow_us ul li {margin-bottom:8px;}
    /* _________ //About _________ */

    /* __________ Resume __________ */
    .module_diagramm ul.skills_list li {width:270px;margin-right:0;}

    .svg_full_width, .svg_mobile {display:none;}
    .svg_mobile2 {display:block;}

    .employment_block {width:270px;height:550px;}

    .employment1 {top:65px; left:-20px;}
    .employment2 {top:165px; left:5px;}
    .employment3 {top:265px;	left:35px;}
    .employment4 {top:360px; left:10px;}
    .employment5 {top:475px;	left:100px;}


    .education_block {width:270px;height:600px;}

    .education1 {top:62px;	left:-17px;}
    .education2 {top:155px;	left:15px;}
    .education3 {top:240px;	left:20px;}
    .education4 {top:325px;	left:0px;}
    .education5 {top:440px;	left:120px;}
    .education6 {top:525px;	left:75px;}
    /* _________ //Resume _________ */

    /* __________ Contact __________ */
    textarea, input[type="text"] {width:85%;}

    /* _________ //Contact _________ */




}
























