@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
html, body{height: 100%; border:none; -webkit-appearance:none;-ms-appearance:none; -webkit-text-size-adjust:none;-ms-text-size-adjust:none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.cf:after,.cf:before{display: table;content: ''}
.cf:after{clear: both;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#262626; font-size:16px; font-weight:400; min-width: 1120px; font-family: 'open sans', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0}

h1, h2, h3, h4 {font-family: 'Roboto Slab', serif; font-weight: 400; margin-bottom: 20px; letter-spacing: -0.005em;}
h1 { font-size: 36px; /*letter-spacing: -0.025em;*/ }
h2 { font-size: 30px; /*letter-spacing: -0.010em;*/ }
h3 { font-size: 24px; /*letter-spacing: -0.010em;*/ }
h4 { font-size: 20px; /*letter-spacing: -0.010em;*/ }
h5 { font-family: 'open sans',sans-serif; color: #262626; font-size: 16px; font-weight: 700; text-transform: uppercase; /*letter-spacing: 0.05em;*/ line-height: 20px; margin-bottom: 5px;}
h6 { }

blockquote {padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #eee;}

p{ color:#262626; font-size:16px; font-weight:400; line-height:24px; letter-spacing: -0.010em; font-family: 'open sans',sans-serif; margin-bottom: 25px;}

ul{padding:0;margin: 0; }
ul li {font-family: 'open sans',sans-serif; font-size:16px; letter-spacing: -0.05em; color:#262626; font-weight:400; line-height:20px; padding:0;margin: 0; padding-bottom: 8px;}
ul li:before {content: ""; background: #262626; width: 4px; height: 4px; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px; display: block; position: absolute; top:7px; left: -34px; }
ol{ margin:0; padding:0;}
ol li{ font-size:16px;  color:#262626; font-weight:400; line-height:20px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

hr { margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none; vertical-align: middle;}

/* 4. Link
------------------------------------------------------------------------------*/
a {color: #262626; text-decoration: none; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; }
a:hover {color: #ffd35b; }

/* 5. Forms
------------------------------------------------------------------------------*/

input {line-height: normal;font-family: 'Roboto Slab', serif; }
input[type='email'],input[type='text'],input[type='password']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; padding: 5px;border: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; background: #fff; margin-right: 15px;}
textarea{-webkit-appearance:none; border:none; -webkit-text-size-adjust:none;box-sizing: border-box;padding: 5px; display: block;overflow: auto;font-family: 'Roboto Slab', serif; }
input[type='email']:focus,input[type='text']:focus,input[type='password']:focus,textarea:focus{border-color: #ccc}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;border:none;-webkit-text-size-adjust:none;background: #ffd35b; color: #262626; padding: 5px 15px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; font-family: 'open sans',sans-serif; }
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {background: #343842; border-color: #595959; color: #fff;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
label {font-family: 'Roboto Slab',serif; font-size: 18px; display: inline-block; vertical-align: bottom; color: #fff; letter-spacing: -0.05em; text-transform: capitalize; padding-right: 12px;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/

/* commomn css */
/* opacity effect */
.opacity1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity:1;opacity:1;}
.opacity0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0; opacity:0; }

/* button */
.btn {padding: 6px 12px;margin-bottom: 0;font-size: 16px;font-weight: normal;line-height: 1.42857143;text-align: center; white-space: nowrap; display: inline-block; vertical-align: middle; font-weight: 600; color: #000; background: #ffd35b; -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; background-image: none; border: 2px solid #ffd35b; box-sizing: border-box;}
.btn:hover {background: #343842; border-color: #343842; color: #fff;}

/* text center middle area */
.table-box {width: 100%; height: 100%; display: table; text-align: center; position: relative;}
.table-box .table-cell-box {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}

/* main container */
#main-container{height: 100%;}
#wrapper{ width:100%; min-height:100%;}
.container { width:1140px;margin: auto;box-sizing: border-box;}
.inner-page {padding-top: 124px;}

/* header */
header{ width:100%; height:auto; position: fixed; top: 0; z-index: 9999; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; padding-top: 10px; }
header .brand {width: 250px; height: auto; display: block; margin: 0 auto; position: relative; margin-bottom: 2px;}
header .brand:before, header .brand:after {content:""; pointer-events: none; position: absolute; bottom: 12px; background: none; border-top: 1px solid rgba(255,255,255,0.6); border-bottom: 1px solid rgba(255,255,255,0.6); width: calc(50vw - 150px); height: 5px; display: block; box-sizing: border-box; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
header .brand img {width: 100%;}
header .brand:before { left: calc(-50vw + 135px); }
header .brand:after {right: calc(-50vw + 135px); }

/* navigation */
nav { width: 100%; height: auto; display: block; padding-top: 20px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
nav ul { margin: 0; padding: 0; width: 100%; height: auto; display: block; text-align: center;}
nav ul li {margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: center; padding: 0 20px; position: relative; width: auto;}
nav ul li:before {display: none;}
nav ul li a { color: #fff; font-family: 'roboto slab',serif; text-transform: capitalize; font-size: 16px; letter-spacing: -0.025em; position: relative; }
nav ul li:hover > a, nav ul li > a.active {color: #ffd35b; }
nav ul li.has-submenu:hover a:before { content:""; width: 180%; height: 30px; display: block; position: absolute; top: 20px; left: -45%; background: none; }
nav li.has-submenu > a:after {content: ""; position: absolute; top: 24px; left: 50%; margin-left: -6px;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
nav li.has-submenu:hover > a:after, nav ul li.has-submenu a.active:after {border-color: #ffd35b transparent transparent transparent;}

/* second level navigation */
nav ul li:hover > ul {opacity: 1; visibility: visible; pointer-events: inherit; top: 40px;}
nav ul ul {position: absolute; top: 60px; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); width: 200px; height: auto; background: #343842; padding-top: 20px; padding-bottom: 12px; opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; pointer-events: none;}
nav ul ul li {padding-bottom: 12px; line-height: 16px; display: block;}
nav ul ul a {font-size: 14px; line-height: 18px; display: block;}
nav ul ul a:before {display: none;}
nav ul ul a:after {display: none;}

/* third level navigation */
nav ul ul ul {position: absolute;top: 0 !important;left: 100%;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
nav ul ul li:hover ul {opacity: 1;visibility: visible;}
nav ul ul li.has-submenu > a:before {display: none;}
nav ul ul li.has-submenu > a:after {display: block; left: auto;right: 0;top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); }
nav ul ul li.has-submenu:hover > a:after {-webkit-transform: translateY(-50%) rotate(270deg);-ms-transform: translateY(-50%) rotate(270deg);-o-transform: translateY(-50%) rotate(270deg);transform: translateY(-50%) rotate(270deg);}


/* navigation notification */
#news-room li{
	position: relative;
}
li div.notify{
	height: 20px;
	width: 20px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	background: #FF0000;
	line-height: 20px;
	position: absolute;
	left: 0px;
	color:#fff;
}
li div.notify.sub{
	left:5px;
}


/* sticky header or inner pages header */
header.sticky {background: #343842;  -webkit-box-shadow: -5px 6px 25px -9px rgba(36,36,36,0.27);
box-shadow: -5px 6px 25px -9px rgba(36,36,36,0.27);}
header.sticky .brand {width: 188px;}
header.sticky .brand:before, header.sticky .brand:after {width: calc(50vw - 120px); bottom: 9px;}
header.sticky .brand:before {left: calc(-50vw + 108px);}
header.sticky .brand:after {right: calc(-50vw + 108px);}
header.sticky nav {padding-top: 12px; padding-bottom: 22px;}

/* footer */
footer {position: relative; z-index: 999;}

/* disclaimer block */
.disclaimer-block {width: 100%; height: auto; display: block; position: relative; padding-top: 15px;}
.disclaimer-block p {font-size: 14px; line-height: normal; color: #595959;}

/* footer navigation and member details block */
.footer-top {width: 100%; height: auto; display: block; position: relative; }
.footer-top:before {content: ""; background: #2d3039; width: calc((100vw - 1120px)/2); height: 100%; display: block; position: absolute; top:0; left: 0; z-index: -1;}
.footer-top:after {content: ""; background: #53a0c8; width: calc((100vw - 1120px)/2); height: 50px; display: block; position: absolute; bottom:0; right: 0; z-index: -1;}
.footer-top .contact-info-block {width: 490px; height: auto; display: inline-block; vertical-align: top; position: relative; background: #2d3039; height: 82px;}
.footer-top .contact-info-block:after {content: ""; width: 0;height: 0;border-style: solid;border-width: 82px 0 0 50px;border-color: transparent transparent transparent #2d3039; background: none; position: absolute; top: 0; right: -50px;}
.footer-top .contact-info-block span {display: inline-block; vertical-align: middle;}
.footer-top .contact-info-block .icon-text { font-family: 'Roboto Slab',serif; font-size: 30px; color: #fff; display: inline-block; vertical-align: middle; width: 42px; height: 42px; background: none; border: 2px solid #fff; -webkit-border-radius: 21px;-moz-border-radius: 21px;-ms-border-radius: 21px;-o-border-radius: 21px;border-radius: 21px; text-align: center; margin-right: 20px; letter-spacing: -0.1em; }
.footer-top .contact-info-block .contact-text {color: #ffd35b; font-family: 'Roboto Slab',serif; font-size: 24px; letter-spacing: -0.01em; padding: 25px 0; background: #2d3039; }
.footer-top .contact-info-block .contact-text.after-login {color: #fff; font-size: 20px;}
.footer-top .contact-info-block .contact-text.after-login a {color: #ffd35b;}

.footer-top .footer-navigation {display: inline-block; vertical-align: bottom; width: calc(100% - 500px); background: #53a0c8;}
.footer-top .footer-navigation ul {margin: 0; padding: 0; text-align: right; padding: 14px 0 13px 0;}
.footer-top .footer-navigation ul li {margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; padding: 0 10px; width: auto;}
.footer-top .footer-navigation ul li:before {display: none;}
.footer-top .footer-navigation ul li a{ font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px; letter-spacing: -0.025em; color: #fff;}
.footer-top .footer-navigation ul li a:hover {color: #262626;}

.footer-bottom {width: 100%; height: auto; display: block; position: relative;background: #343842; padding: 24px 0 20px; }
.footer-bottom .login-block {margin-bottom: 20px;}
.footer-bottom .login-block input {height: 26px;}
.footer-bottom .login-block input[type="submit"] {padding: 0; width: 75px; text-align: center; line-height: 26px;}
.footer-bottom .login-block.after-login {color:#fff; font-size: 20px; font-family: 'Roboto Slab',serif; }
.footer-bottom .login-block.after-login strong {text-transform: capitalize; font-weight: 400; }
.footer-bottom .login-block.after-login a {text-transform: capitalize; font-weight: 400; color: #ffd35b;}
.footer-bottom .copyright-block, .footer-bottom .copyright-block a {font-family: 'open sans',sans-serif; font-size: 10px; color: #fff; letter-spacing: 0.025em; text-transform: uppercase; }

/*--------- home page ------------*/
/* banner part */
.home-banner { position: relative; overflow: hidden;}
.home-banner ul {margin: 0;}
.home-banner li{width: 100%; display: block !important; height: 640px; background-size: cover !important; /*background-position: center center !important;*/ margin: 0; padding: 0;}
.home-banner img{width: 100%;}
.home-banner .nav-control{display: none;}
.home-banner .nav-control a{}
.home-banner .nav-control a.prev{}
.home-banner .nav-control a.next{}
.home-banner .home_slider_tabs { width: 100%; position: absolute; bottom: 70px;left: 0;text-align: center;z-index: 99; height: 20px; display: block;}
.home-banner .home_slider_tabs li{display: inline-block !important;vertical-align: bottom; width: 28px; height:20px;}
.home-banner .home_slider_tabs li:before {display: none;}
.home-banner .home_slider_tabs li a{display: block;margin: auto;width: 14px;height: 14px;border-radius: 50%;font-size: 0; background: rgba(255,255,255,0.7);}
.home-banner .home_slider_tabs li a:hover, .home-banner .home_slider_tabs li.home_slider_here a {background: #fff;}

/* home banner caption */
.home-banner-caption {width: 100%; max-width: 640px; height: auto; display: block; text-align: center; position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.home-banner-caption h2 {font-size: 48px; color: #fff; letter-spacing: -0.025em;}
.home-banner-caption h3 {font-size: 36px; font-weight: 100; line-height: 48px; /*letter-spacing: -0.025em;*/ color: #fff; margin-bottom: 40px;}
.home-banner-caption .btn {min-width: 160px; padding: 10px 12px;}

/* login and counter block after banner */
.login-plus-counter-block {width: 100%; height: auto; display: block; position: relative; margin-top: -38px; z-index: 99;}
.login-plus-counter-block:after {content: ""; background: #2d3039; width: calc((100vw - 1120px)/2); height: 100%; display: block; position: absolute; bottom:0; right: 0; z-index: -1;}
.login-plus-counter-block .login-block { display: inline-block; vertical-align: bottom; width: calc(100% - 335px); padding: 13px 0 12px 0; background: #53a0c8;min-height: 56px; height: auto; position: relative;}
.login-plus-counter-block .login-block:before {content: ""; background: #53a0c8; width: calc((100vw - 1120px)/2); height: 100%;  display: block; position: absolute; bottom:0; left: calc((100vw - 1120px)/-2); min-height: 56px}

.login-plus-counter-block .login-block.logout-block {padding: 14px 0 9px 0; font-family: 'Roboto slab',serif; font-size: 20px; color: #fff;}
.login-plus-counter-block .login-block input[type="submit"] {font-family: 'open sans',sans-serif; background: #343842; font-weight: 400; color: #fff; }
.login-plus-counter-block .logout-block strong {/*color:#262626; font-size: 21px;*/ text-transform: capitalize;font-weight: 400;}
.login-plus-counter-block .logout-block a {text-transform: capitalize;font-weight: 400;color: #ffd35b;}
.login-plus-counter-block  .logout-block strong em {text-transform: capitalize; font-style: normal;}
.login-plus-counter-block  .logout-block strong a {color:#343842;}
.login-plus-counter-block  .logout-block a.btn {position: absolute; top:9px; right: 100px; background: #343842; color: #fff; border-color: #343842;}
.login-plus-counter-block .counter-block {width: 330px; height: auto; display: inline-block; vertical-align: top; position: relative; background: #2d3039; height: 94px;}
.login-plus-counter-block .counter-block:before {content: ""; width: 0;height: 0;border-style: solid;border-width: 0 0 94px 52px;border-color: transparent transparent #2d3039 transparent ; position: absolute; top: 0; left: -52px; }
.login-plus-counter-block .counter-block span {display: inline-block; vertical-align: middle; background: #2d3039; height: 94px; }
.login-plus-counter-block .counter-block .icon-text img {display: inline-block; vertical-align: middle; padding-top: 10px;}
.login-plus-counter-block .counter-block .contact-text {color: #ffd35b; font-family: 'Roboto Slab',serif; font-size: 24px; letter-spacing: -0.01em; padding: 21px 0; margin-left: -4px; min-width: 200px; padding-left: 10px;}
.login-plus-counter-block .contact-text small {display: block; font-family: 'Roboto Slab',sans-serif; font-size: 14px; font-weight: 400; letter-spacing: -0.025em; color: #fff; text-align: center;}
.login-plus-counter-block .contact-text strong {display: block; font-family: 'Roboto Slab',sans-serif; font-size: 34px; font-weight: 400; letter-spacing: -0.025em; margin-top: -10px; text-align: center; }
.login-plus-counter-block strong input {padding-left:15px;text-align: left; color: #ffd35b; width: 260px;}

/* daily price block */
.daily-price-block {width: 100%; height: auto; display: block; background: #2d3039; }
.daily-price-block section {width: 26%; float: left; height: auto; display: block; position: relative; padding: 25px 0; text-align: center;}
.daily-price-block section:after {content: ""; width:80px; height: 100%; display: block; position: absolute; top:0; right: 0; background: url(../images/site/price-box-shadow.png) no-repeat center center; background-size: 80px 100%; z-index: 99;}
.daily-price-block section.last-section:after {display: none;}
.daily-price-block section > div {display: inline-block; vertical-align: middle;}

.daily-price-block .icon {padding-right: 16px;}
.daily-price-block h5 {display: block; font-family: 'Roboto Slab',serif; font-size: 18px; color: #fff; /*letter-spacing: -0.025em;*/ text-align: left; margin-bottom: 0; text-transform: none; font-weight: 400;}
.daily-price-block strong {display: inline-block; vertical-align: middle; font-family: 'Roboto Slab',serif; font-size: 28px; color: #ffd35b; padding-right: 3px; text-align: left; font-weight: 400;}
.daily-price-block a.view-more {display: inline-block; vertical-align: middle; font-family: 'open sans',sans-serif; font-size: 14px; font-weight: 600; letter-spacing: -0.025em; color: #ffd35b; position: relative; line-height: 20px; z-index:999}
.daily-price-block a.view-more:after {content: ">";display: inline-block;vertical-align: middle;font-size: 20px;font-family: monospace; font-weight: 400;padding-left: 4px; line-height: 18px;}

/* image content block on home page for operations and latest news */
.image-content-block {width: 100%; height:auto; display: block; position: relative; padding: 80px 0; }
.image-content-block > div {display: inline-block; vertical-align: middle; width: calc(50% - 0px);  margin-right: -4px; position: relative;}
.left-space .content-block {padding-left:calc((100vw - 1120px)/2); padding-right: 60px;}
.right-space .content-block {padding-right:calc((100vw - 1120px)/2); padding-left: 60px;}
.image-content-block .image-block img {width: 100%; height: auto;}
.image-content-block .image-block h2 {position: absolute; top:0;  background: #343842; padding: 12px 0 15px; padding-left: 30px; color: #ffd35b;}
.image-content-block .image-block h2:after {content: ""; width: calc((100vw - 1120px)/2); height: 100%; position: absolute; top: 0;  background: #343842; display: block;}
.left-space .image-block h2 { right: calc((100vw - 1120px)/2);  padding-left: 30px;}
.right-space .image-block h2 { left: calc((100vw - 1120px)/2);  padding-right: 30px;}
.left-space .image-block h2:after {right: calc((100vw - 1120px)/-2);}
.right-space .image-block h2:after {left: calc((100vw - 1120px)/-2);}
.image-content-block .btn {padding: 10px 20px; min-width: 166px; box-sizing: border-box;}

/* processes block */
.processes-block {width: 100%; height: auto; display: block; position: relative; background-size: cover !important; padding: 115px 0 35px;}
.processes-block > h2 {position: absolute; top:0;  background: #343842; padding: 12px 0 15px; padding-left: 30px; color: #ffd35b;  left: calc((100vw - 1120px)/2);  padding-right: 30px;}
.processes-block > h2:after{content: ""; width: calc((100vw - 1120px)/2); height: 100%; position: absolute; top: 0;  background: #343842; display: block; left: calc((100vw - 1120px)/-2);}
.process-block {width: 25%; height: auto; display: block; text-align: center; float: left;}
.process-block .image-block {width: 216px; height: 216px; margin: 0 auto; display: block; position: relative; overflow: hidden; border:1px solid rgba(255,255,255,0.8); -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; margin-bottom: 20px;}
.process-block:hover .image-block {background: rgba(255,255,255,0.8);}
.process-block .image-block img {position: absolute; bottom: 0;  left: 0;}
.process-block:hover .image-block img {top: 0; bottom: auto;}
.process-block h2 {color: #fff;}

/*-------- contact no login --------*/
.no-login-block {width: 100%; height: calc(100vh - 275px); display: block; position: relative; margin-bottom: -37px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; position: relative; z-index: 1;}
.no-login-block:after {content: ""; background: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: -1;}
.no-login-block h1 {font-size: 30px; font-weight: 400; font-family: 'Roboto Slab',serif; line-height: 36px; /*letter-spacing: -0.01em;*/ color: #fff;}
.no-login-block h4 {font-size: 16px; font-weight: 700; font-family: 'open sans',sans-serif; line-height: 20px; /*letter-spacing: 0.05em;*/ color: #fff; text-transform: uppercase; margin-bottom: 26px;}
form.login-form {max-width: 360px; margin: 0px auto;}
form.login-form div {background: #53a0c8; padding-top: 18px; padding-bottom: 6px; padding-right: 20px;}
form.login-form div.last-pass, .side-login form.login-form div.last-pass {padding-bottom: 18px; margin-bottom: 13px;}
form.login-form label {width: 120px; padding-left: 30px;}
form.login-form div input {margin-right: 5px; width: calc(100% - 130px);}
form.login-form input[type="submit"] {float: right; width: 100px; height: 36px; line-height: 36px; padding: 0;}

/*-------- about main page --------*/
/* inner banner */
.inner-banner {width: 100%; height: 430px; display: block; background-size: cover !important;  background-repeat: no-repeat !important; }
/*.inner-banner {max-width: 1280px; margin: 0 auto;}*//*addition on 1-sept -2016*/

/*addition on 8-sept -2016*/
.inner-banner {height: 45vh}
@media (max-width:2560px) {.inner-banner {height: 300px;}}

/* timeline block */
.timeline-block {width: 100%; height: auto; display: block; position: relative; padding: 34px 0 54px; background: rgba(168,173,178,0.2);}
.timeline-block .container {position: relative;}
.timeline-block .container:before, .timeline-block .container:after {content:""; width: 24px; height: 24px; display: block; position: absolute; top: 50%; margin-top: -12px; -webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px; border-right: 12px; background: #53a0c8;}
.timeline-block .container:before {left: 0;}
.timeline-block .container:after {right: 0;}
.timeline-block ul {position: relative; margin: 0; padding: 0; height: 170px; max-width: 1010px; margin: 0 auto;}
.timeline-block ul:before, .timeline-block ul:after {content:""; width: 50px; height: 2px; display: block; position: absolute; top: 84px; background: #d2d2d2; }
.timeline-block ul:before {left: -40px;}
.timeline-block ul:after {right: -40px;}
.timeline-block ul li {margin: 0; padding: 0; list-style: none; width:9%; height: 85px; display: block; position: relative; float: left; border-left: 2px solid #d2d2d2; box-sizing: border-box; position: relative; padding-left: 10px;}
.timeline-block ul li:before {content: "";width: 20px; height: 20px; display: block; position: absolute;  -webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px; border-right: 12px; background: #343842; left:-10px;top: auto; }
.timeline-block ul li:nth-child(odd):before {bottom: -10px;}
.timeline-block ul li:nth-child(even):before {top: -10px;}
.timeline-block ul li:nth-child(odd) {top: 1px; border-bottom: 2px solid #d2d2d2}
.timeline-block ul li:nth-child(even) {bottom: -84px; border-top: 2px solid #d2d2d2; padding-top: 35px;}
.timeline-block ul li h2 {font-size: 36px; color: #262626; white-space: nowrap; margin-bottom: 10px;}
.timeline-block ul li h4 {font-size: 14px; color: #262626; /*white-space: nowrap;*/width:160px;}

/* inner page content main */
.inner-main {width: 100%; height: auto; display: block; padding: 42px 0 35px; }
.inner-main .main-content {width: 57.5%; height: auto; display: inline-block; vertical-align: top; margin-right: 5%;}
.inner-main .sidebar {width: 36.00%; height: auto; display: inline-block; vertical-align: top; }
.inner-main h1 {position: relative; padding-bottom: 20px; line-height: 38px; display:block; }
.inner-main h1:after {content: "";/* width: 65px;*/ width: 10%;height: 5px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; box-sizing: border-box; position: absolute; bottom: 0; left: 0; }
.inner-main .main-content img {max-width: 100%;}


/* sidebar navigation */
.side-navigation {width: 100%; height: auto; display: block; position: relative; border-style:solid; border-width:15px 20px; box-sizing: border-box; border-color: #fff; margin-bottom: 22px;}
.side-navigation:before {content:"";width: calc(100% + 40px); height: calc(100% + 30px); display: block; border: 1px solid #8a8a8b; box-sizing: border-box; position: absolute; top: -15px; left: -20px; pointer-events: none;}
.side-navigation:after {content:"";width: calc(100% + 34px); height: calc(100% + 24px); display: block; border: 1px solid #8a8a8b; box-sizing: border-box; position: absolute; top: -12px; left: -17px; pointer-events: none;}
.side-navigation ul {margin: 0; padding: 0; background: #343842; padding: 30px 40px 10px;}
.side-navigation ul li {margin: 0; padding: 0; width: auto; display: block;}
.side-navigation ul li:before {display: none; }
.process-sidebar.side-navigation h4 {font-size: 20px; color: #fff; letter-spacing: -0.01em; position: relative; padding-bottom: 20px; display: block;}
.side-navigation a {font-size: 20px; color: #fff; letter-spacing: -0.01em; cursor: pointer; position: relative; padding-bottom: 20px; display: block;}
.side-navigation a:after,.process-sidebar.side-navigation h4:after {content: ""; width: 65px; height: 5px; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; box-sizing: border-box; position: absolute; bottom: 0; left: 0; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.side-navigation a:hover, .side-navigation a.active {color: #ffd35b;}
.side-navigation a:hover:after, .side-navigation a.active:after {border-color: #ffd35b;}
.side-navigation li.active a, .side-navigation li.current > h4 > a {color: #ffd35b;}
.side-navigation  li.active a:after, .side-navigation  li.current > h4 > a:after {border-color: #ffd35b;}

.side-navigation .process-accordian {padding: 0; padding-bottom: 20px;}
.side-navigation li .process-accordian a { color: #d7d7d7;}
.side-navigation li .process-accordian a:hover, .side-navigation li .process-accordian a.active {color: #ffd35b;}
.side-navigation li .process-accordian a:hover:after, .side-navigation li .process-accordian a.active:after {border-color: #ffd35b;}

.side-navigation .process-accordian a {font-family: 'open sans',sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.05em; color: #d7d7d7; line-height: 18px; padding-bottom: 0;}
.side-navigation .process-accordian a:after {display: none;}
.side-navigation li.active .process-accordian a:hover, .side-navigation li.active .process-accordian a.active {color: #ffd35b;}

/* sidebar login */
.side-login {padding: 0 20px; margin-bottom: 25px;}
.side-login form.login-form {max-width:100%; }
.side-login form.login-form div {background: #343842;/* padding: 18px 15px 6px;*/}

/* sidebar after login block */
.side-login-active {padding: 10px 20px; max-width: calc(100% - 40px); height: auto; margin: 0px auto; display: block; position: relative; background: #343842;}
.side-login-active p {margin-bottom: 15px;}
.side-login-active p small {font-size: 18px; font-family: 'Roboto Slab',sans-serif; letter-spacing: -0.05em; color: #ffd35b; font-weight: 400;}
.side-login-active p strong {font-size: 18px; font-family: 'open sans',sans-serif; letter-spacing: -0.05em; color: #fff; font-weight: 600; text-transform: uppercase; }
.side-login-active p strong:after {content: "!"; color: #ffd35b;}
.side-login-active > a.wells-link {font-size: 14px; font-family: 'Open Snas',sans-serif; letter-spacing: -0.01em; color: #ffd35b; /*color: #fff;*/ font-weight: 600; display: block; margin-bottom: 10px;}
.side-login-active > em {font-size: 12px; font-family: 'Open Snas',sans-serif; letter-spacing: -0.01em; color: #fff; font-weight: 400; display: block; margin-bottom: 10px;}
.side-login-active > em a {color: #fff;}

/* two and three list design for about page and experience page */
.two-ul, .three-ul {width: 100%; height: auto; display: block;  padding-top: 20px;}
.two-ul ul, .three-ul ul { margin-left: 35px; margin-bottom: 30px; position: relative; padding-right: 30px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.two-ul ul.last-ul, .three-ul ul.last-ul {margin-bottom: 0;}
.two-ul ul {width: calc(50% - 35px);}
.three-ul ul {width: calc(33.33% - 35px);}
.two-ul ul li, .three-ul ul li {width: 100%; height: auto; display: block; position: relative;}

/*-------- team page --------*/
/* team member block */
.team-page {padding-bottom: 10px;}
.team-page .main-content {margin-right: 0; width: 64.0%;}
.team-page .sidebar {width: 35.5%;}
.team-page .main-content h5 {font-family: 'open sans',sans-serif; font-size: 16px; font-weight: 600;  text-transform: none; /*letter-spacing: -0.05em; */color: #343842; margin-bottom: 28px; }
.filter-block {width: 100%; height: auto; display: block; position: relative; margin-bottom: 35px;}
.filter-block ul {margin: 0; padding: 0px; margin-left: -30px;}
.filter-block ul li {margin: 0; padding: 0px; list-style: none; text-align: center; width: 30%; position: relative; margin-bottom: 30px; display: inline-block; vertical-align: top;}
.filter-block ul li:nth-child(3n + 1):before {display: none;}
.filter-block ul li:before {content: ""; width: 5px; height: 26px; border-left: 1px solid #1a1a1a; border-right: 1px solid #1a1a1a; box-sizing: border-box; position: absolute; bottom: 0; left: -3px; background: none;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.filter-block a.btn {font-size: 20px; font-family: 'open sans',sans-serif; font-weight: 600; letter-spacing: -0.05em; width: 166px; }
.filter-block a.selected {background: #595959;border-color: #595959;color: #fff;}


.team-page .article-block article {width: 43.5%; /*margin-right: 4%;*/ margin-right: 0;}
.team-block {width: 100%; height: auto; display: block; position: relative;}
.article-block article {width: 47%; height: auto; display: inline-block; vertical-align: top; position: relative; margin-right: 5%; margin-bottom: 40px;}
.article-block .image-block {width: 100%; height: auto; display: block; position: relative; }
.article-block .image-block img {width: 100%; height: 100%; display: block;}
.article-block .content-block {padding-left: 40px; padding-top: 10px; position: relative;}
.article-block .plus-sign:before {content:""; width: 26px; height: 26px; display: block; background: #343842; position: absolute; left: 0; top: 18px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.article-block .plus-sign:after {content:""; width: 26px; height: 26px; display: block; color: #fff; position: absolute; left: 0; top: 18px; -webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg); -webkit-transition: 0.6s ease all;-o-transition: 0.6s ease all;transition: 0.6s ease all; background: url(/images/site/plus-sign.png) no-repeat center center; background-size: 26px;}
.article-block .plus-sign:hover:before {background: #ffd35b;}
.article-block .plus-sign:hover:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); color: #343842; background-size: 26px;}
.article-block .content-block h2 {position:relative;font-size: 28px;margin-bottom: 16px;line-height: 40px;font-weight: 400;letter-spacing: -0.005em;}
.article-block .content-block h3 {font-size: 16px; margin-bottom: 0; line-height: 24px; font-family: 'open sans',sans-serif;letter-spacing:-0.005em;}
.wells .content-block h2 {position:relative;font-size: 28px;margin-bottom: 16px;line-height: 40px;font-weight: 400;letter-spacing: -0.005em;color:#ffffff;}
.wells .content-block h3 {font-size: 16px; margin-bottom: 0; line-height: 24px; font-family: 'open sans',sans-serif;letter-spacing:-0.005em;color:#ffffff;}

/*-------- team details page --------*/
.team-details {padding-bottom: 25px;}
.team-details .main-content {width: 58%; margin-right: 6%;}
.team-details .sidebar {width: 35.50%;}
.team-details .main-content h6 {color: #262626;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: -0.010em;font-family: 'open sans',sans-serif;margin-bottom: 10px;}
.team-detail-image {margin-bottom: 40px; width: 100%; height: auto; display: block; position: relative;}

/*-------- news page --------*/
.news-page {}
.news-page h3 {font-size: 22px; margin-bottom: 0; color: #262626;}
.news-page .main-content h5 {font-size: 16px; margin-bottom: 0; color: #595959; /*letter-spacing: -0.01em;*/ font-family: 'open sans',sans-serif; font-weight: 400; margin-bottom: 10px;}
.news-details h5 {margin-bottom: 45px;}
.news-page h5 em {font-style: normal; color: #53a0c8; text-transform: none;}

.news-page .article-block {padding-top: 36px;}
.news-page article {width: 30.5%; margin-right: 2.4%;}
.news-page .article-block .content-block h2 {position:relative;font-size: 18px; line-height: 22px;}
.news-page article h5 {font-size: 14px;}
.news-page .article-block .plus-sign:before {width: 20px; height: 20px; top: 13px; }
.news-page .article-block .plus-sign:after {width: 20px; height: 20px;font-size: 30px; top: 13px; line-height: 20px; background-size: 20px;}
.news-page .article-block .plus-sign:hover:after {background-size: 20px;}
.news-page .article-block .content-block {padding-left: 27px;}
.news-page .article-block > h2 {font-size: 24px; position: relative; padding-bottom: 15px;}
.news-page .article-block > h2:after {content: ""; width: 65px; height: 5px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; box-sizing: border-box; position: absolute; bottom: 0; left: 0; }
.inner-main .main-content img {max-width: 100%;}
.news-page {padding-bottom: 0;}

/* sidebar accordian */
.side-accordian {width: 100%; height: auto; display: block; position: relative; padding: 0 20px; margin-bottom: 35px;}
.side-accordian ul {margin: 0; padding: 0;}
.side-accordian ul li {margin: 0; padding: 0; list-style: none; display: block; padding-left: 20px;}
.side-accordian ul li:before { display: none; }
.side-accordian > ul > li > a {font-family: 'open-sans',sans-serif; font-size: 18px; color: #343842; font-weight: 700; letter-spacing: -0.01em; position: relative; padding-left: 10px; display: block; margin-bottom: 20px;}
.side-accordian > ul > li.active a{margin-bottom: 0px;}
.side-accordian > ul > li.has-submenu > a:before {content:""; width: 20px; height: 20px; display: block; background: #343842; position: absolute; left: -20px; top: 0px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.side-accordian > ul > li.has-submenu > a:after {content:""; width: 20px; height: 20px; display: block; background: url(/images/site/plus-sign.png) no-repeat center center; background-size: 20px;   color: #fff; position: absolute; left: -20px; top: 0px; font-size: 20px; padding-left: 4px; line-height: 20px; -webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg); -webkit-transition: 0.6s ease all;-o-transition: 0.6s ease all;transition: 0.6s ease all; font-weight: 400;}
.side-accordian > ul > li.has-submenu > a:hover:before, .side-accordian > ul > li.active > a:before {background: #ffd35b;}
.side-accordian > ul > li.has-submenu > a:hover:after, .side-accordian > ul > li.active > a:after {content:""; background: url(/images/site/minus-sign.png) no-repeat center center; background-size: 20px;  -webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); color: #343842;}
.side-accordian > ul li > ul li {padding-bottom: 8px; padding-left: 10px;}
.side-accordian > ul li > ul li a {font-size: 18px; color: #343842; letter-spacing: -0.01em; position: relative; padding-bottom: 6px; display: block; padding-top: 6px;}
.side-accordian > ul li > ul li a:after {content: ""; background: rgba(154,154,154,0.35); width: 28px; height: 2px; display: block; position: absolute; bottom: 0; left: 0;}
.side-accordian > ul li > ul li a.active, .side-accordian > ul li > ul li a:hover {color: #ffd35b;}
.side-accordian > ul li > ul li a.active:after, .side-accordian > ul li > ul li a:hover:after {background: #ffd35b;}

/*-------- operations page --------*/
.operations-page {}
.operations-subhead {font-family: 'open sans',sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; position: relative; display: block;}
/* .operations-page h1:after {display: none;} */
.operations-page .main-content p {margin-bottom: 45px;}
.operations-page p strong {font-weight: 600;}
.operations-page em {font-size: 12px; line-height: 15px; display: block;}

/* accordian block for operation page */
.accordian-block {width: 100%; height: auto; display: block; padding-left: 50px; padding-top: 42px;}
.accordian-block h2 {position: relative; cursor: pointer; margin-bottom: 0; padding-bottom: 35px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.accordian-block h2.active {padding-bottom: 22px;}
.accordian-block h2:before {content:""; width: 26px; height: 26px; display: block; background: #343842; position: absolute; left: -40px; top: 6px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.accordian-block h2:after {content:""; background: url(/images/site/plus-sign.png) no-repeat center center; background-size: 26px; width: 26px; height: 26px; display: block;  position: absolute; left: -40px; top: 6px;  -webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg); -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.accordian-block h2:hover:before, .accordian-block h2.active:before {background: #ffd35b;}
.accordian-block h2:hover:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); color: #343842;}
.accordian-block h2.active:after {-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg); color: #343842;}
.accordian-block .detail-accordian {display: none;}

/* logos block */
.logo-block {width: 100%; height: auto; display: block; margin-bottom: 30px;}
.logo-block a {display: inline-block; vertical-align: middle; padding: 0 20px;}

/* logo carousel */
.logo-carousel {width: 100%; height: auto; display: block; position: relative; padding: 55px 0; margin-bottom: 45px;}
.logo-carousel:before, .logo-carousel:after {content: ""; width: 100%; height: 5px; background: none; border: 1px solid #1a1a1a; border-left: none;border-right: none; position: absolute; left: 0;}
.logo-carousel:before {top: 0; }
.logo-carousel:after {bottom: 0; }
.logo-carousel a{display: inline-block; vertical-align: middle;}
.logo-carousel a img{display: block;width: 100%;height: auto;}
.owl-wrapper-outer {overflow: hidden;}
.logo-carousel .owl-item {text-align: center; display: inline-block; vertical-align: middle;}
.owl-controls {width: 100%; height: auto; display: block; position: absolute; top: 50%; margin-top: -10px;}
.owl-controls .owl-prev , .owl-controls .owl-next { position: absolute; width: 20px; height: 20px; display: block; background: #ffd35b; font-size: 0; cursor: pointer; }
.owl-controls .owl-prev {left: -30px;}
.owl-controls .owl-next {right: -30px;}
.owl-controls .owl-prev:after , .owl-controls .owl-next:after {content:""; width: 0;height: 0;border-style: solid; position: absolute; top:50%; margin-top: -7px; left: 70%; margin-left: -7px;}
.owl-controls .owl-prev:after {border-width: 7px 7px 7px 0;border-color: transparent #343842 transparent transparent;}
.owl-controls .owl-next:after {border-width: 7px 0 7px 7px;border-color: transparent transparent transparent #343842;}

/* address blocks */
.address-blocks {width: 100%; height: auto; display: block;}
.address-blocks .address-cell {width: 32%; height: auto; display: inline-block; vertical-align: top; text-align: center; padding: 0 20px; box-sizing: border-box;}
.address-blocks strong {display: block; font-weight: 600;}

/*-------- resources page --------*/
.resources-page .accordian-block {padding-top: 0;}
.section-title {font-family: 'Roboto Slab', serif; font-size: 36px; font-weight: 400; letter-spacing: -0.025em;  margin-bottom: 20px; position: relative; padding-bottom: 20px; line-height: 38px;}
.section-title:after {content: ""; width: 65px; height: 5px; border-top: 1px solid #1a1a1a; border-bottom: 1px solid #1a1a1a; box-sizing: border-box; position: absolute; bottom: 0; left: 0; }
.inner-main .main-content img {max-width: 100%; }

/*-------- your wells page --------*/
.wells-header-block {width: 100%; height: auto; display: block; position: relative; margin-bottom: 30px;}
/*.wells-header-block h1 {margin-bottom: 0;}*/
.wells-header-block section {width: 50%; height: auto; display: block; float: left; position: relative;}
.wells-header-block .login-details {padding-right: 110px; position: relative; width: 100%; max-width: 350px; clear:both;float: left; text-align: left;}
.login-details h2 {font-family: 'open sans',sans-serif; font-size: 18px; font-weight: 700; color: #343842; /*letter-spacing: -0.05em;*/ text-transform: uppercase; margin-bottom: 0;}
.login-details h2 small {font-family: 'Roboto Slab',serif; color: #53a0c8; font-weight: 400; padding-right: 5px; text-transform: none;}
.login-details em {font-size: 12px;}
.login-details .btn {position: absolute; top: 0; right: 0; width: 103px; text-align: center;}

.wells-page .article-block article {width: calc(29% - 4px); margin-right: 6.5%; }
.wells-page .article-block .last {margin-right: 0;}
.wells-page .article-block h3 a {border-bottom: 1px solid #000;}
.wells-page .article-block h3 a:hover {border-color: #ffd35b;}
.wells-page .article-block a.btn {padding: 8px 20px; margin-top: 7px; text-transform: none;}

/* view more button */
.view-more-btn {width: 83%; height: auto; display: block; position: relative; text-align: center; position: relative;float:right;}
.view-more-btn:before, .view-more-btn:after {content:""; pointer-events: none; position: absolute; top: 50%; margin-top: -3px; background: none; border-top: 1px solid rgba(0,0,0,0.8); border-bottom: 1px solid rgba(0,0,0,0.8); width: calc(50% - 100px); height: 5px; display: block; box-sizing: border-box; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.view-more-btn:before {left: 0;}
.view-more-btn:after {right: 0;}
.view-more-btn .btn {padding: 9px 19px; font-size: 20px; background: #343842;border-color: #343842;color: #fff;}

/*-------- well details page --------*/
.well-details-block {width: 100%; height: auto; display: block; position: relative; margin-bottom: 25px;}
.well-details-block ul {margin: 0; padding: 0; width: 48%; display: block; float: left;}
.well-details-block ul:nth-child(odd) {margin-right: 4%;}
.well-details-block ul li {width: 100%;}
.well-details-block ul li:before {display: none;}
.well-details-block ul li, .well-details-block ul li a {font-family: 'open sans',sans-serif; font-size: 18px; font-weight: 300; color: #000; letter-spacing: -0.010em; list-style: none;}
.well-details-block ul li a {text-decoration: underline;}
.well-details-block ul li strong {font-family: 'Roboto Slab', serif; font-size: 18px; font-weight: 600; color: #343842; padding-right: 5px;}

/* well image slider */
.well-image-slider { width: 100%; height: auto; display: block; position: relative; padding-bottom: 20px;}
.well-image-slider:after { content: ""; width: 100%; height: 5px; background: none; border-top: 1px solid rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; display: block; }
.well-image-slider a {width: 100%; height: auto; display: block; }
.well-image-slider .owl-item {float: left;}
.well-image-slider .owl-controls {position: relative; text-align: center; margin-top: 0; padding-top: 20px;}
.well-image-slider .owl-controls .owl-page {width: 14px; height: 14px; background: rgba(52,56,66,0.7); text-align: center; display: inline-block; cursor: pointer; margin: 0 7px; -webkit-border-radius: 7px;-moz-border-radius: 7px;-ms-border-radius: 7px;-o-border-radius: 7px;border-radius: 7px; }
.well-image-slider .owl-controls .owl-page.active {background: rgba(52,56,66,1);}


/* daily update */
.daily-update {width: 100%; height: auto; display: block; position: relative;}
.daily-update li {margin: 0; padding: 0; display: block; list-style: none; }
.daily-update li:before {display: none;}
.daily-update li {font-family: 'open sans',sans-serif; font-size: 16px; font-weight: 400; letter-spacing: -0.010em; margin-bottom: 8px;}
.daily-update li strong {font-family: 'Roboto Slab',serif; font-size: 20px; font-weight: 400; }
.well-detail-page .accordian-block h2.active {padding-bottom: 12px;}
.accordian-block .see-more {font-family: 'open sans',sans-serif; font-weight: 600; font-size: 16px; font-style: italic; position: relative; padding-left: 35px; text-transform: capitalize;}
.accordian-block .see-more:before {content: ""; width: 30px; height: 1px; background: #262626; display: block; position: absolute; top: 50%; left: 0; }
.side-navigation li .process-accordian a.video {position: relative; padding-left: 20px;}
.side-navigation li .process-accordian a.video:before {content:"";width: 15px; height: 13px; display: block; position: absolute; left: 0; top: 2px; background: url(../images/site/video-icon.png) no-repeat center center; }
.well-detail-page h1 a.view-live { font-family: 'open sans',sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; padding: 3px 20px; margin-left: 10px;}
.well-detail-page .sidebar {width: 35%;}

/*-------- contact page --------*/
.contact-page h1 {font-size: 30px; margin-bottom: 8px; color: #fff;}
.contact-page .inner-main {padding-top: 55px;}
.contact-page .inner-banner {height: auto; min-height: 430px; padding: 40px 0 50px}
.contact-page .contact-form {width: 650px; height: auto; display: inline-block; vertical-align: top;}
.contact-page .contact-info-block {display: inline-block; vertical-align: top; padding-left: 130px;}

/* general EE form design structure */
.dform-form {width: 100%; height: auto; display: block; margin-bottom: 72px; padding: 30px 40px 10px; position: relative; z-index: 1; background: #53a0c8;}

/* schedule demo form */
.dform-form form {width: 100%;}
.dform-form .dform .dform_label {margin:0;}
.dform-form .dform > .dform_element {margin-bottom: 20px;}

/* two column lay out width management */
.dform-form .dform .column {width: calc(50% - 16px); margin-right: 30px;  display: inline-block; vertical-align: top;}
.dform-form .dform .column-last { margin-right: 0px;}
.dform-form .dform .column .dform_element {margin: 0; padding: 0; display: block;}
.dform-form .dform .column .dform_element .dform_container input {width: 100%; }
.dform-form .dform .dfcolumns {margin-bottom: 17px;}
.dform-form .dform input.text {font-family: 'open sans',sans-serif; font-size: 16px; font-weight: 400; font-style: italic; color: #343842; letter-spacing: -0.025em; background: #fff; height: 40px; padding: 0 15px; width: 100%;}
.dform-form .dform textarea {font-family: 'open sans',sans-serif; font-size: 16px; font-weight: 400; font-style: italic; color: #343842; letter-spacing: -0.025em;width: 100%; height: 140px; padding: 12px 15px; box-sizing: border-box; background: #fff;  border: 1px solid #d2d2d2; }
.dform-form .dform .submit_button {text-align: right; margin-bottom: 0; position: absolute; bottom: -56px; right: 0;}
.dform-form .dform input.submit {width: 160px; height: 40px; display: block; color: #fff; background: #ffd35b; text-transform: uppercase; font-family: 'open sans',sans-serif; font-weight: 600; letter-spacing: -0.025em; text-align: center; font-size: 16px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all; color: #000;}
.dform-form .dform input.submit:hover {background: #595959; color: #fff;}

/*Placeholder CSS*/
.dform-form  ::-webkit-input-placeholder {color: #343842; opacity:1;}
.dform-form  :-moz-placeholder {color: #343842; opacity:1;}
.dform-form  ::-moz-placeholder {color: #343842; opacity:1;}
.dform-form  :-ms-input-placeholder {color: #343842; opacity:1;}
.dform-form  ::-ms-input-placeholder {color: #343842; opacity:1;}

/* right information block */
.contact-page .contact-info-block h2 {color: #fff;margin-bottom: 0;font-size: 28px; font-weight: 400;}
.contact-page .contact-info-block h3 {margin-bottom: 0; color: #fff; font-size: 20px; font-weight: 400; font-family: 'open sans',sans-serif;}
.contact-page .contact-info-block a {color: #fff; }
.contact-page .contact-info-block section {margin-bottom: 35px;}
.map-block {width: 100%; height: 500px; display: block; position: relative; background: url(../images/site/map-bg.jpg) no-repeat center center; background-size: cover;}

/* extra page 404 and thankyou */
.extra-page {font-size: 60px; font-family: 'Roboto Slab', serif; color: #fff; -webkit-text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);-moz-text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);-ms-text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);-o-text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);text-shadow: 0px 0px 20px rgba(0, 0, 0, 1);}


/*   Added by Developer    */
.login-block .login-field {display: inline-block; vertical-align: top; position: relative;}
div.error-inner{color: #f00; padding-right: 20px; text-align: right; font-size: 14px;}
#mapAddress h3{font-size: 16px;margin-bottom: 0px;}
.hiddenFields {display: none;}
/* J04282016 */
.daily-update li{ display:none;}

form.login-form div.error-inner {padding-top: 0; padding-bottom: 0;}
/* IE Video Problem */
.ie_costom_iframe #sb-body-inner iframe{width: calc(100% + 10px); height: calc(100% + 5px);}



.scroll-hidden {overflow: hidden;}
.sub_processes {}
.ie_costom_iframe.bottom-line-new {background: #343842;}
.ie_costom_iframe.bottom-line-new #wrapper {background: #fff;}
.log-out-sidebar {margin-top: 14px;float: right;margin-right: 20px;}

/*calculator*/
.estimated-return-income-wrapper { width: 100%; height: auto; margin: 0px; padding: 0px;display: block; }
.variables-wrapper-outer { width: 100%; height: auto; margin: 0px; padding: 0px;display: block;}
.variables-wrapper{ text-align: center;width: 100%; height: auto; margin: 20px 0 0 0; padding: 20px;display: block; border: 1px solid #d7d7d7; position: relative;}
.variables-wrapper:after { content: ""; position: absolute; z-index: -1; top: -6px; bottom: -6px; left: -6px; right: -6px; border: 1px solid #d7d7d7;}
.variables-wrapper .col { width: 104px; height: auto; margin: 0px 18px 0 0; padding: 0px;display: inline-block; vertical-align: bottom; }
.variables-wrapper .col:last-child { margin-right: 0px;}
.estimated-return-income-wrapper .col label {width: 100%;height: auto; margin: 0px 0 0 0; padding: 0px;display: block;text-transform: uppercase; font-family: 'open sans',sans-serif; font-weight: 600; color: #343842; font-size: 16px;text-align: center; line-height: 18px;}
.variables-wrapper .col label span { font-size: 12px; font-style: italic;}
.estimated-return-income-wrapper .col input {font-family: 'Roboto Slab', serif;font-weight: 400; color: #fff; font-size: 16px;text-align: left;background: #343842; width: 100%; height: 37px; line-height: 37px; margin: 5px 0px 0 0; padding: 0px 10px;display:block; }
.estimated-return-income-wrapper .title { width: 100%; height: auto; margin: 0px 0px 0 0; padding: 0px;display: block;text-transform: capitalize; font-family: 'Roboto Slab', serif;font-weight: 400; color: #343842; font-size: 25px;text-align: center; }
.estimated-return-income-wrapper .sub { width: 100%; height: auto; margin: 0px 0px 0 0; padding: 0px;display: block;text-transform: capitalize; font-style: italic;font-family: 'open sans',sans-serif; font-weight: 600; color: #343842; font-size: 14px;text-align: center; }
.estimated-return-wrapper,.estimated-income-wrapper { width: 310px; height: auto; margin: 10px 0 0 0; padding: 20px;display: block; border: 1px solid #d7d7d7; position: relative; }
.estimated-return-wrapper:after,.estimated-income-wrapper:after { content: ""; position: absolute; z-index: -1; top: -6px; bottom: -6px; left: -6px; right: -6px; border: 1px solid #d7d7d7;}
.estimated-return-wrapper-outer {width: 310px; height: auto; margin: 25px 0 0 0; padding: 0px;display: block;float:left; }
.estimated-return-income-wrapper .estimated-return-wrapper label, .estimated-return-income-wrapper .estimated-return-wrapper input { display: inline-block ; vertical-align: middle; }
.estimated-return-income-wrapper .estimated-return-wrapper .col { margin-bottom: 24px;}
.estimated-return-income-wrapper .estimated-return-wrapper input { width: 139px;}
.estimated-return-income-wrapper .estimated-return-wrapper label { width: 123px; text-align: left;}
.estimated-return-income-wrapper .estimated-return-wrapper .col label span { font-size: 12px; font-style: italic;}
.estimated-income-wrapper-outer {width: 310px; height: auto; margin: 25px 0 0 0; padding: 0px;display: block;float:right; }
.title.grossreturn, .title.netincome { margin-top: 25px; font-size: 30px;}
#grossreturn, #netincome {text-align: center;font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 48px; color: #53a0c8;  width: 100%;height: auto; margin: -5px 0 0 0; padding: 0px;display: block;}
.calculate-wrapper {width: 100%; height: auto; margin: 30px 0 0 0; padding: 0px;display: block; float:left; text-align: center;}
#calculate {text-transform: capitalize;font-family: 'open sans',sans-serif;font-weight: 600; color: #343842; font-size: 17px;width: 100px; height: 36px;line-height: 36px; margin: 0px 0 0 0; padding: 0px;display: inline-block; cursor: :pointer; outline: none;}
#calculate:hover {background: #ffd35b;cursor: :pointer; outline: none; opacity: 0.7;}
.estimated-return-income-wrapper #yourshare {background: #d7d7d7; color: #343842;}
.estimated-return-income-wrapper .col.dollar:after { content: "$" ; position: absolute; left: 12px; bottom: 8px;text-align: center;font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 16px; color: #fff;  }
.estimated-return-income-wrapper .col.dollar { position: relative;}
.estimated-return-income-wrapper .col.dollar input { padding: 0px 10px 0px 27px;}
.estimated-return-wrapper .col.dollar input,.estimated-income-wrapper-outer .col.dollar input { padding: 0px 10px 0px 30px;}
.estimated-return-wrapper .col.dollar:after {left: 142px; bottom: 8px;}
.estimated-income-wrapper-outer .col.dollar:after { bottom: 14px;}
.estimated-income-wrapper-outer .col.dollar.black:after{ color: #333333;bottom: 8px; }
.estimated-return-income-wrapper .col.percent { position: relative;}
.estimated-return-income-wrapper .col.percent:after { content: "%" ; position: absolute; right: 30px; bottom: 8px;text-align: center;font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 16px; color: #fff;  }

.wells-page .container {width:1240px;}
.content_container .article-sidebar {float:left;display:block;width:12%;margin-right:5%;height:475px;overflow:auto;}
.content_container .article-sidebar ul {list-style:none;}
.content_container .article-sidebar ul li a {font-family:"Roboto Slab", serif;font-weight:400;font-size:17px; line-height: 31px; color: #343839;}
.content_container .article-block {float:left;display:block;width:83%;}
.wells-page .content_container .article-block article {float:left;width:500px;margin-right: 26px;margin-bottom:26px;}
.wells-page .content_container .article-block article.last {margin-right:0;}
.content_container .article-block .image-block {float:left;width:44%;min-height:180px;}
.content_container .article-block .image-block .btn {position: absolute;top: 10px;left: 10px;width: 102px;height: 32px;line-height: 31px;padding: 0;text-transform: uppercase;font-size: 15px;text-align: center;}
.content_container .article-block .content-block {background:#343842;padding-left: 25px;padding-right:25px;padding-top: 10px;padding-bottom:10px;position: relative;display: block;width: 56%;float: left;min-height:180px;}
.content_container .article-block .content-block h2::after {content: "";width: 35px;height: 5px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF;box-sizing: border-box;position: absolute;bottom: -10px;left: 0;}
.content_container .article-block .content-block a.link_to_map {display:inline-block;font-size:13px;color:#FFF;border-bottom:1px solid #FFF;}
.content_container .article-block .content-block .news_updates {display:block;clear:both;color:#FFF;font-size:13px;margin-top:10px;line-height:14px;}

.well-image-slider-outer.video_gallery .well-image-slider:after { bottom: -170px; }
.well-image-slider-outer .video-list li { list-style: none; background: none;}
.well-image-slider-outer .video-list li:before { display: none;}
.well-image-slider-outer .bx-wrapper { margin-top: 20px;}
.well-image-slider-outer .video-list li a:after { opacity: 1;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;content:''; position: absolute; left: 0; right: 0; top: 50%;width: 58px; height: 58px; display: block; margin: -32px auto 0; background: url('/images/site/player_button_overlay.png') no-repeat 0 0; }
.well-image-slider-outer .video-list li a { position: : relative !important; display: block; width: 100%; height: 100%;}
.well-image-slider-outer .video-list li a:hover:after { opacity: 0.6;}
.well-data-menu .pdf { padding-left: 20px; background: url('/images/site/pdf_icon.png') no-repeat left center;}

.bx-wrapper .bx-controls-direction a.bx-next {width: 22px !important;height: 22px !important;background: url('/images/site/next_btn.png') no-repeat 0 0;}
.bx-wrapper .bx-controls-direction a.bx-prev {width: 22px !important;height: 22px !important;background: url('/images/site/prev_btn.png') no-repeat 0 0;}