@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);

body {
	background: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	color: #444;
}

* { margin: 0px; padding: 0px; }

p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 27px;
	padding: 7px 0;
}

a { text-decoration: none; }
li { list-style: none; }
a .img { border: none; }
a { transition: background-color 0.5s ease; }
a:hover { transition: background-color 0.5s ease; }
img { width:100%; }
img:hover { transition: background-color 0.5s ease; }
.clear { clear: both; }
.height5 {	height: 5px; }
.height10 {	height: 10px; }
.height15 {	height: 15px; }
.height20 { height: 20px; }
.height25 {	height: 25px; }
.height30 {	height: 30px; }
.height35 {	height: 35px; }

/* ---- PRE-LOADER --- */

div#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;
}

.loader{
	position: absolute;
    left: 45%;
    top: 41%;
}

.loader span {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	-webkit-animation: 3s infinite linear;
	-moz-animation: 3s infinite linear;
	-o-animation: 3s infinite linear;
}

.loader .loading-txt {
	color: #525866;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 400;
    text-align: center;
}

.loader span:nth-child(2) {
	background: #182e75;
	-webkit-animation: kiri 1.2s infinite linear;
	-moz-animation: kiri 1.2s infinite linear;
	-o-animation: kiri 1.2s infinite linear;
	
}

.loader span:nth-child(3) {
	background: #3e7fba;
	z-index: 100;
}

.loader span:nth-child(4) {
	background: #182e75;
	-webkit-animation: kanan 1.2s infinite linear;
	-moz-animation: kanan 1.2s infinite linear;
	-o-animation: kanan 1.2s infinite linear;
}

@-webkit-keyframes kanan {
    0% {-webkit-transform:translateX(20px);
    }
   
	50%{-webkit-transform:translateX(-20px);
	}
	
	100%{-webkit-transform:translateX(20px);
	z-index:200;
	}
}
@-moz-keyframes kanan {
    0% {-moz-transform:translateX(20px);
    }
   
	50%{-moz-transform:translateX(-20px);
	}
	
	100%{-moz-transform:translateX(20px);
	z-index:200;
	}
}
@-o-keyframes kanan {
    0% {-o-transform:translateX(20px);
    }
   
	50%{-o-transform:translateX(-20px);
	}
	
	100%{-o-transform:translateX(20px);
	z-index:200;
	}
}

@-webkit-keyframes kiri {
     0% {-webkit-transform:translateX(-20px);
	z-index:200;
    }
	50%{-webkit-transform:translateX(20px);
	}
	100%{-webkit-transform:translateX(-20px);
	}
}

@-moz-keyframes kiri {
     0% {-moz-transform:translateX(-20px);
	z-index:200;
    }
	50%{-moz-transform:translateX(20px);
	}
	100%{-moz-transform:translateX(-20px);
	}
}
@-o-keyframes kiri {
     0% {-o-transform:translateX(-20px);
	z-index:200;
    }
	50%{-o-transform:translateX(20px);
	}
	100%{-o-transform:translateX(-20px);
	}
}

/* --- TOP BAR --- */

/*.top-bar { background: #525866; }*/
.top-bar { background: #182e75; }
.top-bar span { font-weight: 400; font-size: 14px; font-family: 'Raleway', sans-serif; color: #fff; margin: 14px 0 0 0; float: left; }
.top-bar .get-touch { float: right; }
.top-bar .get-touch ul { float: left; }
.top-bar .get-touch li { float: left; border-left: solid 1px #9fa3aa; }
.top-bar .get-touch li i.icon-phone4 { margin: 1px 5px 0 0; float: left; font-size: 20px; }
.top-bar .get-touch li i.icon-mail { float: left; font-size: 20px; margin: 1px 7px 0 0; }
.top-bar .get-touch li:last-child { border-right: none; }
.top-bar .social-icons li:last-child { border-right: solid 1px #9fa3aa; }
.top-bar .get-touch li a { color: #fff; padding: 13px 14px; float: left; }
.top-bar .get-touch li i { font-size: 18px; }
.top-bar .get-touch .social-icons { float: left; }
.top-bar .get-touch .social-icons li a { padding: 13px 10px; }
.top-bar .get-touch .social-icons li a.fb:hover { background: #5c85ce; }
.top-bar .get-touch .social-icons li a.tw:hover { background: #02c0f2; }
.top-bar .get-touch .social-icons li a.gp:hover { background: #eb6850; }
.top-bar .get-touch .social-icons li:last-child a:hover { color: #fff; }

/* --- HEADER --- */

.header {  padding: 28px 0; min-height: 98px; }
.logo img {  width: 240px; }
.header .nav { float: right; margin:10px 0 0 0; }
.header .nav li { float:left; padding: 11px 0; } 
.header .nav li a { color: #333; font-family: 'Raleway', sans-serif; font-size: 14px; padding: 12px 24px !important; }
.header .nav li.parent:hover a { color:#ddd;}
.header .nav li.parent .submenu a { color:#fff; }
.header .nav li.parent .submenu a:hover { color:#ddd; }
.header .nav li.item-select { color: #ddd;  border-radius: 5px; padding: 11px 0; }
.header .nav li.item-select a {color: #fff;  padding:10px 24px; }
.header .nav li.item-select .submenu a {color: #000;  }
.header .nav li.item-select .submenu a:hover {color: #fff;  }
.header .nav li:hover {  border-radius: 5px;  padding: 11px 0; } 
.header .nav li a:hover {   color: #fff; padding:10px 24px; }

/* --- HOMEPAGE ACCORDION FORM --- */

.help_block { margin-top: 5px; padding: 3px; color: #fff; background: #ff747d; }

/* --- BREADCRUMBS --- */

.sub-banner .banner-img { width: 100%; }
.sub-banner .detail { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.32); padding: 24px 0 28px 0; }
.sub-banner .detail ul {}
.sub-banner .detail ul li { float: left; background: url(../images/paging-arrow.png) no-repeat right 9px; padding: 0 20px 0 0; margin: 0 12px 0 0; }
.sub-banner .detail ul li:last-child { background: none; }
.sub-banner .detail ul li a { color:#333; }

/* --- PAGE SET-UP --- */

.dark-back { background: #f5f5f5; padding: 20px 0; }
.light-back { background: #fff; }
.form-dark-back { background: #f5f5f5; padding: 20px;}
.grey-back { background:#d0d0d0; }
.welcome-2 { padding: 30px 0; }
.main-title { padding-bottom: 20px; }
.main-title h1 span { font-weight:100; }
.welcome-2 .welcome-detail h1 span { font-weight: 100; }
.welcome-2 .welcome-detail h2 span { font-weight: 100; }
.welcome-2 .welcome-detail h3 span { font-weight: 100; }
.welcome-2 .welcome-detail h4 span { font-weight: 100; }
.welcome-2 .welcome-detail h5 span { font-weight: 100; }
.welcome-2 .welcome-detail h6 span { font-weight: 100; }
.welcome-2 .welcome-detail ul { margin: 20px 0 0 20px; }
.welcome-2 .welcome-detail ul li { list-style: disc; margin-left: 30px; font-size: 20px; line-height: 44px; }
.welcome-2 .welcome-detail ul li span { font-size: 20px; color: #02ADC6; }
.welcome-2 .welcome-detail a {
  transition: color .4s;
  color: #265C83;
  text-decoration: underline;
  font-weight: 400;
}
.welcome-2 .welcome-detail a:link,
.welcome-2 .welcome-detail a:visited { color: #265C83; }
.welcome-2 .welcome-detail a:hover   { color: #7FDBFF; }
.welcome-2 .welcome-detail a:active  {
  transition: color .3s;
  color: #007BE6;
}

/*..... CALL TO ACTION BLOCK .....*/
/*..... DR QUOTE ......*/
.dr-quote{ background:url(../images/truck_cartel_cta.png); height:400px; width:100%;  text-align: center;}
.dr-quote span.quote{ font-size:48px; font-family: 'Raleway', sans-serif; font-weight:800; color:#fff;   display: inline-block; margin:7% 0 0 0;}
.dr-quote span.name{  color: #fff;  font-size: 18px;  font-style: italic;  margin: 13px 0 0 0;  display: inline-block;}
.dr-quote div.button{  margin: 16px 0 0 0;  text-align: center; }
.dr-quote a{ color: #fff; }

@media only screen and (max-width: 768px) {
	.dr-quote{ display: none; }
	.time-table-sec { display: none; }
}

@media only screen and and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.dr-quote{ display: none; }
}



/*..... LATEST NEWS ......*/
.latest-news{ padding:90px 0; }
.latest-news .post{}
.latest-news .post .detail{ background:#fff; padding: 20px; position:relative;}
.latest-news .post .detail img{width: 56px !important; position: absolute; top: 0; border-radius: 100% !important; border: solid 4px #fff; margin: -28px 0 0 0;}
.latest-news .post .detail h4{ font-weight:400; margin:25px 0 0 0;}
.latest-news .post .detail p{ margin:4px 0 0 0;}
.latest-news .post .detail span{ color:#727272; font-size: 16px;  margin: 22px 0 0 0;  display: inline-block;}
.latest-news .post .detail span.comment{ float:right;}
.latest-news .post .detail span i{font-size: 22px;  float: left;  margin: 0 8px 0 0;}
.latest-news .post .detail a{color:#727272; display: block;}

/* --- BLOG --- */

.news-posts{ padding:30px 0 30px 0;}
.news-posts .news-sec{ margin: 0 0 90px 0;}
.news-posts .news-sec .detail{ margin:5px 0 0 0;}
.news-posts .news-sec .detail span{ font-size:20px; color:#828282;}
.news-posts .news-sec .detail h3{ color: #222222;  font-weight: 600;  text-transform: none;  margin: 12px 0 0 0; }
.news-posts .news-sec .detail p{ margin:5px 0 0 0;}
.news-posts .news-sec .detail a.read-more{background-color: #525866;  color: #fff;  text-transform: uppercase;  display: inline-block;  margin: 15px 0 0 0;
  padding: 14px 40px; font-family: 'Raleway', sans-serif;   font-weight: 600;  font-size: 15px;}
.news-posts .recent-posts{}
.news-posts h6.bar-title{   background: #525866; font-weight: 500;  color: #fff;  padding: 14px 24px;  display: block;}
.news-posts .recent-posts .post-sec{ margin:35px 0 0 0;}
.news-posts .recent-posts .post-sec img{ width:82px; float:left; margin:0 22px 0 0;}
.news-posts .recent-posts .post-sec a.title{font-family: 'Raleway', sans-serif;   font-weight: 600;  font-size: 20px; color:#222;}
.news-posts .recent-posts .post-sec span.date{  color: #ABABAB;  display: block;  margin: 5px 0 0 0;  font-size: 15px;}
.news-posts .categories{ margin:105px 0 0 0;}
.news-posts .categories ul{ margin:22px 0 0 0;}
.news-posts .categories ul li{float: left;  width: 100%;  line-height: 39px;}
.news-posts .categories ul li a{  color: #555555;  font-size: 20px;}
.news-posts .categories ul li a i{  font-size: 28px;    margin: 7px 4px 0 0;  float: left;}
.news-posts .tags{ margin:75px 0 0 0;}
.news-posts .tags .all-tags{ margin:30px 0 0 0;}
.news-posts .tags .all-tags a{  color: #555555;  border: solid 1px #c8c8c8;  display: inline-block;  padding: 10px 23px;  margin: 0 0 6px 2px;}
.news-posts .tags .all-tags a:hover{ color: #fff; background:#525866; border: solid 1px #525866;}
.news-posts .search{ background:#525866; margin:75px 0 20px 0; padding:24px;}
.news-posts .search input[type=text]{  width:88%;  padding: 14px 12px;  color: #747474;  font-style: italic; border:none;}
.news-posts .search button{ width:12%;  float: right;  background-color: #fff;  padding:8px 10px 9px 10px;   border:none;  margin: 0 0px 0 0; color:#333;}
.news-posts .search button:hover{background-color: #02adc6; color:#fff; }

#pager-holder {
	margin: 15px auto;
	text-align: center;	
}

.nav-links {
    display: inline-block;
}

.nav-links .page-numbers {
    color: #333;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
}

.nav-links .current {
    background-color: #525866;
    color: #fff;
}

.nav-links .page-numbers:hover {
	background-color: #ececec;
    color: #333;
}

.nav-links .prev,  .nav-links .next {
	display: none;
}

.post-navigation {
	margin: 10px 0;
}

.nav-post-link {
	padding: 10px 0;
}


/*..... BLOG MASONARY ......*/
.news-masonary{ padding:90px 0;}
.news-masonary .border{ border:solid 1px #cecece; padding:4px; margin:0 0 40px 0;}
.news-masonary .news-sec{  border: solid 1px #cecece;  padding: 20px;}
.news-masonary .news-sec span{ font-size:18px;}
.news-masonary .news-sec h5{ margin:8px 0 0 0; display:inline-block;}
.news-masonary .news-sec p{ margin:5px 0 0 0;}
.news-masonary .news-sec a{color:#525866; font-size:20px; text-decoration:underline; font-style:italic; margin:15px 0 10px 0; display:inline-block; font-weight:600;}
.news-masonary .news-sec .detail{ margin:25px 0 0 0;}


/*..... BLOG TEXT POSTS ......*/
.text-posts{ padding:90px 0; text-align:center; }
.text-posts .post-sec{ width: 75%;  display: inline-block; margin:0 0 140px 0;}
.text-posts .post-sec a.title{ font-weight:300;   width: 75%;  display: inline-block; font-size:42px; font-family: 'Raleway', sans-serif; color:#222;}

.text-posts .post-sec p{ margin:30px 0 0 0;}
.text-posts .post-sec p a{ font-weight:bold;}
.text-posts .post-sec p a:hover{ color:#222;}
.text-posts .post-sec ul{margin: 42px 0 0 0;}
.text-posts .post-sec ul li{  display: inline-block; margin: 0 0 0 18px;}
.text-posts .post-sec ul li img{ width:42px; border-radius:100%;}
.text-posts .post-sec ul li span{ color:#727272; font-size:22px; margin:0 10px;}
.text-posts .post-sec ul li i{   color: #858585;  font-size:26px; margin:4px 0 0 0; float:left;}
.text-posts .post-sec ul li a{display:block;}
.text-posts .next-pre .prev{ float:left; color:#727272; font-size:22px;}
.text-posts .next-pre .next{ float:right; color:#727272; font-size:22px;}
.text-posts .next-pre i{   font-size: 40px;  margin:-4px 0px 0 0;}
.text-posts .next-pre i.icon-chevron-small-left {  float: left;}
.text-posts .next-pre i.icon-chevron-small-right {  float: right;}

.next-pre { margin-bottom: 10px; }
.next-pre .prev{ float:left; color:#727272; font-size:22px;}
.next-pre .next{ float:right; color:#727272; font-size:22px;}
.next-pre i{   font-size: 40px;  margin:-4px 0px 0 0;}
.next-pre i.icon-chevron-small-left {  float: left;}
.next-pre i.icon-chevron-small-right {  float: right;}


/*..... BLOG DETAIL PAGE ......*/
.news-posts .news-detail{ margin: 0 0 0 0;}
.news-posts .news-detail .detail{ margin:35px 0 0 0;}
.news-posts .news-detail .detail span.date{ font-size:20px; color:#828282;}
.news-posts .news-detail .detail h3{ color: #222222;  font-weight: 600;  text-transform: none;  margin: 12px 0 0 0; }
.news-posts .news-sec .detail h3 a, .news-posts .news-sec .detail h3 a:visited { color: #222222;  text-decoration: none; }
.news-posts .news-sec .detail h3 a:hover{ color: #222222;  text-decoration: underline; }
.news-posts .news-detail .detail p{ margin:5px 0 0 0;}
.news-posts .news-sec .detail a.more-link{background-color: #525866;  color: #fff;  text-transform: uppercase;  display: inline-block;  margin: 15px 0 0 0; padding: 14px 40px; font-family: 'Raleway', sans-serif;   font-weight: 600;  font-size: 15px;}
.news-posts .news-detail .quote {  display: inline-block;  margin: 48px 0 36px 0;}
.news-posts .news-detail .quote span{ font-size:24px; font-family: 'Raleway', sans-serif; color:#818080;   float: left;  margin: 1px 0 0 0;}
.news-posts .news-detail .quote img{ width:26px; float:left; margin: 0 20px 0 0;}
.news-posts .share-post{ border:solid 1px #c8c8c8;   padding: 20px; margin:40px 0 0 0;}
.news-posts .share-post span{ font-size:22px; color:#222; font-family: 'Raleway', sans-serif; font-weight:600;}
.news-posts .share-post .social-icons{ float:right; margin:3px 0 0 0;}
.news-posts .share-post .social-icons a{   color: #434a5a;  border: solid 1px #434a5a;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px;}
.news-posts .share-post .social-icons a.fb:hover{   background: #5c85ce;  border: solid 1px #5c85ce; color:#fff; }
.news-posts .share-post .social-icons a.tw:hover{   background: #02c0f2;  border: solid 1px #02c0f2; color:#fff; }
.news-posts .share-post .social-icons a.gp:hover{   background: #eb6850;  border: solid 1px #eb6850; color:#fff; }
.news-posts .share-post .social-icons a.vimeo:hover{   background: #68d4ee;  border: solid 1px #68d4ee; color:#fff; }
.news-posts .comments-sec{ margin:75px 0 0 0;}
.news-posts .comments-sec h3{ text-transform: capitalize;  font-weight: 600;}
.news-posts .comment-box{ border:solid 1px #c8c8c8; padding:15px; margin:0 0 18px 0;}
.news-posts .comment-box img{  width: 12%;  float: left;}
.news-posts .comment-box .detail{  width: 85%;  float: right;}
.news-posts .comment-box .detail a{   background: #525866;  color: #fff;  padding: 5px 14px;  position: absolute;  right: 40px;}
.news-posts .comment-box .detail span.name{font-size:20px; color:#222; font-family: 'Raleway', sans-serif; font-weight:600;}
.news-posts .comment-box .detail span.date{ font-size:16px; color:#555555; display: block;}
.news-posts .comment-box .detail p{ margin:10px 0 0 0;}
.news-posts .comment-box .reply-comment{ background: #F7F7F7;  margin: 20px 0 0 0;}
.news-posts .all-comments{ margin:35px 0 0 0;}
.news-posts .leave-reply{ margin:72px 0 90px 0;}
.news-posts .leave-reply h3{ text-transform: capitalize;  font-weight: 600; }
.news-posts .leave-reply .form{ margin:35px 0 0 0;}
.news-posts .leave-reply .form input[type=text]{  width: 32%;  padding: 0 12px;  border: solid 1px #b1b1b1;  height: 48px; margin:0 12px 0 0;}
.news-posts .leave-reply .form input[type=text].last{ margin:0px;}
.news-posts .leave-reply textarea {  width: 100%;  height: 220px;  padding: 12px 12px; margin:16px 0 0 0;}
.news-posts .leave-reply .form input[type=submit] { border: none; background-color: #434A5A; color: #fff; padding: 14px 35px; text-transform: uppercase;  font-weight: 700; cursor: pointer; margin: 12px 0 0 0;}
.news-posts .leave-reply .form ::-webkit-input-placeholder { /* WebKit browsers */    color:#222;}
.news-posts .leave-reply .form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:#222;}
.news-posts .leave-reply .form ::-moz-placeholder { /* Mozilla Firefox 19+ */   color:#222;}
.news-posts .leave-reply .form :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#222;}



.center-button { text-align: center; }

/* --- FOOTER --- */
.footer { background: #434a5a; border-top: solid 6px #373e4c; }
.footer .emergency { text-align: center; margin: 70px 0 0 0; }
.footer .emergency i { color: #fff; display: block; font-size: 65px; }
.footer .emergency .text { margin: 25px 0 0 0; font-size: 18px; font-family: 'Raleway', sans-serif; font-weight: 800; color: #fff; display: block; text-transform: uppercase; }
.footer .emergency .number {  margin: 6px 0 0 0;  display: block;  color: #fff;  font-size: 50px;  font-weight: 800; }
.footer .emergency .number a {  color: #fff; }
.footer .emergency img { margin: 10px 0 0 0; width: 960px; }

.main-footer{ padding:70px 0;}
.main-footer .useful-links{  float: left;}
.main-footer .title h5{   color: #fff;  text-transform: uppercase;  border-bottom: solid 1px #fff;  padding: 0 0 12px 0;  display: inline-block;
  margin: 0px 0 -1px 0;  float: left;}
.main-footer .title{   border-bottom: solid 1px #999;  padding: 0 0 0 0;  float: left;  width: 100%;}
.main-footer .detail{ margin:38px 0 0 0; float:left;} 
.main-footer .useful-links ul li{   background: url(../images/links-arrow-light.png) no-repeat 0 9px;  margin: 0 0 16px 0;   float: left;  width: 50%;}
.main-footer .useful-links ul li a{   color: #fff;  margin: 0 0 0 20px;  font-size: 18px;}
.main-footer .blog-links ul li{   margin: 0 0 16px 0;   float: left;  width: 100%;}
.main-footer .blog-links ul li a{   color: #fff;  margin: 0;  font-size: 14px;}
.main-footer .tweets{  width: 100%;  float: left;  margin: 0 0 28px 0;}
.main-footer .tweets .icon{ float:left;}
.main-footer .tweets .icon i{ font-size:35px;   margin: 0 0 0 0;}
.main-footer .tweets .text{ float:right; width:84%;}
.main-footer .tweets .text p{ color:#fff; font-size:17px;}
.main-footer .tweets .text a{ color:#fff; font-weight:700;}
.main-footer .tweets .text span{ font-size:14px; color:#c7c9ce; margin:5px 0 0 0;   display: inline-block;}
.main-footer .newsletter {}
.main-footer .newsletter .signup-text{}
.main-footer .newsletter .signup-text i{   color: #fff;  font-size: 28px;  float: left;  margin:6px 12px 0 0; -webkit-transform: rotate(-40deg);    -moz-transform: rotate(-40deg);    -ms-transform: rotate(-40deg);    -o-transform: rotate(-40deg);    transform: rotate(-40deg);}
.main-footer .newsletter .signup-text span{color:#fff;}
.main-footer .newsletter .form{ margin:10px 0 0 0;}
.main-footer .newsletter .form input[type=text]{ background: #373e4c;  border: solid 1px #7b8498;  border-radius: 5px;  width: 100%;  color: #fff;  padding: 10px 14px;  font-size: 14px;  margin: 0 0 9px 0;}
.main-footer .newsletter .form input[type=submit]{ background: #fff;  border: none;  text-transform: uppercase;  color: #373e4c;  font-weight: 700;  font-size: 14px;  padding: 10px 25px;  border-radius: 5px;}
.main-footer .newsletter .form input[type=submit]:hover{ color:#fff; }

.main-footer .get-touch .text{ color:#fff;}
.main-footer .get-touch ul{ margin:20px 0 0 0; }
.main-footer .get-touch ul li{ margin:0 0 20px 0;}
.main-footer .get-touch ul li i{ color:#fff;   float: left;  font-size: 26px;  margin:0 9px 0 0;}
.main-footer .get-touch ul li span{ color:#fff; font-size: 18px;}
.main-footer .get-touch ul li a{color:#fff; font-size: 18px; display:block;}


.footer-bottom{ background:#373e4c;   padding: 24px 0;}
.footer-bottom .copyrights{ float:left; color:#fff; margin:3px 0 0 0; font-size:14px;}
.footer-bottom .social-icons{ float:right;}
.footer-bottom .social-icons a{   color: #fff;  border: solid 1px #fff;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px;}
.footer-bottom .social-icons a.fb:hover{   background: #5c85ce;  border: solid 1px #5c85ce;  }
.footer-bottom .social-icons a.tw:hover{   background: #02c0f2;  border: solid 1px #02c0f2;  }
.footer-bottom .social-icons a.gp:hover{   background: #eb6850;  border: solid 1px #eb6850;  }
.footer-bottom .social-icons a.vimeo:hover{   background: #68d4ee;  border: solid 1px #68d4ee;  }

/*..... BACK TO TOP ......*/

.cd-top {  display: inline-block;  height: 44px;  width: 44px;  position: fixed;  bottom: 20px;  right: 16px;  overflow: hidden;  white-space: nowrap;  background: url(../images/back-top.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  border-radius: 100%; z-index: 10000;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {  /* the button becomes visible */  visibility: visible;  opacity: 0.4;}
.no-touch .cd-top:hover {  background-color: #e86256;  opacity: 1;}
.cd-top:hover {  opacity: .8;}