/*Основное*/
body{padding: 0; margin: 0; font-size: 16px; font-family: 'Arial'; overflow-x: hidden !important; background: url(/images/pattern.jpg);}
html{/*min-height: 100%; border-bottom: 1px solid #fff;*/}
img{border: none;}

/*Второстепенное*/
.wrapper{min-width: 960px; max-width: 1200px; margin: auto; position: relative;}
.transition{-moz-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.line-top{background: url(/images/line-top.png); height: 5px;}
.line-middle{height: 1px; border-bottom: 1px dotted #c8d8df; margin: 20px 0px 60px 0px;}
.line-bottom{background: url(/images/line-bottom.png); height: 5px;}
.logo{position: absolute; left: 50px; top: 70px;}
.center-title{width: 960px; margin: auto; text-align: center; font-size: 18px; color: #65778c; font-weight: bold;}
.no-display{display: none !important;}
.test{border: 1px solid red !important;}
.relative{position: relative;}
.clear{clear: both;}
.space{height: 20px;}

/*Модальное окно*/
#lean_overlay{position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; display: none;}
#budgeting{display: none; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; height: 150px; width: 600px;}
#budgeting .answer-box{position: relative; background: #fff; padding: 20px 20px 18px 20px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-align: center;}
#budgeting .answer-box .budget-close{background: url(/images/close.png) 0px 0px; width: 16px; height: 16px; position: absolute; right: 8px; top: 6px; cursor: haind; cursor: pointer;}
#budgeting .answer-box .budget-close:hover{background-position: 0px 16px;}
#budgeting .answer-box .budget-close:active{background-position: 0px 32px;}
#budgeting .answer-box .budget-title{color: #44abd9; background: #f9f9f9; padding: 5px 0px 5px 0px; margin-bottom: 10px; font-weight: bold; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position: relative;}
#budgeting .answer-box .budget-answer{color: #65778c; font-size: 14px; line-height: 19px;}

/*Предзагрузка изображений*/
.preload-close{background: url(/images/close.png); height: 1px; width: 1px; opacity: 0.1;}
.preload-shadow{background: url(/images/arrows.png); height: 1px; width: 1px; opacity: 0.1;}
.preload-right-arrow{background: url(/images/arrow-right.png); height: 1px; width: 1px; opacity: 0.1;}
.preload-left-arrow{background: url(/images/arrow-left.png); height: 1px; width: 1px; opacity: 0.1;}

/*Боковые изображения*/
.side-left-home{position: absolute; left: -230px; top: 210px;}
.side-right-home{position: absolute; right: -230px; top: 185px;}
.side-left-other{position: absolute; left: -320px; top: 210px;}
.side-right-other{position: absolute; right: -315px; top: 230px;}

/*Навгация*/
.navigation{padding-left: 32px; padding-top: 99px; color: #65778c; font-size: 14px; text-align: center;}
.navigation ul{list-style: none; margin: 0; padding: 0; display: inline-table; text-decoration: none !important;}
.navigation ul li.active, .navigation ul li:hover{display: inline; margin: 0px 5px; border: 2px solid #c8d8df; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; padding: 6px 15px; color: #b465a6; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-decoration: none;}
.navigation ul li.active{cursor: default;}
.navigation ul li{display: inline; margin: 0px 5px; background: #fff; border: 2px solid #fff; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; padding: 6px 15px; text-decoration: none;}
.navigation ul a li{color: #551a8b; text-decoration: none;}
.navigation ul a{color: #551a8b; text-decoration: none;}

/*Я люблю Таджикистан*/
.love-tajikistan{position: absolute; right: 50px; top: 95px; font-style: italic;}
.love-tajikistan div.tajikistan{background: url(/images/tajikistan.png) 0px -28px; width: 136px; height: 28px;}
.love-tajikistan div.tajikistan:hover{background-position: 0px 0px;}

/*Статистика*/
.statistic{position: relative; height: 180px; width: 960px; margin: 0px auto; font-family: 'Trebuchet MS'; color: #777777;}
.statistic .part{max-width: 960px;}
.statistic .name{text-align: center; margin-bottom: 35px; font-size: 25px; color: #65778c;}
.statistic .first-fact{width: 192px; border: 0px solid red; height: 70px; float: left; position: relative;}
.statistic .first-fact .text-fact{position: absolute; left: 50px; top: 6px; line-height: 1.1em;}
.statistic .first-fact #text-fact{text-align: left; width: 105px;}
.statistic .second-fact{width: 304px; border: 0px solid red; height: 70px; float: left; position: relative;}
.statistic .second-fact .text-fact{position: absolute; left: 152px; top: 6px; line-height: 1.1em;}
.statistic .second-fact #text-fact{text-align: right; width: 105px;}
.statistic .third-fact{width: 285px; border: 0px solid red; height: 70px; float: left; position: relative;}
.statistic .third-fact .text-fact{position: absolute; left: 117px; top: 6px; line-height: 1.1em;}
.statistic .third-fact #text-fact{text-align: right; width: 105px;}
.statistic .fourth-fact{width: 179px; border: 0px solid red; height: 70px; float: left; position: relative;}
.statistic .fourth-fact .text-fact{position: absolute; left: 50px; top: 6px; line-height: 1.1em;}
.statistic .fourth-fact #text-fact{text-align: left; width: 105px;}
.statistic .first-fact .number, .statistic .second-fact .number, .statistic .third-fact .number, .statistic .fourth-fact .number{font-size: 60px; font-weight: bold; line-height: 1.1em; color: #56ace0;}

/*Начало*/
.begin{margin: 130px 0px 60px 47px;}
.begin h1{font-size: 40px; font-weight: normal; font-family: Calibri, 'Trebuchet MS'; color: #1e1e1e; margin-bottom: 10px;}
.begin h1 strong{color: #44abd9;}
.begin .description{font-style: italic; color: #8b8b8b; font-size: 20px; font-family: Calibri, 'Trebuchet MS';}

/*Промо-блоки*/
.block-promo{position: relative; width: 980px; margin: 0px auto;}
.block-promo .marks{position: absolute; left: 0; top: 0;}
.block-promo .marks .title{display: block; font-size: 20px; font-weight: bold; color: #65778c; margin-bottom: 10px;}
.block-promo .marks .descriptions{display: block; font-size: 16px; font-weight: normal; color: #65778c; margin-bottom: 20px;}
.block-promo .marks .mark{display: block; color: #44abd9; font-size: 14px;}
.block-promo .marks .marks-space{margin-bottom: 4px;}
.block-promo .marks .link-space{color: #65778c;}
.block-promo .marks a{color: #44abd9; text-decoration: underline;}
.block-promo .marks a:hover{color: #44abd9; text-decoration: none;}
.block-promo .text{position: absolute; left: 300px; top: 0; color: #65778c; line-height: 25px;}
.block-promo .services{position: absolute; left: 300px; top: 0;}
.block-promo .services .first{font-size: 16px; width: 225px; height: 100px; border: 0px solid red; color: #67798d; font-size: 14px;}
.block-promo .services .first img{position: absolute; left: 12px; top: 25px;}
.block-promo .services .second{position: absolute; top: 0px; left: 226px; font-size: 16px; width: 225px; height: 100px; border: 0px solid red; color: #67798d; font-size: 14px;}
.block-promo .services .second img{position: absolute; left: 15px; top: 22px;}
.block-promo .services .third{position: absolute; top: 0px; left: 453px; font-size: 16px; width: 225px; height: 100px; border: 0px solid red; color: #67798d; font-size: 14px;}
.block-promo .services .third img{position: absolute; left: 8px; top: 24px;}
.block-promo .services .first .name-service, .block-promo .services .second .name-service, .block-promo .services .third .name-service{position: absolute; left: 75px; top: 26px; margin-right: 5px;}
.block-promo .promo-text{position: absolute; left: 240px; top: 10px; color: #65778c; line-height: 25px;}
.block-promo .service-text{position: absolute; left: 240px; top: -4px; color: #65778c; line-height: 25px;}
.block-promo .service-text strong{display: block; margin-bottom: 5px;}
.block-promo .service-icon{margin-left: 15px;}
.block-promo .we-love{position: absolute; left: 300px; top: -4px;}
.block-promo .we-love table{margin: 0; padding: 0;}
.block-promo .we-love table tr td{width: 140px; border: 0px solid red; text-align: center; font-family: Calibri, 'Trebuchet MS'; font-size: 15px; color: #65778c;}
.block-promo .calculator{position: absolute; left: 300px; top: 0; width: 677px; font-size: 15px; color: #65778c;}
.block-promo .calculator .block{text-align: center; margin: 10px 0px;}
.block-promo .calculator .block label.indent{margin-right: 30px;}
.block-promo .calculator a{color: #44abd9; text-decoration: underline; margin-left: 10px;}
.block-promo .calculator a:hover{color: #44abd9; text-decoration: none;}
.block-promo .calculator input{background: #fff; border: 2px solid #c8d8df; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; padding: 6px 15px; color: #b465a6; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-align: center; width: 155px;}
.block-promo .calculator input:hover{background: #fff; border: 2px solid #b2c6cf; outline: none;}
.block-promo .calculator input:active, .block-promo .calculator input:focus{background: #fff; border: 2px solid #96afba; outline: none;}
.block-promo .calculator label span{text-align: center; position: absolute; top: 26px; left: 0; width: 185px; font-size: 11px; color: #97a4b3;}
.block-promo .calculator button{background: #fff; border: 2px solid #c8d8df; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; padding: 6px 15px; color: #b465a6; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-align: center; width: 180px;}
.block-promo .calculator button{background: #fff; border: 2px solid #c8d8df; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; padding: 6px 15px; color: #b465a6;}
.block-promo .calculator button:hover{background: #f8f9fd; border: 2px solid #b2c6cf; outline: none; cursor: pointer;}
.block-promo .calculator button:active{background: #fff; border: 2px solid #96afba; outline: none;}
.block-promo .calculator button:focus{outline: none;}
.block-promo .calculator button.calculate{background: #fff; border: 2px solid #c8d8df; -webkit-border-radius: 16px; -moz-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; padding: 6px 15px; color: #b465a6;}
.block-promo .calculator button.calculate:hover{background: #f8f9fd; border: 2px solid #b2c6cf; outline: none; cursor: pointer;}
.block-promo .calculator button.calculate:active{background: #fff; border: 2px solid #96afba; outline: none;}
.block-promo .calculator button.calculate:focus{outline: none;}

/*Размеры промо-блоков*/
.block-promo-260{height: 260px;}
.block-promo-240{height: 240px;}
.block-promo-220{height: 220px;}
.block-promo-200{height: 200px;}
.block-promo-190{height: 190px;}
.block-promo-180{height: 180px;}
.block-promo-170{height: 170px;}
.block-promo-160{height: 160px;}
.block-promo-150{height: 150px;}
.block-promo-140{height: 140px;}
.block-promo-120{height: 120px;}

/*Портфолио*/
.portfolio{margin: auto; width: 960px; position: relative;}
.portfolio .work{background: #fff; width: 308px; height: 277px; position: relative; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 45px; margin-right: 18px;}
.portfolio .crossing{margin-right: 0px !important;}
.portfolio .work .text h2{color: #666; display: block; margin-bottom: 10px; font-size: 16px; padding: 0; margin-top: 0;}
.portfolio .work .text p{color: #666; display: block; font-size: 15px; padding: 0px 10px; margin: 0;}
.portfolio .work .text{padding: 20px; text-align: center;}
.portfolio .work img{width: 345px; height: 216px; position: absolute; bottom: -28px; left: -16px;}

/*Прогресс компании*/
.progress{width: 940px; margin: 0px auto;}
.progress-settings{margin-top: 80px; margin-left: -42px;}
.progress ul{list-style: none; width: 2px; margin: 60px auto 0px auto; position: relative;}
.progress ul li{width: 2px; height: 50px; background: #c3d9e0; position: relative; margin-bottom: 14px;}
.progress ul li:last-child{background: none;}
.progress ul li .dot{position: absolute; top: -14px; left: -6px; display: block; width: 14px; height: 14px; background: #c3d9e0; border-radius: 14px;}
.progress ul li .dot:after{position: absolute; bottom: 4px; left: 4px; content: ' '; display: block; width: 6px; height: 6px; background: #fff; border-radius: 6px;}
.progress ul li .moment-body{height: 48px; position: absolute; top: -31px; background: #e2eaec; padding: 0 12px; white-space: nowrap; opacity: 0.6;}
.progress ul li .moment-body div.entry{height: 45px; margin: 4px 0px 0px 0px;}
.progress ul li .moment-body div.entry strong{font-weight: bold; display: block; font-family: Calibri, 'Trebuchet MS'; font-size: 16px; margin-bottom: 1px;}
.progress ul li .moment-body div.entry span{font-weight: normal; display: block; font-family: Calibri, 'Trebuchet MS'; font-size: 16px;}
.progress ul li.right-progress .moment-body{left: 38px;}
.progress ul li .moment-body:hover{background: #c3d9e0;}
.progress ul li.right-progress .moment-body:hover:after{border-right: 20px solid #c3d9e0;}
.progress ul li.right-progress .moment-body:after{position: absolute; content: ' '; border-bottom: 24px solid transparent; border-top: 24px solid transparent; border-right: 20px solid #e2eaec; top: 0; left: -20px;}
.progress ul li.left-progress .moment-body{right: 38px; text-align: right;}
.progress ul li.left-progress .moment-body:hover:after{border-left: 20px solid #c3d9e0;}
.progress ul li.left-progress .moment-body:after{position: absolute; content: ' '; border-top: 24px solid transparent; border-bottom: 24px solid transparent; border-left: 20px solid #e2eaec; top: 0; right: -20px;}

/*Цитаты*/
.quote{width: 960px; margin: 40px auto 60px auto; color: #65778c; line-height: 23px; position: relative;}
.quote .quoter{z-index: 10; position: absolute; left: 0; top: -25px;}
.quote .text{position: relative; z-index: 100; margin: 0px 30px; font-size: 15px;}

/*Тотал*/
.total{position: relative; height: 185px; width: 960px; margin: 0px auto;}
.total .text{text-align: center; margin: 30px 0px; font-size: 19px; color: #65778c;}
.total .text a{color: #44abd9; font-weight: bold;}
.total .text a:hover{color: #212121;}

/*Слайд-шоу*/
.slideshow .main{width: 980px; height: 680px; margin: 50px auto 0px auto; z-index: 0;}
.slideshow .main .layer_group_list{width: 980px; height: 610px; margin: 0; padding: 0;}
.slideshow .main .layer_group_list li{position: relative; width: 980px; height: 610px; display: none;}
.slideshow .main .layer_group_list li.current{display: block;}
.slideshow .main .layer_group_list li .fix{width: 980px; height: 400px; margin: 0px auto; position: absolute; top: 50px;}
.slideshow .main .layer_group_list li .fix .control{width: 980px; height: 400px; position: relative;}
.slideshow .main .layer_group_list li .text{width:980px; position: absolute; left: 0; right: 0px; top: 450px; text-align: center; z-index: 7;}
.slideshow .main .layer_group_list li .text h1{font-size: 60px; font-weight: normal; font-family: Calibri, 'Trebuchet MS'; color: #1e1e1e; margin-bottom: 20px;}
.slideshow .main .layer_group_list li .text h1 strong{color: #44abd9;}
.slideshow .main .layer_group_list li .text div{font-style: italic; color: #8b8b8b; font-size: 20px; font-family: Calibri, 'Trebuchet MS';}
.slideshow .main-arrow{position: absolute; top: 290px; left: 45px; right: 45px;}
.slideshow #main-arwleft{position: absolute; top: -44px; left: -20px; display: block; width: 150px; height: 350px; z-index: 99999;}
.slideshow #main-arwleft.active{background-position: 0 -85px;}
.slideshow #main-arwleft.active:hover{background-position:0 -170px; cursor: pointer;}
.slideshow #main-arwright{position: absolute; top: -44px; right: -20px; display: block; width: 150px; height: 350px; z-index: 99999;}
.slideshow #main-arwright.active{background-position: -85px -85px;}
.slideshow #main-arwright.active:hover{background-position: -85px -170px; cursor: pointer;}
.slideshow #main-arwleft img, .slideshow #main-arwright img{position: absolute; top: 35px; left: 48px; display: none;}
.slideshow #main-arwleft:hover img, .slideshow #main-arwright:hover img{display: block;}
.slideshow #main-arwleft:hover, .slideshow #main-arwright:hover{background: url(/images/arrows.png);}
.slideshow #main-arwright:active, .main-arrow #main-arwleft:active{opacity: 0.7;}

/*Слайды*/
.slideshow .error-background{opacity: 1; position: absolute; left: 30px; top: 70px;}
.slideshow .error-dog-and-cat{opacity: 1; position: absolute; left: 80px; top: 160px;}
.slideshow .branding-background{opacity: 1; position: absolute; left: 85px; top: 50px;}
.slideshow .branding-developer{opacity: 1; position: absolute; left: 40px;}
.slideshow .branding-rocket{opacity: 1; position: absolute; left: 430px;}
.slideshow .seo-background{opacity: 1; position: absolute; left: 12px; bottom: 0px;}
.slideshow .seo-gold{opacity: 1; position: absolute; left: 460px; bottom: 0px;}
.slideshow .seo-suitcase{opacity: 1; position: absolute; left: 50px; bottom: 0px;}
.slideshow .seo-picture{opacity: 1; position: absolute; right: 150px; top: 50px;}
.slideshow .seo-human{opacity: 1; position: absolute; left: 300px; bottom: 0px;}
.slideshow .web-background{opacity: 1; position: absolute; left: 6px; bottom: 0px;}
.slideshow .web-notebook{opacity: 1; position: absolute; left: 47px; bottom: -23px;}
.slideshow .web-girl{opacity: 1; position: absolute; left: 207px; bottom: -30px;}
.slideshow .ad-city{opacity: 1; position: absolute; left: -30px; bottom: -60px;}
.slideshow .ad-billdboard{opacity: 1; position: absolute; right: 20px; bottom: 40px;}
.slideshow .ad-car{opacity: 1; position: absolute; left: 30px; bottom: 15px;}
.slideshow .ad-girl{opacity: 1; position: absolute; right: 240px; top: 20px;}
.slideshow .photo-background{opacity: 1; position: absolute; left: 60px; bottom: -20px;}
.slideshow .photo-camera{opacity: 1; position: absolute; right: 60px; bottom: 10px;}
.slideshow .photo-umbrella{opacity: 1; position: absolute; left: 90px; bottom: 0px;}
.slideshow .photo-girl{opacity: 1; position: absolute; left: 340px; bottom: 0px;}
.slideshow .smm-background{opacity: 1; position: absolute; left: 60px; bottom: -10px;}
.slideshow .smm-like{opacity: 1; position: absolute; left: 180px; bottom: -10px;}
.slideshow .smm-social{opacity: 1; position: absolute; left: 350px; top: 0px;}
.slideshow .data-background{opacity: 1; position: absolute; left: -5px; bottom: 10px;}
.slideshow .data-equipment{opacity: 1; position: absolute; left: 155px; bottom: -10px;}
.slideshow .data-man{opacity: 1; position: absolute; left: 355px; bottom: -30px;}
.slideshow .data-shoes{opacity: 1; position: absolute; right: -5px; bottom: -35px;}
.slideshow .mobile-background{opacity: 1; position: absolute; left: -10px; bottom: 10px;}
.slideshow .mobile-sofa{opacity: 1; position: absolute; left: 130px; bottom: 5px;}
.slideshow .mobile-people{opacity: 1; position: absolute; right: 270px; bottom: -20px;}
.slideshow .mobile-pillows{opacity: 1; position: absolute; left: 0px; bottom: -15px;}

/*Контакты*/
.contacts{width: 980px; margin: 0px auto 60px auto; height: 300px; position: relative;}
.contacts .information{position: absolute; right: 0; height: 300px; width: 680px; background: url(/images/map.png); border-left: 1px solid rgba(204,212,213,0.5);  z-index: 9999;}
.contacts .information .block{width: 500px; margin: 95px auto; text-align: center;}
.contacts .information .block .company{color: #65778c; font-size: 15px; font-weight: bold;}
.contacts .information .block .address{color: #65778c; font-size: 15px;}
.contacts .information .block .data{color: #65778c; font-size: 15px;}
.contacts .information .block .data span{color: #abc6e6;}
.contacts .information .block .data a{color: #44abd9; text-decoration: none;}
.contacts .information .block .data a:hover{color: #44abd9; text-decoration: underline;}

/*Настройки карты*/
#google-container{position: relative; background-color: #fff; width: 980px; height: 300px; z-index: 999;}
#cd-google-map{position: relative;}
#cd-zoom-in, #cd-zoom-out{height: 32px; width: 32px; cursor: pointer; margin-left: 22px; background-color: rgba(98, 161, 207, 0.5); background-repeat: no-repeat; background-size: 32px 64px; background-image: url("/images/map/cd-icon-controller.svg");}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover{background-color: #2ca2d2;}
#cd-zoom-in{background-position: 50% 0; margin-top: 20px; margin-bottom: 1px;}
#cd-zoom-out{background-position: 10% -32px;}

/*Футер*/
.footer{height: 100px;}
.footer .strip{background: #c8d8df; height: 2px;}
.footer .copyright{font-size: 14px; color: #9aa6b4; font-style: italic; position: relative; width: 980px; margin: 0px auto;}
.footer .copyright .shedevr{position: absolute; left: 0px; top: 20px;}
.footer .copyright .authorship{position: absolute; left: 200px; top: 26px; width: 550px;}
.footer .copyright .authorship span{display: block; margin-bottom: 5px;}
.footer .copyright .authorship abbr{border-bottom: 1px dashed #9aa6b4;}
.footer .copyright .authorship a{color: #9aa6b4; text-decoration: none;}
.footer .copyright .authorship a:hover{color: #44abd9; text-decoration: none;}
.footer .copyright .roof{position: absolute; right: 83px; top: 42px; width: 200px; text-align: right;}
.footer .copyright .aura{position: absolute; right: 0px; top: 38px; width: 200px; text-align: right;}

/*Настройки для мобильных и планшетных компьютеров*/
@media only screen and (max-device-width: 1024px) and (orientation:portrait){
	.wrapper{overflow-x: hidden !important;}
	.logo{left: 10px !important;}
	.love-tajikistan{right: 10px !important;}
	.begin{margin-left: 10px !important;}
	.footer .copyright{width: 960px !important;}
	.block-promo{width: 960px !important;}
	.contacts{width: 960px !important;}
	.contacts .information{width: 660px !important;}
	#google-container{width: 960px !important;}
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape){
	.wrapper{overflow-x: hidden !important;}
	.logo{left: 10px !important;}
	.love-tajikistan{right: 10px !important;}
	.begin{margin-left: 10px !important;}
	.footer .copyright{width: 960px !important;}
	.block-promo{width: 960px !important;}
	.contacts{width: 960px !important;}
	.contacts .information{width: 660px !important;}
	#google-container{width: 960px !important;}
}