/* --------------- Global Styles --------------- */
body { color:#8d8d8d; font-family:"Open Sans", sans-serif; line-height:1; padding:0; }
body.boxed { max-width:1170px; background:#f4f5f8; }
a { color:#093eb6; text-decoration:none; transition:0.5s ease all; }
a:hover,
a:active,
a:focus { text-decoration:none; }
.container { max-width:100% !important; width:1170px; }
.wrapper { position:relative; overflow:hidden; }
header { position:relative; }
img { max-width:100%; }
ul { list-style-type:none; }
ol,
ul { margin:0; padding:0; }
ul li,
ol li { color:#8d8d8d; line-height:1.8; }
ol.list-unstyled { margin-left:0; }
.list-unstyled li i { padding-right:15px; color:#ffda43; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family:"Open Sans", sans-serif; color:#136691; }
h2 { font-size:2em; font-weight:600; text-transform:uppercase; text-align:center; }
p { font-size:16px; color:#677078; line-height:1.688; margin-bottom:20px; }
p + p:last-child { margin-bottom:0; }
blockquote { padding:30px 35px; background:#ffda44; font-size:20px; color:#675F3F; line-height:1.455; text-align:left; margin:0; border:none; font-style:italic; transition:0.5s ease all; }
.campaign .table-responsive { overflow-x:inherit!important; }
.light { font-weight:100; }
.btn { font-size:15px; background:#b7d27e; box-shadow:-250px 0 0 #136691 inset, 1px 1px 3px rgba(0,0,0,0.5); color:#fff; border:2px solid #fff; font-weight:600; padding:8px 25px; text-transform:uppercase; border-radius:0; outline:0; transition:all 0.3s ease-out, box-shadow 0.5s linear; }
.btn:hover { color:#fff; box-shadow:0 0 0 #136691 inset, 1px 1px 4px rgba(0,0,0,0.3); }
.btn-primary { background:#093EB6; color:#fff; }
.btn-primary:hover { background:#002D92; }
.btn-default { background:#FFDA44; color:#4c443a; }
.btn-default:hover { background:#ECC124; }
section { padding:80px 0; }
.sidebar { padding:80px 15px; }

/* --------------- 1.1 Spacer --------------- */
.spacer-5,
.spacer-10,
.spacer-20,
.spacer-30,
.spacer-40,
.spacer-50,
.spacer-60,
.spacer-70,
.spacer-80,
.spacer-90,
.spacer-100 { display:block; clear:both; overflow:hidden; }
.spacer-5 { height:5px }
.spacer-10 { height:10px }
.spacer-20 { height:20px }
.spacer-30 { height:30px }
.spacer-40 { height:40px }
.spacer-50 { height:50px }
.spacer-60 { height:60px }
.spacer-70 { height:70px }
.spacer-80 { height:80px }
.spacer-90 { height:90px }
.spacer-100 { height:100px }
@media all and (max-width:991px) {
	section { padding:60px 0; }
}
@media all and (max-width:767px) {
	br { display:none; }
}
@media all and (max-width:480px) {
	section { padding:45px 0; }
}

/* --------------- Header Styles --------------- */
.logo-top-info { padding:15px 0; }
.logo-top-info .left a { display:inline-block; color:#00a5d3; font-size:15px; margin:9px 20px 0 0; font-weight:700; transition:all .3s; }
.logo-top-info .left a i { color:#136691; transition:all .3s; }
.logo-top-info .right a { font-weight:700; }
.logo-top-info .right a.signup,
.logo-top-info .right a.login { display:inline-block; color:#fff; box-shadow:0 -30px 0 #00a5d3 inset; border:2px solid #00a5d3; padding:8px 15px; border-radius:3px; margin-right:10px; transition:all .2s ease-out; }
.logo-top-info .right a.signup:hover { color:#00a5d3; box-shadow:0 0 0 #00a5d3 inset; }
.logo-top-info .right a.login { box-shadow:0 -30px 0 #b7d27e inset; border-color:#b7d27e; }
.logo-top-info .right a.login:hover { color:#b7d27e; box-shadow:0 0 0 #b7d27e inset; }
.logo-top-info .right a.cart { color:#00a5d3; transition:all .3s; }
.logo-top-info .right a.cart i { color:#136691; transition:all .3s; }
.logo-top-info .right a.cart:hover,
.logo-top-info .left a:hover { color:#00c6eb; }
.logo-top-info .right a.cart:hover i,
.logo-top-info .left a:hover i { color:#00c6eb; transform:rotateY(360deg); }
@media all and (max-width:991px) {
	.logo-top-info .left,
	.logo-top-info .right { text-align:center; }
	.logo-top-info .left a { margin-top:0; }
	.logo-top-info .right .pull-right { float:none!important; margin-top:15px; }
}

/* --------------- Navigation --------------- */
#navbar { height:120px!important; background:#00a5d3; border-top:2px solid #0085aa; border-bottom:2px solid #0085aa; }
#navbar .logo a { display:block; overflow:hidden; position:relative; height:76px; margin-top:20px; transition:all .2s; }
#navbar .logo a:hover { transform:skewX(-10deg); opacity:0.8; }
#navbar .logo a img { display:block; height:100%; }
#navbar .main-menu { padding:0; float:right; transition:all 0.3s ease-out; }
ul.main-menu li a { font-size:14px; color:#fff; font-weight:bold; width:116px; height:116px; padding:0 5px; line-height:20px; text-align:center; text-transform:uppercase; display:block; border-left:2px solid #00e4fa; border-right:2px solid #0082a8; border-bottom:2px solid #00e4fa; box-shadow:0 0 0 #136691 inset; transition:all .2s ease-out; }
ul.main-menu li a img { height:78px; margin:0 auto; padding-top:15px; display:table; transition:all .2s ease-out; }
ul.main-menu li:not(.active) a:hover { box-shadow:0 -120px 0 #136691 inset; }
ul.main-menu li:not(.active) a:hover img { height:47px; opacity:0; }
ul.main-menu li.active > a { background:#00c6eb; cursor:default; }
ul.main-menu > li { display:block; float:left; padding:0; position:relative; }
ul.main-menu > li.dropdown ul { visibility:hidden; opacity:0; position:absolute; top:120%; background:#fff; min-width:220px; padding:10px 0; transition:0.5s ease all; z-index:1000; }
ul.main-menu > li.dropdown ul li a { padding:10px 20px; display:block; font-size:16px; font-weight:normal; text-transform:none; }
ul.main-menu > li.dropdown ul:before { content:""; display:block; visibility:hidden; opacity:0; position:absolute; top:-20px !important; left:30px; border:10px solid transparent; border-color:#fff; transition:1s ease all; }
ul.main-menu > li.dropdown:hover ul,
ul.main-menu > li.dropdown:hover ul:before { visibility:visible; opacity:1; top:100%; }
i.fa.dropdown-toggle { display:none; }
li.dropdown i.fa.dropdown-toggle { display:block; position:absolute; top:49%; right:5px; transform:translateY(-50%); font-size:12px; line-height:1; color:#aaa; cursor:pointer; }
@media (max-width:1200px) {
	#navbar .logo a { width:154px; height:50px; margin-top:32px; }
}
@media all and (max-width:991px) {
	#navbar { display:block; height:auto!important; padding:0; }
	#navbar .container,
	#navbar .container .col-lg-9.col-md-10 { padding:0; }
	#navbar .logo a { margin-bottom:35px; }
	#navbar .main-menu { height:0; opacity:1; padding:0; float:none; width:100%; background:#136691; }
	#navbar.in .main-menu { height:auto; }
	#navbar .main-menu > li { float:none; }
	#navbar .main-menu > li a { width:100%; height:auto; text-align:left; padding:5px 4vw; }
	#navbar .main-menu > li a img { display:inline-block; padding:0; height:30px; }
	#navbar .main-menu > li a:hover img { transform:skewX(0deg); opacity:1; }
	
	nav.navbar-collapse { width:100%; height:auto!important; transition:all 0.5s ease-out; }
	.navbar-collapse.collapsing { padding:0; }
	.navbar-toggle { display:block; right:0; position:absolute; background:none; top:0px; border:none; padding:0 10px; margin:21px 15px; }
	.navbar-toggle span.icon-bar { background:#fff; height:3px; }
	ul.main-menu > li { display:block; }
	ul.main-menu { padding:10px 0; }
	ul.main-menu > li > a { padding:15px 10px; }
	ul.main-menu > li.dropdown ul { left:-30px; }
	ul.main-menu > li.dropdown:hover ul,
	ul.main-menu > li.dropdown:hover ul:before { visibility:hidden; opacity:0; top:100%; }
	ul.main-menu > li.dropdown.open ul,
	ul.main-menu > li.dropdown.open ul:before { visibility:visible; opacity:1; top:100%; }
	ul.main-menu > li.dropdown.open ul { left:0; }
}

/* --------------- BreadCrumb --------------- */
.page-title { background:url('../images/page_title_bg.png') no-repeat left center; background-size:cover; padding:70px 0; }
.page-title h2.title { margin:0 0 25px; font-size:50px; color:#fff; font-weight:bold; line-height:1.26; }
.page-title p.description { font-size:20px; color:#fff; line-height:1.6; margin-bottom:0; }
.breadcrumbs { background:#f4f5f8; padding:25px 0; }
.breadcrumbs span,
.breadcrumbs a { font-size:15px; color:#61656f; font-weight:bold; text-transform:uppercase; }
.breadcrumbs a:hover { color:#093eb6; }
.breadcrumbs i { padding-right:15px; color:#bebebe; }
.breadcrumbs span.parent i { padding-right:5px; }
.breadcrumbs span { padding-right:15px; }
@media all and (max-width:767px) {
	.page-title { padding:70px 15px; }
}
@media all and (max-width:480px) {
	.page-title h2.title { font-size:42px; line-height:1; }
	.page-title p.description { font-size:16px; }
	.breadcrumbs { padding:25px 0 0; }
	.breadcrumbs span { margin-bottom:25px; display:inline-block; }
}

/* --------------- Flex Slider --------------- */
.flex-direction-nav a { width:54px; height:100px; }
.flex-direction-nav a:before { content:" "; display:block; background:url('../images/arrow-left.png') no-repeat; width:54px; height:100px; }
.flex-direction-nav a.flex-next:before { content:" "; background:url('../images/arrow-right.png') no-repeat; }
.flex-control-nav { bottom:40px; }
.flex-control-paging li a { background:#aaa; }
.flex-control-paging li a.flex-active { background:#136691; }
section.home-slider { padding:0; width:100%; overflow:hidden; }
.flexslider { border:none; border-radius:0; margin:0; }
.flexslider li.has-overlay:after { position:absolute; top:0; bottom:0; left:0; right:0; content:" "; background:rgba(0, 0, 0, 0.44); }
.slider-content { position:absolute; display:block; top:50%; transform:translateY(-50%); left:0; z-index:5; width:100%; }
.flexslider .slides > li { position:relative; }
.slider-content h2 { font-size:50px; color:#fff; font-weight:bold; line-height:1.2; margin:0 0 30px; }
.slider-content p { font-size:20px; color:#fff; line-height:1.4; font-weight:100; margin:0 0 40px; }
.slider-content .primary-btn { border-radius:3px; background:#136691; font-size:20px; color:#fff; font-weight:bold; padding:0 40px; line-height:60px; }
.slider-content .primary-btn i { padding-left:10px; }
.slider-content .primary-btn:hover { background:#00a5d3; }
@media all and (max-width:991px) {
	.slider-content h2 { font-size:44px; margin-bottom:25px; }
	.slider-content p { font-size:18px; margin-bottom:36px; }
	.slider-content .primary-btn { font-size:18px; line-height:54px; border:none; }
	.flexslider .slides > li img { width:100%; -webkit-object-fit:cover; -moz-object-fit:cover; -ms-object-fit:cover; object-fit:cover; }
}
@media all and (max-width:767px) {
	.slider-content h2 { font-size:40px; margin-bottom:20px; }
	.slider-content p { font-size:17px; margin-bottom:30px; line-height:1.6; }
	.slider-content .primary-btn { font-size:16px; line-height:48px; padding:0 30px; border:none; }
	.flex-direction-nav { display:none; }
}
@media all and (max-width:600px) {
	.slider-content h2 { font-size:36px; margin-bottom:15px; }
	.slider-content p { font-size:16px; margin-bottom:25px; line-height:1.6; }
}
@media all and (max-width:480px) {
	.slider-content h2 { font-size:30px; margin-bottom:12px; }
	.slider-content p { font-size:14px; }
}
@media all and (max-width:400px) {
	.slider-content h2 { font-size:24px; margin-bottom:12px; }
}

/* --------------- Homepage Content --------------- */
.pin-search { background:#b7d27e; padding:50px 0; }
.pin-search h5 { font-size:24px; text-transform:uppercase; color:#fff; font-weight:700; line-height:50px; margin:0; }
.pin-search form { position:relative; height:50px; }
.pin-search form input[type="text"] { position:absolute; left:0; width:calc(100% - 60px); height:50px; border:2px solid #dbdbdb; border-radius:7px; padding:0 35px 0 10px; font-size:24px; font-weight:700; line-height:50px; outline:none; transition:all .3s; z-index:10; }
.pin-search form input[type="text"]:focus,
.pin-search form input[type="text"]:active,
.pin-search form:hover input[type="text"] { width:100%; color:#136692; border-color:#136692; background-color:rgba(255,255,255,0.5); padding-right:80px; }
.pin-search form button { position:absolute; right:0; width:50px; height:50px; padding:0; border:2px solid #136692; border-radius:7px; background:url("../images/search-icon.jpg") no-repeat 0 0; outline:none; transition:border-radius .5s; z-index:11; }
.pin-search form .reset { display:block; position:absolute; right:65px; width:30px; height:50px; line-height:50px; outline:none; transition:all .3s; z-index:11; text-align:center; color:#999; font-size:22px; }
.pin-search form .reset:hover { color:#00A3EF; }
.pin-search form input[type="text"]:focus +  .reset,
.pin-search form input[type="text"]:active +  .reset,
.pin-search form:hover .reset { right:50px; color:#136691; }
.pin-search form input[type="text"]:focus + button,
.pin-search form input[type="text"]:active + button,
.pin-search form:hover button { border-radius:0 7px 7px 0; background-position:0 100%; }

.campaign h2 { margin:0 0 50px; }
.campaign h4 { margin:0; text-align:center; }
.campaign .row { display:flex; flex-wrap:wrap; }
.campaign .frame { border:2px solid #d3d3d3; height:100%; }
.campaign .frame iframe { width:100%; height:100%; }
.campaign .frame .title { background:#00a5d3; padding:10px; }
.campaign .frame .title.bg { background:#136691; }
.campaign .frame .title h5 { float:left; color:#fff; font-size:16px; margin:3px 0; font-weight:600; line-height:16px; }
.campaign .frame .title a.btn { display:block; float:right; padding:3px 5px; line-height:16px; font-size:14px; border:1px solid #d3d3d3; }
.campaign .frame .title a.btn i { color:#67c100; transition:all .2s ease-out; }
.campaign .frame .title a.btn:hover i { color:#fff; }
.campaign .frame .body { padding:15px; }
.campaign .frame .body .alert-info { color:#136691; background-color:#fff; border-color:#136691; text-align:center; font-weight:600; }
.campaign .frame .body p { font-size:14px; }
.campaign .frame .body p.green { margin:0 -15px 18px; padding:5px 15px; font-weight:600; background:#9db667; color:#fff; text-transform:uppercase; }
.campaign .frame .body .postlist { float:left; padding: 4px 6px;     border: 1px solid #136691;     margin:0 8px 8px 0;   font-size:14px;  color: #136691; text-overflow: ellipsis;
    width: calc(33% - 8px);
    overflow: hidden;
    white-space: nowrap; }
.campaign .frame .body .col-xs-3 a { display:block; text-align:center; }
.campaign .frame .body .col-xs-3 a span { padding:2px 5px; border:1px solid #979797; border-radius:3px; color:#979797; }
.campaign .frame .body .col-xs-3 a.active span { border-color:#67c100; color:#67c100; }
.campaign .frame .body .col-xs-3 a i { color:#979797; }
.campaign .frame .body .col-xs-3 a.active i { color:#67c100; }
.campaign .frame .body hr { height:2px; border:0; margin:20px 0; background:#d8d8d8; }
.campaign .frame .body .cart-item { margin:0 0 8px; }
.campaign .frame .body .cart-item em { display:block; float:left; padding:0 5px; line-height:30px; font-size:14px; font-style:normal; }
.campaign .frame .body .cart-item span { display:block; float:left; padding:0 8px; border:1px solid #e9e9e9; border-radius:3px; line-height:30px; font-size:14px; }
.campaign .frame .body .cart-item a { display:block; float:right; color:#d3d3d3; font-size:18px; line-height:30px; margin-left:3px; }
.campaign .frame .body .cart-item a:hover { opacity:0.7; }
.campaign .frame .body .cart-item a .fa-minus-circle { color:#67c100; }
.campaign .frame .body .cart-item a .fa-plus-circle { color:#67c100; }
.campaign .frame .body .cart-item a .fa-times-circle { color:#f44336; }
.campaign .frame .body .cart-item.last { margin:0; }
.campaign .frame .body .money { text-transform:capitalize; }
.campaign .frame .body .money .pull-right { color:#67c100; }
.campaign .frame .body .money .pull-right strong { color:#136691; }
.campaign .frame .body .money .pull-right strong { color:#136691; }
.campaign .frame .body .btn { display:table; margin:20px auto 0; }
@media (min-width:990px) and (max-width:1120px){
	.campaign .frame .body .col-xs-3 { padding:0; }
	.campaign .frame .body .col-xs-3 a { font-size:12px; }
	.campaign .frame .body .col-xs-3 a span { padding:2px; }
}
@media (max-width:996px){
	.campaign .row { display:block; }
	.campaign .frame { width:100%; height:auto; margin-bottom:20px; }
}

.feature { background:#00a5d3; }
.feature h2 { margin:0 0 50px; color:#fff; }
.feature .map { width:100%; height:550px; background-image:url(../images/feature.png); background-repeat:no-repeat; background-position:0 0; background-size:cover; }
.feature .map ul { margin:0; padding:69px 0 0 781px; }
.feature .map ul li { height:79px; line-height:79px; margin-bottom:15px; color:#fff; font-size:20px; font-weight:600; }
.feature .map ul li i { display:inline-block; width:79px; height:79px; line-height:79px; text-align:center; font-size:36px; }
@media (max-width:1170px){
	.feature .map { width:80vw; height:35vw; margin:0 10vw; background-size:contain; }
	.feature .map ul { padding:4vw 0 0 46.8vw; }
	.feature .map ul li { height:4.7vw; line-height:4.7vw; margin-bottom:0.89vw; font-size:1.9vw; }
	.feature .map ul li i { width:4.7vw; height:4.7vw; line-height:4.7vw; font-size:2.14vw; }
}

.testi { background:#b7d27e; }
.testi .testi-slides { padding:0 15px; }
.testi h2 { margin:0 0 50px; color:#fff; }
.testi .item { display:flex; flex-wrap:wrap; }
.testi .left { width:25%; padding:20px; background-image:url("../images/quote-arrow.png"); background-repeat:no-repeat; background-color:#fff; background-position:100% 50%; background-size:10%; }
.testi .left img { display:table; margin:0 auto; width:60%; }
.testi .left h4 { text-align:center; color:#00a5d3; margin:8px 0 0; }
.testi .left h5 { text-align:center; color:#a8a8a8; margin:8px 0 0; }
.testi .right { width:75%; padding:50px 10% 40px; background-image:url("../images/quote-bg-1.png"),url("../images/quote-bg-2.png"); background-repeat:no-repeat,no-repeat; background-position:0 0,100% 100%; background-color:#136691; background-size:17%,17%; color:#fff; font-size:20px; font-weight:300; text-align:justify; }
.testi .owl-dots { display:table; margin:20px auto 0; }
.testi .owl-dot { display:block; width:15px; height:15px; margin:0 10px; border-radius:50%; background:#fff; float:left; }
.testi .owl-dot.active { background:#136691; }

.who { background:#136691; }
.who h2 { margin:0 0 50px; color:#b7d27e; }
.who p { color:#fff; font-weight:300; font-size:16px; text-align:justify; text-indent:40px; }

.payment .tab { border:1px solid #d3d3d3; margin-bottom:50px; }
.payment .col-md-12 > .tab:last-child { margin-bottom:0; }
.payment .tab .title { background:#00a5d3; height:40px; position:relative; padding-left:10px; text-transform:uppercase; }
.payment .tab .title h4 { margin:0; color:#fff; line-height:40px; }
.payment .tab .title a { display:block; position:absolute; right:10px; top:10px; height:20px; width:20px; line-height:20px; background:#136691; text-align:center; border:1px solid #fff; color:#fff; }
.payment .tab .body { border-bottom:20px solid #b7d27e; }
.payment .tab .body.login form { padding:50px 20px; }
.payment .tab .body.login form label { color:#00a5d3; font-weight:600; height:40px; line-height:40px; }
.payment .tab .body.login form input[type="text"],
.payment .tab .body.login form input[type="email"],
.payment .tab .body.login form input[type="password"] { width:100%; height:40px; color:#222; font-weight:600; padding:0 10px; border:1px solid #cfcfcf; outline:0; margin-bottom:20px; }
.payment .tab .body.login form button { display:table; margin:0 auto 40px; padding-right:40px; padding-left:40px; }
.payment .tab .body.login .su { display:table; margin:0 auto; padding:10px 40px; text-transform:uppercase; color:#616161; font-weight:600; border:1px solid #cfcfcf; text-align:center; }
.payment .tab .body.login .su a { color:#00a5d3; text-decoration:underline; }

.payment .tab .body.order { padding:50px 20px; }
.payment .tab .body.order table,
.payment .tab .body.order table tbody,
.payment .tab .body.order table tbody tr { display:block; width:100%; }
.payment .tab .body.order table tbody tr td { height:35px; width:22%; line-height:34px; padding-top:0; padding-bottom:0; font-size:14px; vertical-align:middle; }
.payment .tab .body.order table tbody tr.h td { border:1px solid #fff; border-bottom:0; background:#136691; color:#fff; text-transform:uppercase; font-weight:600; }
.payment .tab .body.order table tbody tr td { border:1px solid #e6e6e6; color:#136691; text-transform:uppercase; }
.payment .tab .body.order table tbody tr.h td:last-child,
.payment .tab .body.order table tbody tr td:last-child { background:#fff; border:0;}
.payment .tab .body.order table tbody tr.total,
.payment .tab .body.order table tbody tr.total td { border:0; font-size:12px; }
.payment .tab .body.order table tbody tr.total td:nth-child(3) { text-align:right; }
.payment .tab .body.order table tbody tr.total strong { font-size:14px; font-weight:600; }

.payment .tab .body.pay { padding:40px 20px;}
.payment .tab .body.pay p { color:#00a5d3; margin:0; font-weight:600; margin:0 0 30px; text-transform:uppercase; }
.payment .tab .body.pay .meth .btn { display:table; padding:0 25px 0 90px; width:100%; max-width:300px; height:60px; line-height:60px; border-radius:5px; position:relative; box-shadow:1px 1px 3px rgba(0,0,0,0.5); background:#00a5d3; margin:0 auto 30px; text-transform:capitalize; transition:all 0.3s ease-out; }
.payment .tab .body.pay .meth .btn img { display:block; height:64px; padding:10px 8px; position:absolute; left:-2px; top:-2px; background:#9db667; border:2px solid #fff; border-radius:5px; box-shadow:1px 1px 3px rgba(0,0,0,0.5), 0 0 0 #136691 inset; transition:all 0.3s ease-out; }
.payment .tab .body.pay .meth .btn.active,
.payment .tab .body.pay .meth .btn:hover { padding:0 75px 0 15px; box-shadow:1px 1px 3px rgba(0,0,0,0.5), 450px 0 0 #136691 inset; } /*300px*/
.payment .tab .body.pay .meth .btn.active img,
.payment .tab .body.pay .meth .btn:hover img { left:calc(100% - 63px); }
.payment .tab .body.pay .meth .btn.active { cursor:default; }
.payment .tab .body.pay .btn.make { display:table; margin:30px auto 0; }
.payment .tab .body.pay .card { margin-top:30px; }
.payment .tab .body.pay .card p { margin:0; text-transform:capitalize; line-height:30px; }
.payment .tab .body.pay .card input { width:100%; width:100%; outline:0; border:2px solid #e2e2e2; padding:0 10px; line-height:30px; color:#222; }
.payment .tab .body.pay .card a { font-size:24px; line-height:30px; color:#b7d27e; }
.payment .tab .body.pay .card a:hover { color:#136691; }

.contact { background:#b7d27e; }
.contact .row { display:flex; flex-wrap:wrap; }
.contact h2 { margin:0 0 50px; color:#fff; }
.contact iframe { width:100%; height:100%; border:0; }
.contact input[type="text"],
.contact input[type="email"],
.contact input[type="number"],
.contact textarea { width:100%; height:40px; line-height:40px; background:#b7d27e; border:2px solid #fff; padding:0 5px; margin:0 0 15px; font-size:18px; font-weight:400; color:#fff; outline:none; }
.contact textarea { height:90px; resize:none; }
.contact button { display:table; margin:0 auto; padding:8px 25px; }
@media (max-width:996px){
	.contact .row { display:block; }
	.contact .row .col-sm-6:first-child { margin-bottom:20px; }
}

/*Footer Styles*/
footer .footer .widgets { padding:40px 0; }
footer .copyright { padding:35px 0; background:#0e3d55; }
footer .about-txt img { height:50px; margin-bottom:20px; }
footer .about-txt p { color:#0e3d55; text-align:justify; }
footer .widgets-social a { background:#074f64; width:36px; height:36px; color:#fff; display:inline-block; line-height:36px; text-align:center; margin-right:10px; border-radius:50%; font-size:15px; box-shadow:1px 1px 3px rgba(0,0,0,0.5); transition:all .4s; }
footer .widgets-social a:last-child { margin:0; }
footer .widgets-social a i { transition:all .4s; }
footer .widgets-social a:hover { border-radius:0; background:#00A3EF; transform:translateY(-5px); }
footer h2.widget-title { font-size:20px; color:#136691; font-weight:bold; line-height:1; margin:30px 0; text-transform:uppercase; text-align:left; }
footer .quick-links ul li a { display:block; color:#0e3d55; line-height:1.7; font-size:16px; margin-bottom:30px; padding:0 5px; position:relative; transition:all 0.3s ease-out; }
footer .quick-links ul li a:hover { padding:0 0 0 10px; }
footer .quick-links ul li a:after { content:""; position:absolute; bottom:0; right:0; width:0; height:2px; background:#0e3d55; transition:all 0.3s ease-out; }
footer .quick-links ul li a:before { content:""; position:absolute; top:0; left:0; width:0; height:2px; background:#0e3d55; transition:all 0.3s ease-out; }
footer .quick-links ul li a:hover:after,
footer .quick-links ul li a:hover:before { width:100%; }
footer .quick-links ul li a:hover { color:#074f64; }
footer .copyright { font-size:16px; color:#fff; padding:20px 0; text-align:center; font-weight:600; letter-spacing:2px; }
footer .copyright a { display:inline-block; color:#b7d27e; position:relative; padding:5px 0; }
footer .copyright a:after { content:""; position:absolute; bottom:0; right:0; width:0; height:2px; background:#b7d27e; transition:all 0.3s ease-out; }
footer .copyright a:before { content:""; position:absolute; top:0; left:0; width:0; height:2px; background:#b7d27e; transition:all 0.3s ease-out; }
footer .copyright a:hover:after,
footer .copyright a:hover:before { width:100%; }
#pre-footer { height:20px; background:#00a5d3; }

@media all and (max-width:1120px) {
	.contact-box { padding:30px 18px; }
}
@media all and (max-width:991px) {
	footer .widget { width:50%; display:table; margin:0 auto; }
	footer h2.widget-title { margin:30px 0 10px; text-align:center; }
	footer .widget.newsletter iframe { display:table; width:auto; max-width:100%; margin:0 auto; }
	footer .about-txt p { text-align:center; }
	footer .about-txt img { display:table; margin:50px auto 20px; }
	footer .about-txt .widgets-social { display:table; margin:0 auto; }
	footer .quick-links ul li a { margin:0; text-align:center; }
	footer .footer .widgets { padding:20px 0; }
	.copyright-bar > div { text-align:center; padding-top:15px; }
	.copyright-bar > div:first-child { padding-top:0; }
}
@media all and (max-width:767px) {
	.widget { width:96%; max-width:500px; margin-bottom:40px; }
	.widgets > div:last-child .widget { margin-bottom:0; }
	.widgets-social { padding-bottom:18px; }
}
@media all and (max-width:480px) {
	.copyright-bar span { display:block; visibility:hidden; height:5px; }
}

/* back to top */
.cd-top { display:inline-block; height:36px; width:36px; position:fixed; bottom:40px; right:10px; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background-color:#00A3EF; background-image:url(../images/cd-top-arrow.svg), url(../images/cd-top-arrow.svg); background-repeat:no-repeat, no-repeat; background-position:10px 11px, 10px 34px; visibility:hidden; opacity:0; transition:all 0.3s ease-out; z-index:999; }
.cd-top:hover { background-position:10px 6px, 10px 14px; }

.cd-top.cd-is-visible { visibility:visible; opacity:1; }

/* Preloader */
.loader-wrapper { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#136691; opacity:1; z-index:11111; height:100%; overflow:hidden; }
.sk-cube-grid { width:80px; height:80px; margin:0 auto; z-index:1; position:absolute; left:calc(50% - 40px); top:calc(50% - 40px); }
.sk-cube-grid .sk-cube { width:33%; height:33%; background-color:#fff; float:left; -webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
.sk-cube-grid .sk-cube1 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.sk-cube-grid .sk-cube2 { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.sk-cube-grid .sk-cube3 { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.sk-cube-grid .sk-cube4 { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.sk-cube-grid .sk-cube5 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.sk-cube-grid .sk-cube6 { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.sk-cube-grid .sk-cube7 { -webkit-animation-delay:0.0s; animation-delay:0.0s; }
.sk-cube-grid .sk-cube8 { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.sk-cube-grid .sk-cube9 { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
@-webkit-keyframes sk-cubeGridScaleDelay {
	0%,
	70%,
	100% { -webkit-transform:scale3D(1, 1, 1); transform:scale3D(1, 1, 1); }
	35% { -webkit-transform:scale3D(0, 0, 1); transform:scale3D(0, 0, 1); }
}
@keyframes sk-cubeGridScaleDelay {
	0%,
	70%,
	100% { -webkit-transform:scale3D(1, 1, 1); transform:scale3D(1, 1, 1); }
	35% { -webkit-transform:scale3D(0, 0, 1); transform:scale3D(0, 0, 1); }
}


/* ==========================================================================
	Chrome Frame prompt
========================================================================== */

.chromeframe { margin:0.2em 0; background:#ccc; color:#222; padding:0.2em 0; } 

@media all and (max-width:580px) {

.testi .left {
    width: 100%;
    padding: 10px;  
    background: none;
}

.testi .right {
    width: 100%;
    padding: 10px;
    background-image: none;  
    font-size: 13px;
    line-height: 25px;    
}

.testi .left img {   
    width: auto;
    max-width: 80px;
}

.testi .left h4 {   
    color: #fdfdfd;    
}

.testi .left h5 {    
    margin: 8px 0 0;
}



footer .widget {
    width: 100%;
    display: table;
    margin: 0 auto;
}
}