body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px Arial, Helvetica, sans-serif; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
:focus{ outline: none !important;}
@font-face {
    font-family: 'CircularStd-Bold';
    src: url('../fonts/CircularStd-Bold.eot');
    src: url('../fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CircularStd-Bold.woff2') format('woff2'),
        url('../fonts/CircularStd-Bold.woff') format('woff'),
        url('../fonts/CircularStd-Bold.ttf') format('truetype'),
        url('../fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'impact';
    src: url('../fonts/impact.eot');
    src: url('../fonts/impact.eot') format('embedded-opentype'),
         url('../fonts/impact.woff2') format('woff2'),
         url('../fonts/impact.woff') format('woff'),
         url('../fonts/impact.ttf') format('truetype'),
         url('../fonts/impact.svg#impact') format('svg');
}

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

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




/* font-family: 'Poppins', sans-serif;
 font-family: 'Oswald', sans-serif;
 font-family: 'PT Serif', serif;
 font-family: 'Playfair Display', serif;
 font-family: 'Rajdhani', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Source Sans Pro', sans-serif;*/


.wrapper{ width: 100%;}
.container{ width: 1700px;}

.header_sec{ width: 100%; position: absolute; left: 0px; top: 0px; padding: 35px 0; z-index: 99; }
.nav_top{ width: 100%; padding: 0px; margin: 0px; border: none; border-radius: 0px; box-shadow: inherit; min-height: inherit; height: auto; background: none;  }
.header_sec .container{ width: 1170px; }
.menu_sec{ margin: 116px 0 0 !important; padding: 0px; }
.menu_sec li{ margin: 0 70px 0 0; }
.menu_sec li a{ padding: 15px 0; font: normal 19.79px/22px 'Nunito Sans'; color:#fff !important; text-decoration: none; outline: none; text-transform: uppercase; }
.menu_sec li:last-child{ margin-right: 0px; } 
.nav_top .navbar-brand{ width: 274px; position: absolute; left: 50%; top: 0px; margin-left: -137px; z-index: 99; padding: 0px; height: auto; }
.nav_top .navbar-brand img{ max-width: 100%; }
.nav_top .navbar-collapse{ padding: 0px; border: none; box-shadow: inherit; }
.menu_sec li a{ position: relative; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.menu_sec li a:after{ height: 1px; background: #fff; border-radius: 3px; position: absolute; bottom: 0px; left: 0px; width: 0px; content: ""; opacity: 0;-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.menu_sec li:hover a:after{ opacity: 1; background: #c6f716; height: 2px; width: 100%;}
.menu_sec li:hover a{ color: #c6f716 !important;}
.menu_sec li.actv a{ color: #c6f716 !important;}
.menu_sec li.actv a:after{ opacity: 1; background: #da1d21; height: 2px; width: 100%;}
.innerpg-head .menu_sec li.actv a:after{ opacity: 1; background: #da1d21; height: 1px;}
.innerpg-head .menu_sec li.actv  a{ color: #da1d21 !important;}
.innerpg-head .menu_sec li.actv a:after{ opacity: 1; background: #da1d21; height: 1px;}
.innerpg-head .menu_sec li a:after{ opacity: 1;}
.innerpg-head .menu_sec li a:after{ width: 96px;}


.menu_sec li.current_page_item a{ color: #da1d21 !important;}
.menu_sec li.current_page_item a:after{ opacity: 1; background: #da1d21; height: 2px; width: 100%;}

.innerpg-head .menu_sec li.current_page_item a:after{ opacity: 1; background: #da1d21; height: 1px;}
.innerpg-head .menu_sec li.current_page_item  a{ color: #c6f716 !important;}
.innerpg-head .menu_sec li.current_page_item a:after{ opacity: 1; background: #da1d21; height: 1px;width: 96px;}






.banner_sec{ width: 100%; position: relative; }
.banner_box{ width: 100%; position: relative; background-size: cover !important; min-height: 1082px; background-attachment: fixed !important; }
.banner_inner{ width: 100%; position: absolute; left: 0px; top: 32%; z-index: 99; text-align: center; }
.banner_detailsBox{ width: 970px; display: inline-block; }
.banner_detailsBox span.ban_heading{ width: 100%; display: inline-block; font: 700 83.39px/94px 'Poppins', sans-serif; color:#fff; text-transform: uppercase; }
.banner_detailsBox span.ban_img{ width: 100%; display: inline-block; }
.banner_detailsBox span.ban_img img{ max-width: 100%; }
.banner_sec .carousel-indicators{ display: none; }


/* Carousel Fading slide */
.carousel-fade .item {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.carousel-fade .active.left,
.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel-fade .carousel-control { z-index: 3; }
.carousel-fade .next,
.carousel-fade .prev {
  left: 0;
  z-index: 1;
}  


@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

.bnr-img img {
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
  transition: all 0.3s ease 0s;
}



.mid_sec{ width: 100%; background: #f4f4f4; }
.about_innr{ width: 100%; padding: 0 15px 170px; position: relative; }
.about_left{ width: 100%; background: #fff; margin-top: -60px; position: relative; padding: 0 185px 225px 125px; }
.about_left_innr{ width: 100%; display: inline-block; margin-top: -220px; position: relative; }
.about_left_pic{ width: 640px; display: inline-block; position: relative; border: 1px solid #fff; }
.about_left_pic img{ max-width: 100%; width: 100%;}
.about_play{ width: auto; position: absolute; right: 20px; bottom: 20px; }
.about_play img{ max-width: 100%; }
.about_left_txt{ width: 100%; display: inline-block; padding: 35px 0 0; }
.about_left_txt h4{ font: normal 29.17px/32px 'CircularStd-Book'; color:#da1d21; text-transform: capitalize; }
.about_left_txt h3{ font: 500 52.08px/56px 'Oswald', sans-serif; color:#424242; text-transform: uppercase; }
.about_left_txt a.prflo-btn { color:#fff; text-transform: uppercase; margin: 20px 0 10px 0; display: inline-block;}
.about_left_txt a.prflo-btn span{ display: inline-block; font: 400 21.99px/23px 'Rajdhani', sans-serif; background: #da1d21; padding: 10px 32px; -moz-border-radius: 18px; 
 -webkit-border-radius: 18px; border-radius: 18px; }
.about_left_txt p{ font: 300 18.75px/26.04px 'Poppins', sans-serif; color:#424242; padding-top: 22px; }
.about_left_txt p span{ color:#da1d21; }
.about_left_txt p a{ text-decoration: underline; color:#424242; }
.about_innr { position: relative; z-index: 9999; }

.about_rt{ width: 100%; background: url(../images/coma.png) no-repeat left top #da1d21; position: relative; padding: 48px 0; text-align: center; }
.about_rt h3{ font: normal 100.18px/86px 'impact'; color:#fff; text-transform: uppercase; }

.sml_icon1{ width: 83px; height: 81px; background: url(../images/sml-icon1.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 56%; top: 20%; z-index: 99; }
.sml_icon2{ width: 167px; height: 166px; background: url(../images/sml-icon2G.png) no-repeat 0 0; background-size: 100%; position: absolute; left: -26px; bottom: -200px; z-index: 99; }
.sml_icon3{ width: 74px; height: 43px; background: url(../images/sml-icon3.png) no-repeat 0 0; background-size: 100%; position: absolute; left: 40%; bottom: -24px; z-index: 99; }
.sml_icon4 { width: 60px; height: 43px; background: url(../images/sml-icon4.png) no-repeat 0 0; background-size: auto auto; background-size: 100%; position: absolute; left: 13px;
 bottom: -25px; z-index: 99;}
.sml_icon5 { width: 65px; height: 64px; background: url(../images/sml-icon5.png) no-repeat 0 0; background-size: auto auto; background-size: 100%; position: absolute; right: 19%;
 bottom: 0; z-index: 99; }
.sml_icon6 { width: 167px; height: 166px; background: url(../images/sml-icon6.png) no-repeat 0 0; background-size: auto auto; background-size: 100%; position: absolute; right: -40px;
 bottom: -198px; z-index: 99; }
 
.communication_sec{ width: 100%; padding-bottom: 110px; }
.communication_innr{ width: 100%; display: inline-block; }
.communication_box{ width: 100%; background-size: cover !important; height: 800px; /*background-attachment: fixed !important; */}
.communication_details{ width: auto; float: right; margin-top: 260px; text-align: right; padding-right: 60px; }
.communication_details h3{ font: 600 60.92px/68px 'Oswald', sans-serif; color:#fff; text-transform: uppercase; -moz-text-shadow: 2px 5px 7px #000; -webkit-text-shadow: 2px 5px 7px #000; 
 text-shadow: 2px 5px 7px #000;  }
.communication_details p{ font: 400 25px/30px 'PT Serif', serif; color:#fff; font-style: italic; padding: 20px 0 0; }
.communication_details a{ float: right; padding: 18px 41px; color:#fff; font: normal 25px/28px 'CircularStd-Bold'; color:#ffff; outline: none; text-decoration: none; 
 text-transform: capitalize; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; margin-top: 25px; background: #da1d21; } 
 
 
.aa-paralax {
  position: relative;
  background-attachment: fixed !important;
  /*background-position: 50% 0;*/
  background-repeat: no-repeat;
  background-size: cover !important; background-attachment: scroll;
  background-size: cover !important;
} 


.why_sec{width: 100%; padding: 82px 0; background: url(../images/why-bg.jpg) repeat 0 0; position: relative; min-height: 970px; }
.why_rt{ width: 65%; position: absolute; right: 0px; top: 86px; z-index: 9; padding: 30px; background:#fff;
 -moz-box-shadow: 0 0 10px -3px #333;
  -webkit-box-shadow: 0 0 10px -3px #333; 
   box-shadow: 0 0 10px -3px #333;}
.why_rt_innr{ background-size: cover !important; min-height: 730px; width: 100%; }   
.why_box { width: 480px; float: left; padding: 90px 0 0 40px;}
.why_box h2{ font: 300 83.33px/85px 'Poppins', sans-serif; color:#0a0a0a; }
.why_box ul{ width: 100%; display: inline-block; }
.why_box ul li{ width: 100%; display: inline-block; margin-top: 54px; font: 400 16.75px/22px 'Poppins', sans-serif; color:#5f5a5a; }
.why_box ul li strong {font-weight: 700; color: #da1d21; text-transform: uppercase; display: inline-block; width: 100%; padding-bottom: 8px; }




/*service-sec*/

.idx_srv_sec{ width: 100%; background: url(../images/srv-bgP.png) no-repeat center center; background-size: 100% 100%; padding: 50px 0 400px 0; position: relative;}
.idx_srvInn{ width: 100%; position: relative;}
.idx_srv_sec h3{ color: #e8272b; font: 700 197.92px/190px 'Poppins', sans-serif; letter-spacing: 19px; text-align: center;text-transform: uppercase;}
.idx_srv-cont{ width: 100%; text-align: center; margin-top: 40px;}
.srv-box{ width: 100%; padding: 58px 20px; min-height: 322px;  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.srv-box i{ width: 100%; display: inline-block; }
.srv-box i img{ max-width: 100%;}
.srv-box h4{ color: #fff; font: normal 26.04px/34px 'ProximaNova-Light'; text-transform: uppercase; padding: 14px 0; letter-spacing: 2px;}
.srv-box .mordtl{ color: #fff; font: 500 18.06px/21px 'Poppins', sans-serif; margin-top: 10px; display: inline-block; visibility: hidden; opacity: 0; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; background: url(../images/hand-icon.png) no-repeat left top; padding: 2px; padding-left: 36px;  text-decoration: underline !important; }
.srv-box .mordtl:hover{ color: #fff !important;}







.colm{ position: relative; -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; margin-top: 30px; cursor: pointer;}
.srv-box{ position: relative; -moz-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out; width: 100%;}
.srv-box::before{ position: absolute; width: 0px; height: 0px; background: url(../images/line1.png) no-repeat top left; top: 0px; left: 0px; background-size: 100% 100%; content: ""; opacity: 0; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.srv-box::after{ position: absolute;background: url(../images/line2.png) no-repeat top left; bottom: 0px; right: 0px; background-size: 100% 100%; content: ""; opacity: 0; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; width: 0px; height: 0px;}
.sr1{ width: 109px; height: 110px; background: url(../images/srv-rund.png) no-repeat center center; background-size: 100% 100%; position: absolute; top: 40%; left: 5%;}
.srv-box:hover .mordtl{ opacity: 1; visibility: visible;}
.srv-box:hover{ background: #af0b0f; } 
.colm:hover .srv-box::before{ opacity: 1;width: 104px; height: 86px;}
.colm:hover .srv-box::after{ opacity: 1; width: 104px; height: 86px; }



.app-sec{ width: 100%; background: url(../images/appre-bg.jpg) no-repeat center; background-size: 100% 100%; padding:400px 0 50px 0; margin-top: -520px;}
.app-secin{ width: 100%;}
.app-sec h3{ color: #dedede; font: 700 197.92px/190px 'Poppins', sans-serif; letter-spacing: 10px; text-align: center;text-transform: uppercase; background: url(../images/app-head.png) no-repeat top center; padding-top: 76px;}
.app-cont{ width: 100%; text-align: center; margin-top: 30px;}
.app-Itm{ width: 100%; padding-bottom: 120px;}
.app-Itm .pic{ width: 100%;}
.app-Itm .pic i{ display: inline-block; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; width: 167px; height: 167px; overflow: hidden;}
.app-Itm .pic i img{ width: 100%;}
.app-Itm .text{ width: 100%; padding: 0 150px; margin-top: 36px;}
.app-Itm .text p{ color: #000; font: 300 18.75px/35px 'Poppins', sans-serif;}
.app-Itm .titl{ width: 100%; color: #000; font: 700 63.54px/70px 'Playfair Display', serif; margin-top: 40px; display: inline-block;}
.app-Itm .carousel-indicators{ bottom: 0px;}
.app-sec .carousel-indicators li{ border: 1px solid #c51317; width: 15px !important; height: 15px !important; margin: 0px 1px;}
.app-sec .carousel-indicators li.active{ background: #c51317; }





/*foote_sec*/
.footer_section{width:100%; background:url(../images/foot_back_overlay.jpg) center center; background-size: cover; padding:145px 0 370px;}
.foot_box1{width:100%; padding-left: 75px;}
.foot_box1 ul{width:100%;}
.foot_box1 ul li{background: url(../images/mob_icon.png) no-repeat top left; width:100%; height: 72px; padding-left:55px; font:400 26.04px/27px 'Poppins', sans-serif; color:#fff;}
.foot_box1 ul li a{color:#fff; padding-bottom: 7px; display: inline-block;}
.foot_box1 h4{font:700 36.46px/37px 'Poppins', sans-serif; color:#fff; padding-top:45px;}
.foot_icon_box{width:100%;}
.foot_icon_box ul{width: 100%; margin-top: 25px;}
.foot_icon_box ul li{width:auto; display: inline-block; background: none !important; padding:0 !important; margin-left: 5px;}
.foot_icon_box ul li:first-child{margin-left: 0;}
.foot_icon_box ul li img{max-width: 100%;}
.foot_box2{width: 380px; text-align: center; display: inline-block; }
.foot_box2 h4{font:700 36.46px/37px 'Poppins', sans-serif; color:#fff; background: url(../images/gps_icon.png) no-repeat top 5px left;padding-bottom:20px;}
.foot_box2 p{color:#fff; font:400 26.04px/30px 'Poppins', sans-serif; padding-left: 52px; text-align: left;}
.foot_box3{width:100%;}
.foot_box3 h4{font:700 36.46px/37px 'Poppins', sans-serif; color:#fff; padding-bottom: 20px; text-align: left; padding-left: 115px;}
.footer_section .col-sm-4:nth-child(3){text-align: center; display: inline-block;}
.foot_cen{width: 100%; text-align: center;}
.media_section{width:100%; text-align: left; padding-bottom: 30px;}
.media_section p{font:400 18.75px/23px 'Poppins', sans-serif; color:#fff; padding-top: 15px;}
.media_section a{font:400 18.75px/25px 'Poppins', sans-serif; color:#fff; margin-top: 20px; display: inline-block;}
.media_section .media-body{padding-left: 20px;}
.media_section span{border-bottom: 1px solid #fff; display: inline-block;}

.foot_box1 ul li img{max-width:100%;}
.foot_box2 h4 img{max-width: 100%;}







.about_left_txt a.prflo-btn span::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.about_left_txt a.prflo-btn{ -moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px; overflow: hidden;}
.about_left_txt a.prflo-btn span {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.about_left_txt a.prflo-btn span:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.communication_details a::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.communication_details a{ overflow: hidden;}
.communication_details a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.communication_details a:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}


.header_sec.fixed1{ background: rgba(0,0,0,0.9); position: fixed; z-index: 999999;padding: 12px 0;}
/*@-webkit-keyframes animationFade {
0% { opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px);}
100% { opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes animationFade {
0% {opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px);}
100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}*/

.header_sec.fixed1 .nav_top .navbar-brand{ width: 140px; margin-left: -70px;}
.header_sec.fixed1 .menu_sec {
    margin: 48px 0 0 !important;
}
.about_left_txt p a:hover{ color: #da1d21;}

.foot_icon_box ul li a img{  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.foot_icon_box ul li a{ position: relative;}
.foot_icon_box ul li a::before img{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(218, 29, 33, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(218, 29, 33, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.foot_icon_box ul li a:hover img{
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

#map {
    width: 100%;
    height: 500px;
}



/*contact us*/


.innerpg-head{ width: 100%;}
.innerpg-head{ position: relative; top: inherit; left: inherit; background: #fafafa;}
.innerpg-head .menu_sec li a{ color: #000 !important;}
.innerpg-head .menu_sec li a::after { background: #000;}
.innerpg-head .menu_sec li:hover a { color: #c6f716 !important;}
.innerpg-head .menu_sec li:hover a::after { background: #c6f716; height: 2px;}
.innerpg-head.header_sec.fixed1{ background: #fafafa;}
.innerpg-main-body{ width: 100%; position: relative; background: url(../images/b.png) no-repeat top center #fff; background-size: 100%; padding: 100px 0 80px;}
.top-heading{ width: 100%; background: url(../images/brd.png) no-repeat bottom center; padding-bottom: 45px; text-align: center; padding-left: 100px; padding-right: 100px; position: relative;}
.top-heading h1{ color: #da1d21; font: 700 83.39px/90px 'Poppins', sans-serif; padding-bottom: 20px;}
.top-heading p{ color: #424242; font: 300 25px/42px 'Poppins', sans-serif; margin-top: 10px;}
.innerpg-mainin{ width: 100%; position: relative;}
.innerpg-main-body .container{ width: 1170px;}





.s1{ width: 52px; height: 42px; background: url(../images/bg1.png) no-repeat center center; position: absolute; top: -311px; left: 0px; z-index: 99;}
.s2{ width: 15px; height: 15px; background: url(../images/bg14.png) no-repeat center center; position: absolute; top: -369px; left: 60%; z-index: 99;}
.s3{ width: 46px; height: 52px; background: url(../images/bg4.png) no-repeat center center; position: absolute; top: -310px; right: 20px; z-index: 99;}
.s4{ width: 30px; height: 30px; background: url(../images/bg2.png) no-repeat center center; position: absolute; top: -232px; left:37%; z-index: 99;}
.s5{ width: 36px; height: 40px; background: url(../images/bg3.png) no-repeat center center; position: absolute; top: -145px; left:29%; z-index: 99;}
.s6{ width: 30px; height: 30px; background: url(../images/bg5.png) no-repeat center center; position: absolute; top: -109px; right:13%; z-index: 99;}

.bo1{ width: 54px; height: 42px; background: url(../images/bg11.png) no-repeat center center; position: absolute; top: 37%; left:50px; z-index: 99;}
.bo2{ width: 30px; height: 32px; background: url(../images/bg9.png) no-repeat center center; position: absolute; top: 35%; left:17%; z-index: 99;}
.bo3{ width: 40px; height: 38px; background: url(../images/bg10.png) no-repeat center center; position: absolute; top: 55%; left:15%; z-index: 99;}
.bo4{ width: 60px; height: 60px; background: url(../images/bg6.png) no-repeat center center; position: absolute; top: 50px; right:8%; z-index: 99;}
.bo5{ width: 40px; height: 50px; background: url(../images/bg7.png) no-repeat center center; position: absolute; top: 38%; right:14%; z-index: 99;}
.bo6{ width: 22px; height: 20px; background: url(../images/bg9.png) no-repeat center center; position: absolute; bottom: 0px; right:24%; z-index: 99;}
.bo7{ width: 15px; height: 15px; background: url(../images/bg14.png) no-repeat center center; position: absolute; top: -30px; left: -22px; z-index: 99;}
.bo8{ width: 36px; height: 36px; background: url(../images/bg8.png) no-repeat center center; position: absolute; top: 30px; right: -73px; z-index: 99;}
.bo9{ width: 31px; height: 31px; background: url(../images/bg13.png) no-repeat center center; position: absolute; top: 30px; z-index:-1; left: 50%; margin-left: -15px;}



.contct-info-sec{ width: 100%; padding-bottom: 100px;}
.contct-info-sec .container{ width: 1300px;}

.contct-infoinn{ width: 100%; position: relative;}
.contct-infoinn .row{ margin: 0 -7px;}
.contct-infoinn .col-md-3{ padding: 0 7px;}



.contct-boxs{ width: 100%; border: 1px solid #d0d0d0; min-height: 270px; border-bottom: 4px solid #d0d0d0; padding: 25px 15px 15px; text-align: center; background: #fff;}
.contct-boxs i{ width: 100%; display: inline-block;}
.contct-boxs i span{ width: 77px; height: 77px; display: inline-block; background: #da1d21; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.contct-boxs i img{ max-width: 100%;}
.contct-boxs .text{ width: 100%; margin-top: 10px;}
.contct-boxs h4{ color: #d43f5b; font: normal 20.95px/26px 'GothamBold'; }
.contct-boxs p{ color: #787878; font: 500 18.04px/23px 'Montserrat', sans-serif; margin-top: 5px;}
.contct-boxs p a{ color: #787878 !important;}


/*about us*/
.top-heading p span{ color: #da1d21;}
.top-heading p a{ text-decoration: underline; color: #424242;}

.about-us-pg .top-heading{ background: none;}
.bo10{ width: 31px; height: 31px; position: absolute; bottom: -50px; left: 50%; background: url(../images/bg13.png) no-repeat center center;}
.about-us-pg .bo8{ top: inherit; bottom: 0px;}
.about-gal{ width: 100%; padding:150px 0 50px 0; position: relative;}
.gal-b{ width: 214px; height:275px; background: url(../images/big-rud.png) no-repeat center center; position: absolute; bottom: 0px; left: 10px; background-size: 200px;}
.gal-b1{ width: 240px; height:235px; background: url(../images/big-rud1.png) no-repeat center center; position: absolute; top: 0px; right: 30px;}
.gal-b2{ width: 111px; height:112px; background: url(../images/big-rud2.png) no-repeat center center; position: absolute; top: 300px; right: 30px;}
.about-top{ width: 100%; position: relative;}

.gal-lst{ width: 100%; display: inline-block; text-align: center;}
.gal-lst ul li{ width: 272px; margin-right: 18px; margin-top: 20px; float: left;}
.gal-lst ul:first-child li{ display: inline-block; float: none;}
.gal-lst ul:first-child li:last-child{ margin-right: 0px;}
.gal-lst ul:last-child li:last-child{ margin-right: 0px;}
.gal-lst ul:last-child{ margin-top: -86px; margin-left: -2px;}
.gal-lst ul:first-child{ margin-left: -4px;} 

.gal-lst .pic-box{ width: 100%; position: relative; overflow: hidden;}
.gl-b1{ width: 50%; height: 81px; position: absolute; top: 0px; left: 0px; background: url(../images/b1.png) no-repeat top left; background-size: 100% 100%; z-index: 1; display: none;}
.gl-b2{ width: 50%; height: 81px; position: absolute; top: 0px; right: 0px; background: url(../images/b2.png) no-repeat top right; background-size: 100% 100%; z-index: 1; display: none;}
.gl-b3{ width: 50%; height: 81px; position: absolute; bottom: 0px; left: 0px; background: url(../images/b4.png) no-repeat bottom left; background-size: 100% 100%; z-index: 1; display: none;}
.gl-b4{ width: 50%; height: 81px; position: absolute; bottom: 0px; right: 0px; background: url(../images/b3.png) no-repeat bottom right; background-size: 100% 100%; z-index: 1; display: none;}
.hov-txt-bg{ width: 100%; background: url(../images/about-gab.png) no-repeat center center; background-size:100% 100%; -moz-transform: translateY(-525px);
-webkit-transform: translateY(-525px);
-o-transform: translateY(-525px);
-ms-transform: translateY(-525px);
transform: translateY(-525px);
-moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.35s ease-in-out;
-webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.35s ease-in-out;
-o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.35s ease-in-out;
-ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.35s ease-in-out;
transition: transform 0.2s 0.1s ease-out, opacity 0.35s ease-in-out; opacity: 1; height: 100%; position: absolute; top: 0px; left: 0px;}

.gal-lst .pic-box:hover .hov-txt-bg {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.gal-lst .hov-txt{ width: 100%; position: absolute; top: 50%; left: 0px; text-align: center; color: #fff; font: 300 18.75px/24px 'Poppins', sans-serif; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden;  -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.gal-lst .hov-txt strong{ width: 100%; display: inline-block; font-weight: 300; background: url(../images/brd1.png) no-repeat bottom center; padding-bottom: 10px;}
.gal-lst .hov-txt span{ width: 100%; display: inline-block; font-weight: 300; text-transform: uppercase; margin-top: 10px;}
.link-hov{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; display: inline-block; z-index: 2;}
.gal-lst .pic-box:hover .hov-txt{ opacity: 1; visibility: visible;}

.some-eud{ width: 100%; padding: 90px 0; text-align: center;}
.some-eud h3{ color: #0a0a0a; font: 300 46.88px/90px 'Poppins', sans-serif; background: url(../images/brd2.png) no-repeat bottom center; padding: 20px;}
.some-eud-gal{ width: 100%; margin-top: 40px;}
.some-eud-gal .row{ margin: 0 -2px;}
.some-eud-gal .colm1{ padding: 0 2px; float: left;}
.some-eud-gal .pic{ width: 100%; margin-top: 4px;}
.some-eud-gal .pic img{ width: 100%; object-fit:cover; min-height: 276px;}
.some-eud-gal .col-sm-5{ width: 40%;}
.some-eud-gal .col-sm-3{ width: 20%;}


.our-skals-sec{ width: 100%; padding: 120px 0; background: url(../images/rund-bg.jpg) no-repeat; text-align: center; background-size: 100% 100%;}
.our-skals-sec h2{ color: #da1d21; font: 36.46px/45px 'CircularStd-Book'; text-transform: uppercase;}
.our-skals-sec p{ color: #1a1d22; font: 300 26.04px/30px 'Poppins', sans-serif; margin-top: 15px;}
.our-skals-cont{ width: 100%;}
.our-skalsbox{ width: 100%; text-align:center;}
.our-skalsbox .box{ width: 100%; margin-top: 30px;}
.our-skalsbox .text{ width: 100%; padding: 10px 0;}
.our-skalsbox .text span{ color: #1a1d22; font: 300 31.25px/38px 'Poppins', sans-serif; text-transform: uppercase;}
.our-skalsbox .box-pic{ width: 70%; display: inline-block;}
.gal-lst .pic-box img{ width: 100%;}
.about-us-pg{ padding-bottom: 0px;}

.bo10{ bottom: -3px;}



/*app design*/

.app-desin-ses2{ width: 100%; padding: 59px 0 20px 0;}
.app-dign-sc-rt{ width: 100%; text-align: right; position: relative; padding-left: 0px !important;}
.app-dign-sc-lft{ width: 100%; padding:30px 0; }
.app-dign-sc-lft h2{ color: #da1d21; font: 400 31.26px/38px 'Poppins', sans-serif; background: url(../images/brd3.png) no-repeat bottom left; padding-bottom: 19px;}
.app-dign-sc-lft p{ color: #000000; font: 300 18.76px/25px 'Source Sans Pro', sans-serif; margin-top: 15px;}
.app-dign-sc-rt .frm { width: 100%; height: 344px; display: inline-block; background: url(../images/frm-red.png) no-repeat top center; position: absolute; top: -86px; left: 0px; background-size: 40%;}
.app-dign-sc-rt img{ max-width: 100%; position: relative; z-index: 1;}
.skals-b{ position: absolute; top: 40%; left: 10%; width: 100px; height: 100px; background: url(../images/b9.png) no-repeat center center; background-size: 90px;}
.our-skals-sec{ position: relative;}


.cont-frm-sec { width: 900px; display: inline-block; margin-top: 40px;}
.cont-fld{ width: 100%; margin-top: 14px;}
.cont-fld input[type="text"], .cont-fld input[type="email"], .cont-fld input[type="tel"], .cont-fld textarea, .cont-fld .btn, .cont-fld .inputfile + label, .cont-fld select{ width: 100%; height: 65px; border: 1px solid #e1e1e1; padding: 0 20px; background: #fff; color: #676767 !important; border-radius: 10px; font: 400 21.11px/24px 'Source Sans Pro', sans-serif;}
.cont-fld input[type="text"]:placeholder, .cont-fld input[type="email"]:placeholder, .cont-fld textarea:placeholder{ color: #676767; opacity: 1;}
.cont-fld textarea{ height: 172px; resize: none; padding: 20px;}
.cont-frm-sec .row{ margin: 0 -7px;}
.cont-frm-sec .col-sm-6{ padding: 0 7px;}
.cont-frm-sec .col-sm-12{ padding: 0 7px;}
.cont-frm-sec .col-sm-12:last-child{ text-align: center;}
.cont-fld input[type="submit"]{ border: none; background: #da1d21; height: 64px; padding: 0 48px; font: 500 20.24px/26px 'Poppins', sans-serif; color: #fff; margin-top: 20px; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; }
.cont-fld input[type="submit"]:hover{ background: #000;}


.app-design-userChat{ width: 100%; background: url(../images/desin-bg2.jpg) repeat; background-size: cover; padding: 50px 0; text-align: center;}
.app-design-userChat img{ max-width: 100%;}
.app-design-user-inn{ width: 100%;}
.app-design-user-inn img{ max-width: 100%;}

.app-design-userLst{ width: 100%; padding: 50px 0; background: #fff; text-align: center;}
.app-design-userLst img{ max-width: 100%;}
.app-design-userLst-inn{ width: 100%; padding: 0 100px;}
.about-us-pg{ padding-bottom: 0px !important;}

/*Branding design*/
.about-us-pg .top-heading{ min-height: 450px;}
.brand-desinn-pg .app-dign-sc-rt{ padding-left: 0;}
.brand-desinn-pg .app-desin-ses2{ padding-bottom: 46px;}
.brand-desin-chart{ width: 100%; text-align: center;}
.brand-desin-chartInn{ width: 100%; padding: 40px 0; border-top: 1px solid #c7c7c7;}
.brand-desin-chart h3{ color: #000; font: 600 36.46px/40px 'Poppins', sans-serif;}
.brand-desin-chartBoxs{ width: 100%; margin-top: 40px;}
.brand-desin-chartBoxs img{ max-width: 100%; width: 60%;}

/*jobs*/

.job-sec2{ width: 100%; padding: 70px 0; position: relative;}
.job-sec2inn{ width: 100%; position: relative;}
.job-sec2inn .job-pic{ width: 100%;}
.job-sec2inn .job-pic img{ width: 100%;}
.job-sec2 .bo10{ bottom: inherit; top: -77px; left: 48%;}
.job-sec2 .app-dign-sc-lft{ padding: 40px;}
.drop-you-rusm-sec{ background: url(../images/desin-bg2.jpg) repeat;}
.our-skals-sec h2 span{ position: relative; display: inline-block;}
.our-skals-sec h2 span:before{ background: url(../images/brd3.png) no-repeat top center; content: ""; position: absolute; top: -40px; left: 50%; width: 116px; height: 3px; margin-left: -58px;}
.cont-fld .caret { border-top: 10px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; color: #cfcfcf;}
.cont-fld .caret { border-top: 10px solid; border-right: 8px solid transparent; border-left: 8px solid transparent; color: #cfcfcf;}
.cont-fld .dropdown-menu > li > a{ padding: 9px 20px; font: 400 16px/20px 'Source Sans Pro', sans-serif;}
.cont-fld .dropup .caret, .navbar-fixed-bottom .dropdown .caret{ border-bottom: 0px solid;}
.inputfile + label{ margin: 0px; width: 100%; max-width: 100% !important;}
.cont-fld input[type="file"]{ display: none;}
.cont-fld .inputfile + label{ text-align: left; color: #676767 !important; line-height: 60px; background: url(../images/attetch.png) no-repeat right 20px center #fff; }
.cont-fld .box{ width: 100%; text-align: left;}
.cont-fld .box p{ color: #000000; font: 21.11px/25px 'Source Sans Pro', sans-serif; text-transform: uppercase;}
.drop-you-rusm-sec .cont-fld input[type="submit"]{ padding: 0 25px;}
.job-sec{ padding-bottom: 0px !important;}
.drop-you-rusm-sec .cont-fld input[type="submit"]{ margin-top: 0px;}
.drop-you-rusm-sec .gal-b{ top: inherit; bottom: 20px;}
.drop-you-rusm-sec .gal-b2{ top: inherit; bottom: 320px;}
.drop-you-rusm-sec .gal-b1{ top: inherit; bottom:520px;}

/*Digital marketing*/

.markting-contctFrm .gal-b{ top: inherit; bottom: 20px;}
.markting-contctFrm .gal-b2{ top: inherit; bottom: 320px;}
.markting-contctFrm .gal-b1{ top: inherit; bottom:520px;}
.marktng-sec3Cont{ width: 100%; margin-top: 30px;}
.marktng-boxs{ width: 100%; text-align: center; background: #fff; padding: 60px 18px 30px 18px; min-height: 344px; border-top: 4px solid #431d36; border-radius: 0 0 5px 5px; margin-top: 30px; box-shadow: 1px 0px 4px 5px #eeeeee; -moz-box-shadow: 1px 0px 4px 5px #eeeeee; -webkit-box-shadow: 1px 0px 4px 5px #eeeeee;}
.marktng-boxs .pic{ width: 100%; position: relative; min-height: 110px;}
.marktng-boxs .pic i{ display: inline-block; position: relative;}
.marktng-boxs .norml{ position: absolute; top: 0px; left: 0px;}
.marktng-boxs .hovr{ position: absolute; top: 0px; left: 0px; opacity: 0; visibility: hidden;}
.marktng-boxs .pic img{ max-width: 100%;}
.marktng-boxs .text{ width: 100%;}
.marktng-boxs .text p{ color: #000000; font: 14.58px/20px 'Source Sans Pro', sans-serif;}


.marktng-boxs:hover{ background: url(../images/hov-bg.jpg) repeat-x; background-size: 100% 100%; border-top-color: #431d36;}
.marktng-boxs:hover .hovr{ opacity: 1; visibility: visible;}
.marktng-boxs:hover .norml{ opacity: 0; visibility: hidden;}
.marktng-boxs:hover .text p{ color: #fff;}





/*graphic-design*/

.graphc-design-sec2{ width: 100%; position: relative; padding-bottom: 90px;}
.graphc-design2inn{ width: 100%; position: relative;}
.graphc-sec2-row{ width: 100%;}
.graphc-colm{ width: 100%; position: relative;}
.graphc-colm .media-left a, .graphc-colm .media-right a{ width: 220px; height: 220px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: block; overflow: hidden; border: 1px dashed #da1d21;}
.graphic-desin-pg .top-heading{ background: url(../images/brd.png) no-repeat bottom center; padding-bottom: 45px;}
.graphc-design-sec2 .bo10{ bottom: inherit; top: 0px;}
.graphic-desin-pg .about-top{ padding-bottom: 141px;}
.graphc-sec2-row{ padding-top: 100px;}
.graphc-colm{ width: 100%; position: relative; padding:0px 0 48px 0;}
.graphc-colm h4{ color: #1f1c54; font: 700 39.58px/45px 'Poppins', sans-serif; background: url(../images/red-brd.jpg) no-repeat left bottom; padding-bottom: 15px;}
.graphc-colm .media-left{ padding-right: 45px;}
.graphc-colm .media-right{ padding-left: 45px;}
.graphc-colm p{ color: #000000; font: normal 16.67px/22.92px 'ProximaNova-Light'; margin-top: 20px;}
.graphc-colm .media-body{ vertical-align: middle;}
.graphc-colm.colm-left:after{ width: 100%; position: absolute; bottom: 0px; left: 0px; background: url(../images/dot-bord1.png) no-repeat bottom center; height: 47px; content: ""; background-size: 82%;}
.graphc-colm.colm-right:after{ width: 100%; position: absolute; bottom: 0px; left: 0px; background: url(../images/dot-bord.png) no-repeat bottom center; height: 47px; content: ""; background-size: 82%;}
.graphc-colm:last-child:after{ background: none !important;}




/*seo details*/

.seo-details-sec2 .app-dign-sc-lft{ padding: 0px;}
.seo-detailsRow{ width: 100%; padding: 15px 0; text-align: left;}
.seo-detailsRow p{ color: #000000; font: 300 18px/24px 'Source Sans Pro', sans-serif; padding-bottom: 15px;}
.seo-detailsRow p strong{ color: #da1d21; font-weight: 600;}
.seo-detailsRow .media-left{ padding-right: 40px;}
.seo-detailsRow .media-left a{ width: 75px; display: inline-block;}



/*service*/

.service-page .about-top .bo7{ top: inherit; bottom: 0px;}
.service-row-sec{ width: 100%;}
.service-row{ width: 100%; padding: 60px 0; background-size: 100% 100% !important;}
.service-row .pic-lft{ width: 100%;}
.service-row .pic-lft img{ max-width: 100%;}
.service-row h4{ color: #fff; font: normal 26.01px/30px 'ProximaNova-Light'; letter-spacing: 1px; text-transform: uppercase;}
.service-row p{ color: #fff; font: 300 18.75px/23px 'Source Sans Pro', sans-serif; margin-top: 20px;}
.service-row h4 span:after{ width: 80px; height: 2px; background: #fff; content: ""; position: absolute; bottom: 0px; left: 0px;}
.service-row h4 span{ position: relative; display: inline-block; padding-bottom: 16px;}
.service-row .txt-rt{ width: 100%; padding:40px 120px 0 20px;}




.mordetla {
    color: #fff !important;
    font: 500 18.06px/21px 'Poppins', sans-serif;
    margin-top: 10px;
    display: inline-block;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
   
    padding: 2px;
        padding-left: 2px;
    padding-left: 36px;
    margin-top: 30px; position: relative;
}
.mordetla::before {
    background: url(../images/h1.png) no-repeat left top;
    content: "";
    width: 30px;
    height: 23px;
    position: absolute;
    left: 0px;
}


.mordetla span:after{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: #fff; content:"";}
.mordetla span{ position: relative; display: inline-block; padding-bottom: 3px;}
.mordetla:hover{ color: #c6f716 !important;}
.mordetla:hover span:after{ background:#c6f716 !important; }
.service-row.wht h4{ color: #000;}
.service-row.wht p{ color: #000;}
.service-row.wht h4 span:after{ background: #c6f716;}
.service-row.wht .mordetla{ color:#da1d21 !important; }
.service-row.wht .mordetla span:after{ background: #da1d21;}
.service-row .pull-left .txt-rt{ padding: 60px 40px 0 120px;}
.service-row.wht .mordetla::before { background: url(../images/hG.png) no-repeat left top;}
.service-row.wht .mordetla:hover{ color: #ff3260 !important;}

.mordetla::before {
-webkit-animation: 1s ease 0s normal none infinite running btm-arrow;
animation: 1s ease 0s normal none infinite running btm-arrow;}

@-webkit-keyframes btm-arrow {
16.65% { -webkit-transform: translateX(8px); transform: translateX(8px);}
33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px);}
49.95% {-webkit-transform: translateX(4px); transform: translateX(4px); }
66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px);}
83.25% {-webkit-transform: translateX(1px);transform: translateX(1px);}
100% {-webkit-transform: translateX(0); transform: translateX(0);}}
@keyframes btm-arrow  {
16.65% { -webkit-transform: translateX(8px); transform: translateX(8px);}
33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px);}
49.95% {-webkit-transform: translateX(4px); transform: translateX(4px); }
66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px);}
83.25% {-webkit-transform: translateX(1px);transform: translateX(1px);}
100% {-webkit-transform: translateX(0); transform: translateX(0);}}

canvas{ width: 100%; height: 100%;}
.ui-widget{ font-family: 'Source Sans Pro', sans-serif !important;}
.ui-icon-circle-triangle-w:before{ content: "<"}
.ui-datepicker-prev span{ background: url(../images/arw3.png) no-repeat center center !important; margin-top: -6px !important;}
.ui-datepicker-next span{ background: url(../images/arw1.png) no-repeat center center !important; margin-top: -6px !important;}
/*UX and UI*/

.uxui-sec3 .marktng-boxs .pic img{ width: 160px;}
.uxui-sec3 .marktng-boxs .pic{ min-height: 205px;}
.marktng-boxs .text h4{ color: #1f1c54; font: 600 20.83px/25px 'Poppins', sans-serif; text-transform: uppercase; min-height: 25px;}
.marktng-boxs:hover .text h4{ color: #fff;}
.uxui-sec3 .marktng-boxs{ min-height: 455px;}


/*web design*/
.webdesign-sec3 .marktng-boxs .pic{min-height: 95px;}
.marktng-boxs .text p{ margin-top: 15px;}
.webdesign-sec3 .marktng-boxs{min-height: 402px;}
.graphic-desin-pg{ padding-bottom: 0px !important;}
.top-heading p span a{color: #da1d21 !important;}


/*work*/ 

.workpg-sec2{ width: 100%; position: relative;}
.workpg-sec2inn{ width: 100%; position: relative;}
.workpg-sec2 .row{ margin: 0 -4px;}
.workpg-sec2 .col-sm-6{ padding: 0 4px;}
.work-box{ width: 100%; padding: 5px; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; margin-top: 30px;
}
.work-box .pic{ width: 100%; height: 340px;}
.work-box .pic img{ width: 100%; height: 100%; -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.work-box .text{ width: 100%; padding: 10px 30px; min-height: 161px;}
.work-box .text h4{ color: #1a1d22; font: 700 14.58px/20px 'Poppins', sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.work-box .text h4 span{ position: relative; display: inline-block; padding-bottom: 20px;}
.work-box .text h4 span:before{ position: absolute; bottom: 0px; left: -30px; width: 75px; height: 3px; background: #431d36; content: "";}
.work-box .text p{ font: 700 20px/30px 'Poppins', sans-serif; color: #1a1d22; margin-top: 5px;}
.workpg-sec2 .bo10 { bottom: inherit; top: 0px;}
.work-box:hover{ background: #1f1c54;} 
.work-box:hover .text h4{ color: #fff;}
.work-box:hover .text p{ color: #fff;}

.work-box:hover .pic img{ height: 300px;}
.pagination-sec{ width: 100%; text-align: center; padding: 20px 0;}
.pagination-sec ul li{ display: inline-block;}
.pagination-sec ul li a{ display: inline-block; color: #1a1d22; font: 600 14.58px/35px 'Poppins', sans-serif; width: 35px; height: 35px;}
.pagination-sec ul li.prev a{ background: #da1d21; color: #fff; border-radius: 90px;}
.pagination-sec ul li.prev img{ width: 10px;}
.pagination-sec ul li.prev{ padding-left: 25px;}

.pagination-sec ul li span{ display: inline-block; color: #1a1d22; font: 600 14.58px/35px 'Poppins', sans-serif; width: 35px; height: 35px;}
.pagination-sec ul li .next{ background: url(../images/p-next.png) no-repeat center center; color: #fff; border-radius: 90px; margin-left: 25px; background-size: 100% 100%; font-size: 0px !important; line-height: 48px;}
.pagination-sec ul li.prev img{ width: 10px;}
.pagination-sec ul li.prev{ padding-left: 25px;}
.pagination-sec ul li .prev{ background: url(../images/p-prev.png) no-repeat center center; color: #fff; border-radius: 90px; margin-right: 25px; background-size: 100% 100%; font-size: 0px !important; line-height: 48px;}
.pagination-sec ul li .current{ color: #da1d21;}

.work-clint-sec{ width: 100%; background: url(../images/clint-bg.jpg) no-repeat center center; background-size: 100% 100%;}
.work-b1{ width: 200px; height: 200px; background: url(../images/work-b1G.png) no-repeat center center; background-size: 150px; display: inline-block; position: absolute; top: 0px; left: 0px;}
.work-b2{ width: 270px; height: 148px; background: url(../images/work-b3.png) no-repeat center center; background-size: 150px; display: inline-block; position: absolute; top: 25%; left: 0px;}
.work-b3{ width: 300px; height: 200px; background: url(../images/work-b2G.png) no-repeat center center; background-size: 150px; display: inline-block; position: absolute; top: 0px; right: 0px;}
.work-b4{ width: 122px; height: 68px; background: url(../images/work-b4G.png) no-repeat center center; background-size: 90px; display: inline-block; position: absolute; bottom: 30px; right: 200px;}
.work-clint-sec h3{ color: #da1d21; font: normal 41.67px/45px 'CircularStd-Book';}
.work-clint-sec h3 span{ background: url(../images/br4.jpg) no-repeat bottom center; display: inline-block; padding-bottom: 26px;}
.work-clint-sec .gal-lst .pic-box{ background: url(../images/logos.png) no-repeat center center; background-size: 100% 100%; overflow: hidden;}
.work-clint-cont .gal-lst ul:first-child { margin-left: -16px;}
.work-clint-cont .gal-lst ul:last-child{ margin-left: 137px;}



.cont-frm-sec div.wpcf7-response-output{ width: 100%; float: left; text-align: left; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border: none !important; color: #da1d21 !important; font: 400 14.58px/20px 'Poppins', sans-serif;}
.cont-frm-sec .wpcf7-not-valid-tip{ border: none !important; color: #da1d21 !important; font: 400 14.58px/20px 'Poppins', sans-serif;text-align: left; padding: 7px 0;}



.cont-fld input[type="text"], .cont-fld input[type="email"], .cont-fld input[type="tel"], .cont-fld textarea, .cont-fld .btn, .cont-fld .inputfile + label, .cont-fld select{ -webkit-appearance: none;}



.service-row.wht .blog_rt h4 { color: #0a0a0a; font: 500 20.88px/30px 'Poppins', sans-serif;  text-transform: none;}
.service-row.wht .blog_rt h4 span::after{ background:#000; }
.service-row .blog_rt p{ font-size: 16.75px; line-height: 25px; }
.service-row .blog_rt p a{ text-decoration: none; outline: none; color: #424242; font-weight: 600; }


.footer_section .media_section .media-object{ width: 80px;}
.service-row{ overflow: hidden;}




.header_sec .nav_top .navbar-brand{ -moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

.gal-lst .pic-box{-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
height: 300px;}
.gal-lst .pic-box img{height: 100%; object-fit: cover;}
.hov-txt-bg{ background: #232055;}

.work-clint-sec .gal-lst .pic-box{display: flex;
justify-content: center;
align-items: center;height: auto !important;}
.work-clint-sec .gal-lst .pic-box img{ height: auto !important;}

/*5.1.2022*/
.onlyimgwhy{ min-height: auto !important;}
.onlyimgwhy img{ width: 100%;}


.clsgalext ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px !important;
margin-left: -15px !important;

margin-top: 0px !important;
}
.clsgalext ul:nth-of-type(odd){ justify-content: center;}

.clsgalext li{
    -webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; width: 100% !important; margin: 10px 0 0 0 !important; padding: 0 15px !important;
}
.clsgalext li .pic-box{ width: 100%; display: inline-block;}


.communication_innr { padding: 0 10%;}
.communication_box { height: 715px;}


.service_portfolio { width: 100%; padding: 65px 0 90px 0; }
.service_portfolio .top-heading h2 {color: #431d36; font: 400 50px/50px 'Poppins', sans-serif; padding-bottom: 10px; text-transform: uppercase; }
.service_portfolio .work-box .text { min-height: 110px;}

.service_portfolio .work-box .text { min-height: auto;}
.service_portfolio .work-box { box-shadow: 0 0 7px -3px #cecccc; }
.service_portfolio .load-more__btn-wrap{ width: 100%; display: flex; justify-content: center; align-items: center; margin: 15px 0 0; text-align: center; }
.service_portfolio .load-more__btn-wrap .load-more__btn{ }


.service_portfolio .load-more__btn-wrap .load-more__btn{ padding: 10px 30px; color:#fff; font: normal 20px/24px 'CircularStd-Bold'; color:#ffff; outline: none; text-decoration: none; text-transform: capitalize; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; margin-top: 35px; background: #da1d21; overflow: hidden; position: relative; } 


.service_portfolio .load-more__btn-wrap .load-more__btn::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.service_portfolio .load-more__btn-wrap .load-more__btn{ overflow: hidden;}
.service_portfolio .load-more__btn-wrap .load-more__btn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.service_portfolio .load-more__btn-wrap .load-more__btn:hover::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}


.nav_top .dropdown .sub-menu li{ width: 100%; margin: 0px; display: inline-block;}
.nav_top .dropdown .sub-menu li a{ width: 100%; margin: 0px; display: inline-block; color:#333 !important; font-size: 16.79px; line-height: 18px;}
.nav_top .dropdown .sub-menu li a:after{ display: none !important; }
.nav_top .dropdown .sub-menu li a:hover{ color: #c6f716 !important;}
.innerpg-head { z-index: 999;}

.dropdown-toggle.drop-arw {
  display: none;
}

.communication_box{ position: relative;}
.w-100{ width: 100%;}
.communication_Apsu{ width: 100%; position: absolute; top:0px; right:0px;}
.communication_box{ height: auto !important;}


.communication_Apsu {
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.communication_details{ margin-top: 0px !important;}

.banabsu{
  width: 100%;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
.banner_box{ width: 100%; position: relative;}
.banner_box .w-100{ height: 100%; object-fit:cover;}


/*fixing*/
.app-sec { margin-top: -545px;}
.communication_sec .container{ max-width: 1170px; }
.communication_sec .communication_innr{ padding: 0px !important; }
.communication_innr .communication_Apsu { width: 100%; position: inherit; top: inherit; right: inherit; transform: inherit; bottom: inherit; display: flex;  justify-content: center;}
.communication_innr .carousel-indicators { bottom: -55px; }
.communication_innr .carousel-indicators li { border-color: #333;}
.communication_innr .carousel-indicators li.active{ background: #333; }
.communication_innr .carousel-indicators { bottom: -55px; left: 50%; width: 100%; padding-left: 0; margin-left: 0; transform: translate(-50%, 0);}

.app-sec .app-Itm .pic i { width: 125px; height: 125px;}
.app-sec .app-Itm .text { margin-top: 10px;}
.app-sec .app-sec .app-Itm .text p{ font-size: 18px; line-height: 30px; }
.app-sec .app-Itm .titl{ font-size: 32px; line-height: 38px; margin-top: 15px; }

.app-sec .app-Itm { padding: 0 10% 70px; overflow: hidden; zoom: 1; min-height: 280px;}
.app-sec .app-Itm .pic { width: 200px; display: table-cell; vertical-align: top; padding-right: 30px;}
.app-sec .app-Itm .text { padding: 0; margin-top: 0; display: table-cell; vertical-align: middle; width: 10000px; text-align: left;}

/*.app-Itm .text p {
  min-height: 165px;
}*/
.app-sec .carousel-indicators li { margin: 0px 3px;}


/*works_portfolio_filter*/
.tab-content{ display: none; }
.filter_works{ width: 100%; display: inline-block; padding: 15px 0;}
.works_menu{ width: 100%; padding: 0px; }
.works_menu li{ float: left; margin: 5px 15px 5px 0; }
.works_menu li:last-child{ margin-right: 0px; }
.works_menu li a{ background: #fff; color:#da1d21; padding: 8px 12px; border-radius: 3px; float: left; border: 1px solid #da1d21; }
.works_menu li.current a{background: #da1d21; color:#fff; }

.load-more__btn-wrap{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 30px 0 0; }
.load-more__btn-wrap a{ padding: 10px 20px; background: #da1d21; color:#fff; display: inline-block; text-transform: capitalize; border-radius: 5px; }





.newcalssAppsec {
  padding: 60px 0;
  margin: 0px !important;
}
.pr-0{ padding-right:0px !important; }



.contactMapsec{ width: 100%; padding-bottom: 70px;}
.contactMapsec iframe{ width: 100% !important; height: 350px !important; border-radius: 15px;border: 5px solid #f2f2f2 !important;}


.btns {
  display: inline-block;
  background: #fff;
  border-radius: 7px;
  padding: 12px 29px;
  font-size: 14px;
  font-weight: 700;
  color: #34306b;
  margin-top: 25px;
  text-transform: capitalize;
}



.fixdPanl{ position: fixed; top: 50%; right: 11px; z-index: 6666666;}
.sosLnk{ background: rgba(0,0,0,0.8);
  padding: 3px;
  border-radius: 5px;}
.sosLnk li a {
  width: 28px;
  display: inline-block;
}
.sosLnk li{ padding: 5px;}
.sosLnk li img{ max-width: 100%;}


.contLink li a {
  font-size: 20px;
  color: #fff;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.contLink li.numPhon a{ background: #d51a1e;}
.contLink li.numWhats a{ background: #25d366;}
.contLink li{ margin: 4px 0;}


.header_sec.fixed1 .nav_top .navbar-brand{ width: 88px; margin-left: -44px; padding: 11px;}
.header_sec.fixed1 .menu_sec {
  margin: 33px 0 0 !important;
}

.cont-fld select {
  background: url(../images/arA.png) no-repeat right 20px center #fff;
}

.modalForm h2 {
  color: #da1d21;
  font: 22px/40px 'CircularStd-Book';
  text-transform: uppercase;
}

.modalForm p {
  color: #1a1d22;
  font: 300 20px/30px 'Poppins', sans-serif;
  margin-top: 15px; padding-bottom: 20px;
}
.cont-fld p{ padding-bottom: 0px;}

.close {
  font-size: 39px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
  width: 45px;
  height: 45px;
}


.modalForm .modal-dialog{ width: 100%;
    margin: 30px auto;
    max-width: 800px;}
.modalForm .cont-fld input[type="text"], .modalForm .cont-fld input[type="email"], .modalForm .cont-fld input[type="tel"], .modalForm .cont-fld textarea, .modalForm .btn, .cont-fld .inputfile + label, .modalForm .cont-fld select{ font: 400 16.11px/19px 'Source Sans Pro', sans-serif; height: 40px; padding: 0 12px; border-radius: 5px;}
.modalForm p{ margin: 0px !important;}
.modalForm .cont-fld input[type="submit"]{ height: 40px;
  padding: 0 31px;
  font: 500 15.24px/26px 'Poppins', sans-serif; margin-top: 0px;}
.popRtForm { margin: 10px 0;}


.modal-backdrop{ z-index: 1040111;}
.modal{   z-index: 1050111;}

.modalForm .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}


.hedFxdprt p{ font-size: 13px; line-height: 16px; }
.hedFxdprt{ background:#c6f716; position: relative; top: 0px; left: 0px; width: 100%; padding: 5px 10px; text-align: center;}
.regsBtn{
  background: #431d36;
  color: #c6f716 !important;
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  border-radius: 23px; margin-left: 10px; font-family: 'Poppins', sans-serif;
}


.header_sec{ padding: 0px !important;}
.closeReserve {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #431d36 !important;
  font-size: 32px;
  width: 50px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}



/*Color Change*/

.menu_sec li.current_page_item a{ color: #c6f716 !important;}
.menu_sec li.current_page_item a::after { background: #c6f716 !important;}
.communication_details a, .modalForm .cont-fld input[type="submit"], .prflo-btn span, .cont-fld input[type="submit"], load-more__btn, .service_portfolio .load-more__btn-wrap .load-more__btn{ background: #431d36 !important; color:#c6f716 !important; }
.cont-fld input[type="submit"]:hover{ background:#c6f716 !important; color:#431d36 !important;}
.prflo-btn span::before, .communication_details a::before, load-more__btn:before{ background:#c6f716 !important; }
.prflo-btn span:hover, .communication_details a:hover, .load-more__btn:hover{ color:#431d36 !important;}




.modalForm h2, .about_left_txt h4, .top-heading h1, .top-heading p span a, .work-clint-sec h3, .our-skals-sec h2, .app-dign-sc-lft h2{ color: #431d36;}
.about_rt{ background-color: #431d36;}
.about_rt h3{ color:#c6f716 !important;}
.srv-box:hover {
  background: #c6f716;
}
.idx_srv_sec h3{ color:#c6f716 !important;}
.app-sec .carousel-indicators li{ border-color:#431d36;}
.app-sec .carousel-indicators li.active{ background:#431d36;}

.about_left_txt p span {
  color: #431d36;
}

.works_menu li a{ color: #431d36; border-color:#431d36;}
.works_menu li.current a{ background:#431d36;}
.service-row.wht .mordetla span::after {background: #c6f716;}
.service-row.wht .mordetla {
  color: #c6f716 !important;
}
.service-row.wht .mordetla:hover {
  color: #431d36 !important;
}
.mordetla:hover span::after {
  background: #431d36 !important;
}

.top-heading p span {
  color: #c6f716;
}

svg.radial-progress circle.complete{ stroke: #431d36 !important;}
.top-heading p span a {
  color: #c6f716 !important;
}

.contct-boxs i span{ background: #431d36 !important;}
.contct-boxs h4{  color: #431d36 !important;}



.footer_section{ padding: 120px 0;}



.menu_sec{ margin: 0px !important;}
.menu_sec > li{ padding: 26px 0;}
.nav_top .navbar-brand{ padding: 12px;}
.nav_top .dropdown .sub-menu li{ padding: 0px !important;}
.nav_top .navbar-brand{ width: 130px; margin: 0px !important;  transform: translateX(-50%);}
.header_sec.fixed1 .nav_top .navbar-brand{ margin-left: 0;}
.header_sec.fixed1 .menu_sec {
  margin: 0 !important;
}
.header_sec.fixed1 .menu_sec > li {
  padding: 15px 0;
}



.srv-box i img{ filter: brightness(0) invert(1);}

.srv-box:hover i img{ filter: inherit;}
.srv-box:hover h4, .srv-box:hover .mordtl{ color:#431d36 !important;}
.srv-box:hover .mordtl{ background: url(../images/hP.png) no-repeat left top;}


.modalForm .modal-dialog{
    min-height: calc(100% - (1.75rem * 2));
  display: flex;
  align-items: center;
  }
.marktng-boxs:hover{ background: #431d36;}

.wpcf7-not-valid-tip {
  font-size: 13px !important;
  line-height: 15px;
  margin-top: 7px;
}

.btns{ background: #431d36 !important; color: #c6f716 !important; border-radius: 60px; display: inline-block; padding: 10px 20px;font-size: 14px;
  font-weight: 700;}
.btns:hover{ background: #c6f716 !important; color: #431d36 !important;}
.top-heading p{ padding-bottom: 24px;}

.prflo-btn span{ display: inline-block; padding: 12px 27px;
  border-radius: 40px; font: normal 15px/18px 'CircularStd-Bold';}
.prflo-btn span:hover{ background: #c6f716 !important; color: #431d36 !important;}












@media (min-width: 768px) and (max-width:9000px) {

.d-md-block{ display: block !important;}
.d-md-none{ display: none !important;}

}

@media (min-width: 1400px) and (max-width:9000px) {
.app-sec {margin-top: -630px;}



}


@media (min-width: 1200px) and (max-width:9000px) {

.clsgalext li .pic-box {
    width: 260px;}
.clsgalext ul.clsrwadj{ margin-left: -25% !important;}
.clsgalext{ overflow: hidden;}

}



@media (min-width: 768px) and (max-width:9000px) {
.nav_top .dropdown .sub-menu { /*-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s;*/ max-height: 0; display: block; opacity: 0;visibility: hidden;  margin:0px; 
    width: 250px; padding: 10px; max-height: 600px;
   border-radius: 8px; left: 0; right: inherit; transform: translate(0, 10px);
transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in; background: #fff !important; border-radius: 10px; border: none; box-shadow: 0px 4px 6px -2px #10182808; box-shadow: 0px 12px 16px -4px #10182814; position: absolute; }
.nav_top .dropdown:hover .sub-menu {  opacity: 1; visibility: visible; height: auto; transform: translate(0,0); }




}




@media (min-width: 768px) and (max-width:8000px) {


.header_sec.fixed1{ background: rgba(0,0,0,0.9); position: fixed; /*-webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;*/ z-index: 999999;padding: 12px 0;}






}

@media (min-width: 1700px) and (max-width: 5000px) {

.top-heading p{padding-bottom: 17px;}




} 
@media (min-width: 1700px) and (max-width: 1899px) {
/*service-sec*/ 
.idx_srv_sec h3, .app-sec h3{ font-size: 160px; line-height: 160px;} 
 
 
 /*contact us*/


.top-heading h1{ font-size: 70px; line-height: 76px;}
 
 
}  
@media (min-width: 1700px) and (max-width: 1799px) {

.container{ width: 1680px;}
.sml_icon6{ right: -18px;}


 
}  
@media (min-width: 1500px) and (max-width: 1699px) {
.container{ width: 1470px; }

.foot_box1{padding-left: 0; font-size: 22.04px; line-height: 24px;}
.foot_box1 h4{font-size: 32.46px; line-height: 34px;}
.foot_icon_box ul li{width:50px;}
.foot_box1 ul li{font-size: 22.04px; line-height: 24px;}
.foot_box2 h4{font-size: 32.46px; line-height: 34px; background-position: top 0px left;  text-align: left; padding-left: 50px;}
.foot_box2 p{font-size: 22.04px; line-height: 24px;}
.foot_box3 h4{font-size: 32.46px; line-height: 34px;}
.media_section p br{display: none;}
.media_section a{margin-top: 5px;font-size: 16.75px; line-height: 23px; }
.media_section p{ padding-top: 0;}

.nav_top .navbar-brand { width: 220px; margin-left: -110px;}
.menu_sec li a{ font-size: 18.79px; line-height: 20px; padding: 12px 0 10px; }
.menu_sec { margin: 94px 0 0 !important;}
.banner_detailsBox span.ban_heading{ font-size: 70.39px; line-height: 80px; }
.banner_detailsBox span.ban_img img { max-width: 90%;}
.banner_box{ min-height: 1000px; }
.sml_icon2 { width: 128px; height: 132px; left: -15px; bottom: -65px;}
.sml_icon3 { bottom: 54px;}
.sml_icon4 { bottom: 40px;}
.sml_icon6{ width: 128px; height: 132px; right: -15px; bottom: -65px;}
.sml_icon5 { bottom: 50px;}
.about_left {  padding: 0 170px 200px 100px;}
.about_left_txt { padding: 25px 0 0;}
.about_left_txt h4{ font-size: 25.17px; line-height: 30px; }
.about_left_txt h3{ font-size: 42.08px; line-height: 51px; }
.about_left_txt a.prflo-btn{ margin: 16px 0 6px 0;}
.about_left_txt a.prflo-btn span{ font-size: 18.99px; line-height: 20px; padding: 8px 26px; }
.about_left_txt p{ font-size: 15.75px; line-height: 23.04px; padding-top: 16px; }
.about_rt h3{ font-size: 80px; line-height: 72px; }
.about_innr { padding: 0 15px 130px;}
.communication_details h3{ font-size: 50.92px; line-height: 62px; }
.communication_details p{ font-size: 20px; line-height: 27px; padding: 15px 0 0; }
.communication_details a {  padding: 12px 24px; font-size: 20px; line-height: 25px; margin-top: 20px; }
.communication_box { height: 730px;}
.communication_details { margin-top: 220px;}
.communication_sec { padding-bottom: 80px;}
.why_rt { min-height: 650px; padding: 25px; }
.why_sec { padding: 60px 0; min-height: 800px;}
.why_box { width: 480px; padding: 100px 0 0 40px;}
.why_box h2{ font-size: 60.33px; line-height: 66px; }
.why_box ul li{ margin-top: 36px; font-size: 15.75px; line-height: 18px; }



/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 150px; line-height: 150px;}
.srv-box{ padding: 48px 20px; min-height: 303px;}
.why_rt_innr { min-height: 600px;}


/*contact us*/


.top-heading h1{ font-size: 60px; line-height: 66px;}



.communication_innr { padding: 0 15%;}
.communication_box { height: 590px;}







.menu_sec{ margin: 0px !important;}
 .nav_top .navbar-brand {
    width: 126px;}
.menu_sec > li {
  padding: 34px 0;
}
.header_sec.fixed1 .menu_sec > li {
  padding: 19px 0;
}








}

@media (min-width: 1400px) and (max-width: 1499px) {
.container{ width: 1370px; }



.nav_top .navbar-brand { width: 220px; margin-left: -110px;}
.menu_sec li a{ font-size: 18.79px; line-height: 20px; padding: 12px 0 10px; }
.menu_sec { margin: 94px 0 0 !important;}
.banner_detailsBox span.ban_heading{ font-size: 70.39px; line-height: 80px; }
.banner_detailsBox span.ban_img img { max-width: 90%;}
.banner_box{ min-height: 1000px; }
.sml_icon2 { width: 128px; height: 132px; left: -15px; bottom: -65px;}
.sml_icon3 { bottom: 54px;}
.sml_icon4 { bottom: 40px;}
.sml_icon6{ width: 128px; height: 132px; right: -15px; bottom: -65px;}
.sml_icon5 { bottom: 50px;}
.about_left {  padding: 0 170px 200px 100px;}
.about_left_txt { padding: 25px 0 0;}
.about_left_txt h4{ font-size: 25.17px; line-height: 30px; }
.about_left_txt h3{ font-size: 42.08px; line-height: 51px; }
.about_left_txt a.prflo-btn { margin: 16px 0 6px 0;}
.about_left_txt a.prflo-btn span{ font-size: 18.99px; line-height: 20px; padding: 8px 26px; }
.about_left_txt p{ font-size: 15.75px; line-height: 23.04px; padding-top: 16px; }
.about_rt h3{ font-size: 70px; line-height: 68px; }
.about_innr { padding: 0 15px 130px;}
.communication_details h3{ font-size: 50.92px; line-height: 62px; }
.communication_details p{ font-size: 20px; line-height: 27px; padding: 15px 0 0; }
.communication_details a {  padding: 12px 24px; font-size: 20px; line-height: 25px; margin-top: 20px; }
.communication_box { height: 730px;}
.communication_details { margin-top: 220px;}
.communication_sec { padding-bottom: 80px;}
.why_rt { min-height: 650px; padding: 25px;}
.why_sec { padding: 60px 0; min-height: 800px;}
.why_box { width: 480px; padding: 100px 0 0 40px;}
.why_box h2{ font-size: 60.33px; line-height: 66px; }
.why_box ul li{ margin-top: 36px; font-size: 15.75px; line-height: 18px; }
.why_rt_innr { min-height: 600px;}
















.foot_box1{padding-left: 0; font-size: 22.04px; line-height: 24px;}
.foot_box1 h4{font-size: 30.46px; line-height: 34px;}
.foot_icon_box ul li{width:50px;}
.foot_box1 ul li{font-size: 22.04px; line-height: 24px;}
.foot_box2 h4{font-size: 30.46px; line-height: 34px; background-position: top 0px left; text-align: left; padding-left: 50px;}
.foot_box2 p{font-size: 22.04px; line-height: 24px;}
.foot_box3 h4{font-size: 30.46px; line-height: 34px;}
.media_section p br{display: none;}
.media_section a{margin-top: 5px;font-size: 16.75px; line-height: 23px; }
.media_section p{ padding-top: 0;}


/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 120px; line-height: 120px;}


/*contact us*/


.top-heading h1{ font-size: 50px; line-height: 56px;}

/*graphic-design*/
.graphc-colm h4{ font-size: 30px; line-height: 35px;}





}

@media (min-width: 1200px) and (max-width: 1399px) {
.container{ width: 1170px; }





.nav_top .navbar-brand { width: 160px; margin-left: -80px;}
.menu_sec li a{ font-size: 18.79px; line-height: 20px; padding: 12px 0 10px; }
.menu_sec { margin: 61px 0 0 !important;}
.banner_detailsBox span.ban_heading{ font-size: 55.39px; line-height: 69px; }
.banner_detailsBox span.ban_img img { max-width: 70%;}
.banner_box{ min-height: 795px; }
.sml_icon2 { width: 101px; height: 101px; left: -15px; bottom: -65px;}
.sml_icon3 { bottom: 54px;}
.sml_icon4 { bottom: 40px;}
.sml_icon6{ width: 101px; height: 101px; right: -15px; bottom: -65px;}
.sml_icon5 { bottom: 50px;}
.about_left {  padding: 0 170px 200px 100px;}
.about_left_txt { padding: 25px 0 0;}
.about_left_txt h4{ font-size: 22.17px; line-height: 28px; }
.about_left_txt h3{ font-size: 37.08px; line-height: 51px; }
.about_left_txt a.prflo-btn { margin: 16px 0 6px 0;}
.about_left_txt a.prflo-btn span{ font-size: 18.99px; line-height: 20px; padding: 8px 26px; }
.about_left_txt p{ font-size: 15.75px; line-height: 23.04px; padding-top: 16px; }
.about_rt h3{ font-size: 62px; line-height: 62px; }
.about_innr { padding: 0 15px 130px;}
.communication_details h3{ font-size: 50.92px; line-height: 62px; }
.communication_details p{ font-size: 20px; line-height: 27px; padding: 15px 0 0; }
.communication_details a {  padding: 12px 24px; font-size: 20px; line-height: 25px; margin-top: 20px; }
.communication_box { height: 730px;}
.communication_details { margin-top: 220px;}
.communication_sec { padding-bottom: 80px;}
.why_rt { /*min-height: 583px;*/ width: 57%; padding: 20px; }
.why_sec { padding: 60px 0; min-height: 752px;}
.why_box { width: 480px; padding: 60px 0 0 40px;}
.why_box h2{ font-size: 60.33px; line-height: 66px; }
.why_box ul li{ margin-top: 36px; font-size: 15.75px; line-height: 18px; }











/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 120px; line-height: 120px;}
.idx_srv_sec h3{ letter-spacing: 7px;}
.app-sec h3{ letter-spacing: 3px;}
.srv-box h4{ font-size: 24px; line-height: 30px;}
.srv-box{ padding: 41px 20px; min-height: 282px;}
.app-Itm .titl{ font-size: 54px; line-height: 50px;}








.footer_section{padding:50px 0;}
.foot_box1{padding-left: 0; font-size: 22.04px; line-height: 23px;}
.foot_box1 h4{font-size: 27.46px; line-height: 30px;}
.foot_icon_box ul li{width:50px;}
.foot_box1 ul li{font-size: 18.04px; line-height: 22px; background-size: 24px;}
.foot_box2 h4{font-size: 27.46px; line-height: 34px; background-position: top 0px left; text-align: left; padding-left: 50px; background-size: 24px; padding-bottom: 5px;}
.foot_box2 p{font-size: 19.04px; line-height: 24px;}
.foot_box3 h4{font-size: 27.46px; line-height: 34px;}
.media_section p br{display: none; }
.media_section a{margin-top: 5px;font-size: 15.75px; line-height: 23px; }
.media_section p{ padding-top: 0; font-size: 17px; line-height: 21px;}
.foot_icon_box ul{margin-top: 10px;}
.foot_icon_box ul{margin-top: 12px;}
.media_section .media-left .media-object{width: 80px;}
.media_section .media-body{padding-left: 0px;}


.why_rt_innr { min-height: 583px;}
.why_box { padding: 80px 0 0 40px;}
.about_left_innr { margin-top: -160px;}
.about_left { padding: 0 170px 100px 100px;}
.sml_icon3 { bottom: -37px;}
.about_left { padding: 0 109px 100px 50px;}
.about_left_pic { width: 540px;}




/*contact*/


.contct-info-sec .container{ width: 1170px;}
.top-heading h1{ font-size: 50px; line-height: 56px;}
.bo8{ right: -38px;}
.contct-boxs p{ font-size: 16px;}


/*graphic-design*/
.graphc-colm h4{ font-size: 30px; line-height: 35px;}




.communication_innr { padding: 0 10%;}
.communication_box { height: 506px;}
.communication_details { margin-top: 74px; }


.service_portfolio { width: 100%; padding: 50px 0 70px 0; }
.service_portfolio .top-heading h2 { font-size: 36px; line-height: 42px; }



.app-sec .app-Itm { padding: 0 5% 70px; overflow: hidden; zoom: 1; min-height: 250px;}
.app-sec .app-Itm .pic { width: 200px; display: table-cell; vertical-align: top; padding-right: 30px;}
.app-sec .carousel-indicators li { margin: 0px 3px;}
.app-sec .app-Itm .pic i { width: 110px; height: 110px; }
.app-sec .app-Itm .text { margin-top: 10px;}
.app-sec .app-Itm .text p { font-size: 16px; line-height: 26px;  }
.app-sec .app-Itm .titl { font-size: 24px; line-height: 32px; margin-top: 15px; }



.menu_sec{ margin: 0px !important;}
 .nav_top .navbar-brand {
    width: 126px;}
.menu_sec > li {
  padding: 34px 0;
}
.header_sec.fixed1 .menu_sec > li {
  padding: 19px 0;
}







}
  
@media (min-width: 992px) and (max-width: 1199px) 
{
.container{ width: 970px; }
.header_sec .container{ width: 970px; }

.nav_top .navbar-brand { width: 160px; margin-left: -80px;}
.menu_sec li a{ font-size: 18.79px; line-height: 20px; padding: 12px 0 10px; }
.menu_sec { margin: 61px 0 0 !important;}
.banner_detailsBox span.ban_heading{ font-size: 44.39px; line-height: 59px; }
.banner_detailsBox span.ban_img img { max-width: 70%;}
.banner_box{ min-height: 795px; }
.sml_icon2 { width: 101px; height: 101px; left: -15px; bottom: -65px;}
.sml_icon3 { bottom: 54px;}
.sml_icon4 { bottom: 40px;}
.sml_icon6{ width: 101px; height: 101px; right: -15px; bottom: -65px;}
.sml_icon5 { bottom: 50px;}
.about_left {  padding:0 16px 244px 31px;}
.about_left_txt { padding: 25px 0 0;}
.about_left_txt h4{ font-size: 22.17px; line-height: 28px; }
.about_left_txt h3{ font-size: 37.08px; line-height: 51px; }
.about_left_txt a.prflo-btn { margin: 16px 0 6px 0;}
.about_left_txt a.prflo-btn span{ font-size: 18.99px; line-height: 20px; padding: 8px 26px; }
.about_left_txt p{ font-size: 15.75px; line-height: 23.04px; padding-top: 16px; }
.about_rt h3{ font-size: 62px; line-height: 62px; }
.about_innr { padding: 0 15px 130px;}
.communication_details h3{ font-size: 50.92px; line-height: 62px; }
.communication_details p{ font-size: 20px; line-height: 27px; padding: 15px 0 0; }
.communication_details a {  padding: 12px 24px; font-size: 20px; line-height: 25px; margin-top: 20px; }
.communication_box { height: 730px;}
.communication_details { margin-top: 220px;}
.communication_sec { padding-bottom: 80px;}
.why_rt { /*min-height: 500px;*/ width: 55%; padding: 20px;}
.why_sec { padding: 27px 0; min-height: 660px;}
.why_box { width: 42%; padding:60px 0 0 22px;}
.why_box h2 { font-size: 52.33px; line-height: 58px;}
.why_box ul li{ margin-top: 36px; font-size: 15.75px; line-height: 18px; }
.about_left_pic{ width: 524px;}
.header_sec.fixed1 .nav_top .navbar-brand { width: 130px; margin-left: -65px;}

/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 96px; line-height: 96px;}
.idx_srv_sec h3{ letter-spacing: 4px;}
.app-sec h3{ letter-spacing: 2px;}
.srv-box h4{ font-size: 24px; line-height: 30px;}
.srv-box{ padding: 41px 20px; min-height: 282px;}
.app-Itm .titl{ font-size: 54px; line-height: 50px;}
.app-Itm .text p{ font-size: 17px; line-height: 30px;}
.srv-box i img{ width: 110px;}



.footer_section{padding:50px 0;}
.foot_box1{padding-left: 0; font-size: 22.04px; line-height: 23px;}
.foot_box1 h4{font-size: 23.46px; line-height: 25px;}
.foot_icon_box ul li{width:35px; margin-left:0;}
.foot_box1 ul li{font-size: 17.04px; line-height: 20px; background-size: 24px;}
.foot_box2 h4{font-size: 23.46px; line-height: 30px; background-position: top 0px left; text-align: left; padding-left: 50px; background-size: 25px; padding-bottom: 5px;}
.foot_box2 p{font-size: 15.04px; line-height: 24px;}
.foot_box3 h4{font-size: 23.46px; line-height: 34px;}
.media_section p br{display: none; }
.media_section a{margin-top: 5px;font-size: 12.75px; line-height: 17px; }
.media_section p{ padding-top: 0; font-size: 14px; line-height: 18px;}
.foot_icon_box ul{margin-top: 10px;}
.media_section .media-left .media-object{width: 60px;}
.media_section .media-body{padding-left: 0px;}


.why_rt_innr { min-height: 480px;}
.why_box { padding: 100px 0 0 22px;}
.about_left_innr { margin-top: -160px;}
.about_left { padding: 0 170px 100px 100px;}
.sml_icon3 { bottom: -37px;}
.about_left { padding: 0 109px 100px 50px;}
.about_left_pic { width:  510px;}




/*contact*/


.innerpg-main-body .container{ width: 970px;}
.contct-info-sec .container{ width: 970px;}
.top-heading h1{ font-size: 50px; line-height: 56px;}
.top-heading p{ font-size: 19px; line-height: 35px;}
.top-heading{ padding: 0 180px 45px;}
.bo8{ right: -10px;}
.contct-boxs p{ font-size: 16px;}

/*about us*/

.gal-lst ul li{ width: 228px; margin-right: 10px;margin-top: 10px;}
.gal-lst ul:last-child { margin-top: -69px; margin-left: -2px;}
.gal-lst ul:first-child { margin-left: 1px;}
.gal-lst .hov-txt{ font-size: 15px;}
.some-eud h3{ padding: 0 0 20px 0; font-size:35px; line-height: 45px;}
.our-skalsbox .text span{ font-size: 25px;}


/*app-design*/
.app-dign-sc-lft h2{ font-size: 26px; line-height: 35px;}
.app-dign-sc-lft{ padding: 0;}
.app-design-userLst-inn{ padding: 0 70px;}
.about-us-pg .top-heading{ min-height: 350px;}



/*branding design*/
.brand-desin-chart h3{ font-size: 30px;}
.innerpg-main-body .container{ position: relative; z-index: 2;}

/*graphic-design*/
.graphc-colm h4{ font-size: 25px; line-height: 35px;}
.graphc-colm p{ font-size: 15px; line-height: 20px; margin-top: 10px;}
.graphc-colm{ padding: 0px 0 37px 0;}



/*service*/

.service-row .txt-rt{ padding: 30px 0px 0 0;}
.service-row .pull-left .txt-rt{ padding: 30px 0 0 0;}
.service-row h4{ font-size: 23px;}
.service-row h4 span{ padding-bottom: 12px;}
.service-row p{ font-size: 17px;}
.mordetla{ font-size: 17px;}


/*ux and ui*/
.marktng-boxs .text h4{ font-size: 18px;}
.uxui-sec3 .marktng-boxs .pic img{ width: 130px;}
.uxui-sec3 .marktng-boxs .pic { min-height: 170px;}
.uxui-sec3 .marktng-boxs { min-height: 424px;}




/*web design*/
.webdesign-sec3 .marktng-boxs{min-height: 415px;}
.webdesign-sec3 .marktng-boxs .text h4{ min-height: 35px;}
.webdesign-sec3 .marktng-boxs .pic { min-height: 85px;}

/*work*/
.work-clint-cont .gal-lst ul li{ margin-right: 10px;}
.work-clint-cont .gal-lst ul:last-child { margin-left: 110px;}
.work-box .pic{ height: 300px;}
.work-box:hover .pic img { height: 278px;}
.work-box .text p{ font-size: 17px;}
.work-clint-sec h3{ font-size: 35px; line-height: 40px;}

.about_innr { padding: 0 15px 90px; }
.communication_innr { padding: 0 10%;}
.communication_box { height: 440px;}
.communication_details { margin-top: 70px; }

.communication_sec .container{ max-width: 970px; }

.app-sec .app-Itm { padding: 0 5% 70px; overflow: hidden; zoom: 1; min-height: 260px;}
.app-sec .app-Itm .pic { width: 200px; display: table-cell; vertical-align: top; padding-right: 20px;}
.app-sec .carousel-indicators li { margin: 0px 3px;}
.app-sec .app-Itm .pic i { width: 110px; height: 110px; }
.app-sec .app-Itm .text { margin-top: 10px;}
.app-sec .app-Itm .text p { font-size: 15px; line-height: 24px;  }
.app-sec .app-Itm .titl { font-size: 20px; line-height: 26px; margin-top: 10px; }


.header_sec.fixed1 .nav_top .navbar-brand{ width: 86px; margin-left: -43px;}





.menu_sec{ margin: 0px !important;}
 .nav_top .navbar-brand {
    width: 126px;}
.menu_sec > li {
  padding: 34px 0;
}
.header_sec.fixed1 .menu_sec > li {
  padding: 19px 0;
}











}

 
 
 
@media (min-width: 768px) and (max-width: 991px) {
.container{ width: 750px; }
.header_sec .container{ width: 750px; }


.nav_top .navbar-brand { width: 100px; margin-left: -50px;}
.menu_sec li a{ font-size: 15.79px; line-height: 20px; padding: 12px 0 10px; }
.menu_sec { margin: 26px 0 0 !important;}
.banner_detailsBox span.ban_heading{ font-size: 35px; line-height: 50px; }
.banner_detailsBox span.ban_img img { max-width: 70%;}
.banner_box{ min-height: 700px; }
.sml_icon2 { width: 80px; height: 80px; left: -15px; bottom: -65px;}
.sml_icon3 { bottom: 54px; width: 41px;}
.sml_icon4 { bottom: 40px; width: 41px;}
.sml_icon6{ width: 80px; height: 80px; right: -15px; bottom: -65px;}
.sml_icon5 { bottom: 50px;}
.about_left {  padding:0 30px 150px 30px; margin-top: 0;}
.about_left_txt { padding: 25px 0 0;}
.about_left_txt h4{ font-size: 20px; line-height: 28px; }
.about_left_txt h3{ font-size: 30.08px; line-height: 43px; }
.about_left_txt a.prflo-btn { margin: 16px 0 6px 0;}
.about_left_txt a.prflo-btn span{ font-size: 18.99px; line-height: 20px; padding: 8px 26px; }
.about_left_txt p{ font-size: 15.75px; line-height: 23.04px; padding-top: 16px; }
.about_rt h3{ font-size: 48px; line-height: 48px; }
.about_innr { padding: 0 15px 55px;}
.communication_details h3{ font-size: 35px; line-height: 49px; }
.communication_details p{ font-size: 18px; line-height: 25px; padding: 15px 0 0; }
.communication_details a {  padding: 9px 24px; font-size: 17px; line-height: 25px; margin-top: 20px; }
.communication_box { height: 508px;}
.communication_details { margin-top: 135px;}
.communication_sec { padding-bottom: 80px;}
.why_rt { /*min-height: 500px;*/ width: 55%; padding: 20px; }
.why_sec { padding: 27px 0; min-height: 660px;}
.why_box { width: 42%; padding:60px 0 0 0px;}
.why_box h2{ font-size: 48.33px; line-height: 62px; }
.why_box ul li{ margin-top: 30px; font-size: 13.75px; line-height: 18px; }
.about_left_pic{ width: 100%;}


.header_sec{ padding: 20px 0;}
.menu_sec li { margin: 0 29px 0 0;}
.banner_detailsBox{ width: 100%;}
.about_left_innr{ margin-top: -120px;}
.mid_sec .col-sm-4{ width: 40%;}
.mid_sec .col-sm-8{ width: 60%;}
.header_sec.fixed1 .nav_top .navbar-brand { width: 130px; margin-left: -65px;}





/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 66px; line-height: 66px;}
.idx_srv_sec h3{ letter-spacing: 4px;}
.app-sec h3{ letter-spacing: 2px; background-size: 29%; padding-top: 54px;}
.srv-box h4{ font-size: 19px; line-height: 23px; padding: 14px 0 6px;}
.srv-box{ padding: 29px 20px; min-height: 192px;}
.app-Itm .titl{ font-size: 43px; line-height: 43px; margin-top: 15px;}
.app-Itm .text p{ font-size: 16px; line-height: 29px;}
.srv-box i img{ width: 64px;}
.colm:hover .srv-box::before{ width: 60px; height: 60px;}
.colm:hover .srv-box::after{  width: 60px; height: 60px; }
.srv-box .mordtl { font-size: 15px; line-height: 30px; margin-top: 3px; background-size: 26px; background-position: left 4px; padding-left: 30px; }
.idx_srv_sec{ padding: 50px 0 275px 0;}
.app-sec{ margin-top: -469px;}
.app-Itm .text{ padding: 0px;}
.app-Itm{ padding-bottom: 104px;}






.footer_section{padding:50px 0;}
.foot_box1{padding-left: 0; font-size: 22.04px; line-height: 23px;}
.foot_box1 h4{font-size: 19.46px; line-height: 25px; padding-top: 0px;}
.foot_icon_box ul li{width:25px; margin-left:0;}
.foot_box1 ul li{font-size: 14.04px; line-height: 14px; background-size: 20px; padding-left: 34px; height: 57px;}
.foot_box2 h4{font-size: 19.46px; line-height: 30px; background-position: top 0px left; text-align: left; padding-left: 30px; background-size: 20px; padding-bottom: 5px;}
.foot_box2 p{font-size: 13.04px; line-height: 20px; padding-left: 30px;}
.foot_box3 h4{font-size: 19.46px; line-height: 34px; padding-left: 15px; padding-bottom: 0px;}
.media_section p br{display: none; }
.media_section a{margin-top: 5px;font-size: 12.75px; line-height: 17px; }
.media_section p{ padding-top: 0; font-size: 14px; line-height: 18px;}
.foot_icon_box ul{margin-top: 10px;}
.media_section .media-left .media-object{width: 60px;}
.media_section .media-body{padding-left: 0px;}
.media_section{padding-bottom: 15px;}


.why_rt_innr { min-height: 480px;}
.why_box { padding: 100px 0 0 22px;}









/*contact*/


.innerpg-main-body .container{ width: 750px;}
.contct-info-sec .container{ width: 750px;}
.top-heading h1{ font-size: 33px; line-height: 38px;}
.top-heading p{ font-size: 18px; line-height: 29px;}
.top-heading{ padding: 0 140px 45px;}
.bo8{ right: -10px;}
.contct-boxs p{ font-size: 16px;}
.contct-boxs{ margin-top: 14px;}
.innerpg-main-body{ padding: 80px 0 60px 0;}
.menu_sec li a::after{ width: 114%;}
.s4{ top: -182px; background-size: 14px;}
.s5{ top: -96px;}


/*about us*/

.gal-lst ul li{ width: 173px; margin-right: 10px;margin-top: 10px;}
.gal-lst ul:last-child { margin-top: -52px; margin-left: -2px;}
.gal-lst ul:first-child { margin-left: 1px;}
.gal-lst .hov-txt{ font-size: 14px;}
.some-eud h3{ padding: 0 0 12px 0; font-size:27px; line-height: 45px;}
.our-skalsbox .text span{ font-size: 25px;}
.gal-b { width: 159px; height: 199px;background-size: 142px;}
.gal-b1 { width: 168px; height: 167px; background-size: 100px;}
.some-eud{ padding: 30px 0;}
.some-eud-gal .pic img{ min-height: 178px;}
.our-skals-sec h2{ font-size: 30px; line-height: 37px;}
.our-skals-sec p{ font-size: 19px; line-height: 30px; margin-top: 10px;}



/*app-design*/
.app-dign-sc-lft h2{ font-size: 20px; line-height: 28px;}
.app-dign-sc-lft{ padding: 0;}
.cont-frm-sec{ width: 100%;}
.app-design-userLst-inn{ padding: 0px;}
.app-dign-sc-rt .frm{ top: -36px;}
.app-dign-sc-lft p{ font-size: 17px;}
.our-skals-sec{ background-size: cover !important;}
.our-skals-sec{ padding: 50px 0;}
.cont-fld input[type="text"], .cont-fld input[type="email"], .cont-fld input[type="tel"], .cont-fld textarea, .cont-fld .btn, .cont-fld .inputfile + label, .cont-fld select{ height: 50px; font-size: 17px;}
.cont-fld textarea{ height: 150px;}
.s6{ top: -86px;}
.s3{ top: -193px;width: 30px;height: 36px; background-size: 28px;}
.our-skals-sec p{ position: relative;}

.about-us-pg .top-heading{ min-height: 250px;}

/*branding design*/
.brand-desin-chart h3{ font-size: 25px; line-height: 30px;}
.innerpg-main-body .container{ position: relative; z-index: 2;}


/*job*/

.cont-fld .inputfile + label{ line-height: 50px; background-size: 20px;}
.job-sec2 .app-dign-sc-lft{ padding: 20px 0;}
.cont-fld .box p{ font-size: 18px;}


/*graphic-design*/
.graphc-colm h4{ font-size: 25px; line-height: 35px;}
.graphc-colm p{ font-size: 15px; line-height: 20px; margin-top: 10px;}
.graphc-colm{ padding: 0px 0 37px 0;}
.graphc-colm .media-left a, .graphc-colm .media-right a{ width: 180px; height:180px;}
.graphc-colm img{ width:180px;}

/*seo detail*/
.seo-detailsRow p{ font-size: 16px; line-height: 23px;}


/*service*/

.service-row .txt-rt{ padding: 0;}
.service-row .pull-left .txt-rt{ padding: 0;}
.service-row h4{ font-size: 20px;}
.service-row h4 span{ padding-bottom: 7px;}
.service-row p{ font-size: 16px; margin-top: 16px; line-height: 20px;}
.mordetla{ font-size: 14px;}
.job-sec2{ padding: 40px 0;}


/*ux and ui*/
.marktng-boxs .text h4{ font-size: 18px; min-height: 54px;}
.uxui-sec3 .marktng-boxs .pic img{ width: 130px;}
.uxui-sec3 .marktng-boxs .pic { min-height: 170px;}
.uxui-sec3 .marktng-boxs { min-height: 465px;}
.uxui-sec3 .marktng-sec3Cont{ margin-top: 0;}



/*web design*/
.webdesign-sec3 .marktng-boxs{min-height: 415px;}
.webdesign-sec3 .marktng-boxs .text h4{ min-height: 35px;}
.webdesign-sec3 .marktng-boxs .pic { min-height: 85px;}
.webdesign-sec3 .col-xs-6{ width: 50%;}

/*work*/
.work-clint-cont .gal-lst ul li{ margin-right: 10px;}
.work-clint-cont .gal-lst ul:last-child { margin-left: 84px;}
.work-box .pic{ height: 250px;}
.work-box:hover .pic img { height: 200px;}
.work-box .text p{ font-size: 16px; line-height: 20px;}
.work-clint-sec h3{ font-size: 35px; line-height: 40px;}
.work-box .text h4 span{ padding-bottom: 10px;}
.work-box .text{ min-height: 127px;}

.work-b1{ width: 80px; height: 80px; background-size: 80px; left: 10px;}



.service-row.wht .blog_rt h4{ font-size: 18.88px; line-height: 25px; }

.gal-lst .pic-box{ height: 187px;}


.clsgalext ul{ margin-top: -39px !important;}


.communication_innr { padding: 0;}
.communication_box { height: 380px;}
.communication_details { margin-top: 70px; }
.communication_details p { font-size: 16px; line-height: 22px; padding: 15px 0 0; }
 
.communication_sec .container{ max-width: 750px; }

.app-sec .app-Itm { padding: 0 5% 70px; overflow: hidden; zoom: 1; min-height: 320px;}
.app-sec .app-Itm .pic { width: 200px; display: table-cell; vertical-align: top; padding-right: 20px;}
.app-sec .carousel-indicators li { margin: 0px 3px;}
.app-sec .app-Itm .pic i { width: 110px; height: 110px; }
.app-sec .app-Itm .text { margin-top: 10px;}
.app-sec .app-Itm .text p { font-size: 15px; line-height: 24px;  }
.app-sec .app-Itm .titl { font-size: 20px; line-height: 26px; margin-top: 10px; }



.header_sec.fixed1 .nav_top .navbar-brand {
    width: 78px;
    margin-left: -39px;
  }

.header_sec.fixed1 .menu_sec {
  margin: 24px 0 0 !important;
}



.menu_sec{ margin: 0px !important;}
 .nav_top .navbar-brand {
    width: 110px;}
.menu_sec > li {
  padding: 23px 0;
}
.header_sec.fixed1 .menu_sec > li {
  padding: 15px 0;
}
.header_sec.fixed1 .menu_sec {
    margin: 0 !important;
  }





}




@media only screen and (max-width: 767px){
.container{ width: 100%; }
.header_sec .container{ width: 100%; }


.nav_top .navbar-brand { width: 100px !important; margin-left: -50px;}
.menu_sec li a{ font-size: 15.79px; line-height: 20px; padding: 8px 0px; width: auto; float: none; display: inline-block;}
.menu_sec li{ padding: 0 15px;}
.nav_top .navbar-collapse{ padding-bottom: 20px;}

.menu_sec { margin: 0px !important;}
.banner_detailsBox span.ban_heading{ font-size: 35px; line-height: 50px; }
.banner_detailsBox span.ban_img img { max-width: 70%;}
.banner_box{ min-height: 700px; }
.sml_icon2 { width: 80px; height: 80px; left: -15px; bottom: -65px;}
.sml_icon3 { bottom: 54px; width: 41px;}
.sml_icon4 { bottom: 40px; width: 41px;}
.sml_icon6{ width: 80px; height: 80px; right: -15px; bottom: -65px;}
.sml_icon5 { bottom: 50px;}
.about_left {  padding:0 30px 150px 30px; margin-top: 0;}
.about_left_txt { padding: 25px 0 0;}
.about_left_txt h4{ font-size: 20px; line-height: 28px; }
.about_left_txt h3{ font-size: 30.08px; line-height: 43px; }
.about_left_txt a.prflo-btn { margin: 16px 0 6px 0;}
.about_left_txt a.prflo-btn span{ font-size: 18.99px; line-height: 20px; padding: 8px 26px; }
.about_left_txt p{ font-size: 15.75px; line-height: 23.04px; padding-top: 16px; }
.about_rt h3{ font-size: 48px; line-height: 48px; }
.about_innr { padding: 0 15px 55px;}
.communication_details h3{ font-size: 35px; line-height: 49px; }
.communication_details p{ font-size: 18px; line-height: 25px; padding: 15px 0 0; }
.communication_details a {  padding: 9px 24px; font-size: 17px; line-height: 25px; margin-top: 20px; }
.communication_box { height: 508px;}
.communication_details { margin-top: 135px;}
.communication_sec { padding-bottom: 80px;}
.why_rt { /*min-height: 500px;*/ width: 95%; position: inherit; right: inherit; top: inherit; margin: 0px auto; padding: 20px; }
.why_sec { padding: 27px 0; min-height: 660px;}
.why_box { width: 100%; padding:26px 0 0 0px;}
.why_box h2{ font-size: 45px; line-height: 56px; }
.why_box ul li{ margin-top: 20px; font-size: 13.75px; line-height: 18px; }
.about_left_pic{ width: 100%;}


.header_sec{ padding: 20px 0;}
.menu_sec li { margin: 0;}
.banner_detailsBox{ width: 100%;}
.about_left_innr{ margin-top: -120px;}
.mid_sec .col-sm-4{ width: 100%;}
.mid_sec .col-sm-8{ width: 100%;}


.header_sec{ background: rgba(0,0,0,0.6); padding: 0px !important;z-index: 999999;}
.nav_top .navbar-brand{ position: inherit; margin: 10px 0 0 0; padding: 0px; top: inherit; left: inherit;}
.navbar-toggle{ margin: 20px 0; border: none; border-radius: 0px; background: none !important;}
.navbar-default .navbar-toggle .icon-bar{ background: #fff;}
.navbar-toggle .icon-bar{ width: 30px; height: 4px; border-radius: 5px;}
.navbar-toggle .icon-bar + .icon-bar{ margin-top: 6px;}
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: rgba(0,0,0,0.6); width: 100%; z-index: 999;}
.navbar-header{ padding: 0 15px;}
.header_sec.fixed1 .nav_top .navbar-brand { width: 100px !important; margin-left: 0px;}
.header_sec.fixed1 .menu_sec{ margin: 0px !important;}
/*.header_sec.fixed1 .navbar-toggle{ margin: 13px 0;}*/



/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 66px; line-height: 66px;}
.idx_srv_sec h3{ letter-spacing: 4px;}
.app-sec h3{ letter-spacing: 2px; background-size: 29%; padding-top: 54px;}
.srv-box h4{ font-size: 19px; line-height: 23px; padding: 14px 0 6px;}
.srv-box{ padding: 29px 20px; min-height: 192px;}
.app-Itm .titl{ font-size: 43px; line-height: 43px; margin-top: 15px;}
.app-Itm .text p{ font-size: 16px; line-height: 29px;}
.srv-box i img{ width: 64px;}
.colm:hover .srv-box::before{ width: 60px; height: 60px;}
.colm:hover .srv-box::after{  width: 60px; height: 60px; }
.srv-box .mordtl{ font-size: 15px; line-height: 30px; margin-top: 3px; background-size: 26px; background-position: left 4px; padding-left: 30px;}
.idx_srv_sec{ padding: 40px 0; background:#431d36;}
.app-sec{ margin-top: 0px; padding: 30px 0;}
.app-Itm .text{ padding: 0px;}
.app-Itm{ padding-bottom: 104px;}









.footer_section{padding:50px 0;}
.foot_box1{padding-left: 0; font-size: 22.04px; line-height: 23px;}
.foot_box1 h4{font-size: 17.46px; line-height: 18px; padding-top: 0px;}
.foot_icon_box ul li{width:25px; margin-left:0;}
.foot_box1 ul li{font-size: 14.04px; line-height: 14px; background-size: 20px; padding-left: 34px; height: 57px;}
.foot_box2 h4{font-size: 17.46px; line-height: 30px; background-position: top 0px left; text-align: left; padding-left: 30px; background-size: 20px; padding-bottom: 5px;}
.foot_box2 p{font-size: 13.04px; line-height: 20px; padding-left: 30px;}
.foot_box3 h4{font-size: 17.46px; line-height: 34px; padding-left: 0px; padding-bottom: 0px;}
.media_section p br{display: none; }
.media_section a{margin-top: 5px;font-size: 12.75px; line-height: 17px; }
.media_section p{ padding-top: 0; font-size: 14px; line-height: 18px;}
.foot_icon_box ul{margin-top: 10px;}
.media_section .media-left .media-object{width: 45px;}
.media_section .media-body{padding-left: 0px;}
.media_section{padding-bottom: 15px;}
.footer_section .col-xs-4{width:50%;}
.footer_section .col-xs-4:nth-child(3){width:100%;}
.foot_box2{width: 100%;}
.foot_box3 h4{padding-top: 20px;}

.why_rt_innr { min-height: 480px;}




/*contact*/


.innerpg-main-body .container{ width: 100%;}
.contct-info-sec .container{ width: 100%;}
.top-heading h1{ font-size: 32px; line-height: 46px;}
.top-heading p{ font-size: 18px; line-height: 29px;}
.top-heading{ padding: 0 56px 45px;}
.bo8{ right: -10px;}
.contct-boxs p{ font-size: 16px;}
.contct-boxs{ margin-top: 14px;}
.innerpg-main-body{ padding: 80px 0 60px 0;}
.menu_sec li a::after{ width: 114%;}
.s4{ top: -182px; background-size: 14px;}
.s5{ top: -96px;}
.innerpg-head.header_sec{ background: #fafafa;}
.innerpg-head .navbar-default .navbar-toggle .icon-bar{ background: #da1d21;}
.innerpg-head .navbar-collapse{ background: rgba(255,255,255,0.8);}
.innerpg-head.header_sec.fixed1{ box-shadow: 1px 1px 1px 1px rgba(114,20,23,0.5); -moz-box-shadow: 1px 1px 1px 1px rgba(114,20,23,0.5); -webkit-box-shadow: 1px 1px 1px 1px rgba(114,20,23,0.5);}

/*about us*/

.gal-lst ul li{ width: 25%; margin-right: 0px;margin-top: 10px; padding: 0 5px;}
.gal-lst ul:last-child { margin-top: 0px; margin-left: 0px;}
.gal-lst ul:first-child { margin-left: 1px;}
.gal-lst .hov-txt{ font-size: 12px; line-height: 16px;}
.some-eud h3{ padding: 0 0 12px 0; font-size:27px; line-height: 45px;}
.our-skalsbox .text span{ font-size: 17px; line-height: 20px;}
.gal-b { width: 159px; height: 199px;background-size: 142px;}
.gal-b1 { width: 168px; height: 167px; background-size: 100px;}
.some-eud{ padding: 30px 0;}
.some-eud-gal .pic img{ min-height: 178px;}
.our-skals-sec h2{ font-size: 25px; line-height: 37px;}
.our-skals-sec p{ font-size: 17px; line-height: 30px; margin-top: 5px;}
.gal-lst .hov-txt strong{ padding-bottom: 5px; background-size: 23px;}
.our-skals-cont .col-sm-4{ width: 33.333%; float: left;}
.innerpg-mainin{ z-index: 2;}
.our-skals-sec{ background-size: cover;}

/*app-design*/
.app-dign-sc-lft h2{ font-size: 20px; line-height: 28px;}
.app-dign-sc-lft{ padding: 0;}
.cont-frm-sec{ width: 100%;}
.app-design-userLst-inn{ padding: 0px;}
.app-dign-sc-rt .frm{ top: -36px;}
.app-dign-sc-lft p{ font-size: 17px;}
.our-skals-sec{ background-size: cover !important;}
.our-skals-sec{ padding: 50px 0;}
.cont-fld input[type="text"], .cont-fld input[type="email"], .cont-fld input[type="tel"], .cont-fld textarea, .cont-fld .btn, .cont-fld .inputfile + label, .cont-fld select{ height: 50px; font-size: 17px;}
.cont-fld textarea{ height: 150px;}
.s6{ top: -86px;}
.s3{ top: -193px;width: 30px;height: 36px; background-size: 28px;}
.our-skals-sec p{ position: relative;}

.bo4{ background-size: 30px; height: 30px; width: 30px; right: 3%; z-index: 1;}
.bo5{ right: 5%;background-size: 30px; height: 30px; width: 30px; z-index: 1;}
.bo1{ left: 2px; width: 43px; height: 31px;background-size: 25px; z-index: 1;}
.bo2 { width: 17px; height: 25px;top: 12%; background-size: 15px; z-index: 1;}
.bo3 {width: 27px; height: 24px; background-size: 15px; z-index: 1;left: 7%;}
.app-dign-sc-rt{ padding-left: 0px;}
.app-desin-ses2 .col-sm-6{ width: 50%;}
.app-dign-sc-lft h2 br{ display: none;}
.innerpg-main-body .container{ position: relative; z-index: 2;}
.bo7{ left: 0px;}

.about-us-pg .top-heading{ min-height: 250px;}

/*branding design*/
.brand-desin-chart h3{ font-size: 22px; line-height: 30px;}
.innerpg-main-body .container{ position: relative; z-index: 2;}



/*job*/

.cont-fld .inputfile + label{ line-height: 50px; background-size: 20px;}
.job-sec2 .app-dign-sc-lft{ padding: 8px 0;}
.cont-fld .box p{ font-size: 18px;}
.job-sec2{ padding:0px 0 30px 0;}
.our-skals-sec h2 span::before{ top: -17px;}
.cont-fld input[type="submit"]{ font-size: 17px;}


/*digital marketing*/

.marktng-boxs .pic{ min-height: 100px;}
.marktng-boxs{ padding: 51px 20px 30px 20px;}


/*graphic-design*/
.graphc-colm h4{ font-size: 20px; line-height: 30px; padding-bottom: 9px;}
.graphc-colm p{ font-size: 15px; line-height: 20px; margin-top: 10px;}
.graphc-colm{ padding: 20px 0; background: none !important;}
.graphc-colm .media-left a, .graphc-colm .media-right a{ width: 180px; height:180px;}
.graphc-colm img{ width:180px;}
.graphc-colm:after{ background: none !important;} 
.graphc-colm .media-left{ display: table-cell !important; padding-right: 20px;}

/*seo detail*/
.seo-detailsRow p{ font-size: 16px; line-height: 23px;}
.seo-details-sec2 .col-sm-6{ width: 100%; float: left;}

/*service*/

.service-row .txt-rt{ padding: 0;}
.service-row .pull-left .txt-rt{ padding: 0;}
.service-row h4{ font-size: 20px;}
.service-row h4 span{ padding-bottom: 7px;}
.service-row p{ font-size: 16px; margin-top: 16px; line-height: 20px;}
.mordetla{ font-size: 14px;}
.service-row .pic-lft img{ width:60%;}
.service-row .pic-lft{ text-align: center;}
.service-row .col-sm-6{ width: 100%;}
.service-row{ padding: 30px 0;}
.service-row .txt-rt{ margin-top: 10px;}

/*ux and ui*/
.marktng-boxs .text h4{ font-size: 16px; min-height: 33px;}
.uxui-sec3 .marktng-boxs .pic img{ width: 100px;}
.uxui-sec3 .marktng-boxs .pic { min-height: 132px;}
.uxui-sec3 .marktng-boxs { min-height: 412px;}
.marktng-sec3Cont{ margin-top: 0px;}
.marktng-boxs { padding: 51px 16px 30px 16px;}

/*web design*/
.webdesign-sec3 .marktng-boxs{min-height: 415px;}
.webdesign-sec3 .marktng-boxs .text h4{ min-height: 35px;}
.webdesign-sec3 .marktng-boxs .pic { min-height: 85px;}




/*work*/
.work-clint-cont .gal-lst ul li{ margin-right: 0px;}
.work-clint-cont .gal-lst ul:last-child { margin-left: 0px;}
.work-box .pic{ height: auto;}
.work-box:hover .pic img { height: auto;}
.work-box .text p{ font-size: 16px; line-height: 20px;}
.work-clint-sec h3{ font-size: 35px; line-height: 40px;}
.work-box .text h4 span{ padding-bottom: 10px;}
.work-box .text{ min-height: 127px;}

.work-b1{ width: 80px; height: 80px; background-size: 80px; left: 10px;}
.work-box:hover .pic img{ height: auto;}
.work-clint-cont .gal-lst ul li{width: 24%; float: none; display: inline-block;}
.work-b4{ background-size: 60px; right: 10px; top: 40%; bottom: inherit;}
.work-clint-cont .gal-lst ul:first-child{ margin: 0px;}
.work-b3 {width: 155px; height: 139px;background-size: 92px;}

.work-b4 { width: 74px; height: 39px;background-size: 38px;}
.work-b2 { width: 129px; height: 83px;background-size: 89px;}




.efct{ opacity: 0.3;}
.contct-boxs i span{ width: 60px; height: 60px;}
.brand-desin-chartInn{ padding: 27px 0;}
.marktng-sec3Cont{ margin-top: 0;}



.aa-paralax{ background-attachment: inherit !important; background-position: center center !important;}
.cont-frm-sec .wpcf7-not-valid-tip{ font-size: 13px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ font-size: 13px;}
div.wpcf7-response-output{ margin: 10px 0; padding: 0px;}

.contct-info-sec{ padding-bottom: 49px;}
.srv-box{ border: 1px solid #642b51;}
.srv-box .mordtl {
    opacity: 1;
    visibility: visible;
}
/*.communication_details h3{ display: none;}
.communication_details p{ display: none;}
.communication_details a{ float: none;}*/
.communication_box{ position: relative;}
.communication_Apsu{ margin-top: 0px !important; position: absolute; top: 50%; left: 0px; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.communication_details a{ margin-top: 0px;}
.banner_box{ background-position: scroll center center !important;}
.header_sec{ position: fixed;}
/*.banner_sec canvas{ display: none;}*/
.navbar-collapse{ text-align: left;}

.service-row.wht .blog_rt h4{ font-size: 16.88px; line-height: 25px; }
.blog_rt{ width: 100%; display: inline-block; margin-top: 20px; }
.service-row .blog_rt p { font-size: 14.75px; line-height: 23px;}
.service-row.blog_content .pic-lft img{ width: 100%; }


.communication_details a {
    margin-top: 14px;
  }
.communication_details{ margin: 0px !important;}


.clsgalext li{
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333%;
flex: 0 0 33.333%;
max-width: 33.333%;
}

.clsgalext ul{ margin-top: 0 !important;}


.communication_innr { padding: 0;}
.communication_box { height: 340px; }



.dropdown-toggle.drop-arw {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 5;
  background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    display: block;
}


.menu_sec {
    padding: 0 15px;
  }
.menu_sec li {
    margin: 0;
    position: relative;
  }
.sub-menu {
    width: 100%;
    float: left;
    background: #fff;
    padding: 10px;
    display: none;
  }  
.nav_top .dropdown .sub-menu li a {
  font-size: 16px;
  line-height: 18px;
}  
.nav_top .dropdown.open .sub-menu{ display: block;} 
.nav_top.navbar-default .navbar-nav > .open > a, .nav_top.navbar-default .navbar-nav > .open > a:hover, .nav_top.navbar-default .navbar-nav > .open > a:focus {
  color: #da1d21 !important;
  background: none;
}
  



.communication_details h3 {
    font-size: 21px;
    line-height: 29px;
  }

 .communication_details p {
    font-size: 14px;
    line-height: 23px;
    padding: 15px 0 0;
  }
.communication_details a {
    padding: 5px 24px;
    font-size: 15px;
    line-height: 26px;}




.d-md-block{ display: none !important;}
.d-md-none{ display: block !important;}

.communication_sec .container{ max-width: 100%; }
.communication_innr .communication_Apsu { width: 100%; position: inherit; top: inherit; right: inherit; transform: inherit; bottom: inherit; display: flex;  justify-content: center;}
  
.app-sec .app-Itm { padding: 0 0 70px; overflow: hidden; zoom: 1; min-height: 300px;}
.app-sec .app-Itm .pic { width: 200px; display: table-cell; vertical-align: top; padding-right: 15px;}
.app-sec .carousel-indicators li { margin: 0px 3px;}
.app-sec .app-Itm .pic i { width: 90px; height: 90px; }
.app-sec .app-Itm .text { margin-top: 10px;}
.app-sec .app-Itm .text p { font-size: 14px; line-height: 22px;  }
.app-sec .app-Itm .titl { font-size: 20px; line-height: 26px; margin-top: 10px; }

.header_sec.fixed1 .nav_top .navbar-brand {
    width: 69px !important;
    margin-left: 0px;
  }
  
.fixdPanl{ bottom: 0px; top: inherit;}
.sosLnk li a {
  width: 23px;}
.sosLnk li {
  padding: 3px;
}
.contLink li a {
  font-size: 15px; width: 35px;
  height: 35px;}


 .nav_top .navbar-brand {
    width: 80px !important;}

 .nav_top .navbar-brand {
    width: 80px !important;
    transform: inherit !important;
    left: inherit !important;
    margin: 0px !important;
  }
.header_sec.fixed1 .nav_top .navbar-brand {
    width: 81px !important;
    margin-left: 0px;
    padding: 10px;
  }


  
}

@media only screen and (max-width: 599px){ 

/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 56px; line-height: 56px;}
.srv-box h4 {font-size: 17px; line-height: 21px; padding: 14px 0 6px;}
.srv-box .mordtl { font-size: 13px; line-height: 26px; margin-top: 3px;}
.app-Itm .text p { font-size: 15px; line-height: 29px;}
.app-Itm .titl { font-size: 34px; line-height: 41px; margin-top: 15px;}
.app-Itm { padding-bottom: 79px;}

.banner_detailsBox span.ban_heading { font-size: 29px; line-height: 41px;}
.banner_box { min-height: 556px;}
.about_play{ width: 46px;}
.sml_icon1{ left: inherit; right: 20px;}
.sml_icon2 { left: -3px; bottom: -22px;width: 50px; height: 50px}
.sml_icon6 {width: 50px; height: 50px; right: -6px; bottom: -66px;}
.communication_details{ padding: 0 20px;}
.communication_sec { padding-bottom: 57px;}
.why_rt{ /*min-height: 438px;*/ background-position: 70% !important;}
.banner_inner{ top: 40%;}
.about_left_innr { margin-top: -82px;}
.about_left_txt h3{ font-size: 26px;}
.about_left_txt p{ font-size: 14px;}
.about_left {padding: 0 30px 103px 30px;}
.sml_icon3 { bottom: 20px;  width: 41px;}
.communication_details h3 { font-size: 28px; line-height: 41px;}
.communication_details a{ font-size: 14px;}
.communication_box {height: 348px;}
.communication_details { margin-top: 102px;}
.why_box h2 {font-size: 35px; line-height: 49px;}

.why_rt_innr { min-height: 438px; background-position: 70% !important;}
.srv-box h4 { font-size: 16px; line-height: 21px; padding: 14px 0 6px; letter-spacing: 1px;}
.srv-box { padding: 28px 14px;}




.gal-lst ul li{ width: 45.333%; float: none !important; display: inline-block !important; }
.bo4{ background-size: 20px !important;}
.bo5{ background-size: 20px !important;}
.about-us-pg .efct{ z-index: 1 !important;}
.gal-b2{ background-size: 30px;}
.our-skals-sec{ padding: 50px 0;}
.top-heading p{ z-index: 2;}
.gal-b { width: 159px;  height: 199px; background-size: 80px;}

.contct-infoinn .col-md-3{ width: 100%;}


/*app-design*/
.app-desin-ses2 .col-sm-6{ width: 100%; float: left;}
.app-dign-sc-rt img{ width: 80%;}
.app-dign-sc-rt .frm{ height: 305px; background-size: 28%;}
.app-desin-ses2{ padding: 40px 0;}
.innerpg-main-body .container{ position: relative; z-index: 2;}
.cont-fld input[type="submit"]{ height: 50px;}
.about-top{ padding-bottom: 60px;}
.bo10 { bottom: -41px;}
.app-dign-sc-rt{ text-align: center;}
.app-dign-sc-lft{ margin-top: 20px;}


/*job*/
.our-skals-sec h2 { font-size: 23px; line-height: 37px;}
/*digital marketing*/
.marktng-boxs{ padding: 30px 15px;}


.graphc-colm img{ width: 140px;}
.graphc-colm .media-left a, .graphc-colm .media-right a{ width: 140px; height: 140px;}
.graphic-desin-pg .about-top { padding-bottom: 86px;}

/*seo detail*/

.seo-detailsRow .media-left { padding-right: 12px;}

/*service*/
.service-row h4 {font-size: 18px; line-height: 23px;}
.service-row h4 span::after {width: 53px;height: 1px;}
.service-row p { font-size: 15px; margin-top: 16px; line-height: 20px;}
.mordetla{ margin-top: 18px;}
.service-page{ padding-bottom: 0px !important;}
.job-sec2 {  padding: 60px 0 20px 0;}
.uxui-sec3 .brand-desin-chartInn{ padding-top: 0px;}



/*ux and ui*/
.uxui-sec3 .marktng-boxs .pic img { width: 78px;}
.uxui-sec3 .marktng-boxs .pic { min-height: 106px;}
.marktng-boxs .text h4 { font-size: 14px; line-height: 20px; min-height: 44px;}
.uxui-sec3 .marktng-boxs { min-height: 439px;}
.marktng-boxs .text p{ margin-top: 0px; padding-bottom: 5px;}
.brand-desin-chart h3 br{ display: none;}

/*work*/

.work-box .text p { font-size: 14px; line-height: 20px;}
.work-box .text h4{ font-size: 13px; line-height: 20px;}
.pagination-sec ul li.prev{ padding-left: 0px;}
.work-clint-sec h3 { font-size: 25px;line-height: 17px;}
.work-clint-sec h3 span{ padding-bottom: 16px;}
.work-clint-cont{ margin-top: 20px;}


/*25.1.2019*/

.sml_icon1 { width: 45px; height: 48px;}

.about_left { padding: 0 15px 82px 15px;}
.communication_details h3 { font-size: 23px; line-height: 33px;}
.communication_details{ width: 100%; text-align: center;}
.communication_details p { font-size: 16px; line-height: 21px; padding: 7px 0 0;}
.about_innr { padding: 0 15px 29px;}
.communication_sec { padding-bottom: 31px;}
.why_rt_innr { min-height: 323px;}
.app-Itm .titl { font-size: 24px; line-height: 27px; margin-top: 15px;}
.app-sec .carousel-indicators li{ width: 12px; height: 12px; padding: 0 2px;}
.app-Itm { padding-bottom: 66px;}
.efct{ transform: inherit !important;}
.sr1 { width: 63px; height: 65px;}
.cont-fld{ margin-top: 10px;}
.cont-fld input[type="submit"] { height: 47px;font-size: 15px;}
.contct-info-sec{ padding-bottom: 35px;}
.innerpg-main-body { padding: 45px 0 32px 0;}
.top-heading{ padding-bottom: 20px !important;}
.top-heading h1{ padding-bottom: 0px; }
.work-box .text { min-height: 111px;}

.contct-info-sec{ padding-bottom: 49px;}


#slvj-back-lightbox iframe{ height: 200px;}

.service-row.wht .blog_rt h4 { font-size: 14.88px; line-height: 22px; }




.clsgalext li{
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}


.communication_innr { padding: 0;}
.communication_box { height: 300px;}


/*
.communication_Apsu {
    margin-top: 0px !important;
    position: inherit;
    top: inherit;
    left: 0px;
    -ms-transform: inherit;
    -webkit-transform:inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    transform: inherit;
  }
.communication_details h3, .communication_details p{ color: #000;}*/

.communication_details a{ float: none;
    display: inline-block;}

.communication_sec {
    padding-bottom: 70px;
  }






} 



@media only screen and (max-width: 575px){ 
.service_portfolio .col-xs-6 {width: 100%;}

.app-sec .app-Itm .pic i { width: 60px; height: 60px; }
.app-sec .app-Itm .pic { width: 190px; display: table-cell; vertical-align: top;  padding-right: 10px; }
.app-sec .app-Itm .text p { font-size: 13px; line-height: 20px; }  
.app-sec .app-Itm .titl { font-size: 18px; line-height: 24px; margin-top: 8px; }
.app-sec .app-Itm .text p { font-size: 13px; line-height: 20px; height: 100px; overflow-y: auto; }  
.app-sec .app-Itm{ min-height: auto; }    
  
}



@media only screen and (max-width: 480px){ 
.footer_section .col-xs-4{width:100%;}
.foot_box2{width: 100%;}
.foot_box3 h4{padding-top: 20px;}


/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 46px; line-height: 46px; letter-spacing: 1px;}



.top-heading h1 { font-size: 25px; line-height: 38px;}
.some-eud h3 { padding: 0 0 10px 0; font-size: 23px; line-height: 39px;}
.some-eud-gal .pic img { min-height: 112px;}
.about-gal{ padding: 50px 0;}
.our-skals-sec p { font-size: 17px; line-height: 30px; margin-top: 10px;}

.our-skals-cont .col-sm-4{ width: 100%;}
.our-skalsbox .box-pic{ width: 45%;}
.top-heading{ padding: 0px;}
.top-heading p { font-size: 16px; line-height: 24px;}


.brand-desin-chart h3 { font-size: 18px; line-height: 27px;}


.job-sec .top-heading{ padding-bottom: 40px;}

/*digital marketing*/
.graphc-colm .media-left{ width: 100%; display: inline-block !important; padding: 0px; text-align: center;}
.graphc-colm .media-body{ width: 100%; display: inline-block !important; padding: 0px; text-align: center; margin-top: 15px;}
.graphc-colm h4{ background-position: bottom center;}
.graphc-colm .media-left a, .graphc-colm .media-right a{ display: inline-block !important;}
.graphc-sec2-row { padding-top: 36px;}
.graphic-desin-pg .about-top { padding-bottom: 40px;}




/*service*/
.service-row .pic-lft img { width: 81%;}
.service-page .top-heading{ padding-bottom: 40px !important;}




/*ux and ui*/
.uxui-sec3 .marktng-boxs .pic img { width: 85px;}
.uxui-sec3 .marktng-boxs .pic { min-height: 120px;}
.marktng-boxs .text h4{ font-size: 14px; line-height: 20px; min-height: 30px;}
.uxui-sec3 .col-xs-6{ width: 100%;}
.uxui-sec3 .marktng-boxs{ min-height: auto;}
.webdesign-sec3 .col-xs-6{ width: 100%;}

/*web design*/
.webdesign-sec3 .marktng-boxs { min-height: auto;}






.our-skals-sec p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 6px;
}
.work-clint-cont .gal-lst ul li{ width: 45%;}



.communication_box .w-100 {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.communication_details p {
    font-size: 12px;
    line-height: 17px;
    padding: 7px 0 0;
  }
.communication_details h3 {
    font-size: 19px;
    line-height: 28px;
  }
 .communication_details a {
    font-size: 12px;padding: 3px 22px;
  }



} 



@media only screen and (max-width: 400px){ 


.banner_detailsBox span.ban_heading {font-size: 23px; line-height: 35px;}
.about_left{ padding: 0 15px 103px 15px;}
.about_left_txt {padding: 14px 0 0;}
.about_left_txt h4 { font-size: 17px; line-height: 25px;}
.about_left_txt h3 { font-size: 22px; line-height: 36px;}
.about_left_txt a.prflo-btn span { font-size: 15.99px;}
.about_rt h3 { font-size: 35px; line-height: 41px;}
.idx_srv-cont{ margin-top: 0px;}
.banner_box { min-height: 476px;}



/*service-sec*/
.idx_srv_sec h3, .app-sec h3{ font-size: 36px; line-height: 36px; letter-spacing: 1px; }
/*.idx_srv-cont .col-xs-6{ width: 100%;}*/
.app-sec h3{ padding-top: 25px;}
.app-Itm .text p { font-size: 14px; line-height: 24px;}

.why_rt_innr { min-height: 390px;}



.gal-lst ul li{ width: 100%;}
.our-skals-sec h2 { font-size: 24px; line-height: 37px;}


.cont-fld input[type="submit"]{ font-size: 17px;}
.cont-fld input[type="text"], .cont-fld input[type="email"], .cont-fld input[type="tel"], .cont-fld textarea, .cont-fld .btn, .cont-fld .inputfile + label, .cont-fld select{ height: 45px; padding: 0 10px; font-size: 15px;}
.cont-fld textarea{ height: 100px; padding: 10px;}



.cont-fld .inputfile + label{ line-height: 45px;}

/*digital marketing*/

.marktng-sec3Cont .col-xs-6{ width: 100%;}
.brand-desin-chart h3 br{ display: none;}
.marktng-sec3Cont{ margin-top: 15px;}
.graphc-colm img{ width: 100px;}
.graphc-colm .media-left a, .graphc-colm .media-right a{ width: 100px; height: 100px;}


.seo-detailsRow .media-left{ width: 100%; padding: 0px; display: inline-block; text-align: center;}
/*.media_section .media, .media_section  .media-body{ width: 100%; padding: 0px; display: inline-block; text-align: center; margin-top: 20px;}*/


.seo-detailsRow .media-left a{ margin-bottom: 10px;}

.srv-box i img { width: 50px;}
.srv-box h4 { font-size: 14px; line-height: 20px; padding: 12px 0 6px; letter-spacing: 1px;}
.srv-box .mordtl { font-size: 12px; line-height: 24px; margin-top: 2px;background-size: 22px !important; padding-left: 25px !important;}
.colm:hover .srv-box::before { width: 40px; height: 40px;}
.colm:hover .srv-box::after {width: 40px; height: 40px;}
.srv-box{ min-height: 172px;}
	
	
.clsgalext li{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
	
	

.communication_box .w-100 {
  height: 360px;
}







	

}
@media only screen and (max-width: 360px){ 


.idx_srv_sec h3, .app-sec h3 { font-size: 31px; line-height: 31px; letter-spacing: 1px;}
.app-Itm .pic i{ width: 140px; height: 140px;}
.app-Itm .text{ margin-top: 19px;}
.app-Itm .titl {font-size: 28px; line-height: 35px; margin-top: 15px;}

.brand-desin-chart h3 {font-size: 16px; line-height: 27px;}




.work-clint-cont .gal-lst ul li{ width: 46%;}


.idx_srv-cont .col-xs-6{ width: 100%;}












}