@font-face {
 font-family: Lobster;
 src: url("fonts/lobster.ttf");
}
@font-face {
    font-family: "RobotoRegular";
    src: url("fonts/RobotoRegular/RobotoRegular.eot");
    src: url("fonts/RobotoRegular/RobotoRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoLight"; */
@font-face {
    font-family: "RobotoLight";
    src: url("fonts/RobotoLight/RobotoLight.eot");
    src: url("fonts/RobotoLight/RobotoLight.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoLight/RobotoLight.woff") format("woff"),
    url("fonts/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoMedium"; */
@font-face {
    font-family: "RobotoMedium";
    src: url("fonts/RobotoMedium/RobotoMedium.eot");
    src: url("fonts/RobotoMedium/RobotoMedium.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "RobotoBold"; */
@font-face {
    font-family: "RobotoBold";
    src: url("fonts/RobotoBold/RobotoBold.eot");
    src: url("fonts/RobotoBold/RobotoBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/RobotoBold/RobotoBold.woff") format("woff"),
    url("fonts/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
body{
    /*background: url("images/bodyfon.jpg") no-repeat;*/
/*    background: url("images/bodyfon2.jpg") no-repeat;
    background-size: cover;*/
/*    font-family: RobotoLight;*/
}
h2{
    font-family: RobotoRegular;
}



.page{
    padding-top: 51px;
}

.name {
    font-family: Lobster;
    /*font-size: 50px;*/
}
 

div.name {
    font-family: Lobster;
    font-size: 36px;
    margin-top: 14px;
    margin-bottom: 4px;
    /*font-size: 50px;*/
}

.head_title{
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
    margin: 0;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.ofrolance{
    font-style: italic;
}

.number{
    color: black;
}

.btn-zakaz{
    margin-top: 5px;
    border-radius: 0 !important;
    font-weight: bold !important;
    margin-top: 15px;
} 

.subhead{
    font-weight: bold;
    padding-top: 5px;
}

.head{
    color: white;
    background: url("../images/head_bg.jpg") no-repeat;
    background-size: cover;
}

.contact_bg{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
}

.hd_cont_bg{
    padding: 15px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
}

.foto{
    width: 125px;
}

.osebe{
    font-style: italic;
    font-size: 15px;
}
.osebe_img{
    width: 100%;
}
.o_sebe, .priimusche{
    background: url("../images/shtrihovka.png");
    padding-bottom: 30px;
}

.otziv{
    padding-bottom: 50px;
}
.mg50{
    margin: 50px 0;
}

.contact{
    background: url("../images/contact_bg.png") fixed no-repeat bottom center;
    background-size: cover;
    position: relative;
    color: white;
    
}

.contact_bg{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    min-height: 500px;
}

.head_contact_form{
    text-transform: uppercase;
    margin-bottom: 20px;
}
.vse{
    margin: 20px 0;
}
/*karusel*/
.home_portfolio{
    padding-bottom: 50px;
}

.left_bt:hover, .right_bt:hover{
    color: #0093c8 !important;
}
.left_bt, .right_bt{
    /*font-size: 0;*/
    /*line-height: 0;*/
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    /*color: transparent;*/
    border: none;
    outline: none;
    /*background: transparent;*/
    color: rgba(0, 147, 200, 0.51) !important;
    font-size: 40px;
    background: none;
}

.left_bt{
    left: -40px;
}
.right_bt{
    right: -40px;
}

.portfolio_img{
    width: 100%;
    border: 1px solid #ccc;
}
.portfolio-items{
    padding: 0 3px;
    display: block;
}

 
.img_item{
    position: relative;
}
 
 
/*end karsel*/




/*delayu*/
.block1{
    border: 1px solid #f8922f;
}
.block1-head{
    background: #f8922f; 
}
.block2{
    border: 1px solid #8dad3d;
}
.block2-head{
    background: #8dad3d; 
}
.block3{
    border: 1px solid #006c7a;
}
.block3-head{
    background: #006c7a; 
}
.block1-head, .block2-head, .block3-head{
    font-size: 25px;
    font-family: RobotoLight;
    color: white;
    padding: 3px;
}

.bl-body{
    padding: 0;
    list-style: none;
    margin: 0;
    font-family: sans-serif;
}

.bl-body li {
    border-bottom: solid 1px #cccccc;
    padding: 10px;
}
/*end delayu*/

/*priimuschestva*/
 
.prm_icon i{
    vertical-align: text-top;
}
.prm_icon{
    color:#0093c8;
    font-size: 20px;
/*    background: #0093c8;
    display: block;
    font-size: 50px;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    text-align: center;*/
    
}

.prm_head h3{
    margin-top: 3px;
}

.prm_body{
    text-align: justify;
}

.prm_block{
    margin-top: 30px;
}
/*end priimuschestva*/

/*rabota so mnoy*/
.steps .fa{
    display: inline-block;
    font-size: 49px;
    color: #fff;
    height: 130px;
    width: 130px;
    line-height: 117px;
    border-radius: 50%;
    text-align: center;
    background-color: #000;
    border: 5px solid #ffc000;
}
.steps .circle{
    background-color: #ffc000;
    margin: 10px auto;
}
.circle {
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
.description{
    border-top: 2px solid #000;
    padding-top: 10px;
    margin-top: 61px;
    position: relative;
}
.description .circle{
    
    background-color: #000;
    position: absolute;
    top: -16px;

}
.description.right-line .circle {
    left: 0;
}
.description .head-work {
    background-color: #000;
    color: #FFF;
    text-transform: uppercase;
    padding: 3px 15px 2px 0;
    display: inline-block;
    margin-bottom: 10px;
}
.description .nub-sort {
    background-color: #ffc000;
    color: #fff;
    padding: 5px 12px;
    margin-right: 12px;
    font-size: 17px;
}
.description.left-line .circle {
    right: 0px;
}
/*end rabota so mnoy*/

/*otziv*/
.otz_name img{
    margin: 0 auto;
}
.otz_site{
    font-size: 18px;
    padding: 10px 0;
}
.otz_bl{
    padding: 15px;
    
     
}
.otziv_sl{
    background: rgba(229, 229, 229, 0.53);
}
.otz_site_url{
    font-style: italic;
}
.otziv_bg{
    font-weight: bold;
    min-height: 170px;
    font-style: italic;
    margin-top: 30px;
    padding: 5px 15px;
    /*position: absolute;*/
    border-radius: 5px;
    /*box-shadow: 0 3px #f1a003, 0px 1px 1px rgba(255,255,255,.8);*/
    top: 170px;
/*    width: 940px;
    height: 180px;*/
    text-align: justify;
    background-color: #ABABAB;
}
    
    
.otziv_bg:before{
    content: "";
    position: absolute;
    left: 50px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-right: 20px solid #ABABAB;
    border-bottom: 0px solid transparent;
}

.otz_body{
    margin-top: 10px;
    position: relative;
}

/*end otziv*/


/*price*/
.pric{
    font-size: 30px;
    font-weight: bold;
    color: #C81720;
    margin-top: 20px;
}

.usl_opis{
    
}

.zakaz{
    margin-top: 10px;
}
 
.site_price i{
    margin-right: 10px;
}
.programing, .design{
    display: inline-block;
}

.podrobno{
    margin: 15px 0 5px;
}
.pr_head{
    font-size: 18px !important;
    margin-top: 10px !important;
    color: black;
    font-weight: bold;
}

.count_page{
    color: #C81720;
    margin-bottom: 20px;
}

.vklucheno{
    margin: 5px 0;;
}
/*end price*/

/*panel calculator*/
.slide-out-div {
    padding: 20px;
    width: 250px;
    background: #f2f2f2;
    border: #9eb91e 2px solid;
}

/*end panel calculator*/

.read_but span{
    display: block;
    line-height: 34px;
    padding: 0px 25px 0px 0px;
    font-size: 10px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}
.read_but span:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 18px;
    width: 28px;
    height: 30px;
    padding-left: 2px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: #464646;
    /*border-radius: 4px;*/
}
.read_but:hover{
    text-decoration: none;
}
.read_but{
    position: relative;
    padding-right: 30px;
    display: block;
    float: left;
    margin-left: 5px;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    background: #04A7EE;
    padding: 0 10px;
}

/*teni*/ 
.portfolio-items .img_item div.caption9 {
    width: 100%;
    height: 100%;
}
 .portfolio-items .img_item div.caption{
    display: block;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-family: Arial,sans-serif;
    font-weight: 400;
    font-size: 11px;
    position: absolute;
    overflow: hidden;
    text-shadow: 1px 1px 1px #303857;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 10px;
}
.portfolio-items .img_item:hover div.caption{
    width:100%;
    height:100%;
    opacity:1;
    filter:alpha(opacity=80);
}
.caption p{
    font-size: 13px;
}
.pcv_button {
    display: inline-block;
    padding: 5px 13px!important;
    margin: 10px 5px!important;
    margin-right: 0!important;
    border: solid 1px #000;
    float: right;
    background: #7abcff;
    background: -moz-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#7abcff),color-stop(44%,#60abf8),color-stop(100%,#4096ee));
    background: -webkit-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
    background: -o-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
    background: -ms-linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
    background: linear-gradient(top,#7abcff 0,#60abf8 44%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7abcff',endColorstr='#4096ee',GradientType=0);
    color: #eee;
    font: 100% Arial,Helvetica,sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 rgba(55,121,188,.5);
    text-decoration: none!important;
    vertical-align: middle;
    zoom: 1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 1px 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.3);
}
.pcv_button.red {
    border-color: #9e0b0f;
    background: #e41d24;
    background: -moz-linear-gradient(top,#fb4e55 0,#d7020a 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fb4e55),color-stop(100%,#d7020a));
    background: -webkit-linear-gradient(top,#fb4e55 0,#d7020a 100%);
    background: -o-linear-gradient(top,#fb4e55 0,#d7020a 100%);
    background: -ms-linear-gradient(top,#fb4e55 0,#d7020a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb4e55',endColorstr='#d7020a',GradientType=0);
    background: linear-gradient(top,#fb4e55 0,#d7020a 100%);
    color: #fff!important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}
.caption h3{
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #aaa;
    text-shadow: 1px 1px 1px #303857;
}
.caption h3, .caption p, .caption a {
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:all .3s ease-in-out .1s;
    -moz-transition:all .3s ease-in-out .1s;
    -o-transition:all .3s ease-in-out .1s;
    -ms-transition:all .3s ease-in-out .1s;
    transition:all .3s ease-in-out .1s;
}

 
.caption {
    background-color:rgba(146,96,91,0.5);
    filter:alpha(opacity=0);
    opacity:0;
    -webkit-transition:all .3s ease-in .4s;
    -moz-transition:all .3s ease-in .4s;
    -o-transition:all .3s ease-in .4s;
    -ms-transition:all .3s ease-in .4s;
    transition:all .3s ease-in .4s;
}

.caption:hover h3,.caption:hover p, .caption:hover a {
    filter:alpha(opacity=100);
    opacity:1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transition-delay:.2s;
    -moz-transition-delay:.2s;
    -o-transition-delay:.2s;
    -ms-transition-delay:.2s;
    transition-delay:.2s;
}

/*end teni*/

.vse_block{
    border: 1px solid #ccc;
     
}

.name_pr h2{
    font-size: 16px;
}
.link_pr a{
    color: #0093c8;
}
.bl_opis{
    border: 1px solid red;
    height: 110px;
}

.portfolio-one-img {
    padding: 15px 0;
}
.portfolio-one-img img{
    border: 1px solid #ccc;
    max-width: 400px;
    width: 100%;
}
.portfolio-one-url{
    font-weight: bold;
    padding: 15px 0 5px;
}

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

.contact_captcha input{
    height: 50px;
    width: 112px;
    font-size: 25px;
}
.subscribe_captcha input{
    height: 38px;
    width: 100%;
    font-size: 24px;
}

.footer{
    background-color: #262F36;
    color: rgba(255, 255, 255, .7);
}

.footext{
    padding: 20px 0;
    font-size: 13px
}

.sdb_menu li{
    list-style: none;
}
.bodymenu{
    padding: 0 !important;
}

.sdb_menu li{
     
    border-bottom: 1px solid #ddd;
}
.sdb_menu li.active{
    /*background-color: #44b5f6;*/
    background-color: #4cae4c;
}
.sdb_menu li.active a{
    color: #fff;
    font-weight: bold;
}
 
.sdb_menu{
    padding: 0;
    margin: 0;
}

.breadcrumbs ul li:before{
    color: #333 !important;
}
.breadcrumbs ul{
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #333;
     
}
.breadcrumbs ul a{
    color: #333;
    font-weight: bold;
}
.breadcrumbs ul li.active{
    color: #333;
}
/*.contact .help-block-error, .has-error label{
    //color: white !important;
}*/

.prevpost{
    /*border-bottom: 1px solid #ccc;*/
    padding: 10px 0;
    margin-bottom: 30px;
    border-top: 1px dashed #ddd;
}

.pricedetail{
    margin-bottom: 30px;
    margin-top: 20px;
}

.portfolio_img{
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
}

.tbl_price td:nth-child(2){
    color: green;
    font-weight: bold;
}

.prev_img{
    width: 100%;
    max-width: 600px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.price_img{
    width: 100%;
    max-width: 600px;
}

.aczii{
    margin-bottom: 50px;
}

.akz-opis{
    font-style: italic; 
    font-weight: bold; 
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.prz-block{
    background: #f1f1f1;
    margin: 0 -10px;
    padding: 10px 10px 20px;
    
}

.block-otstup{
    margin-bottom: 10px;
}

.drugie_uslugi{
    font-style: italic;
    font-weight: bold;
    margin: 30px 0 50px;
}

.info_uslugi{
    text-align: center;
    font-size: 36px;
    color: green;
}

.line_kat{
    margin-bottom: 15px;
}

.myvideo {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    border:1px solid #ccc;
    padding-left: 15px;
    margin-bottom: 50px;
}
.myvideo iframe,.myvideo object,.myvideo embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


@media (max-width: 480px) { 
    .logo_sm, .slog_sm{
        text-align: center;
        
    }
    .slog_sm h1{
        font-size: 18px;
    }
    .portfolio_sl, .otziv_sl{
        margin: 0 20px;
    }
    .block1, .block2, .block3{
        margin-top: 20px;
    }
    
    .omne{
        margin-top: 20px;
    }
    
    
}

@media (max-width: 767px) {
    .logo_sm, .slog_sm{
        text-align: center;
    }
    .portfolio_sl, .otziv_sl{
        margin: 0 30px;
    }
    
    .block1, .block2, .block3{
        margin-top: 20px;
    }
    .omne{
        margin-top: 20px;
    }
    .icon-soc{
        margin-bottom: 20px;
    }
    .head_title{
        margin-top: 20px;
    }
    
}

@media (min-width: 768px) and (max-width: 979px) {
    .block1, .block2, .block3{
        margin-top: 20px;
    }
    .omne{
        margin-top: 20px;
    } 
    .head_title{
        margin-top: 20px;
    }
}