/*
    Theme Name: Echo Marketing
    Author: Spritz
*/

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

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

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

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

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

}

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

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

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

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

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

}
body{ background-color: #fff;}
h1{font-family:"open_sanssemibold", Georgia,Serif; font-size:36px;}
h2{font-family:"open_sansbold", Georgia, Serif; font-size: 24px; color: #253e8b}
h3{font-family:"open_sanssemibold", Georgia, Serif; font-size: 24px; color: #253e8b}
h4{font-family: "NewBaskervilleItalic", Georgia, Serif;}
h6{font-family: "NewBaskervilleRoman", Georgia, Serif;}
p{font-family: "open_sansregular", Georgia, Serif; color: #0b1228; font-size: 16px; line-height: 24px;}
a{font-family: "open_sansregular", Georgia, Serif;}
a, a:hover,a:focus,a:active{ text-decoration: none; }
.view,.view:focus, .read-more,.read-more:focus{background-color: #253e8b; color: #fff; font-family:"open_sanssemibold", Georgia, Serif; font-size: 16px; display: block; text-align: center; margin:25px auto auto auto; padding: 10px 0; text-transform: uppercase;
    border-bottom: 1px solid #b5b5b5;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;
-webkit-box-shadow: 0px 1px 1px -1px #B5B5B5;
       -moz-box-shadow: 0px 1px 1px -1px #B5B5B5;
            box-shadow: 0px 1px 1px -1px #B5B5B5;}
.view,.view:focus,.read-more,.read-more:focus{width: 164px; height: 45px; }
.view:hover, .read-more:hover{ background-color:#0b1228; color: #fff !important; }
.arc{background: url('images/arc-shape.png') no-repeat center bottom #fff;height: 143px; margin-top: -40px;}
.arc-top{background: url('images/arc-top.jpg') no-repeat center bottom #fff;height: 136px; }
.arc-white-top{background: url('images/arc-white-top.jpg') no-repeat center bottom #fff;height: 103px; background-size: 100% 100% }
.arc-white-btm{background: url('images/arc-white-btm.jpg') no-repeat center bottom #fff;height: 100px; background-size: 100% 100% }
.trans-effect, .sm li, a, .case-studies_con h3{ -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

/* header */
header { position: fixed; width: 100%; background-color: #fff; z-index: 1500; top:0;
-webkit-box-shadow: 0px 2px 5px -4px #000;
       -moz-box-shadow: 0px 2px 5px -4px #000;
            box-shadow: 0px 2px 5px -4px #000;
}
header nav{ border-color: #fff !important; background-color: transparent !important;  min-height: 66px; }
header .navbar{ margin-bottom: 0 !important;  border: 0  }
header .navbar-nav > li, header .navbar-nav > li:focus{padding-top: 26px; padding-bottom: 26px !important; margin-left: -2px ;

-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header .navbar-nav > li > a{font-family:"open_sanssemibold", Georgia, Serif; color: #253e8b !important; font-size:16px; border-right:2px solid #253e8b;padding: 0 27px 2px; margin: 0; line-height: 14px;}
header .navbar-nav > li:last-child a{ border: none; /*padding-right: 0 !important*/}
header .navbar-brand{ height: auto !important; padding: 0; margin:5px 0 0 0px}
header .navbar-brand img{ margin-left:-5px;}
header .navbar-nav li:hover, header .navbar-nav li.current_page_item{background-color:#253d8b;}
header .navbar-nav > li:hover > a, header .navbar-nav > li.current_page_item > a{ color: #fff !important;}
header .navbar-nav li:hover .sub-menu{  opacity: 1 !important;}

.sub-menu{ position: absolute; padding: 0px; background-color:#253d8b; margin-top: 26px; opacity: 0; z-index: 999; width:100%;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sub-menu > li{ display: block;  padding-top: 12.5px !important; padding-bottom: 12.5px !important;  text-align: center; margin-left: 0px !important;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

 }
.sub-menu li > a{ color: #fff !important; font-family:"open_sanssemibold", Georgia, Serif;  font-size:16px;}
.sub-menu li:hover, .sub-menu li.current_page_item{background-color:#fff !important;}
.sub-menu li:hover a, .sub-menu li.current_page_item a{ color: #253d8b !important }

.banner{ margin-top: 68px;}
.home-banner .carousel-inner > .item img{ display: block; margin: auto}
.home-banner .carousel-indicators{ bottom: 143px}
.home-banner .carousel-indicators li{ width: 14px !important; height: 14px !important; margin:  auto 6.3px auto 6.3px !important; background-color: #cdd3cb; border: 1px solid #cdd3cb}

.home-banner .carousel-indicators li.active{ background-color: #fff;}
.home-banner .carousel-caption{ bottom: 158px; }
.home-banner .carousel-caption h1{font-family:"open_sanssemibold", Georgia, Serif; color:#fff !important; font-size:36px;}
.home-banner .carousel-caption h2{font-family:"open_sanssemibold", Georgia, Serif; color:#ffff00 !important; font-size:36px;}


.intro-cs .intro h2, .clients_con h2, .home-blog h2, .our-team h2, .wwr-banner h2, .cs_con h2{ color: #253e8b; margin-bottom: 20px; text-align: center;}
.intro-cs{ width: 100%;  background-color: #f6f6f6  }
.intro-cs .intro{width: 100%; min-height: 237px;  margin-top: -95px; background-color: #fff; z-index: 1000; position: relative; padding: 20px; text-align: center;
border-bottom: 1px solid #b5b5b5;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;
-webkit-box-shadow: 0 3px 3px -5px #000;
       -moz-box-shadow: 0 3px 3px -5px #000;
            box-shadow: 0 3px 3px -5px #000;
}
.intro-cs .view{ margin-top: 27px;}
.intro-cs .arc{ margin-top: -48px;}


.case-studies_con{ padding-top: 33px; }
.case-studies_con h2{ text-align: center; margin-bottom: 12px; color: #253E8B; padding: 10px 0 10px 0}
.case-studies_con h3{ text-align: center; margin-bottom: 29px; margin-top: 29px; color: #0b1228}
.case-studies_con h3:hover{ color: #253E8B}
.case-studies{ padding: 0; margin: 0; width: 100%;}
.case-studies li{ display: inline-block; width: 360px; margin-right: 26px; background-color: #fff;
border-bottom: 1px solid #b5b5b5;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;
-webkit-box-shadow: 0 3px 3px -5px #000;
       -moz-box-shadow: 0 3px 3px -5px #000;
            box-shadow: 0 3px 3px -5px #000;
}
.case-studies li:last-child{margin-right: 0;}

.clients_con{ width: 100%;}
.clients_con h2{ margin-top: 8px; margin-bottom: 22px;}
.clients{width: 100%; padding: 0; margin: 0}
.clients li{ display: inline-block; width: 261px; height: 120px; margin: 0 27px 27px 0; padding:2px 5px; text-align: center;
/*border-bottom: 1px solid #b5b5b5;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;*/
-webkit-box-shadow: 1px 1px 3px -1px #999999;
       -moz-box-shadow: 1px 1px 3px -1px #999999;
            box-shadow: 1px 1px 3px -1px #999999;
}
.clients li:nth-child(4n+4){ margin-right: 0}
.clients li img{ filter: grayscale(1);
     -webkit-filter: grayscale(1); /* Webkit */
    filter: gray; /* IE6-9 */
    /*transition-property: filter;
    transition-duration: 1s;*/}
.clients li:hover img{filter: grayscale(0); -webkit-filter: grayscale(0); filter: none;}

.home-blog{ background-color: #f6f6f6 !important; padding-bottom: 100px; }
.home-blog .slide{border: 1px solid #9c9c9c;}
.home-blog .slide .carousel-inner{ background-color: #fff;}
.home-blog .content, .home-blog .image{ background-color: #fff; min-height: 1px;}
.home-blog .content, .home-blog .image img{height:auto;}
.home-blog .image img{width:100%; height:auto;}
.home-blog .content h3{ text-align: left; margin-bottom: 2px}
.home-blog .content em{ margin-bottom: 31px}
.home-blog .content .read-more{ float: left; margin-top: 14px;}
.home-blog .carousel-indicators{ bottom: -55px;}
.home-blog .carousel-indicators li{ background-color: #515665; border: 1px solid #515665; width:14px !important; height: 14px !important; margin: auto 7.5px auto 7.5px;}
.home-blog .carousel-indicators li.active{ background-color: #0b1228; border: 1px solid #0b1228 }
.home-blog h2{ margin-top: 10px; margin-bottom: 22px;}
.home-blog .arc-top{ margin-top: -7px;}

/* Who We Are */
.wwr-banner{ margin-top: 68px; background-color: #0b1228; padding:48px 0 57px 0;  }
.wwr-banner h2{ color: #fff;}
.wwr-banner p{ color: #fff; text-align: center; margin-bottom: 20px;}
.wwr-banner p, .wwr-banner h2{
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



.our-team{ background-color: #f6f6f6 !important; padding:49px 0 70px; }
.our-team .slide{border: 1px solid #9c9c9c; background-color: #fff; overflow: none;}
.our-team .content, .our-team .image{ background-color: #fff;}
.our-team .content h3{ text-align: left; margin-bottom: 2px}
.our-team .content span{font-family: "open_sanssemibold", Georgia, Serif; color: #253e8b; font-size: 16px;}
.our-team .content .read-more{ float: left;}
.our-team .carousel-indicators{ bottom: -55px;}
.our-team .carousel-indicators li{ background-color: #515665; border: 1px solid #515665; width:14px !important; height: 14px !important; margin: auto 7.5px auto 7.5px;}
.our-team .carousel-indicators li.active{ background-color: #0b1228; border: 1px solid #0b1228 }
.our-team .carousel-control{ top:46%; position: absolute;}
.our-team .carousel-control.left,.our-team .carousel-control.right{width:18px; height: 55px}

/* Portfolio */
.portfolio-client{ margin-top: 60px; padding-top: 66px;}

.cs_con{ background-color: #f6f6f6; padding-bottom: 40px}
.cs_item{ padding: 0; margin: 0; vertical-align: top;}
.cs_item li{ display: inline-block;margin-bottom: 20px;  overflow: hidden; position: relative;}
.cs_item li.medium, .cs_item li.big{width: 49.1%;}
.cs_item li.big{height: 452px;}
.cs_item li.medium{ height: 216px;}
.cs_item li.small{width:23.65%; height: 216px; margin-right: 20px;}
.cs_item li.medium img, .cs_item li.big img, .cs_item li.small img{width: 100%; height: auto;}

.cs_item li .hover{opacity: 0;  position: absolute; display: table; width: 100%; height: 100%; background-color: #253e8b; left: 0; right: 0; top: 0; bottom: 0; vertical-align: middle; text-align: center; z-index: -1; cursor: pointer; 
}
.cs_item li .hover > h3{ display: table-cell;  min-width: 221px; height: 100%; margin: auto;    font-family:"open_sanssemibold", Georgia, Serif; color: #fff !important; font-size:18px; padding: 10px 20px;/* white-space: nowrap;*/ vertical-align: middle;
 }
 .cs_item li .hover > h3 span{ text-align: center; vertical-align: middle; padding: 16px 30px; border: 2px solid #fff; }

 .cs_item li:hover .hover{z-index: 800;opacity: 0.7; }

.more-cs{ padding-bottom:79px;}
.more-cs .case-studies li img{ width:100%; hieght:auto}



/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Services */
.services-banner{ background-color: #0b1228; text-align: center; padding: 46px 0 215px;}
.services-banner h1,.services-banner h2,.services-banner h3,.services-banner h4,.services-banner h5.services-banner h6{font-family:"open_sansbold", Georgia, Serif; font-size: 24px; color: #fff; margin-bottom: 20px; line-height: 34px;}
.services-banner p{ color: #fff; }


.services{ background-color: #f6f6f6;}
.services_con{ background-color: #fff;  margin-bottom: 27px;
   /* border-bottom: 1px solid #b5b5b5;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;*/
-webkit-box-shadow: 0 3px 3px -4px #000;
       -moz-box-shadow: 0 3px 3px -4px #000;
            box-shadow: 0 3px 3px -4px #000;
}
.services_con:last-child{ margin-bottom: 66px;}
.services_con .s-content{ padding: 5px 15px 10px}
.services_con .s-image img{width: 100%; height: auto;}
.services_con .s-content ul{ padding:0; margin:0; margin-top: -8px; }
.services_con .s-content ul li{display: block; padding-left: 20px; background: url( images/right-bullet.jpg) no-repeat left top 5px;}
.services_con .s-content ul li{font-family: "open_sansregular", Georgia, Serif; color: #0b1228; font-size: 16px;}
.services_con .s-content h3{ margin-bottom: 2px;}
.services_con .s-content p, .services_con .s-content strong{color: #0b1228; }
.services_con .s-content strong{ margin-top: 16px; display: block;}
.services_con .s-content{ float: right !important;}
.services_con .s-image{ float: left !important}

/* blog */
.blog{ padding-top: 78px;}
.blog h1{ text-align: center; color: #253e8b}
.blog h2{ margin-bottom: 2px; margin-top:15px; }
.blog p{ margin-bottom: 20px}
.blog p strong{font-family:"open_sanssemibold", Georgia, Serif; font-weight: normal}
.blog img{ margin: 20px 0 30px;}
.blog ul.social-network{ padding:0px; margin:0px 0 30px 0;}
.blog ul.social-network li{ display:inline-block; margin-top:0px; margin-right:20px}
.blog ul.social-network li:hover{ opacity:0.6}

.blog-archive .archive_con{ background-color: #f6f6f6; min-height: 384px; padding: 15px 30px; margin-top: 105px;
-webkit-box-shadow: 0px 1px 1px -1px #B5B5B5;
       -moz-box-shadow: 0px 1px 1px -1px #B5B5B5;
            box-shadow: 0px 1px 1px -1px #B5B5B5;
}
.archive_con h3{ font-size: 24px; color: #253e8b; margin-top: 7px; margin-bottom: 20px;}
.archive{ padding: 0; margin: 0 0 0 37px}
.archive li{ display: block; margin: 17px 0;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.archive li a,.archive li a:focus{font-family:"open_sanssemibold", Georgia, Serif; color: #0b1228; font-size: 15.53px; text-decoration: none; }
.archive li a:hover,.archive li a.active{ color:#253e8b }

/* Case Study */
 .case-study .intro h2,.challenge h2, .solution h2, .result h2, .more-cs h2{font-family:"open_sanssemibold", Georgia, Serif; font-size: 24px; color: #253e8b}
    .case-study{ margin-top: 0px; }
    .case-study .intro{ min-height: 190px; }
    .case-study .intro h2{ margin-bottom: 5px; }
    .case-study .arc{ margin-top: -37px}

    .cs-slide{ margin: 66px 0px; }
    .cs-slide #amazingslider-1{width: 100% !important; height: auto !important;}
   /* .amazingslider-wrapper-1{padding-bottom: 26px; background-color: #fff;}
    
    .amazingslider-img-1 img{ margin-top: 0px !important}
  
    .amazingslider-space-1{height: 525px !important}
    
    .amazingslider-nav-1{ width: 88% !important ;  position: relative !important; 
  display: block; margin:auto; margin-top: 26px !important; padding:0 10px}
 

   .amazingslider-bullet-image-1{width:167px !important; height: 78px !important; }
   .amazingslider-bullet-image-1 img{width:100% !important; height:100% !important;}


    .amazingslider-bullet-wrapper-1 > div{ margin-right: 20px !important;}
    .amazingslider-bullet-wrapper-1 > div,.amazingslider-bullet-wrapper-1 > div > div{width:167px !important; height: 78px !important}

.amazingslider-bullet-image-1 img{width:100% !important; height: 100% !important}*/

.amazingslider-wrapper-1{padding-bottom: 26px; background-color: #fff;}
.amazingslider-img-1 img{ margin-top: 0px !important}
.amazingslider-space-1{height: 525px !important}
.amazingslider-box-1 > div:last-child{ display: none !important}
.amazingslider-nav-1{width:840px !important; }
.amazingslider-nav-1,.amazingslider-nav-1{left:50% !important; margin-left: -420px !important}

.amazingslider-car-left-arrow-1{height: 57px !important; width:32px !important;
                margin-top: 3px !important;
                left: -48px !important;top: 10px !important;
            background-position: left 0px top 0px !important;
        }
.amazingslider-car-right-arrow-1{right: -48px !important;top: 10px !important;
            background-position: right 0px top 0px !important;
            height: 60px !important;width: 34px !important;margin-top: 3px !important;
        }

.amazingslider-car-left-arrow-1:hover{background-position: top -83px left 0px !important }
.amazingslider-car-right-arrow-1:hover{background-position: top -83px right 0px !important }

.amazingslider-img-box-1,.amazingslider-img-1{ background-color: #212121 !important;}


    .challenge{ margin-top: -20px}


.challenge, ul, .solution ul, .result ul{padding-left:0px;}
.challenge ul li, .solution ul li, .result ul li{font-family: "open_sansregular"; color: #0b1228; font-size: 16px; line-height: 24px;padding-left:1px; display:block;
list-style-type: disc;
    list-style-position: inside;
    padding-left: 13px;
    background:url(http://spritzinteractive.com/project/echo/wp-content/uploads/2016/01/bullet.png) no-repeat left top;
background-position: top 9px left;
}


    .solution, .result{ padding-top: 20px}

    .solution, .more-cs{ background-color: #f6f6f6}
    .solution .arc-white-btm, .challenge .arc-white-top, .result .arc-white-top{ margin-top: -30px;}

    .more-cs .case-studies li{width: 48%; display: inline-block;}
    .more-cs .case-studies li:nth-child(2n+2){ margin-right: 0}

/* footer */

footer{width: 100%; background-color: #0b1228; }
footer .contact{padding: 25px 15px 0px 15px }
footer h3{ color: #fff !important; margin-bottom: 25px}
footer .getin p{ margin-bottom: 8px;}
footer .getin input[type="text"],footer .getin input[type="email"],footer .getin textarea{
  width:100%; padding:10px; background-color: #20273b; border: 0px; color: #fff !important; font-family: "open_sansregular", Georgia, Serif; font-size: 16px;
}
footer .getin textarea{ height: 80px}
footer .getin input[type="submit"]{ width: 100%; background-color: #fff; box-shadow: 0; border: 0px;padding:10px; text-transform: uppercase; color: #0b1228 !important; font-family: "open_sansregular", Georgia, Serif; font-size: 16px; -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
footer .getin input[type="submit"]:hover{ background-color:#859ac7; color: #fff !important; }
footer .address_con ul.address{ padding: 0; margin:-7px 0 0 -43px;}
footer .address_con ul.address li{font-family:"open_sansbold", Georgia, Serif; font-size: 16px; color: #fff; padding-left: 18px; display: block; line-height: 24px;}
footer .address_con ul.address li:first-child{ background: url('images/address.png') no-repeat left top 4px}
footer .address_con ul.address li:last-child{ background: url('images/phone.png') no-repeat left top 4px; margin-top: 21px;}
footer .address_con h3{ margin-left: -43px;}
footer ul.sm{ padding:0; margin: 21px 0 0 -43px }
footer ul.sm li{ display: inline-block; margin-right: 17px; }
footer ul.sm li:hover{ opacity: .6}
.copyrights_con{ border-top:2px solid #525766; width: 100%}
.copyrights_con ul{width:100%; display: block; margin: auto; padding: 23px 0 26px; text-align: center; }
.copyrights_con ul li{ display: inline-block;}
.copyrights_con ul li, .copyrights_con ul li a{color: #fff !important; font-family: "open_sansregular", Georgia, Serif; font-size: 16px;}
.copyrights_con ul li:last-child a{ background: url('images/line-sep.png') no-repeat left top 4px; padding-left:10px;  line-height: 0px; margin-left: 8px}
.copyrights_con ul li:last-child a:hover{ opacity: .6}

.wpcf7-validation-errors{color:#F00 !important}
.wpcf7-mail-sent-ok{color:#fff !important}
#scroll-top{margin-right: 32%;
float: right;
position: relative;
top: -104px;}
#scroll-top img{padding:0; margin:0; width:44px; height:44px;}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    /* home page */
    .arc, .arc-top{ background-size: 100% 100% !important}

    .case-studies_con{ padding-top: 33px; }
    .intro-cs .intro{padding: 45px 193px 20px 193px; }
    .intro-cs .intro h2{ margin-bottom:10px;}
    .home-blog .content{ padding: 0px 70px 20px 15px;}
    .our-team .content{ padding: 0px 75px 3px 15px;}

   /* .our-team .carousel-control.left{ left:-83px;}
    .our-team .carousel-control.right{ right:-76px;}
*/

    /* Who We are */
    .wwr-banner .container{ padding:0 193px }
    .wwr-client{ margin-top: -40px; padding-bottom: 40px}


 .our-team .slide{width:96% !important; display:block; margin:auto}

    .our-team .carousel-control.left{ left:-38px;}
    .our-team .carousel-control.right{ right:-26px;}

    /* Services */
    .services_con:first-child{ margin-top: -157px;}
    .services_con .alter .s-content{ float: left !important; padding-left: 45px;}
    .services_con .alter .s-image{ float: right !important; padding-left: 0px; padding-right: 15px }
    .services_con .s-image {padding-right: 0px;padding-left: 15px;}
    .services_con .s-content{padding-left: 25px; padding-right:95px }
    .services_con .s-image img{ width: 100%; height: auto;}

    /* Blog */
    .blog-content{ float: left !important}
    .blog-archive{ float: right !important}

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    /* home page */
    .case-studies_con{ padding-top: 33px; }
    .intro-cs .intro{padding: 46px 20% 20px 9%;}
    .case-studies li, .case-studies li img{width:292px; height:auto;}
    .clients li{ width: 210px; height: auto;}
    .clients li img{width:196px; height: auto; }


    .our-team .slide{width:96% !important; display:block; margin:auto}
    .our-team .content{ padding-right:40px}

    .our-team .carousel-control.left{ left:-38px;}
    .our-team .carousel-control.right{ right:-26px;}

    .home-blog .slide .item .image{width:50%; min-height: 1px}
    .home-blog .slide .item .content{width:50%;min-height: 1px; padding: 0px 70px 20px 15px;}
    .home-blog .slide .item .image img{width: 100%; height: auto;}

    /* Who We are */
    .wwr-banner .container{ padding:0 193px }
    .wwr-client{ margin-top: -40px; padding-bottom: 40px}

    /* Services */
    .services_con:first-child{ margin-top: -157px;}
    .services_con .alter .s-content{ float: left !important; padding-left: 45px;}
    .services_con .alter .s-image{ float: right !important; padding-left: 0px; padding-right: 15px }
    .services_con .s-image {padding-right: 0px;padding-left: 15px;}
    .services_con .s-content{padding-left: 25px; padding-right:25px }
    .services_con .s-image img{ width: 100%; height: auto;}

    /* portfolio */
    .cs_item li.big{height: 370px}
    .cs_item li.medium{ height: 175px }
    .cs_item li.small{width: 23.3%; height: 175px}

     .cs_item li .hover > h3 span{ text-align: center; vertical-align: middle; padding: 8px 16px; border: 2px solid #fff; font-size: 14px }

    .amazingslider-space-1{height: 436px !important}
.solution .arc-white-btm, .challenge .arc-white-top, .result .arc-white-top{ background-size:auto }
    /* Blog */
    .blog-content{ float: left !important;width:75%;}
    .blog-content img{ width: 100%; height: auto;}
    .blog-archive{ float: right !important; width:25%}




    footer .contact .col-md-1{ display: none}
    footer .address_con ul.address, footer .address_con ul.sm, footer .address_con h3{ margin-left: 0}



}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    
    .case-studies li, .case-studies li img{width:219px; height: auto}
    .case-studies li h3{ font-size: 18px; margin: 20px 0}
    .clients li{ width: 225px; height: auto;margin: 0 17px 17px 0}
    .clients li:nth-child(4n+4){margin: 0 17px 17px 0}
    .clients li:nth-child(3n+3){margin: 0 0px 17px 0}
    .clients li img{width:215px; height: auto; }
    .home-blog .slide .carousel-inner, .our-team .slide .carousel-inner{padding: 20px; height: auto !important}
    .home-blog .content, .home-blog .image, .home-blog .content h3,.our-team .content, .our-team .image, .our-team .content h3{ text-align: center !important;}
    .home-blog .content .read-more{ display: block; margin: auto; margin-bottom: 30px; float: none;}
    
    .our-team .carousel-control.right{right:40px;}
    .our-team .carousel-control.left{left:30px;}

    /* Services */
    .services_con{ padding: 15px}
    .services_con:first-child{ margin-top: -157px;}
    .services_con .s-content,.services_con .s-image,.services_con .alter .s-content,.services_con .alter .s-image{ float: none !important; padding:0 20px 20px !important; text-align: center;}
    .services_con .s-image img, .services_con .alter .s-image img{ width: auto; height: auto; margin-top: 20px}
    .services_con .s-content ul li{ display: inline-block; margin-right: 20px;}

    /* portfolio */
    .cs_item li.medium, .cs_item li.big{width: 48.9%;}
    .cs_item li.big{height:285px }
    .cs_item li.medium{ height: 132px }
    .cs_item li.small{width: 22.76%; height: 132px;}
    .cs_item li .hover > h3{ width: 100% !important; min-width: 1px;}
    .cs_item li .hover > h3 span{ text-align: center; vertical-align: middle; padding: 6px 12px; border: 2px solid #fff; font-size: 10px }

    .amazingslider-space-1{height: 333px !important}
.solution .arc-white-btm, .challenge .arc-white-top, .result .arc-white-top{ background-size:auto }
.more-cs .case-studies{width:100%; text-align:center}
.more-cs .case-studies li{margin:0 0 0 20px; margin-bottom:20px; width:41%}

    /* Blog */
    .blog-content img{ width: 700px; height: auto;}
    .blog-archive .archive_con{ margin: 30px 0; min-height: 1px;}
    .blog ul.social-network li img{width: auto !important; height: auto !important;}

    footer .contact{padding-bottom: 20px; margin-top: 40px}
    footer .find-us, footer .getin{ width:49.5%; float: left;}
    footer .address_con{ float: left; width: 100%}
    footer .address_con h3,footer .address_con ul.address,footer ul.sm{ margin-left: 0px}
    .address_con ul.address,footer ul.sm{width: 49.5%; float: left;}
    footer ul.sm{ margin-top: -10px}
  
#scroll-top{ margin-right: 10px;top: -104px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    p{font-size: 14px;}
    h1{font-size:20px;}
    h2,h3{font-size:18px;}


    header .navbar-default .navbar-toggle,header .navbar-default .navbar-toggle:focus, header .navbar-default .navbar-toggle:hover{ border-color: transparent; background-color: transparent !important; margin: 11px 0 0 0 !important }


     header .navbar-default .navbar-collapse,  header .navbar-default .navbar-form{ padding: 0px}
    header .navbar-nav{width: 100%; margin:7px 0;}
    header .navbar-nav > li, header .navbar-nav > li:focus{ padding: 10px 0px !important}
    .intro-cs .intro{padding:10px; margin-top:-30px;} 
    header .navbar-nav > li .sub-menu{position: relative; opacity: 1}
    header .navbar-nav > li a{ border: 0px !important}


    header .navbar-nav li:hover, header .navbar-nav li.current_page_item, .sub-menu li:hover, .sub-menu li.current_page_item{background-color: transparent !important; opacity: 1; color: #859ac7}
    header .navbar-nav > li:hover > a, header .navbar-nav > li.current_page_item > a, .sub-menu li:hover a, .sub-menu li.current_page_item a{opacity: 1; color: #859ac7 !important}

    .sub-menu{ opacity: 1; display: block;  background-color: transparent !important; margin-top: 10px; padding-left: 37px}
    .sub-menu li{ text-align: left; padding: 5px 0px !important}
    .sub-menu li a{color: #253E8B !important; padding: 0;}

    .home-banner .carousel-caption{ bottom: 20%}
    .home-banner .carousel-caption h1{ font-size: 24px; text-shadow:0px 4px 4px #000}
    .home-banner .carousel-indicators{ bottom: 15%}
    .carousel .carousel-indicators li{width: 10px !important; height: 10px !important;}

.our-team .content{padding-bottom:50px}
    .case-studies li, .case-studies li img{ width: 300px; height: auto; display: block; margin:0 auto 20px auto !important;}
    .case-studies li h3{ font-size: 18px; margin: 15px 0}
    .clients{width:350px; display: block; margin: auto}
    .clients li{ width: 165px; height: auto;margin: 0 10px 10px 0}
    .clients li:nth-child(4n+4),.clients li:nth-child(3n+3){margin: 0 10px 10px 0}
    .clients li:nth-child(2n+2){margin: 0 0px 10px 0}
    .clients li img{width:155px; height: auto; }


   .home-blog .slide .carousel-inner, .our-team .slide .carousel-inner{padding: 20px; padding-bottom: 20px !important}
    .home-blog .content{ margin-bottom: 40px}
    .home-blog .content, .home-blog .image, .home-blog .content h3,.our-team .content, .our-team .image, .our-team .content h3{ text-align: center !important;}
    .home-blog .content .read-more{ display: block; margin: auto; margin-bottom: 30px; float: none;}
    .home-blog .image img, .our-team .image img{width: 100%; height: auto;}
    .our-team .carousel-control.right{right:10px;}
    .our-team .carousel-control.left{left:0px;}

    /* Services */
    .services_con{ padding: 15px}
    .services_con:first-child{ margin-top: -157px;}
    .services-banner h1, .services-banner h2, .services-banner h3, .services-banner h4, .services-banner h5.services-banner h6{ font-size: 20px}
    .services_con .s-content,.services_con .s-image,.services_con .alter .s-content,.services_con .alter .s-image{ float: none !important; padding:0 20px 20px !important; text-align: left;}
    .services_con .s-image img, .services_con .alter .s-image img{ width: 400px; height: auto; margin-top: 20px}
    .services_con .s-content ul li{ display: inline-block; margin-right: 20px; font-size: 14px; line-height: 24px;}

    /* portfolio */
.case-study{ margin-top:0px;}
    .cs_item li.medium, .cs_item li.big, .cs_item li.small{width: 400px;float: none !important; margin: auto; display: block; margin-bottom: 20px;}
        .cs_item li.big,.cs_item li.medium,.cs_item li.small{height:auto }
       .cs_item li.big{height:285px }
        .cs_item li.medium{ height: 132px }
        .cs_item li.small{ height: 132px;}
       
        .cs_item li .hover > h3 span{ text-align: center; vertical-align: middle; padding: 6px 12px; border: 2px solid #fff; font-size: 12px }

.more-cs .case-studies{width:100%; text-align:center}
.more-cs .case-studies li{margin:0px 0px 20px 20px !important; width:41%}
.more-cs .case-studies li h3{ min-height:40px; margin:0; font-size:12px;}

    .amazingslider-space-1{width:100% !important;height: 210px !important}
.solution .arc-white-btm, .challenge .arc-white-top, .result .arc-white-top{ background-size:auto }

.case-study .intro{ min-height:143px;}
.case-study .intro h2, .challenge h2, .solution h2, .result h2, .more-cs h2{ font-size:20px}


    /* Blog */
    .blog-content,.blog-archive .archive_con{ text-align: center;}
    .blog-content img{ width: 100%; height: auto;}
    .blog-archive .archive_con{ margin: 30px 0; min-height: 1px;}
    .blog ul.social-network li img{width: auto !important; height: auto !important;}
    .archive{margin: 0px;}




    footer .contact{padding-bottom: 20px; margin-top: 20px}
    footer .find-us, footer .getin{ width:49.5%; float: left;}
    footer .find-us img{width:220px; height: auto}
    footer .getin input[type="text"], footer .getin input[type="email"], footer .getin textarea{ padding: 2px 5px }
    footer .address_con{ float: left; width: 100%}
    footer .address_con h3,footer .address_con ul.address,footer ul.sm{ margin-left: 0px}
    .address_con ul.address,footer ul.sm{width: 49.5%; float: left;}
    footer ul.sm{ margin-top: -10px; float: right !important}
    footer ul.sm li{margin: 0 3px; text-align: right;}
    .copyrights_con ul li, .copyrights_con ul li a{ font-size:14px;}

#scroll-top{ margin-right: 10px;top: -104px;}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {  

.arc{ height:103px}
    .navbar-nav  
    .case-studies li, .case-studies li img{ width: 250px;  display: block; margin:0 auto 20px auto !important;}
    .clients,.wwr-client .clients{width:265px; display: block; margin: auto}
    .clients li{ width: 125px; height: auto;margin: 0 10px 10px 0}
    .clients li:nth-child(4n+4),.clients li:nth-child(3n+3){margin: 0 10px 10px 0}
    .clients li:nth-child(2n+2){margin: 0 0px 10px 0}
    .clients li img{width:115px; height: auto; }

    /* Services */
.services_con .s-image img, .services_con .alter .s-image img{ width: 250px; height: auto; margin-top: 20px}

    /* Portfolio */
    .cs_item li.medium, .cs_item li.big, .cs_item li.small{width: 280px;}
    .cs_item li.big{height:235px }
    .cs_item li.medium{ height: 122px }
    .cs_item li.small{ height: 122px;}


   .amazingslider-space-1{height: 132px !important}


.more-cs .case-studies{width:100%; text-align:center}
.more-cs .case-studies li{dispaly:block;margin:0px 0px 20px 0px !important; width:250px}
.more-cs .case-studies li h3{ min-height:40px; margin:0; font-size:12px;}


     footer .find-us,  footer .getin,  footer .address_con{width:100%; text-align: center;}
     footer .address_con ul.address, footer .address_con ul.sm{width:100%; text-align: left; }
     footer .address_con ul.sm{margin-bottom: 10px; margin-top: 10px; text-align: center; }

}
ul.case-studies.more-studies li img {
    height: auto;
}