/*
Theme Name: Vela
Theme URI: http://codetrio.com
Author: the codeTrio team
Author URI: http://codetrio.com/
Description: The Vela theme for VELA Tech represents the web identity of the compnay. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: vela

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body{ 
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height:20px;
    color: #5F5F5F;
}

body,html{height:100%; margin:0;}
#wrapper {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -155px;
    /* Pad bottom by footer height */
    padding: 0 0 155px;
}

h1{font-weight: 700; color: #FFFFFF;}
h2{font-weight: 300; color: #2D879f;}
h3{font-weight: 300; color: #ffffff;}
h4{font-weight: 400; color: #333333;}
a:link, a:visited{font-family: 'Open Sans', sans-serif; font-weight: 700; color: #333333;}
a:hover, a:active{color: #2D879f; text-decoration: none;}
p{display:block;}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    font-family: 'Lato', sans-serif;
}
img{border:none;}
h1{font-size:40px; line-height:40px;}
h2{font-size:30px; line-height:30px;}
h3{font-size:24px; line-height:26px;}
h4{font-size:20px; line-height:24px;}
h5{font-size:18px; line-height:22px;}
ul{margin:0; padding:0;}
/*#wrapper{width:100%; float:left;}*/
header{
    background:url(images/header-bg.png) top left repeat;
    clear:both;
}
.logo h1,
.logo h2{
    float:left;
    padding:34px 0 0 0;
}
.logo h1 a,
.logo h2 a{
    float:left;
    background:url(images/logo.png) top left no-repeat;
    text-indent:-9999px;
    width:82px;
    height:69px;
}
/*....navigation menu....*/
.sf-menu{margin:0;}
.sf-menu li,
.sf-menu li li{background:none;}
.sf-menu a{border:none;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:none;
}
.sf-menu ul,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
    box-shadow:none;
    top:8.35em;
    background:#FFF;
    width:18em;
}
.sf-menu ul.sub-menu{
    display: none;
}
.sf-menu a, .sf-menu a:visited{
    color:#333;
}
.sf-sub-indicator{display:none;}
.sf-menu a.sf-with-ul{padding-right:0;}
nav#nav{
    float:right;
    width:auto;
}
nav .sf-menu li{
    float:left;
}
nav .sf-menu li a{
    font-size:16px;
    font-weight: 600;
    padding:75px 25px 26px !important;
    margin:0;
    display:block;
}

nav .sf-menu li.contact > a{
    background:#2d879f; 
    color: #fff; 
    padding-bottom:30px !important;
}

nav .sf-menu li.current-menu-item.contact > a{
    background:#2d879f;
    padding-bottom: 26px !important;
}

nav .sf-menu > li.active > a,
nav .sf-menu li > a:hover,
nav .sf-menu li.sfHover > a,
nav .sf-menu li.current-menu-item > a,
nav .sf-menu li.current-menu-parent > a
{
    box-shadow:0px -3px 5px -2px rgba(0,0,0,.2);
    -moz-box-shadow:0px -3px 5px -2px rgba(0,0,0,.2);
    -webkit-box-shadow:0px -3px 5px -2px rgba(0,0,0,.2);
    -ms-box-shadow:0px -3px 5px -2px rgba(0,0,0,.2);
    -o-box-shadow:0px -3px 5px -2px rgba(0,0,0,.2);
    border-bottom:4px solid #2d879f;
    background:url(images/nav-a-bg.png) bottom center no-repeat;
}

nav .sf-menu > li li.active a,
nav .sf-menu li li.current-menu-item a
{
    background: none;
    box-shadow: none;
    border-bottom: 1px solid #E8E8E8;
}

nav .sf-menu li > a:hover,
nav .sf-menu li.sfHover > a{color: #2D879f;}
nav .sf-menu li.active.contact > a,
nav .sf-menu li.contact > a:hover{
    box-shadow:none;
    border:none;
    background:#2d879f;
    color:#fff;
}
nav .sf-menu li.current-menu-item.contact > a:hover{
    border-bottom: 4px solid #2D879F;
}

nav .sf-menu ul,
nav .sf-menu li:hover ul,
nav .sf-menu li.sfHover ul{
    border-top:4px solid #2d879f;
}
nav .sf-menu li li a{
    padding:12px !important;
    border-bottom:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    font-size:14px;
    font-weight:normal;
}
nav .sf-menu li li a:hover{
    box-shadow:none;
    background:none;
    border-bottom:1px solid #e8e8e8;
}
/*...home slider...*/
.flexslider.home_slider{
    background:url(images/loader.gif) center center no-repeat;
    min-height:430px;
}

.banner{margin-bottom:35px; clear:both;}
.banner .flexslider,
.investments_slider.flexslider{
    border:none;
    border-radius:0px;
    box-shadow:none;
    margin:0;
    padding:0;
    position:relative;
}
.banner .flexslider ul.slides > li,
.investments_slider.flexslider ul.slides > li {list-style-type:none; position:relative;}

.banner .flexslider ol.flex-control-nav,
.banner .flexslider ul.flex-direction-nav,
.investments_slider.flexslider ol.flex-control-nav{display:none;}
.slider_info{
    position:absolute;
    top:90px;
    left:7.5%;
    width:45%;
}
.slider_info h1{font-weight:300; line-height:46px; margin-bottom:60px;}
.slider_info h1 span{font-weight:bold;}
.slider_info p{
    font-size:24px;
    line-height:28px;
    color:#fff;
    font-family: 'Lato', sans-serif;
    font-weight:300;
}
.info-boxes{
    background:	url(http://www.velatechplc.com/wp-content/themes/vela/images/info-box--bg.png) bottom center no-repeat;
    /*padding-bottom:100px;*/
    padding-bottom:80px;
    text-align: center;
}
.info-boxes > div {
    /*display: inline-block;*/
    text-align: left;
    float: none;
    vertical-align: top;
    /*width: 33%;*/
}
.box-our-mission,
.box-key-markets,
.box-share-price,
.home-box-common{width:100%; padding-left:70px;}

.box-our-mission{
    background:url(http://www.velatechplc.com/wp-content/themes/vela/images/box-our-mission-bg.png) no-repeat;
}
.box-key-markets{
    background:url(images/box-key-markets-bg.png) no-repeat;
}
.box-share-price{
    /*background:url(images/box-share-price-bg.png) no-repeat;*/
    background-image: url(images/share-price-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 180px auto;
    padding-left: 200px;
}
.info-boxes h2{padding:8px 0 15px;}
.info-boxes h2 a{color:#2D879F; font-weight:normal;}
.share-price{
    /*font-size:60px;*/
    font-size:80px;
    line-height:60px;
    color:#2d879f;
    font-family: 'Lato', sans-serif;
    font-weight:bold;
}

.share-price span.price_curr{
    font-size: 45px;
}

.inv .share-price, .sh_pr .share-price{
    font-size: 45px;
}

.inv .share-price span.price_curr, .sh_pr .share-price span.price_curr{
    font-size: 28px;
}

.home-box-nav{padding-bottom:50px;}
.home-box_common{
    padding:0;
    margin:0;
    width:100%;
    position:relative;
}
.home-box_common img{
    width:100%; 
    min-height:270px;
}

.investor_relations_content .home-box_common img{
    height: auto;
}

.home-box_common h3{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    float:left;
    padding:15px;
    height:57px;
    overflow:hidden;
}
.home-box_common span{
    position:absolute;
    bottom:0;
    left:0;
    float:left;
    background:url(images/home-box-transparent-bg.png) top left repeat;
    width:100%;
    height:21%;
    display:block;
}
.devide-bar{
    float:left;
    clear:both; 
    border-bottom:1px solid #efefef;
    width:97.4%; 
    margin:50px 15px 0;
}
.info-boxes2 h4{margin:0 0 18px 0;}
.box-border{border-right:1px solid #efefef; min-height:217px;}
.info-boxes2 .tweet{
    background:url(ico/twitter.png) no-repeat left 5px;
    overflow:hidden;
    padding:0 0 0 30px;
}
.info-boxes2 dl dt{
    float:left;
    width:80px;
}
.info-boxes2 dl dd{float:left; /*width:181px;*/}
.info-boxes2 dl dd a{font-weight:400; color: #5F5F5F;}
.info-boxes2 dl dd a:hover{color: #2D879F; text-decoration:underline;}
/*..................................
        footer start here.....
..................................*/
footer{
    background:url(images/footer-bg.png) top left repeat;
    padding:35px 0 50px;
    margin:55px 0 0 0;
    height: auto;
}
.footer_right{padding-top:18px;}
.footer_right p{float:right; color:#333; margin:0; padding:0;}
.footer_right ul{
    float:right;
    width:auto;
    margin-right:10px;
}
.footer_right ul li{
    float:left;
    padding:0 10px;
    list-style-type:none;
    border-right:1px solid #717171;
}
.footer_right ul li a{color:#2d879f;}
.footer_right ul li a:hover{text-decoration:underline;}

/*..................................
        about page start here.....
..................................*/
.banner.about{position:relative; min-height:76px;}
.banner.about > img{position:absolute; z-index:-1; height:76px; top:0; width:100%;}
.banner.about h1{
    margin:25px 0 0 0;
    font-weight:300;
    font-size:30px;
    line-height:32px;
}
#breadcrumb{
    color:#fff;
    padding:35px 0 0 0;
    width:auto;
    float:right;
}
#breadcrumb span{font-weight:bold;}
#breadcrumb a{font-weight:300; color:#fff;}
#breadcrumb a:hover{text-decoration:underline;}
.about_content .home-box_common img{min-height:299px;}
.about_content h2{margin-bottom:15px;}
.about_left{background:url(images/about-page-divider.png) right center no-repeat; min-height:400px;}
.about_text_wrap{padding:10px 70px 0; overflow:hidden;}
.about_text_wrap p{margin-bottom:20px;}
.about_text_wrap p.inv_more{
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 20px;
}

.about_text_wrap p.inv_more:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}	

.about_content .home-box_common.active span,
.investor_relations_content .home-box_common.active span{
    height:100%;
}

.inv h3{
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height:20px;
    margin-bottom: 10px;
    color: #5F5F5F;
    background: url(images/toggle_aim.png) no-repeat 0 6px;
    padding-left: 15px;
    cursor: pointer;
}

.inv h3.aim_open{
    background-position: 0 -26px;
}	

.about_text_wrap ul{
    overflow:hidden;
}
.about_text_wrap ul li{
    list-style-type:none;
    overflow:hidden;
}

.about_text_wrap ul.brd_members li figcaption{
    border-bottom: 1px solid #EFEFEF;
    margin-bottom: 20px;
}

.about_text_wrap ul.brd_members li:last-child figcaption{
    border-bottom: 0;
    margin-bottom: 0;
}

.about_text_wrap ul li figure{
    width:145px;
    margin:0 12px 25px 0;
    float:left;
}
.about_text_wrap ul li figcaption{
    width:77%;
    margin:-6px 0 0 0;
    float:right;
}
.about_text_wrap ul li figcaption h4{
    font-weight:bold;
    font-size:14px;
    font-family:'Open Sans',sans-serif;
    color:#5F5F5F;
}

.about_text_wrap.site_map ul li{
    list-style: disc;
    margin-left: 15px;
    overflow: visible;
}

.about_text_wrap.site_map ul li ul{
    margin-left: 10px;
}

/*..................................
        contact page start here.....
..................................*/
.contact_content{}
.contact_content h2,
.investments_content h2{
    margin-bottom:20px;
}
.contact_content form{
    overflow:hidden;
}
.contact_content form p{float:left; width:100%;}
.contact_content form input[type="text"],
.contact_content form input[type="email"],
.contact_content form textarea{
    background:#fff url(images/input-field-bg.png) top left repeat-x;
    border:1px solid #bfbfbf;
    padding:12px 10px;
    margin-left: 2px;
    color:#5f5f5f;
    font-size:14px;
    font-family:'Open Sans',sans-serif;
    font-weight:100;
    float:left;
    width:40%;
}
.contact_content form textarea{width:80%; height:150px;}

.contact_content form input[type="text"].cont_name{
    margin-top: 2px;
}

.contact_content form input span{display:inline-block;}
.marked{
    padding:0 0 0 10px;
}
.contact_content form input[type="submit"]{
    border:none;
    background:#2d879f;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    font-family:'Open Sans',sans-serif;
    padding:11px 14px;
    margin:15px 0 0 0;
    text-align:center;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
}
.contact_content form input[type="submit"]:hover{background:#3296b0;}
.contact_content form em.invalid{display:none !important;}
.contact_content form input.required.invalid{border:1px solid #F00;}
.contact_content address,
.investments_content address{padding:20px 0 30px 0;}
.contact_content form img{
    margin-bottom: 5px;
}
.contact_social_icon{
    overflow:hidden;
    padding:10px 0 0 0;
}
.contact_social_icon li{
    list-style-type:none;
    float:left;
    padding:0 10px 0 0;
}

/*..................................
        investments page start here.....
..................................*/
.investments_slider.flexslider{
    padding:0 30px 50px; 
    width:100%;
    margin-bottom:30px;
    border-bottom:1px solid #e7e7e7;
}
.investments_slider ul.slides li{
    width:278px;
    float:left;
    text-align:center;
}

.investments_slider ul.slides li a{padding:0 15px; float:left; width:100%; position:relative; text-align: left;}
.investments_slider.flexslider ul.slides li img{width:auto; display:inline; height:165px;}
.investments_slider.flexslider ul.slides li span img{/*display:none;*/}

.investments_slider .flex-direction-nav a{
    background:url(ico/bg_direction_nav.png) no-repeat;
    width:11px;
    height:20px;
    opacity:1;
}
.investments_slider .flex-direction-nav .flex-prev{
    left:0;
    background-position:0 -30px;
}
.investments_slider .flex-direction-nav .flex-next{
    right:0;
}

.investments_slider ul.slides li a > img{
    position:absolute;
    top:0;
    left:15px;
    max-width:100%;
}


/*..................................
        investor_relations page start here.....
..................................*/
.investor_relations_content h2{margin-bottom:20px;}


/*..................................
        news page start here.....
..................................*/
.news_content{}
.news_content h3{
    font-size:20px;
    font-weight:400;
    color:#333;
    margin-bottom:25px;
}
.news_content h3.title_border{
    background:url(images/title-bg.png) 0px 16px repeat-x;
    overflow:hidden;
}
.news_content h3 span{
    background:#fff;
    float:left;
    padding-right:12px;
}
ul.filter_news{overflow:hidden; margin-bottom:25px;}
ul.filter_news li{
    list-style-type:none;
    display:list-item;
}
ul.filter_news li a{
    font-size:14px;
    color:#5f5f5fs;
    background:url(images/news-filter-list-bg.png) 0 7px no-repeat;
    padding:0 0 0 12px;
    font-weight:200;
    line-height:26px;
}
.news_details{
    overflow:hidden;
    padding:0 0 0 50px;
    margin-bottom:10px;
}
.news_with_bg{background:url(http://www.velatechplc.com/wp-content/themes/vela/images/info-box--bg.png) bottom center no-repeat; padding-bottom:60px;}
.news_details p{margin-bottom:20px;}
.news_text_sub{
    font-size:14px;
    font-style:italic;
    font-family:'Lato',sans-serif;
}
.news_text_sub a{font-weight:100;}
.news_text_sub a:hover{text-decoration:underline;}

.single-investments .about_text_wrap ul {
    padding-left: 15px;
}

.single-investments .about_text_wrap ul li {
    list-style-type: disc;
    margin-bottom: 15px;
    overflow: visible;
}

/*..................................
        share_price page start here.....
..................................*/
.share_price_content{}
ul.share_prise_list{
    overflow:hidden;
}
ul.share_prise_list li{
    list-style-type:none;
    display:list-item;
    margin-bottom:1px;
}
ul.share_prise_list li a{
    background:#ebebeb;
    display:block;
    padding:7px 12px;
    color:#333;
    font-weight:200;
    font-family:'Lato',sans-serif;
}
ul.share_prise_list li a:hover,
ul.share_prise_list li.active a,
ul.share_prise_list li.current_page_item a
{
    background:#2d879f;
    color:#fff;
    font-weight:bold;
}

.share_price_content .box-content{
    background:#ebebeb;
    overflow:hidden;
    padding:10px;
}
.share_prise_right p{
    color:#333;
    font-family:'Lato',sans-serif;
}
.share_prise_right .share_text_eff{font-weight:bold; color:#2d879f;}
.share_prise_right p a{font-weight:bold; text-decoration:underline;}
.share_price_mid{padding-left:40px; padding-right:40px;}
.share_chart_wrap{
    overflow:hidden;
    background:url(http://www.velatechplc.com/wp-content/themes/vela/images/info-box--bg.png) bottom center no-repeat;
    padding:0 0 70px 0;
}

.share_chart_wrap iframe{
    width: 100%;
    min-height: 1130px;
}

.share_chart_wrap iframe.sh_pr{
    /* 	min-height: 1500px; */
    min-height: 220px;
}

.share_chart_wrap iframe#price_download{
    min-height: 350px;
}

.share_top_list{
    overflow:hidden;
}
.share_top_list dt{
    float:left;
    font-weight:normal;
    border-right:1px solid #333;
    color:#333;
    font-size:16px;
    font-family:'Lato',sans-serif;
    padding:0 7px;
    width:175px;
}
.share_top_list dt:first-child{padding-left:0px;}
.share_top_list dt:last-child{padding-right:0px; border:none;}
.share_top_list dt span{
    font-weight:bold;
}
.share_top_list dt span.with_color{color:#2d879f;}
.share_chart_list{
    overflow:hidden;
}
.share_chart_list dt{
    float:left;
    width:233px;
    border-right:1px solid #333;
    padding:0 15px;
}
.share_chart_list dt:first-child{padding-left:0px;}
.share_chart_list dt:last-child{padding-right:0px; border:none;}
.share_chart_list ul li{
    list-style-type:none;
    display:list-item;
    color:#333;
    font-size:14px;
    font-weight:normal;
    font-family:'Lato',sans-serif;
}
.share_chart_list ul li span{float:right; font-weight:bold;}
.share_price_mid figure img{max-width:100%;}
.contact_content div.wpcf7-response-output{
    float: left;
    margin: 0;
    border: 0;
    padding-left: 0;
}

.contact_content span.wpcf7-not-valid-tip{
    position: static;
    float: left;
    margin-left: 10px;
    border: 0;
    width: auto;
}

a.twitter-date{
    display: block;
    margin: 10px 0;
    font-weight: 400;
}

.profile-link{
    display: none;
}

div.wpcf7{
    margin-left: -2px;
}

/* for publications table */
.report-top{
    border-bottom: 2px solid #CCCCCC;
    float: left;
    width: 537px;
}

.report-top.rep-head{
    font-weight: bold;
}

.report-top.rep-row{
    font-size: 12px;
    border-bottom: 1px dashed #CCCCCC;
}

.report-title{
    float: left;
    margin: 0;
    padding: 3px 0;
    width: 376px;
    color: #999999;
}

.report-format{
    float: left;
    margin: 0;
    padding: 3px 0;
    text-align: center;
    width: 80px;
    color: #999999;
}

.report-size{
    float: left;
    margin: 0;
    padding: 3px 0;
    text-align: right;
    width: 81px;
    color: #999999;
}

.report-title a, .report-size a{
    color: #999999;
    font-weight: normal;
}

.report-title a:hover{
    text-decoration: underline;
}

.social-links {
    float: right;
    /*margin-top: 1px;*/
    margin-top: -5px;
    margin-right: 8px;
}
.social-links > a, .company-social-links > a {
    display: inline-block;
    margin: 0 3px;
}
.social-links > a span {
    /*font-size: 18px;*/
    font-size: 30px;
    color: #888;
    height: auto;
    width: auto;
}
.company-social-links > a span {
    font-size: 24px;
    color: #888;
    height: auto;
    width: auto;
}
.social-links > a span:hover, .company-social-links > a span:hover{
    color: #222;
}
.social-links > a span.genericon-twitter:hover, .company-social-links > a span.genericon-twitter:hover{
    color: #1da1f2;
}
.social-links > a span.genericon-instagram:hover, .company-social-links > a span.genericon-instagram:hover{
    color: #d10869;
}
.social-links > a span.genericon-facebook:hover, .company-social-links > a span.genericon-facebook:hover{
    color: #4267b2;
}
.social-links > a span.genericon-linkedin-alt:hover, .company-social-links > a span.genericon-linkedin-alt:hover{
    color: #0077B5;
}
.company-social-links {
    margin-top: 20px;
}


/* =========== cookies law info =============== */
body #cookie-law-info-bar {    
    text-align: left !important;
    padding: 25px 0;
}
#cookie-law-info-bar span {
    display: block;
}
#cookie-law-info-bar > span {
    margin: auto;
    max-width: 1170px;
    padding: 0 15px;
}
#cookie-law-info-bar span.c-text {
    display: inline-block; 
    font-size: 15px;
    width: 50%;
}
#cookie-law-info-bar span.c-buttons {
    display: inline-block;
    text-align: right;
    width: 50%;
}
.c-buttons > a {        
    background: #2d879f;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Open Sans',sans-serif;
    margin-left: 20px;
    padding: 11px 14px;
    text-align: center;

    width: 165px;
}
.c-buttons > a:first-child{
    margin-left: 0;
}
.c-buttons > a:hover {
    background: #3296b0;
}
.cookie_content {
    padding-bottom: 35px;
    padding-top: 40px;
}
.cookie_content .about_text_wrap {
    padding-top: 25px;
}
.cookie_content > div {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}

.declarations .table thead > tr > th{
    border-bottom: none;
    color: #333333;
    padding: 20px;
}
.declarations .table thead > tr > th:first-child,
.declarations .table tbody > tr > td:first-child{
    padding-left: 0;
}
.declarations .table tbody > tr > td{
    border-top-color: #ededed;
    color: #333;
    padding: 20px;
}
.d-items {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 37px;
}
.declarations .table-responsive {
    border: none;
}
.declarations .table-responsive > .table > thead > tr > th,
.declarations .table-responsive > .table > tbody > tr > td{
    padding: 8px;
    white-space: normal;    
}
.declarations .table thead > tr > th:first-child, .declarations .table tbody > tr > td:first-child {
    padding-left: 8px; 
}





.home-social-links {
    border-top: 1px solid #efefef;
    padding: 45px 0 0;
    margin-top: 50px;
    text-align: center;
}
.home-social-links a{
    display: inline-block;
}
.home-social-links a .genericon {
    color: #b3b3b3;
    font-size: 120px;
}
.home-social-links a p{
    color: #333333;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 400;
}
.home-social-links .hs-item{
    border-left: 1px solid #efefef;
}
.home-social-links .hs-item:first-child{
    border-left: none;
}
.home-social-links a:hover span.genericon-twitter, 
.home-social-links a:hover span.genericon-twitter + p {
    color: #1da1f2;
}
.home-social-links a:hover span.genericon-instagram, 
.home-social-links a:hover span.genericon-instagram + p {
    color: #d10869;
}
.home-social-links a:hover span.genericon-facebook, 
.home-social-links a:hover span.genericon-facebook + p {
    color: #4267b2;
}
.home-social-links a:hover span.genericon-linkedin-alt, 
.home-social-links a:hover span.genericon-linkedin-alt + p {
    color: #0077B5;
}

.ca-table{
    border-bottom: none;
    border-right: none;
}


/*..............................................
        Responsive Design Start here...
...............................................*/
/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1199px){
    nav .sf-menu li a{padding:75px 27px 26px !important;}
    /*  6.11.2013  */
    .slider_info{
        left:10%;
        top:55px;
        width:50%;
    }
    .slider_info h1{font-size:36px; margin-bottom:50px;}
    .flexslider.home_slider ul.slides li img{
        height: 380px;
    }

    .flexslider.home_slider{
        min-height:322px;
    }

    .devide-bar{width:98.6%;}
    .home-box_common img{min-height:245px;}
    .home-box_common h3{font-size:22px;}
    .info-boxes2 dl dt{width:68px;}
    .info-boxes2 dl dd{width:144px;}

    /*...about page...*/
    .about_content .home-box_common img{min-height:260px;}
    .about_text_wrap ul li figcaption{width:71%;}

    /*...share price...*/
    .share_price_mid{padding-left:0px; padding-right:0px;}
    .share_top_list dt{width:121px; font-size:12px;}
    .share_chart_list dt{padding:0 7px; width:161px;}
    .share_chart_list ul li{font-size:12px;}

    /*...investment page...*/
    .investments_slider ul.slides li{width:304px;}
    .investments_slider ul.slides li a{padding:0 20px;}
    .investments_slider ul.slides li a > img{left:20px;}



}
/* Small devices (Ipad,tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px){
    nav .sf-menu li a{padding:75px 11px 26px !important;}
    /*  6.11.2013  */
    .slider_info{
        left:13%;
        top:50px;
        width:50%;
    }
    .slider_info h1{font-size:30px; line-height:36px; margin-bottom:25px;}
    .slider_info p{line-height:24px;}
    .flexslider.home_slider ul.slides li img{
        height: 310px;
    }

    .flexslider.home_slider{
        min-height:250px;
    }

    .info-boxes h2{font-size:26px;}
    .home-box_common img{min-height:185px;}
    .home-box_common h3{
        height:40px;
        padding:8px;
        font-size:17px;
        line-height:24px;
    }
    .info-boxes2 div p a{font-size:12px;}

    /*..about page...*/
    .about_content .home-box_common img{min-height:210px;}
    .about_text_wrap{padding:10px 40px 0;}
    .about_text_wrap ul li figcaption{width:65%;}

    /*...investment page...*/
    .investments_slider ul.slides li{width:346px;}
    .investments_slider ul.slides li a{padding:0 35px;}
    .investments_slider ul.slides li a > img{left:35px;}


    /*...share price...*/
    .share_price_mid{padding-left:0px; padding-right:0px;}
    .share_top_list dt{
        font-size:10px;
        width:93px;
    }
    .share_chart_list dt{
        width:125px;
        padding:0 5px;
    }
    .share_chart_list ul li{font-size:10px;}

    /*...contact page...*/
    .contact_content h2{font-size:29px;}
    .contact_content form textarea{width:85%;}

}

/* Iphone devices */
@media (max-width: 767px) {
    header{min-height:120px;}
    header .iphone{position:relative; clear:both;}
    .iphone_btn{
        background:url(images/iphone-menu-bg.png) top left no-repeat;
        width:40px;
        height:29px;
        border:none;
        position:absolute;
        right:15px;
        top:-68px;
    }
    header nav{
        display:none;
        float:left !important;
        width:100% !important;
        padding:20px 0;
        height:auto !important;
    }
    header nav ul.sf-menu{
        padding:0;
        margin:0;
        width:100%;
        float:left;
    }
    header nav ul.sf-menu li{
        float:left;
        width:100%;
        margin:0;
        padding-bottom:1px !important;
    }

    header nav ul.sf-menu li a{
        display:block; 
        float:none; 
        padding:7px 10px !important;
        margin:0;
        background:none;
        font-size:14px;
        line-height:22px;
    }
    header nav .sf-menu li.active > a, 
    header nav .sf-menu li > a:hover, 
    header nav .sf-menu li.sfHover > a,
    header nav .sf-menu li.current-menu-item > a{
        background:none;
        border:none;
        box-shadow:none;
    }
    header nav ul.sf-menu li a:hover,
    header nav .sf-menu li.active > a, 
    header nav .sf-menu li > a:hover{
        background:#000;
        color:#fff;
        border-radius:5px;
        -moz-border-radius:5px;
        -ms-border-radius:5px;
        -o-border-radius:5px;
        -webkit-border-radius:5px;
    }
    nav .sf-menu li.active.contact > a,
    nav .sf-menu li.contact > a:hover{
        box-shadow:none;
        border:none;
        background:#000;
        color:#fff;
    }
    nav .sf-menu ul,
    nav .sf-menu li:hover ul,
    nav .sf-menu li.sfHover ul{
        border:none;
    }
    nav .sf-menu li.contact > a{
        background:none;
        padding:7px 10px !important;
        color:#333333;
    }
    header nav .sf-menu li ul,
    header nav .sf-menu li.sf-hover ul{
        display:block !important;
        width:98% !important;
        margin:0 1%;
        visibility:visible !important;
        position:relative !important;
        left:0;
        top:0 !important;
        border:none;
        background:none !important;
    }
    header nav .sf-menu li li{margin:1px 0 1px;}
    header nav .sf-menu li li:last-child{margin:0px 0 1px;}
    header nav .sf-menu li li a{
        border:none;
        padding:7px 10px !important;
        font-size:12px;
        font-weight:bold;
    }
    /*  6.11.2013  */
    .slider_info{
        left:3%;
        top:30px;
        width:94%;
    }
    .slider_info h1{
        font-size:22px;
        line-height:26px;
        margin-bottom:20px;
    }
    .slider_info p{
        font-size:20px;
        line-height:22px;
    }
    .flexslider.home_slider ul.slides li img{
        height: 240px;
    }

    .flexslider.home_slider{
        min-height:155px;
    }

    .info-boxes > div.col-xs-12,
    .info-boxes2 > div.col-xs-12,
    .about_content .about_bottom .col-xs-12,
    .investments_content .investment_contents div.col-xs-12,
    .investor_relations_content .investor_contents div.col-xs-12,
    .news_content .row div.col-xs-12{padding-bottom:30px;}
    .home-box-nav > div.col-xs-12{
        width:290px;
        margin:0 auto;
        padding-bottom:30px;
    }
    .devide-bar{width:100%; overflow:hidden; margin:50px 0 0;}
    .info-boxes2 .box-border{border:none; min-height:10px;}
    .info-boxes2 dl dt{width:68px; clear:both;}
    .footer_logo,
    .footer_right{text-align:center;}
    .footer_right ul{float:none;}
    .footer_right ul li{
        float:none;
        display:inline-block;
    }
    .footer_right ul li:last-child{
        border:none;
        padding-right:0;
    }
    .footer_right{position:relative;}
    .footer_right p{
        position:absolute;
        bottom:-30px;
        left:0;
        width:96%;
        margin:0 2%;
        float:left;
    }

    /*...about page start here...*/
    .banner.about h1{margin:8px 0 0 0;}
    #breadcrumb{
        width:100%;
        float:left;
        padding:6px 0 0 0;
        margin:0;
        line-height:15px;
    }
    .about_left{background:none; min-height:0px;}
    .about_text_wrap{padding:10px 0;}
    .about_content .home-box_common img{min-height:270px;}
    .about_text_wrap ul li figure{
        width:100%;
        margin:0 0 10px 0;
    }
    .about_text_wrap ul li figcaption{
        width:100%;
        margin:0 0 10px 0;
    }

    /*...investments page start here...*/
    .slider_border{border-bottom:1px solid #E7E7E7; margin-bottom:30px;}
    .investments_slider.flexslider{
        width:294px;
        padding:0 15px 50px;
        margin:0 auto;
        float:none;
        border:none;
    }

    .investments_slider ul.slides li a{padding:0 10px;}
    .investments_slider ul.slides li a > img{left:10px;}

    /*...news page start here...*/
    ul.filter_news li a{display:block; background-position:0 10px;}
    .news_details{padding-left:0px;}


    /*...contact page start here...*/
    .contact_content .row div.col-xs-12{padding-bottom:50px;}
    .contact_content form input[type="text"], 
    .contact_content form input[type="email"], 
    .contact_content form textarea{width:95%;}

    /*...share price page start here...*/
    .share_price_content .share_price_mid{padding-top:30px; padding-bottom:30px;}
    .share_price_content .share_prise_right{padding-bottom:30px;}
    .info-boxes > div{
        width: 100%;
    }
    .social-links {
        float: none;
        margin-top: 10px;
        margin-right: 0;
    }
    /*cookies page styles*/
    .cookie_content{
        padding-top: 0;
    }

    .home-social-links {
        padding: 45px 15px 0;
    }
    .home-social-links .hs-item {
        border-left: 1px solid #efefef;
        border-top: 1px solid #efefef;
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .home-social-links .hs-item:nth-child(1), .home-social-links .hs-item:nth-child(2){
        border-top: none;        
    }
    .home-social-links .hs-item:nth-child(odd){
        border-left: none;
    }
}


/*cookies page styles*/
@media (max-width: 730px) {
    .c-buttons > a{
        margin-bottom: 10px;
    }
    .c-buttons > a:last-child{
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {

    /*  home page 
    ......................*/
    /*  6.11.2013  */
    .slider_info{
        left:3%;
        top:20px;
        width:94%;
    }
    .slider_info h1{font-size:18px; line-height:20px; margin-bottom:20px;}
    .slider_info p{line-height:14px; font-size:14px;}
    .flexslider.home_slider ul.slides li img{
        height: 145px;
    }
    .flexslider.home_slider{
        min-height:92px;
    }

    /*...about page start here...*/


    .banner.about h1,
    #breadcrumb{text-align:center; vertical-align:central;}
    .banner.about h1{margin:5px 0 0 0;}

    /*cookies page style*/
    #cookie-law-info-bar span.c-text, #cookie-law-info-bar span.c-buttons{
        display: block;
        width: auto;
    }
    #cookie-law-info-bar span.c-buttons {
        margin-top: 15px;
        text-align: left;
    }
    .c-buttons > a{
        margin-bottom: 0;
        width: 150px;
    }
    .info-boxes {
        padding-bottom: 60px;
    }
    .box-share-price {
        background-position: left top;
        background-size: 140px auto;
        padding-left: 150px;
    }
    .share-price {
        font-size: 50px;
        line-height: 50px;
    }
    .info-boxes h2 {
        font-size: 24px;
        padding: 0 0 5px;
    }
    .share-price span.price_curr {
        font-size: 40px;
    }

}

/*cookies page styles*/
@media (max-width: 350px) {
    .c-buttons > a{
        width: auto;
    }
    .box-share-price {
        background-size: 115px auto;
        padding-left: 130px;
    }
    .share-price {
        font-size: 40px;
        line-height: 40px;
    }
    .info-boxes h2 {
        font-size: 20px;
    }
}

@media (max-width: 320px) {

    /*  6.11.2013  */
    .slider_info{
        left:3%;
        top:5px;
        width:94%;
    }
    .slider_info h1{font-size:18px; line-height:20px; margin-bottom:8px;}
    .slider_info p{line-height:14px; font-size:14px;}
    .flexslider.home_slider ul.slides li img{
        height: 95px;
    }

    /*...investments page start here...*/
    .investments_slider .flex-direction-nav .flex-next{right:5px;}
    .investments_slider .flex-direction-nav .flex-prev{left:5px;}
}