body

{

	font-family: 'Lato', sans-serif !important;

	font-size:17px !important;

	color:#7c7c7c !important;

	font-weight: 300 !important;

}

/*about_tuenal */

#about_teunal {

    background-color: #fff !important;

}

.responsive_design

{

	border-bottom:1px solid #d9d9d9;

}

.mission_statement

{

border-bottom:1px solid #d9d9d9;

}

/*we are tuenal */

#we_are_teunal1 .right_contain{float:right;}

#we_are_teunal1 {

    background-color: hsl(0, 0%, 100%);

	padding:0px 0;

}

.bottom_text.col-md-12 li {

    background:none !important;

    line-height: 1.3em;

	margin-top:25px;

}

.bottom_text.col-md-12.col-sm-12 li:first-child {

    margin: 0;

}

.bottom_text .fa.fa-check-square-o {

   display: block !important;

    margin: 0 0 0 -27px;

    padding: 2px 0 0;

    position: absolute;

    font-size: 22px;

}

#we_are_teunal .row

{

 margin-bottom: 100px !important;

    margin-top: 75px !important;

}

.com_image .img-responsive {

    top: 25px;

    position: relative;

}

.purchase_teunal .purchase

{

	 padding:10px 20px !important;

}





.readmore > a:hover {

    text-decoration: none;

}

.left_contain .title_text {

    color:#666;

    float: left;

    font-size: 26px;

    padding-bottom: 20px;

	font-weight:300;

	text-shadow:1px 0 #bfbfbf;

}

/* services */

.cms_top > p

{

	width:80%;

	margin:0 auto;

}

.preset5_service .pre5_ser{padding-bottom:40px;}

.whatcanwedo {

    font-size: 25px;

    text-transform: uppercase;

	color:#7c7c7c;

	padding-top: 35px;

	height:110px;

	text-shadow:0px 0 #bfbfbf;

}

.whatcanwedo_text {

	float:left;

	width:100%;

	margin:20px 0 75px;

}

.whatcanwedo_border {

    border-top: 1px solid #ddd;

    margin: 20px auto;

    position: relative;

    width: 8%;

	border-shadow:1px 0 #bfbfbf;

}

.about_text {

    color: #999999;

    font-family: "Lato",sans-serif;

    font-size: 16px;

    font-weight: 300;

    margin: 20px 0 0;

}

.whatcanwedo_img {

	padding-top:50px;

}

.number {

	float:left;

	font-weight:normal;

	font-size:30px;

	color:#999999;

	border-bottom:solid 1px #999;

	padding-top:15px;

}

.offer_number {

    border: 3px solid #53A2E2;

    border-radius: 100px;

    color: #FFF;

    height: 155px;

    width: 155px;

	margin:0 auto;

	float:none;

}

.offer_number .offer_text {

    color: #191919;

    float: left;

    font-size: 18px;

    font-weight: normal;

    padding:45px 0 0 5px;

    text-transform: uppercase;

    width: 100%;

	margin:0 auto;

}

.offer_text  .fa.fa-globe, .offer_text .fa.fa-database,.offer_text .fa.fa-bar-chart,.offer_text .fa.fa-suitcase,.offer_text .fa.fa-cogs {

	color:#191919;

}

.offer_text .fa.fa-desktop.fa-3x {

    margin: 0 0 0 5px;

}

.offer_number .offer_text .fa.fa-globe {

    margin: -10px -10px 0 2px;

}

.offer_number i:hover {

    color: #53A2E2;

}

.service_bottom {

    padding-top: 70px;

}

.service-heading {

    color:#525252;

    float: left;

    font-size: 24px;

    font-weight: 300;

    margin: 25px 0;

    text-transform: none;

    width: 100%;

}

.service-heading  a{

color:#525252;}



.text-muted {

	color: #777;

	float:left;

	font-size:15px;

}

.preset5_service{float:left;padding-bottom:25px;}

/* skill */

.preset5_skill {

    float: left;

    padding: 0 15px;

    width: 100%;

}

.skill .skill_module {

	background-color: #5ebcfb;

    float: left;

    height: 240px;

    margin-right: 2px;

    padding: 0;

    width: 19.82%;

}

.skill_module .skill_icon {

    position: relative;

    top: 20px;

	color:white;

}

.skill_module .percent {

    font-size: 60px;

    position: relative;

    top: 30px;

    color: white;

}

.skill_module .sort-text {

    font-size: 18px;

    position: relative;

    text-transform: uppercase;

    top: 40px;

    color: white;

}

#features .skill {

    margin-top:10px;

}

.skill .cms_top {

    margin-bottom:50px;

}

/* video */

.preset5_vedio .video{margin-top:1px;margin-bottom:-3px;}

section#features {

    border-top: 1px solid hsl(0, 0%, 93%);

    margin: 40px 0 0;

    padding-top: 40px;

}

/*tuenal responsive */

.sfx_responsive .custom {

    float: left;

	width:100%;

}

.responsive_left {

        padding: 30px 30px 0 0;

	float:left;

}

.responsive_right {

    float: right;

}

.joomla_res {

	 color: #4c4c4c;

    font-size: 26px;

    font-weight: 300;

    text-transform: uppercase;

	padding:30px 0;

	padding-left:10px;

}

.res_par {

	float: right !important;

    line-height: 24px;

    margin: 0 auto;

    padding-bottom:30px;

    text-align: left;

}

.view_btn {

	float:left;

	float: left;

    padding-top: 15px;

}

.mobile_view {

    float: left;

    background-color: #53A2E2;

    cursor: pointer;

    border-top-left-radius: ;

    border-bottom-left-radius: 30px;

    border-top-left-radius: 30px;

	margin-left:10px;

}

.mbl_inner {

    background-color: #fff;

    border-radius: 50px;

    float: left;

    height: 40px;

    margin: 10px;

    padding:10px;

}

.mbl_inner i{

	font-size:26px;

	color:#191919;

	margin:-2px 0 0 4px;

}

.mblview_text {

    float: left;

	font-size:17px;

	color:#FFF;

	text-transform:uppercase;

	padding:17px 10px 0 0;

}

.tablet_view {

    float: left;

    background-color: #FFF;

    cursor: pointer;

    border-bottom-right-radius: 30px;

    border-top-right-radius: 30px;

}

.tbl_inner {

    background-color: #53A2E2;

    border-radius: 50px;

    float: left;

    height: 42px;

    margin: 10px;

    padding-top: 5px;

    width: 42px;

}

.tbl_inner i{

	 color: #ffffff;

    font-size: 27px;

    padding: 2px 0 0px 14px;	

}

.tblview_text {

    float: left;

	font-size:17px;

	color:#000;

	text-transform:uppercase;

	padding:17px 0px 0 10px;

}





/* portfolio */



.sp-portfolio-filter > li a {

    color: #777 !important;

    text-transform: uppercase;

}

.sp-portfolio-filter .btn.active {

    color: #fff !important;

}

.sp-portfolio-item-inner {

    margin: 2px !important;

}

.product-uikit-frontpage .uk-align-center img  {
    height: 230px;
}

.product-uikit-frontpage p {
    text-align: justify;
}

.product-uikit-frontpage .uk-list .element-link {
    text-align: center;
}

.product-uikit-frontpage .uk-subnav-line {
   margin: 0px!important;
}

.product-uikit-frontpage .uk-subnav-line .element-socialbuttons {
       width: 100%;
	text-align: center;
}

.fb_iframe_widget span {
          vertical-align: top!important;
}

.yoo-zoo .uk-pagination {
	display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    text-align: center;
}

.yoo-zoo .uk-pagination>li {
    display: inline;
}

.uk-pagination>li>a, .uk-pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.uk-pagination>li>a:hover, .uk-pagination>li>span:hover {
    background-color: #eeeeee;
    border: 1px solid #ddd;
}

.uk-pagination>.uk-active>a, .uk-pagination>.uk-active>span, .uk-pagination>.uk-active>a:hover, .uk-pagination>.uk-active>span:hover, .uk-pagination>.uk-active>a:focus, .uk-pagination>.uk-active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca;
}