/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
p {font-family:inherit;}
strong {font-weight:700;}
a {text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clear{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.vertical-base{vertical-align:baseline;}
.vertical-top{vertical-align:top;}
.underline{padding-bottom:5px;border-bottom:1px solid #eee;margin:0 0 20px 0;}
nav.vertical ul li{	display:block;}
nav.horizontal ul li{display:inline-block;}
img{max-width:100%;}

body {font-family:'Open Sans', sans-serif;background:#ffffff;}
.wrap {width:70%;margin:0px auto;}
.header {padding:5% 0%;margin-bottom:1%;}
.logo {float:left;}

.h_right {position:relative;float:right;background-color:transparent;}
.menu {float:left;margin:0 0 5px 0;}
.menu li {float:left;margin-right:0;padding:0 0 0 10px; }
.menu li.active a,.menu li a:hover {color:#63AFFB;}
.menu li a {margin:0 0 0 45px;padding: 0 10px 0 15px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;/*text-transform:uppercase;*/color:#686868;}
/*
.menu li a {margin:0px 0 0 0px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#686868;}
.menu li a:hover {margin:0px 0 0 0px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#686868;opacity:0.3;}
*/
/*-- start-smartphone_nav --*/
.nav {display:none;}
.nav-item {float:left;*display:inline;zoom:1;}
.nav-item a {display:block;}
.nav-item a:hover {background:transparent;color:/*#1356AD*/#3080E8;}
.nav-mobile {display:none;cursor:pointer;position:absolute;top:5px;left:11px;background:url(../img/nav_icon2.jpg) 60% 60% no-repeat;height:32px;width:60px;}
.nav-mobile {display:block;}
.nav {margin-top:44px;width:100%;}
.nav-list {display:none;}
.nav-item {width:100%;float:none;}
.nav-item a {float:left;width:50%;padding:10px;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear;background:transparent;font-family:Calibri;font-weight:600;font-size:14px;/*text-transform:uppercase;*/color:#fff;}
.nav-inner {display:none;}
.nav-active, .nav-active-inner .nav-inner {display:block;}


.h_left {position:relative;float:left;height:25px;padding:0;background-color:transparent;}
.h_left p {/*position:relative;*//*float:left;*/display:inline; }
.h_left li{display:inline-block;margin:0;padding:0;}


.menu {float:left;}
.menu li {float:left;margin-right:0;}
.menu li.active a,.menu li a:hover {color:#63AFFB;}
.menu li a {margin:0 0 0 0;padding:0 0 0 10px;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;}
.menu li a:hover {margin:0 0 0 0;padding:0 0 0 10px;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;opacity:0.3;}
/*
.menu li a {margin:0px 0 0 0px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#686868;}
.menu li a:hover {margin:0px 0 0 0px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;color:#686868;opacity:0.3;}
*/
/*-- start-smartphone_nav --*/
.dav {display:none;}
.dav-item {float:left;*display:inline;zoom:1;}
.dav-item a {display:block;float:left;}
.dav-item a:hover {background:transparent;color:/*#1356AD*/#3080E8;}
.dav-mobile {display:none;cursor:pointer;position:absolute;top:5px;left:11px;background:url(../img/nav_icon2.png) 60% 60% no-repeat;height:32px;width:60px;}
.dav-mobile {display:block;}
.dav {margin-top:44px;width:100%;}
.dav-list {display:none;}
.dav-item {width:100%;float:none;}
.dav-item a {float:left;width:50%;padding:10px;-webkit-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-o-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear;background:transparent;font-family:Calibri;font-weight:600;font-size:14px;/*text-transform:uppercase;*/color:#fff;}
.dav-inner {display:none;}
.dav-active, .dav-active-inner .dav-inner {display:block;}


.h_leftfooter {position:relative;float:left;}
.menu {float:left;}
.menu li {float:left;margin-right:0;}
.menu li.active a,.menu li a:hover {color:#63AFFB;}
.menu li a {margin:0 10px 0 0;padding:0 0 0 0;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;}
.menu li a:hover {margin:0 10px 0 0;padding:0 0 0 0;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;opacity:0.3;}





/* topup */
#toTop {display: none;text-decoration: none;position: fixed;bottom: 10px;right: 10px;overflow: hidden;width: 44px;height: 44px;border: none;text-indent: 100%;background: url(../img/top_move.png) no-repeat right top;}

/***** Media Quries *****/
@media only screen and (max-width: 1366px) {.wrap {width:85%;}}
@media only screen and (max-width: 1280px) {.wrap {width:95%;}

}

@media only screen and (max-width: 1024px) {
.wrap {width:95%;}
.services h3,.portfolio h3,.about h3,.tm-head h3,.contact h3 {font-size: 2em;}
.view a.info {margin-top: 2%;}
#portfolio > div > div {margin-bottom: 2%;}
.portfolio {padding: 7% 0 6%;}
.about-time-line > li .cbp_tmlabel1 {margin: 0 0 15px 73%;}
.form-text input[type="text"] {width: 93%;}
.form textarea {height: 193px;}
.about-time-line:before {left: 53%;}
.bottom-social-icons {width: 22%;}}


@media only screen and (max-width:768px) {
.wrap{width:95%;}
.view {width:91%;}
.menu {display:none;}
.nav {display:block;}
.h_right {width:100%;margin-top:0;background:#25449C;}

.dav {display:block;}
.h_left {width:100%;margin-top:0;background:transparent;}


.view-fourth h2 {margin:-5px 40px 0px 40px;}
.view p {padding:4px 20px 0px;}
.about-time-line > li .cbp_tmlabel1 {margin:0 0 15px 81%;}
.about-time-line:before {left:58%;}
.form-text input[type="text"] {width:92%;padding:10px;}
.form textarea {height:134px;}
.form input[type="submit"] {padding:10px 13px;}
.bottom-footer-left {float:none;text-align:center;}
.bottom-social-icons {width:30%;}
.tm-head-grids {width:90%;}}



@media only screen and (max-width:640px) {
.wrap {width:95%;}
.menu {font-size:10px;}
.services h3, .portfolio h3, .about h3, .tm-head h3, .contact h3 {font-size:1.5em;}
.span_1_of_3 h4 a,.portfolio p,.about p.a,.tm-head p,.contact p.a {font-size:1em;}
#services > div > p {font-size:1em;}
#portfolio > div > div> p {font-size:0.82355em;}
.view {width:90%;height:169px;}.view h2 {font-size:0.82355em;}
#portfolio > div > div> div > div > p {font-size:0.72355em;margin-bottom:10px;}
.cbp_tmlabel h2 {font-size:0.82355em;}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {text-align:left;left:-26%;}
.about-time-line:before {left:-6%;}
.about-time-line > li .cbp_tmlabel1 {margin:0 0 15px 25%;}
.about-time-line > li .cbp_tmlabel {margin:0 0 0px 25%;width:100%;text-align:left;}
.tm-head-grid h4 {font-size:1em;}
.tm-head-grid h5 {font-size:0.82355em;}
.top-social-icons li {margin:1.2em 0em;}
.team-info {font-size:0.82355em;}
.form textarea {width:45%;height:127px;}
.bottom-social-icons {width:35%;}
.form input[type="submit"] {font-size:0.82355em;}
.tm-head-grids {width:100%;}}


@media only screen and (max-width:480px) {
.wrap {width:95%;}
.services h3, .portfolio h3, .about h3, .tm-head h3, .contact h3 {font-size:1em;}
.view {width:90%;height:197px;}
.view-fourth h2 {margin:-5px 4px 0px 5px;}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {width:100px;height:100px;}
.about-time-line {margin:3em auto 7em;}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {left:-19%;}
#services > div > div:nth-child(5) {display:none;}
#services > div > div:nth-child(4) {margin-right:0;}
.span_1_of_3 {width:48.5%;}#portfolio > div > div:nth-child(4) {margin-right:0;}
#portfolio > div > div:nth-child(5) {margin-right:13px;}
#portfolio > div > div:nth-child(6) {margin-right:0;}
.tm-head-grid:nth-child(3) {display:none;}
body > div.team-members > div > div.tm-head-grids > div:nth-child(2) {margin-right:0;}
.tm-head-grid {width:47.5%;}
.tm-head-grids {width:100%;margin:2.3em auto 2.3em auto;}
.nbs-flexisel-inner {margin:1em 0 1em;}
.form textarea {width:41%;height:116px;}
.bottom-social-icons {width:47%;}}


@media only screen and (max-width:320px) {
.wrap {width:95%;}
.span_1_of_3 {width:100%;margin-top:0%;padding-bottom:0%;}
.view {width:93%;height:164px;}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {left:-14%;}
.about-time-line:before {left:7%;}
.about-time-line > li .cbp_tmlabel {margin:0 0 0px 41%;width:92%;min-height:327px;}
.tm-head-grid {width:100%;}
.tm-head-grids {margin:2.3em auto -0.7em auto;}
.form {margin-top:2em;padding:0px;}
.form-text input[type="text"] {width:93%;}
.form textarea {width:88%;height:106px;float:left;margin-bottom:18px;}
.bottom-social-icons {width:74%;}
.bottom-footer {padding:0em 0 0em 0;}
.cbp_tmlabel h2 {font-size:0.72355em;}
.tm-head-grid img {width:100px;}
.form-text {width:100%;}}

@media only screen and (max-width:215px) {
.wrap {width:95%;}
.span_1_of_3 {width:100%;margin-top:0%;padding-bottom:0%;}
.view {width:93%;height:164px;}
.about-time-line > li .cbp_tmicon, .cbp_tmicon1, .cbp_tmicon2, .cbp_tmicon3, .cbp_tmicon2, .cbp_tmicon4 {left:-14%;}
.about-time-line:before {left:7%;}
.about-time-line > li .cbp_tmlabel {margin:0 0 0px 41%;width:92%;min-height:327px;}
.tm-head-grid {width:100%;}
.tm-head-grids {margin:2.3em auto -0.7em auto;}
.form {margin-top:2em;padding:0px;}
.form-text input[type="text"] {width:93%;}
.form textarea {width:88%;height:106px;float:left;margin-bottom:18px;}
.bottom-social-icons {width:74%;}
.bottom-footer {padding:0em 0 0em 0;}
.cbp_tmlabel h2 {font-size:0.72355em;}
.tm-head-grid img {width:100px;}
.form-text {width:100%;}}