/* Reset */
article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

nav,

section,

summary {

    display: block

}
audio,

canvas,

video {

    display: inline-block;

    *display: inline;

    *zoom: 1

}
audio:not([controls]) {

    display: none;

    height: 0

}
[hidden] {

    display: none

}
html {

    font-size: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%

}
html,

button,

input,

select,

textarea {

    font-family: sans-serif

}
body {

    margin: 0

}
a:focus {

    outline: thin dotted

}
a:active,

a:hover {

    outline: 0

}
h1 {

    font-size: 2em;

    margin: .67em 0

}
h2 {

    font-size: 1.5em;

    margin: .83em 0

}
h3 {

    font-size: 1.17em;

    margin: 1em 0

}
h4 {

    font-size: 1em;

    margin: 1.33em 0

}
h5 {

    font-size: .83em;

    margin: 1.67em 0

}
h6 {

    font-size: .67em;

    margin: 2.33em 0

}
abbr[title] {

    border-bottom: 1px dotted

}
b,

strong {

    font-weight: bold

}
blockquote {

    margin: 1em 40px

}
dfn {

    font-style: italic

}
hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0

}
mark {

    background: #ff0;

    color: #000

}
p,

pre {

    margin: 1em 0

}
code,

kbd,

pre,

samp {

    font-family: monospace, serif;

    _font-family: 'courier new', monospace;

    font-size: 1em

}
pre {

    white-space: pre;

    white-space: pre-wrap;

    word-wrap: break-word

}
q {

    quotes: none

}
q:before,

q:after {

    content: '';

    content: none

}
small {

    font-size: 80%

}
sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}
sup {

    top: -0.5em

}
sub {

    bottom: -0.25em

}
dl,

menu,

ol,

ul {

    margin: 1em 0

}
dd {

    margin: 0 0 0 40px

}
menu,

ol,

ul {

    padding: 0 0 0 40px

}
nav ul,

nav ol {

    list-style: none;

    list-style-image: none

}
img {

    border: 0;

    -ms-interpolation-mode: bicubic

}
svg:not(:root) {

    overflow: hidden

}
figure {

    margin: 0

}
form {

    margin: 0

}
fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}
legend {

    border: 0;

    padding: 0;

    white-space: normal;

    *margin-left: -7px

}
button,

input,

select,

textarea {

    font-size: 100%;

    margin: 0;

    vertical-align: baseline;

    *vertical-align: middle

}
button,

input {

    line-height: normal

}
button,

select {

    text-transform: none

}
button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

    *overflow: visible

}
button[disabled],

html input[disabled] {

    cursor: default

}
input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

    *height: 13px;

    *width: 13px

}
input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}
input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}
button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0

}
textarea {

    overflow: auto;

    vertical-align: top

}
table {

    border-collapse: collapse;

    border-spacing: 0

}/* custom */
html,

button,

input,

select,

textarea {

    color: #222;

}
body {

    color: #818a8f;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    line-height: 1.4;

}
::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}
::selection {

    background: #b3d4fc;

    text-shadow: none;

}
hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}
img {

    vertical-align: middle;

}
fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}
textarea {

    resize: vertical;

}
.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}
a:link,

a:visited {

    color: #c00;

    outline: none;

    text-decoration: none;

    -webkit-transition: color 0.15s ease-in;

    -moz-transition: color 0.15s ease-in;

    -o-transition: color 0.15s ease-in;

    transition: color 0.15s ease-in;

}
a:hover {

    color: #000;

}
h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    font-family: Arial, Helvetica, sans-serif;

}
#main {

    position: relative;

}
.bn-wrap {

    overflow: hidden;

}
.box-language {

    display: inline-block;

    color: #fff;

}
#slidertop .slick-slide {

    background-size: cover;

    background-position: center center;

}
#slidertop img {

    display: none

}
.link-top .box-language a {

    background: none;

    display: inline-block;

    color: #fff;

    vertical-align: middle;

    padding: 2px 10px;

    margin: 0 3px;

}
.mainmenu-fixed header.top {

    position: fixed;

    z-index: 9999;

}
.mainmenu-fixed section.main-login {}
header.top {

    background: #7dcdf4;

    padding: 22px 0;

    position: relative;

    z-index: 9999;

    -webkit-transform: translateY(0%);

    -moz-transform: translateY(0%);

    transform: translateY(0%);

    -webkit-transition: all 0.4s;

    -moz-transition: all 0.4s;

    transition: all 0.4s;

    width: 100%;

    top: 0;

}/*header.top.mainmenu-fixed{background:rgba(125,205,244,0.86);  position: fixed;}*/
.logo {

    display: inline-block;

    width: 18%;

    vertical-align: top;

}
.logo img {

    max-width: 100%;

}
.mainmenu {

    display: inline-block;

    width: 81%;

    vertical-align: top;

    text-align: right;

}
ul.menu {

    padding: 11px 0 0 0;

    margin: 0;

}
ul.menu li {

    list-style: none;

    display: inline-block;

    font-size: 17px;

    text-transform: uppercase;

    line-height: 30px;

    padding-right: 30px;

}
ul.menu li a {

    color: #fff;

}
ul.menu li a:hover {

    color: rgb(255, 149, 0)

}
ul.menu li.active a {

    color: rgb(255, 149, 0)

}
.link-top {

    display: inline-block;

    vertical-align: top;

    width: 22%;

    text-align: right;

    padding-top: 4px;

    float: right;

}
.link-top a {

    color: rgb(255, 255, 255);

    display: inline-block;

    font-size: 14px;

    line-height: 20px;

    background: rgb(255, 149, 0);

    padding: 10px 20px;

    border-radius: 4px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}
.link-top a:hover {

    background: #138BC7;

}
#slider {

    position: relative;

    top: 0px;

    background: url(../img/bx_loader.gif) no-repeat center center;

    margin-bottom: 0px;

    min-height: 400px

}
#slider .slick-slide img {

    display: none

}
#slider .slick-slide {

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat

}
section.main-login.main-login-fixed {

    top: 90px;

}
section.main-login {

    position: absolute;

    top: 90px;

    right: 0;

    margin: 0 auto;

}
.frm-login {

    width: 500px;

    background: rgb(57, 189, 255);

    background: rgba(57, 189, 255, 0.8);

    font-size: 18px;

    padding: 25px 40px;

    color: #fff;

    float: right;

}
.frm-login p {

    margin-top: 0;

}
.frm-login p small {

    margin-top: 20px;

    display: block;

    line-height: 23px;

}
.item-login {

    margin-top: 15px;

}
.item-login input,

.item-login select,

textarea.txt {

    width: 100%;

    height: 43px;

    border: 1px solid #b1e3fb;

    outline: none;

    border-radius: 4px;

    box-sizing: border-box;

    padding-left: 30px;

    color: #818a8f;

    font-size: 18px;

    padding-top: 6px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    padding-bottom: 6px

}
.item-login input:focus,

.item-login select:focus,

textarea.txt:focus {

    border: 1px solid #107aaf;

}
textarea.txt {

    resize: none;

    overflow: auto;

    height: 150px

}
button.btn-sm,

.btn-sm {

    width: 100%;

    color: #fff!important;

    font-size: 28px;

    background: #ff9600;

    border: none;

    border-radius: 4px;

    outline: none;

    font-weight: bold;

    padding: 14px 3px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}
button.btn-sm:hover,

.btn-sm:hover {

    background: #138BC7;

}
::-webkit-input-placeholder {

    color: #818a8f!important;

    opacity: 1!important;

}
:-moz-placeholder {

    color: #818a8f!important;

    opacity: 1!important;

}
::-moz-placeholder {

    color: #818a8f!important;

    opacity: 1!important;

}
:-ms-input-placeholder {

    color: #818a8f!important;

    opacity: 1!important;

}
#slider .slick-prev,

#slider .slick-next {

    width: 55px;

    height: 55px;

    background: rgb(0, 0, 0);

    background: rgba(0, 0, 0, 0.4);

    border-radius: 4px;

    color: #fff;

    z-index: 9999;

}
#slider .slick-prev:before,

#slider .slick-next:before {

    color: #fff;

    font-size: 16px

}
section.maincontent1 {

    background: #f8fdff;

}
.maincontent p {

    font-size: 18px;

    line-height: 1.7;

    color: #818a8f

}
.maincontent2 {

    position: relative;

    background: #b29cff;

}
.maincontent2:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(74, 184, 238, 0);

    border-top-color: #b29cff;

    border-width: 28px;

    margin-left: -28px;

}
section.maincontent3 {

    padding-top: 100px;

    padding-bottom: 170px;

}
.maincontent4 {

    position: relative;

    background: #fff;

    padding: 70px 0;

}
section.maincontent.maincontent5 {

    background: #f7fdff;

    padding: 70px 0;

}
.maincontent6 {

    position: relative;

    background: #ffae43;

    padding: 70px 0;

}
.maincontent6:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(74, 184, 238, 0);

    border-top-color: #ffae43;

    border-width: 28px;

    margin-left: -28px;

}
section.maincontent7 {

    padding: 60px 0;

}
.maincontent8 {

    position: relative;

    background: #ffd400;

}
.maincontent8:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(74, 184, 238, 0);

    border-top-color: #ffd400;

    border-width: 28px;

    margin-left: -28px;

    z-index: 99;

}
.maincontent11 {

    position: relative;

    background: #ffae43;

    padding: 70px 0;

}
.maincontent11:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(74, 184, 238, 0);

    border-top-color: #ffae43;

    border-width: 28px;

    margin-left: -28px;

    z-index: 99;

}
.maincontent {

    padding: 60px 0;

}
.maincontent13 {

    position: relative;

    background: #ffd400;

}
.maincontent13:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(74, 184, 238, 0);

    border-top-color: #ffd400;

    border-width: 28px;

    margin-left: -28px;

    z-index: 99;

}
section.maincontent9 {

    background: #f7fdff

}
.maincontent10 {

    position: relative;

    background: #4ab7ef;

}
.maincontent10:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-color: rgba(74, 184, 238, 0);

    border-top-color: #4ab7ef;

    border-width: 28px;

    margin-left: -28px;

}
section.maincontent.maincontent15 {

    background: #e5f7fe;

}
section.maincontent12 {

    background: #f2fcff;

}
.t-header-ab {

    text-align: center;

    padding-top: 15px;

}
.t-header-ab h3 {

    font-size: 60px;

    color: #13a0e0;

    margin: 0;

    font-weight: bold;

}
.maincontent .t-header-ab p {

    color: #58caef;

    font-size: 45px;

    font-weight: bold;

    margin: 0;

    line-height: 1.2;

}
.box1 {

    display: table;

    width: 100%;

    margin-top: 50px;

    margin-bottom: 50px;

}
.box1-left {

    display: table-cell;

    vertical-align: middle;

    width: 63%;

    padding-right: 56px;

}
.box1-left h3 {

    color: #13a0e0;

    font-size: 60px;

    margin: 0;

    font-weight: bold;

    padding-bottom: 24px;

}
.box1-left p {

    color: #818a8f;

    line-height: 30px;

    font-size: 18px;

    margin-bottom: 30px;

}
.box1-right {

    display: table-cell;

    vertical-align: middle;

    text-align: right;

}
.imgbox {

    display: block

}
.box1-right img {

    border-radius: 50%;

    max-width: 100%;

    display: block;

}
.box2 {

    width: 100%;

    display: table;

    color: #fff;

}
.box2-left {

    display: table-cell;

    width: 42%;

    padding-right: 80px;

    vertical-align: middle;

}
.box2-left h3 {

    font-size: 45px;

    font-weight: bold;

    line-height: 1.3;

}
.box2-right p {

    color: #fff;

    font-size: 14px;

}
.box2-right {

    display: table-cell;

    width: 62%;

    vertical-align: top;

}
.item-slider2 {

    display: table;

    width: 100%;

}
.img-item-slider2 {

    display: table-cell;

    vertical-align: middle;

    width: 33%;

    text-align: center;

    position: relative;

}
.img-item-slider2 img {

    border-radius: 50%;

    display: block;

    border: 20px solid #eaf8fe;

    max-width: 100%;

}
.div-img-item {

    display: inline-block;

    position: relative;

}
span.n-number {

    position: absolute;

    background: #b29cff;

    display: inline-block;

    width: 91px;

    height: 91px;

    color: #fff;

    left: 11px;

    bottom: 8px;

    font-size: 70px;

    font-weight: bold;

    border-radius: 50%;

}
.info-slider2 {

    display: table-cell;

    width: 53%;

    vertical-align: middle;

    padding-right: 80px;

}
.info-slider2 h4 {

    font-size: 30px;

    color: #b29cff;

    margin: 0;

    font-weight: bold;

    padding-bottom: 10px;

}
.info-slider2 p {

    color: #818a8f;

    margin: 0;

    line-height: 1.7;

}
.box3 .slick-prev {

    left: 0

}
.box3 .slick-next {

    right: 0

}
.box3 .slick-prev:before,

.box3 .slick-next:before {

    color: #b29cff;

}
.box4 h4 {

    color: #fff;

    margin: 0;

    text-align: center;

    font-size: 60px;

    font-weight: bold;

    line-height: 63px;

}
.box5 {}
.info-box5 {

    display: table-cell;

    vertical-align: middle;

    width: 51%;

    padding-right: 30px;

}
.box5-item h3 {

    font-size: 60px;

    color: #1e1e1e;

    font-weight: bold;

    margin: 0;

    text-align: left;

    padding-bottom: 14px;

    line-height: 1.1;

}
.box5-item p {

    text-align: left

}
.img-box5 {

    display: table-cell;

    vertical-align: middle;

    width: 50%;

    text-align: center;

}
.box5-item img {

    border-radius: 50%;

    max-width: 100%;

    display: block;

}
.box5-item {

    display: table;

    width: 100%;

}
.box6 {

    padding: 0;

    list-style: none;

    text-align: center;

}
ul.box6 >li {

    display: inline-block;

    vertical-align: top;

    width: 32.5%;

    text-align: center;

    padding: 0 5px;

}
ul.box6 >li img {

    max-width: 100%;

    border-radius: 50%;

}
ul.box6 >li h4 {

    color: #1e1e1e;

    font-size: 40px;

    margin: 40px 0;

    line-height: 1.2;

    font-weight: bold

}
ul.box6 >li ul {

    margin: 0;

    padding: 0;

    list-style: none;

}
ul.box6 >li li {

    margin-bottom: 10px;

    position: relative;

    padding-left: 25px;

    text-align: left;

}
ul.box6 >li li:before {

    content: "\f046";

    font: normal normal normal 16px/1 FontAwesome;

    color: #ffad43;

    position: absolute;

    left: 0px;

    top: 3px;

}/* fluid 5 columns */
.grid-sizer,

.grid-item {

    width: 50%;

    height: 239px;

}
.grid-item img {

    max-width: 100%;

    display: none;

}
.grid-item.grid-item--height2 {

    height: 480px

}
.grid-item {

    background-size: cover;

    background-repeat: no-repeat;

    border: 10px solid #fff;

    background-position: center center;

    overflow: hidden

}/* 2 columns */
.grid-item--width2 {

    width: 50%;

}
.img-grid {

    padding: 10px;

    background: rgb(74, 184, 238);

    background: rgba(74, 184, 238, 0.9);

    color: #fff;

    text-align: center;

    position: absolute;

    top: 0;

    left: -100%;

    display: table;

    bottom: 0;

    width: 100%;

    height: 220px;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    -o-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}
.img-grid p {

    color: #fff;

    padding: 20px 0px;

    margin: 0;

}
.grid-item.grid-item--height2 .img-grid {

    height: 460px;

}
.img-grid.showdetail {

    left: 0

}/*.grid-item:hover .img-grid{ }*/
.content-gird-item {

    display: table-cell;

    vertical-align: middle;

}
.panel.panel-default {

    border: none;

}
.panel-default>.panel-heading {

    background: none;

    border: none;

    padding: 0;

}
h4.panel-title a {

    display: block;

    position: relative;

    color: #fff;

    font-size: 20px;

    background: #b1e3fb;

    color: #fff;

    padding: 18px 30px;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px;

}
h4.panel-title a i:before {

    content: "\f056";

}
h4.panel-title a.collapsed i:before {

    content: "\f055";

}
h4.panel-title a.collapsed {

    background: #f1f1f1;

    color: #818a8f;

}
h4.panel-title a i {

    position: absolute;

    right: 17px;

}
.panel-default>.panel-heading+.panel-collapse .panel-body {

    border: 1px solid #f4f4f4;

    padding: 30px;

    line-height: 30px;

    border-top: none;

}
.panel-default>.panel-heading+.panel-collapse .panel-body ul {

    list-style: none;

    padding: 0;

    margin: 0;

}
.panel-default>.panel-heading+.panel-collapse .panel-body li {

    margin-bottom: 10px;

    position: relative;

    padding-left: 22px;

}
.panel-default>.panel-heading+.panel-collapse .panel-body li:before {

    content: "\f046";

    font: normal normal normal 16px/1 FontAwesome;

    color: #ffad43;

    position: absolute;

    left: 0px;

    top: 7px;

}
section.maincontent12 p strong {

    color: #1e1e1e

}
section.maincontent12 ul {

    font-size: 16px;

    padding-left: 17px;

}
section.maincontent12 ul li {

    margin-bottom: 13px;

}
footer {

    background: #7dcdf4;

    color: #fff;

    font-size: 14px;

    text-align: center;

    padding: 20px 0;

}
.group-btn {

    width: 50%;

    margin: 0 auto;

    margin-top: 100px;

}
span.ontop {

    position: fixed;

    bottom: 0;

    right: 20px;

    font-size: 50px;

    z-index: 999;

}
span.ontop a {

    color: #5d8599;

}
span.ontop a:hover {

    color: rgb(255, 149, 0)

}
ul.menu li.link-top {

    display: none

}
.infoads {

    position: absolute;

    top: 45%;

    left: 0;

    right: 0;

    margin-top: -90px;

}
.infoads h3 {

    color: #13a0e0;

    font-size: 50px;

    margin: 0;

    font-weight: bold;

    padding-bottom: 24px;

}
a.btn-click:hover {

    background: #138BC7;

}
a.btn-click {

    text-transform: uppercase;

    color: rgb(255, 255, 255);

    display: inline-block;

    font-size: 14px;

    line-height: 20px;

    background: rgb(255, 149, 0);

    padding: 10px 20px;

    border-radius: 4px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}
a.openvideo {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    top: 0;

    z-index: 999;

}
.box5.box8 .box5-item h3 {

    color: #13a0e0

}
.box5.box8 .box5-item h4 {

    color: #818a8f;

    line-height: 1.4;

    font-size: 24px;

    font-weight: bold;

}
.box5.box8 .box5-item p {

    font-size: 16px

}
.box5.box8 .info-box5 {}
.box5.box8 .img-box5 {

    width: 32%;

}
body.pageconutry {

    height: 100%;

    background: url(../img/bg_country-selection.jpg) no-repeat center left;

    background-size: cover;

    min-height: 500px;

    background-attachment: fixed;

}
html {

    height: 100%;

}
.bg-conutry {

    display: table;

    width: 500px;

    height: 100%;

}
.conutry-left {

    color: #fff;

    display: table-cell;

    vertical-align: middle;

}
.conutry-left p {

    font-size: 20px;

    margin-bottom: 33px;

}
a.logo-cnt {

    display: block;

    margin-bottom: 80px

}
.logo-cnt img {

    max-width: 100%

}
.conutry-left button.btn.dropdown-toggle.btn-default {

    outline: none;

    background: #fff;

    border: 1px solid #b1e3fb;

    border-radius: 0;

    height: 60px;

    background: #fff;

    padding: 0;

}
.conutry-left .form-control {

    height: 60px;

}
.conutry-left .bootstrap-select.btn-group .dropdown-toggle .filter-option {

    display: block;

    height: 60px;

    line-height: 60px;

    font-size: 16px;

    color: #818a8f;

    padding: 0 30px;

}
.bootstrap-select.btn-group .dropdown-menu {

    border: 1px solid #b1e3fb;

    border-radius: 0;

}
.conutry-left .dropdown-menu li {

    display: block;

}
.conutry-left .dropdown-menu li a {

    color: #818a8f;

    font-size: 16px;

    display: block;

    padding: 5px 23px;

}
.dropdown-menu ul {

    padding: 0;

    margin: 0

}
.conutry-left .dropdown-menu ul>li>a:hover,

.conutry-left .dropdown-menu ul>li>a:focus,

.conutry-left .dropdown-menu>.active>a,

.conutry-left .dropdown-menu>.active>a:hover,

.conutry-left .dropdown-menu>.active>a:focus {

    background-color: #7dcdf4;

    color: #fff;

}
.conutry-left .bootstrap-select.btn-group .dropdown-menu li {

    position: relative;

    padding: 3px 0px;

}
.conutry-left .dropdown-menu>li>a {

    color: #818a8f;

    font-size: 16px

}
span.bs-caret {

    width: 60px;

    height: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 18px;

    color: #818a8f;

    display: inline-block;

    right: 0;

    position: absolute;

}
.dropdown-menu {

    height: 220px

}
button.btn-go {

    color: #fff;

    font-size: 22px;

    text-transform: uppercase;

    border: none;

    background: #ff9500;

    font-weight: normal;

    height: 60px;

    padding: 0 30px;

    border-radius: 6px;

    outline: none;

    position: absolute;

    right: 0;

    top: 0;

}
.box-conurtry {

    position: relative;

    padding-right: 100px;

}
button.btn-go:hover {

    background: #00B1E7;

}
.infoads a img {

    display: block!important;

    max-width: 100%;

}
a.v-more-ogr {

    background: #ff9600;

    color: #fff;

    font-weight: bold;

    font-size: 28px;

    display: inline-block;

    margin: 4px 10px;

    padding: 15px 17px;

    border-radius: 3px;

    min-width: 45%;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}
a.v-more-ogr:hover {

    background: #138BC7;

}
.box7 {

    display: table;

    width: 100%;

}
.left-box7 {

    display: table-cell;

    vertical-align: middle;

    width: 40%;

    padding-right: 46px;

    text-align: center;

}
.left-box7 img {

    border-radius: 50%;

    max-width: 100%;

}
.right-box7 {

    display: table-cell;

    width: 50%;

    vertical-align: top;

}
.right-box7 h4 {

    color: #818a8f;

    font-size: 24px;

    margin: 0;

    font-weight: bold;

}
.right-box7 ul {

    margin: 0;

    padding: 0 0 40px 0;

    list-style: none;

}
.right-box7 li {

    margin-bottom: 10px;

    position: relative;

    padding-left: 22px;

}
.right-box7 li:before {

    content: "\f046";

    font: normal normal normal 18px/1 FontAwesome;

    color: #ffad43;

    position: absolute;

    left: 0px;

    top: 3px;

}
.right-box7 a {

    background: #ff9600;

    color: #fff;

    font-weight: bold;

    font-size: 28px;

    display: inline-block;

    padding: 15px 21px;

    border-radius: 3px;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}
.right-box7 a:hover {

    background: #138BC7;

}
.bgthank {
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; z-index:9
}
.bgthank img {
    height: 0;
    visibility: hidden;
    display: none;
}
body.pagethankyou{height:100%;/*background:url(../img/bg_thankyou.jpg) no-repeat center left*/;background-size:cover;min-height:500px;background-attachment: fixed;}
.bg-thankyou{background:url(../img/thankyoupage-bg.png) repeat-y center right;}
.thankyou-right{color:#444444; display: table-cell; vertical-align: middle; text-align:center; font-size:20px; line-height:25px;;}
.thankyou-right h2{ font-size:100px; line-height:100px; color:#4ab8ee; text-transform:uppercase; font-weight:bold; margin-bottom:0px;}
.thankyou-right h3{ font-size:34px; color: #1e1e1e; margin-top:0px;}
.thankyou-right p{ margin-bottom:50px;}
.bg-thankyou{ float:right; width:630px;    z-index: 999;
    position: relative;}
.btn-back {
     color: #ffffff !important;
    font-size: 22px;
    text-transform: uppercase;
    border: none;
    background: #ff9500;
    font-weight: normal;
    height: 40px;
    padding: 0 30px;
    border-radius: 6px; line-height:40px;
    outline: none;
	display:inline-block;
}
.btn-back:hover{background:#00b1e7;}
.grid-sizer,

.grid-item {

    width: 33.33%;

    height: 530px

}
.img-grid {

    height: 530px

}
.box5-item.box-block {

    display: block;

}
.img-box5.right-box {

    float: right;

    display: block;

}
.info-box5.left-box {

    float: left;

    width: 50%;

    padding-top: 100px;

}/* document */
.document {}
@media (min-width:1200px) {

    .mainmenu .collapse {

        display: block;

        height: auto!important;

    }

    .navbar-toggle {

        display: none;

    }

}
@media (min-width:1500px) {

    section.maincontent1 .container {

        width: 1320px;

    }

    section.maincontent2 .container {

        width: 1220px;

    }

    .container {

        max-width: 1400px;

    }

}
@media (max-width:1600px) {

    /*.grid-sizer,

    .grid-item{width:33.333%}

    .grid-item--width2{width:66.66%}*/

    ul.menu li {

        font-size: 13px

    }

    .img-grid p {

        font-size: 14px;

        padding: 5px 0

    }

    .link-top a {

        font-size: 12px

    }

}
@media (max-width:1400px) {

    .item-login input,

    .item-login select {

        height: 40px;

        font-size: 15px;

    }

    .frm-login {

        font-size: 13px;

        width: 500px;

        padding: 20px;

    }

    textarea.txt {

        height: 130px;

        font-size: 15px;

        resize: vertical

    }

    button.btn-sm {

        font-size: 14px

    }

    .frm-login p small {

        font-size: 13px;

        line-height: 20px

    }

    section.main-login {

        top: 60px

    }

    ul.menu li {

        padding-right: 30px

    }

    header.top {

        padding: 7px 0

    }

    .item-login {

        margin-top: 10px;

    }

    .img-grid,

    .grid-sizer,

    .grid-item {

        height: 355px

    }

    .grid-sizer,

    .grid-item {

        width: 355px!important

    }

}
@media (max-width:1200px) {

    section.maincontent9 {}

    .slick-prev {

        left: 10px

    }

    .slick-next {

        right: 10px

    }

    .logo {

        width: 49%;

    }

    .link-top {

        /* float: none; */

        width: 49%;

        padding-right: 66px;

    }

    .mainmenu {

        position: absolute;

        width: auto;

        right: 10px;

        bottom: 1px;

    }

    header.top .container {

        position: relative;

    }

    span.icon-bar {

        background: #8AD2F5;

    }

    .mainmenu .navbar-toggle {

        text-transform: uppercase;

        margin-bottom: 0;

        background: #fff;

        color: #01addf;

        display: block;

        outline: none;

        margin-right: 0;

        margin-top: 0;

        padding: 10px 11px;

        font-size: 13px;

        line-height: 17px;

    }

    ul.menu {

        position: absolute;

        width: 300px;

        right: 0;

        top: 47px;

        background: rgb(134, 202, 235);

        background: rgba(134, 202, 235, 0.83);

        border: 1px solid #fff;

        border-top: none;

        padding-top: 0;

    }

    header.top.mainmenu-fixed ul.menu {

        top: 50px

    }

    ul.menu li:first-child {

        border-top: none

    }

    ul.menu li {

        display: block;

        padding-left: 10px;

        padding-right: 10px;

        border-top: 1px dotted #fff;

    }

    .imgbox {

        width: 400px

    }

    /*.grid-sizer,

    .grid-item{width:33.333%}

    .grid-item--width2{width:66.66%}*/

}
@media (max-width:990px) {

    .grid-sizer,

    .grid-item {

        width: 50%

    }

    .grid-item--width2 {

        width: 100%

    }

    section.main-login {

        position: relative;

        top: inherit!important;

        background: #39BDFF;

        right: 0!important;

    }

    .box5-item img,

    .box1-right img,

    .left-box6 img {

        display: inline-block

    }

    .imgbox {

        width: 100%

    }

    .frm-login {

        width: auto;

        float: none;

        height: auto!important;

        padding: 30px 10px

    }

    .box1,

    .box2,

    .item-slider2,

    .box5,

    .box6,

    .box5-item {

        display: block;

    }

    .box1-left {

        display: block;

        width: auto;

        padding-right: 0px;

    }

    .box1-right {

        display: block;

        width: auto;

        text-align: center;

        padding-right: 0px;

    }

    .box2-left {

        display: block;

        width: auto;

        text-align: center;

        padding-right: 0;

    }

    .box2-right {

        display: block;

        width: auto;

    }

    .img-item-slider2 {

        display: block;

        width: auto;

        text-align: center;

    }

    .info-slider2 {

        display: block;

        width: auto;

        padding-right: 0;

        padding-top: 42px;

    }

    .box4 h4 {

        font-size: 30px

    }

    .info-box5 {

        display: block;

        width: auto;

        padding-right: 0;

        text-align: center;

    }

    .img-box5 {

        display: block;

        width: auto;

        padding-top: 15px;

    }

    .img-box5.right-box {

        float: none;

        text-align: center

    }

    .left-box7 {

        display: block;

        width: auto;

        text-align: center;

        padding-right: 0;

    }

    .right-box7 {

        display: table;

        width: auto;

        padding-top: 20px;

    }

    .info-box5.left-box {

        float: none;

        width: auto;

        padding-top: 20px;

    }

    section.maincontent4.box-center {

        background: rgb(247, 247, 247);

        border-top: 1px solid #7DCDF4;

        border-bottom: 1px solid #7DCDF4;

        padding-top: 30px;

        padding-bottom: 10px;

        padding-left: 10px;

        padding-right: 10px;

    }

    .right-box7 h4,

    .box5-item h3,

    .box1-left h3,

    .box2-left h3 {

        font-size: 40px;

        text-align: center;

    }

    .maincontent {

        padding: 20px 0;

    }

    .info-slider2 h4 {

        text-align: center;

    }

    .bg-conutry {

        width: 100%;

        text-align: center;

    }

    ul.box6 >li ul {

        display: inline-block;

    }

    .box7 {

        display: block;

        padding-top: 30px;

    }

    .panel-group {

        padding-top: 50px;

    }

    .box5.box8 .img-box5 {

        width: auto;

    }

}
@media (max-width:840px) {

    ul.box6 >li {

        width: auto;

        float: none;

        display: block;

        margin-bottom: 20px;

        padding: 0;

    }

    ul.box6 >li h4 {

        height: auto!important;

        margin: 0;

        padding: 10px 0px;

    }

}
@media (max-width:640px) {

    a.v-more-ogr {

        font-size: 18px

    }

    h4.panel-title a {

        font-size: 16px

    }

    ul.box6 >li h4 {

        font-size: 17px

    }

    #slider {

        min-height: inherit;

    }

    .right-box6 h4,

    .t-header-ab h3,

    .box5-item h3,

    .box1-left h3,

    .box2-left h3,

    .right-box7 h4,

    .box5-item h3,

    .box1-left h3,

    .box2-left h3 {

        font-size: 30px

    }

    .maincontent .t-header-ab p {

        font-size: 24px;

        text-align: center;

    }

    .group-btn {

        width: 100%

    }

    .grid-sizer,

    .grid-item {

        width: 100%

    }

    .logo {}

    .logo img {

        width: 150px;

    }

    ul.menu li.link-top {

        display: block

    }

    ul.menu li.link-top a {

        color: #fff

    }

    div.link-top {

        display: block

    }

    li.link-top {

        display: block;

        width: auto;

        float: none

    }

    .link-top a {

        display: none;

        text-align: center;

        margin-bottom: 6px;

    }

    ul.menu {

        top: 50px

    }

    .img-grid p {

        font-size: 14px;

        padding: 0;

    }

    header.top {

        padding: 10px 0

    }

    .maincontent p,

    .panel-body,

    .right-box6 ul {

        font-size: 15px;

        text-align: justify;

    }

    .logo-cnt img {

        max-width: 300px

    }

    .grid-sizer,

    .grid-item {

        height: 400px

    }

    .img-grid {

        height: 400px

    }

    .thankyou-right h2 {

        font-size: 60px;

        line-height: 60px;

    }

    .img-grid,

    .grid-sizer,

    .grid-item {

        height: 355px

    }

}
@media (max-width:360px) {

    .logo {

        width: 40%;

    }

    .link-top {

        width: 56%

    }

    .mainmenu {

        top: -5px

    }

    ul.menu {

        top: 44px;

    }

    .logo-cnt img {

        max-width: 200px

    }

    .thankyou-right h2 {

        font-size: 45px;

    }

    .grid-sizer,

    .grid-item {

        width: 100%!important

    }

}/* Helper classes */
.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    *text-indent: -9999px;

}
.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}
.hidden {

    display: none!important;

    visibility: hidden;

}
.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}
.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}
.invisible {

    visibility: hidden;

}
.clearfix:before,

.clearfix:after {

    content: " ";

    display: table;

}
.clearfix:after {

    clear: both;

}
.clearfix {

    *zoom: 1;

}/* Print styles */
@media print {

    * {

        background: transparent!important;

        color: #000!important;

        box-shadow: none!important;

        text-shadow: none!important;

    }

    a,

    a:visited {

        text-decoration: underline;

    }

    a[href]:after {

        content: " ("attr(href) ")";

    }

    abbr[title]:after {

        content: " ("attr(title) ")";

    }

    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }

    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }

    thead {

        display: table-header-group;

    }

    tr,

    img {

        page-break-inside: avoid;

    }

    img {

        max-width: 100%!important;

    }

    @page {

        margin: 0.5cm;

    }

    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }

    h2,

    h3 {

        page-break-after: avoid;

    }

}

