@charset "utf-8";
/* CSS Document */
@-ms-viewport{
    width: device-width;
}
html,body {
    width:100%;
    height: auto;
    margin:0;
    padding:0;    
}
body { 
    margin:0;
    padding:0;    
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 400;
    position: relative;    
    line-height:25px;
    word-spacing: 2px;
    letter-spacing: 1px;
    color: #000;
}
a {
    color:inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a:hover, a:active, a:focus {
    outline:0; 
    color:inherit; 
    text-decoration: none;
    outline:none;    
}
input[type="radio"] {outline: none;}
label {font-weight: normal;}
.noresize {resize: none;}
.form-control:focus {    
    border-color: #f58221;
    box-shadow: none;
    outline: 0 none;
}
img {max-width: 100%;}
hr {float: left; width: 100%;}
ol, ul {list-style: outside none none;}
.list-outside {list-style: outside none disc;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
}
/*Bootstrap manipulated CSS*/
.row {margin:0;}
/*Cursor*/
.cursor-pointer {cursor:pointer;}
.clear {clear:both !important;}

/*Margin CSS*/
.margin-none {margin:0 !important;}
/*margin top css*/
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-50 {margin-top: 50px;}
/*margin right css*/
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.margin-right-15 {margin-right: 15px;}
.margin-right-20 {margin-right: 20px;}
/*margin bottom css*/
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-50 {margin-bottom: 50px;}
/*margin left css*/
.margin-left-5 {margin-left: 5px;}
.margin-left-10 {margin-left: 10px;}
.margin-left-15 {margin-left: 15px;}
.margin-left-20 {margin-left: 20px;}
/*margin ver css*/
.margin-ver-5 {margin-top: 5px; margin-bottom: 5px}
.margin-ver-10 {margin-top: 10px; margin-bottom: 10px}
.margin-ver-15 {margin-top: 15px; margin-bottom: 15px}
.margin-ver-20 {margin-top: 20px; margin-bottom: 20px}
.margin-ver-30 {margin-top: 30px; margin-bottom: 30px}
.margin-ver-50 {margin-top: 50px; margin-bottom: 50px}
/*margin hor css*/
.margin-hor-5 {margin-left: 5px; margin-right: 5px}
.margin-hor-10 {margin-left: 10px; margin-right: 10px}
.margin-hor-15 {margin-left: 15px; margin-right: 15px}
.margin-hor-20 {margin-left: 20px; margin-right: 20px}

/*Padding CSS*/
.padding-none {padding:0;}
.padding-5 {padding: 5px;}
.padding-10 {padding: 10px;}
.padding-15 {padding: 15px;}
.padding-20 {padding: 20px;}
/*padding top css*/
.padding-top-5 {padding-top: 5px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-20 {padding-top: 20px;}
.padding-top-50 {padding-top: 50px;}
/*padding right css*/
.padding-right-5 {padding-right: 5px;}
.padding-right-10 {padding-right: 10px;}
.padding-right-15 {padding-right: 15px;}
.padding-right-20 {padding-right: 20px;}
/*padding bottom css*/
.padding-bottom-5 {padding-bottom: 5px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-15 {padding-bottom: 15px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-50 {padding-bottom: 50px;}
/*padding left css*/
.padding-left-5 {padding-left: 5px;}
.padding-left-10 {padding-left: 10px;}
.padding-left-15 {padding-left: 15px;}
.padding-left-20 {padding-left: 20px;}
/*padding ver css*/
.padding-ver-5 {padding-top: 5px; padding-bottom: 5px}
.padding-ver-10 {padding-top: 10px; padding-bottom: 10px}
.padding-ver-15 {padding-top: 15px; padding-bottom: 15px}
.padding-ver-20 {padding-top: 20px; padding-bottom: 20px}
.padding-ver-50 {padding-top: 50px; padding-bottom: 50px}
.padding-ver-70 {padding-top: 70px; padding-bottom: 70px}
/*padding hor css*/
.padding-hor-5 {padding-left: 5px; padding-right: 10px}
.padding-hor-10 {padding-left: 10px; padding-right: 10px}
.padding-hor-15 {padding-left: 15px; padding-right: 15px}
.padding-hor-20 {padding-left: 20px; padding-right: 20px}

/*Text align*/
@media only screen and (max-width: 767px) {
    .text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }
}
@media only screen and (min-width: 1200px) {
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }
}

/*Background COlor CSS*/
.bg-black {background-color:#000;}
.bg-white {background-color:#fff;}
.bg-gray {background-color:#2f2f2f;}
.bg-light-gray {background-color:#edeef0;}
.bg-extra-light-gray {background-color:#f9f8f8;}
.bg-orange {background-color:#fe7900;}
.bg-blue {background-color:#12aad9;}

/*Text Color CSS*/
.text-color-white {color:white;}
.text-color-black {color:black;}
.text-color-gray {color:#333;}
.text-color-light-gray {color:#666;}
.text-color-extra-light-gray {color:#999;}
.text-color-red {color: #e32b2b;}
.text-color-blue {color: #2c9ef6;}
.text-color-brown {color: #c0252d;}
.text-color-orange {color: #f58221;}

.text-bold {font-weight:600 !important;}
.text-bolder {font-weight:500 !important;}
.text-underline {text-decoration: underline;}

/*Font CSS*/
.font-size-10 {font-size:10px;}
.font-size-12 {font-size:12px;}
.font-size-13 {font-size:13px;}
.font-size-14 {font-size:14px;}
.font-size-15 {font-size:15px;}
.font-size-16 {font-size:16px;}
.font-size-17 {font-size:17px;}
.font-size-18 {font-size:18px;}
.font-size-20 {font-size:20px;}
.font-size-22 {font-size:22px;}
.font-size-24 {font-size:24px;}
.font-size-25 {font-size:25px;}
.font-size-30 {font-size:30px;}
.font-size-35 {font-size:35px;}

/*line-hight*/
.line-height-20 {line-height:20px;}
.line-height-25 {line-height:25px;}
.line-height-30 {line-height:30px;}
.line-height-35 {line-height:35px;}
.line-height-40 {line-height:40px;}
.line-height-45 {line-height:45px;}
.line-height-50 {line-height:50px;}
.word-spacing-4 {word-spacing: 4px;}
.line-through {text-decoration:line-through; color: #999;}

/*Border CSS*/
.border-none {border:none !important;}
.border-solid {border:1px solid #ccc;}
.border-dotted {border:1px dotted #ccc;}
.border-dashed {border:1px dashed #ccc;}
.border-dashed-white {border:2px dashed #fff;}
/*border top css*/
.border-solid-top {border-top:1px solid #ccc;}
.border-dotted-top {border-top:1px dotted #ccc;}
.border-dashed-top {border-top:1px dashed #ccc;}
/*border right css*/
.border-solid-right {border-right:1px solid #ccc;}
.border-dotted-right {border-right:1px dotted #ccc;}
.border-dashed-right {border-right:1px dashed #ccc;}
/*border bottom css*/
.border-solid-bottom {border-bottom:1px solid #ccc;}
.border-dotted-bottom {border-bottom:1px dotted #ccc;}
.border-dashed-bottom {border-bottom:1px dashed #ccc;}
/*border left css*/
.border-solid-left {border-left:1px solid #ccc;}
.border-dotted-left {border-left:1px dotted #ccc;}
.border-dashed-left {border-left:1px dashed #ccc;}
/*border ver css*/
.border-solid-ver {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.border-dotted-ver {border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.border-dashed-ver {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc;}
/*border hor css*/
.border-solid-hor {border-right:1px solid #ccc; border-left:1px solid #ccc;}
.border-dotted-hor {border-right:1px dotted #ccc; border-left:1px dotted #ccc;}
.border-dashed-hor {border-right:1px dashed #ccc; border-left:1px dashed #ccc;}

/*positions*/
.position-relative {position:relative;}
.position-absolute {position:absolute;}

/*Social icon colors*/
.fb-color {color: #4c76be;}
.twt-color {color: #00c7ff;}
.gplus-color {color: #fc5345;}
.pint-color {color: #ff3635;}
.insta-color {color: #964b00;}

/*Custom Button*/
.btn-action {
    background-color: #c0252d;
    border: 2px solid #c0252d;
    border-radius: 18px;
    color: #fff;    
    padding: 8px 32px;
    text-transform: uppercase;    
    height: auto;
    transition: all 0.3s ease 0s;    
}
.btn-action:hover, .btn-action:focus, .btn-action:active {
    color: #c0252d;
    border-color: #c0252d;
    background: #fff none repeat scroll 0 0;
}
.btn-action-inv {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #12aad9;
    border-radius: 20px;
    color: #12aad9;    
    padding: 7px 28px;
    text-transform: uppercase;    
    height: auto;
    transition: all 0.3s ease 0s;    
}
.btn-action-inv:hover, .btn-action-inv:focus, .btn-action-inv:active {
    color: #fff;
    border-color: #12aad9;
    background: #12aad9 none repeat scroll 0 0;
}
/*end default css*/
/*form css start*/
#form input {
    background: transparent none repeat scroll 0 0;
    border-left: 0 none;    
    border-right: 0 none;
    border-top: 0 none;    
    border-radius: 0;
    box-shadow: none;
}
#form select {
    background: transparent none repeat scroll 0 0;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    border-radius: 0;
}
#form textarea {
    background: transparent none repeat scroll 0 0;    
    border-radius: 0;
    border-top: medium none;
    box-shadow: none; 
}
/*form css end*/
/*home page start*/
/*vertical carousel start*/
.carousel-indicators { display: none; }
.carousel-indicators li {
    background-color: transparent;
    border: 1px solid #c0252d;
}
.carousel-indicators li.active {
    background-color: #c0252d;
    border: 1px solid #c0252d;
}
.carousel.vertical .carousel-inner .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
    top: 0;
}
.carousel.vertical .next {
    top: 100%;
}
.carousel.vertical .prev {
    top: -100%;
}
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}
.carousel.vertical .active.left {
    top: -100%;
}
.carousel.vertical .active.right {
    top: 100%;
}
.carousel.vertical .item {
    left: 0;
}
#bannerText {
    background-color: rgba(255, 255, 255, 0.3);
    color: #000;
    padding: 45px 0;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%;
}
#bannerText .carousel-inner .item .row {
    font-size: 20px;
    padding: 0px;
    margin-bottom: 10px;
    font-weight: bolder;
}
#bannerTextTwo  {
    color: black;    
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
    font-size: 50px;    
}
#bannerTextTwo  span {    
    font-size: 20px;
    border: 4px solid #000;
    padding: 10px 20px;
    text-transform: uppercase;
}
@media only screen and (min-width:992px){
    #bannerTextTwo  {
        top: 30%;
    }
    #bannerTextTwo  span {    
        font-size: 50px;
        border: 4px solid #000;
        padding: 10px 20px;
    }
    #bannerText {
        padding: 55px 0;
        top: 35%;
    }
    #bannerText .carousel-inner .item .row {
        font-size: 50px;
        padding: 10px;        
    }
}
/*vertical carousel end*/
.circle-bg {
    /*background: #fff url('../img/circle-bg.jpg') center center repeat;*/
    padding: 50px 0;
}
.square-bg {
    /*background: #fff url('../img/square-bg.png') left top repeat;*/
    padding: 80px 0;
    position: relative;
}
.testimonial-bg {
    background: #fff url('../img/testimonial-bg.jpg') left top repeat;
    padding: 50px 20px;
    position: relative;
    color: #fff;
}
.testimonial-bg span {
    position: relative;    
    top: -40px;
}
.world-map-bg {
    background: #fff url('../img/world-map.jpg') center center fixed;
    padding: 50px 20px;
}
/*heading css start*/
.heading-1 {
    font-size: 50px;
    line-height: 65px;
    color: #c0252d;
}
footer .heading-1 {
    color: #a2a2a2;
}
@media only screen and (max-width:530px){
    .heading-2 {
        font-size:50px !important;
        line-height: 80px !important;
    }

}
.heading-2 {
    color: #000;
    font-size: 70px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 100px;
    /*-webkit-text-fill-color: transparent;    
    background: rgba(0, 0, 0, 0) linear-gradient(91deg, #ff00de 0%, #ff696f 50%, #ffd200 100%) repeat scroll 0 0 padding-box text;*/
    
    background: -webkit-linear-gradient(left, #c0252d, #f58221);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.heading-3 {
    color: #000;
    font-size: 40px;
    font-weight: bolder;
    line-height: 50px;
}
.heading-4 {
    color: #000;
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 5px;
    line-height: 70px;
    /*-webkit-text-fill-color: transparent;
    background: rgba(0, 0, 0, 0) linear-gradient(91deg, #ff00de 0%, #ff696f 50%, #ffd200 100%) repeat scroll 0 0 padding-box text;
    
    background: -webkit-linear-gradient(left, #ff00de, #ffd200);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
    
    -webkit-text-fill-color: #f58221;
}
.heading-5 {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-text-fill-color: transparent;
    background: rgba(0, 0, 0, 0) linear-gradient(91deg, #ff00de 0%, #ff696f 50%, #ffd200 100%) repeat scroll 0 0 padding-box text;
}
.heading-6 {
    font-size: 50px;
    line-height: 65px;    
    color: #fff;
    text-align: center;
}
.heading-7 {
    font-size: 35px;
    line-height: 50px;    
    color: #999;
    text-align: center;
}
/*heading css end*/
/*element css start*/
.triangle-img {
    position: absolute;
    bottom: 0;
}
.haxagon-img {
    position: absolute;
    right: 0;
    top: 10%;
}
/*element css end*/
@media only screen and (min-width:992px){
    .director-text {
        position: relative;
        top: 65px;
    }
.wrap-sticky { height: 102px !important; }	
}
/*testimonial carousel start*/
/* carousel */
#quote-carousel {
    padding: 0 10px 30px 10px;    
    text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
    background: transparent;
    border: 1px solid #fff;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
    background: #fff;
    border: 1px solid #fff;
    height:10px;
    width:10px;
    margin-bottom:1px;
}
/*testimonial carousel end*/
/*logo slider start*/
.carousel-showmanymoveone .carousel-control {
    width: 4%;
    background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
    margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
    margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}
@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }
    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }
    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }
    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }
    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }
    .carousel-showmanymoveone .carousel-inner > .item.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
/*logo slider end*/
/*home page end*/
/*media and awards*/
.media-box {
    border: 1px dashed #ccc;
    float: left;
    min-height: 318px;
}
.client-box {
    border: 1px solid #ccc;
    float: left;
    position: relative;
}
.overlay-bg {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease 0s;
}
.overlay-bg span {
    position: relative;
    top: 40%;
    color: white;
}

ul.solution-list li{ display:inline-block; padding:5px 10px; margin:5px 0; background-color: #eee; }

/* case studie img hover Start*/
.overlay-img:before { position:absolute; content:""; left:0; top:0; right:0; bottom:0; z-index:999; opacity: 0; transition: 0.2s; background-color: #000; height: 100%; }
.overlay-img:hover:before { opacity:0.5; transition: 0.2s; }
/* case studie img hover End */

/*Text align*/
@media only screen and (max-width: 767px) {
	.testimonial-bg{padding: 0 0;}
	#quote-carousel {padding: 0;text-align: center;}
	#quote-carousel .col-xs-12{padding:0}
}