@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto-Black';
    src: url('fonts/Roboto-Black.ttf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto-Black';
    src: url('fonts/Roboto-BlackItalic.ttf');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.ttf');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-BoldItalic.ttf');
    font-weight: bold;
    font-style: italic;

}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.ttf');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'Roboto-Light';
    src: url('fonts/Roboto-Light.ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'KaushanScript-Regular';
    src: url('fonts/KaushanScript-Regular.otf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'James-Fajardo';
    src: url('fonts/James-Fajardo.ttf');
    font-weight: normal;
    font-style: normal;

}


/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


body{
    margin:0;
    padding:0;
    font-family: Roboto !important;
}

a{
    text-decoration:none;
}

.clearing{clear:both;width:100%;}

.page-fullwidth{
    width: 100%;
    
    position: relative;
    background: #fff;
}

.page-greenbg{
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    height: 315px;
    
    background: url(../images/green-bg.png) center bottom no-repeat #22b573;
}
.page-greenbg-vert{
    position: absolute;
    left: 0;
    width: 100%;
    
    height: 700px;
    
    background: url(../images/crengi.png) #22b573;
    background-repeat: repeat-y;
}

.page-whitebg{
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 70px;
    
    background: #fff;
}

.page-width{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.page-width-nowidth{
    margin: 0 auto;
    position: relative;
}

.header {
    background: none repeat scroll 0 0 #22b573;
    border-bottom: 1px solid #91dab9;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    height: 60px;
}

.header-logo {
    float: left;
    width:162px;
    height:40px;
}
.header-logo img{
	border: none;
}
.header-menu{
    float:right;
    text-align: right;
}

.header-menu ul{
    list-style: none;
    margin:0;
    float: right;
}

.header-menu ul > li{
    float: left;
    display: inline-block;
    height: 40px;
}

.header-menu ul > li a {
    text-decoration: none;
    color: #fff;
    height: 30px;
    line-height:30px;
    padding: 0 7px;
    display: inline-block;
    margin:2px;
    font-size:      1.05em;
}

.header-menu ul > li a:hover {
    margin:0;
    border: 2px solid #fff;
    border-radius: 10px;
}

.cols3 {
    width: 33%;
    margin-right: 0.5%;
    float:left;
}

.cols4 {
    width: 23.50%;
    float: left;
    margin-right: 2%;
}

.cols4.span2 {
    width: 48%;
}

.cols3.last, 
.cols4.last {
    margin-right:0 !important;
}

.cols3.last, 
.cols4.last{
    margin-right:0 !important;
}

.footer {
    min-height: 224px;
    position: relative;
    clear:both;
    border-top: 1px solid #fff;
        font-family: LatoWeb;  
    background: #22B573;
}

.footer-line1{
    background: #22B573;
    overflow: hidden;
}

.footer-line1 .cols3 {
    width:31%;
    margin-right: 3.5%;
}

.footer-line1 h4 {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 15px;
    
}

.footer-line1 a {
    font-size: 14px;
    color: #dfd;
    text-decoration: none;
}

.page-content {

    background: #22b573;

    
    margin-bottom: 70px;
    min-height: 400px;
    overflow: visible;
    padding-top: 60px;
    position: relative;
}

.page-content-locations {
    background: #22b573;
    min-height: 400px;
    overflow: visible;
    padding-top: 60px;
    position: relative;
}

.page-content-howto {
    background: #22b573;
    min-height: 400px;
    overflow: visible;
    padding-top: 60px;
    position: relative;
    padding-bottom: 10px;
}

.page-content.index {
    max-height: 900px;
}

.page-content.apps{
     height:750px;
 }



.products {
    overflow: visible;
    position: relative;
}

.products .cols3 {
    width: 32%;
    margin-right: 2%;
}
.product {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.4);
    padding:30px;
    margin-bottom: 90px;
    
}

.product:hover {
    box-shadow: 0px 5px 8px -3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 5px 8px -3px rgba(0,0,0,0.6);
}
.product-title {
    font-family: 'Roboto-Light';
    font-size: 19px;
    font-weight: normal ;
    text-align: center;
    
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
.product-title h5 {
    font-family: Roboto;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    color:#666;
    margin: 0 0 0px;
}
.product-title h4 {
    font-family: Roboto;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color:#666;
    margin: 0 0 0px;
}

.product1 .product-title h4 {
    color:#29abe2;
}
.product2 .product-title h4 {
    color:#f7931e;
}
.product3 .product-title h4 {
    color:#99b70a;
}

.product-descr {
    
    border-bottom: 1px solid #ccc;
    
    font-size: 14px;
    color: #333;
    line-height: 18px;
   /* height: 120px;
   padding: 35px 0;
   */
    padding: 15px 0;
    height: 160px;
}

.product2 .product-descr {
    padding: 15px 0;
    height: 160px;
}

.product-order {
    padding: 20px 0 0;
    font-size: 12px;
    text-align: center;
    color: #666;
}
.product-price  {
    color: #99b70a;
    font-size: 30px;
    line-height: 30px;
    font-weight:bold;
    height: 57px;
}



.product-price span{
    
    
    vertical-align: top;
    font-size: 55px;
    text-align: center;
    display: inline-block;
}

.currency {
    display: inline-block;
    margin-top: 5px;
    vertical-align: top;
}

.price {
    display: inline-block;
    font-size: 55px;
    line-height: 57px;
}

.product3 .price  {
    font-size: 40px;
}


.product-order a.buy-button {
    display: block;
    width: 222px;
    height: 39px;
    line-height:  39px;
    margin: 20px auto;
    
    color: #99b70a;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    
    border: 2px solid #99b70a;
    border-radius: 7px;
}

.product-order a.buy-button:hover {
    color: #fff;
    background: #99b70a;
}

.section1{
    border-bottom: 1px solid #ccc;
    margin-bottom: 90px;
    overflow: hidden;
    padding-bottom: 90px;
}

.section1 h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.section1 h1 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
}

.section1-apps{
    border-bottom: 1px solid #ccc;
    margin-bottom: 90px;
    padding-bottom: 250px;
    margin-top: 90px;
    background-color: white;
}

.section1-apps h3 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
 
}

.section1-apps h1 {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding-top: 50px;

}

.item {
    text-align: center;

}

.item .icon {
    width: 136px;
    height: 136px;
    background: #f2f2f2;
    border-radius: 50%;
    margin: 20px auto;
}

.item .icon img {
    width: 136px;
    height: 136px;
}

.item .title {
    color:#666;
    font-size: 16px;
    line-height: 16px;
}


.section1 .item1 .icon img {
    background: url(../images/section1_icon1.png) center center no-repeat;
}

.section1 .item2 .icon img {
    background: url(../images/section1_icon2.png) center center no-repeat;
}

.section1 .item3 .icon img {
    background: url(../images/section1_icon3.png) center center no-repeat;
}

.section1-apps .item1 .icon img {
    background: url(../images/section1_icon1.png) center center no-repeat;
}

.section1-apps .item2 .icon img {
    background: url(../images/section1_icon2.png) center center no-repeat;
}

.section1-apps .item3 .icon img {
    background: url(../images/section1_icon3.png) center center no-repeat;
}


.section2 {
    margin: 20px 0;
    background-color: white;
}

.section2 .cols3 {
    margin-right: 3.5% ;
    width: 31%;
}

.section2 .item {
    text-align: left;
    height: 240px;
    margin-bottom: 20px;
    color:#777;
    font-size: 16px;
}

.section2 .item .title {
    height: 76px;
    line-height: 76px;
    padding-left: 85px;
    text-align: left;
    font-size: 20px;
    margin-bottom: 20px;
    color: #333;
    position: relative;
}
.section2 .item .title:before {
	content: "";
	background: url(../images/vpn_icons2.png) left top no-repeat;
	width: 76px;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
}
.section2 .item .title.two-lines {
    line-height: 1.3em;
    padding-top: 9px;
    padding-bottom: 9px;
    height: 58px;
}

.section2 .item1 .title:before { background-position: left top;}
.section2 .item2 .title:before { background-position: left -76px;}
.section2 .item3 .title:before { background-position: left -380px;}
.section2 .item4 .title:before { background-position: left -304px;}
.section2 .item5 .title:before { background-position: left -228px;}
.section2 .item6 .title:before { background-position: left -152px;}

.anchor {
    clear:both;
    position: absolute;
    top: -90px;
}

.contact-us {
    position: relative;
    overflow: hidden;
}

.contact-map {
    margin-top: 3px;
    height: 302px;
}

.contact-info {
    float:left;
    width: 30%;
    height: 600px;
    background: #fff;
    border-radius: 6px;
    border: 2px solid #B3F2D5;
    margin: 50px 0 0;
    
    font-size: 16px;
    line-height: 23px;
    color: #aaa;
}

.contact-info a {
    color: #99b70a;
-webkit-transition: color 500ms linear;
-moz-transition: color 500ms linear;
-ms-transition: color 500ms linear;
-o-transition: color 500ms linear;
transition: color 500ms linear;
}

.contact-info a:hover {
    color: #222;
    -webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-ms-transition: color 300ms linear;
-o-transition: color 300ms linear;
transition: color 300ms linear;
}

.contact-form {
    float:right;
    width: 68%;
    height: 600px;
    background: #fff;
    border-radius: 6px;
    border: 2px solid #B3F2D5;
    margin: 50px 0 0;
}

.contact-us .content-wrapper {padding:20px;}

.contact-us h3 {
    margin: 0 0 20px;
    color: #257250;
    font-size: 30px;
}

.contact-form input#name,
.contact-form input#email,
.contact-form input#tsubject,
.contact-form textarea{
    float: left;
    font-family: Roboto;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 8px;
    width: 100%;
}

.contact-form textarea{height: 159px;}

a.form-button {
    display: inline-block;
    min-width: 60px;
    padding: 3px 15px;
    
    border: 2px solid #22b573;
    border-radius: 7px;
    color: #22b573;
    
    font-size: 16px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    
    
}

a.form-button:hover {
    color:#fff;
    background: #22b573;
}

.contact-form .message_error,
.contact-form .message_confirmation {
    padding: 10px 10px;
    font-size: 16px;
    font-weight: bold;
    display:none;
    border: 2px solid;
    border-radius: 3px;
    margin-bottom: 20px;
}

.contact-form .message_error {
    background-color: #f2dede !important;
    border-color: #ddd !important;
    color: #b94a48 !important;
}

.contact-form .message_confirmation {
    background-color: #BDDCFC !important;
    border-color: #3299FF !important;
    color: #005BB7 !important;
}

.field-wrapper{
    position: relative;
    overflow: hidden;
}

.field-error {
    background-color: #f2dede !important;
    border-color: #ddd !important;
    color: #b94a48 !important;
    position: absolute;
    top:0;
    left:0;
    width: 90%;
    padding: 10px 5%;
    display: none;
}

.how-to-videos {
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    border: 2px solid #B3F2D5;
    margin: 50px 0;
    padding: 40px 30px;
}

.how-to-videos .item {
    width: 60%;
    float: left;
}

.how-to-videos .content-wrapper {
    border: 1px solid #ccc;
    
    margin: 0 auto 0px;
    width: 560px;
    
}

.how-to-videos .how-to-list {
    float: right;
    width: 40%;
    max-height: 316px;
    overflow-y: scroll;

   
}
.how-to-videos .how-to-list .item {
    margin: 0px auto 10px;
    width: 98%;
    background-color: #EEE4E4;
}

.how-to-videos .how-to-list .item .icon {
    background: none ;
    float: left;
    text-align: left;
    width: 40%;
    height: auto;
    margin:0;
}

.how-to-videos .how-to-list .item .icon img{
    width: 100%;
    height: auto;
}

.how-to-videos .how-to-list .item .title{
    max-width: 55%;
    float: left;
    display: inline;
    margin-left: 6%;
    background: none;
    box-shadow: none;
    border: none;
    color: #29abe2;
    cursor: pointer;
}

.terms-of-service,
.privacy-policy {
    overflow: hidden;
    background: #fff;
    border-radius: 6px;
    border: 2px solid #B3F2D5;
    margin: 50px 0;
    padding: 40px 30px;
    
    color: #565;
    font-size: 14px;
}
#lean_overlay {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#client-login a.but_signup {
    margin: 0px 0px 12px 0px;
}


#client-login a.but_signup{
    cursor: pointer;
}

#client-login{
    display: none;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;

    padding: 0px;
}

#client-login form{margin:0}

#client-login h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  height: 124px;
  line-height: 124px;
  padding: 0px 10px 0px 20px;
  margin: 0px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #bbb;
}

#client-login .login_head {
    background: #22b573;
    
    -webkit-border-radius: 15px 15px 0 0;
       -moz-border-radius: 15px 15px 0 0;
    		border-radius: 15px 15px 0 0;
}

#client-login .login_info {
    margin: 45px;
}

    
#client-login th {
    color: #555;
    font-size: 16px;
    font-weight: normal;
    padding: 0 10px 0 0;
    text-align: left;
    vertical-align: top;
}

#client-login a.client_register,
#client-login a.client_forgot {
    font-size: 13px;
    color: #22b573;
    text-decoration: underline;
}

#client-login a.client_register {
    float: right;
}

#client-login .client_register_forgot {margin-top:10px;}

#client-login a.but_signup {
    margin: 20px 0 0;
    
    border: 2px solid #99b70a;
    border-radius: 7px;
    color: #99b70a;
    display: block;
    font-size: 26px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    
    
}

#client-login a.but_signup:hover {
    background-color: #99b70a;
    color: #fff;
}

#client_login_close {
    position:absolute;
    top: 15px;
    right: 15px;
    background: url(../images/popup_close_bg.png) left top no-repeat;
    cursor:pointer;
    color: #fff;
    height:24px;
    width:24px;
    border-radius: 50%;
    display:block;
    
}

.display-none{display:none;}

input#login_username,
input#login_password  {
    height: 48px;
    line-height: 48px;
    padding: 0 10px 0 54px;
    background: url(../images/login_fields_bg.png) top left no-repeat;
    border: 2px solid #d7d7d7;
    border-radius: 5px 5px 0 0;
    display: block;
    width:260px;
    font-size: 16px;
    color: #666;
    vertical-align: middle;
}
input#login_password {
    background-position: left bottom;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

#blog-feed {
    border: 1px solid #ebebeb;
    border-radius: 20px;
    box-shadow: 0 3px 12px -7px #000;
    margin: 0 5px 25px;
    padding: 20px;
    float:left;
    clear:both;
}

#blog-feed > h3{
    color: #555;
    position:  relative;
    display: block;
    margin: 0 0 10px;
    font-size: 24px;
}

#blog-feed > a.read-more {
    clear: both;
    color: #aaa;
    float: right;
    font-size: 18px;
    margin-top: 10px;
}

#blog-feed > h3 > a.plus-minus{
    font-size: 29px;
    color: #aaa;
    position: absolute;
    right: 0;
    top:0;
}

.blog-posts{
    height: 190px;
    overflow: hidden;
    
}

.blog-post{
    border-bottom:  1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.blog-post.last{border-bottom: none;margin-bottom: 0px;
    padding-bottom: 0px;}

.blog-post > h3 {
    position:  relative;
    display: block;
    margin: 2px 0 1px;
    height: 29px;
    line-height: 29px;
    
    font-size: 19px;
    font-weight:bold;
    color: #158E58;
}

.blog-post > h6 {
    font-size: 13px;
    font-weight: normal;
    color: #777;
    margin: 0 0 10px;
}

.blog-post > span {
    color: #999;
    display: block;
    font-size: 15px;
    line-height: 19px;
}


.navbar {
   background:rgba(0,0,0,0.5);   /* for latest browsers */
   background: #000;  /* fallback for older browsers */
}

.font-bold {
    font-weight: bold;
}

.font-color-white {
    color: white;
}

.menu-apps-pict_ns{
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    padding: 20px;
    display: block;
    height:80px;
    display: table;
}

.menu-apps-pict-subdiv_ns {
   height:  50px;
    width: 50px;
    float: left;
    transition: 400ms ease-in-out;
}

.menu-apps-pict-subdiv_ns:hover{
    -ms-transform:rotate(15deg) ; /* IE9 */
    -moz-transform: rotate(15deg) ;  /* FF3.5/3.6 */
    -o-transform: rotate(15deg) ;  /* Opera 10.5 */
    -webkit-transform: rotate(15deg) ;  /* Saf3.1+ */
    transform: rotate(15deg) ;  /* Newer browsers */
    background-color:rgba(78, 93, 89, 0.76);;
}

.menu-apps-pict-subdiv_ns-active{
    height:  50px;
    width: 50px;
    float: left;
    -ms-transform:rotate(15deg) ; /* IE9 */
    -moz-transform: rotate(15deg) ;  /* FF3.5/3.6 */
    -o-transform: rotate(15deg) ;  /* Opera 10.5 */
    -webkit-transform: rotate(15deg) ;  /* Saf3.1+ */
    transform: rotate(15deg) ;  /* Newer browsers */
    background-color:rgba(78, 93, 89, 0.76);;
}

.apps-container_ns {
    height:50px;
    width: 50px;
    padding: 4px;  
    float: left;
    transition: 400ms ease-in-out;
}

.apps-container_ns:hover{
    -ms-transform:rotate(-15deg); /* IE9 */
    -moz-transform: rotate(-15deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-15deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-15deg);  /* Saf3.1+ */
    transform: rotate(-15deg);  /* Newer browsers */

}

.apps-container_ns img {
    background-position: center center;
    width:25px;
    display: block;
    margin-top: 10px;
    margin-left: 5px;
}

.apps-container_ns-active{
    height:50px;
    width: 50px;
    padding: 4px;  
    float: left;
    -ms-transform:rotate(-15deg); /* IE9 */
    -moz-transform: rotate(-15deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-15deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-15deg);  /* Saf3.1+ */
    transform: rotate(-15deg);  /* Newer browsers */
}

.apps-container_ns-active img{
    background-position: center center;
    width:28px;
    display: block;
    margin-top: 10px;
    margin-left: 5px;
}

.menu-apps-mini {
    text-align: -webkit-center;
    text-align:center;
    background-color: rgba(51, 51, 51, 0.29);
    display: table;
    margin: 0 auto;
    height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:  20px;
    padding-right: 20px;
}

.my-inside{
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 0px;
}
.my-inside p{
    margin: 0px !important;
}


.menu-apps-pict{
    border-top:1px solid rgba(255, 255, 255, 0.75);
    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
    text-align: center;
    display: inline-block;
    padding: 30px; 
}

.menu-apps-pict-subdiv{
   height:  110px;
    width: 90px;
 float: left;
}


.menu-apps-pict-subdiv_n{
   height:  100px;
    width: 100px;
 float: left;
transition: 400ms ease-in-out;
}

.menu-apps-pict-subdiv_n:hover , .menu-apps-pict-subdiv_n.active{
    -ms-transform:rotate(15deg) ; /* IE9 */
    -moz-transform: rotate(15deg) ;  /* FF3.5/3.6 */
    -o-transform: rotate(15deg) ;  /* Opera 10.5 */
    -webkit-transform: rotate(15deg) ;  /* Saf3.1+ */
    transform: rotate(15deg) ;  /* Newer browsers */
    background-color:rgba(78, 93, 89, 0.76);;
}


.apps-container_n {
    height:100px;
    width: 100px;
    padding: 4px;  
    float: left;
    transition: 400ms ease-in-out;
}

.apps-container_n:hover , .apps-container_n.active{
    -ms-transform:rotate(-15deg); /* IE9 */
    -moz-transform: rotate(-15deg);  /* FF3.5/3.6 */
    -o-transform: rotate(-15deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-15deg);  /* Saf3.1+ */
    transform: rotate(-15deg);  /* Newer browsers */

}

.apps-container_n p{
    margin-top:15px;     
}

.apps-container_n:hover p{
    color: white;
    text-decoration: underline;    
}

.apps-container_n:hover .apps-container-inner_n{
    border: 0px solid #fefefe;
    -webkit-transition: border 200ms ease-out;
       -moz-transition: border 200ms ease-out;
         -o-transition: border 200ms ease-out;
            transition: border 200ms ease-out;
}

.apps-container-inner_n{
    padding: 10px;
    height:50px;
    width: 50px;
    border: 1px solid #fefefe;
    border-radius: 60px;
    text-align:center ;
    margin-bottom: 15px;
    display: table;
    margin: 0 auto;
}


.apps-container_n img {
    background-position: center center;
    width:27px;
    display: block;
}

.my-inside{
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}
.my-inside p{
    margin: 0px !important;
}

.navbar-default {
	background-color:transparent !important;
	border-color:transparent;
	background-image:none;
	box-shadow:none;
        float: right;
        border-bottom: 1px solid #91dab9;
        
}

.navbar-default .navbar-nav>li>a {
   font-size:14px; 
   color:white !important;
   font-weight: bold;
}

.navbar-nav { 
   margin:40px 0;
}

.navbar-toggle {
      margin:10px 0; 
      background:#36C; 
      color:#FFF;
}
.active-li {
    background-color: #66ca8a !important;
    color: white;
}
.navbar-nav>li:hover { 
   background-color: #66ca8a ;
}

.mybutton-download {
    border-radius: 10px;
    margin-top: 20px;
    width: 150px;
    height: 30px;
    padding-bottom: 10px;
    float: right;
    margin-bottom: 70px;
    margin-right: 20px;
    
    color: #ffffff;
    text-align: center;
    border-radius: 10px; 
    background: -webkit-linear-gradient( #c9ece4 10%, #88F3E3 100%,#c9ece4 90%); 
    background: -o-linear-gradient( #c9ece4 10%, #88F3E3 100%,#c9ece4 90%);  
    background: -moz-linear-gradient( #c9ece4 10%, #88F3E3 100%,#c9ece4 90%); 
    background: linear-gradient( #c9ece4 10%, #88F3E3 100%,#c9ece4 90%);
    transform-style: preserve-3d;
    transition: all 0.3s ease-out;
    padding-top: 3px;
}

.mybutton-order {
    border: 1.3px solid #88F3E3;
    border-radius: 10px;
    margin-top: 20px;
    width: 150px;
    height: 30px;
    padding-bottom: 10px;
    float: right;
    margin-bottom: 70px;
    margin-right: 20px;
    
    color: #ffffff;
    transition: all .3s ease-in-out;
    padding-top: 3px;
}

.note-for-mybutton1 {
    margin-top: 10px;
    float: right;

}


.footer-heading {
    color: white;
    margin: 10px;
    font-size: 14px;
    margin-left:0px;
}

.vertical-menu-products {
    margin-top:10px;
    height:100%;
    vertical-align: top;
}

.vertical-menu-products a {
    color: white; /* Black text color */
    display: block; /* Make the links appear below each other */
    font-size:12px; 
    text-decoration: none; /* Remove underline from links */
}

.vertical-menu-products a:hover {
    text-decoration: none ;
    color: white;
    text-shadow: 2px 2px 4px #000000;
}


.footer-line2mod{
    background: #4A4A4A;
    padding: 0px 0;
    height: 38px;
    margin-left: 1%;
    margin-right: 1%;
}

.footer-line2mod .copy {
    width:60%;
    float:left;
    height: 37px;
    line-height: 37px;
    color:#fff;
    font-size: 9px;
    padding-left: 10px;
    
}

.footer-line2mod .links {
    margin-top: 9px;
    float:left;
    color:#fff;
    font-size: 9px;
    text-align: center;
}

.footer-line2mod .links a {
    color:#fff;
    font-size: 9px;
        display: block;
        text-decoration: none;
}

.footer-line2mod .links a:hover {
    color: #fff;
}


.description {
  max-width: 600px;
  margin: 0 auto;
  color: white;
  margin-top: 40px; margin-bottom: 30px
}

.distribution-map {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
}
.distribution-map > img {
  width: 95%;
  position: relative;
  margin: 0;
  padding: 0;
  margin-top: 0px;
}

.distribution-map .map-point-register {
    top:47%;
    left:30%;
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 138px;
    height: 30px;
    border: 0px solid #ffffff;
    border-radius: 100px;
    color: #002E2C;
    font-size: 12px;
    background: -webkit-gradient(linear, 0% 30%, 0% 100%, from(rgba(84, 131, 199, 0.83)), to(#86FF49));
    transform-style: preserve-3d;
    transition: all 0.3s ease-out;
}


.distribution-map .map-point-register:hover {
    transform: scale(0.97);
}

.distribution-map .map-point_new {
  cursor: pointer;
  outline: none;
  z-index: 1;
  position: absolute;
  color: white;

}

.map-point_new>a{
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-weight: normal  ;
    font-size: 11px;
    letter-spacing: .54px;
    text-shadow: 5px 5px 2px #0D0F1E;
    
    -webkit-transition: font-size 500ms;
       -moz-transition: font-size 500ms;
         -o-transition: font-size 500ms;
            transition: font-size 500ms;
}


.map-point_new>a:hover , .map-point_new>a.hovered{
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 12px;
    letter-spacing: .54px;
}


.flags-table{
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}

.myflags{
    width: 40px;
    margin: 10px;
    
    
}

.app-page{
    margin-left: 10%;

}


.sub-newsletter{
    width: 70%;
}


.contact-us-bottom{
 float: bottom;   
}

.custom-h1{
    font-size: 26px;
    margin-bottom: 20px;
    color: white;
}
.custom-p{
    font-size: 14px;
    color: white;
    text-align: center;
}

.custom-ul{
    margin-left: -20px;
}
.custom-ul li{
    font-size: 16px;
    color: white;
}
.custom-ul li a{
    font-size: 16px;
    color: white;
    text-decoration: none;
}

 .p-table-apps-win{
     text-align: left;
     margin-left:12px;
     margin-right: 10px;
     margin-top: 0px;
     margin-bottom: 6px;
 }
 
 .custom-h1-apps{
    font-size: 26px;
    margin-bottom: 20px;
    color: white;
    font-family: Roboto;  
}

.custom-p-apps{
    color: white;
    text-align: center;
    font-size: 16px;
    word-wrap: break-word;
    letter-spacing: -0px;
 
}



.div-newsletter1{
    margin: 10px;
    margin-top: 10px;
    color: white;
}

.img-excel1{
    float: right;
}


* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.home-banner-left{
    width: 55%;
    float: left;
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right:10px;
}
.home-banner-right{
    width: 45%;
    float: left;
    padding-top: 30px;
    padding-bottom: 60px;
    display: inline-block;
    color: white;
    margin-bottom: 40px;
}


#main-menu-register{
    text-align: center;
    width: 138px;
    height: 30px;
    padding-top: 6px;
    border: 0px solid #ffffff;
    border-radius: 15px;
    font-size: 1.05em;
    display: inline-block;
    background: linear-gradient( rgba(240, 245, 176, 0.90) 2%, #FDFF00 100%,#f5f5f5 0%);
    transition: all .3s ease-in-out;
 }
 
 #main-menu-register a{ 
     color:#002E2C;
     text-decoration: none;
 }
 
 #main-menu-register:hover{
    transform: scale(0.98);
 }
 
 
 #main-menu-login1{
    border: 1.3px solid #88F3E3;
    border-radius: 100px;  
        width: 110px;
        height: 70% ;
    text-align: center;
    margin: 2px;

    transition: all .3s ease-in-out;
                
                
 }
 
  #main-menu-signin1{
    width: 110px;
    height: 70% ;
    text-align: center;
    border-radius: 100px; 
    color: #002E2C;
    transition: all .3s ease-in-out;   
    background: linear-gradient( rgba(240, 245, 176, 0.90) 2%, #FDFF00 100%,#f5f5f5 0%);
    transform-style: preserve-3d;
    transition: all 0.3s ease-out;
 }
 
 #main-menu-signin1:hover {
     border: 0px solid #ffffff;
      z-index: 101;
      margin: 2px;
    transform: scale(0.97);
 }
 
  #main-menu-login1:hover{
      z-index: 101;
      margin: 2px;      
      transform: scale(0.97);
 }
 
 
 .col-loc-left{
    width: 45%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    color: white;
 }
 .col-loc-right{
    width: 55%;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    color: white;
 }
 
 .myflags1{
    max-width: 90%;
    height: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 2px;
    margin-right: 2px;
    
    
}
 
.img-icon-map{
    height: auto; 
    width: auto; 
    max-width: 25px; 
    max-height: 30px;
    
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
}



 .loc-pointer{
  cursor: pointer;
  outline: none;
  position: absolute;
  width:14px;
  height:18px;
   background-size: 100% 100%;
   background-image:url(/images/icon_blue_s.png);
   transition: all 0.2s ease-out;
}

.loc-pointer:hover{
    transform: scale(1.3);
    background-image:url(/images/icon_mov_s.png);
}


.location_onmap{
    margin-left: 15px;
    margin-top: 10px;
    z-index: 1;
}

.loc-pointer-thin{
  cursor: pointer;
  outline: none;
  z-index: 0;
  position: absolute;
  width:8px;
  height:12px;
}

.custom-h1-m{
    font-size: 30px;
    margin-bottom: 26px;
    color: white;
}

.custom-h2{
    font-size: 17px;
    margin-bottom: 20px;
    color: white;
}

.custom-pm{
    font-size: 14px;
    color: white;
}

.social-icon-img{
 height: 27px;
 width: 27px;
 margin-right:1px;
 margin-top: 20px;
}

.social-media-div{
    padding-left: 8%;
}

.social-media-div a:hover{
    text-decoration: none;
}


.footer-newsletter{
    vertical-align: top;
    width:40%;
    float: left;
}

.footer-products{
    vertical-align: top;
    width:14%;
    float: left;
}

.footer-support{
    vertical-align: top;
    width:14%;
    float: left;
}   

.footer-right-blank{
    width:32%;
    float: left;
}

.footer-socialmedia-group{
    width:100%;
    text-align: center;
    margin-bottom: 20px;
}


#footer-chat-arrow{
    width:60%;
    height:auto;
    float:right;
    margin-bottom: 0px;
}

.apps-p-withbar-right{
    overflow:hidden;
    margin-bottom: 10px;
    margin-top:20px;
    margin-left: 100px;
    margin-right: 100px;
    min-height:  72px;
    display: flex;
    align-items: center;
    padding-right: 5px; 
    border-right: 1px solid #ffffff;
}

.apps-p-withbar-left{
    overflow:hidden;
    margin-bottom: 20px;
    margin-top:10px;
    margin-left: 100px;
    margin-right: 100px;
    min-height:  72px;
    display: flex;
    align-items: center;
    padding-left: 5px; 
    border-left: 1px solid #ffffff;
}

#main-menu-apps{
        margin-left: -250px;
}

#img-app-clouds{
    margin-top:-53px;
    margin-left:-65px;
}

.app-col1-from2{
   float:left;
}

.app-col2-from2{
    float: left;
    margin-left: 30px;
}

.app-col2-from2-mod{
    float: left;
    margin-left: 30px;
}

.myapp-table-div{
    width: 100%;
    text-align: center;
    overflow: hidden;
}










.how-to-videos-n {
    overflow: hidden;
    background: #fff;
    border-radius: 3px;
    border: 0px solid #B3F2D5;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 0%;
    margin-right: 0%;
    height: 600px;
}


.how-to-menu-search{
    float: left;
    line-height: 40px;
    border-left: 1px solid #ccc ;
        padding: 10px 15px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border-bottom: 2px solid #7aaad4 !important;
     border-left: 1px solid #ccc !important;
}

.nav-tabs>li {

    width: 15%;
}
.nav-tabs>li>a {
    border: 0px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-radius: 0px !important;
    line-height: 40px !important;
}

.tab-content-inner{
    padding: 10px;
}



.howto-setup-content{   
     width: 75%;
     float:left;
}

#howto-setup-content-instr{
     width: 60%;
     float:left;
/*     overflow-y: scroll;*/
     height : 450px;
}

.howto-setup-content-video{
     width: 40%;
     float:left;
}








.carousel-indicators {
  bottom:-50px;
}

.carousel-indicators li {
    border: 1px solid #22b573 !important;
}

.carousel-indicators .active {
    background-color: #22b573 !important;
}


.carousel-inner {
    width: 1032px !important;
    margin: 0 auto !important;
}


.video_iframe{
    height: 200px;
}

.video_container{
    width:20%;
    margin: 20px;
    float:left;
    height: 200px;
    padding: 10px;
    
}
.video_container1{
    width:20%;
    margin: 20px;
    
    height: 200px;
    padding: 10px;
    
}






.how-to-videos-v2 {
    overflow: hidden;
    background: #fff;
    border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    border: 0px solid #B3F2D5;
    margin-left: 5%;
    margin-right: 5%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10px;
    padding-bottom: 60px;
    width: 90%;
}

#how-to-top-left{
    float:left;
    border-bottom: 3px solid #29abe2;
}
#how-to-top-left-details{
    float:left;
    border-bottom: 3px solid #29abe2;
    cursor: pointer;
}

#how-to-top-right{
    float:right;
}

#how-to-top-right a:hover{
    text-decoration: none !important;
}

.how-to-social-icon-img{
    height: 30px;
    width: 30px;
    margin-right:1px;
    margin-left:1px;
    margin-top:1px;
    margin-bottom: 1px;
}
.how-to-social-icon-img:hover{
    height: 32px;
    width: 32px;
    margin:0;
}

#how-to-search{
    float:left;
    width:70%
}

#how-to-signin{
    float:right;
    width:30%;
    padding-left: 40px;
      
}

.how-to-green-header{
    font-size: 18px;
    color: #22b573;
    font-weight: bold;
}

.how-to-green-header-signin{
    font-size: 20px;
    color: #24ce83;
    margin: 0;

}

.how-to-greenish-text{
    color: #99b70a;
}

.how-to-yellow-text{
    color: #f7931e;
}

.how-to-login-form-label{
    font-size: 11px;
    color: #777;
    letter-spacing: 2px;
    margin-top: 10px;
}

.how-to-login-form-input{
        border: 0;
    margin-bottom: 5px;
    border-bottom: 1px solid;
}

.how-to-login-form-submit{
    border: 2px solid #f7931e;;
    border-radius: 20px;
    width : 55%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor:pointer;
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 10px;
    
    
}

.how-to-login-form-submit a{
    color: #24ce83;
    cursor:pointer;
}

.how-to-login-form-submit a:hover{
    color: #543333;
    text-decoration: none;
    font-size: 11px;
}

.how-to-login-form-submit a{
    color: #24ce83;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  font-style: italic;
}

.autocomplete { 
        list-style-type: none;
        list-style-position:inside;
        margin:0;
        margin-left: 50px;
        position: absolute;
        background-color: #fff;
        color: #f7931e;
        border: 1px solid #ccc;
        border-radius: 4px;
        width:37%;
        padding-left: 10px;
        margin-top:30px;
        z-index: 100;
        max-height: 400px;
        overflow: auto;
}

.autocomplete li.selected{
    color: #red;
}



#Button1{
    padding-left:10px;
    width:30px;
    height:30px;
    color:gray;
    background: transparent url('../images/howto/search-icon-s20.png');
    border: none;
    
    background-repeat:no-repeat;
    background-position:left center;outline:0;
    float:left;
}

.how-to-search-form{
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 36px;
    width:80%;
    padding: 3px;
}

#SiteSearch1_keyword{
    border:0;
    float: left;
    margin-left:20px;
    width:80%;
    height: 30px;
        
}

#how-to-autosearch{
    border: 1px solid red;
    padding: 10px;
}


 #hider
    {
        position:absolute;
        top: 0%;
        left: 0%;
        
        opacity:0.4;
               
        width:1600px;
        height:2000px;
        margin-top: -800px; /*set to a negative number 1/2 of your height*/
        margin-left: -500px; /*set to a negative number 1/2 of your width*/
        /*
        z- index must be lower than pop up box
       */
        z-index: 99;
       background-color:Black;

       visibility: hidden;
       
    }

    #popup_box  
    {

    position:absolute;
        top: 5%;
        left: 10%;
        width:80%;
        height: 100%;
        border: 1px solid #ccc;
        background-color: white;
        z-index:100; 
        
        visibility: hidden;
        
        padding: 10px;

    }
    
    #buttonClose {
    position:absolute;
    top: 15px;
    right: 15px;
    background: url(../images/popup_close_bg.png) left top no-repeat;
    cursor:pointer;
    color: #fff;
    height:24px;
    width:24px;
    border-radius: 50%;
    display:block;
    
}

.search-result-page-link a {
    font-size: 14px;
    color: #24ce83 !important;;
    font-style: italic;
    margin-bottom: 5px;
}

#search-result-content{
    height:90%;
}

#search-result-content-inner{
    overflow-y:auto;
    height:90%;
}

#search-result-page-content{
    overflow-y:auto;
    height:100%;
}

#how-to-blog{
   display: inline-block;
   width:100%;
}

.how-to-blog-half-left{
    float:left;
    width:40%;
}
.how-to-blog-half-right{
    float:left;
    width:60%;
}

.how-to-blog-link{
    color: #99b70a; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding-top: 10px;
    text-decoration: none; /* Remove underline from links */
    font-size: 13px;
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}



#how-to-blog-selfs-all-links{
    display: none;
}

#how-to-blog-faq-all-links{
    display: none;
}

#how-to-video-section{
    width: 100%;
    display: block;
}

.how-to-videos-v3 {
    overflow: hidden;
    background: #fff;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius:  3px;
    
    border: 0px solid #B3F2D5;
    margin-bottom: 40px;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10px;
    padding-bottom: 5px;
}


.howto-setup-menu{
    width: 100%;
    float:left;
     border: 1px solid #ccc;
     padding: 10px;
}

.div-fa-minus{
    float: right;
    font-size: 20px;
    font-weight: bold;
    background-color: #b4de4e;
    border: 1px solid #b4de4e;
    border-radius: 50px;
    width:24px;
    height:24px;
}

.div-fa-plus{
    float: right;
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    border: 1px solid #ccde4e;
    border-radius: 50px;
    width:24px;
    height:24px;
}

.fa {
/*    float: right;
    font-size: 20px;
    font-weight: bold;
    background-color: green;
    border: 1px solid green;
    border-radius: 50x;*/

    

    font-size: 18px;
    margin-left: 7px;
    
}

.fa-plus:before {
    content: "-";
    color: #b4de4e;
    margin-left:2px;
    
}

.fa-minus:before {
    content: "+";
    color: white;
   
}



.panel-heading.active {
    background-color: #b4de4e !important;
}

.panel-heading {
    background-color: #ffffff !important;
}

.panel{
    border-radius: 0px !important;
    margin:0 !important;
    background-color: white !important;
    
}

.panel-body{
    background-color: #eaf1e5;
}


.glyphicon-plus:before {
    content: "\002b";
    color: white;
    background-color: #b4de4e;
    border-radius: 20px;
    padding: 4px;

    font-size: 8px;
}

.glyphicon-minus:before {
    content: "\2212";
    color: #b4de4e;
    background-color: white;
    border-radius: 20px;
    padding: 4px;
    font-size: 8px;
}
    
.panel-title {

    font-size: 14px !important;
    color: black !important;
    font-weight: bold;
    text-decoration: none;
}

.panel-title>a {
    text-decoration: none !important;
}

.panel-body{
    padding: 0 !important;
}

.how-to-dropdown-ul{
    list-style: none;
    margin: 5px;
    padding-left: 20px;
}

.how-to-dropdown-ul>li>a{
    font-size: 14px;
    color: #666666;
    text-decoration: none;
    
}

.how-to-dropdown-ul>li>a:hover{
    color: #b4de4e;
}

#how-to-contact-img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 80%;
}

 .carousel{
    background: #f1f1f1;
    height:250px;
}
.carousel .item{
    height: 230px; /* Prevent carousel from being distorted if for some reason image doesn't load */
    padding-left: 5%;
     padding-right: 5%;
     margin-top: 30px;
    
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
    .bs-example{
    margin: 20px;
}
    
    
.carousel-control{
    width: 32px !important;
    background: #f1f1f1 !important;
    color: #22b573 !important;
    margin-bottom: 60px;
    margin-top: 90px;
}

.content-wrapper1{
    width: 31%;
    float : left;
    margin-left:2%;
        
}

.title_car{
    font-size: 16px;
    color: black;
}

.autocomplete li.selected{
    color: black;
}

.not-active{
   pointer-events: none;
   cursor: default;
   color: #aaaaaa;
}

.carousel-indicators{
    bottom:5px !important;
}

#howto-videos-main-tile{
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    top: -18px;
    text-align: center;
    left:43%;
}

.car-contrl-img{
    height: 25%;
    
}

.glyphicon{
    bottom: 5px !important;
    top: -5px !important;
}

.carousel-indicators li {
    width: 8px !important;
    height: 8px !important;
    margin: 0 ! important;
}

.carousel-indicators .active {
    width: 8px !important;
    height: 8px !important;
}


#how-to-accordion-div{
    float: left;
    width: 60%;
    padding-left: 0px;
    padding-right: 50px;
}

#how-to-contact-div{
    float: right; 
    width: 30%;
    padding: 0px;
}

.howto-video-iframe{
    width:100%;
    height: auto;
    border: 0px solid white;
}


.how-to-docs-img30{
    width:30%;
    height: auto;
}

.how-to-docs-img50{
    width:50%;
    height: auto;
}
.how-to-docs-img60{
    width:60%;
    height: auto;
}
.how-to-docs-img80{
    width:80%;
    height: auto;
}
.how-to-docs-img100{
    width:100%;
    height: auto;
}

.back-green {
    background: #22b573;
}

.center-nomargintop{
    text-align: center;
    margin-top: 0px;
}

.vpn-server-toptext-main {
    margin-bottom: 10px;
    margin-top:20px; 
    margin-left: 0px; 
    margin-right: 0px;   
}

.vpn-server-toptext-main-sub1 {
    display: table;
    width: 100%;                       
}

.vpn-server-toptext-main-sub1-1 {
    float: left; 
    width: 95%;
    padding-left: 5px;
}

.vpn-server-toptext-main-sub1-2 {
    float: left;
    width: 5%;
}

.vpn-server-toptext-main-sub1-3{
    float: left;
    width: 5%;
}

.vpn-server-toptext-main-sub1-4{
    float: left; 
    width: 95%;
}

.vpn-server-flags-table{
    margin: 0 auto;
}


.gd_popup_ctn{
    background-color: #dbf4f8f5 !important;
    margin-bottom: 50px;
}

.gd-main-div{
    color: #333;
//    font-size: 14px;
    padding-right: 5%;
    padding-left: 5%;
    margin-top: 20px;
}

.gd-inner-left{
    float: left;
    width: 25%;
//    margin-right: 5%;
    text-align: left;
}

.gd-col1{
    width: 70%;
}
.gd-col2{
    width: 30%;
    border-left: 3px solid #a3a0a0;
}
.gd-col3{
    width: 15%;
}

.gd-col3-img{
    height: 120px;
    width: auto;
}

.gd-col1-h{
    font-size: 22px;
    margin-bottom: 15px;
}


.gd-btn{
    color: #f5f5f5;
    text-decoration: none;
    padding: 5px 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: left;
    /* width: 190px; */
    display: inline-block;
    border: 1px solid #22b573;
    box-shadow: 5px 5px 18px #888888;
}

.gd-links {
    color: #777;
}

.div-gd-links {
    margin-bottom: 5px;
}

.gd-btn:hover{
    text-decoration: none;
    color: #7c7878;
    background-color: white;
    border: 1px solid white;
}

.policy{
    background-color: #22b573;    
}

.cookie{
    background-color: #f0eff5;    
}


.gd-valign1{
    margin-top: 20px;
    text-align: left;
    padding-bottom: 20px;
}
.gd-valign2{
    text-align: left;
    padding: 10px;
}


.gd-close-btn{
    margin-top: 10px;
    right: 20px !important;
    font-size: 40px !important;
    color: #464646 !important;
    font-weight: 100 !important;
}

.gd-close-btn:hover{
    color: #f78383 !important;
}




#page_1 {    
    position: relative;
    overflow: hidden;
    margin: 0px 20px 0px 20px;
    padding: 0px;
    border: none;
}

.ft0{
    font: 32px 'Helvetica';
    color: #d17f15;
    line-height: 32px;
    margin-bottom: 30px;
}

.ft8{
    font: bold 15px 'Helvetica';
    color: #175778;
    line-height: 18px;
}

.ft8-mod{
    font: 15px 'Helvetica';
    color: #175778;
    line-height: 18px;
}

.p1{    
    text-align: justify;
    margin-bottom: 0px;
}

.ft1{
 //   font: 15px 'Helvetica';
    text-decoration: underline;
    color: black;
}

.p0{
    text-align: left;
    margin-left: 50px;
    margin-bottom: 0px;
}


.ml20{
    margin-left: 20px;
}

.p12{
    text-align: justify;
    margin-top: 1px;
    margin-bottom: 0px;
}








#page_1 #p1dimg1 {position:absolute;top:311px;left:0px;z-index:-1;width:407px;height:358px;}
#page_1 #p1dimg1 #p1img1 {width:407px;height:358px;}




#page_2 {position:relative; overflow: hidden;margin: 91px 0px 138px 96px;padding: 0px;border: none;width: 720px;}





#page_3 {position:relative; overflow: hidden;margin: 92px 0px 122px 96px;padding: 0px;border: none;width: 720px;}





#page_4 {position:relative; overflow: hidden;margin: 91px 0px 117px 96px;padding: 0px;border: none;width: 720px;}





#page_5 {position:relative; overflow: hidden;margin: 91px 0px 688px 96px;padding: 0px;border: none;width: 720px;}




.ft2{font: 15px 'MS PGothic';line-height: 16px;}
.ft3{font: 15px 'Helvetica';line-height: 18px;}
.ft4{font: 15px 'MS PGothic';line-height: 15px;}
.ft5{font: 15px 'MS PGothic';line-height: 19px;}
.ft6{font: 15px 'Helvetica';line-height: 20px;}
.ft7{font: bold 15px 'MS PGothic';color: #175778;line-height: 15px;}
.ft9{font: bold 15px 'Helvetica';color: #175778;margin-left: 4px;line-height: 18px;}
.ft10{font: bold 15px 'Helvetica';color: #175778;line-height: 17px;}
.ft11{font: bold 15px 'Helvetica';color: #175778;margin-left: 4px;line-height: 17px;}
.ft12{font: 15px 'MS PGothic';color: #175778;line-height: 15px;}
.ft13{font: 15px 'Helvetica';color: #175778;line-height: 17px;}
.ft14{font: bold 15px 'MS PGothic';color: #578726;line-height: 15px;}
.ft15{font: bold 15px 'MS PGothic';color: #175778;line-height: 17px;}
.ft16{font: bold 15px 'Helvetica';color: #175778;line-height: 20px;}
.ft17{font: bold 15px 'MS PGothic';color: #175778;line-height: 16px;}
.ft18{font: bold 15px 'Helvetica';color: #175778;line-height: 19px;}
.ft19{font: bold 15px 'MS PGothic';color: #175778;line-height: 18px;}
.ft20{font: bold 15px 'Helvetica';color: #175778;line-height: 21px;}
.ft21{font: 15px 'MS PGothic';color: #175778;line-height: 19px;}
.ft22{font: 15px 'Helvetica';color: #175778;line-height: 20px;}
.ft23{font: 15px 'Helvetica';text-decoration: underline;line-height: 17px;}
.ft24{font: 15px 'Helvetica';line-height: 17px;}
.ft25{font: 15px 'MS PGothic';color: #175778;line-height: 16px;}
.ft26{font: 15px 'Helvetica';color: #175778;line-height: 18px;}
.ft27{font: 15px 'Helvetica';color: #175778;line-height: 19px;}
.ft28{font: bold 15px 'Helvetica';color: #175778;line-height: 22px;}
.ft29{font: 15px 'Helvetica';text-decoration: underline;line-height: 21px;}
.ft30{font: bold 15px 'MS PGothic';color: #175778;line-height: 19px;}
.ft31{font: 15px 'Helvetica';color: #175778;line-height: 21px;}
.ft32{font: 15px 'Helvetica';text-decoration: underline;line-height: 20px;}
.ft33{font: 15px 'Helvetica';color: #175778;line-height: 22px;}
.ft34{font: 15px 'Helvetica';text-decoration: underline;line-height: 22px;}



.p2{text-align: left;padding-right: 102px;margin-top: 0px;margin-bottom: 0px;}
.p3{text-align: left;padding-left: 423px;margin-top: 1px;margin-bottom: 0px;}
.p4{text-align: left;margin-top: 18px;margin-bottom: 0px;}
.p5{text-align: left;padding-left: 419px;margin-top: 0px;margin-bottom: 0px;}
.p6{text-align: left;margin-top: 30px;margin-bottom: 0px;}
.p7{text-align: left;margin-top: 2px;margin-bottom: 0px;}
.p8{text-align: left;padding-right: 380px;margin-top: 2px;margin-bottom: 0px;}
.p9{text-align: justify;padding-right: 186px;margin-top: 0px;margin-bottom: 0px;}
.p10{text-align: left;padding-right: 391px;margin-top: 0px;margin-bottom: 0px;}
.p11{text-align: left;margin-top: 5px;margin-bottom: 0px;}

.p13{text-align: left;padding-right: 457px;margin-top: 0px;margin-bottom: 0px;}
.p14{text-align: left;padding-right: 122px;margin-top: 0px;margin-bottom: 0px;}
.p15{text-align: left;padding-left: 4px;margin-top: 0px;margin-bottom: 0px;}
.p16{text-align: left;padding-right: 98px;margin-top: 0px;margin-bottom: 0px;}
.p17{text-align: left;padding-right: 157px;margin-top: 0px;margin-bottom: 0px;}
.p18{text-align: left;margin-top: 1px;margin-bottom: 0px;}
.p19{text-align: left;padding-right: 375px;margin-top: 0px;margin-bottom: 0px;}
.p20{text-align: left;margin-top: 19px;margin-bottom: 0px;}
.p21{text-align: left;padding-right: 103px;margin-top: 1px;margin-bottom: 0px;}
.p22{text-align: left;margin-top: 15px;margin-bottom: 0px;}
.p23{text-align: left;padding-right: 100px;margin-top: 3px;margin-bottom: 0px;}
.p24{text-align: left;margin-top: 23px;margin-bottom: 0px;}
.p25{text-align: justify;padding-right: 110px;margin-top: 3px;margin-bottom: 0px;}
.p26{text-align: left;padding-right: 118px;margin-top: 7px;margin-bottom: 0px;}
.p27{text-align: left;padding-right: 162px;margin-top: 0px;margin-bottom: 0px;}
.p28{text-align: left;margin-top: 17px;margin-bottom: 0px;}
.p29{text-align: left;padding-right: 135px;margin-top: 16px;margin-bottom: 0px;}
.p30{text-align: justify;padding-right: 115px;margin-top: 0px;margin-bottom: 0px;}
.p31{text-align: left;padding-right: 100px;margin-top: 0px;margin-bottom: 0px;}
.p32{text-align: left;padding-right: 133px;margin-top: 14px;margin-bottom: 0px;}
.p33{text-align: left;margin-top: 3px;margin-bottom: 0px;}
.p34{text-align: left;padding-right: 141px;margin-top: 1px;margin-bottom: 0px;}
.p35{text-align: left;padding-right: 141px;margin-top: 31px;margin-bottom: 0px;}
.p36{text-align: left;padding-right: 132px;margin-top: 3px;margin-bottom: 0px;}
.p37{text-align: left;margin-top: 6px;margin-bottom: 0px;}
.p38{text-align: left;padding-right: 99px;margin-top: 3px;margin-bottom: 0px;}
.p39{text-align: left;padding-right: 119px;margin-top: 0px;margin-bottom: 0px;}
.p40{text-align: left;padding-right: 108px;margin-top: 7px;margin-bottom: 0px;}
.p41{text-align: left;margin-top: 7px;margin-bottom: 0px;}
.p42{text-align: left;padding-right: 100px;margin-top: 4px;margin-bottom: 0px;}
.p43{text-align: left;margin-top: 26px;margin-bottom: 0px;}
.p44{text-align: left;margin-top: 16px;margin-bottom: 0px;}
.p45{text-align: left;padding-right: 98px;margin-top: 4px;margin-bottom: 0px;}
.p46{text-align: left;margin-top: 11px;margin-bottom: 0px;}