body,html,#out { height:100%; }
img {max-width:100%;}
a, img {border:none; outline:none; }
*{ margin:0; padding:0; font-family: "segoeui",'Segoe UI',sans-serif; }
/*#content { min-height:100%; margin: 0 0 -200px; }*/
#content {min-height:100%;}
/*#all { padding: 0 0 200px; overflow:hidden; }*/
#all {overflow:hidden;}
#footer { height:270px; }
#header { background-color: #1d2124; }
#header header { width:980px; margin: 0 auto; overflow:hidden; height:45px; padding:5px 0;}
#mobile-menu { display:none; }
#logo {float:left; padding-top:2px; margin-right:20px;}
header nav { overflow:hidden; }
header nav li { list-style: none; float:left; }
header nav li a { display:block; line-height:40px; padding: 0 20px; color:#eee; text-decoration:none;
    -webkit-transition: color 0.5s; /* Safari */
    -o-transition: color 0.5s; 
    -moz-transition: color 0.5s; 
    -ms-transition: color 0.5s; 
    transition: color 0.5s; 
}
/*SLIDER*/
.slidesjs-previous, .slidesjs-next {display:none;}
.slidesjs-pagination {
    margin:6px 0 0;
    float: left;
    list-style: none;
    position: relative;
    z-index:5;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 1px;
}

.slidesjs-pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background: url( includes/img/pagination.png ) 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px }

.slidesjs-pagination li a:hover { background-position: 0 -26px }

#slides a:link, #slides a:visited { color: #333 }

#slides a:hover, #slides a:active { color: #9e2020 }

.slidesjs-container{height:320px !important;}
/*SLIDER END*/
header nav li a:hover { color:#0ba8ff; }
.blue { color:#0ba8ff; }
#banner { height:320px; background: #000; position:relative; }
.main-info { width:1024px; position:relative; height:320px; margin:0 auto; background:url('includes/img/plot.jpg') top center no-repeat; z-index:0 !important; }
.main-info2 { width:1024px; position:relative; height:320px; margin:0 auto; background:url('includes/img/laptop2.jpg') top center no-repeat; z-index:0 !important; }
.main-info:first-child { background:url('includes/img/0.jpg') top center no-repeat; }
.main-info:last-child { background:url('includes/img/plot2.jpg') top center no-repeat; }
#slider {width:1024px; margin: 0 auto; display:none;}
.intro { position: absolute; top:11px; right:0; color:#eee; width:440px;}
.intro h1, .intro h3 {text-align: center;}
.intro h1 { font-size: 35px; line-height: 42px; font-weight:normal; }
.intro h3 {font-size:16px; font-weight:normal; line-height:28px; margin-top:15px; color:#eaeaea;}
.order-button { background-color:#00cc33; width: 345px; height: 80px; line-height: 76px; font-size: 36px; color: #fff; display:block; margin: 20px auto 0; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #000;
    -webkit-transition: background-color 0.5s; /* Safari */
    -o-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.order-button:hover { background-color:#08dc3d;}
#main {width:980px; margin: 0 auto;}
.services {font-size:40px; padding: 35px 0 10px; text-align: center; text-transform: uppercase;}
.services-desc {font-size:16px; color:#555; text-align:center;  }
.columns { display:table; table-layout:fixed; width:100%; }
.column { display: table-cell; border-left: 1px solid #E4E4E4; padding: 0 20px 20px; }
.column h3 { font-size: 24px; height: 36px; line-height: 26px; font-weight:normal; }
.column:first-child {border-left:none;}
.column .column-text { color:#999; font-size:14px;}
.horizontal-sep {width:200px; border-bottom:1px solid #0ba8ff; margin:20px auto 35px;}
.services.thin {font-weight:normal; font-size:35px;}
/*08dc3d*/
#additional-inner { width:980px; margin: 0 auto; }
#additional-info { margin-top:15px; background-color: #F8F8F8; }
#additional-info .columns { margin:35px 0 0; padding-bottom:20px; }
#additional-info .column { border:none; }
.column-small {min-height:82px;}
.column-small img {float:left;}
.column-small>h3, .column-small>div { margin-left:50px;}
.column-small>h3 { line-height:35px; font-size:18px; font-weight:bold; }
.column-small:first-child {margin-bottom:35px;}
#footer { background-color:#111; }
footer { width:980px; height:270px; margin: 0 auto; padding-top:15px; }
footer>h3 { color:#0ba8ff; font-size:40px; text-align: center; line-height:53px; text-transform: uppercase;}
#contacts { color:#fff; text-align:center;}
#contacts>div:first-child { line-height:53px; margin-right:50px;}
#contacts>div { display:inline-block; }
.skype,.mail {font-size:25px; }
#copy {clear:both; color:#fefefe; text-align:center; font-size:14px; padding-top:35px;}
.column-price { float:right; width:80px; text-align:center; color:#111; }
.column-text { margin-right:100px;}
.column-order { display:block; color:#fff; background-color:#00cc33; height:30px; line-height:30px; font-size:11px; text-decoration: none; text-transform: uppercase;
    -webkit-transition: background-color 0.5s; /* Safari */
    -o-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.column-order:hover { background-color:#08dc3d; }
.price {padding: 0 0 8px; font-weight:bold; font-size:32px; line-height:1em; }
#recent-wrap { width: 980px; margin:0 auto;}
#recent {padding-bottom:25px;}

.recent-image {max-height:200px; height:200px; width: auto;}
#recent .column { border-left:none; }
.recent-head {margin: 15px 0; text-align:center;}
.recent-head a {color:#0ba8ff; font-size:24px; text-decoration: none; font-weight: normal;
    -webkit-transition: color 0.5s; /* Safari */
    -o-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -ms-transition: color 0.5s;
    transition: color 0.5s;
}
.recent-head a:hover { color:#01d8ff;}
.recent-text {color:#999;}
.recent-more {margin-top:15px; overflow:hidden; padding-top:15px; border-top: 1px solid #e4e4e4; }
.recent-read,.recent-comments { float:left; padding: 5px 10px; color:#111; background-color: #f9f9f9; text-decoration: none;
    -webkit-transition: background-color 0.5s; /* Safari */
    -o-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.recent-read:hover,.recent-comments:hover { background-color:#E4E4E4; }
.recent-comments { margin-left:20px; background: url("includes/img/comment.png") no-repeat 10px 50% #f9f9f9; padding-left: 36px; }

/*PRICING PAGE*/
#pricing {background-color:#f7f7f7; padding-bottom:50px;}
#pricing .columns { width: 980px; margin: 0 auto; }
#pricing .columns .column {border-left:none; padding:0 5px 0; }
.pricing-head {padding:20px 5px 10px;}
.column .pricing-headline { font-size: 35px; text-align: center; font-weight:bold; color:#fff; }
.pricing-subscription {text-align:center; color:#fff; font-size:14px; padding: 10px 0 0; min-height:76px;}
.pricing-subscription:last-child {min-height: 0; padding:0 0 10px;}
.pricing-price {font-size: 55px; text-align: center; font-weight:bold; color:#fff;}
.pricing-list { padding-top:10px; list-style: none;}
.pricing-list .pricing-item { text-align: center; padding: 10px 0; color:#494949;}
.pricing-list .pricing-item strong {color:#000;}
.pricing-head,.pricing-list,.pricing-button {background-color:#fff;}
.pricing-button { padding:20px 0; }
.pricing-order { display:block; color:#fff; background-color:#00cc33; width:250px; margin:0 auto; padding:15px 0; text-align: center; text-decoration:none; font-size:20px; font-weight:bold; box-shadow: 0 4px 0 #028b26;
    -webkit-transition: background-color 0.5s; /* Safari */
    -o-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.pricing-order:hover { background-color:#08dc3d; }
.pricing-order:active { background-color:#08dc3d; margin-top:4px; box-shadow: none; }
.blue-bg { background:#4e7cca; }
.green-bg {  background:#02a8a4; }
.gold-bg { background:#4f57a0; }

/*Blog*/
#blog { width: 970px; margin: 0 auto; padding: 10px 5px;}
#blog-right {float:left; width:300px;  box-shadow: 0 0 5px #cbcbcb; border:1px solid #e5e5e5; }
#blog-right, #blog-main {background-color:#fff; margin-bottom:20px;}
#blog-main {margin-right:8px; width:660px; box-shadow: 0 0 5px #cbcbcb; float:left;}
.post {padding:10px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.post-thumbnail img {max-width:200px;}
.post-thumbnail {float:left; border:1px solid #e5e5e5; padding:3px; box-shadow:  0 0 5px #e5e5e5;}
.post-content { margin-left: 225px;}
.post-head {font-size:26px !important; color:#4b4b4b; }
.post-head a {font-size:26px; color:#4b4b4b; text-decoration:none;
    -webkit-transition: color 0.2s; /* Safari */
    -o-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s; }
.post-head a:hover { color:#0ba8ff; }
.post-comments {color:#83868d; margin: 10px 0 10px; font-size:15px; }
.post-comments a,#post-content .post-comments a { color:#cdccd2;}
.post-comments a:hover,#post-content .post-comments a:hover { text-decoration: none; }
.post-description {color:#83868d; font-size:16px;}
.share {margin-top:20px; color:#83868d; font-size:15px; height:30px; line-height:30px;}
.share a {float:right; height:30px; line-height:30px; padding:0 10px; text-align:center; background-color:#00cc33; color:#fff; text-decoration: none; font-size:16px;
    -webkit-transition: background-color 0.2s; /* Safari */
    -o-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.share a:hover {background-color:#08dc3d;}
.blog-right-headline { color:#4b4b4b; font-size:20px; font-weight:normal; font-family: impact;}
.blog-right-desc { color:#83868d; font-size:14px; amrgin-top:3px; }
.popular-list,.category-list { list-style: none; margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.popular-list li { padding-bottom:10px; border-bottom:1px solid #e5e5e5;}
.popular-list li a,.category-list li a {color:#83868d; text-decoration: none; }
.popular-list li a:hover,.category-list li a:hover {color:#83868d; text-decoration: underline; }
.right-box {padding: 8px 10px 20px;}
.category-list li { list-style: disc; margin:0 19px 10px;}
#pagination ul { list-style: none; text-align:center; padding: 20px 0;}
#pagination ul li {display:inline; margin-right:10px;}
#pagination ul li:last-child { margin-right:0; }
#pagination li a { color:#0ba8ff; text-decoration:none; }
#pagination li a:hover { color:#0ba8ff; text-decoration:underline; }
#pagination li.page-active a { color:#4b4b4b; }
#pagination li.page-active a:hover { color:#4b4b4b; text-decoration: none; }
.search-box {border-bottom: 1px solid #e5e5e5; margin-bottom:20px;}
.search-box form {margin-top:7px; overflow:hidden;}
.search-button, .search-text {float:left;}
.search-text {height:20px; border:1px solid #e5e5e5; padding:2px 30px 2px 5px; width:200px; outline:none;}
.search-text:focus {border:1px solid #4b4b4b;}
.search-button { margin-left:-26px; background:url('includes/img/search-ico2.png') 50% 50% no-repeat; width:26px; border:none; height:26px; cursor:pointer;}
#post-content {padding:20px 30px;}
#post-content p {padding:5px 0;}
#post-content a {color:#0ba8ff;}
#post-content a:hover {text-decoration:none;}
#post-content ul, #post-content ol {margin-left:25px;}
#post-content li {margin-bottom:5px;}
#post-content li:last-child {margin-bottom:0;}
#post-content h2 {font-size:1.4em; padding:5px 0;}
#post-content h3 {font-size:1.2em; padding:5px 0;}
#post-content h4 {font-size:1.1em; padding:5px 0;}
#post-content h5 {font-size:0.9em; padding:5px 0;}
#post-content h6 {font-size:0.8em; padding:5px 0;}
/*/Blog*/
#page-main { box-shadow: 0 0 5px #cbcbcb; }

/*404*/
#main-404{
    font-size: 255px;
    font-weight: bolder;
    color:#0ba8ff;
    text-align:center;
}
#text-404{
    text-align: center;
    font-size: 22px;
}
#back-to-main{
    margin-top:5px;
    text-align: center;
    font-size: 18px;
}
#back-to-main a{
    font-size: 18px;
    color: #04afda;
}
#back-to-main a:hover{
    text-decoration: none;
}

.navigation {text-align: center; margin:10px 0;}
.pages { display:none; }
.navigation a {margin-right:10px; text-decoration: none; color:#333; }
.navigation .current {color:#016aa7; text-decoration: underline;}
.navigation span {margin-right:10px; color:#333; }
.navigation a:hover {text-decoration: underline; color:#04afda;}

.search-string {text-align:center; padding:20px 0; font-size:20px; font-weight:bold; border-bottom:1px solid #cbcbcb;}

#recent .recent-image-block {text-align:center;}

@media screen and (max-width: 980px) {
    body,html,#out { height:auto; }
    #header {position: fixed; z-index: 1; top:0; left:0; width:100%;}
    header nav { position: fixed; left:0; top:55px; z-index:1; background-color:#000; width: 200px; border-right:1px solid #1d2124; display:none; }
    header nav li { float:none; border-bottom:1px solid #1d2124; }
    #header header { overflow:visible; }
    #mobile-menu {display:block; float:left; padding-top:5px;}
    .mob-menu-ico { margin: 0 20px; width:30px; border-bottom:3px solid #eee; height:7px;}
    #banner {padding-top:55px;}
    #slider {width:100%;}
    .main-info {background:none; width:100%;}
    .intro {position: static; width:100%;}
    .order-button {width:280px;}
    #main {width:100%;}
    .column {float:none; display:block; border-left:none;}
    #additional-inner {width:100%;}
    .column-small {min-height: auto;}
    #content {min-height: auto; margin:0;}
    #all {padding: 0;}
    #out { width:100%; overflow:hidden;}
    #recent-wrap {width: 100%; }
    #recent .column {border-top:3px solid #e4e4e4; padding-top:10px; }
    .column .recent-image { max-width:100%; max-height:auto; height:auto;}
    footer {width:100%;}
    #footer {height:auto;}
    #contacts>div {display:block;}
    .slidesjs-pagination {display:none;}
    #contacts>div:first-child {margin-right:0;}
    #pricing {padding-top:55px;}
    #pricing .columns {width:100%;}
    #blog {padding-top:55px; width:100%;}
    #blog-main{ margin:0; box-shadow:none; float:none; width:auto;}
    #blog-right {float:none; width:auto;box-shadow:none; border-top:2px solid #e5e5e5;}
    .post-thumbnail img {max-width:100px;}
    .post-head {margin-left:130px;}
    .post-content {margin-left:0;}
    .post-comments {clear:both; padding-top:20px;}
    .share {padding-right:20px;}
    #post-content .post-head {margin-left:0;}
    #content-404 { width:auto; padding-bottom:30px; }
    #main-404 {font-size:8em;}
}