/*
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START ABOUT DETAILS DESIGN
    07. START COUNT DOWN DESIGN
    08. START VIDEO DESIGN
    09. START HOW TO BUY DESIGN
    10. START REQUEST CALL BACK DESIGN
    11. START BITCOIN PRICE DESIGN
    12. START WHAT WE DO DESIGN
    13. START TEAM DESIGN
    14. START BLOG DESIGN
    15. START SHOP PAGE DESIGN
    16. START CONTACT DESIGN
    17. START FOOTER TOP AND BOTTOM DESIGN
    18. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #555;
font-family: 'Ubuntu', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 30px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif; }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #005ddc;
    border-right: 8px solid #005ddc;
    border-bottom: 8px solid #005ddc;
    border-left: 8px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.status-mes h4 {
color: #edf3fe;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 60px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h1 {
font-size: 40px;
font-weight: 600;
margin-top: 0;
position: relative;
text-transform: uppercase;
}
h1.section-title-white{
font-size: 40px;
font-weight: 500;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #005ddc none repeat scroll 0 0;
border-radius: 2px;
display: block;
height: 4px;
margin: 20px auto;
width: 60px;
}
.section-title-white-span{background: #fff !important;}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:768px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #005ddc none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #005ddc !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #005ddc !important;
    background-color: transparent;
}
.navbar-nav {
  float: left;
  margin: 7px 0 0;
}
.navbar-brand {
height: auto;
padding: 0;
 }
.navbar-brand img {
padding-top: 5px;
width: 150px;
}
@media only screen and (max-width:768px) { 
.navbar-brand img {
    margin-left: 10px;
}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff;
margin-top: 0px;
}
@media only screen and (max-width:480px) { 
.navbar-default .navbar-collapse, .navbar-default .navbar-form {padding-bottom:30px;}
}
.menu-top { background:#fff }
.navbar-default .navbar-nav > li > a {
  color: #333;
}
.menu-top li a {
color: #333;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
}
.menu-top li a:hover { color: #005ddc!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a {color:#333  !important }
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #333 !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #005ddc !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #005ddc }

.block-menu{
background: #005ddc none repeat scroll 0 0;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff!important;
display: inline-block;
margin-top: 0;
padding:14px 30px!important;
transition: all 0.3s ease 0s;
}
.block-menu:hover, .block-menu:focus{
background: #fff none repeat scroll 0 0!important;
color: #333!important;}
.navbar-default.menu-shrink li a.block-menu {background: #fff none repeat scroll 0 0!important; color:#333 !important; }

.navbar-default.menu-shrink li a.block-menu:hover { color:#333 !important; }
@media only screen and (max-width:480px) { 
    .navbar-default .navbar-nav > li > a.block-menu{color:#333  !important }
    .navbar-default .navbar-nav > li > a.block-menu:hover{color:#333  !important }
}

.menu_social {
  margin-top: 10px;
}
.menu_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.menu_social ul li { display: inline-block }
.menu_social ul li a i{
border-radius: 30px;
border:1px solid #eee;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 0 2px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
.facebook{color:#507cbe;}
.facebook:hover{background:#507cbe;color:#fff;border:1px solid #507cbe;}
.twitter{color:#00abef;}
.twitter:hover{background:#00abef;color:#fff;border:1px solid #00abef;}
.google{color:#d93e2d;}
.google:hover{background:#507cbe;color:#fff;border:1px solid #507cbe;}
.linkedin{color:#3371b7;}
.linkedin:hover{background:#3371b7;color:#fff;border:1px solid #3371b7;}
.youtube{color:#d12121;}
.youtube:hover{background:#d12121;color:#fff;border:1px solid #d12121;}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:768px) { 
#fw_al_004 {margin-top: 170px;}
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT  DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.about-content{
background:#f7f7f7;	
}
.single_about{
background:#fff;	
padding:40px;
box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
}
.single_about h3{
color: #2a2b2f;
font-size: 43px;
font-weight: 500;
line-height: 58px;
margin: 0;
}
@media only screen and (max-width:768px) { 
.single_about h3{
font-size: 36px;
line-height:40px;
}
}
.single_about p{margin-top:30px;}

/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT DESIGN
 * ----------------------------------------------------------------------------------------
 */

 
 /*
 * ----------------------------------------------------------------------------------------
 * 05.START HOW TO BUY DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .serviceBox{
border: 1px solid #eee;
border-radius: 5px;
overflow: hidden;
padding: 20px 25px;
position: relative;
text-align: right;
z-index: 1;
}
.serviceBox:before{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: #005ddc;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover:before{ left: 0; }
.serviceBox:after{
    content: "";
    width: 7px;
    height: 0;
    border-radius: 5px;
    background: #bef72e;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s ease 0s;
}
.serviceBox:hover:after{ height: 100%; }
.serviceBox .service-icon{
    color: #005ddc;
    margin-bottom: 10px;
    transition: all 0.5s ease 0s;
}
.serviceBox .service-icon i{ font-size: 30px; }
.serviceBox .title{
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    margin-right: 10px;
	transition: all 0.3s ease 0s;
}
.serviceBox:hover .title{color:#fff;}
.serviceBox .description{
    transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon,
.serviceBox:hover .description{ color: #fff; }
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}
 
 /*
 * ----------------------------------------------------------------------------------------
 * 05.END HOW TO BUY DESIGN
 * ----------------------------------------------------------------------------------------
 */

.currency_content{
background: #fafafa;
padding: 20px;
border-radius: 3px;	
}
.currency_content h3{
font-weight: 600;
font-size: 40px;	
}
.currency_content h5{
font-weight: 600;
color:#005bbc;
font-size: 26px;	
}
.currency_content p{margin-bottom:15px;}
 .cryptonatorwidget {
  border: 0!important;
  padding: 10px 0!important;  
}

.cryptonatorwidget input {
  border: 1px solid #eee;
  height: 50px!important;
  margin-bottom: 5px;
  padding: 5px;
}
.cryptonatorwidget select {
  border: 1px solid #eee;
  height: 50px!important;
  margin-left: 5px;
  margin-top: -3px;
} 
.cryptonatorwidget > div {
  display: none;
}
  /*
 * ----------------------------------------------------------------------------------------
 * 05.END TICKET DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.ticket-logo{
background: #f7f7f7 none repeat scroll 0 0;
overflow: hidden;
padding-top:60px;
padding-bottom:30px;
}
.ticker_item {
background-color: #fff;
border-radius: 3px;
box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.03);
line-height: 24px;
margin-bottom: 30px;
padding: 12px;
}
.ticker_item .name {
  color: #333;
  display: block;
  letter-spacing: 0.2px;
  margin-bottom: 5px;
}
.ticker_item .price {
  color: #333;
  display: block;
  letter-spacing: 0.2px;
  margin-bottom: 5px;
}
.ticker_item .change {
  display: block;
  letter-spacing: 0.2px;
}
.ticker_item .change--red {
  color: #f24529;
}
  /*
 * ----------------------------------------------------------------------------------------
 * 05.START TICKET DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 /*
 * ----------------------------------------------------------------------------------------
 * 04.START TEMPLATE FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */
.main_feature{padding-top:60px;
padding-bottom:40px;}
 .featureBox{
margin-bottom: 20px;
margin-left: 20px;
padding: 20px 20px 20px 60px;
position: relative;
transition: all 0.3s ease 0s;
}
.featureBox:hover{ background: #005bbc; }
.featureBox .feature-icon{
background: #f5f5f5 none repeat scroll 0 0;
bottom: 0;
font-size: 26px;
height: 60px;
left: -30px;
line-height: 60px;
margin: auto 0;
position: absolute;
text-align: center;
top: 0;
transform: rotate(45deg);
transition: all 0.3s ease 0s;
width: 60px;
}
.featureBox:hover .feature-icon{
    color: #005bbc;
    background: #fff;
}
.featureBox .feature-icon i{ transform: rotate(-45deg); }
.featureBox .feature-icon:after{
    content: "";
    width: 63px;
    height: 63px;
    border: 1px solid #e3e3e3;
    position: absolute;
    top: -4px;
    left: -4px;
    transition: all 0.3s ease 0s;
}
.featureBox:hover .service-icon:after{ top: 1px; }
.featureBox .feature_title{
font-size: 20px;
margin: 0 0 10px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.featureBox:hover .feature_title{color:#fff;}
.featureBox .feature_description{
    margin-bottom: 0;
    position: relative;
    transition: all 0.3s ease 0s;
}
.featureBox:hover .feature_description{color:#fff;}
@media only screen and (max-width:990px){
    .featureBox{ margin-bottom: 30px; }
}
 /*
 * ----------------------------------------------------------------------------------------
 * 04.END TEMPLATE FEATURES DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 
/*
 * ----------------------------------------------------------------------------------------
 * 08.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/ 
.video_section {
position: relative;
background-position: center top;
background-repeat: repeat-y;
padding: 150px 0;}
.video_section:before {
    background:rgba(0,0,0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.company_video h2{
color: #fff;
margin-bottom: 30px;}
.company_video a{
background: #fff none repeat scroll 0 0;
border-radius: 100px;
color: #005bbc;
display: block;
font-size: 30px;
height: 100px;
line-height: 100px;
margin: auto;
padding-left: 5px;
padding-top: 2px;
text-align: center;
width: 100px;	
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 08.START HOW IT WORKS DESIGN
 * ----------------------------------------------------------------------------------------
*/
.howitworks_section {
padding-top:60px;
padding-bottom:0px;
  background: #f7f7f7 none repeat scroll 0 0;
}
.howitworkBox{
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
margin: 60px 0 60px 20px;
padding: 30px;
position: relative;
}
.howitworkBox .howitworkBox-icon{
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 500px;
font-size: 30px;
height: 80px;
left: -25px;
line-height: 80px;
position: absolute;
text-align: center;
top: -55px;
transition: all 0.5s ease 0s;
width: 80px;
}
.howitworkBox:hover .howitworkBox-icon{
    color: #fff;
    background: #005bbc;
    border: 1px solid #005bbc;
}
.howitworkBox .howitworkBox_title{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}
.howitworkBox .howitworkBox_description{
    font-size: 15px;
    line-height: 27px;
}
@media only screen and (max-width: 990px){
    .howitworkBox{ margin-bottom: 80px; }
}

/*
 * ----------------------------------------------------------------------------------------
 * 08.END HOW IT WORKS DESIGN
 * ----------------------------------------------------------------------------------------
*/

 
/*
* ----------------------------------------------------------------------------------------
* 08. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area {
padding: 100px 0;
position: relative;
}
.complete-project-area:before {
    background: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
}
.single-project-complete{
    text-align: center;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
color: #fff;
font-size: 30px;
margin-bottom: 10px;
    
}
.single-project-complete h2 {
color: #fff;
font-size: 60px;
font-weight: 900;
margin-bottom: 15px;
}
.single-project-complete h3 {
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-top: 0;
text-transform: uppercase;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

 /*
 * ----------------------------------------------------------------------------------------
 * 05.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our_blog{background:#edf3fe;}
.post-slide{}
@media only screen and (max-width:480px) { 
.post-slide{margin-bottom:30px;}
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.08);
}
.post-slide .post-content{
    background: #fff;
    padding: 20px;
}
.post-slide .post-title{
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
    text-transform: capitalize;
}
.post-slide .post-title a{
    display: inline-block;
    color: #333;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    color: #005bbc;
    text-decoration: none;
}
.post-slide .post-description{
    margin-bottom: 14px;
}
.post-slide .post-bar{
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide .post-bar li{
    color: #555;
    padding: 2px 0;
}
.post-slide .post-bar li i{
    margin-right: 5px;
}
.post-slide .post-bar li a{
    display: inline-block;
    color: #555;
    transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after{
    content: ",";
}
.post-slide .post-bar li a:last-child:after{
    content: "";
}
.post-slide .post-bar li a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .read-more{
color: #005bbc;
display: inline-block;
font-weight: 700;
text-transform: uppercase;
transition: all 0.3s linear 0s;
}
.post-slide .read-more:hover{
    color: #333;
    text-decoration: none;
}
 /*
 * ----------------------------------------------------------------------------------------
 * 05.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
 

 /*
 * ----------------------------------------------------------------------------------------
 * 05.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .our-team{
border: 1px solid #eee;
margin: 5px 10px;
overflow: hidden;
position: relative;
text-align: center;
transition: all 0.3s ease-in-out 0s;
}
.our-team .pic:before{
    content: "";
    background: #000;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    opacity: 0.78;
    transform: scale(0);
    transition: all 0.3s ease-in-out 0s;
}
.our-team:hover .pic:before{
    transform: scale(1);
}
.our-team .pic img{
    width: 100%;
    height: auto;
}
.our-team .social{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 40%;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
.our-team:hover .social{
    opacity: 1;
}
.our-team .social li{
    display: inline-block;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}
.our-team .social li:nth-child(1){
    transform: translate3d(22px, -19px, 0px);
}
.our-team:hover .social li:nth-child(1){
    transform: translate3d(62px, -19px, 0px);
}
.our-team .social li:nth-child(2){
    transform: translate3d(36px, 38px, 0px);
}
.our-team:hover .social li:nth-child(2){
    transform: translate3d(36px, 8px, 0px);
}
.our-team .social li:nth-child(3){
    transform: translate3d(-18px, -75px, 0px);
}
.our-team:hover .social li:nth-child(3){
    transform: translate3d(-18px, -46px, 0px);
}
.our-team .social li:nth-child(4){
    transform: translate3d(-5px, -19px, 0px);
}
.our-team:hover .social li:nth-child(4){
    transform: translate3d(-43px, -19px, 0px);
}
.our-team .social li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #005bbc;
    font-size: 16px;
    color: #fff;
    margin: 0 15px 0 0;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
}
.our-team .social li a:hover{
    line-height: 35px;
    background: #fff;
    color: #333;
    transform: rotate(-45deg);
}
.our-team .social li a i{
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out 0s;
}
.our-team .social li a:hover i{
    transform: rotate(45deg);
}
.our-team .team-content{
    padding: 15px 10px;
    background: #fff;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}
.our-team .title{
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 12px 0;
}
.our-team small{
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
}
.our-team .team-layer{
    width: 100%;
    padding: 34px 10px;
    background: #f7f7f7;
    border-bottom: 2px solid #005bbc;
    position: absolute;
    bottom: -50px;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
.our-team:hover .team-layer{
    bottom: 0;
    opacity: 1;
}
.our-team .team-layer h4{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    transition: all 0.3s ease-in-out 0s;
}
.our-team .post{
    display: block;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 35px; }
}
.owl-theme .owl-controls {
  display: block!important;
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls{
    margin-top: 40px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #005bbc none repeat scroll 0 0;
border-radius: 30px;
opacity: 1;
padding: 5px 16px;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
 /*
 * ----------------------------------------------------------------------------------------
 * 05.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
 

 /*
* ----------------------------------------------------------------------------------------
* 15.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {background: #005ddc none repeat scroll 0 0; }
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
/*
* ----------------------------------------------------------------------------------------
* 15.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact{margin-bottom:0px;}
.contact input {
background:none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 30px;
box-shadow: none;
color: #333;
font-size: 16px;
font-weight: 400;
height: 50px;
padding: 10px 10px 10px 30px;
width: 100%;
}
.contact textarea {
background:none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 30px;
box-shadow: none;
color: #333;
padding: 10px;
width: 100%;
font-size:16px;
padding-left: 30px;
font-weight: 400;
}
.contact input:hover, .contact input:focus {
border: 2px solid #005ddc;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover, .contact textarea:focus {
border: 2px solid #005ddc;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #005ddc none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
outline: medium none;
padding: 15px 40px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    color: #fff;
}
.address_area{background:#edf3fe;}
.contact_address {
  padding-left: 100px;
  padding-top: 110px;
}
@media only screen and (max-width:768px) { 
.contact_address {
  padding-bottom: 60px;
  padding-left: 60px;
  padding-top: 60px;
}
}
.contact_address h3 {
font-weight: 500;
margin: 0 0 40px;
text-transform: uppercase;
}
.contact_address ul { list-style: none }
.contact_address ul li {
    font-size: 16px;
    margin-bottom: 15px;
}
.contact_address ul li i {
background: #005ddc none repeat scroll 0 0;
border-radius: 30px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
color: #fff ;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-right: 20px;
text-align: center;
width: 45px;
}
#map{height:500px;}
/*
* ----------------------------------------------------------------------------------------
* .END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 17.START FOOTER TOP AND BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_top{background:#19252e;}

.single_footer h4 {
  color: #fff;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.single_footer p {
  color: #fff;
}
.f_line {
  background: #fff none repeat scroll 0 0;
  border-radius: 2px;
  display: block;
  height: 2px;
  margin: 20px auto;
  width: 80px;
}
/*START NEWSLETTER FORM*/
.newsletter input {
	background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius:0px !important;
box-shadow: none;
color: #333;
font-size: 14px;
height: 50px !important;
}
.newsletter input:hover,
.newsletter input:focus {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}
.single_footer input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 0;
  color: #333;
  height: 52px;
  margin: 20px 0;
}
.btn-newsletter-bg {
background: #005ddc none repeat scroll 0 0;
border: 2px solid #005ddc;
border-radius: 0;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.5px;
padding: 12px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {padding: 7px 20px;}
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {margin-left:0px;  }
}
/*END NEWSLETTER FORM*/

.footer {
background-color: #22303b;
padding: 30px 0;
}
.footer_copyright p {
color: #fff;
font-size: 13px;
letter-spacing: 0.6px;
margin: 0;
text-transform: uppercase;
}
/*
* ----------------------------------------------------------------------------------------
* 17.END FOOTER TOP AND BOTTOM DESIGN
* ----------------------------------------------------------------------------------------
*/