@charset "utf-8";
/* CSS Document */
#page{ overflow:hidden}
.anchor:before{content:""; display:block; height:50px; margin-top:-50px}
input[type=text] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;    
}

#sidebar-wrapper{ background:#0268fb; position:fixed; top:0; bottom:0; right:-50%; height:100%; overflow:auto; overflow-x:hidden; z-index:1010; width:50%; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
#sidebar-wrapper.active{ right:0; }
.close-sidebar{ background:url(../images/cross.png); height:30px; width:30px; position:absolute; top:20px; right:20px; text-indent:-9999px;}
.menu-wrap{ margin:0; padding:50px;}
.menu-wrap ul{ margin:0; padding:0; list-style:none;}
.menu-wrap ul li{ margin-bottom:0;}
.menu-wrap ul li a{ display:block; padding:15px 0; font-size:30px; font-family: 'Yantramanav','Microsoft JhengHei', sans-serif; font-weight:300; color:#fff; -webkit-transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; transition:all 0.2s ease-in-out 0s;}
.menu-wrap ul li a span{ padding-right:50px; display:inline-block; position:relative; }
.menu-wrap ul li a span:after{ background:#fff; height:18px; width:18px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; content:''; border-radius:50%; -webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s; opacity:0; filter:alpha(opacity=0);}
.menu-wrap ul li a:hover span:after{opacity:1; filter:alpha(opacity=100);}
.menu-wrap ul li a.contact span:after{ display:none;}
.menu-wrap ul li a.contact span{ background:url(../images/right_arrow.png) no-repeat right center}

.header{ background:#0268fb; padding:15px 20px; position:fixed; top:-70px; left:0; right:0; z-index:1020; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; display:none;}
.header.fixed-header{ top:0}
.header:before, .header:after{ content:''; display:table;}
.header:after{ clear:both;}
.logo-sm{ float:left;}
.menu-icon-sm{ background:url(../images/menu-icon.png) no-repeat center; float:right; height:40px; width:30px; float:right; text-indent:-9999px; display:block;}
.menu-icon-sm span{ display:none;}
.menu-icon-sm.active{ background:url(../images/cross.png) no-repeat center;}
.header .contact-btn{ background:#fff; color:#0268fb; float:right; font-size:20px; line-height:40px; border-radius:40px; margin-right:20px; display:block; padding:0 20px;}
.header .contact-btn:hover{ background:#fff; text-decoration:none;}

.header-main{ margin:93px 0 357px; position:relative;}
.logo{ position:absolute; top:0; left:110px; z-index:100; width: 180px;}
.link-icon{ background:url(../images/link-icon.png); height:43px; width:42px; text-indent:-9999px; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:100%; margin-top:10px; margin-left:10px;}

.blue-circle{ margin:0 auto; width:758px; height:758px; border-radius:50%; position:relative; border:1px solid #014099}
.grey-circle{ position:absolute; top:11px; right:11px; border:1px solid #b8b8b8; height:721px; width:721px; border-radius:50%;}
.toa-logo{ left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); bottom:91px; position:absolute;}
.pin1{ position:absolute; top:-31px; left:162px;}
.pin2{ position:absolute; top:-11px; right:-193px}
.pin3{ position:absolute; left:-68px; bottom:166px}

.header-content{ position:absolute; left:50px; right:50px; bottom:430px; text-align:center;}
.header-content p{ font-size:26px; line-height:34px; margin-bottom:0;}

.scroll-arrow{ position:absolute; background:url(../images/scroll-arrow.png); height:55px; width:55px; position:absolute; left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); top:100%; margin-top:15px; text-indent:-9999px;}

.float-btn{ position:fixed; bottom:50px; right:50px; z-index:1000}
.float-btn:before, .float-btn:after{ content:''; display:table;}
.float-btn:after{ clear:both;}
.float-btn .menu-icon{ height:60px; width:60px; background:url(../images/menu-icon.png) no-repeat center #0268fb; border-radius:60px; float:left; text-indent:-9999px;}
.float-btn .contact-btn{ border:1px solid #0268fb; background:#fff; line-height:60px; border-radius:60px; color:#0268fb; font-family: 'Yantramanav,Microsoft JhengHei', sans-serif; font-size:22px; text-transform:uppercase; display:block; padding-left:38px; padding-right:38px; float:left; margin-left:24px;}
.float-btn .contact-btn:hover{ background:#0268fb; color:#fff; text-decoration:none;}
.chiness-font{ font-family:"Microsoft JhengHei", sans-serif !important;}
.float-btn .contact-btn.inactive{ display:none;}

.w1{ margin:0 0 380px;}
.w1 h1{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav,Microsoft JhengHei', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w1 .content{ padding:0 203px 0 30px;}
.w1 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}


.w2{ margin-bottom:850px;}
.w2 h2{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav,Microsoft JhengHei', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w2 .content{ padding:0 448px 0 30px; position:relative; z-index:100}
.w2 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w2-image{ text-align:right; margin-bottom:72px;}
.w2-image img{ position:relative; margin-top:-255px; margin-right:-15px;}
.w2 .proccess{ margin:0; padding:0;}
.w2 .proccess h3{ font-weight:700; margin:0 0 30px 0; font-size:21px; font-weight:700;}
.w2 .proccess ul{ margin:0; padding:0; list-style:none;}
.w2 .proccess ul:before, .w2 .proccess ul:after{ content:''; display:table;}
.w2 .proccess ul:after{ clear:both;}
.w2 .proccess ul li{ float:left; height:80px; width:80px; border-radius:50%; margin-right:26px; border:1px solid #0268fb; color:#0268fb; font-size:21px; position:relative; text-align:center; line-height:80px; margin-bottom:26px;}
.w2 .proccess ul li:after{ background:url(../images/left-arrow.png); height:5px; width:26px; left:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; position:absolute;}
.w2 .proccess ul li:last-child:after{ display:none;}
.w2 .proccess ul li:last-child{ margin:0;}

.w3{ margin-bottom:455px; position:relative;}
.w3 h3{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav,Microsoft JhengHei', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w3 .content{ padding:0 100px 0 30px; position:relative; z-index:100}
.w3 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w3-image{ margin-bottom:50px;}
.w3-image img{ position:relative; margin-top:-370px; margin-left:-15px;}
.w3 .proccess{ display:inline-block; padding-left:109px;}
.w3 .proccess h4{ font-weight:700; margin:0 0 30px 0; font-size:21px; font-weight:700;}
.w3 .proccess ul{ list-style:none;}
.w3 .proccess ul:before, .w3 .proccess ul:after{ content:''; display:table;}
.w3 .proccess ul:after{ clear:both;}
.w3 .proccess ul.first-row{ margin:0 0 26px; padding:0; list-style:none;}
.w3 .proccess ul.first-row li{ float:left; height:80px; width:80px; border-radius:50%; margin-right:26px; border:1px solid #0268fb; color:#0268fb; font-size:21px; position:relative; text-align:center; line-height:21px; margin-bottom:26px}
.w3 .proccess ul.first-row li:after{ background:url(../images/left-arrow.png) right; height:5px; width:26px; left:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; position:absolute;}
.w3 .proccess ul.first-row li:last-child:after{ background:url(../images/down-arrow.png) right; height:26px; width:5px; left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); top:100%;}
.w3 .proccess ul.first-row li:last-child{ margin:0}
.w3 .proccess ul li div{ display:table; height:80px; width:80px;}
.w3 .proccess ul li div span{ display:table-cell; vertical-align:middle;}
.w3 .proccess ul.second-row li{ float:right; height:80px; width:80px; border-radius:50%; margin-left:26px; border:1px solid #0268fb; color:#0268fb; font-size:21px; position:relative; text-align:center; line-height:21px;}
.w3 .proccess ul.second-row li:after{ background:url(../images/right-arrow.png); height:5px; width:26px; right:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; position:absolute;}
.w3 .proccess ul.second-row li:last-child:after{ display:none;}

.w4{ margin-bottom:1030px;}
.w4 h2{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w4 .content{ padding:0 448px 0 30px; position:relative; z-index:100}
.w4 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w4-image{ text-align:right; margin-bottom:72px;}
.w4-image img{ position:relative; margin-top:-255px; margin-right:-15px;}
.w4 .proccess{ margin:0; padding:0;}
.w4 .proccess h3{ font-weight:700; margin:0 0 30px 0; font-size:21px; font-weight:700;}
.w4 .proccess ul{ margin:0; padding:0; list-style:none;}
.w4 .proccess ul:before, .w4 .proccess ul:after{ content:''; display:table;}
.w4 .proccess ul:after{ clear:both;}
.w4 .proccess ul li{ float:left; height:80px; width:80px; border-radius:50%; margin-right:26px; border:1px solid #0268fb; color:#0268fb; font-size:21px; position:relative; text-align:center; line-height:21px;}
.w4 .proccess ul li:after{ background:url(../images/left-arrow.png); height:5px; width:26px; left:100%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; position:absolute;}
.w4 .proccess ul li:last-child:after{ display:none;}
.w4 .proccess ul li div{ display:table; height:80px; width:80px;}
.w4 .proccess ul li div span{ display:table-cell; vertical-align:middle;}


.w5{ margin-bottom:696px; position:relative;}
.w5 h3{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w5 .content{ padding:0 100px 0 30px; position:relative; z-index:100}
.w5 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w5-image{ margin-bottom:50px;}
.w5-image img{ position:relative; margin-top:-356px; margin-left:-15px;}
.w5 .table-list{ margin:0 0 0 103px; padding:0; width:852px;}
.w5 .table-list .table-head{ background:#0268fb; color:#fff; border-radius:58px; line-height:58px; font-size:24px; text-align:center; white-space:nowrap}
.w5 .table-list .table-row{ background:#e3f4fd; color:#0268fb; border-radius:58px; line-height:58px; font-size:24px; text-align:center; margin-top:18px; white-space:nowrap}


.w6{ margin-bottom:850px;}
.w6 h2{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w6 .content{ padding:0 448px 0 30px; position:relative; z-index:100}
.w6 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w6-image{ text-align:right; margin-bottom:72px;}
.w6-image img{ position:relative; margin-top:-255px; margin-right:-15px;}


.w7{ margin-bottom:1150px; position:relative;}
.w7 h3{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w7 .content{ padding:0 100px 0 30px; position:relative; z-index:100}
.w7 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w7-image{ margin-bottom:50px;}
.w7-image img{ position:relative; margin-top:-220px; margin-left:-15px;}


.w8{ margin-bottom:700px;}
.w8 h2{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w8 .content{ padding:0 448px 0 30px; position:relative; z-index:100}
.w8 .content p{ font-size:21px; line-height:34px; margin-bottom:25px;}
.w8-image{ text-align:right; margin-bottom:72px;}
.w8-image img{ position:relative; margin-top:-130px; margin-right:-15px;}

.w9{ margin-bottom:1150px; position:relative;}
.w9 h3{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 54px 0}
.w9 .content{ padding:0 100px 0 30px; position:relative; z-index:100}
.w9 .content p{ font-size:21px; line-height:34px; margin-bottom:25px; color:#808080}



.contact{ position:relative; overflow:hidden;}
.contact h2{ background:url(../images/heading-dot.png) no-repeat left; padding-left:29px; line-height:93px; font-family: 'Yantramanav', sans-serif; font-size:56px; font-weight:700; margin:0 0 45px 0}
.contact-info{ margin-top:116px;}
.contact-info ul{ margin:0; padding:0 0 0 117px; list-style:none}
.contact-info ul li{ margin:0 0 89px 0}
.contact-info ul li:last-child{ margin:0;}
.contact-info ul li h5{ margin-bottom:40px; font-size:21px; color:#000; text-transform:uppercase; font-weight:bold}
.contact-info ul li .phone, .contact-info ul li .fax{ background:url(../images/square-sm.png) no-repeat left 5px; color:#808080; font-size:28px; line-height:32px; padding-left:59px; font-family: '微軟正黑體', sans-serif; font-weight:300;}
.contact-info ul li .address{ background:url(../images/square-sm.png) repeat-y left 5px; padding-left:59px; color:#808080; font-size:28px; line-height:32px; font-family: 'Yantramanav','微軟正黑體', sans-serif; font-weight:300;}
.contact [class*=col-]{ float:right;}
.contact-form{ width:100%; height:100%; min-width:1223px; min-height:1223px; background:#0268fb; border-radius:50%; margin:0 0 -117px -117px; position:relative}
.form-wrap{ position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:480px;}
.form-wrap .form-group{ margin-bottom:55px;}
.form-wrap .form-control{ border:1px solid #0268fb; border-bottom-color:#fff; color:#fff; font-weight:300; font-family: 'Yantramanav','微軟正黑體', sans-serif; height:55px; padding-left:0; padding-right:0; background:none; box-shadow:none; font-size:20px; border-radius:0}
.form-wrap textarea.form-control{ border:1px solid #fff; padding:15px; height:100px; resize:none;}
.form-wrap .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.form-wrap .form-control:-ms-input-placeholder {
  color: #fff;
}
.form-wrap .form-control::-webkit-input-placeholder {
  color: #fff;
}
.form-wrap input[type=submit]{ background:#fff; height:183px; width:183px; display:inline-block; border-radius:50%; line-height:183px; text-align:center; border:none; cursor:pointer; font-weight:700; font-family: 'Yantramanav', sans-serif; color:#0268fb; font-size:22px; text-transform:uppercase;}
/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 1500px) and (max-width: 1599px) {
.contact-form{ min-height:1000px; min-width:1000px;}
.contact-form{ min-height:950px; min-width:950px; }
.contact-info ul{ padding-top:50px;}
.contact-info ul li{ margin-bottom:40px;}
} 
/* END__ */

@media (min-width: 1400px) and (max-width: 1499px) {
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:300px;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img{ margin-top:-150px;}
.w6-image img{ margin-top:-100px;}
.w7-image img{ margin-top:-150px;}
.contact-form{ min-height:950px; min-width:950px; }
.contact-info ul{ padding-top:50px;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:21px;}
.contact-info ul li{ margin-bottom:40px;}
} 
/* END__ */

@media (min-width: 1300px) and (max-width: 1399px) {
.logo{ top:0; left:50px;}
.w1 .content{ padding-right:100px;}
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:300px;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img{ margin-top:-150px; width:700px;}
.w6-image img{ margin-top:-100px;}
.w7-image img{ margin-top:-150px; width:687px;}
.w3-image img{ margin-top:-200px;}
.contact-form{ min-height:870px; min-width:870px; }
.contact-info ul{ padding-top:50px;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:21px;}
.contact-info ul li{ margin-bottom:40px;}
.w1 h1, .w2 h2, .w3 h3, .w4 h2, .w5 h3, .w6 h2, .w7 h3, .w8 h2, .w9 h3, .contact h2{ font-size:46px;}
.contact-info{ margin-top:50px;}
.contact h2{ margin-bottom:40px;}
} 
/* END__ */

@media (min-width: 1200px) and (max-width: 1299px) {
.logo{ top:0; left:50px;}
.w1 .content{ padding-right:100px;}
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:300px;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img{ margin-top:-150px; width:700px;}
.w6-image img{ margin-top:-100px;}
.w7-image img{ margin-top:-150px; width:687px;}
.w3-image img{ margin-top:-200px;}
.contact-form{ min-height:870px; min-width:870px; }
.contact-info ul{ padding-top:50px;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:21px;}
.contact-info ul li{ margin-bottom:40px;}
.w1 h1, .w2 h2, .w3 h3, .w4 h2, .w5 h3, .w6 h2, .w7 h3, .w8 h2, .w9 h3, .contact h2{ font-size:46px;}
.contact-info{ margin-top:50px;}
.contact h2{ margin-bottom:40px;}
.w1 .col-md-offset-6{ margin-left:40%}
.w1 .col-md-6{ width:60%}
.w2 .col-md-offset-5, .w4 .col-md-offset-5, .w6 .col-md-offset-5, .w8 .col-md-offset-5{ margin-left:31.6667%}
.w2 .col-md-7, .w4 .col-md-7, .w6 .col-md-7, .w8 .col-md-7{ width:68.3333%}
.w3 .col-md-5, .w5 .col-md-5, .w7 .col-md-5{ width:51.6667%}
} 
/* END__ */

@media (min-width: 992px) and (max-width: 1199px) {
.logo{ top:0; left:50px;}
.w1 .content{ padding-right:50px;}
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:200px;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img{ margin-top:-100px; width:600px;}
.w6-image img{ margin-top:-100px;}
.w7-image img{ margin-top:-150px; width:587px;}
.w2-image img{ margin-top:-100px;}
.w4-image img{ margin-top:-100px;}
.w3-image img{ margin-top:-200px;}
.contact-form{ min-height:700px; min-width:700px; }
.form-wrap{ width:300px;}
.contact-info ul{padding-left:50px; padding-bottom:50px;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:21px;}
.contact-info ul li{ margin-bottom:40px;}
.w1 h1, .w2 h2, .w3 h3, .w4 h2, .w5 h3, .w6 h2, .w7 h3, .w8 h2, .w9 h3, .contact h2{ font-size:46px;}
.contact-info{ margin-top:50px;}
.contact h2{ margin-bottom:40px;}
.w1 .col-md-offset-6{ margin-left:40%}
.w1 .col-md-6{ width:60%}
.w2 .col-md-offset-5, .w4 .col-md-offset-5, .w6 .col-md-offset-5, .w8 .col-md-offset-5{ margin-left:21.6667%}
.w2 .col-md-7, .w4 .col-md-7, .w6 .col-md-7, .w8 .col-md-7{ width:78.3333%}
.w3 .col-md-5, .w5 .col-md-5, .w7 .col-md-5{ width:61.6667%}
.w5 .table-list{ margin:0}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.logo{ top:0; left:50px;}
.w1 .content{ padding-right:0;}
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:0;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img, .w6-image img, .w7-image img, .w2-image img, .w4-image img, .w3-image img, .w8-image img{ margin-top:30px;}
.contact-form{ min-height:850px; min-width:850px; margin:0 -50px;}
.contact-info ul{ padding-top:0;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:21px;}
.contact-info ul li{ margin-bottom:40px;}
.w1 h1, .w2 h2, .w3 h3, .w4 h2, .w5 h3, .w6 h2, .w7 h3, .w8 h2, .w9 h3, .contact h2{ font-size:46px;}
.contact-info{ margin-top:50px; margin-bottom:50px;}
.contact h2{ margin-bottom:40px;}
.w5 .table-list{ margin:0}
.w3 .proccess{ padding-left:0;}
.w2 .proccess ul li{ width:55px; height:55px; font-size:16px; line-height:55px;}
.w3 .proccess ul.first-row li, .w3 .proccess ul.second-row li, .w3 .proccess ul li div, .w4 .proccess ul li, .w4 .proccess ul li div{ width:55px; height:55px; font-size:14px; line-height:14px;}
.w5 .table-list{ width:auto;}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8{ margin-bottom:100px;}
.header { display:block;}
#sidebar-wrapper{ right:-100%; width:100%;}
.menu-wrap{ margin:0; padding:100px 30px 30px;}
.float-btn{ display:none;}
.contact [class*=col-]{ float:none; width:100%}
} 
/* END__ */

@media only screen and (max-width: 767px) {
.header-main{ margin-bottom:150px;}
.blue-circle{ width:544px; height:544px;}
.grey-circle{ width:500px; height:500px;}
.pin1{ left:30px; top:20px;}
.toa-logo{ width:100px;}
.header-content{ bottom:250px;}
.header-content p{ font-size:16px;}
.logo{ top:-50px; left:50px; width: 145px;}
.link-icon{ margin-top:0}
.w1 .content{ padding-right:0;}
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:0;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img, .w6-image img, .w7-image img, .w2-image img, .w4-image img, .w3-image img, .w8-image img{ margin-top:30px;}
.contact-form{ min-height:514px; min-width:514px; height:514px; width:514px; margin:0 auto;}
.contact-info ul{ padding-top:50px; padding-left:30px;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:21px;}
.contact-info ul li{ margin-bottom:40px;}
.w1 h1, .w2 h2, .w3 h3, .w4 h2, .w5 h3, .w6 h2, .w7 h3, .w8 h2, .w9 h3, .contact h2{ font-size:40px; line-height:80px;}
.contact-info{ margin-top:50px; margin-bottom:50px;}
.contact h2{ margin-bottom:0;}
.w5 .table-list{ margin:0}
/*.w3 .proccess{ padding-left:0;}
.w2 .proccess ul li{ width:50px; height:50px; font-size:13px; line-height:50px;}
.w3 .proccess ul.first-row li, .w3 .proccess ul.second-row li, .w3 .proccess ul li div, .w4 .proccess ul li, .w4 .proccess ul li div{ width:50px; height:50px; font-size:13px; line-height:14px;}*/
.w3 .proccess{ margin:0 auto; padding:0; display:block;}
.w3 .proccess ul{ margin:0 auto !important; width:80px; display:block; padding:0;}
.w3 .proccess ul.first-row li{ float:none; display:block; margin-bottom:26px; margin-right:0}
.w3 .proccess ul.first-row li:last-child{ margin-bottom:26px;}
.w3 .proccess ul.first-row li:after{  background:url(../images/down-arrow.png) right; height:26px; width:5px; left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); top:100%;}
.w3 .proccess ul.second-row li{ float:none; margin-left:0; margin-bottom:26px;}
.w3 .proccess ul.second-row li:after{  background:url(../images/down-arrow.png) right; height:26px; width:5px; left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); top:100%;}
.w4 .proccess ul, .w2 .proccess ul{ margin:0 auto; display:block; width:80px;}
.w4 .proccess ul li, .w2 .proccess ul li{ margin:0 0 26px 0;}
.w4 .proccess ul li:after, .w2 .proccess ul li:after{  background:url(../images/down-arrow.png) right; height:26px; width:5px; left:50%; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); top:100%;}
.w5 .table-list{ width:auto;}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9{ margin-bottom:100px;}
.w5 .table-list .table-row, .w5 .table-list .table-head{ font-size:14px;}
.w5 .table-list .table-row img{ width:15px;}
.form-wrap input[type="submit"]{ height:90px; width:90px; line-height:100px;}
.form-wrap{ width:320px;}
/*.w3 .proccess ul.second-row li{ float:left;}
.w3 .proccess ul{ padding-left:0;}
.w3 .proccess ul.second-row li{ margin-left:0; margin-right:26px}
.w3 .proccess ul.second-row li:after{ background:url(../images/left-arrow.png); right:auto; left:100%;}*/
.float-btn{ left:20px; bottom:20px;}
.float-btn .menu-icon, .float-btn .contact-btn{ line-height:50px; height:50px;}
.float-btn .menu-icon{ width:50px; margin-right:15px;}
.float-btn .contact-btn{ font-size:18px; padding-right:15px; padding-left:15px;}
.header { display:block;}
#sidebar-wrapper{ right:-100%; width:100%;}
.menu-wrap{ margin:0; padding:90px 30px 30px;}
.header .contact-btn{ font-size:16px;}
.header{ padding-left:15px; padding-right:15px;}
.float-btn{ display:none;}
.anchor:before{content:""; display:block; height:90px; margin-top:-90px}
/*.w3 .proccess ul.first-row{ margin:0}
.w3 .proccess ul.first-row li:after{ width:20px;}
.w3 .proccess ul.first-row li{ margin-right:20px;}*/
.contact .col-md-5, .contact .col-md-7{ float:none; width:100%}
} 

/* END__ */

@media (max-width: 543px) {
.header-main{ padding-top:50px;}
.blue-circle{ width:320px; height:320px;}
.grey-circle{ width:290px; height:290px;}
.pin3{ bottom:50px;}
.pin1{ left:15px; top:-20px;}
.pin2{ right:-90px; width:150px; top:20px;}
.toa-logo{ width:80px; bottom:50px;}
.header-content{ bottom:180px;}
.header-content p{ font-size:14px; line-height:20px;}
.logo{  top:-60px; left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); width:160px;}

.w1 .content{ padding-right:0;}
.w2 .content, .w4 .content, .w6 .content, .w8 .content{ padding-right:0;}
.w3 .content, .w5 .content, .w7 .content, .w9 .content{ padding-right:0}
.w5-image img, .w6-image img, .w7-image img, .w2-image img, .w4-image img, .w3-image img, .w8-image img{ margin-top:30px;}
.contact-form{ min-height:320px; min-width:320px;  height:320px; width:320px; margin:0 auto;}
.contact-info ul{ padding-top:50px; padding-left:0;}
.contact-info ul li .phone, .contact-info ul li .fax, .contact-info ul li .address{ font-size:18px; padding-left:30px;}
.contact-info ul li{ margin-bottom:40px;}
.w1 h1, .w2 h2, .w3 h3, .w4 h2, .w5 h3, .w6 h2, .w7 h3, .w8 h2, .w9 h3, .contact h2{ font-size:30px; line-height:30px; line-height:inherit; padding-top:20px; padding-bottom:20px;}
.contact-info{ margin-top:50px; margin-bottom:50px;}
.contact h2{ margin-bottom:0;}
.w5 .table-list{ margin:0}
/*.w3 .proccess{ padding-left:0;}
.w2 .proccess ul li{ width:50px; height:50px; font-size:13px; line-height:50px;}
.w3 .proccess ul.first-row li, .w3 .proccess ul.second-row li, .w3 .proccess ul li div, .w4 .proccess ul li, .w4 .proccess ul li div{ }*/

.w5 .table-list{ width:auto;}
.w1, .w2, .w3, .w4, .w5, .w6, .w7, .w8, .w9{ margin-bottom:50px;}
.w5 .table-list .table-row, .w5 .table-list .table-head{ font-size:12px; line-height:18px; padding:5px; text-align:center;}
.w5 .table-list .table-row img{ width:15px;}
.form-wrap input[type="submit"]{ height:50px; width:50px; line-height:50px; font-size:14px;}
.form-wrap{ width:220px;}
.form-wrap textarea.form-control{ height:80px;}
.form-wrap .form-group{ margin-bottom:15px;}
/*.w3 .proccess ul.second-row li{ float:right;}
.w3 .proccess ul{ padding-left:0;}
.w3 .proccess ul.second-row li{ margin-left:26px; margin-right:0}
.w3 .proccess ul.second-row li:after{ background:url(../images/right-arrow.png); right:100%; left:auto}*/
.menu-wrap ul li a{ padding:10px 0; font-size:20px;}
.form-wrap .form-control{ height:34px; padding:5px;}
.form-wrap textarea.form-control{ height:80px; padding:5px;}

} 
/* END__ */
@media (max-width: 320px) {
.contact-form{ min-height:320px; min-width:320px;  height:320px; width:320px; margin:0 -15px;}

}


.col-xs-6 .form-control {
    
    box-shadow: 0 !important ;
    border-top: 0 !important ;
}