/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/QoPu455RxV2raYSIFXAMBSEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v11/1ImRNPx4870-D9a1EBUdPPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

img{
  max-width: 100%;
}
p{
  -webkit-text-stroke: 0px!important;
}
h1, h2, h3, h4, h5 {
 font-family: "Raleway";
  font-weight: 800;  
}





.top_area{background: #b14441; line-height: 40px;}
.txt-right{text-align: right;}
.top_area p, .top_area a{display: inline-block; margin: 0 5px; font-size: 15px; color: #fff;}
.top_area i{color: #fff;}
.logo{margin-top: 18px; margin-bottom: 18px;}
.menu{background: #b14441; width:100%; height: auto; }
.pull-right{float: right;}
.call-us {border-right: 1px solid #efefef; margin-top: 13px;}
.call-us img {display: inline-block; margin-right: 15px; vertical-align: top;}
.call-us p {display: inline-block; font-size: 14px; }
.call-us span {display: block; font-weight: 600;}
.call-us span a{color: #333;}
.left-pull {margin-left: 121px;}
.quote{background: url("../images/free-quatoe-bg.png") no-repeat; margin-top: -11px; width: 216px; height: 55px;
float: right; padding-left: 10px; line-height: 55px; font-size: 16px; font-weight: 600; color: #333;}

.services_box{
  padding: 60px 0; 
}

.box{
  border:2px solid #ff6600;
  padding: 15px;
  box-sizing:border-box;
}

.box img {display: inline-block; margin-right: 10px;}
.box h4, .box p{display: inline-block;}
.content-area{margin: 25px 0;}

.social-list {
    float: none;
    margin: auto;
    width: 80%;
    padding-top: 4px;
}
.social-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-list li {
    float: left;
}
.social-list li a {
    text-decoration: none;
}
.social-list li a i {
    display: block;
    font-size: 1em;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 34px;
    color: #fff;
    text-decoration: none;
    margin-left: 12px;
}

.social-list li:nth-child(1) a i:hover{
  background: #F70000;
  color: #fff;
}

.social-list li:nth-child(2) a i:hover{
  background:#365899;
  color: #fff;
}

.social-list li:nth-child(3) a i:hover{
  background:#9B3492;
  color: #fff;
}

.social-list li:nth-child(4) a i:hover{
  background:#0177B5;
  color: #fff;
}
.todobox-v2 {
    background-position: center;
    background-size: cover;
    height: 296px;
}
.todobox-bg-1 {
    background-image: url('../images/box1.jpg');
}
.todobox-v2 .overlay {
    background: rgba(69, 64, 61, 0.6);
    position: relative;
    padding: 60px 15px 60px 15px;
    color: #fff;
    height: 100%;
    text-align: center;
}
.todobox-v2 .box-title {
font-size: 22px;
padding-top: 10px;
font-family: "Raleway";
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.6px;
margin-bottom: 15px;
}
.todobox-v2 .texts {
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}
.todobox-v2 .read-more {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 40px;
    padding: 0;
    height: 40px;
    background-color: #B14441;
    color: #fff;
    overflow: hidden;
    width: 70px;
}
.todobox-v2 .read-more, .todobox-v2 .read-more span, .todobox-v2 .read-more::before{
  -webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.todobox-v2 .read-more::before {
    content: "+";
    position: absolute;
    left: 25px;
    top: -2px;
    font-size: 28px;
    font-weight: 600;
}
.todobox-v2 .read-more::before {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.todobox-v2 .read-more span {
    position: absolute;
    left: 70px;
    font-size: 16px;
    top: 0;
    color: #fff;
}

.todobox-v2:hover .read-more {
    width: 120px;
}
.todobox-v2:hover .read-more::before {
    left: -20px;
}
.todobox-v2:hover .read-more span {
    left: 15px;
}

.todobox-bg-2 {
    background-image: url('../images/box2.jpg');
}

.todobox-bg-3 {
    background-image: url('../images/box3.jpg');
}
.todobox-v2 p.texts a{
  color: #fff;
}

.bg-madison {
    background: #3d3d3b;
    fill: #3d3d3b;
}

.padd-0 {
    padding: 0;
    position: relative;
}

.bg-one {
    width: 100%;
    height:660px;
    background: url(../images/my-story.jpg) center top no-repeat;
        background-size: auto auto;
    background-size: cover;
}

.detail-color {
   padding: 50px 80px 0px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.read-btn{
color: #fff;
display: inline-block;
margin-top: 20px;
background-color: #B14441;
border-color: #B14441;
position: relative;
padding: 15px 27px;
font-size: 16px;
line-height: 16px;
border-radius: 5px;
white-space: nowrap;
border-width: 2px;
transition: .3s;
backface-visibility: hidden;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.18);  
}

.read-btn:hover{
  background: #fff;
  color: #B14441;
  text-decoration: none;
}

.section-three{
  padding: 50px 0px;
  counter-reset: chooseus;
}

.content-three{
  padding: 50px 0px;
}

.text-counter{
  counter-reset: chooseus;
}

.section-three h2 {
  color: #3D3D3B;
    text-transform: uppercase;
    font-size: 36px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 0px;
}

.section-three h2 span{
  color: #B14441;
}

.content-three h2 {
  color: #3D3D3B;
    text-transform: uppercase;
    font-size: 36px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 0px;
}

.content-three h2 span{
  color: #B14441;
}

.choose-us-text {
    font-weight: 400;
    line-height: 1.4;
}
.choose-us-text {
    margin-bottom: 25px;
    position: relative;
    padding-left: 75px;
    display: block;
    width: 95%;
    vertical-align: top;
}
.choose-us-text::before {
    counter-increment: chooseus;
    content: counter(chooseus) ". ";
    position: absolute;
    left: 0;
    width: 40px;
    text-align: right;
    font-size: 50px;
    line-height: 1;
    font-family: serif;
    color: #B14441;
    top: 0;
    font-weight: 600;
    opacity: 99;
    font-style: italic;
    margin-top: -3px;
    left: 8px;
}

.section-three .read-btn {
    background: none;
    box-shadow: none;
    color: #3D3D3B;
    border: 2px solid #3D3D3B;
}

.section-three .read-btn:hover{
  color: #fff;
  background: #B14441;
  border: 2px solid #B14441;
}

.img-style {
  border: 1px solid #ddd;
}

footer{
  background: #3D3D3B;
  padding: 45px 0px 0px;
  color: #ccc;
}

.footer-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #ccc;
    border-bottom: 1px solid #2F2F2F;
    position: relative;
    padding-bottom: 12px;
    cursor: default;
}

.footer-title::before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 10%;
    height: 1px;
    background: #ccc;
    content: '';
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
.footer-social li{
  display:block;
  text-decoration: none;
  float:left;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 34px;
}
.footer-social li a{
  color: #B14441;
   font-size: 1.5em;
   transition: all 0.3s;
}
.footer-social li a:hover i{
  color: #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 34px;
}
.footer-social li:nth-child(1) a i:hover{
  background: #F70000;
  color: #fff;
}

.footer-social li:nth-child(2) a i:hover{
  background:#365899;
  color: #fff;
}

.footer-social li:nth-child(3) a i:hover{
  background:#9B3492;
  color: #fff;
}
.icon-wrapper {
    margin-bottom: 10px;
}
.icon-holder {
    float: left;
    position: relative;
    width: 35px;
    text-align: center;
    font-size: 18px;
    color: #B14441;
}

.icon-content-wrapper {
overflow: hidden;
}

.icon-content-wrapper p a{
  color: #ccc;
}

.footer-form textarea {
    width: 90%;
    height: 120px;
    background: rgba(0,0,0,0.6);
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
}

.footer-form .read-btn{
  border: 0px;
}

.footer-form .form-group{
  margin-bottom: 0px;
}

.copyright {
  background: #B14441;
  margin-top: 20px;
}

.copyright-wrapper {
    font-size: 15px;
    padding: 30px 0 20px;
}

.title-bg {
    background: url(../images/bg1.jpg) no-repeat;
    line-height: 20px;
    text-align: center;
    position: relative;
    background-size: cover!important;
    background-position: center;
}
.pattern {
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("../images/pattern.png");
}

.bg2{
     background: url(../images/bg2.jpg) no-repeat;
}
.bg3{
     background: url(../images/bg3.jpg) no-repeat;
}

.title-bg .pattern {
    padding: 100px 0px;
}
.title-bg .h1 {
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: "Raleway";
    font-size: 62px;
    font-weight: 800;
    text-transform: uppercase;
}

.h2-small {
    font-size: 30px !important;
}
.form-head {
    margin: 0 -10px 20px;
    overflow: hidden;
}
.form-head {
    margin: 0 -10px 20px;
    overflow: hidden;
}
.single-input {
    float: left;
    padding: 0 10px;
    width: 50%;
}
.single-input > input {
    border: 1px solid #e5e5e5;
    height: 45px;
    padding: 0 15px;
    width: 100%;
    position: relative;
    color: #000;
}
.form-body textarea {
    border: 1px solid #e5e5e5;
    padding: 15px;
    width: 100%;
color: #000;
    position: relative;
}
.send {
    padding: 10px 15px;
    background: #B14441;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}
.contact-form {
    width: 80%;
    margin: auto;
}
.form-body {
    margin-bottom: 20px;
}

header {
    border-top: 4px solid #B14441;
}

.contact-form select {
    background: none;
    border: 1px solid #e5e5e5;
    color:#959595;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 45px;
    padding: 5px;
    width: 100%;
}

.widget-content {
    margin-bottom: 40px;
}
.single-address-box {
    border-top: 1px solid #eee;
    overflow: hidden;
    padding: 15px 0;
}
.address-icon {
    float: left;
    width: 40px;
}
.address-icon i {
    font-size: 18px;
    padding-left: 2px;
}
.address-text {
    float: left;
    width: calc(100% - 40px);
}
.address-text > p{
  color: #737272;
  margin: 0;
}

.address-text a{
  color: #737272;
}
.full-form{
  width: 100%;
}
footer .social-list{
  width: 100%;
  display: none;
}

.banner .item img{
  width: 100%;
}

.comment-area {
  width: 100%;
}

.comment-area .pattern{
  padding: 60px 0px;
}

.comment-area h2{
  color: #fff;
  margin-top: 0px;
  margin-bottom: 20px;
}

.comment-area textarea {
    width: 80%;
    height: 140px;
    background: rgba(255,255,255,0.7);
    border: 1px solid #fff;
    padding: 10px;
    color: #000;
}

.help-box select {
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #333;
    margin-top: 15px;
}

.error {
    color: red;
    font-size: 12px;
    font-family: Arial;
    position: static;
    right: 0;
    margin-right: 10px;
    z-index: 999;
}


.form-body input#captcha_code {
border: 1px solid #e5e5e5;
height: 45px;
padding: 0 15px;
width: 100%;
position: relative;
width: 300px;
color: #000;
}

@media (max-width:1024px){

.left-pull {margin-left: 50px;}
.call-us {margin-top: 5px;}
.call-us img{display: none;}
#cssmenu > ul > li > a {font-size: 12px!important; letter-spacing: 0.2px!important;}
.todobox-v2 .overlay{padding: 19px 15px 60px 15px;}
.detail-color { padding: 7px 10px 0px; }
.title-bg .h1 {font-size: 54px;}


}

@media (max-width:980px){

.container{width: 100%!important;}



}


@media (max-width:768px){
.col-sm-5.call-us.left-pull{ margin-left: 0px; }
#cssmenu > ul > li {display: block!important; text-align: left!important;}
#cssmenu > ul > li > a {border: 0px!important;}
.col-sm-5.call-us{width: 50%!important;}
.left-pull {margin-left: 0px;}
#cssmenu #menu-button::after{height: 8px!important;}
#cssmenu #menu-button.menu-opened::after{height: 2px!important;}
.todobox-v2 {height: 305px;}
.detail-color h1 {font-size: 28px;}
.section-three h2 {font-size: 28px;}
.content-three h2{font-size: 28px;}
.title-bg .h1 {font-size: 40px;}
.h2-small {font-size: 24px !important;}
.choose-us-text::before{font-size: 36px;}





}

@media (min-width:320px) and (max-width:767px){
header .col-sm-8.pull-right{display: none;}
.col-sm-12.logo {text-align: center;}
.logo{margin: 10px 0px;}
.menu .col-sm-3{display: none;}
.services_box {padding: 30px 0px;}
.todobox-v2 {height: 250px;margin-bottom: 20px;}
.bg-one {height: 260px}
.detail-color {padding-bottom: 15px;}
.section-three{padding: 30px 0px;}
footer .col-sm-4{margin-bottom: 25px;}
#cssmenu ul li{border-bottom: 1px solid #953633!important;}
.title-bg .h1 {font-size: 30px;}
.detail-color h1 {font-size: 24px;}
.section-three h2 {font-size: 24px;}
.content-three h2{font-size: 24px;}
.h2-small {font-size: 20px;}
.footer-title {font-size: 18px;}
.title-bg .pattern {padding: 65px 0px;}
footer .social-list{display: block;}
.contact-form {width: 95%;}

}

@media (max-width:375px){
.title-bg .h1{font-size: 25px;}
.todobox-v2 .box-title {padding-top: 0px; margin-top: 0px;}
.title-bg .h1 { font-size: 22px;}

}