/*   
Theme Name: We Buy Web Shop
Theme URI: http://www.webuywebshop.com/
Description: 
Author: Admin
Author URI: http://www.webuywebshop.com/
*/

html{}
body{
font-family: 'OpenSans-Regular';color: white;
}
@font-face {
font-family: 'OpenSans-Regular';
  src: url('fonts/OpenSans-Regular.eot');
  src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/OpenSans-Regular.woff') format('woff'),
      url('fonts/OpenSans-Regular.ttf') format('truetype'),
      url('fonts/OpenSans-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
font-family: 'OpenSans-Bold';
  src: url('fonts/OpenSans-Bold.eot');
  src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/OpenSans-Bold.woff') format('woff'),
      url('fonts/OpenSans-Bold.ttf') format('truetype'),
      url('fonts/OpenSans-Bold') format('svg');
      font-weight: normal;
      font-style: normal;

}
@font-face {
font-family: 'OpenSans-SemiBold';
  src: url('fonts/OpenSans-Semibold.eot');
  src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
      url('fonts/OpenSans-Semibold.woff') format('woff'),
      url('fonts/OpenSans-Semibold.ttf') format('truetype'),
      url('fonts/OpenSans-Semibold') format('svg');
      font-weight: normal;
      font-style: normal;

}
p{
		line-height: 25px;
}

.top_nav{
	background: #0163d1;
	color: #ffffff;
	font-family: 'OpenSans-Regular';
	font-size: 14px;
}
.top_nav ul li{
	list-style: none;
	display: inline;
	margin-right: 25px;
}
.top_nav ul li a{
	color: #fff;
}

.navbar-nav{
	margin-left: 0px !important;
	font-size: 14px;
}

.topbar{
	 float: left;
    width: 100%;
    color: #727981;
    font-size: 14px;
}
.topbar p{
	float: right;
}
.topbar ul{
	padding-left: 0px;
    float: right;
    margin: 2px 0px 0px 0px;
}
.topbar ul li {
	list-style: none;
    display: inline;
    margin: 0px 0px 0px 12px;
}
.topbar ul li a{
	color: inherit;
}

.search-wrap{
	font-size: 14px;
}
.search-wrap div{
	float: right;
    padding: 3px 10px 3px 10px;
    border: 1px solid #72757c;
    border-radius: 25px;
}

.search-wrap div ul{
	margin: 3px 0px 0px 40px;
    padding: 0px;
    float: right;
}

.search-wrap div ul li{
	display: inline;
    margin: 0px 0px 0px 10px;
}

.search-wrap .search{
	float: right;
    color: #000;
    margin: 0px;
}
.search-wrap .search i{
	 color: #0b3379;
}




#navbarNav .nav-link{
	color:#82878d;
}

#navbarNav .active > .nav-link{
	color: #d81818;
}
#navbarNav ul li {
	margin-left: 0px;
	color: #000;
	padding: 5px 20px 5px 0px;
}
#navbarNav ul .active {
	color: #0795e7;
    border-radius: 5px;

}
#navbarNav ul li a {
	color: inherit;
	text-transform: none;
	text-decoration: none;
}
.header-contact{
	color: #d81818;
    float: right;
    font-size: 20px;
    margin: 0px 0px 0px 17px;
    border: 1px solid #999999;
    border-width: 0px 0px 0px 1px;
    padding: 0px 0px 0px 10px;
}
.header-contact small{
	font-weight: 100;
    color: #999999;
}
.header-contact p{
	font-family: 'OpenSans-Bold';
    margin: -8px 0px 0px 0px;
}

.hero{
	height: 635px;
   /* background-image: url(./images/indexbanner.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.inner-hero{
	height: 480px;
    background-image: url(./images/innerbanner.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.hero-text{
	margin-top: 70px;
}
.hero-text h1{
	font-family: 'OpenSans-Regular';
	text-transform: ;
	font-size: 40px;
}
.hero-text p{
	font-family: 'OpenSans-Regular';
	font-size: 16px;
}
.inner-hero .hero-text{
	background: transparent;
	margin-top: 100px;
	text-align: left;
}
.inner-hero .hero-text h1{
	font-size: 45px !important;
	font-family: 'OpenSans-Regular' !important;
	text-transform: capitalize !important;
}



/*  section */


.section{

}

/* heading */
.section h1{ font-size:65px; } 
.section h2{ font-size:50px; }
.section h3{ font-size:30px; }
.section h4{ font-size:20px; }
.section h5{ font-size:18px; }

/* heading */

.section p{ font-size:14px;  }


/* color */
.section .c-white { color:#fff; }
.section .c-black { color:#000; }
.section .c-violet{ color:#083682; }
.section .c-1{color: #696565;}


/* font-family */
.section .ff-regular  { font-family: 'OpenSans-Regular';  }
.section .ff-bold	  { font-family: 'OpenSans-Bold'; 	 }
.section .ff-semibold { font-family: 'OpenSans-SemiBold'; }

.section .tt-upper { text-transform: uppercase; }
.section .tt-lower { text-transform: lowercase;  }


.section .buttonOne{
	color: #fff;
    border: none;
    width: 170px;
    height: 50px;
    background: #0795e7;
    border-radius: 40px;
}
.section input{
	border: none;
    height: 45px;
    background: #ffffffeb;
    border-radius: 0px;
}
.section textarea{
	border: none;
    background: #ffffffeb;
    border-radius: 0px;
}


.bs-cover{background-size: cover;}
.br-norepeat{background-repeat:no-repeat; }
.bg-color1{background: #000000;}
.bg-color2{background: #ffffff;}
.bg-color3{background: #093479;}
.bg-color4{background: #e8f0f3;}

.custom-border{
    border: 1px solid #d3d3d4;
    border-width: 0px 0px 1px 0px;
    padding-bottom: 40px;
}




/* section */


/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/
    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: right;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }



.lr-nav{
	margin-top: 160px;
}
.lr-nav .l{
	    color: #fff;
    background: #0000003d;
    width: 40px;
    height: 40px;
    padding: 7px 0px 0px 11px;
    border-radius: 50px;
    float: left;
    font-size: 18px;
    margin: 0px 10px 0px 0px;
}

.lr-nav .r{
	   color: #fff;
    background: #0000003d;
    width: 40px;
    height: 40px;
    padding: 7px 0px 0px 16px;
    border-radius: 50px;
    float: left;
    font-size: 18px;

}














.about-section .bluebox{
	background: #0163d1;
	color: #fff;
}
.about-section .bluebox h2{
	font-family: 'OpenSans-SemiBold';
	font-size: 35px;
}
.about-section .bluebox p{
	font-family: 'OpenSans-Regular';
	font-size: 14px;
}
.about-section .whitebox{
	background: #fff;
}
.about-section .whitebox h2{
	font-family: 'OpenSans-SemiBold';
	font-size: 20px;
	color: #333333;
}
.about-section .whitebox p{
	font-family: 'OpenSans-Regular';
	font-size: 14px;
	color: #5c5a5a;
	text-align: justify;
}







.custom-btn{
	color: #fff;
    border: none;
    width: 170px;
    height: 50px;
    background: #0795e7;
    border-radius: 30px;
}
.custom-btn1{
	color: #fff;
    border: none;
    width: 170px;
    height: 50px;
    background: #093479;
    border-radius: 0px;
}


.our-services h2{
	font-size: 35px;
	font-family: 'OpenSans-Bold';
	color: #212121;
}
.our-services .box{
    /*border: 2px solid #ececec; */
}
.our-services .box i{
	float: left;
    margin-bottom: 50px;
    margin-right: 10px;
}
.our-services h5{
	font-size: 20px;
	font-family: 'OpenSans-Bold';
	color: #2e2e2e;
}
.our-services p{
	color: #777879;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}
.custom-icon{
	color: #1d2125;
    border: none;
    width: 65px;
    height: 65px;
    /* background: #0163d1; */
    border-radius: 60px;
    padding: 15px 0px 0px 15px;
    font-size: 50px;
}



.introduction{
	background: #eff3f7;
}
.introduction h2{
	font-size: 30px;
	font-family: 'OpenSans-Bold';
	color: #ffffff;
	text-transform: uppercase;
}
.introduction p{
	font-size: 14px;
	font-family: 'OpenSans-Regular';
	color: #a4a4a4;
}

	.introduction .homeintro-left{
		background-repeat: no-repeat;
		background-size: cover;
	}
	.introduction .homeintro-left h2{
		font-size: 48px;
		color: #212429;
		margin-left: 50%;
	}
 	.introduction .homeintro-right h2, 
 	.introduction .homeintro-right p{
		padding-right: 50%;
	}


.our-works h2{
	font-size: 30px;
	font-family: 'OpenSans-Bold';
	color: #232323;
	
}
.our-works p{
	color: #777879;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}
.our-works .card{
	border:none;
}
.our-works .card img{
	border-radius: 0px;
}
.our-works h5{
	color: #2a2a2a;
	font-size: 18px;
	font-family: 'OpenSans-Bold';
}


.how-it-works h2{
	color: #2a2a2a;
	font-size: 35px;
	font-family: 'OpenSans-Bold';
}
.how-it-works h5{
	color: #2a2a2a;
	font-size: 20px;
	font-family: 'OpenSans-Bold';
}
.how-it-works.muted h5{
	color: #0c4196 !important;
}
.how-it-works p{
	font-size: 14px;
	font-family: 'OpenSans-Regular';
	color: #646566;
}





.client{
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover; 
}
.client h2{
	font-size: 30px;
	font-family: 'OpenSans-Bold';
	color: #ffffff;
}
.client p{
	font-size: 14px;
	font-family: 'OpenSans-Regular';
	color: #ffffff;
}
.client .qoute{
	margin-top: -294px;
    float: right;
    position: relative;
}

.client .navigation li{
	display: inline-block;
    background: #387ec7;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.client .navigation li.active{
	background: #fff;
}



.card h5{
	font-size: 18px;
	font-family: 'OpenSans-Bold';
	color: #3d4043;
}
.card p{
	color: #777879;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}
.card small{
	color: #707070;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}
.card h4{
	font-size: 30px;
	font-family: 'OpenSans-Bold';
	color: #3d4043;
}

.card .custom-btn{
	color: #fff;
	border:none;
	width: 145px;
	height: 45px;
	background: #0795e7;
	padding: 10px 30px;
}





.awards{
	background: url('./images/awardbackground.png');
	height: 286px;
	 background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.awards .underline-wrap{
	width: 100%;
    float: left;
    padding: 0px 50px;
    margin: 10px 0px;
}
.awards h2{
	font-size: 35px;
	font-family: 'OpenSans-SemiBold';
	    margin-top: 120px;
}
.awards center h2{
	font-size: 40px;
	font-family: 'OpenSans-SemiBold';
	    margin-top: 100px;
}
.awards center p{
	font-size: 15px;
	font-family: 'OpenSans-SemiBold';
}

.awards .underline{
	width: 100%;
    background: #fff;
    height: 1px;
    float: left;
    align-items: center;
    text-align: center;
}

.news h2{
	font-size: 35px;
	font-family: 'OpenSans-SemiBold';
	color: #232323;
}
.news p{
	color: #777879;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}

.news .card{
	/*box-shadow: 0px 1px 34px -5px rgba(0,0,0,0.75);*/
	border-radius: 0px;
	border:none;
}
.news .card img{
	border-radius: 0px;
}

.review{
	background: url('./images/overviewbanner.png');
	height: 600px;
}
.review h2{
	font-size: 35px;
	font-family: 'OpenSans-SemiBold';
	color: #232323;
}
.review p{
	color: #777879;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}
.review small{
	color: #777879;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
}
.review i{
	color: #0163d1;
	font-size: 35px;
}

.previous {
   background-color: #0163d1;
   padding: 0px 15px 5px 15px;
   color: #fff;
   font-size: 30px;
}

.next {
   background-color: #303235;
   padding: 0px 15px 5px 15px;
   color: #fff;
   font-size: 30px;

  
}



footer{
	background: #093479;
	font-size: 14px;
	font-family: 'OpenSans-Regular';
	color: #fff;
}
footer p{
	font-size: 14px;
	font-family: 'OpenSans-Regular';
	margin:0px 0px 5px 0px;
	color: #fff;
}
footer ul li{
	list-style: none;
	display: inline;
	font-size: 15px;
	margin-left: 0px;
}
footer a{
	color: #fff;
}
footer h5{
	font-family: 'OpenSans-Bold';
    padding-bottom: 20px;
}
footer form input{
	border-radius: 0px !important;
	height: 50px;
}
footer form button{
	border-radius: 0px  !important;
	background: #0163d1;
	color: #fff  !important;
	font-weight: 700;
    font-family: Arial;
    width: 140px;
    height: 45px;
}
footer form .input-group-append{
	background: #0163d1;
	color: #fff;
}


footer p,footer li a{
	color: #fff;
}
footer .contact-icon{
	color:#0163d1;
}
.bottom_nav{
	background: #0163d1;
	color: #ffffff;
	font-family: 'OpenSans-Regular';
	font-size: 14px;
}
.quicklink ul {
	padding: 0px 0px 0px 0px;
    width: 100%;
    float: left;	
}
.quicklink ul li{
	display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 5px 0px;
    list-style: none;
}
.quicklink li {
  padding-left: 1.3em;
}
/*.quicklink li:before {
  content: "\f111"; 
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; 
  width: 1.3em;
  font-size: 7px;
}*/

.quicklink ul li a{
	text-transform: none;
	text-decoration: none;
	padding-left: 5px;
}
.quicklink.newsletter input{
    width: 100%;
    text-align: center;
    border-radius: 30px;
}
.quicklink.newsletter button{
    height: 45px;
    width: 100%;
    border-radius: 30px;
    background: #0193e8;
    color: #fff;
    border: none;
    margin: 10px 0px 0px 0px;
    font-weight: 700;
}




.social-icon li{
	background: transparent;
    border-radius: 30px;
    color: #1d2125;
    width: 33px;
    height: 33px;
    float: left;
    margin-left: 10px;
    padding: 1px 0px 0px 7px;
   /* border: solid 1px #fff;*/
}
.social-icon li a{
	color: #fff;
    font-size: 20px;
}


.pricing{
	background: #f6f6f5;
} 
.pricing .card-header{
	background: #d81818;
    border-radius: 0px;
} 
.pricing .card-header h4{
	color: #fff;
    text-transform: uppercase;
    font-size: 20px;
} 
.pricing .pricing-card-title{
     color: #d81818;
    font-weight: 700;
    font-family: 'OpenSans-Bold';
    font-size: 30px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 35px;
}
.pricing .pricing-card-title span{
	font-size: 65px;
}
.pricing .pricing-card-subtitle{
	background: #1d2125;
    font-family: 'OpenSans-Bold';
    font-size: 21px;
    float: left;
    width: 100%;
}
.pricing ul li{
	text-align: center;
	width: 100%;
	color: #343434;
	padding: 15px 0px 15px 0px;
	    font-size: 14px;
}
.pricing ul li:nth-child(even){
	background: #f6f6f5;
}
.pricing ul li:nth-child(odd){
	background: #e8e9f1;
	
}
.contact-form input{
	height: 50px;
}

.contact-form input, .contact-form textarea{
	border-radius: 0px;
	background: #f3f3f3;
    border: none;
}


.caption{
	margin-top: -200px;
}