body{margin:0;padding:0;font-family: Cambria, Georgia, serif;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;max-width: 2000px;margin: 0 auto;box-shadow: rgba(0, 0, 0, 0.7) 0 0 10px;position: relative;}
p{margin:0;padding:0;}
img{border:0;}
a{color: #000;text-decoration: none;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;outline: none;}
a:hover{color: #000;text-decoration: underline;outline: none!important;}

.scrollup{width: 40px;height: 40px;position: fixed;bottom: 40px;right: 50px;display: none;text-indent: -9999px;background: url('../images/scroll-to-top-4.png') center no-repeat;background-color: #000;background-color: rgba(0,0,0,0.5);}
.scrollup:hover{background-color: #000;}


.tf-content{min-height: 400px;padding: 20px;}
.projects-p{text-align: center;}


.headline{width:100%;height:5px;background:#ecedf1;}
.headline-one{width:100%;background:#fff;}
.headline-one-content{padding: 15px;height: 84px;}
.center{background: url('../images/cover.jpg') repeat-x #0e7ac3;background-size: cover;text-align: center;color: #fff;cursor: default;overflow: hidden;padding: 80px 10px;position:relative;animation: cover 55s linear infinite;-webkit-animation: cover 55s linear infinite;}
@keyframes cover {from { background-position: -1470px 100%, 0 0;}to { background-position: 0 100%, 0 0; }}
@-webkit-keyframes cover {from { background-position: -1470px 100%, 0 0;}to { background-position: 0 100%, 0 0; }}

.center h1{font-size: 56px;font-weight: normal;margin: 0;position: relative;display: inline-block;}
.center h1 i{position: absolute; font-size: 12px; font-style: normal; font-weight: normal; right: 0; top: 13px; text-transform: uppercase;}
.center h2{font-weight: normal;font-size: 36px;margin: 0;}
.center h2 span{display: block;}
.logo{overflow: hidden;float: left;}

.logo-img a img{-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.logo-img a img:hover{-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}

.logo-img{vertical-align: middle;display: inline-block;}
.logo-text{font-size: 36pt;vertical-align: middle;display: inline-block;padding: 0 10px;position: relative;}
.logo-text i{position: absolute; font-size: 12px; font-style: normal; font-weight: normal; right: 9px; top: 10px; text-transform: uppercase;}
.logo-text a {color: #000;text-decoration: none;}
.logo-text a:visited {color: #000;text-decoration: none;}
.logo-text a:active {color: #000;text-decoration: none;}
.logo-text a:hover {color: #000;text-decoration: none;}

.head-buttons{position: absolute;right: 15px;top: 14px;font-weight: bold;}
.head-buttons a {color: #fff;text-decoration: none;padding: 10px 20px;outline:none;}
.head-buttons a:active {color: #fff;text-decoration: none;}
.head-buttons a:hover{color: #fff;text-decoration: none;background: #0e7ac3!important;}
.head-buttons a i{display:none;}


.mm{float: right;padding-top: 70px;font-size: 18px;}
.mm hr{display:none;}
ul.mmenu{margin: 0;padding: 0;list-style: none;}
ul.mmenu li{display: inline;}
ul.mmenu li a {color: #000;text-decoration: none;text-transform: uppercase;margin: 0 5px;}
ul.mmenu li a:hover{color: #0e7ac3;text-decoration: none;}
ul.mmenu li a i{display:none;}


.content{padding: 40px;}
.projects{height: 400px;}
.projects h2{padding: 0 20px;}
.projects-f::-webkit-scrollbar{width: 0;height:0;}
.projects-f{text-align: center;position: absolute;overflow-y: hidden;overflow-x: auto;left: 0;width: 100%;white-space: nowrap;cursor: url(../images/move.cur), auto;background: url('../images/lr.png') center bottom no-repeat;}

.project{width: 300px;height: 300px;background: url('../images/frame.jpg') no-repeat center top #e4e4e4;padding-top: 17px;overflow: hidden;box-shadow: #afafaf 0px 0px 10px;display: inline-block;margin: 15px;position: relative;}

.project a{position: absolute;left: 0;right: 0;top: 0;bottom: 40px;margin: auto;width: 44px;height: 47px;display:none;padding: 25px;border-radius: 50%;}
.project a:hover{background: #0e7ac3;}
.project:hover a{display:block;}
.project a i{font-size: 47px;color: #fff;}
.project:hover span{background: #106faf;background:rgba(16, 111, 175, 0.65);}
.project span{height: 100%;width: 100%;position: absolute;display: block;background: none;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;outline: none;cursor: default;}

.project p{display:none;position: absolute;bottom: 40px;left: 0;right: 0;margin: auto;padding: 0 5px;color: #efefef;font-family: arial;font-size: 18px;white-space: normal;font-weight: bold;}
.project p b{display: block;font-size: 24px;color: #fff;}
.project:hover p{display:block;}

.navbar-m{position: fixed;background: #1565c0;width: 100%;z-index: 9999;height: 60px;display:none;}
.navbar-m-menu{background: url('../images/mm-white.png');width: 20px;height: 18px;background-size: cover;position: absolute;left: 0;margin: 21px;cursor: pointer;}
.navbar-m-name{position: absolute;left: 0;right: 0;margin: 0 auto;width: 40px;height: 40px;text-align: center;padding: 10px;}
.navbar-m-name img{width: 40px;height: 40px;}
.navbar-m-tel{position: absolute;right: 0;margin: 21px;width: 20px;height: 18px;}
.navbar-m-tel img{width: 20px;height: 18px;}
.mm-mob-del{width: 100%;height: 100%;position: fixed;top: 0;z-index: 10000;display: none;}

.about{padding: 40px 0;}
.about-zag{font-size: 18px;padding: 20px;padding-top: 10px;padding-bottom: 25px;color: #fff;background: url(../images/cover.jpg) no-repeat #0e7ac3;background-size: cover;}
.about-content{max-width: 1372px;margin: 0 auto;}
.about-content h2{text-align: center;}
.about-content ul{margin: 0;padding: 0;list-style: none;text-align: center;}
.about-content ul li{display: inline-block;max-width: 300px;vertical-align: top;text-align: center;margin: 20px;font-size: 16px;color: #607D8B;}
.about-content ul li img{display: block;margin: 0 auto;}
.about-content ul li span{display: block;font-size: 24px;color: #546E7A;min-height: 60px;}
.ps-content{text-align: left;padding: 0 40px;color: #546167;}
.ps-content p span{color: #f39c12;font-size: 18px;font-weight: bold;}
.p{background: url(../images/about-icons/p.png) no-repeat;width: 30px;height: 30px;background-size: cover;position: absolute;}

.browsers{position: relative;height: 110px;text-align: center;}
.browsers-content{position: absolute;left: 0;right: 0;overflow-x: auto;white-space: nowrap;}
.browsers-content::-webkit-scrollbar{width: 0;height:0;}
.browsers img{margin: 10px;cursor: default;}

.footer-soc{color: #fff;background: url(../images/cover.jpg) no-repeat #0e7ac3 0 bottom;background-size: cover;}
.footer-soc-content{padding: 40px 20px;text-align: center;}
.footer-soc-content a{color: #fff; text-decoration: none;}
.footer-soc-content ul{margin: 0;padding: 0;list-style: none;}
.footer-soc-content ul li{display: inline-block;background: #0a609c;margin: 30px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;outline: none;}
.footer-soc-content ul li:hover{background: #003f6b;}
.footer-soc-content ul li a{display: block;padding: 10px;}
.footer-soc-content ul li a img{width: 50px;box-shadow: #000 0px 0px 10px;display: block;}
.footer-soc-content h1{margin: 0;font-size: 16px;color: #fff;padding: 20px;padding-bottom: 0;text-align: center;}

.warning-content p{text-align: center;padding: 10px;padding-bottom: 0;color: #ff0000;}

.counters{height: 0;overflow: hidden;}