body {
    margin: 0;
    overflow-x: hidden;
    font-family: 'Johnston ITC Std';
    padding: 0;
    overflow-x: hidden !important; width: 100%;
      cursor: url('../img/%20%20cursor.png'), auto;	
}
body, div, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, th, td, img {
    border: 0 none;
 font-family: 'Johnston ITC Std';
   letter-spacing: 0.01em;
    margin: 0;
    padding: 0;
    line-height: 24px;
}
.flow-chart-modifier {
    width: 49%;
}
.workflow-align {
    margin-left: 10%;
    width: 34%;
}
.arrow-angle {
    left: 350px;
    position: relative;
    transform: rotate(130deg);
    width: 11%;  font-family: 'Johnston ITC Std';
}
.content-align {
    background-color: #c5c5c5;
    padding: 86px 108px !important;
}
.label {
    color: #666a6d !important;
   font-family: 'Johnston ITC Std+Neue';
}
.clear-area-25 {
    clear: both;
    height: 25px;
    width: 100%;  font-family: 'Johnston ITC Std';
}
.button-modifier:hover {
    border: 10px solid transparent;
    padding: 50px !important;
}
.icon-align {
    left: 35%;
    position: relative;
}
.left-icon-align {
    bottom: 69px;
    position: relative;
    right: 43px;
}
.clear {
    clear: both;
}
* {
    outline: medium none;
}
.hide {
    display: none;
}
*::-moz-selection {
    background: #00bff3 none repeat scroll 0 0;
    color: #ffffff;
}
m h1 {
    color: #525151;
    letter-spacing: -2px;
    line-height: 32px;
    padding: 0 0 13px;
}
h2 {
    color: #fff;
    font-weight: normal;
    line-height: 22px;
    padding: 20px 0 13px;
   font-family: 'Johnston ITC Std';
       letter-spacing: .25px;
}
h3 {
    color: #525151;
    font-weight: normal;
    line-height: 22px;
    padding: 0 0 5px;
   font-family: 'Johnston ITC Std';     letter-spacing: .25px;
    
}
p {
    color: #545454;
    font-size: 15px;
    line-height:26px;
    padding: 5px 0;   
        letter-spacing: 1px;
 font-family: 'Johnston ITC Std';
}
p a {
    text-decoration: none !important;
   font-family: 'Johnston ITC Std';     letter-spacing: .25px;
}
a {
       color: #fff ;
    letter-spacing: 0.3px;
    outline: medium none;
    text-decoration: none !important;
    transition: all 0.6s ease 0s;
   font-family: 'Johnston ITC Std';     
	letter-spacing: .25px;
}


a:hover {
    color: #000;
    text-decoration: none;
}

*:focus {
    outline: none;
}
input {
    background-color: transparent;
    border: 0px solid;


    color: #CCC;
}

ul.bullets {
    list-style: disc!important;

}
ul.bullets{padding-left:20px;margin:12px 0 18px}
ul.bullets li{margin:14px 0}
.color-row{margin-top:8px;font-weight:700}
.color-label{color:var(--muted);font-weight:700;margin-right:8px}
.color-value{color:var(--accent);text-transform:uppercase;letter-spacing:0.6px}

.mbl{}

ul{ list-style: none;  font-family: 'Johnston ITC Std';}
span {
    outline: medium none;  font-family: 'Johnston ITC Std+Neue';
    text-decoration: none !important;  }
.space{ width:100%; padding: 0px; margin: 0px; height: 30px; clear: both; }

button, input, select, textarea{border: none;}
.navbar-nav{ padding:20px 0px;  } 

.nav>li>a{ padding-top:30px;     padding: 10px 0px 0px 95px ; color: #79767A;}

.dropdown-menu>li>a{ padding: 10px 50px;}
.navbar-nav li a hover{ border-radius:45px;  }
.navbar-nav>li>a{ letter-spacing:0.5px; letter-spacing: 1px;    font-weight:400;}

.container-1{ width:75%; margin: 0 auto; display: block; padding: 0px; }

ul li a{ color:#fff; }
li :hover{ background:#f3f3f3 !important; }

.prd-box{border: 1px solid #ccc;     height: 580px; border-right:0px; }
.navbar-form .form-control {
    border-top: 0px !important;
    border-left: 0px;
    border-right: 0px;
    width: 270px;
    box-shadow: none;
    border-bottom: 1.5px solid #fff;
    border-radius: 0px;
    letter-spacing: 2px;
    background: none;
}

.dropdown-menu>li>a:hover{ background:none !important; }
.navbar-nav>li:hover{ background:none !important; }

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{ background:none !important; }

.main-div{ width:1320px; padding: 0px; margin:0 auto; display: block;  }

.img-box{padding:0px; background:#F7F7F7; padding:53px 160px;}

.bg1{ background:#f3f3f3; padding:10px;  }
.box-01{ width:320px; margin:30px 0px; padding:20px; border:1px solid #ccc;       background: #fff;}
.prd-box1{ border:1px solid #ccc; padding:0px; margin:0px;     }

.text-p{float: left; padding-left:10px; font-size:17px;  }
.topnav{ }

placeholder{color:#333; }

.navbar-nav>li>a:hover{ background:none !important; }

::placeholder {
  color: #333 !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #333;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #333;
}
input[placeholder], [placeholder], *[placeholder] {
    color: #333 !important;
}

.navbar-nav>li>a{     line-height: 26px; font-size:18px;}

.box-iner{ padding:70px; background:#4EB9A5; position: relative; margin-top:-232px; }

.line-dashed{ width:60%; border-bottom:1px dashed #A9A8A8;  margin: 10px auto; display: block;}

.btn-1{ background:#333; width:160px; padding:15px; border:none;  margin:50px 0px; color: #fff; float: right; }
.btn-2{ background:#333; width:190px; padding:10px; border:none; border-radius:40px;   margin:50px 0px; color: #fff; float: right; }
.menu-color{ background:#9393FF; width: 100%; padding:0px; border-radius: 49px;  }

.box-1{ background:#ffffff9c; border-radius:10px; box-shadow:-1px 2px 15px #f3f3f3;    position: absolute;  z-index:999; bottom: 20px; padding:10px; height:120px;    }

.search-box{ border:0px solid #cccc; width:300px; padding:5px; margin:15px 0px ; border-radius:30px;   background:#f3f3f3; }

.catr-head{color:#fff; font-size:28px; text-align: center; letter-spacing: 2px; font-weight: 300; }
 
.black-btn{padding:20px 60px; background:#343434; color:#fff; margin-left:30px; margin-top:20px; border-radius:40px;}


.dropdown-menu>li>a{ font-size:16px; letter-spacing:2px;  }

footer{ background:#464955; padding:30px; margin: 0px;   }
.headline{font-size:64px; color:#000; line-height: 56px; letter-spacing:8px; padding-top:230px; padding-left:30px;}


.serch-box1{ width:207px; float: right;   }
.phone-box1{ width:340px; float: right;   }

.prd-bdr-box{ border:1px solid #f3f3f3 ; height: 504px; }


.side-box { background:#d7fff7; padding: 35px; }
.side-boxc { background:#f3f3f3; padding: 35px; padding:50px 30px ;  }

.side-box ul li a { color: #666; line-height:25px; font-size: 13px; letter-spacing:1px;     font-weight: 300;   }
.side-boxc ul li a { color: #666; line-height:35px; font-size: 16px; letter-spacing:1px;   }

.side-box li{ padding:7px 0px; border-bottom:1px solid #bff7ec;  }

.footer_logo{ font-size:22px; }
.footer_title { font-size:22px; color: #fff; }
.links  li a{ line-height: 33px; font-weight: 300; color:#dadada; }
.footer_logo p{ line-height:34px; }


.myhover:hover {
    opacity: 0.6;
}



.box-tab{ width:60px; position: absolute; right:50px; top:300px;  }
.box-tab-inr{width:100%; margin:10px; padding:10px; border:1px solid #ccc;    }

.picture{ width:100%; margin: 0 auto ; }


.form-control,
.form-group .form-control {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 0 2px, 100% 1px;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center -webkit-calc(100% - 1px);
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.form-control[disabled],
.form-control[readonly],
.form-group .form-control[disabled],
.form-group .form-control[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-color: rgba(0, 0, 0, 0)
}

.form-control[disabled],
.form-group .form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] .form-group .form-control {
    background-image: none;
    border-bottom: 1px dotted #D2D2D2
}

.form-group {
    position: relative
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {
    position: absolute;
    pointer-events: none;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.form-group.label-floating label.control-label {
    will-change: left, top, contents
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
    display: none
}

.form-group .help-block {
    position: absolute;
    display: none
}

.form-group.is-focused .form-control {
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.form-group.is-focused .form-control .material-input:after {
    background-color: #009688
}

.form-group.is-focused label,
.form-group.is-focused label.control-label {
    color: #009688
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
    color: #BDBDBD
}

.form-group.is-focused .help-block {
    display: block
}

.form-group.has-warning .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-warning.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-warning .help-block,
.form-group.has-warning label.control-label {
    color: #ff5722
}

.form-group.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-error .help-block,
.form-group.has-error label.control-label {
    color: #f44336
}

.form-group.has-success .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-success.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-success .help-block,
.form-group.has-success label.control-label {
    color: #4caf50
}

.form-group.has-info .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-group.has-info.is-focused .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2)
}

.form-group.has-info .help-block,
.form-group.has-info label.control-label {
    color: #03a9f4
}

.form-group textarea {
    resize: none
}

.form-group textarea~.form-control-highlight {
    margin-top: -11px
}

.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group select~.material-input:after {
    display: none
}

.form-control {
    margin-bottom: 7px
}

.form-control::-moz-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-control:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-control::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}
.checkbox label,
.radio label,
label {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0
}

.help-block {
    margin-top: 0;
    font-size: 12px
}

.form-group {
    padding-bottom: 7px;
    margin: 28px 0 0 0
}

.form-group .form-control {
    margin-bottom: 7px
}

.form-group .form-control::-moz-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .form-control:-ms-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .form-control::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
    font-size: 16px;
    line-height: 1.42857143;
    color: #BDBDBD;
    font-weight: 400
}

.form-group label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group .help-block {
    margin-top: 0;
    font-size: 12px
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 16px;
    line-height: 1.42857143
}

.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label,
.form-group.label-static label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857
}

.form-group.form-group-sm {
    padding-bottom: 3px;
    margin: 21px 0 0 0
}

.form-group.form-group-sm .form-control {
    margin-bottom: 3px
}

.form-group.form-group-sm .form-control::-moz-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-sm label.control-label {
    font-size: 9px;
    line-height: 1.125;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group.form-group-sm .help-block {
    margin-top: 0;
    font-size: 9px
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
    top: -11px;
    font-size: 11px;
    line-height: 1.5
}

.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-sm.label-static label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.form-group.form-group-lg {
    padding-bottom: 9px;
    margin: 30px 0 0 0
}

.form-group.form-group-lg .form-control {
    margin-bottom: 9px
}

.form-group.form-group-lg .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.form-group.form-group-lg label.control-label {
    font-size: 14px;
    line-height: .99999998;
    font-weight: 400;
    margin: 16px 0 0 0
}

.form-group.form-group-lg .help-block {
    margin-top: 0;
    font-size: 14px
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
    top: -5px;
    font-size: 18px;
    line-height: 1.3333333
}

.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label,
.form-group.form-group-lg.label-static label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

select.form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.form-group.is-focused select.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #D2D2D2
}

.form-group.is-focused select.form-control[multiple],
select.form-control[multiple] {
    height: 85px
}

.input-group-btn .btn {
    margin: 0 0 7px 0
}

.form-group.form-group-sm .input-group-btn .btn {
    margin: 0 0 3px 0
}

.form-group.form-group-lg .input-group-btn .btn {
    margin: 0 0 9px 0
}

.input-group .input-group-btn {
    padding: 0 12px
}

.input-group .input-group-addon {
    border: 0;
    background: 0 0
}

.form-group input[type=file] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}
.contact-widget-section .single-contact-widget {
    background: #f9f9f9;
    padding: 20px 25px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.26);
    height: 260px;
    margin-top: 25px;
    transition: all 0.3s ease-in-out
}

.contact-widget-section .single-contact-widget i {
    font-size: 75px
}

.contact-widget-section .single-contact-widget h3 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    padding-bottom: 10px
}

.contact-widget-section .single-contact-widget p {
    line-height: 16px
}

.contact-widget-section .single-contact-widget:hover {
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.46);
    cursor: pointer;
    transition: all 0.3s ease-in-out
}

#contactForm {
    margin-top: -10px
}

#contactForm .form-group label.control-label {
    color: #8c8c8c
}

#contactForm .form-control {
    font-weight: 500;
    height: auto
}




.find-widget{ line-height:25px; font-weight: 300; }



@media (max-width: 2560px) { .headline{font-size: 98px; line-height: 87px; }	 }


@media (max-width: 2160px) {  
.text-p{float: left; padding-left:9px; }   
.box-iner{ margin-top:-222px;  }
.topnav{ }
.search-box{ width:310px; }	
 
	
	
}


@media (max-width: 2100px) {  
.text-p{float: left; padding-left:9px; }   
.box-iner{ margin-top:-212px;   }
.topnav{ }
.search-box{ width:310px; }		
   
}


@media (max-width: 2000px) {  
.text-p{float: left; padding-left:6px; font-size: 14px;}   
.box-iner{ margin-top:-212px;  }
.topnav{ }
.search-box{ width:310px; }		
 .headline{font-size: 78px; line-height: 70px; }  
}


@media (max-width: 1920px) {  
.text-p{float: left; padding-left:6px; font-size: 14px;}   
.box-iner{ margin-top:-211px;   }
.topnav{ }
.search-box{ width:310px; }	
	.navbar-nav>li>a{font-size:17px; }
   
}



@media (max-width: 1800px) {  
.text-p{float: left; padding-left:6px; font-size: 14px;}   
.box-iner{ margin-top:-122px;   padding:50px;  }
.topnav{ }
.search-box{ width:310px; }		
.nav>li>a{  padding: 10px 0px 0px 72px; }	
   
}


@media (max-width: 1680px) {  
.text-p{float: left; padding-left:6px; font-size: 13px;}   
.box-iner{ margin-top:-122px;   padding:50px;  }
.topnav{ }
.search-box{ width:310px; }		
.nav>li>a{  padding: 10px 0px 0px 69px; }	
	
.headline{ padding-top:190px; padding-left:30px;}	
   
}



@media (max-width: 1600px) {  
.text-p{float: left; padding-left:6px; font-size: 17px;}   
.box-iner{ margin-top:-122px;    padding:50px;  }
.topnav{ }
.search-box{ width:310px; }		
.nav>li>a{  padding: 10px 0px 0px 59px; }	
	
.headline{ padding-top:140px; font-size:66px;  padding-left:30px;}	
   
}



@media (max-width: 1500px) {  
.text-p{float: left; padding-left:6px; font-size: 10px;}   
.box-iner{ margin-top:-22px;    padding:30px;  }
.topnav{ }
.search-box{ width:270px; }		
.nav>li>a{  padding: 10px 0px 0px 41px; }	
	
.headline{ padding-top:140px; padding-left:30px;}	
  
.catr-head{color:#fff; font-size:23px; text-align: center; letter-spacing: 2px; font-weight: 300; }	
	
	
}





@media (max-width: 1440px) {  
.text-p{float: left; padding-left:6px; font-size: 15px;}   
.box-iner{ margin-top:-82px;   padding:30px;  }
.topnav{ }
.search-box{ width:260px; }		
.nav>li>a{  padding: 10px 0px 0px 32px; }	
	
.headline{ padding-top:110px; font-size:40px;     line-height: 50px;  padding-left:30px;}	
	
.catr-head{color:#fff; font-size:23px; text-align: center; letter-spacing: 2px; font-weight: 300; } 
	
.black-btn{ padding:10px 40px; }	
	
}






@media (max-width: 1400px) {  
.text-p{float: left; padding-left:6px; font-size: 10px;}   
.box-iner{ margin-top:-22px;    padding:30px;  }
.topnav{ }
.search-box{ width:260px; }		
.nav>li>a{  padding: 10px 0px 0px 32px; }	
	
.headline{ padding-top:110px; font-size:40px;  padding-left:30px;}	
	
.catr-head{color:#fff; font-size:23px; text-align: center; letter-spacing: 2px; font-weight: 300; } 
	
.black-btn{ padding:10px 40px; }	
	
}




@media (max-width: 1366px) {  
.text-p{float: left; padding-left:6px; font-size: 16px;}   
.box-iner{ margin-top:-42px;   padding:40px;  }
.topnav{ }
.search-box{ width:260px; }		
.nav>li>a{  padding: 10px 0px 0px 38px; }	
	
.headline{ padding-top:110px; font-size:48px; line-height:49px;   padding-left:30px;}	
	
.catr-head{color:#fff; font-size:23px; text-align: center; letter-spacing: 2px; font-weight: 300; } 
	
.black-btn{ padding:20px 40px; }	
	
}




@media (max-width: 1280px) {  
.text-p{float: left; padding-left:6px; font-size: 16px;}   
.box-iner{ margin-top:-22px;    padding:30px;  }
.topnav{ }
.search-box{ width:260px; }		
.nav>li>a{  padding: 10px 0px 0px 28px; font-size: 16px; }	
	
.headline{ padding-top:120px; font-size:40px;  padding-left:30px;}	
.black-btn{ padding:13px 40px; }		
.catr-head{color:#fff; font-size:23px; text-align: center; letter-spacing: 2px; font-weight: 300; }   
}


@media (max-width: 1024px) {  
.text-p{float: left; padding-left:6px; font-size: 10px;}   
.box-iner{ margin-top:-22px;   padding:30px;  }
.topnav{ }
.search-box{ width:260px; }		
.nav>li>a{  padding: 10px 0px 0px 28px; font-size: 16px; }	
	
.headline{ padding-top:120px; line-height:51px;  font-size:40px;  padding-left:30px;}	
	
.catr-head{color:#fff; font-size:23px; text-align: center; letter-spacing: 2px; font-weight: 300; }   
}