@font-face {

    font-family: 'IRANSansLight';

    font-style: normal;

    font-weight: 300;

    src: url('../fonts/iransans/IRANSansWeb_Light.eot');

    src: url('../fonts/iransans/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),

         url('../fonts/iransans/IRANSansWeb_Light.woff2') format('woff2'),

         url('../fonts/iransans/IRANSansWeb_Light.woff') format('woff'),

         url('../fonts/iransans/IRANSansWeb_Light.ttf') format('truetype');

}

@font-face {

    font-family: 'vaziri';

    font-style: normal;

    font-weight: 300;

    src: url('../fonts/vazir/Vazir-Medium.eot');

    src: url('../fonts/vazir/Vazir-Medium.eot') format('embedded-opentype'),

         url('../fonts/vazir/Vazir-Medium.woff2') format('woff2'),

         url('../fonts/vazir/Vazir-Medium.woff') format('woff'),

         url('../fonts/vazir/Vazir-Medium.ttf') format('truetype');

}

@font-face {

    font-family: 'IRANSansFarsiNum';

    src: url('../fonts/iransans/IRANSansFaNum-Light.eot');

    src: url('../fonts/iransans/IRANSansFaNum-Light.eot?#iefix') format('embedded-opentype'),

        url('../fonts/iransans/IRANSansFaNum-Light.woff') format('woff'),

        url('../fonts/iransans/IRANSansFaNum-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}

@font-face {

    font-family: 'IRANSansFarsiNumBold';

    src: url('../fonts/iransans/IRANSansWeb(FaNum)_Bold.eot');

    src: url('../fonts/iransans/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/iransans/IRANSansWeb(FaNum)_Bold.woff') format('woff'),

        url('../fonts/iransans/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

}

body{

    margin:0;

    font-family: 'IRANSansLight';

    background: #fff;

    overflow-x: hidden;

}



body a{

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -moz-transition: 0.5s all;

    -o-transition: 0.5s all;

    -ms-transition: 0.5s all;

    text-decoration:none;

}

h1,h2,h3,h4,h5,h6{

    margin:0;   

    font-family: 'vaziri';

}

p{

    margin:0;

}

ul,label{

    margin:0;

    padding:0;

}

body a:hover{

    text-decoration:none;

}

.logo h1 a {

    text-decoration:none;

}

/*--top-nav--*/

.top-nav {

    padding: 1em 0;

}

.logo img {

    width: 162px;

    height: 90px;

}



.top-nav {

    background-color: orange;

    line-height: 90px;

}

nav.navbar.navbar-default {

    background-color: inherit;

    border: none;

    margin: 0;

}

ul.nav.navbar-right {

    margin-top: 0.6em;

}

.top-nav ul li {

    margin: 0 1.5em;

    display: inline-block;

}

.top-nav ul li:nth-child(7) {

    margin-right: 0;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .top-nav ul li  a.active:before {

    color: #5BD982;

}

.top-nav ul li a {

    text-decoration: none;

    font-size: 16px;

    color: black;

    position: relative;

    padding: 0;

    text-align: center;

    font-weight: bold;

}

.top-nav ul li a:hover,.top-nav ul li a.active{

    color: #ffffff;

}

.nav > li > a:hover, .nav > li > a:focus,.top-nav ul li a.active{

    background: none;

}

.top-nav ul li a.sign-in {

    padding: .4em 1.2em;

    color: #fff;

    border: 1px solid #ef717a;

    font-size: 1.2em;

    outline: none;

}

.top-nav ul li a.sign-in:hover {

    background: #ef717a;

    color: #000;

}

/*--//top-nav--*/

.phone-icon {

    position: absolute;

    width: 220px;

    height: 100%;

    top: 0;

    left: 0;

    transition: 0.5s;

    font-size: 16px;

    font-family: 'IRANSansFarsiNum';

    min-width: 176px;

    text-align: center;

    background-color: transparent;

    color: #fff;

}



.phone-icon i {

    font-size: 20px;

}



.phone-icon a {

    color: #fff;

    display: block;

    font-weight: bold;

}



.phone-icon:hover {

}

b.b-one {

    font-size: 18px;

    margin: 20px 0;

    display: block;

    font-family: 'vaziri';

    word-spacing: 5px;

}

.phone-icon:hover a {

    color: black;

}

/*--button--*/

.button {

    display: inline-block;

    margin: 2em 0 0;

    padding: 1em 2.1em;

    border: none;

    position: relative;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    background: #24FFED;

    color: #000;

    overflow: hidden;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

    -moz-transition: color 0.3s;

}

.button::before,

.button::after {

    content: '';

    position: absolute;

    height: 100%;

    width: 100%;

    bottom: 100%;

    left: 0;

    z-index: -1;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    -moz-transition: transform 0.3s;

    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

    -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}

.button::before {

    background: #F6AFB4;

}

.button::after {

    background: #ef717a;

}

.button:hover {

    color: #fff;

}

.button:hover::before,

.button:hover::after {

    -webkit-transform: translate3d(0, 100%, 0);

    transform: translate3d(0, 100%, 0);

    -moz-transform: translate3d(0, 100%, 0);

    -o-transform: translate3d(0, 100%, 0);

    -ms-transform: translate3d(0, 100%, 0);

}

.button:hover::after {

    -webkit-transition-delay: 0.175s;

    transition-delay: 0.175s;

    -moz-transition-delay: 0.175s;

}

/*--section1--*/

.section1,.section3,.gallery,.testimonials,.contact{

    padding:7em 0;

}

.section1-left img {

    width: 100%;

}

.title {

    font-size: 45px;

    color: #f9bf3a;

    text-align: right;

    margin-bottom: 0.8em;

}

p {

    font-size: 1em;

    color: #999;

    line-height: 1.8em;

}

/*--tabs--*/

.tab-content {

    margin-top: 1.5em;

}

.nav-tabs {

    border: none;

/*-- agileits --*/

}

.nav-tabs li {

    margin-right: 1em;

}

.tabs .nav-tabs > li.active > a, .tabs .nav-tabs > li.active > a:hover, .tabs .nav-tabs > li.active > a:focus {

    border-color: #ef717a;

    background-color: #ef717a;

    color: #fff;

}

.tabs .nav-tabs li a {

    margin-right: 0;

    border-color: #ccc;

    color: #555;

    padding: 0.7em 4em;

    font-size: 1em;

    border-radius: 5px;

    line-height: initial;

}

/*--//tabs--*/

p.tab-text {

    margin-top: 0.8em;

}

/*--//section1--*/

/*-- section2 --*/

.section2,.news{

    background: url(../images/bg1.png) fixed;

    -webkit-background-size:contain;

    background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

    -ms-background-size: contain;

    padding:6em 0;

}

.section2 .title {

    text-align: right;

    margin-left: 0.6em;

}

.section2-grid.section2-grid-mdl {

    margin: 3.5em 0;

}

/*--Effect 1--*/

.section2-grid-left span{

    font-size: 2em;

    color: #fff;

    display: inline-block;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -moz-border-radius: 50%;

    text-decoration: none;

    z-index: 1;

    padding: 1em;

}

.section2-grid-left span:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    border-radius: 50%;

    -moz-border-radius: 50%;

    content: '';

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.effect-1 {

  background: #0cd0c0;

  -webkit-transition: background 0.5s, color 0.2s;

  -moz-transition: background 0.5s, color 0.2s;

  transition: background 0.5s, color 0.2s;

}

.effect-1:after {

  top: -7px;

  left: -7px;

  padding: 7px;

  -webkit-box-shadow: 0 0 0 2px #08B1A3;

  box-shadow: 0 0 0 2px #08B1A3;

  -moz-box-shadow: 0 0 0 2px #08B1A3;

  -webkit-transition: -webkit-transform 0.5s, opacity 0.2s;

  -moz-transition: -moz-transform 0.5s, opacity 0.2s;

  transition: transform 0.5s, opacity 0.2s;

  -webkit-transform: scale(0.5);

  -moz-transform: scale(0.5);

  -ms-transform: scale(0.5);

  transform: scale(0.5);

  opacity: 0;

  -moz-opacity: 0;

}

.section2-grid:hover span{

    background:#08B1A3;

    color: #fff !important;

}

.section2-grid:hover span:after {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  opacity: 1;

  -moz-opacity: 1;

}

/*--//Effect 1--*/

.section2 img {

    width: 100%;

}

.section2-grid-right h4 {

    font-size: 1.5em;

    margin-top: .5em;

    color: #555;

    line-height: 1.5em;

}

.section2-grid-left {

    text-align: right;

    padding-right: 3em;

}

button.btn-phone.button.phone {

    background: #139675;

    display: inline-block;

    font-family: 'IRANSansFarsiNum';

    -webkit-font-smoothing: antialiased;

    position: relative;

    padding: 0.8em 1.4em;

    padding-right: 4.7em;

    border: none;

    color: white;

    transition: 0.2s;

    width: 100%;

    font-size: 16px;

}



.phone:after {

    content: "\F095";

}

button.btn-phone.button.phone::before, button.btn-phone.button.phone::after {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    padding-top: inherit;

    padding-bottom: inherit;

    width: 2.8em;

    font-family: 'Glyphicons Halflings';

    content: "\00a0";

    font-size: 1.2em;

    text-align: center;

    transition: 0.2s;

    transform-origin: 50% 60%;

    /* content: "\e182"; */

}



button.btn-phone.button.phone::after {

    content: "\e182";

    background: unset;

}



button.btn-phone.button.phone:before {

    background-color: rgba(0, 0, 0, 0.1);

}



button.btn-phone.button.phone:hover:after {

    -webkit-animation: wiggle 0.05s alternate ease infinite;

    animation: wiggle 0.05s alternate ease infinite;

}

@-webkit-keyframes wiggle {

    from { -webkit-transform: rotate(0deg); }

    to   { -webkit-transform: rotate(30deg); }

}

/* Reset */

@import url(//codepen.io/chrisdothtml/pen/ojLzJK.css);

/* Main Styles */

.button-head {

  display: block;

  background-color: #f9bf3a;

  width: 220px;

  height: 50px;

  line-height: 50px;

  margin: auto;

  color: #fff;

  position: absolute;

  top: calc(50% - 25px);

  /* bottom: 0; */

  /* left: 0; */

  /* right: 0; */

  cursor: pointer;

  overflow: hidden;

  border-radius: 5px;

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);

  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);

}

.button-head span,

.button-head .icon {

  display: block;

  height: 100%;

  text-align: center;

  position: absolute;

  top: 0;

}

.button-head span {

  width: 72%;

  line-height: inherit;

  font-size: 22px;

  text-transform: uppercase;

  left: 0;

  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);

}

.button-head span:after {

  content: "";

  background-color: #a53125;

  width: 2px;

  height: 70%;

  position: absolute;

  top: 15%;

  right: -1px;

}

.button-head .icon {

  width: 28%;

  right: 0;

  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);

}

.button-head .icon .glyphicon {

  font-size: 30px;

  vertical-align: middle;

  transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;

}

.button-head .icon .glyphicon.one.glyphicon-phone {

  height: 36px;

}

.button-head .icon .glyphicon.two.glyphicon-phone {

  display: none;

}

.button-head.success span, .button-head:hover span {

  left: -72%;

  opacity: 0;

}

.button-head.success .icon, .button-head:hover .icon {

  width: 100%;

}

.button-head.success .icon .glyphicon, .button-head:hover .icon .glyphicon {

  font-size: 45px;

}

.button-head.success {

  background-color: #27ae60;

}

.button-head.success .icon .glyphicon.one.glyphicon-phone {

  display: none;

}

.button-head.success .icon .glyphicon.two.glyphicon-phone {

  display: inline-block;

}

.button-head:hover {

  opacity: 0.9;

}

.button-head:hover .icon .glyphicon.one.glyphicon-phone {

  height: 46px;

}

.button-head:active {

  opacity: 1;

}

button.btn-phone.button.phone a {

    color: #fff;

    font-weight: bolder;

}



.title-p {

    padding: 20px 0;

}



.inset-1 {

    padding: 5px;

    min-height: 400px;

}



.img-p {

    padding-bottom: 10px;

}



.caption-p p {

    color: black;

}

/*--//section2--*/

/*--section3--*/

.flip-content {

    position: relative;

    overflow: hidden;

}

.img-text {

    position: absolute;

    bottom: -50%;

    left: 0;

    background: rgba(0, 0, 0, 0.76);

    padding: 1em;

    text-align: center;

    width: 100%;

    -webkit-transition:.5s all;

    transition:.5s all;

    -moz-transition:.5s all;

}

.img-text h4 {

    font-size: 2em;

    color: #0cd0c0;

}

.img-text p {

    color: #fff;

    margin-top: .5em;

}

.flipster-carousel .flip-current .flip-content:hover .img-text{

    bottom: 0;

    -webkit-transition:.5s all;

    transition:.5s all;

    -moz-transition:.5s all;

}

/*--//section3--*/

.section3N {

    position: relative;

    padding: 0;

    overflow: hidden;

}

.section3N {border-left: 10px solid #fff;}

.news img {

    width: 100%;

}

.section3N-info {

    width: 100%;

    height: 100%;

    background: rgb(0 0 0 / 30%);

    padding: 2em;

    -webkit-transition: .5s all;

    transition: .5s all;

    -moz-transition: .5s all;

}

.news h5 {

    font-size: 2em;

    color: #fff;

}

.news h5 span {

    font-size: 2.2em;

}

.section3N-info h4 {

    font-size: 1em;

    background: #24FFED;

    margin: 7em 0 0;

    display: inline-block;

    color: #000;

    padding: 5px 10px;

    -webkit-transition: .5s all;

    transition: .5s all;

    -moz-transition: .5s all;

    font-weight: 400;

}

.section3N-info p {

    color: #fff;

    margin-top: 0.8em;

}

.article-links ul li {

    display: inline-block;

    margin-right: 2em;

    color:#fff;

}

.article-links ul li i.glyphicon {

    margin-right: 8px;

}

.article-links {

    margin-top: 4em;

    -webkit-transition:.5s all;

    transition:.5s all;

    -moz-transition:.5s all;

}

.article-links ul li a {

    font-size: 1em;

    color: #fff;

}

.article-links ul li a:hover{

    color: #24FFED;

}

.section3N-info:hover .article-links{

    margin-top: 1em;

}

.section3N-info:hover  h4{

    margin: 4.5em 0 0;

}

.section3N:hover .section3N-info{

    background: rgb(249 191 58);

}

/*--//section3--*/

.img-type2 {

    border: 1px solid gray;

}



.img-type2 img {

    max-width: 100%;

}

/*--footer--*/

.footer{

    background: #ECEFEF;

    padding: 6em 0;

    overflow: hidden;

}

/*--slider-up-arrow--*/

#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 3%;

    right: 3%;

    overflow: hidden;

    width: 32px;

    height: 32px;

    border: none;

    text-indent: 100%;

    background: url("../images/move-up.png") no-repeat 0px 0px;

    z-index:999;

}

#toTopHover {

    width: 32px;

    height: 32px;

    display: block;

    overflow: hidden;

    float: right;

    opacity: 0;

    -moz-opacity: 0;

    filter: alpha(opacity=0);

}

.inset-1 {

  -moz-box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);

  -webkit-box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);

  box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);

}

/*--//slider-up-arrow--*/

body.sticky-header.st-one .banner {

    position: fixed;

    width: 100%;

    z-index: 99999999;

    top: -127px;

}



body.sticky-header.st-one.st-two .banner {

    top: 0;

}



body.sticky-header .banner {

    transition: 0.5s;

}

span.col-tell-footer {

    margin-left: 30px;

    font-size: 16px;

}



span.col-tell-footer a {font-family: 'IRANSansFarsiNum';color: black;transition: 0.5s;}



.footer-phone {

    padding-right: 16px;

}



span.col-tell-footer a:hover {

    color: orange;

}

html {

    overflow-x: hidden;

}

button.btn-phone.button.phone>a {

    display: block;

}

.inner-col-hilti {

    text-align: center;

    position: relative;

    display: block;

    margin-top: 30px;

    padding: 3px 7px 38px;

    background: #fff;

    outline: 3px solid rgba(0,0,0,0);

    outline-offset: -3px;

    overflow: hidden;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 700ms ease;

    box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 25%);

    border-top: 2px solid #e75728;

}

.img-hilti::before {

    position: absolute;

    top: 0;

    left: -75%;

    z-index: 2;

    display: block;

    content: '';

    width: 50%;

    height: 100%;

    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);

    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));

    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);

    -webkit-transform: skewX( 

-25deg );

    -ms-transform: skewX(-25deg);

    transform: skewX( 

-25deg );

    box-sizing: border-box;

}

.text-bold.text-bold-style {
    position: relative;
    display: block;
    height: 133px;
    overflow: hidden;
}

h3.bold-title.b-t-style {

    font-size: 20px;

    font-weight: 600;

    text-transform: capitalize;

    color: #222;

    margin-bottom: 0;

    margin-top: 20px;

}

.text-box.text-box-style {

    position: relative;

    font-size: 14px;

    color: #565656;

    text-transform: capitalize;

    margin-bottom: 10px;

    margin-top: 15px;

    line-height: 1.5;

}

.text-box.text-box-style>p {

    overflow: hidden;

    width: 231px;

    max-width: 100%;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.inner-col-hilti:hover .img-hilti::before {

    webkit-animation: shine2 1s;

    animation: shine2 1s;

}



@-webkit-keyframes shine2{

  100%{left:125%}

}

@keyframes shine2{

  100%{left:125%}

}



.section4 {

    padding-bottom: 6em;

}
.img-p>img {
    min-height: 253px;
}

.title-p {
    height: 70px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.caption-p p {
     height: 70px;
     overflow: hidden;
}

.img-type2>img {
    min-height: 195px;
}

.img-hilti>img {
    min-height: 208px;
}
/*---- responsive-design -----*/

@media(max-width:1440px){

.banner-text {

    width: 46%;

    margin: 13em auto 0;

}

.portfolio-container {

    width: 70%;

}

.section1, .section3, .gallery, .testimonials, .contact {

    padding: 6em 0;

}

}

@media(max-width:1366px){

.banner-text {

    width: 50%;

}

.testi-right h4 {

    font-size: 2em;

}

}

@media(max-width:1200px){

.top-nav ul li {

    margin: 0 10px;

}

.inset-1 {

    margin-top: 14px;

}



.section3N {

    margin-top: 33px;

}



.img-type2 img {

    width: 100%;

}

.logo-col img {

    width: 136px;

    margin-left: 15px;

}

}

@media(max-width:1280px){

.banner-text .bnr-title {

    font-size: 6em;

}

.banner-text {

    margin: 11em auto 0;

}

.portfolio-modal .modal-content h3 {

    margin: 0 0 0.6em 0;

    font-size: 3.5em;

}

.footer {

    padding: 51px 0 15px 0;

}

}

@media(max-width:1080px){

.banner-text .bnr-title {

    font-size: 5.5em;

}

.banner-text {

    width: 55%;

}

.social-icons {

    margin-top: 2em;

}

.button {

    padding: 0.8em 2.1em;

}

.section1, .section3, .gallery, .testimonials, .contact {

    padding: 5em 0;

}

.section2, .news {

    padding: 4em 0;

}

.section2-grid-left {

    padding-right: 1em;

}

.section2-grid-right {

    padding-right: 0;

}

.section2-grid-right h4 {

    font-size: 1.3em;

}

.section2-grid-left span {

    font-size: 1.5em;

}

.section2-grid.section2-grid-mdl {

    margin: 2.5em 0;

}

.section3N-info {

    padding: 1.5em;

}

.section3N-info h4 {

    margin: 4em 0 0;

}

.section3N-info:hover h4 {

    margin: 2.5em 0 0;

}

.flexslider {

    width: 70%;

}

.testi-right h4 {

    font-size: 1.8em;

}

.contact-textarea input[type="submit"], .contact-textarea input[type="reset"] {

    width: 48.8%;

}

.contact-textarea textarea {

    min-height: 11em;

}

.footer {

    padding: 51px 0 15px 0;

}

}

@media(max-width:1024px){

div#portfolioModal3 img {

    width: 42%;

}

.banner-text {

    margin: 10em auto 0;

}

}

@media(max-width:991px){

.img-hilti img {

    margin: 0 auto;

    max-width: 350px;

    max-height: 350px;

}

.text-box.text-box-style>p {

    width: 100%;

}

.top-nav ul li a {

    font-size: 1.2em;

}

button.navbar-toggle {

    position: absolute;

    left: 0;

    top: 22px;

    background-color: #f9bf3a;

    border: 0;

    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);

    z-index: 99999;

    padding: 14px;

}



.img-type2 img, .section2 img {

    max-height: 324px;

}

a.button-head {

    top: 25px;

}

.top-nav ul li a.sign-in {

    font-size: 1.1em;

}

.banner-text .bnr-title {

    font-size: 5em;

}

.banner-text {

    width: 61%;

}

.logo h1 {

    font-size: 3em;

}

ul.nav.navbar-right {

    margin-top: 0.3em;

}

.button {

    padding: 0.7em 2em;

}

.banner-text {

    margin: 9em auto 0;

}

.section1, .section3, .gallery, .testimonials, .contact {

    padding: 4em 0;

}

.title {

    font-size: 3.5em;

    margin-bottom: 0.7em;

}

.section1-right {

    margin-top: 2em;

}

.section2-grid-left {

    width: 15%;

}

.section3N {

    margin: 10px 0;

}

.tab-content {

    margin-top: 1em;

}

}

@media(max-width:800px){

.banner-text .bnr-title {

    font-size: 4em;

}

.banner-text p {

    letter-spacing: 2px;

}

.banner-text {

    width: 70%;

}

.button {

    margin: 1.5em 0 0;

}

}

@media(max-width:768px){

.banner-text {

    margin: 6em auto 0;

}

b.b-one {

    margin-bottom: 0;

}



.section1-left {margin-top: 30px;}

.inner-footer {

    text-align: center;

}

.social-icons ul li {

    margin: 0 0.5em;

}

.section1, .section3, .gallery, .testimonials, .contact {

    padding: 3.5em 0;

}

.title {

    margin-bottom: 0.5em;

}

.portfolio-container {

    width: 80%;

}

.portfolio-modal .close-modal .lr .rl ,.portfolio-modal .close-modal .lr{

    height: 40px;

}

.testi-right h4 {

    margin: 1em 0 0.5em;

}

}

@media(max-width:767px){

.top-nav {

    line-height: unset;

    z-index: 99999999999;

    position: relative;

}

body.cover .navbar-toggle .icon-bar {

    display: none;

}

.phone-icon {

    left: calc(50% - 120px);

}

body.cover .cover-bg {

    background-color: #00000040;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9999;

}

.top-nav {

    line-height: unset;

}

button.navbar-toggle.collapsed {

    position: absolute;

    left: 0;

    top: 22px;

    background-color: #f9bf3a;

    border: 0;

    box-shadow: 0 0 20px 0 rgb(0 0 0 / 30%);

    z-index: 99999;

    padding: 15px;

}

.navbar-toggle .icon-bar {

    background: #fff;

}

.top-nav ul li {

    display: block;

    margin: .5em 0;

}

.top-nav ul li a {

    padding: 5px 0;

}

div#bs-example-navbar-collapse-1 {

    background: #e3e0da;

    margin: 0;

    padding: 0;

    position: fixed;

    width: 90%;

    z-index: 999;

    max-height: unset;

    right: 0;

    width: 300px;

    height: 100%;

}

.top-nav ul li a {

    text-align: right;

    padding: 9px 21px;

}

ul.nav.navbar-right {

    text-align: center;

}

.navbar-right .dropdown-menu {

    min-width: 100%;

    position: relative;

    text-align:center;

}

.menu__link::before, .menu__link::after {

    height: 2px;

}

.top-nav ul li a.sign-in {

    padding: .4em 2em;

    display: inline-block;

}

}

@media(max-width:640px){

.banner-text .bnr-title {

    font-size: 3.8em;

}

.banner-text p {

    letter-spacing: 0px;

}

.button {

    padding: 0.5em 1.5em;

}

.banner-text {

    margin: 5em auto 0;

}

.section2, .news {

    padding: 3em 0;

}



.b-wrapper h5 {

    letter-spacing: 0px;

}

.testi-text p {

    padding: 1.5em;

}

.testi-right {

    margin-left: 2em;

}

.testi-right h6 {

    font-size: 1.1em;

}

.section1, .section3, .gallery, .testimonials, .contact {

    padding: 3em 0;

}

.title {

    font-size: 3.2em;

}

}

@media(max-width:550px){

.button-head span {

    font-size: 14px;

}



a.button-head {

    width: 180px;

}



.phone-icon {

    width: 180px;

}

}

@media(max-width:480px){

.navbar-header.logo {

    margin: 0;

    padding: 0 15px;

}

div#bs-example-navbar-collapse-1 {

    top: 0;

}



div#bs-example-navbar-collapse-1>button {

    position: absolute;

    top: 0;

    left: 0;

    padding: 10px;

}

.phone-icon {

    position: relative;

    display: block;

    width: 100%;

    bottom: 0;

    height: 78px;

    left: unset;

    padding-top: 17px;

}

.logo-col {

    height: 90px !important;

}



.logo h1 a {

    display: block;

    text-align: center;

    margin-top: 15px;

}

a.button-head {

    right: unset;

}

button.navbar-toggle, button.navbar-toggle.collapsed {

    position: unset;

    margin-top: 15px;

}



a.button-head {

    width: 100%;

    right: 0;

}

a.button-head {

    top: unset;

    left: unset;

}





button.navbar-toggle {

    position: unset;

    display: block;

    width: 100%;

    margin-top: 15px;

}

.banner-text {

    width: 83%;

}

.banner-text .bnr-title {

    font-size: 3em;

}

.banner-text p {

    margin-top: 1em;

}

.button {

    margin: 1em 0 0;

}

.section2-grid-left {

    width: 20%;

    padding: 0;

    text-align: left;

}

.section2-grid-right h4 {

    font-size: 1.2em;

}

.section2-grid.section2-grid-mdl {

    margin: 2em 0;

}

.section2-right {

    padding: 0 0 0 1em;

}

.gallery-grids {

    width: 49.6%;

}

.testi-right h4 {

    margin: 0.5em 0 0.5em;

    font-size: 1.5em;

}

.testi-text {

    margin-bottom: 2em;

}

.flexslider {

    width: 100%;

}

.testi-text p:before {

    bottom: -20px;

    left: 19%;

    border-width: 20px 25px 0 5px;

}

p.tab-text {

    margin-top: 0.5em;

}

.contact h4 {

    font-size: 1.6em;

}

.contact-top-left iframe {

    height: 16em;

}

.contact-textarea input[type="text"] {

    margin-bottom: 0.5em;

}

.contact-textarea input[type="submit"], .contact-textarea input[type="reset"] {

    width: 48.5%;

}

.footer {

    padding: 51px 0 15px 0;

}

.sign-in-modal .modal-header {

    padding: 9px 15px;

}

.login input[type="text"], .login input[type="password"] {

    font-size: 0.9em;

    margin-top: 1.5em;

}

}

@media(max-width:414px){

.banner-text .bnr-title {

    font-size: 2.8em;

}

.banner-text p {

    margin-top: 0.8em;

    font-size: 0.9em;

}

.top-nav {

    margin: 0 1em;

}

.banner-text {

    width: 90%;

}

.social-icons ul li {

    margin: 0 0.3em;

}

.social-icons {

    margin-top: 1.5em;

}

.section1, .section3, .gallery, .testimonials, .contact {

    padding: 2em 0;

}

.title {

    font-size: 3em;

}

.section1-right {

    margin-top: 1em;

}

.tabs .nav-tabs li a {

    padding: 0.6em 2.5em;

    font-size: 0.9em;

}

.section1-left,.section1-right{

    padding: 0;

}

p {

    font-size: 0.9em;

}

.section2, .news {

    padding: 2em 0;

}

.section2-left,.section2-right{

    padding: 0;

}

.section2-grid-right h4 {

    font-size: 1em;

}

.section2-right {

    margin-top: 1em;

}

.title {

    font-size: 2.5em;

}

ul.flip-items {

    height: 225px !important;

    width: 225px !important;

}

.img-text h4 {

    font-size: 1.5em;

    color: #0cd0c0;

}

.news h5 span {

    font-size: 2em;

}

.portfolio-container {

    width: 91%;

}

.portfolio-modal .modal-content h3 {

    font-size: 2.5em;

}

div#portfolioModal3 img {

    width: 76%;

}

.testi-right h4 {

    font-size: 1.3em;

}

.address ul li {

    margin-top: 1em;

}

.contact-top-right {

    margin-top: 1.5em;

}

.contact-textarea input[type="text"] {

    font-size: 0.9em;

    padding: .5em 1em;

}

.contact-textarea {

    margin-top: 0.8em;

}

.contact-top-left,.contact-top-right {

    padding: 0;

}

.contact-textarea input[type="submit"], .contact-textarea input[type="reset"] {

    padding: 0.6em;

    font-size: 0.9em;

}

.footer {

    padding: 51px 0 15px 0;

}

}

@media(max-width:375px){

.banner-text .bnr-title {

    font-size: 2.6em;

}

.button {

    font-size: .9em;

}

ul.flip-items {

    height: 200px !important;

    width: 200px !important;

}

.section3N {

    width: 100%;

}

.testi-left {

    width: 23%;

}

.testi-right {

    margin-left: 1em;

}

.contact-textarea textarea {

    min-height: 9em;

}

.contact-textarea input[type="submit"], .contact-textarea input[type="reset"] {

    width: 48%;

}

div#bs-example-navbar-collapse-1 {

    width: 92%;

}

.section3N-info h4 {

    margin: 6em 0 0;

}

.gallery-grids {

    width: 50%;

}

.section2 .title {

    margin-left: 0;

}

}

@media(max-width:320px){

.logo h1 {

    font-size: 2.5em;

}

.navbar-toggle {

    padding: 7px 7px;

}

.banner-text .bnr-title {

    font-size: 2.4em;

}

.banner-text p {

    font-size: 0.87em;

}

.social-icons ul li {

    margin: 0 0.2em;

}

.social-icons ul li a {

    background: url(../images/social-icons.png)no-repeat 0px 2px;

    height: 30px;

    width: 30px;

    background-size: 100%;

}

.social-icons ul li a.pin {

    background-position: 0px -27px;

}

.social-icons ul li a.in {

    background-position: 0px -55px;

}

.nav-tabs li {

    margin-right: 0.5em;

}

.tabs .nav-tabs li a {

    padding: 0.6em 2.2em;

}

.section2-grid-left span {

    font-size: 1.3em;

}

.section2-grid-right h4 {

    margin-top: 0;

}

.section2-grid.section2-grid-mdl {

    margin: 1.5em 0;

}

.news h5 {

    font-size: 1.8em;

}

.section3N-info h4 {

    margin: 3em 0 0;

}

.gallery-grids {

    width: 100%;

}

.top-nav ul li a.sign-in {

    padding: .3em 2em;

}

.section3N-info:hover h4 {

    margin: 2em 0 0;

}

.testi-text p {

    padding: 1em;

}

.contact-top-left iframe {

    height: 12em;

}

}

/*--//responsive-design---*/