@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Cuprum|Noto+Serif');

body {

    overflow-x: hidden;

    font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;

}

p {

    font-size: 14px;

    line-height: 1.75;

}



a,

a:hover,

a:focus,

a:active,

a.active {

    outline: 0;

}



a {

    color:#434343;

}



a:hover,

a:focus,

a:active,

a.active {

    color:#434343;

}



.btn {

    border-radius: 4px;

    text-transform:capitalize;

	font-family:"Roboto-Medium";

    font-weight: 400;

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.btn-viewall {

    border: 1px solid #fff;

    color: #fff;

    background-color: #f79520;

	padding:10px 60px;

}



.btn-viewall:hover,

.btn-viewall:focus {

    border: 1px solid #fff;

    outline: 0;

    color: #fff;

    background-color: #ff8b00;

}

.btn-viewmore {

    border: 1px solid #fff;

    color: #fff;

    background-color: #0e111a;

}



.btn-viewmore:hover,

.btn-viewmore:focus {

    border: 1px solid #fff;

    outline: 0;

    color: #fff;

    background-color: #2e3547;

}

.btn-seeall {

    border:2px solid #d8d8d8;

    color: #117ec2;

    background-color: #fff;

	padding:10px 40px;

}



.btn-seeall:hover,

.btn-seeall:focus {

    border:2px solid #d8d8d8;

    outline: 0;

    color: #117ec2;

    background-color: #fff;

}

@font-face{

	font-family:"Roboto-Black.ttf";

	src:url("../fonts/Roboto-Bold");

}

@font-face{

	font-family:"RobotoCondensed-Bold";

	src:url("../fonts/RobotoCondensed-Bold.ttf");

}

@font-face{

	font-family:"Roboto-Medium";

	src:url("../fonts/Roboto-Medium.ttf");

}

@font-face{

	font-family:"Roboto-Regular";

	src:url("../fonts/Roboto-Regular.ttf");

}

@font-face{

	font-family:"RobotoCondensed-Regular";

	src:url("../fonts/RobotoCondensed-Regular.ttf");

}

@font-face{

	font-family:"roboto-condensed.light";

	src:url("../fonts/roboto-condensed.light.ttf");

}

@font-face{

	font-family:"Roboto-Light_0";

	src:url("../fonts/Roboto-Light_0.ttf");

}

@font-face{

	font-family:"Lato-Bold";

	src:url("../fonts/Lato-Bold.ttf");

}

@font-face{

	font-family:"Lato-Regular";

	src:url("../fonts/Lato-Regular.ttf");

}

@font-face{

	font-family:"Lato-Light";

	src:url("../fonts/Lato-Light.ttf");

}

@font-face{

	font-family:"Amazing-Grotesk-Book";

	src:url("../fonts/Amazing-Grotesk-Book.otf");

}

@media screen and (min-width: 1450px) {

    .container {

        width: 1170px;

    }

}

/*

@media screen and (min-width: 1366px) {

    .container {

        width: 1306px;

    }

}*/

.img-centered {

    margin: 0 auto;

}

header{

	border-top:#3f9eee 8px solid;

	border-bottom:#e3e3e3 1px solid;

	background:url(../images/top-bg.png) repeat;

}

.logo-smart-landing{

	margin:102px auto 102px auto;

}

header h1{

	font-family: 'Cuprum', sans-serif;

	color:#555555;

	font-weight: 300;

	font-size:45px;

	text-align:center;

	margin-bottom:98px

}

.popular-section{

	padding:45px 0;

	background:url(../images/bottom-bg.png) repeat;

}

.popular-top{

	border:#348cd6 1px solid;

	background:#fff;

	text-align:center;

	border-top-left-radius:20px;

    border-top-right-radius:20px;

	padding-top:20px;padding-bottom:10px

	margin-top:30px;

}

.popular-bottom{

	border:#348cd6 1px solid;

	background:#318bd6;

	border-bottom-left-radius:20px;

    border-bottom-right-radius:20px;

	padding:34px 15px 24px 15px;

	margin-bottom:30px;

}

.popular-bottom ul{

	padding:0px;

	margin:0px;

	list-style-type:none;

}

.popular-bottom ul li{

	font-family:"Roboto-Regular";

	font-size:24px;

	color:#FFF;

	padding-bottom:10px;

}

.popular-bottom ul li a{

	color:#FFF;

	text-decoration:none;

}

.popular-bottom ul li a:hover{

	color:#e1f1fe;

	text-decoration:none;

}