/*------------------------------------------------------------------
[Table of contents]
1. Reset
2. Global
3. Button
4. Left Container
	4.1 Social Links
	4.2 Header
	4.3 Contact Form
5. Right Container
	5.1 Services
	5.2 Overview
	5.3 Acheivements
-------------------------------------------------------------------*/
/* =================reset css starts here================= */
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul { list-style:none; }
a:focus, input:focus, textarea:focus, *:focus { outline:0 !important; box-shadow:none !important; }
.nobg { background:transparent !important; }
/* =================reset css ends here================= */
/* =================global css starts here================= */
body { font-size:13px; line-height:22px; font-weight:400; font-family:'Open Sans'; color:#666; background:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left:450px; }
.container { width:100%; max-width:1200px; }
a, input, button { text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; }
a img { border: 0px none; }
a{color:#625d85;}
a:hover { outline: none; color:#000; text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color:inherit; }
::-webkit-input-placeholder{color:#999; opacity: 1;}
::-moz-placeholder{color:#999; opacity: 1;}
:-moz-placeholder{color:#999; opacity: 1;}
:-ms-input-placeholder{color:#999; opacity: 1;}
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; margin-bottom:10px; line-height:120%; font-weight:700; font-family:'Josefin Sans'; color:#625d85; }
h1 { font-size: 60px;}
h2 { font-size: 48px;}
h3 { font-size: 40px;}
h4 { font-size: 32px; }
h5 { font-size: 24px; }
h6 { font-size: 20px; }
p { margin:0px; padding:0px; margin-bottom:15px; }
b { font-weight:600; }
strong { font-weight:700; }
p:last-child { margin-bottom:0; }
.large-para { font-size:24px; line-height:34px; color:#666; font-weight:600; margin-bottom:25px !important }
.mar-40 { margin-bottom:40px !important; }
.mar-30 { margin-bottom:30px !important; }
.no-mar { margin:0 !important; }
/* =================global css ends here================= */
/* =================button css starts here================= */
.btn, .btn:focus, .btn:active { font-weight: 700 !important; padding: 12px 20px 10px; font-size: 22px; box-shadow:none; display: inline-block; vertical-align: top; box-shadow: 0 2px 0px rgba(0,0,0,0.15) !important; }
.btn-default { color: #fff; background-color:rgba(0,0,0,0.07); border:0; }
.btn-default:hover, .btn-default:focus, .btn-default:active { color: #fff; background-color:rgba(0,0,0,0.14); }
.btn-primary { color: #fff; background-color:#625d85; border:0; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { color: #fff; background-color:#625d85; }
.btn.btn-lg { padding:18px 40px !important; }
.btn + .btn { margin-left:10px; }
/* =================button css ends here================= */
/* =================left container starts here================= */
.sidebar{width:50px; height:100%; background:#625d85; float:left; position:fixed; top:0; left:0; bottom:0; z-index:999; text-align:center; color:#fff;}
.social-list{width:100%; float:left;}
.social-list > div{transition:none;}
.social-list a{width:100%; float:left; border-bottom:solid 1px rgba(0,0,0,0.07); padding:12px 13px; color:#fff; font-size:16px;}
.social-list a:hover{background:rgba(0,0,0,0.1);}
.tooltip.right .tooltip-arrow{border-right-color:#625d85;}
.tooltip-inner{background:#625d85; border-radius:2px; font-size:16px; font-weight:700; font-family:'Josefin Sans';}
.left-container {width:400px;float:left;height:100%;position:fixed;left:50px;top:0;bottom:0;  z-index:99; background: #0f1a26; background: -moz-linear-gradient(-45deg,  #0f1a26 0%, #12273d 100%); background: -webkit-linear-gradient(-45deg,  #0f1a26 0%,#12273d 100%); background: linear-gradient(135deg,  #0f1a26 0%,#12273d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1a26', endColorstr='#12273d',GradientType=1 ); background: #0f1a26 url(../images/me.jpg) no-repeat center center; background-size:cover; box-shadow:5px 5px 15px 0 rgba(0, 0, 0, 0.2);}
.feature-box{padding:40px 35px; color:#fff; width:100%; display:inline-block; vertical-align:top;}
.feature-box b{display:block;color:rgba(255,255,255,0.4);font-family: 'Marck Script';font-size: 20px;font-weight: 400;}
.feature-box  h3{ color:#fff;}
.feature-box  h3 span{display:inline-block;}
header { padding:35px; position:absolute; left:0; bottom:0px; width:100%; float:left; }
header  h1 { font-size: 48px; line-height:60px; color: #625d85; margin:0; }
header  h2 { font-size: 24px; line-height:32px; color: #fff; font-weight:400; }
header  h2  span{font-weight:700;  }
.pushed .left-container{z-index:999999;}
.sidebar *{opacity:1; transition: all 0.1s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition-delay:0.2s;}
.pushed .sidebar *{opacity:0;}
.lead { font-size:15px; line-height:23px; }
.content-style-sidebar{padding:50px 25px 25px; font-family:'Josefin Sans'; }
.icon-close{font-size:50px; line-height:50px; float:left; position:absolute; top:0; right:0; color:rgba(0,0,0,0.2); cursor:pointer;}
.content-style-sidebar h4{color:#fff;}
.form-group{margin-bottom:15px; position:relative;}
.form-label{display:block; position:relative; top: 32px; margin:0;  transition: 0.3s; font-weight:700; font-size:18px; color:#fff;}
.input-filled .form-label, .input-focused .form-label{color:rgba(0,0,0,0.3); top: 0;}
.form-control{border-radius:0; height:36px; color:#fff; box-shadow:none; -webkit-apperance:none; background:transparent; border:0; border-bottom:solid 1px rgba(0,0,0,0.1);  position: relative; padding:0; font-size:16px; font-weight:700; }
.form-control:focus, .input-filled .form-control{border-color:#fff;}
textarea.form-control{height:120px; resize:none;}
label.error{font-weight: 700;font-size: 14px; color: rgba(0,0,0,0.3);position: absolute;right: 0;bottom: -6px;line-height: 14px;}
#success, #error {display: none; padding:25px 0 50px; font-weight: 700;font-size: 16px; line-height:20px;}
#success h6, #error h6{margin-bottom:0; color: rgba(0,0,0,0.3); font-size:20px; line-height:28px;}
#success p {color: #fff; padding: 0;}
#error p {color: #fff; padding: 0; margin: 0;}
.loading{display:inline-block;vertical-align:middle;margin: 10px 0;width: 100%;text-align: center;}
.loading img{width:16px;}
.mail{color:#fff; text-align:center;  color:rgba(0,0,0,0.5);}
.mail a{display:block; color:#fff;}
/* Morph Button: Default Styles */
.morph-button { position: relative; display: block; margin: 0; }
.morph-button > button { position: relative; padding: 0 1em; border: none; background-color: #625d85; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; line-height: 80px; overflow: hidden; border-radius:4px; }
.morph-button.open > button { pointer-events: none; }
.morph-content { pointer-events: none; }
.morph-button.open .morph-content { pointer-events: auto; }
/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed, .morph-button-fixed .morph-content { width: 300px; height: 80px; }
.morph-button-fixed > button { z-index: 1000; width: 100%; height: 100%; -webkit-transition: opacity 0.1s 0.5s; transition: opacity 0.1s 0.5s; }
.morph-button-fixed.open > button { opacity: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; }
.morph-button-fixed .morph-content { position: fixed; z-index: 900; opacity: 0; -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
.morph-button-fixed.open .morph-content { opacity: 1; }
.morph-button-fixed .morph-content > div { visibility: hidden; height: 0; opacity: 0; -webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s; }
.morph-button-fixed.open .morph-content > div { visibility: visible; height: auto; opacity: 1; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; }
.morph-button-fixed.active > button { z-index: 2000; }
.morph-button-fixed.active .morph-content { z-index: 1900; }
/* Transitions for overlay button and sidebar button */
.morph-button-overlay .morph-content, .morph-button-sidebar .morph-content { -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }
.morph-button-overlay.open .morph-content, .morph-button-sidebar.open .morph-content { -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }
/* Morph Button Style: Overlay */
.morph-button.morph-button-overlay { margin: 50px auto; }
.morph-button-overlay .morph-content { overflow: hidden; background: #e85657; }
.morph-button-overlay.open .morph-content { top: 0 !important; left: 0 !important; width: 100%; height: 100%; }
/* Morph Button Style: Modal */
.morph-button-modal::before { position: fixed; top: 0; left: 0; z-index: 800; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; pointer-events: none; }
.morph-button-modal.open::before { opacity: 1; pointer-events: auto; }
.morph-button-modal.active::before { z-index: 1800; }
.morph-button-modal .morph-content { overflow: hidden; -webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
.morph-button-modal.open .morph-content { top: 50% !important; left: 50% !important; margin: -210px 0 0 -300px; width: 600px; height: 420px; -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s; }
/* Colors and sizes for individual modals */
.morph-button.morph-button-modal-1 { float: left; }
.morph-button.morph-button-modal-2, .morph-button.morph-button-modal-3 { display: inline-block; margin: 10px 15px; }
.morph-button-modal-1 > button, .morph-button-modal-1 .morph-content { background-color: #553445; }
.morph-button-modal-2 > button, .morph-button-modal-2 .morph-content, .morph-button-modal-3 > button, .morph-button-modal-3 .morph-content { background-color: #fef0e3; color: #e75854; }
.morph-button-modal-4 { display: inline-block; }
.morph-button-modal-4 > button, .morph-button-modal-4 .morph-content { background-color: #faf1e0; color: #553445; }
.morph-button-modal-4 > button span, .morph-button-modal-4 .morph-clone { padding-left: 10px; color: #286f81; }
.morph-button-modal-4 .morph-clone { position: absolute; right: 34px; bottom: 30px; z-index: 100; letter-spacing: 1px; font-weight: 700; -webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s; transition: bottom 0.4s 0.1s, right 0.4s 0.1s; }
.morph-button-modal-4.open .morph-clone, .no-js .morph-button-modal-4 .morph-clone { right: 10px; bottom: 10px; }
.morph-button-modal-1::before { background: rgba(240,221,204,0.7); }
.morph-button-modal-2.open .morph-content { margin: -210px 0 0 -170px; width: 340px; height: 420px; }
.morph-button-modal-3.open .morph-content { margin: -255px 0 0 -210px; width: 420px; height: 510px; }
.morph-button-modal-3.open .morph-content > div { height: 420px; }
.morph-button-modal-2.open .morph-content > div, .morph-button-modal-3.open .morph-content > div { -webkit-transition: opacity 0.3s 0.3s; transition: opacity 0.3s 0.3s; }
.morph-button-modal-4.open .morph-content { margin: -200px 0 0 -320px; width: 640px; height: 400px; }
/* Morph Button Style: In the content flow */
.morph-button-inflow { overflow: hidden; max-width: 100%; height: 70px; }
.morph-button-inflow > button { width: 100%; line-height: 70px; }
.morph-button-inflow .morph-content { position: absolute; top: 0; left: 0; width: 100%; }
.morph-button-inflow .morph-content .morph-clone { padding: 0; font-weight: 700; font-size: 1.5em; line-height: 70px; }
/* Colors and sizes for individual in flow buttons */
.morph-button-inflow-1 { width: 600px; margin: 2em auto; -webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.morph-button-inflow-1 > button span { visibility: hidden; }
.morph-button-inflow-1 .morph-content .morph-clone { color: #f9f6e5; background: #e85657; }
.morph-button-inflow-2 { position: absolute; top: 50%; left: 50%; width: 220px; background-color: #fef0e3; -webkit-transition: height 0.3s, width 0.3s, -webkit-transform 0.3s; transition: height 0.3s, width 0.3s, transform 0.3s; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.morph-button-inflow-2 > button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; color: #e75854; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.morph-button-inflow-2.open > button { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.morph-button-inflow-2 .morph-content { width: 260px; height: 200px; }
.morph-button-inflow-2.open { width: 260px; }
/* Morph Button Style: Sidebar */
.morph-button-sidebar, .morph-button-sidebar .morph-content { width: 120px; height: 50px; }
.morph-button-sidebar { position: relative; z-index:99999; }
.morph-button-sidebar > button { line-height: 50px; padding: 0; }
.morph-button-sidebar .morph-content { background: #625d85; }
.morph-button-sidebar.open .morph-content { top: 0 !important; left: 0 !important; width: 450px; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden;  }
/* Let's add some nice easing for all cases */
.morph-button .morph-content, .morph-button.open .morph-content, .morph-button-modal-4 .morph-clone { -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
/* Helper classes */
.noscroll { overflow: hidden; }
.morph-button-overlay.scroll .morph-content { overflow-y: scroll; }
.morph-button-sidebar.scroll .morph-content { overflow: auto; }
/* No JS fallback: let's hide the button and show the content */
.no-js .morph-button > button { display: none; }
.no-js .morph-button { margin: 10px 0; float: none; }
.no-js .morph-button, .no-js .morph-button .morph-content, .no-js .morph-button .morph-content > div { position: relative; width: auto; height: auto; opacity: 1; visibility: visible; top: auto; left: auto; -webkit-transform: none; transform: none; pointer-events: auto; }
.no-js .morph-button .morph-content .icon-close { display: none; }
.no-js .morph-button-sidebar { width: 300px; position: fixed; top: 0; left: 0; margin: 0; height: 100%; background: #e85657; overflow: auto; }
.no-transition { -webkit-transition: none !important; transition: none !important; }
/* =================left container ends here================= */
/* =================right container starts here================= */
.right-container { width:100%; float:left; background:#fff; }
.content-container { width:100%; display:inline-block; vertical-align:top; padding:50px 40px; border-bottom:solid 1px rgba(0,0,0,0.07); position:relative; overflow:hidden; }
.heading {font-size: 26px; color:#625d85; background:#fff; -webkit-writing-mode:vertical-lr; -ms-writing-mode:vertical-lr; writing-mode:vertical-lr; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); position: absolute;  top: 0;  right: 0px; height: 100%; text-align: center;  line-height: 30px; padding: 10px; box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.1);}
.heading:before{content:'';float:left;width:0;height:0; position:absolute; left: 100%; bottom:50%; z-index: 999; border-left:solid 10px #fff; border-top:solid 10px transparent; border-bottom:solid 10px transparent; margin-bottom:-10px;}
.heading:after{content:'';float:left;width:0;height:0;position:absolute;left: 100%;bottom:50%;z-index: 998;border-left: solid 12px rgba(0, 0, 0, 0.03);border-top: solid 12px transparent;border-bottom: solid 12px transparent;margin-bottom: -12px;}
.heading2 {font-size:60px;color:#625d85;line-height:60px;padding: 10px; margin-top:0; margin-bottom:30px;  letter-spacing: -4px; font-family:'Marck Script'; font-weight: 400; width:100%; padding-right:50px; text-align:center; display:inline-block; vertical-align:top;}
.content-box{padding-right:50px;}
.service-container{width:100%; display:inline-block; vertical-align:top;}
ul.service-list, ul.service-list li{width:100%; float:left;} 
ul.service-list li{margin-bottom:40px; position:relative; padding-left:80px; padding-bottom:35px; border-bottom:solid 1px rgba(0,0,0,0.05);}
ul.service-list li:last-child{margin-bottom:0; border:0; padding-bottom:0;}
ul.service-list li span{color: #625d85;font-size:40px;line-height:40px;position:absolute;left:0;top: -4px;}
.overview-outer{width:630px;margin:40px auto}
ul.overview-list{width:100%; display:inline-block; vertical-align:top; text-align:center;}
ul.overview-list li{width:140px;height:140px; float:left;margin:0 35px; background: #625d85;box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.25);border-radius: 10px; display:block;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); display:table;}
ul.overview-list li:nth-child(4),ul.overview-list li:nth-child(6),ul.overview-list li:nth-child(7),
ul.overview-list li:nth-child(8),ul.overview-list li:nth-child(9),ul.overview-list li:nth-child(10), ul.overview-list li:nth-child(3),ul.overview-list li:nth-child(12){margin-top:-30px}
ul.overview-list li:nth-child(6),ul.overview-list li:nth-child(11){margin-top:-30px;margin-left:140px}
ul.overview-list li:nth-child(1){margin-left:140px}ul.overview-list li:nth-child(5){margin-top:-30px}
ul.overview-list li.my-img{background:#625d85 url(../images/my-pic.jpg) no-repeat center top !important; background-size:cover !important; border:solid 3px #625d85;}
.overview-box{ width: 140px;height: 140px;display:inline-block; padding:15px; text-align: center;position:relative; overflow:hidden; vertical-align: top; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); display:table-cell; vertical-align:middle;}
.overview-box h4{color:#fff; margin:0;}
.overview-box h5{color:rgba(0,0,0,0.4);margin:0; font-size:21px; line-height:21px;}
ul.company-list, ul.company-list li{width:100%; float:left;} 
ul.company-list li{ position:relative; margin-top:-1px;   border-bottom:solid 1px rgba(0,0,0,0.05); padding-bottom:35px; padding-left:200px; margin-bottom:35px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; min-height:220px;}
ul.company-list li:last-child{margin:0; border:0;}
.company-left{width:180px; float:left; padding:20px; position:absolute; left:0; top:0;}
.company-right{width:100%; float:left; padding:20px;}
.company-box{width:140px;height:140px; float:left; background: #625d85;box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.25) !important;border-radius: 10px; display:block;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.company-logo{ width: 140px;height: 140px;display:inline-block; padding:0; text-align: center;position:relative; overflow:hidden; vertical-align: top; -webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg); display:table;}
.company-logo h6{display:table-cell; vertical-align:middle;}
.company-logo h6 img{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}
ul.company-list li:hover .company-logo h6 img{ -webkit-filter: grayscale(0%); filter: grayscale(0%);}
footer{padding:10px 40px; position:relative;}
.go-top{width:50px; height:100%; float:left; position:absolute; top:0; right:0; background:#fff; font-size:30px; line-height:42px; text-align:center; box-shadow:2px 2px 25px 0 rgba(0, 0, 0, 0.1);}
/* =================right container starts here================= */




@media only screen and (max-width: 1180px) {
body{padding-left:380px;}
.content-container{padding:50px 20px;}
.left-container{width:330px;}
h2{font-size:22px; line-height:29px;}
.feature-box  h3{font-size:32px;}
}
/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1100px) {
body{padding-left:50px;}
.left-container{position:relative; left:auto; bottom:auto; top:auto; width:100%;  padding:150px 30px 50px 30px;}
header{position:relative; left:auto; bottom:auto; padding:0;}
.feature-box{display:none;}
.content-container{padding:50px 30px;}
.morph-button-sidebar.open .morph-content{width:100%;}
.heading{display:none;}
.content-box{padding-right:0;}
.go-top{background:transparent;}
}
/*============================= 
! Layout for ipad portrait  
============================= */
@media screen and (max-width: 992px) {
}


/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media screen and (max-width: 767px) {
body{padding-left:0;}
h1 { font-size: 48px;}
h2 { font-size: 40px;}
h3 { font-size: 34px;}
h4 { font-size: 26px; }
h5 { font-size: 21px; }
h6 { font-size: 18px; }
.heading{display:none;}
.content-box{padding:0;}
.heading2{font-size:50px; line-height:50px; padding:0;}
.left-container{padding:180px 25px 20px;}
.content-container{padding:40px 15px;}
ul.company-list li{display:block; padding-left:0; padding-bottom:20px; text-align:center;}
.company-left{position:relative; float:none; display:inline-block; vertical-align:top;}
.overview-outer{width:100%;}
ul.overview-list li{display:block; margin:0 auto !important; clear:both; float:none;}
.morph-button-modal.open .morph-content { top: 0% !important; left: 0% !important; margin: 0; width: 100%; height: 100%; overflow-y: scroll; -webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s; }
.morph-button-fixed,  .morph-button-fixed .morph-content { width: 200px; height: 80px; }
.morph-button-inflow .morph-content .morph-clone { font-size: 0.9em; }
.morph-button-modal-4,  .morph-button-modal-4 .morph-content { width: 220px; height: 120px; }
.morph-button-modal-4 > button { font-size: 100%; line-height: 50px; }
.morph-button-modal-4 > button span { display: block; }
.morph-button-modal-4 .morph-clone { right: 83px; bottom: 26px; }
.morph-button-sidebar,  .morph-button-sidebar .morph-content { width: 100% !important; height: 50px !important; }
.morph-button-sidebar { bottom: 0px; left: 0px; }
.morph-button-sidebar.open .morph-content { height: 100% !important; }
.morph-button > button {border-radius:0px; }
footer{margin-bottom:50px; padding:10px 15px;}
.morph-button-sidebar, .morph-button-sidebar .morph-content{position:fixed;}
.sidebar{position:relative; width:100%; height:auto; text-align:left; background:transparent;}
.social-list a{width:30px; padding:5px; float:none; display:inline-block; vertical-align:top; opacity:0.7; border:0;}
.social-list a:hover{opacity:1;}
.social-list > .tooltip{display:none !important; }
ul.service-list li{padding-left:60px;}
ul.service-list li span{font-size:30px; line-height:30px;}
.go-top{box-shadow:none; border-left:solid 1px rgba(0,0,0,0.07);}
header  h1 { font-size: 40px; line-height:54px; }
header  h2 { font-size: 22px; line-height:28px; }
.company-right{padding:20px 0;}
}


/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */

@media screen and (max-width: 479px) {
}