body{font-family:'Poppins',sans-serif}
header{height:160px;padding:20px 0}
header .logo{float:left}
header .header-right{float:right;text-align:right}
header .header-right .box{display:inline-grid;padding:0 10px 10px 50px;margin:0 10px;text-align:left;vertical-align:middle}
header nav{width:100%;text-align:right}
header nav ul{list-style:none;border-top:1px solid #ebebeb;display:inline-block;padding:10px 0 0}
header nav ul li{display:inline-block; position: relative;}
header nav ul li a{display:block;padding:15px 20px;font-weight:600;color:#000}
header nav ul li ul { width: 220px; display: none; position: absolute; top: 50px; z-index: 999; text-align: left;background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.2)}
header nav ul li:hover ul { display: block; }
header nav ul li ul li a{ font-size: 14px !important;padding:10px 20px;}
header .header-right .box a{color:#000}
header nav ul li.active a,header nav ul li a:hover,header .header-right .box a:hover{color:#0083D1}
.i-pin{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy44MDkiIGhlaWdodD0iMjQuNTg2IiB2aWV3Qm94PSIwIDAgMTcuODA5IDI0LjU4NiI+CiAgPGcgaWQ9Im1hcHMtYW5kLWZsYWdzXzJfIiBkYXRhLW5hbWU9Im1hcHMtYW5kLWZsYWdzICgyKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcwLjU3MykiPgogICAgPGcgaWQ9Ikdyb3VwXzI2IiBkYXRhLW5hbWU9Ikdyb3VwIDI2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3MC41NzMpIj4KICAgICAgPHBhdGggaWQ9IlBhdGhfNDkiIGRhdGEtbmFtZT0iUGF0aCA0OSIgZD0iTTc5LjQ3NywwYTguOTE0LDguOTE0LDAsMCwwLTguOSw4LjljMCw2LjA5Myw3Ljk2OCwxNS4wMzgsOC4zMDgsMTUuNDE2YS44LjgsMCwwLDAsMS4xOTMsMEM4MC40MTMsMjMuOTQzLDg4LjM4MSwxNSw4OC4zODEsOC45QTguOTE0LDguOTE0LDAsMCwwLDc5LjQ3NywwWm0wLDEzLjM4NGE0LjQ4LDQuNDgsMCwxLDEsNC40OC00LjQ4QTQuNDg1LDQuNDg1LDAsMCwxLDc5LjQ3NywxMy4zODRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzAuNTczIDApIiBmaWxsPSIjMDA4M2QxIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K) left center no-repeat}
.i-mail{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOC4xMTMiIGhlaWdodD0iMjAuMDgxIiB2aWV3Qm94PSIwIDAgMjguMTEzIDIwLjA4MSI+CiAgPGcgaWQ9ImNsb3NlLWVudmVsb3BlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yKSI+CiAgICA8ZyBpZD0iR3JvdXBfOCIgZGF0YS1uYW1lPSJHcm91cCA4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDIpIj4KICAgICAgPHBhdGggaWQ9IlBhdGhfMjQiIGRhdGEtbmFtZT0iUGF0aCAyNCIgZD0iTTEzLjczOCwxMC41MjgsMTAuMjYsNy40ODQuMzE2LDE2LjAwOGEyLjAzNSwyLjAzNSwwLDAsMCwxLjM4OC41NDRIMjUuNzcyYTIuMDIsMi4wMiwwLDAsMCwxLjM4Mi0uNTQ0TDE3LjIxNiw3LjQ4NFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzE5IDMuNTI4KSIgZmlsbD0iIzAwODNkMSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8yNSIgZGF0YS1uYW1lPSJQYXRoIDI1IiBkPSJNMjcuMTU4LDIuNTQ0QTIuMDIyLDIuMDIyLDAsMCwwLDI1Ljc3LDJIMS43YTIuMDE0LDIuMDE0LDAsMCwwLTEuMzg0LjU0OGwxMy40MTgsMTEuNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMzIxIC0yKSIgZmlsbD0iIzAwODNkMSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8yNiIgZGF0YS1uYW1lPSJQYXRoIDI2IiBkPSJNMCwyLjg3OFYxOS41NjFsOS43LTguMjQ3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMS4xMTUpIiBmaWxsPSIjMDA4M2QxIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzI3IiBkYXRhLW5hbWU9IlBhdGggMjciIGQ9Ik05LjE2NywxMS4zMTdsOS43LDguMjQ3VjIuODc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS4yNDEgLTEuMTE4KSIgZmlsbD0iIzAwODNkMSIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) left center no-repeat}
.i-phone{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41ODYiIGhlaWdodD0iMjQuNTg2IiB2aWV3Qm94PSIwIDAgMjQuNTg2IDI0LjU4NiI+CiAgPGcgaWQ9InRlbGVwaG9uZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDA2KSI+CiAgICA8ZyBpZD0iR3JvdXBfNyIgZGF0YS1uYW1lPSJHcm91cCA3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwNikiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yMSIgZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMTguNjg2LDYwLjAzMmExLjcyMiwxLjcyMiwwLDAsMC0yLjYsMGMtLjYwOC42LTEuMjE3LDEuMjA3LTEuODE1LDEuODJhLjM1OS4zNTksMCwwLDEtLjUuMDkyYy0uMzk0LS4yMTUtLjgxMy0uMzg5LTEuMTkxLS42MjRhMTguODc1LDE4Ljg3NSwwLDAsMS00LjU1LTQuMTQxLDEwLjc4LDEwLjc4LDAsMCwxLTEuNjMxLTIuNjEzLjM3NC4zNzQsMCwwLDEsLjA5Mi0uNDgxYy42MDgtLjU4OCwxLjItMS4xOTEsMS44LTEuNzk1YTEuNzI4LDEuNzI4LDAsMCwwLS4wMDUtMi42NjRjLS40NzUtLjQ4MS0uOTUxLS45NTEtMS40MjYtMS40MzItLjQ5MS0uNDkxLS45NzctLjk4Ny0xLjQ3My0xLjQ3M2ExLjczMywxLjczMywwLDAsMC0yLjYuMDA1Yy0uNjE0LjYtMS4yLDEuMjIyLTEuODI1LDEuODE1YTIuOTYzLDIuOTYzLDAsMCwwLS45MzEsMiw4LjQ3LDguNDcsMCwwLDAsLjY1NCwzLjY0NiwyMi4xNTIsMjIuMTUyLDAsMCwwLDMuOTMyLDYuNTUsMjQuMzMxLDI0LjMzMSwwLDAsMCw4LjA1OCw2LjMsMTEuNjU0LDExLjY1NCwwLDAsMCw0LjQ2NCwxLjMsMy4yNzEsMy4yNzEsMCwwLDAsMi44MDctMS4wNjljLjUyMi0uNTgzLDEuMTA5LTEuMTE1LDEuNjYyLTEuNjcyYTEuNzM5LDEuNzM5LDAsMCwwLC4wMS0yLjY0OFEyMC4xNTMsNjEuNDg3LDE4LjY4Niw2MC4wMzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4wMDYgLTQzLjc2MykiIGZpbGw9IiMwMDgzZDEiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMjIiIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTI0My40MzMsMTAzLjMxOWwxLjktLjMyNEE4LjUyNSw4LjUyNSwwLDAsMCwyMzguMTIyLDk2bC0uMjY4LDEuOTA5YTYuNTg4LDYuNTg4LDAsMCwxLDUuNTc5LDUuNDA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyNS43MTcgLTkxLjEwMSkiIGZpbGw9IiMwMDgzZDEiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfMjMiIGRhdGEtbmFtZT0iUGF0aCAyMyIgZD0iTTI1MS4wNTEsNGExNCwxNCwwLDAsMC04LjAyOS00bC0uMjY4LDEuOTA5YTEyLjIxOSwxMi4yMTksMCwwLDEsMTAuMzQsMTAuMDIxbDEuOS0uMzI0QTE0LjEwNywxNC4xMDcsMCwwLDAsMjUxLjA1MSw0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIzMC40MDgpIiBmaWxsPSIjMDA4M2QxIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K) left center no-repeat}
.slider{position:relative}
.slider .bx-pager{text-align:center;position:absolute;bottom:80px;z-index:99;width:100%}
.slider .bx-pager .bx-pager-item{display:inline-block}
.slider .bx-pager .bx-pager-item a{margin:0 4px;position:relative;display:block;width:14px;height:14px;border-radius:14px;line-height:14px;text-indent:-9999px; background: #fff;}
.slider .bx-pager .bx-pager-item a.active{ background:#0183d1; }
.caption{position:absolute;width:100%;max-width:1170px;margin:auto;left:0;right:0;top:0;display:flex;height:100%}
.caption-content{align-self:center;justify-self:center;background:rgba(0,0,0,.7);padding:40px;width:100%;max-width:680px;border-left:4px solid #0083D1;overflow:hidden}
.caption-content h1{color:#fff}
.caption-content p{color:#fff}
.home-about .box{align-self:center;justify-self:center}
.home-projects{background:url(../img/bg-project.jpg) no-repeat;background-size:cover}
.home-projects h1{color:#fff}
.home-projects img{border-radius:3px}
.b-overlay{background-image:linear-gradient(90deg,rgba(0,131,209,.1) 0%,rgba(0,131,209,1) 100%);position:absolute;width:100%;height:100%;top:0;left:0;z-index:99;border-radius:3px}
.b-overlay:hover{background-image:linear-gradient(90deg,rgba(0,131,209,.6) 0%,rgba(0,131,209,1) 100%)}
.b-overlay p{position:absolute;bottom:20px;right:20px;font-size:18px;color:#fff;font-weight:600}
.home-ref{background:#ebebeb}
.home-ref .box,.ref .box{align-self:center;justify-self:center}
footer{background:#000;color:#fff}
footer h3{color:#fff;font-size:22px;margin-bottom:40px}
footer a{color:#fff}
footer ul{list-style:none}
footer ul li{margin-bottom:10px}
.p-detail .box ul{list-style:inside;margin:20px}
.social a{display:inline-block}
.social{text-align:right}
.breadcrumbs{background:#0083D1}
.hr{background:#ebebeb}
.hr p{font-size:12px;margin-top:10px}
input[type="file"]{background:#fff}
.projects .box{display:flex;background:#ebebeb;margin-bottom:20px}
.projects .box:hover{background:#f7f7f7}
.projects .box .p-img{flex:2;margin-right:20px}
.projects .box .p-img img{border-radius:3px}
.projects .box .p-content{flex:3}
.contact .box{background:#0083D1;border-radius:3px}
.contact .box h4,.contact .box p,.contact .box a{color:#fff}
.contact .box img{max-height:48px}
span#menu{display:none;float:right;width:42px;height:42px;margin:20px;background-size:70%;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImthdG1hbl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMjggMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjx0aXRsZT5Hcm91cCAxMDwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZyBpZD0iUGFnZS0xIj4KCTxnIGlkPSJBcnRib2FyZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1NS4wMDAwMDAsIC04MDguMDAwMDAwKSI+CgkJPGcgaWQ9Ikdyb3VwLTEwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NTUuMDAwMDAwLCA4MDguMDAwMDAwKSI+CgkJCTxwYXRoIGlkPSJTaGFwZSIgZD0iTTIsNGgyNGMxLjEsMCwyLTAuOSwyLTJzLTAuOS0yLTItMkgyQzAuOSwwLDAsMC45LDAsMlMwLjksNCwyLDR6IE0yNiw4SDJjLTEuMSwwLTIsMC45LTIsMnMwLjksMiwyLDJoMjQKCQkJCWMxLjEsMCwyLTAuOSwyLTJTMjcuMSw4LDI2LDh6IE0yNiwxNkgyYy0xLjEsMC0yLDAuOS0yLDJzMC45LDIsMiwyaDI0YzEuMSwwLDItMC45LDItMlMyNy4xLDE2LDI2LDE2eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K) center center no-repeat;cursor:pointer;border-radius:3px}
img.desktop{display:block}
img.mobile{display:none}
@media only screen and (max-width:1070px) {
.side-content{display:block}
.sidebar{flex:1;width:100%}
.content{flex:2}
.side-menu{margin-right:0;border-right:none}
nav{display:none}
header nav ul li ul { display: none !important; }
span#menu{display:block}
header nav{position:absolute;top:130px;left:0;right:0;z-index:9999;background:#fff;float:none;border-radius:3px;box-shadow:0 20px 20px rgba(0,0,0,.2)}
nav ul{list-style:none;padding:20px 0;text-align:center;display:block!important}
nav ul li{text-align:center;display:block!important;width:100%}
nav ul li a{text-decoration:none;color:#333!important;font-size:16px!important;font-weight:500;display:block;padding:20px 15px}
header .head-right{float:none;width:100%}
img.desktop{display:none}
img.mobile{display:block}
.open{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTIyLjIsNGMwLjMsMC4zLDAuMywwLjgsMCwxLjFMMTYsMTEuNGMtMC4zLDAuMy0wLjMsMC44LDAsMS4xbDYuMyw2LjNjMC4zLDAuMywwLjMsMC44LDAsMS4xTDIwLDIyLjMKCWMtMC4zLDAuMy0wLjgsMC4zLTEuMSwwTDEyLjUsMTZjLTAuMy0wLjMtMC44LTAuMy0xLjEsMGwtNi4zLDYuM2MtMC4zLDAuMy0wLjgsMC4zLTEuMSwwTDEuNywyMGMtMC4zLTAuMy0wLjMtMC44LDAtMS4xTDgsMTIuNgoJYzAuMy0wLjMsMC4zLTAuOCwwLTEuMUwxLjcsNS4xQzEuNCw0LjgsMS40LDQuMywxLjcsNEw0LDEuN2MwLjMtMC4zLDAuOC0wLjMsMS4xLDBMMTEuNCw4YzAuMywwLjMsMC44LDAuMywxLjEsMGw2LjMtNi4zCgljMC4zLTAuMywwLjgtMC4zLDEuMSwwTDIyLjIsNHoiLz4KPC9zdmc+Cg==) center center no-repeat!important}
.nav-top .i-pin{display:none!important}
.projects .box{display:block}
}
@media only screen and (max-width:720px) {
.nav-top .i-mail{display:none!important}
}
header .header-right .i-phone{display:none!important}